代码优化

linwe

2024-07-29 6416b40cf242340eaa163c498bd49d8103e73610

 src/views/publicSecurity/noExplosionManage.vue

@@ -43,6 +43,11 @@
      <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">
@@ -54,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>
@@ -65,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">
@@ -99,7 +113,11 @@
              </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>
                <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>
@@ -120,6 +138,7 @@
  } from "@/api/task/task"

  import auditBase from './components/auditBase'
  import word from '../../components/offce/word'
  import {
    mapGetters
  } from "vuex"
@@ -168,6 +187,7 @@
        isDetail: false,
        refreshNum: 1,
        rowDetail: [],
        srcList: [],
        auditRules: {
          status: [{
            required: true,
@@ -179,6 +199,7 @@
          }],
        },
        visible: false,
        visibleWord: false,
        taskType: 0,
        curRow: {},
        roleBox: false,
@@ -218,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,
@@ -248,37 +283,69 @@
              search: true,
              searchSpan: 4,
              searchLabelWidth: 96,
            }, {
            },

            {
              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: "pcsName",
              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,
@@ -296,15 +363,7 @@
              searchSpan: 4,
              align: 'center'
            },
            // {
            //   label: "无诈上报数量",
            //   prop: "number",
            //   span: 24,
            //   row: true,
            //   slot: true,
            //   searchSpan: 4,
            //   align: 'center'
            // },

            {
              width: 110,
              label: "审核状态",
@@ -343,6 +402,7 @@

    components: {
      auditBase,
      word,
      campusReporting,
      hotelReporting,
      labelReporting,
@@ -417,15 +477,19 @@


    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
        // window.open(url);
        // const link = document.createElement('a');
        // link.href = url;
        // link.download = "";
        // link.target = "_blank"; // 可选，如果希望在新窗口中下载文件，请取消注释此行
        // link.click();
      },
      // 点击展开收缩
      flodQL(index) {
@@ -555,6 +619,10 @@
      // 弹窗关闭回调
      handleClose() {
        this.cancelAudit()
      },

      handleCloseWord() {
        this.visibleWord = false
      },

      // 取消审核
@@ -736,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()
      },