From f2e4a9d500d2ae2a0ca0fe9ff8cb050c90ccaa2e Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 05 Jan 2024 18:02:00 +0800
Subject: [PATCH] 所有图片字段需要调整

---
 src/views/publicSecurity/components/bailReportingDetail.vue |  437 +++++++++++++++++++++++++++---------------------------
 1 files changed, 221 insertions(+), 216 deletions(-)

diff --git a/src/views/publicSecurity/components/bailReportingDetail.vue b/src/views/publicSecurity/components/bailReportingDetail.vue
index 77cbf5e..4fa7efe 100644
--- a/src/views/publicSecurity/components/bailReportingDetail.vue
+++ b/src/views/publicSecurity/components/bailReportingDetail.vue
@@ -1,224 +1,229 @@
 <template>
-  <div class="cur-container-box">
-    <div v-if="applyType == 1">
-      <div class="content-box">
-        审核当前项
-      </div>
-      <div class="footer-btn-box">
-        <el-button type="primary" size="small" @click="auditPass(2)">通 过</el-button>
-        <el-button size="small" @click="auditPass(3)">驳 回</el-button>
-      </div>
+    <div class="cur-container-box">
+        <div v-if="applyType == 1">
+            <div class="content-box">
+                审核当前项
+            </div>
+            <div class="footer-btn-box">
+                <el-button type="primary" size="small" @click="auditPass(2)">通 过</el-button>
+                <el-button size="small" @click="auditPass(3)">驳 回</el-button>
+            </div>
+        </div>
+
+        <avue-form v-else :option="option" v-model="form">
+        </avue-form>
+
     </div>
-
-    <avue-form v-else :option="option" v-model="form">
-    </avue-form>
-
-  </div>
 </template>
 <script>
