代码调试

src/components/ComSearchForm/FormItem/ItemSelect.vue

@@ -1,5 +1,6 @@
 <template>
     <el-select
+        filterable
         :style="style"
         :size="size"
         v-bind="$attrs"

src/router/index.js

@@ -95,7 +95,7 @@ export const constantRoutes = [
                 component: () => import('@/views/planMange/monthlyPlan/edit.vue'),
                 name: 'MonthlyPlanEdit',
                 meta: {
-                    title: '月计划填报',
+                    title: '月计划',
                     activeMenu: '/plan/monthlyPlan', // 保持左侧高亮在列表菜单
                 },
             },
@@ -111,7 +111,7 @@ export const constantRoutes = [
                 component: () => import('@/views/planMange/dailyPlan/edit.vue'),
                 name: 'DailyPlanEdit',
                 meta: {
-                    title: '日计划填报',
+                    title: '日计划',
                     activeMenu: '/plan/dailyPlan', // 保持左侧高亮在列表菜单
                 },
             },

src/utils/request.js

@@ -1,5 +1,5 @@
 import axios from 'axios'
-import { ElNotification , ElMessageBox, ElMessage, ElLoading } from 'element-plus'
+import { ElNotification, ElMessageBox, ElMessage, ElLoading } from 'element-plus'
 import { getToken } from '@/utils/auth'
 import errorCode from '@/utils/errorCode'
 import { tansParams, blobValidate } from '@/utils/ruoyi'
@@ -17,11 +17,12 @@ const service = axios.create({
     // axios中请求配置有baseURL选项，表示请求URL公共部分
     baseURL: import.meta.env.VITE_APP_BASE_API,
     // 超时
-  timeout: 10000
+    timeout: 10000,
 })
 
 // request拦截器
