代码优化

linwe

2024-07-29 6416b40cf242340eaa163c498bd49d8103e73610

 src/views/publicSecurity/noExplosionManage.vue

@@ -40,8 +40,15 @@

    <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-dialog :visible.sync="visibleWord" append-to-body destroy-on-close title="审核" width="50%"
      custom-class="flow-design-dialog" :before-close="handleCloseWord">
      <word ref="word"></word>
    </el-dialog>


    <el-drawer title="无诈申请" :visible.sync="isDetail" :append-to-body="true" size="40%" direction="rtl">
      <div class="title">
        <div class="icon">{{ refreshNum }}</div>
@@ -52,10 +59,10 @@
          <div class="info-name">场所名称</div>
          <div class="info-value">{{ rowDetail.placeName }}</div>
        </div>
        <!-- <div class="info-item">
          <div class="info-name">场所类别</div>
          <div class="info-value">{{ rowDetail.noExplosionCategoryName }}</div>
        </div> -->
        <div class="info-item">
          <div class="info-name">场所标准地址</div>
          <div class="info-value">{{ rowDetail.addressName }}</div>
        </div>
        <div class="info-item">
          <div class="info-name">上报人</div>
          <div class="info-value">{{ rowDetail.name }}</div>
@@ -63,6 +70,15 @@
        <div class="info-item">
          <div class="info-name">上报时间</div>
          <div class="info-value">{{ rowDetail.createTime }}</div>
        </div>
        <div class="info-item">
          <div class="info-name">门牌二维码</div>
          <div class="info-value">
            <!-- <img style="width: 60px;height: 60px;" :src="rowDetail.qrImg" alt="" /> -->
            <el-image v-if="rowDetail.qrImg" style="width: 60px; height: 60px" :src="rowDetail.qrImg"
              @click="loockImag(rowDetail.qrImg)" :preview-src-list="srcList">
            </el-image>
          </div>
        </div>
      </div>
      <div class="title">
@@ -87,12 +103,23 @@
          </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>

              <div v-if="type === 1" 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>
              </div>

              <div v-if="type === 2" style="line-height: 100px;" v-for="pic in item.imageUrlsList">
                <el-button @click="lookFile(item.imageUrls)" type="primary">查看附件</el-button>
              </div>

              <div v-if="type === 2" style="line-height: 100px;" v-for="pic in item.imageUrlsList">
                <el-button @click="downloadFile(item.imageUrls)" type="primary">下载附件</el-button>
              </div>

            </div>
          </div>
        </div>
@@ -110,6 +137,8 @@
    applyTaskExamine
  } from "@/api/task/task"

  import auditBase from './components/auditBase'
  import word from '../../components/offce/word'
  import {
    mapGetters
  } from "vuex"
@@ -143,21 +172,22 @@
  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,
        refreshNum: 1,
        rowDetail: [],
        srcList: [],
        auditRules: {
          status: [{
            required: true,
@@ -169,6 +199,7 @@
          }],
        },
        visible: false,
        visibleWord: false,
        taskType: 0,
        curRow: {},
        roleBox: false,
