完成 电能质量问题管理页面 修改 谐波普测管理页面

src/views/pqs/supervise/harmonicSurvey/components/planManage.vue

@@ -2,20 +2,37 @@
     <TableHeader area datePicker ref="TableHeaderRef">
         <template #select>
             <el-form-item label="计划状态">
-                <el-select v-model="tableStore.table.params.status" placeholder="请选择计划状态">
+                <el-select v-model="tableStore.table.params.status" clearable placeholder="请选择计划状态">
                     <el-option v-for="item in list" :key="item.id" :label="item.name" :value="item.id"></el-option>
                 </el-select>
             </el-form-item>
         </template>
         <template #operation>
             <el-button icon="el-icon-Plus" type="primary" @click="add">新增计划</el-button>
-            <el-button icon="el-icon-Stamp" type="primary" @click="planReviewFn">提交审核</el-button>
-            <el-button icon="el-icon-Download" type="primary">导出</el-button>
+            <el-button icon="el-icon-Stamp" type="primary" @click="submit">提交审核</el-button>
+            <el-button icon="el-icon-Download" type="primary" @click="exportFn">导出</el-button>
         </template>
-    </TableHeader>
+    </TableHeader ref="tableRef">
     <Table ref="tableRef" />
     <!-- 新增 -->
     <planAdd ref="planAddRef" @onsubmit="tableStore.index()" />
+
+    <!-- 选择审核人 -->
+    <el-dialog v-model="dialogVisible" title="审核" width="300" :before-close="handleClose">
+        选择审核人: <el-select v-model="auditUser" clearable placeholder="请选择计划状态">
+                    <el-option v-for="item in auditList" :key="item.id" :label="item.name" :value="item.id"></el-option>
+                </el-select>
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" @click="planReviewFn">确定</el-button>
+                <el-button @click="handleClose">取消</el-button>
+
+            </span>
+        </template>
+    </el-dialog>
+
+
+
 </template>
 <script setup lang="ts">
 import { ref, onMounted, provide, nextTick } from 'vue'
@@ -27,8 +44,11 @@ import { planStatus } from '@/api/process-boot/generalTest'
 import planAdd from './planAdd.vue'
 import { useDictData } from '@/stores/dictData'
 
-import { initDetpStataionTree } from '@/api/process-boot/generalTest'
+import { queryPlan,deletePlan } from '@/api/process-boot/generalTest'
+import { getUserByRoleType } from '@/api/user-boot/user'
 const dictData = useDictData()
+const dialogVisible=ref(false)
+const tableRef = ref()
 const list = [
     {
         id: 0,
@@ -50,6 +70,8 @@ const list = [
 
 const planAddRef = ref()
 const TableHeaderRef = ref()
+const auditList:any = ref([])
+const auditUser = ref('')
 
 const ruleFormRef = ref()
 const tableStore = new TableStore({
@@ -113,6 +135,28 @@ const tableStore = new TableStore({
                     click: async row => {
                         planAddRef.value.open('编辑计划', row)
                     }
+                },
+                {
+                    name: 'del',
+                    title: '删除',
+                    type: 'danger',
+                    icon: 'el-icon-Delete',
+                    render: 'confirmButton',
+                    disabled: row => {
+                        return !(row.status == 0 || row.status == 2)
+                    },
+                    popconfirm: {
+                        confirmButtonText: '确认',
+                        cancelButtonText: '取消',
+                        confirmButtonType: 'danger',
+                        title: '确定删除吗？'
+                    },
+                    click: row => {
+                        deletePlan([row.planNo]).then(res => {
+                            ElMessage.success('删除成功')
+                            tableStore.index()
+                        })
+                    }
                 }
             ]
         }
@@ -131,31 +175,61 @@ const add = () => {
     // title.value = '普测计划新增'
     planAddRef.value.open('普测计划新增')
 }
+const submit = () => {
+    if(tableStore.table.selection.length == 0){
+    
+    return  ElMessage.warning('请选择计划进行审核')
+  }
+  const flag = !tableStore.table.selection.some(item => item.status !== 0 && item.status !== 2);
+  if (flag) {
+    dialogVisible.value = true
+  } else {
+      ElMessage.warning('请选择新建、未通过的计划进行审核！')
+  }
+    
+}
 // 提交审核
 const planReviewFn = () => {
     let planNo: any = []
-    let flag = true
     tableStore.table.selection.forEach(item => {
         if (item.status == 0 || item.status == 2) {
             planNo.push(item.planNo)
-        } else {
-            flag = false
-        }
+        } 
     })
-    if (flag) {
         planStatus(planNo).then(res => {
             ElMessage.success('提交成功!')
-
             tableStore.index()
         })
-    } else {
-        ElMessage.warning('请选择新建、未通过的计划进行审核！')
-    }
+   
+}
+const exportFn = () => {
+    let form = JSON.parse(JSON.stringify(tableStore.table.params))
+    form.pageNum = 1
+    form.pageSize = tableStore.table.total
+    queryPlan(form).then(res => {
+        tableRef.value.getRef().exportData({
+            filename: '普测计划', // 文件名字
+            sheetName: 'Sheet1',
+            type: 'xlsx', //导出文件类型 xlsx 和 csv
+            useStyle: true,
+            data: res.data.records, // 数据源 // 过滤那个字段导出
+            columnFilterMethod: function (column: any) {
+                return !(column.$columnIndex === 0)
+            }
+        })
+    })
+}
+const handleClose = () => {
+    dialogVisible.value = false
+    auditUser.value = ''
 }
 // 取消
 
 onMounted(() => {
     tableStore.index()
+    getUserByRoleType(3).then(res => {
+        auditList.value = res.data
+    })
 })
 </script>