维护和检测修改优化

src/views/backend/fpdDetection/index.vue

@@ -91,11 +91,13 @@
           />
         </template>
       </el-table-column>
-      <el-table-column label="资料附件" align="center" prop="att" >
+      <el-table-column label="资料附件" align="center" prop="att">
         <template v-slot="scope">
-          <el-link v-if="scope.row.att" type="primary" :href="scope.row.att">下载</el-link>
+          <el-link v-if="scope.row.att" type="primary" :href="scope.row.att"
+            >下载</el-link
+          >
         </template>
-        </el-table-column>
+      </el-table-column>
       <el-table-column
         label="操作"
         align="center"
@@ -140,16 +142,17 @@
     >
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="所属单位" prop="orgName">
-          <el-input v-model="form.orgId" placeholder="请输入所属单位" />
+          <el-input v-model="form.orgName" placeholder="请输入所属单位" />
         </el-form-item>
         <el-form-item label="预计检测时间" prop="detdate">
           <el-date-picker
             clearable
             v-model="form.detdate"
             type="date"
-            value-format="timestamp"
+            value-format="yyyy-MM-dd HH:mm:ss"
             placeholder="选择预计检测时间"
           />
+          <!-- value-format="yyyy-MM-dd HH:mm:ss" -->
         </el-form-item>
         <el-form-item label="检测项目" prop="detinspect">
           <el-input
@@ -168,8 +171,11 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="资料附件" prop="att">
+        <!-- <el-form-item label="资料附件" prop="att">
           <el-input v-model="form.att" placeholder="请输入资料附件" />
+        </el-form-item> -->
+        <el-form-item label="附件">
+          <fileUpload v-model="form.att" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -189,10 +195,10 @@ import {
   getFpdDetectionPage,
   exportFpdDetectionExcel,
 } from "@/api/backend/fpdDetection";
-
+import FileUpload from "@/components/FileUpload";
 export default {
   name: "FpdDetection",
-  components: {},
+  components: { FileUpload },
   data() {
     return {
       // 遮罩层
@@ -285,13 +291,19 @@ export default {
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
+      console.log("row", row);
       this.reset();
-      const id = row.id;
-      getFpdDetection(id).then((response) => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改消防设备维护和检测台账";
-      });
+      this.form = { ...row };
+      this.open = true;
+      this.title = "修改消防设备维护和检测台账";
+      //接口拿到的数据没有orgName 所以直接使用行数据
+      // const id = row.id;
+      // getFpdDetection(id).then((response) => {
+      //   // console.log('response',response);
+      //   this.form = response.data;
+      //   this.open = true;
+      //   this.title = "修改消防设备维护和检测台账";
+      // });
     },
     /** 提交按钮 */
     submitForm() {