[新增功能](hyx_门口门禁):

- 新增门口门禁相关页面

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

@@ -9,7 +9,8 @@
             </el-form-item>
           </el-col>
           <el-col :span="4">
-            <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">搜索</el-button>
+            <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">搜索
+            </el-button>
             <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="reset">重置</el-button>
           </el-col>
         </el-row>
@@ -34,7 +35,7 @@
         type="selection"
         width="55"
         align="center"/>
-      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column type="index" label="序号" width="50" align="center"/>
       <el-table-column prop="MOTORCADE_NAME" label="车队名称"/>
       <el-table-column label="审核状态" align="center" width="120">
         <template slot-scope="{row}">
@@ -44,13 +45,16 @@
       <el-table-column label="操作" align="left" width="110">
         <template slot-scope="{row}">
           <el-button type="success" icon="el-icon-view" size="mini" @click="detail(row)">查看详情</el-button>
-          <el-button v-if="row.IS_AUDIT === '0' || row.IS_AUDIT == null" type="success" icon="el-icon-view" size="mini" @click="approve(row)">审核</el-button>
+          <el-button v-if="row.IS_AUDIT === '0' || row.IS_AUDIT == null" type="success" icon="el-icon-view" size="mini"
+                     @click="approve(row)">审核
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
     <div class="page-btn-group">
-      <div/><div/>
-      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+      <div/>
+      <div/>
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList"/>
     </div>
     <send-util ref="sendUtil" append-to-body @refresh="getList"/>
 
@@ -61,40 +65,40 @@
       :before-close="handleClose">
       <el-tabs v-model="activeTab">
         <el-tab-pane label="智能口门管理系统账号申请单" name="application">
-          <div v-if="varList.REQUISITION_FILE">
-            <pre>{{ config.fileUrl + varList.REQUISITION_FILE }}</pre>
+          <div v-if="fileList && fileList[0] && fileList[0].REQUISITION_FILE">
+            <img :src="config.fileUrl + fileList[0].REQUISITION_FILE" style="max-width: 100%;">
           </div>
           <div v-else>
             暂无数据
           </div>
         </el-tab-pane>
         <el-tab-pane label="智能口门管理系统使用承诺书" name="commitment">
-          <div v-if="detailData.commitment">
-            <pre>{{ detailData.commitment }}</pre>
+          <div v-if="fileList && fileList[0] && fileList[0].COMMITMENT_FILE">
+            <img :src="config.fileUrl + fileList[0].COMMITMENT_FILE" style="max-width: 100%;">
           </div>
           <div v-else>
             暂无数据
           </div>
         </el-tab-pane>
         <el-tab-pane label="营业执照" name="businessLicense">
-          <div v-if="detailData.businessLicense">
-            <img :src="detailData.businessLicense" alt="营业执照" style="max-width: 100%;">
+          <div v-if="fileList && fileList[0] && fileList[0].LICENSE_FILE">
+            <img :src="config.fileUrl + fileList[0].LICENSE_FILE" style="max-width: 100%;">
           </div>
           <div v-else>
             暂无数据
           </div>
         </el-tab-pane>
         <el-tab-pane label="道路运输经营许可证" name="transportLicense">
-          <div v-if="detailData.transportLicense">
-            <img :src="detailData.transportLicense" alt="道路运输经营许可证" style="max-width: 100%;">
+          <div v-if="fileList && fileList[0] && fileList[0].TRANSPORT_PERMIT_FILE">
+            <img :src="config.fileUrl + fileList[0].TRANSPORT_PERMIT_FILE" style="max-width: 100%;">
           </div>
           <div v-else>
             暂无数据
           </div>
         </el-tab-pane>
         <el-tab-pane label="危险化学品经营许可证" name="chemicalLicense">
-          <div v-if="detailData.chemicalLicense">
-            <img :src="detailData.chemicalLicense" alt="危险化学品经营许可证" style="max-width: 100%;">
+          <div v-if="fileList && fileList[0] && fileList[0].HAZARDOUS_CHEMICALS_FILE">
+            <img :src="config.fileUrl + fileList[0].HAZARDOUS_CHEMICALS_FILE" style="max-width: 100%;">
           </div>
           <div v-else>
             暂无数据
@@ -110,10 +114,10 @@
 
 <script>
 import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
-import { requestFN } from '@/utils/request'
+import {requestFN} from '@/utils/request'
 import SendUtil from './sendUtil.vue'
-export default{
-  components: { SendUtil, Pagination },
+export default {
+  components: {SendUtil, Pagination},
   data() {
     return {
       listQuery: {
@@ -128,6 +132,7 @@ export default{
       total: 0,
       title: '',
       isShow: false,
+      fileList: [],
       detailData: {}, // 用于存储当前行的详细信息
       dialogVisible: false, // 控制弹窗的显示与隐藏
       activeTab: 'application', // 默认激活的标签页
@@ -135,6 +140,7 @@ export default{
         LICENCE_NO: '',
         PHONE: '',
         ID_CARD: '',
+        MOTORCADE_ID: '',
         CORPINFO_NAME: '',
         DEPARTMENT_NAME: '',
         VISIT_START_TIME: '',
@@ -150,7 +156,8 @@ export default{
   },
   methods: {
     detail(row) {
-      this.detailData = row; // 将当前行的数据保存到 detailData 中
+      this.form.MOTORCADE_ID = row.MOTORCADE_ID
+      this.getFileList()
       this.dialogVisible = true; // 打开弹窗
     },
     approve(row) {
@@ -201,6 +208,18 @@ export default{
       }).catch((e) => {
         this.listLoading = false
       })
+    },
+    getFileList() {
+      requestFN(
+        '/mkmjManagement/getAllFilingList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, this.form
+      ).then((data) => {
+        console.log(data)
+        console.log(config.fileUrl)
+        this.fileList = data.filingList
+      })
+    },
+    getRowKey() {
+
     }
   }