样式优化及无诈审核优化

linwe

2024-05-23 3bce353d07a91c0861b776636446fe673801ed32

 src/views/publicSecurity/noExplosionManage.vue

@@ -40,8 +40,10 @@

    <el-dialog :visible.sync="visible" append-to-body destroy-on-close title="审核" width="30%"
      custom-class="flow-design-dialog" :before-close="handleClose">
      <audit-base @handleSubmit="submitAudit"></audit-base>
      <audit-base ref="auditBase" @handleSubmit="submitAudit"></audit-base>
    </el-dialog>


    <el-drawer title="无诈申请" :visible.sync="isDetail" :append-to-body="true" size="40%" direction="rtl">
      <div class="title">
        <div class="icon">{{ refreshNum }}</div>
@@ -87,11 +89,12 @@
          </div>
          <div class="yh-pic-box">
            <div class="yh-pic-name">
              上报图片
              上报附件
            </div>
            <div class="yh-pic-list">
              <div class="pic-item" v-for="pic in item.imageUrlsList">
                <el-image style="width: 100px; height: 100px" :src="pic" :fit="fit"    :preview-src-list="item.imageUrlsList"></el-image>
                <el-image style="width: 100px; height: 100px" :src="pic" :fit="fit"
                  :preview-src-list="item.imageUrlsList"></el-image>
              </div>
            </div>
          </div>
@@ -110,6 +113,7 @@
    applyTaskExamine
  } from "@/api/task/task"

  import auditBase from './components/auditBase'
  import {
    mapGetters
  } from "vuex"
@@ -143,16 +147,16 @@
  export default {
    data() {
      //手机号格式校验
      let validatorPhone = function(rule, value, callback) {
        if (value) {
          if (!/^1[3456789]\d{9}$/.test(value)) {
            callback(new Error('手机号格式有误！'))
          } else {
            callback()
          }
        }
        callback()
      }
      // let validatorPhone = function(rule, value, callback) {
      //   if (value) {
      //     if (!/^1[3456789]\d{9}$/.test(value)) {
      //       callback(new Error('手机号格式有误！'))
      //     } else {
      //       callback()
      //     }
      //   }
      //   callback()
      // }

      return {
        isDetail: false,
@@ -238,7 +242,6 @@
              search: true,
              searchSpan: 4,
              searchLabelWidth: 96,
              align: 'center'
            }, {
              label: "所属街道",
              prop: "streetName",
@@ -327,11 +330,12 @@

    provide() {
      return {
        placeElement: this,
        placeElement: this
      }
    },

    components: {
      auditBase,
      campusReporting,
      hotelReporting,
      labelReporting,
@@ -403,6 +407,8 @@
        }
      }
    },


    methods: {
      // 点击展开收缩
      flodQL(index) {
@@ -559,6 +565,10 @@
          reportType: row.reportType
        }
        this.visible = true
        var that = this
        this.$nextTick(() => {
          that.$refs.auditBase.init(row)
        })
      },

      colseDetail() {
@@ -621,23 +631,23 @@

        delete row.smallLabel

        add({
          ...row,
          label
        }).then(
          () => {
            this.onLoad(this.page)
            this.$message({
              type: "success",
              message: "操作成功!",
            })
            done()
          },
          (error) => {
            window.console.log(error)
            loading()
          }
        )
        // add({
        //   ...row,
        //   label
        // }).then(
        //   () => {
        //     this.onLoad(this.page)
        //     this.$message({
        //       type: "success",
        //       message: "操作成功!",
        //     })
        //     done()
        //   },
        //   (error) => {
        //     window.console.log(error)
        //     loading()
        //   }
        // )
      },

      rowUpdate(row, index, done, loading) {
@@ -659,23 +669,23 @@

        delete row.smallLabel

        update({
          ...row,
          label
        }).then(
          () => {
            this.onLoad(this.page)
            this.$message({
              type: "success",
              message: "操作成功!",
            })
            done()
          },
          (error) => {
            window.console.log(error)
            loading()
          }
        )
        // update({
        //   ...row,
        //   label
        // }).then(
        //   () => {
        //     this.onLoad(this.page)
        //     this.$message({
        //       type: "success",
        //       message: "操作成功!",
        //     })
        //     done()
        //   },
        //   (error) => {
        //     window.console.log(error)
        //     loading()
        //   }
        // )
      },

      rowDel(row) {
@@ -728,7 +738,7 @@
            type: "warning",
          })
          .then(() => {
            return remove(this.ids)
            // return remove(this.ids)
          })
          .then(() => {
            this.onLoad(this.page)
@@ -778,7 +788,7 @@
        this.onLoad(this.page, this.query)
      },
      onLoad(page, params = {}) {
        const {} = this.query
        this.query = {}
        let values = {
          ...params,
        }
@@ -795,7 +805,7 @@
              }
            })
          }
          data.records.forEach(item => {})
          // data.records.forEach(item => {})
          this.page.total = data.total
          this.data = data.records
          this.loading = false