src/views/freightVehicles/filingAudit/components/list.vue

@@ -58,79 +58,50 @@
     <send-util ref="sendUtil" append-to-body @refresh="getList"/>
 
     <el-dialog
-      :visible.sync="dialogVisible"
       title="车队详情"
-      width="50%">
+      :visible.sync="dialogVisible"
+      width="50%"
+      :before-close="handleClose">
       <el-tabs v-model="activeTab">
         <el-tab-pane label="智能口门管理系统账号申请单" name="application">
-          <template #default>
+          <div v-if="fileList && fileList[0] && fileList[0].REQUISITION_FILE">
-            <el-image
+            <img :src="config.fileUrl + fileList[0].REQUISITION_FILE" style="max-width: 100%;">
-              v-if="fileList && fileList[0] && fileList[0].REQUISITION_FILE"
+          </div>
-              :src="config.fileUrl + fileList[0].REQUISITION_FILE"
-              :key="config.fileUrl + fileList[0].REQUISITION_FILE"
-              :preview-src-list="[config.fileUrl + fileList[0].REQUISITION_FILE]"
-              style="max-width: 100%;"
-              @click="dialogVisible = false"/>
           <div v-else>
             暂无数据
           </div>
-          </template>
         </el-tab-pane>
         <el-tab-pane label="智能口门管理系统使用承诺书" name="commitment">
-          <template #default>
+          <div v-if="fileList && fileList[0] && fileList[0].COMMITMENT_FILE">
-            <el-image
+            <img :src="config.fileUrl + fileList[0].COMMITMENT_FILE" style="max-width: 100%;">
-              v-if="fileList && fileList[0] && fileList[0].COMMITMENT_FILE"
+          </div>
-              :src="config.fileUrl + fileList[0].COMMITMENT_FILE"
-              :key="config.fileUrl + fileList[0].COMMITMENT_FILE"
-              :preview-src-list="[config.fileUrl + fileList[0].COMMITMENT_FILE]"
-              style="max-width: 100%;"
-              @click="dialogVisible = false"/>
           <div v-else>
             暂无数据
           </div>
-          </template>
         </el-tab-pane>
         <el-tab-pane label="营业执照" name="businessLicense">
-          <template #default>
+          <div v-if="fileList && fileList[0] && fileList[0].LICENSE_FILE">
-            <el-image
+            <img :src="config.fileUrl + fileList[0].LICENSE_FILE" style="max-width: 100%;">
-              v-if="fileList && fileList[0] && fileList[0].LICENSE_FILE"
+          </div>
-              :src="config.fileUrl + fileList[0].LICENSE_FILE"
-              :key="config.fileUrl + fileList[0].LICENSE_FILE"
-              :preview-src-list="[config.fileUrl + fileList[0].LICENSE_FILE]"
-              style="max-width: 100%;"
-              @click="dialogVisible = false"/>
           <div v-else>
             暂无数据
           </div>
-          </template>
         </el-tab-pane>
         <el-tab-pane label="道路运输经营许可证" name="transportLicense">
-          <template #default>
+          <div v-if="fileList && fileList[0] && fileList[0].TRANSPORT_PERMIT_FILE">
-            <el-image
+            <img :src="config.fileUrl + fileList[0].TRANSPORT_PERMIT_FILE" style="max-width: 100%;">
-              v-if="fileList && fileList[0] && fileList[0].TRANSPORT_PERMIT_FILE"
+          </div>
-              :src="config.fileUrl + fileList[0].TRANSPORT_PERMIT_FILE"
-              :key="config.fileUrl + fileList[0].TRANSPORT_PERMIT_FILE"
-              :preview-src-list="[config.fileUrl + fileList[0].TRANSPORT_PERMIT_FILE]"
-              style="max-width: 100%;"
-              @click="dialogVisible = false"/>
           <div v-else>
             暂无数据
           </div>
-          </template>
         </el-tab-pane>
         <el-tab-pane label="危险化学品经营许可证" name="chemicalLicense">
-          <template #default>
+          <div v-if="fileList && fileList[0] && fileList[0].HAZARDOUS_CHEMICALS_FILE">
-            <el-image
+            <img :src="config.fileUrl + fileList[0].HAZARDOUS_CHEMICALS_FILE" style="max-width: 100%;">
-              v-if="fileList && fileList[0] && fileList[0].HAZARDOUS_CHEMICALS_FILE"
+          </div>
-              :src="config.fileUrl + fileList[0].HAZARDOUS_CHEMICALS_FILE"
-              :key="config.fileUrl + fileList[0].HAZARDOUS_CHEMICALS_FILE"
-              :preview-src-list="[config.fileUrl + fileList[0].HAZARDOUS_CHEMICALS_FILE]"
-              style="max-width: 100%;"
-              @click="dialogVisible = false"/>
           <div v-else>
             暂无数据
           </div>