@@ -208,6 +239,20 @@
          columnBtn: false,
          dialogClickModal: false,
          column: [{
              label: "创建时间",
              prop: "dateRange",
              type: "daterange",
              format: "yyyy-MM-dd",
              valueFormat: "yyyy-MM-dd",
              searchRange: true,
              startPlaceholder: '开始日期',
              endPlaceholder: '结束日期',
              align: 'center',
              search: true,
              hide: true,
              searchSpan: 5,
              searchLabelWidth: 76,
            }, {
              label: "场所名称",
              prop: "placeName",
              span: 24,
@@ -238,38 +283,69 @@
              search: true,
              searchSpan: 4,
              searchLabelWidth: 96,
              align: 'center'
            }, {
            },

            {
              label: "所属街道",
              prop: "streetName",
              span: 24,
              row: true,
              searchSpan: 4,
              search: true,
              // search: true,
              align: 'center'
            },
            {
              parent: false,
              label: "所属社区",
              prop: "communityName",
              span: 24,
              row: true,
              searchSpan: 4,
              width: 150,
              search: true,
              width: 160,
              overHidden: true,
              align: 'center'
              type: "tree",
              searchSpan: 4,
              dicUrl: "/api/blade-system/region/treeToCommunity",
              props: {
                label: "name",
                value: "name",
              },
              cascader: ["gridCode"],
              rules: [{
                required: true,
                message: "请选择所属社区",
                trigger: "blur",
              }, ],
            },

            // {
            //   label: "派出所",
            //   prop: "pcsName",
            //   span: 24,
            //   row: true,
            //   searchSpan: 4,
            //   search: true,
            //   align: 'center'
            // },
            {
              label: "所属网格",
              prop: "gridName",
              span: 24,
              row: true,
              searchSpan: 4,
              searchLabelWidth: 90,
              label: "辖区派出所",
              search: true,
              align: 'center'
              searchSpan: 4,
              // parent: false,
              prop: "pcsName",
              type: "tree",
              dicUrl: "/api/blade-system/dept/treeByDept?deptId=1727974759086493697",
              props: {
                label: "title",
                value: "title"
              },
              rules: [{
                required: true,
                message: "请选择辖区派出所",
                trigger: "blur",
              }, ],
            },

            {
              searchLabelWidth: 90,
              label: "场所负责人",
              prop: "principal",
              span: 24,
@@ -287,15 +363,7 @@
              searchSpan: 4,
              align: 'center'
            },
            // {
            //   label: "无诈上报数量",
            //   prop: "number",
            //   span: 24,
            //   row: true,
            //   slot: true,
            //   searchSpan: 4,
            //   align: 'center'
            // },

            {
              width: 110,
              label: "审核状态",
@@ -316,6 +384,7 @@
          ],
        },
        data: [],
        type: '',

        auditBasePopup: false,
        questionTypeList: [],
@@ -327,11 +396,13 @@

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

    components: {
      auditBase,
      word,
      campusReporting,
      hotelReporting,
      labelReporting,
@@ -403,7 +474,23 @@
        }
      }
    },


    methods: {
      loockImag(img) {
        console.log("**************", img)
        this.srcList = []
        this.srcList.push(img)
      },

      lookFile(url) {
        this.visibleWord = true
        this.$refs.word.initWord(url)
      },

      downloadFile(url) {
        window.location.href = url
      },
      // 点击展开收缩
      flodQL(index) {
        this.rowDetail.qTypeList[index].isShowQList = !this.rowDetail.qTypeList[index].isShowQList
@@ -441,6 +528,8 @@
      },

      getDetail(rowData) {
        console.log("*************rowData**************" + JSON.stringify(rowData.type))
        this.type = rowData.type
        this.getPatrolGroupTree({
          type: 2,
          childType: rowData.noExplosionCategory
@@ -488,6 +577,8 @@
                isShowQList: true
              })
            })
            // console.log("999999999999999999999999" + JSON.stringify(newArr))

            row.qTypeList = newArr
          }
          // 九小类型转换
@@ -530,6 +621,10 @@
        this.cancelAudit()
      },

      handleCloseWord() {
        this.visibleWord = false
      },

      // 取消审核
      cancelAudit() {
        this.visible = false
@@ -559,6 +654,10 @@
          reportType: row.reportType
        }
        this.visible = true
        var that = this
        this.$nextTick(() => {
          that.$refs.auditBase.init(row)
        })
      },

      colseDetail() {
@@ -621,23 +720,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 +758,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) {
@@ -705,6 +804,12 @@
      searchChange(params, done) {
        this.query = params
        this.page.currentPage = 1
        let dateRange = params.dateRange
        if (params.dateRange) {
          params.startTime = dateRange[0] + " 00:00:00"
          params.endTime = dateRange[1] + " 23:59:59"
          delete params.dateRange
        }
        this.onLoad(this.page, params)
        done()
      },
@@ -728,7 +833,7 @@
            type: "warning",
          })
          .then(() => {
            return remove(this.ids)
            // return remove(this.ids)
          })
          .then(() => {
            this.onLoad(this.page)
@@ -778,7 +883,7 @@
        this.onLoad(this.page, this.query)
      },
      onLoad(page, params = {}) {
        const {} = this.query
        this.query = {}
        let values = {
          ...params,
        }
@@ -795,7 +900,7 @@
              }
            })
          }
          data.records.forEach(item => {})
          // data.records.forEach(item => {})
          this.page.total = data.total
          this.data = data.records
          this.loading = false