联调 普测

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

@@ -1,4 +1,3 @@
-.
 <template>
     <el-dialog draggable :title="title" v-model="planAddition" width="950px" :before-close="cancelFn">
         <el-row :gutter="20">
@@ -15,6 +14,9 @@
                     <el-form-item label="普测负责单位:">
                         <Area v-model="formdata.orgNo" disabled />
                     </el-form-item>
+                    <el-form-item label="计划名称:" prop="planName">
+                        <el-input v-model="formdata.planName" placeholder="请输入计划名称"></el-input>
+                    </el-form-item>
                     <el-form-item label="计划开始时间:" prop="planStartTime">
                         <el-date-picker
                             v-model="formdata.planStartTime"
@@ -31,31 +33,53 @@
                             value-format="YYYY-MM-DD"
                         ></el-date-picker>
                     </el-form-item>
-                    <el-form-item label="普测计划编号:" prop="planNo">
-                        <el-input
-                            :disabled="title == '编辑计划'"
-                            v-model="formdata.planNo"
-                            placeholder="请输入普测计划编号"
-                        ></el-input>
-                    </el-form-item>
-                    <el-form-item label="计划名称:" prop="planName">
-                        <el-input v-model="formdata.planName" placeholder="请输入计划名称"></el-input>
+                    <el-form-item label="实际完成时间:" prop="planComplateTime">
+                        <el-date-picker
+                            v-model="formdata.planComplateTime"
+                            type="date"
+                            placeholder="选择实际完成时间"
+                            value-format="YYYY-MM-DD"
+                        ></el-date-picker>
                     </el-form-item>
+
                     <el-form-item label="测试负责人:" prop="leader">
                         <el-input v-model="formdata.leader" placeholder="请输入测试负责人"></el-input>
                     </el-form-item>
+                    <el-form :model="formdata">
+                        <el-form-item label="上传文件:">
+                            <el-upload
+                                v-model:file-list="formdata.fileList"
+                                v-if="title != '查看计划'"
+                                ref="upload"
+                                action=""
+                                :limit="5"
+                                :on-exceed="handleExceed"
+                                :auto-upload="false"
+                            >
+                                <template #trigger>
+                                    <el-button type="primary">上传文件</el-button>
+                                </template>
+                            </el-upload>
+                            <div v-else>
+                                <div v-for="(item, index) in aList">
+                                    <el-button type="primary" link @click="downloadFile(item.url, item.fileName)">
+                                        {{ item.fileName }}
+                                    </el-button>
+                                </div>
+                            </div>
+                        </el-form-item>
+                    </el-form>
                 </el-form>
             </el-col>
             <el-col :span="14">
                 <el-divider content-position="left" style="font-size: 18px; font-weight: bolder">添加电站</el-divider>
-
                 <generalTestTree ref="treeRef" />
             </el-col>
         </el-row>
         <div
             v-if="
                 (title == '查看计划' || title == '计划审核') &&
-                (title == '计划审核' || formdata.status == 1 || formdata.status == 2 || formdata.status == 3)
+                (title == '计划审核' || formdata.status == 1 || formdata.status == 3 || formdata.status == 4)
             "
         >
             <el-divider content-position="left" style="font-size: 18px; font-weight: bolder">审核意见</el-divider>
@@ -66,17 +90,10 @@
                 v-model="formdata.checkComment"
             ></el-input>
         </div>
-        <template #footer v-if="title != '查看计划' && title != '计划审核'">
-            <div>
+        <template #footer v-if="title != '查看计划'">
+            <div class="dialog-footer pd10">
                 <el-button type="primary" @click="submitFn">提交</el-button>
-                <el-button type="primary" @click="cancelFn">取消</el-button>
-            </div>
-        </template>
-        <template #footer v-if="title == '计划审核'">
-            <div>
-                <el-button type="primary" @click="pass(true)">通过</el-button>
-                <el-button type="primary" @click="pass(false)">不通过</el-button>
-                <el-button type="primary" @click="cancelFn">取消</el-button>
+                <el-button @click="cancelFn">取消</el-button>
             </div>
         </template>
     </el-dialog>
@@ -84,9 +101,10 @@
 <script setup lang="ts">
 import generalTestTree from '@/components/tree/pqs/generalTestTree.vue'
 import { ref, reactive, nextTick } from 'vue'
-import { addPlan, checkPlanAudit } from '@/api/process-boot/generalTest'
+import { addSurvey } from '@/api/process-boot/generalTest'
 import Area from '@/components/form/area/index.vue'
-import { ElMessage } from 'element-plus'
+import { ElMessage, UploadProps } from 'element-plus'
+import { uploadFile, getFileNameAndFilePath } from '@/api/system-boot/file'
 import { useDictData } from '@/stores/dictData'
 const emit = defineEmits(['onsubmit'])
 const dictData = useDictData()