-          </template>
         </el-tab-pane>
       </el-tabs>
       <span slot="footer" class="dialog-footer">
@@ -187,8 +158,8 @@ export default {
   methods: {
     checkButton(row){
       console.log('---------------------')
-      console.log('row.IS_AUDIT:', row.IS_AUDIT) // 添加日志输出
+      console.log('row.IS_AUDIT:', row.IS_AUDIT); // 添加日志输出
-      console.log('this.IS_POLICE:', this.IS_POLICE) // 添加日志输出
+      console.log('this.IS_POLICE:', this.IS_POLICE); // 添加日志输出
       if (row.IS_AUDIT == null && this.IS_POLICE === '1'){
         return true
       }else {
@@ -198,7 +169,7 @@ export default {
     detail(row) {
       this.form.MOTORCADE_ID = row.MOTORCADE_ID
       this.getFileList()
-      this.dialogVisible = true // 打开弹窗
+      this.dialogVisible = true; // 打开弹窗
     },
     approve(row) {
       this.$refs.sendUtil.init(row)
@@ -230,8 +201,8 @@ export default {
       this.getList()
     },
     handleClose(done) {
-      this.dialogVisible = false
+      this.dialogVisible = false;
-      done()
+      done();
     },
     // 获取列表
     getList() {
@@ -268,7 +239,7 @@ export default {
       ).then((data) => {
         this.IS_POLICE = data.pageData.IS_POLICE
         console.log('IS_POLICE:', this.IS_POLICE)
-        this.getList()
+        this.getList();
       })
     }
   }

src/views/freightVehicles/publicAuidt/components/list.vue

@@ -107,8 +107,6 @@
 import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
 import { requestFN } from '@/utils/request'
 import SendUtil from './sendUtil.vue'
-import formatDate from '../../../../utils/dateformat'
-
 export default{
   components: { SendUtil, Pagination },
   data() {
@@ -256,8 +254,8 @@ export default{
         this.detailForm.ECO_FRIENDLY_CHECKLIST = data.pageData.ECO_FRIENDLY_CHECKLIST
         this.detailForm.FACTORY_CERTIFICATE = data.pageData.FACTORY_CERTIFICATE
         this.detailForm.ENVIRONMENTAL_SCREENSHOTS = data.pageData.ENVIRONMENTAL_SCREENSHOTS
-        this.detailForm.VISIT_START_TIME = formatDate(data.pageData.VISIT_START_TIME, 'YYYY-MM-DD HH:mm:ss')
+        this.detailForm.VISIT_START_TIME = data.pageData.VISIT_START_TIME
-        this.detailForm.VISIT_END_TIME = formatDate(data.pageData.VISIT_END_TIME, 'YYYY-MM-DD HH:mm:ss')
+        this.detailForm.VISIT_END_TIME = data.pageData.VISIT_END_TIME
         this.detailForm.DOOR_NAME = data.pageData.DOOR_NAME
       }).catch((e) => {
         this.listLoading = false

src/views/freightVehicles/publicAuidt/components/sendUtil.vue

@@ -58,7 +58,7 @@
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="handleClose">关 闭</el-button>
-        <el-button type="primary" @click="sendMessage('form')">确 定</el-button>
+        <el-button type="primary" @click="sendMessage">确 定</el-button>
       </div>
     </el-dialog>
   </div>
@@ -163,11 +163,7 @@ export default {
     goDetail() {
       this.$parent.activeName = 'List'
     },
-    sendMessage(formName) {
+    sendMessage() {
-      this.$refs[formName].validate((valid) => {
-        if (!valid) {
-          return false
-        }
       requestFN(
         '/mkmjManagement/motorcadeAudit',
         {
@@ -178,13 +174,11 @@ export default {
           QY_AUDITOR: this.form.AUDITOR_ID
         }
       ).then((data) => {
-          this.$refs[formName].resetFields()
         this.visible = false
         this.$emit('refresh', '')
       }).catch((e) => {
         this.loading = false
       })
-      })
     },
     handleStatusChange(){
       this.getCorpList()
@@ -199,15 +193,15 @@ export default {
       })
     },
     handleCompanyChange(corpId){
-      this.getAuditorList(corpId)
+      this.getAuditorList(corpId);
     },
     getAuditorList(corpId) {
       // 调用接口获取审核人列表
       requestFN('/mkmjManagement/getPersonList',
         { CORPINFO_ID: corpId }
       ).then(response => {
-        this.personList = response.personList
+        this.personList = response.personList;
-      })
+      });
     }
   }
 }