From d1954622eee916e07532a79e2cc2dfce6788487f Mon Sep 17 00:00:00 2001
From: linwei <872216696@qq.com>
Date: Thu, 04 Jan 2024 18:31:12 +0800
Subject: [PATCH] 公安安全

---
 src/views/publicSecurity/components/labelReporting.vue |  166 ++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 121 insertions(+), 45 deletions(-)

diff --git a/src/views/publicSecurity/components/labelReporting.vue b/src/views/publicSecurity/components/labelReporting.vue
index 17452ad..7a2aa50 100644
--- a/src/views/publicSecurity/components/labelReporting.vue
+++ b/src/views/publicSecurity/components/labelReporting.vue
@@ -1,47 +1,90 @@
 <template>
-  <avue-form :option="option" v-model="data"></avue-form>
+  <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>
 </template>
 <script>
   import {
-    getDetail
+    getDetail,
+    update
   } from "@/api/task/labelReporting"
   export default {
     data() {
       return {
-        data: {},
+        form: {},
+        applyType: '',
         option: {
           submitBtn: false,
           emptyBtn: false,
           column: [{
+            label: '房屋名称',
+            prop: 'houseName',
+            disabled: true,
+            span: 8,
+            labelWidth: 120,
+          }, {
+            label: '手机号',
+            prop: 'phoneNumber',
+            disabled: true,
+            span: 8,
+            labelWidth: 120,
+          }, {
+            label: '对象电话',
+            prop: 'transactionObjectTel',
+            disabled: true,
+            disabled: true,
+            span: 8,
+            labelWidth: 120,
+          }, {
+            label: '交易金额',
+            prop: 'transactionMoney',
+            disabled: true,
+            disabled: true,
+            span: 8,
+            labelWidth: 120,
+          }, {
+            label: '物品数量',
+            prop: 'goodsNums',
+            disabled: true,
+            disabled: true,
+            span: 8,
+            labelWidth: 120,
+          }, {
             label: '发生时间',
             prop: 'happenTime',
             disabled: true,
+            span: 8,
+            labelWidth: 120,
           }, {
-            label: '身份证图片',
-            prop: 'imageUrls',
-            fileType: 'img',
-            type: "upload",
-            listType: "picture-card",
-            dataType: "string",
-            disabled: true,
-          }, {
-            label: '确认标记',
-            prop: 'confirmFlag',
-            disabled: true,
-          }, {
-            label: '确认时间',
+            label: '审核时间',
             prop: 'confirmTime',
             disabled: true,
+            span: 8,
+            labelWidth: 120,
           }, {
             label: '位置',
             prop: 'localtion',
             disabled: true,
+            span: 8,
+            labelWidth: 120,
           }, {
-            label: '确认意见',
+            label: '审核意见',
             prop: 'confirmNotion',
             disabled: true,
+            span: 8,
+            labelWidth: 120,
           }, {
-            label: '确认标记',
+            label: '审核状态',
             prop: 'confirmFlag',
             type: 'select',
             dicData: [{
@@ -55,26 +98,22 @@
               value: '3'
             }],
             disabled: true,
+            span: 8,
+            labelWidth: 120,
           }, {
-            label: '手机号',
-            prop: 'phoneNumber',
+            label: '交易对象',
+            prop: 'transactionObject',
             disabled: true,
+            disabled: true,
+            span: 8,
+            labelWidth: 120,
           }, {
-            label: '房屋名称',
-            prop: 'houseName',
+            label: '交易过程',
+            prop: 'transactionProcess',
             disabled: true,
-          }, {
-            label: '对象电话',
-            prop: 'transactionObjectTel',
             disabled: true,
-          }, {
-            label: '交易金额',
-            prop: 'transactionMoney',
-            disabled: true,
-          }, {
-            label: '物品数量',
-            prop: 'goodsNums',
-            disabled: true,
+            span: 8,
+            labelWidth: 120,
           }, {
             label: '物品照片',
             prop: 'goodsImageUrls',
@@ -83,24 +122,39 @@
             listType: "picture-card",
             dataType: "string",
             disabled: true,
-          }, {
-            label: '交易对象',
-            prop: 'transactionObject',
             disabled: true,
+            span: 8,
+            labelWidth: 120,
           }, {
-            label: '交易过程',
-            prop: 'transactionProcess',
+            label: '身份证图片',
+            prop: 'imageUrls',
+            fileType: 'img',
+            type: "upload",
+            listType: "picture-card",
+            dataType: "string",
             disabled: true,
-          }, {
-            label: '创建时间',
-            prop: 'createTime',
-            disabled: true,
+            span: 8,
+            labelWidth: 120,
           }, ]
         }
       }
     },
     methods: {
-      init(data) {
+      auditPass(type) {
+        update({
+          status: 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.getTaskDetail(data.id)
       },
 
@@ -108,7 +162,7 @@
         getDetail({
           taskId: taskId
         }).then((res) => {
-          this.data = res.data.data
+          this.form = res.data.data
         })
       }
 
@@ -116,5 +170,27 @@
   }
 </script>
 
-<style>
+<style lang="scss" scoped>
+  .cur-container-box {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+
+    .content-box {
+      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;
+    }
+  }
 </style>
\ No newline at end of file

--
Gitblit v1.9.3