-  import {
+import {
     getDetail,
     update
-  } from "@/api/task/bailReporting"
-  import website from '@/config/website'
-  export default {
-    data() {
-      return {
-        form: {},
-        applyType: '',
-        option: {
-          submitBtn: false,
-          emptyBtn: false,
-          column: [{
-            // span: 10,
-            label: '申请人',
-            prop: 'checkUserName',
-            disabled: true,
-            span: 8,
-          }, {
-            // span: 12,
-            label: '申请人手机',
-            prop: 'checkTelephone',
-            disabled: true,
-            span: 8,
-          }, {
-            label: '申请位置',
-            prop: 'location',
-            disabled: true,
-            span: 8,
-          }, {
-            label: '审核时间',
-            prop: 'confirmTime',
-            disabled: true,
-            span: 8,
-          }, {
-            label: '审核人',
-            prop: 'confirmUserName',
-            disabled: true,
-            span: 8,
-          }, {
-            label: '审核意见',
-            prop: 'confirmNotion',
-            disabled: true,
-            span: 8,
-          }, {
-            label: '审核状态',
-            prop: 'confirmFlag',
-            disabled: true,
-            span: 8,
-            type: 'select',
-            dicData: [{
-              label: '待审核',
-              value: '1'
-            }, {
-              label: '审核通过',
-              value: '2'
-            }, {
-              label: '审核不通过',
-              value: '3'
-            }]
-          }, {
-            label: '申请时间',
-            prop: 'applyTime',
-            disabled: true,
-            span: 8,
-          }, {
-            label: '外出原因',
-            prop: 'applyName',
-            disabled: true,
-            span: 8,
-          }, {
-            label: '身份证号',
-            prop: 'idCard',
-            disabled: true,
-            span: 8,
-          }, {
-            label: '位置图片',
-            fileType: 'img',
-            type: "upload",
-            listType: "picture-card",
-            dataType: "string",
-            prop: 'locationImageUrls',
-            disabled: true,
-          }, {
-            label: '审核人电话',
-            prop: 'confirmUserTelephone',
-            disabled: true,
-            span: 8,
-          }, {
-            label: '出发-当前时间',
-            prop: 'startTime',
-            disabled: true,
-            span: 8,
-            labelWidth: 120,
-          }, {
-            label: '出发-报备位置',
-            prop: 'startLocation',
-            disabled: true,
-            span: 8,
-            labelWidth: 120,
-          }, {
-            label: '出发-位置图片',
-            fileType: 'img',
-            type: "upload",
-            listType: "picture-card",
-            dataType: "string",
-            prop: 'startImageUrls',
-            disabled: true,
-            labelWidth: 120,
-          }, {
-            label: '到达-当前时间',
-            prop: 'reachTime',
-            disabled: true,
-            labelWidth: 120,
-            span: 8,
-          }, {
-            label: '到达-报备位置',
-            prop: 'reachLocation',
-            disabled: true,
-            span: 8,
-            labelWidth: 120,
-          }, {
-            label: '到达-位置图片',
-            fileType: 'img',
-            type: "upload",
-            listType: "picture-card",
-            dataType: "string",
-            prop: 'reachImageUrls',
-            disabled: true,
-            labelWidth: 120,
-          }, {
-            label: '返回-当前时间',
-            prop: 'returnTime',
-            disabled: true,
-            labelWidth: 120,
-            span: 8,
-          }, {
-            label: '返回-报备位置',
-            prop: 'returnLocation',
-            disabled: true,
-            span: 8,
-            labelWidth: 120,
-          }, {
-            label: '返回-位置图片',
-            fileType: 'img',
-            type: "upload",
-            listType: "picture-card",
-            dataType: "string",
-            prop: 'returnImageUrls',
-            labelWidth: 120,
-            disabled: true,
-          }, ]
+} from "@/api/task/bailReporting"
+import website from '@/config/website'
+export default {
+    data () {
+        return {
+            form: {},
+            applyType: '',
+            option: {
+                submitBtn: false,
+                emptyBtn: false,
+                column: [
+                    {
+                        // span: 10,
+                        label: '申请人',
+                        prop: 'checkUserName',
+                        disabled: true,
+                        span: 8,
+                    }, {
+                        // span: 12,
+                        label: '申请人手机',
+                        prop: 'checkTelephone',
+                        disabled: true,
+                        span: 8,
+                    }, {
+                        label: '申请位置',
+                        prop: 'location',
+                        disabled: true,
+                        span: 8,
+                    }, {
+                        label: '审核时间',
+                        prop: 'confirmTime',
+                        disabled: true,
+                        span: 8,
+                    }, {
+                        label: '审核人',
+                        prop: 'confirmUserName',
+                        disabled: true,
+                        span: 8,
+                    }, {
+                        label: '审核意见',
+                        prop: 'confirmNotion',
+                        disabled: true,
+                        span: 8,
+                    }, {
+                        label: '审核状态',
+                        prop: 'confirmFlag',
+                        disabled: true,
+                        span: 8,
+                        type: 'select',
+                        dicData: [{
+                            label: '待审核',
+                            value: '1'
+                        }, {
+                            label: '审核通过',
+                            value: '2'
+                        }, {
+                            label: '审核不通过',
+                            value: '3'
+                        }]
+                    }, {
+                        label: '申请时间',
+                        prop: 'applyTime',
+                        disabled: true,
+                        span: 8,
+                    }, {
+                        label: '外出原因',
+                        prop: 'applyName',
+                        disabled: true,
+                        span: 8,
+                    }, {
+                        label: '身份证号',
+                        prop: 'idCard',
+                        disabled: true,
+                        span: 8,
+                    }, {
+                        width: 110,
+                        label: '位置图片',
+                        fileType: 'img',
+                        type: "upload",
+                        listType: "picture-card",
+                        dataType: "string",
+                        prop: 'locationImageUrls',
+                        disabled: true,
+                    }, {
+                        label: '审核人电话',
+                        prop: 'confirmUserTelephone',
+                        disabled: true,
+                        span: 8,
+                    }, {
+                        label: '出发-当前时间',
+                        prop: 'startTime',
+                        disabled: true,
+                        span: 8,
+                        labelWidth: 120,
+                    }, {
+                        label: '出发-报备位置',
+                        prop: 'startLocation',
+                        disabled: true,
+                        span: 8,
+                        labelWidth: 120,
+                    }, {
+                        width: 110,
+                        label: '出发-位置图片',
+                        fileType: 'img',
+                        type: "upload",
+                        listType: "picture-card",
+                        dataType: "string",
+                        prop: 'startImageUrls',
+                        disabled: true,
+                        labelWidth: 120,
+                    }, {
+                        label: '到达-当前时间',
+                        prop: 'reachTime',
+                        disabled: true,
+                        labelWidth: 120,
+                        span: 8,
+                    }, {
+                        label: '到达-报备位置',
+                        prop: 'reachLocation',
+                        disabled: true,
+                        span: 8,
+                        labelWidth: 120,
+                    }, {
+                        width: 110,
+                        label: '到达-位置图片',
+                        fileType: 'img',
+                        type: "upload",
+                        listType: "picture-card",
+                        dataType: "string",
+                        prop: 'reachImageUrls',
+                        disabled: true,
+                        labelWidth: 120,
+                    }, {
+                        label: '返回-当前时间',
+                        prop: 'returnTime',
+                        disabled: true,
+                        labelWidth: 120,
+                        span: 8,
+                    }, {
+                        label: '返回-报备位置',
+                        prop: 'returnLocation',
+                        disabled: true,
+                        span: 8,
+                        labelWidth: 120,
+                    }, {
+                        width: 110,
+                        label: '返回-位置图片',
+                        fileType: 'img',
+                        type: "upload",
+                        listType: "picture-card",
+                        dataType: "string",
+                        prop: 'returnImageUrls',
+                        labelWidth: 120,
+                        disabled: true,
+                    },]
+            }
         }
-      }
     },
     methods: {
-      auditPass(type) {
-        update({
-          confirmFlag: type,
-          taskId: this.form.taskId,
-          id: this.form.id
-        }).then(() => {
-          this.$message({
-            type: "success",
-            message: "操作成功!",
-          })
-          this.$emit('colseDetail');
-        })
-      },
-      init(data, applyType) {
-        this.applyType = applyType
-        this.form = {}
-        this.getTaskDetail(data.id)
-      },
+        auditPass (type) {
+            update({
+                confirmFlag: type,
+                taskId: this.form.taskId,
+                id: this.form.id
+            }).then(() => {
+                this.$message({
+                    type: "success",
+                    message: "操作成功!",
+                })
+                this.$emit('colseDetail')
+            })
+        },
+        init (data, applyType) {
+            this.applyType = applyType
+            this.form = {}
+            this.getTaskDetail(data.id)
+        },
 
-      getTaskDetail(taskId) {
-        getDetail({
-          taskId: taskId
-        }).then((res) => {
-          this.form = res.data.data
-          if (this.form.reachImageUrls) {
-            this.form.reachImageUrls = website.minioUrl + this.form.reachImageUrls
-          }
-          if (this.form.returnImageUrls) {
-            this.form.returnImageUrls = website.minioUrl + this.form.returnImageUrls
-          }
-          if (this.form.startImageUrls) {
-            this.form.startImageUrls = website.minioUrl + this.form.startImageUrls
-          }
-          if (this.form.locationImageUrls) {
-            this.form.locationImageUrls = website.minioUrl + this.form.locationImageUrls
-          }
-          // console.table(this.form)
-        })
-      }
+        getTaskDetail (taskId) {
+            getDetail({
+                taskId: taskId
+            }).then((res) => {
+                this.form = res.data.data
+                if (this.form.reachImageUrls) {
+                    this.form.reachImageUrls = website.minioUrl + this.form.reachImageUrls
+                }
+                if (this.form.returnImageUrls) {
+                    this.form.returnImageUrls = website.minioUrl + this.form.returnImageUrls
+                }
+                if (this.form.startImageUrls) {
+                    this.form.startImageUrls = website.minioUrl + this.form.startImageUrls
+                }
+                if (this.form.locationImageUrls) {
+                    this.form.locationImageUrls = website.minioUrl + this.form.locationImageUrls
+                }
+                // console.table(this.form)
+            })
+        }
 
     }
-  }
+}
 </script>
 
 <style lang="scss" scoped>
-  .cur-container-box {
+.cur-container-box {
     display: flex;
     flex-direction: column;
     width: 100%;
@@ -226,18 +231,18 @@
     overflow: hidden;
 
     .content-box {
-      // margin: 0 4px;
-      // padding: 0 16px;
-      // height: 0;
-      // flex: 1;
-      // overflow: hidden;
-      // overflow-y: auto;
+        // margin: 0 4px;
+        // padding: 0 16px;
+        // height: 0;
+        // flex: 1;
+        // overflow: hidden;
+        // overflow-y: auto;
     }
 
     .footer-btn-box {
-      margin-top: 10px;
-      display: flex;
-      justify-content: center;
+        margin-top: 10px;
+        display: flex;
+        justify-content: center;
     }
-  }
+}
 </style>
\ No newline at end of file

--
Gitblit v1.9.3