From b623d68b595617294bcca396150d09c0ce66ff16 Mon Sep 17 00:00:00 2001
From: zhaowenkang <Z13306486998@126.com>
Date: Wed, 18 Dec 2024 17:21:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5=EF=BC=8C?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=BA=A6=E7=99=BE=E5=88=86=E4=B9=8B90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 work/src/api/UpdateWorkApi.js |  20 ++++
 work/src/views/AddWork.vue    |  25 +++--
 work/src/views/WorkDetail.vue | 209 +++++++++++++++++++++++++-----------------
 work/vite.config.js           |   2 +-
 4 files changed, 164 insertions(+), 92 deletions(-)
 create mode 100644 work/src/api/UpdateWorkApi.js

diff --git a/work/src/api/UpdateWorkApi.js b/work/src/api/UpdateWorkApi.js
new file mode 100644
index 0000000..d86cc0e
--- /dev/null
+++ b/work/src/api/UpdateWorkApi.js
@@ -0,0 +1,20 @@
+import service from ".";
+const UpdateWorkApi={
+    //查询分部
+    getdeptinfo(){
+        return service.post("/api/homework_manage/getdeptinfo")
+    },
+    //查询分部门店
+    getshopinfo(deptId){
+        return service.post("/api/homework_manage/getshopinfo",{deptId})
+    },
+    //查询功能
+    getrecordbycondition(data){
+        return service.post("/api/homework_manage/getrecordbycondition",data)
+    },
+    //数据导出
+    excelexport(data){
+        return service.post("/api/homework_manage/excelexport",data)
+    }
+}
+export default UpdateWorkApi;
\ No newline at end of file
diff --git a/work/src/views/AddWork.vue b/work/src/views/AddWork.vue
index 25a3e40..458c4a8 100644
--- a/work/src/views/AddWork.vue
+++ b/work/src/views/AddWork.vue
@@ -30,10 +30,10 @@
             </el-form-item>
             <el-form-item label="关联文章">
               <el-autocomplete v-model="articleTitle" :fetch-suggestions="queryArticleList" placeholder="请输入"
-                @select="handleSelectArticle" />
+                @select="handleSelectArticle"  clearable @change="handleArticleChange"/>
             </el-form-item>
             <el-form-item label="关联直播">
-              <el-select v-model="form.LiveId" placeholder="请选择" style="width: 100%">
+              <el-select v-model="form.LiveId" placeholder="请选择" style="width: 100%" clearable @change="handleLiveChange">
                 <el-option v-for="item in live" :key="item.id" :label="item.name" :value="item.id" />
               </el-select>
             </el-form-item>
@@ -91,6 +91,7 @@ import { ref, onMounted, computed } from 'vue'
 import AddWorkApi from '../api/AddWorkApi';
 import _ from 'lodash';
 import dayjs from 'dayjs';