@@ -98,21 +116,24 @@ const formdata: any = ref({
     orgNo: dictData.state.area[0].id,
     planStartTime: '',
     planEndTime: '',
-    planNo: '',
+    planComplateTime: '',
     planName: '',
     leader: '',
     rgeneralSurveyPlanDetailAddParm: [],
     subCount: '',
     busCount: '',
     subIds: [],
-    checkComment: ''
+    fileList: [],
+    checkComment: '',
+    filePath: ''
 })
+const aList: any = ref([])
 const formRef = ref()
 const treeRef = ref()
 const rules = {
     planStartTime: [{ required: true, message: '选择计划开始时间', trigger: 'change' }],
     planEndTime: [{ required: true, message: '选择计划结束时间', trigger: 'change' }],
-    planNo: [{ required: true, message: '请输入普测计划编号', trigger: 'blur' }],
+    planComplateTime: [{ required: true, message: '选择实际完成时间	', trigger: 'change' }],
     planName: [{ required: true, message: '请输入计划名称', trigger: 'blur' }],
     leader: [{ required: true, message: '请输入测试负责人', trigger: 'blur' }]
 }
@@ -123,29 +144,30 @@ const cancelFn = () => {
 }
 // 提交
 const submitFn = () => {
-    formRef.value.validate((valid: any) => {
+    formRef.value.validate(async (valid: any) => {
         if (valid) {
-            formdata.value.subIds = treeRef.value.treeRef.getCheckedKeys(false)
-            addPlan(formdata.value).then((res: any) => {
-                ElMessage.success('新增成功!')
-                cancelFn()
-                emit('onsubmit')
-            })
+            let filePath = ''
+            formdata.value.subIds = ['123', '3123'] //treeRef.value.treeRef.getCheckedKeys(false)
+            for (let i = 0; i < formdata.value.fileList.length; i++) {
+                await uploadFile(formdata.value.fileList[i].raw, 'supervision/').then(res => {
+                    filePath = filePath + res.data.name + ','
+                })
+                if (i == formdata.value.fileList.length - 1) {
+                    await addSurvey({ ...formdata.value, filePath: filePath }).then((res: any) => {
+                        ElMessage.success('新增成功!')
+                        cancelFn()
+                        emit('onsubmit')
+                    })
+                }
+            }
         }
     })
 }
-// 通过
-const pass = (flag: boolean) => {
-    checkPlanAudit({
-        checkResult: flag ? 1 : 0,
-        planNo: formdata.value.planNo,
-        checkComment: formdata.value.checkComment,
-        checkPerson: JSON.parse(window.localStorage.getItem('adminInfo')).loginName
-    }).then((res: any) => {
-        ElMessage.success('审核成功!')
-        cancelFn()
-        emit('onsubmit')
-    })
+
+// 上传文件
+// 文件数超出提示
+const handleExceed: UploadProps['onExceed'] = (): void => {
+    ElMessage.error(`上传文件数量不能超过5个!`)
 }
 
 const open = (text: string, row?: any) => {
@@ -154,31 +176,58 @@ const open = (text: string, row?: any) => {
         orgNo: dictData.state.area[0].id,
         planStartTime: '',
         planEndTime: '',
-        planNo: '',
+        planComplateTime: '',
         planName: '',
         leader: '',
         rgeneralSurveyPlanDetailAddParm: [],
         subCount: '',
         busCount: '',
         subIds: [],
-        checkComment: ''
+        checkComment: '',
+        fileList: [],
+        filePath: []
     })
     title.value = text
     planAddition.value = true
     formRef.value?.resetFields()
-    nextTick(() => {
-        treeRef.value.loadData()
-    })
+
     if (row) {
         formdata.value = JSON.parse(JSON.stringify(row))
+        nextTick(() => {
+            getFilePath()
+            treeRef.value.loadData()
+            treeRef.value.setKey(row.subIds || [], text)
+            // formdata.value.filePath.join(',')
+        })
+    } else {
         nextTick(() => {
             treeRef.value.loadData()
-
-            treeRef.value.setKey(row.subIds, text)
         })
     }
 }
+const getFilePath = () => {
+    aList.value = []
+    let arr = formdata.value.filePath.split(',')
+
+    arr.slice(0, -1).forEach((item: any) => {
+        getFileNameAndFilePath({ filePath: item }).then((res: any) => {
+            aList.value.push(res.data)
+        })
+    })
+}
+const downloadFile = (url: string, fileName: string) => {
+    const link = document.createElement('a')
+    link.href = url
+    link.download = fileName
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link)
+}
 
 defineExpose({ open })
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+:deep(.el-upload-list__item-info) {
+    width: 250px;
+}
+</style>