-service.interceptors.request.use(config => {
+service.interceptors.request.use(
+    (config) => {
         // 是否需要设置 token
         const isToken = (config.headers || {}).isToken === false
         // 是否需要防止数据重复提交
@@ -40,12 +41,14 @@ service.interceptors.request.use(config => {
             const requestObj = {
                 url: config.url,
                 data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
-      time: new Date().getTime()
+                time: new Date().getTime(),
             }
             const requestSize = Object.keys(JSON.stringify(requestObj)).length // 请求数据大小
             const limitSize = 5 * 1024 * 1024 // 限制存放数据5M
             if (requestSize >= limitSize) {
-      console.warn(`[${config.url}]: ` + '请求数据大小超出允许的5M限制，无法进行防重复提交验证。')
+                console.warn(
+                    `[${config.url}]: ` + '请求数据大小超出允许的5M限制，无法进行防重复提交验证。',
+                )
                 return config
             }
             const sessionObj = cache.session.getJSON('sessionObj')
@@ -56,7 +59,11 @@ service.interceptors.request.use(config => {
                 const s_data = sessionObj.data // 请求数据
                 const s_time = sessionObj.time // 请求时间
                 const interval = 1000 // 间隔时间(ms)，小于此时间视为重复提交
-      if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
+                if (
+                    s_data === requestObj.data &&
+                    requestObj.time - s_time < interval &&
+                    s_url === requestObj.url
+                ) {
                     const message = '数据正在处理，请勿重复提交'
                     console.warn(`[${s_url}]: ` + message)
                     return Promise.reject(new Error(message))
@@ -66,13 +73,16 @@ service.interceptors.request.use(config => {
             }
         }
         return config
-}, error => {
+    },
+    (error) => {
         console.log(error)
         Promise.reject(error)
-})
+    },
+)
 
 // 响应拦截器
-service.interceptors.response.use(res => {
+service.interceptors.response.use(
+    (res) => {
         // 未设置状态码则默认成功状态
         const code = res.data.code || 200
         // 获取错误信息
@@ -84,12 +94,20 @@ service.interceptors.response.use(res => {
         if (code === 401) {
             if (!isRelogin.show) {
                 isRelogin.show = true
-        ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
+                ElMessageBox.confirm(
+                    '登录状态已过期，您可以继续留在该页面，或者重新登录',
+                    '系统提示',
+                    { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' },
+                )
+                    .then(() => {
                         isRelogin.show = false
-          useUserStore().logOut().then(() => {
+                        useUserStore()
+                            .logOut()
+                            .then(() => {
                                 location.href = '/index'
                             })
-      }).catch(() => {
+                    })
+                    .catch(() => {
                         isRelogin.show = false
                     })
             }
@@ -107,30 +125,39 @@ service.interceptors.response.use(res => {
             return Promise.resolve(res.data)
         }
     },
-  error => {
+    (error) => {
         console.log('err' + error)
         let { message } = error
-    if (message == "Network Error") {
+        if (message == 'Network Error') {
-      message = "后端接口连接异常"
+            message = '后端接口连接异常'
-    } else if (message.includes("timeout")) {
+        } else if (message.includes('timeout')) {
-      message = "系统接口请求超时"
+            message = '系统接口请求超时'
-    } else if (message.includes("Request failed with status code")) {
+        } else if (message.includes('Request failed with status code')) {
-      message = "系统接口" + message.substr(message.length - 3) + "异常"
+            message = '系统接口' + message.substr(message.length - 3) + '异常'
         }
         ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
         return Promise.reject(error)
-  }
+    },
 )
 
 // 通用下载方法
 export function download(url, params, filename, config) {
-  downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
+    downloadLoadingInstance = ElLoading.service({
-  return service.post(url, params, {
+        text: '正在下载数据，请稍候',
-    transformRequest: [(params) => { return tansParams(params) }],
+        background: 'rgba(0, 0, 0, 0.7)',
-    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    })
+    return service
+        .post(url, params, {
+            transformRequest: [
+                (params) => {
+                    return tansParams(params)
+                },
+            ],
+            headers: { ...config?.headers, 'Content-Type': 'application/x-www-form-urlencoded' },
             responseType: 'blob',
-    ...config
+            ...config,
-  }).then(async (data) => {
+        })
+        .then(async (data) => {
             const isBlob = blobValidate(data)
             if (isBlob) {
                 const blob = new Blob([data])
@@ -142,7 +169,8 @@ export function download(url, params, filename, config) {
                 ElMessage.error(errMsg)
             }
             downloadLoadingInstance.close()
-  }).catch((r) => {
+        })
+        .catch((r) => {
             console.error(r)
             ElMessage.error('下载文件出现错误，请联系管理员！')
             downloadLoadingInstance.close()

src/views/planMange/monthlyPlan/config.js

@@ -1,57 +1,49 @@
 import { reactive } from 'vue'
 import dayjs from 'dayjs'
 
-// 静态选项（可后续替换为接口下拉）
-const stationOptions = [
-    { label: '昆明运检站', value: 1 },
-    { label: '大理运检站', value: 2 },
-]
-
-const majorOptions = [
-    { label: '输电专业', value: 1 },
-    { label: '变电专业', value: 2 },
-]
-
-const businessTypeOptions = [
-    { label: '日常巡视', value: 1 },
-    { label: '缺陷处理', value: 2 },
-]
-
-const riskLevelOptions = [
-    { label: '低风险', value: 1 },
-    { label: '中风险', value: 2 },
-    { label: '高风险', value: 3 },
-]
-
 // 月计划列表搜索表单配置
-export const buildFormColumns = () => [
+export const buildFormColumns = (
+    inspectionStationOptions,
+    majorOptions,
+    businessTypeOptions,
+    riskLevelOptions,
+) => [
     {
         type: 'month',
-        prop: 'month',
+        prop: 'monthlyPlan',
         placeholder: '请选择月份',
     },
     {
         type: 'select',
-        prop: 'stationId',
+        prop: 'inspectionStationId',
         placeholder: '请选择运检站',
-        options: stationOptions,
+        options: inspectionStationOptions.map((item) => ({
+            label: item.value,
+            value: item.id,
+        })),
     },
     {
         type: 'input',
-        prop: 'keyword',
+        prop: 'keyWord',
         placeholder: '请输入关键字',
     },
     {
         type: 'select',
-        prop: 'majorId',
+        prop: 'planMajorId',
         placeholder: '请选择专业',
-        options: majorOptions,
+        options: majorOptions.map((item) => ({
+            label: item.planMajorName,
+            value: item.planMajorId,
+        })),
     },
     {
         type: 'select',
         prop: 'businessTypeId',
         placeholder: '请选择业务类型',
-        options: businessTypeOptions,
+        options: businessTypeOptions.map((item) => ({
+            label: item.planMajorName,
+            value: item.planMajorId,
+        })),
     },
     {
         type: 'select',

src/views/planMange/monthlyPlan/edit.vue

@@ -208,7 +208,7 @@
                                 @click="onOpenPersonPicker"
                                 v-model="selectedManagerNames"
                             >
-                                <template #suffix>
+                                <template #suffix v-if="!isDetail">
                                     <el-icon
                                         class="clickable-suffix"
                                         @click.stop="onOpenPersonPicker"
@@ -306,7 +306,7 @@
                 <div class="card-header">人员排班</div>
             </template>
             <div class="schedule-wrapper">
-                <div class="schedule-tip">
+                <div class="schedule-tip" v-if="!isDetail">
                     <span class="schedule-tip-extra">
                         仅在“计划开始时间 ~
                         计划结束时间”范围内可排班；表单中的“计划投入管理人员”只是模板，不会被日历上的增删影响。
@@ -350,10 +350,10 @@
                                     </template>
                                     <div class="popover-list">
                                         <el-tag
-                                            v-for="person in day.managers"
-                                            :key="person.id"
                                             size="small"
-                                            closable
+                                            :key="person.id"
+                                            :closable="!isDetail"
+                                            v-for="person in day.managers"
                                             @close.stop="onRemovePersonFromDay(day.date, person)"
                                         >
                                             {{ person.name }}
@@ -364,9 +364,9 @@
                                     <div class="person-tags">
                                         <el-tag
                                             size="small"
-                                            v-for="person in day.managers"
                                             :key="person.id"
-                                            closable
+                                            :closable="!isDetail"
+                                            v-for="person in day.managers"
                                             @close.stop="onRemovePersonFromDay(day.date, person)"
                                         >
                                             {{ person.name }}
@@ -483,8 +483,8 @@
                             <div class="selected-list">
                                 <div>
                                     <el-tag
-                                        closable
                                         :key="item.id"
+                                        :closable="!isDetail"
                                         class="selected-tag"
                                         @close="onRemoveManager(item)"
                                         v-for="item in managerDialog.selected"
@@ -512,7 +512,7 @@
 </template>
 
 <script setup name="MonthlyPlanEdit">
-import { ref, reactive, computed, getCurrentInstance, nextTick } from 'vue'
+import { ref, reactive, computed, getCurrentInstance, nextTick, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { updatePlanAPI } from '@/api/planMange/plan.js'
 import {
@@ -630,23 +630,6 @@ const getInitFormData = () => ({
 
 const formData = ref(getInitFormData())
 
-// 静态选项（后续可替换为接口下拉）
-const stationOptions = [
-    { label: '昆明运检站', value: 1 },
-    { label: '大理运检站', value: 2 },
-]
-
-const businessTypeOptions = [
-    { label: '日常巡视', value: 1 },
-    { label: '缺陷处理', value: 2 },
-]
-
-const riskLevelOptions = [
-    { label: '低风险', value: 1 },
-    { label: '中风险', value: 2 },
-    { label: '高风险', value: 3 },
-]
-
 const rules = {
     planMajorId: [{ required: true, message: '请选择专业', trigger: 'change' }],
     businessTypeId: [{ required: true, message: '请选择业务类型', trigger: 'change' }],
@@ -674,8 +657,8 @@ const rules = {
 }
 
 const onBack = () => {
-    // router.back()
+    // 关闭当前标签页并跳转到月计划填报页面
-    router.push({
+    proxy.$tab.closeOpenPage({
         path: '/plan/monthlyPlan',
     })
 }

src/views/planMange/monthlyPlan/index.vue

@@ -61,27 +61,60 @@
 <script setup name="MonthlyPlan">
 import { ref, computed, getCurrentInstance } from 'vue'
 import { useRouter } from 'vue-router'
+import { useOptions } from '@/hooks/useOptions'
 import {
     listMonthlyPlanAPI,
     addMonthlyPlanAPI,
     delMonthlyPlanAPI,
 } from '@/api/planMange/monthlyPlan.js'
+import { getInspectionStationSelectAPI, getMajorTypeCategorySelectAPI } from '@/api/common.js'
 import config from './config'
 import ComTable from '@/components/ComTable/index.vue'
 import ComButton from '@/components/ComButton/index.vue'
 import ComDialog from '@/components/ComDialog/index.vue'
 import AddForm from './addForm.vue'
 
-const router = useRouter()
 const { proxy } = getCurrentInstance()
-
+const { plan_risk_level } = proxy.useDict('plan_risk_level')
+const router = useRouter()
 const { tableColumns, dialogConfig, buildFormColumns } = config
 
 const comTableRef = ref(null)
 const addFormRef = ref(null)
 
+// 运检站
+const { options: inspectionStationOptions } = useOptions(
+    'inspectionStationOptions',
+    getInspectionStationSelectAPI,
+    { category: 0 },
+)
+
+// 专业
+const { options: majorTypeCategoryOptions } = useOptions(
+    'majorTypeCategoryOptions',
+    getMajorTypeCategorySelectAPI,
+    {
+        category: 0,
+    },
+)
+
+// 业务类型
+const { options: planBusinessTypeOptions } = useOptions(
+    'planBusinessTypeOptions',
+    getMajorTypeCategorySelectAPI,
+    {
+        category: 1,
+    },
+)
 // 搜索表单配置（当前月计划场景暂不依赖下拉接口，直接使用静态配置）
-const formColumns = computed(() => buildFormColumns())
+const formColumns = computed(() =>
+    buildFormColumns(
+        inspectionStationOptions.value,
+        majorTypeCategoryOptions.value,
+        planBusinessTypeOptions.value,
+        plan_risk_level.value,
+    ),
+)
 
 // 操作列
 const actionColumns = [
@@ -90,9 +123,25 @@ const actionColumns = [
         type: 'primary',
         link: true,
         handler: (row) => {
+            const {
+                monthlyPlanId,
+                inspectionStationName,
+                projectName,
+                workContent,
+                plannedStartTime,
+                plannedEndTime,
+            } = row
             router.push({
                 path: '/plan/monthlyPlanEdit/index',
-                query: { id: row.planId, mode: 'detail' },
+                query: {
+                    projectName,
+                    workContent,
+                    monthlyPlanId,
+                    mode: 'detail',
+                    plannedEndTime,
+                    plannedStartTime,
+                    inspectionStationName,
+                },
             })
         },
     },
@@ -112,12 +161,12 @@ const actionColumns = [
             router.push({
                 path: '/plan/monthlyPlanEdit/index',
                 query: {
-                    monthlyPlanId,
-                    inspectionStationName,
                     projectName,
                     workContent,
-                    plannedStartTime,
+                    monthlyPlanId,
                     plannedEndTime,
+                    plannedStartTime,
+                    inspectionStationName,
                 },
             })
         },
@@ -180,23 +229,50 @@ const onCloseDialogOuter = (visible) => {
 // 导出人员安排表
 const onExportPersonArrange = (queryParams) => {
     console.log('queryParams', queryParams)
-    // proxy.download(
+    proxy.download(
-    //     'xxx/xxx',
+        '/monthlyPlan/export',
-    //     {
+        {
-    //         ...queryParams.value,
+            ...queryParams,
-    //     },
+        },
-    //     `job_${new Date().getTime()}.xlsx`,
+        `人员安排表.xlsx`,
-    // )
+        {
+            headers: {
+                'Content-Type': 'application/json',
+            },
+        },
+    )
 }
 
 // 导出整体汇总表
 const onExportOverallSummary = (queryParams) => {
-    console.log('queryParams', queryParams)
+    proxy.download(
+        '/monthlyPlan/exportResourceSummary',
+        {
+            ...queryParams,
+        },
+        `整体汇总表.xlsx`,
+        {
+            headers: {
+                'Content-Type': 'application/json',
+            },
+        },
+    )
 }
 
 // 导出工作量汇总表
 const onExportWorkloadSummary = (queryParams) => {
-    console.log('queryParams', queryParams)
+    proxy.download(
+        '/monthlyPlan/exportWorkloadSummary',
+        {
+            ...queryParams,
+        },
+        `工作量汇总表.xlsx`,
+        {
+            headers: {
+                'Content-Type': 'application/json',
+            },
+        },
+    )
 }
 </script>