+import { ElMessage } from 'element-plus'
 
 const options = ref([
   { id: 1, name: '牧民俱乐部' },
@@ -141,6 +142,12 @@ const back = () => {
 const articleSearchResults = ref([]);
 // 根据文章输入内容查询关联文章的函数
 const queryArticleList = async (queryString: string) => {
+  if (form.value.LiveId) {
+    ElMessage.warning('您已关联直播，暂无法关联文章');
+    articleTitle.value = ''; // 清空文章标题输入框
+    form.value.LiveId = '';
+    return [];
+  }
   try {
     const response = await AddWorkApi.getArticleList(queryString);
     const formattedResults = response.data.map(article => ({
@@ -164,6 +171,14 @@ const handleSelectArticle = (article: { label: string }) => {
     articleTitle.value = selectedArticle.value; // 更新显示的文章题目
   }
 };
+const handleLiveChange = () => {
+  if (form.value.ArticleId) {
+    ElMessage.warning('您已关联文章，暂无法关联直播');
+    form.value.LiveId = ''; // 清空关联直播选择框的值
+    form.value.ArticleId = '';
+    articleTitle.value = '';
+  }
+};
 
 //获取直播列表
 const live = ref([]);
@@ -192,10 +207,7 @@ const getQuestionTypeText = (type) => {
       return '未知类型题目';
   }
 };
-// 从content字符串中解析出选项数组
-// const getOptionsFromContent = (content) => {
-//   return JSON.parse(content);
-// };
+
 const addSingleChoice = () => {
   questions.value.push({
     type: 1,  // 假设1代表单选，和后端格式对应起来
@@ -259,7 +271,6 @@ const handleMouseLeave = (index) => {
 onMounted(() => {
   isHovered.value = Array(questions.value.length).fill(false);
 });
-
 </script>
 
 <style scoped>
diff --git a/work/src/views/WorkDetail.vue b/work/src/views/WorkDetail.vue
index 0484660..5fa057f 100644
--- a/work/src/views/WorkDetail.vue
+++ b/work/src/views/WorkDetail.vue
@@ -15,19 +15,27 @@
                     </div>
                 </div>
                 <div class="table-container">
-                    <div class="search-bar">
-                        <el-input type="text" placeholder="请输入精网号" v-model="searchCriteria.netNumber"
-                            style="width: 180px;" size="large" />
-                        <el-select v-model="searchCriteria.department" placeholder="选择分店门部" size="large"
-                            style="width: 180px; margin-left: 15px;"></el-select>
-                        <el-select v-model="searchCriteria.store" placeholder="--请选择所属门店--" size="large"
-                            style="width: 180px; margin-left: 15px"></el-select>
+                    <div class="search-bar" :v-model="form">
+                        <el-input v-model="form.jwcode" type="text" placeholder="请输入精网号" style="width: 180px;"
+                            size="large" />
+                        <el-select v-model="form.deptId" placeholder="选择分店门部" size="large"
+                            style="width: 180px; margin-left: 15px;" clearable @change="handleDeptSelect">
+                            <el-option v-for="item in dept" :key="item.id" :label="item.deptName"
+                                :value="item.deptId" />
+                        </el-select>
+
+                        <el-select v-model="form.shopId" placeholder="--请选择所属门店--" size="large"
+                            style="width: 180px; margin-left: 15px" clearable>
+                            <el-option v-for="item in shop" :key="item.id" :label="item.shopName"
+                                :value="item.shopId" />
+                        </el-select>
                         <el-button class="search-btn" type="primary" size="large" @click="searchData">搜索</el-button>
                         <div class="export">
-                            <el-button class="export-btn" type="primary" size="large">导出数据</el-button>
+                            <el-button class="export-btn" type="primary" size="large"
+                                @click="exportData">导出数据</el-button>
                         </div>
                     </div>
-                    <el-table :data="workdetail" style="width: 100%">
+                    <el-table :data="workdetailData" style="width: 100%">
                         <el-table-column label="序号">
                             <template #default="scope">
                                 {{ scope.$index + (PageNo - 1) * PageSize + 1 }}
@@ -41,8 +49,16 @@
                             </template>
                         </el-table-column>
                         <el-table-column label="作业详情">
-                            <template #default="scope">
-                                <a class="look" @click="viewDetails(scope.row)">查看</a>
+                            <template v-slot="{ $index }">
+                                <el-popover placement="bottom" title="详情" :width="600" trigger="click"
+                                    :content="`${getContent($index).formTitle}${getContent($index).contentTitle}${getContent($index).content}`">
+                                    <template #reference>
+                                        <el-button link type="primary">查看</el-button>
+                                    </template>
+                                    <div>{{ getContent($index).formTitle }}</div>
+                                    <div>{{ getContent($index).contentTitle }}</div>
+                                    <div>{{ getContent($index).content }}</div>
+                                </el-popover>
                             </template>
                         </el-table-column>
                         <el-table-column prop="submitTime" label="提交时间">
@@ -64,99 +80,124 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, watch } from 'vue'
 import { useRoute } from 'vue-router';
 import ClassListApi from '../api/ClassListApi';
+import { ElMessage } from 'element-plus';
+import UpdateWorkApi from '../api/UpdateWorkApi';
+
 const back = () => {
     window.history.back()
 }
+//获取门店列表
+const shop = ref([]);
+// 处理部门选择变化的事件函数
+const handleDeptSelect = async (val) => {
+    console.log(val);
+    const res = await UpdateWorkApi.getshopinfo(val);
+    shop.value = res.data;
+    console.log(shop.value);
+    form.value.shopId = "";
+};
 
-const route = useRoute();
-const id = ref(route.params.id)
-console.log(id.value + '============')
+// 初始化页码，这里假设初始页码为1
+const PageNo = ref(1);
+// 初始化页面大小，这里假设初始页面大小为10
+const PageSize = ref(20);
 
-// 用于存储获取到的作业数据
-const workdetail = ref < {
-    total: number;
-    jwcode: number;
-    name: string;
-    depId:string;
-    depName: string;
-    shopId: string;
-    shopName: string;
-    form: FormItemType[];
-} > ({
-    name: '',
-    startDate: '',
-    endDate: '',
-    clubType: '',
-    article: {
-        id: '',
-        title: '',
-    },
-    live: {
-        id: '',
-        name: ''
-    },
-    form: []
+// 处理页面大小改变的事件函数，将新的页面大小赋值给PageSize变量
+const handleSizeChange = (newPageSize) => {
+    PageSize.value = newPageSize;
+    ClassListApi.getWorkDetail(id.value, PageNo.value, PageSize.value);
+};
+
+// 处理当前页码改变的事件函数，将新的页码赋值给PageNo变量
+const handleCurrentChange = (newPageNo) => {
+    PageNo.value = newPageNo;
+    ClassListApi.getWorkDetail(id.value, PageNo.value, PageSize.value);
+};
+
+const form = ref({
+    jwcode: "",
+    deptId: "",
+    shopId: "",
 });
 
-// 定义form数组中每个元素的类型接口
-interface FormItemType {
-    id: number;
-    type: number;
-    description: string;
-    content: string; // 这里先定义为string，因为从数据看是JSON字符串格式，后续需要解析
-    groupId: number;
-    name: string;
-    sort: number;
-    status: number;
-    createdAt: string;
-    updatedAt: string;
+//导出数据
+const exportData = async () => {
+    try {
+        const params = {
+            ...form.value,
+            id: id.value
+        };
+        UpdateWorkApi.excelexport(params);
+
+    } catch (error) {
+        ElMessage.error('导出失败');
+        console.error('导出失败', error);
+    }
+}
+// 搜索方法
+const searchData = async () => {
+    try {
+        const params = {
+            ...form.value
+        };
+        const res = await UpdateWorkApi.getrecordbycondition(params);
+        console.log('搜索结果:', res);
+        workdetailData.value = res.data;
+    } catch (error) {
+        console.error('搜索失败', error);
+    }
+    form.value.jwcode = "";
+    form.value.deptId = "";
+    form.value.shopId = "";
 }
+//获取门部列表
+const dept = ref([]);
+const getDept = async () => {
+    try {
+        const res = await UpdateWorkApi.getdeptinfo();
+        dept.value = res.data;
+        console.log(dept.value);
+    } catch (error) {
+        console.error('获取分部失败', error);
+    }
+};
+getDept();
+
 
 
+const route = useRoute();
+const id = ref(route.params.id)
+console.log(id.value + '============')
+
+const workdetailData = ref([]);
 onMounted(async () => {
     try {
         const response = await ClassListApi.getWorkDetail(id.value, PageNo.value, PageSize.value);
-        workdetail.value = response.data;
-        console.log(workdetail.value)
+        workdetailData.value = response.data;
+        console.log(workdetailData.value);
     } catch (error) {
         console.error('接口请求出现错误:', error);
     }
 });
 
-
-//搜索条件
-const searchCriteria = ref({
-    jwcode: '',
-    deptName: '',
-    shopName: ''
-});
-
-// 初始化页码，这里假设初始页码为1，你可以根据实际需求修改
-const PageNo = ref(1);
-// 初始化页面大小，这里假设初始页面大小为10，同样可按需修改
-const PageSize = ref(20);
-
-
-// 搜索方法
-// const searchData = () => {
-//     filteredData.value = data.filter(item => {
-//         return (
-//             item.jwcode.includes(searchCriteria.value.netNumber) &&
-//             //item.department.includes(searchCriteria.value.department) &&
-//             item.store.includes(searchCriteria.value.store)
-//         );
-//     });
-//     pagination.value.page = 1;
-// };
-
-// 查看详情方法（这里只是一个示例，实际可能需要路由跳转等操作）
-const viewDetails = (item) => {
-    console.log('查看详情', item);
-};
-
+const getContent = (index) => {
+    if (workdetailData.value && workdetailData.value[index] && workdetailData.value[index].Reply) {
+        const reply = workdetailData.value[index].Reply[0];
+        return {
+            formTitle: reply.formTitle,
+            contentTitle: reply.contentTitle,
+            content: reply.content
+        };
+    }
+    return {
+        formTitle: '',
+        contentTitle: '',
+        content: ''
+    };
+}
 </script>
 
 <style scoped>
diff --git a/work/vite.config.js b/work/vite.config.js
index 7baeba2..c9f4b62 100644
--- a/work/vite.config.js
+++ b/work/vite.config.js
@@ -16,7 +16,7 @@ export default defineConfig({
   server: {
     proxy: {
       '/api': {
-        target: 'http://192.168.8.191:8080',
+        target: 'http://192.168.9.19:8080',
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/api/, '')
       },