fuliqi
2025-01-08 d770ca905d659e50cb3efb7290043a35dd2ea379
src/views/system/monitor/video/index.vue
@@ -54,7 +54,7 @@
          <el-form-item label="关键字" prop="name">
            <el-input
              v-model="queryParams.name"
              placeholder="请输入关键字"
              placeholder="设备名/设备编码/IP/单位名"
              clearable
              @keyup.enter.native="handleQuery"
              @clear="handleQuery"
@@ -100,11 +100,12 @@
        </el-form>
        <!-- 导出按钮 -->
        <div v-hasPermi="['system:monitor:export']">
          <el-button style="margin-right: 10px" slot="reference" type="primary" size="mini" @click="handleExport" plain >导出</el-button>
          <el-popover
            placement="left"
            width="300px"
            trigger="click">
            <span style="font-weight: bold;font-size: 16px">导出</span>
            <span style="font-weight: bold;font-size: 16px">导出报表</span>
            <el-form ref="exportForm" :model="exportForm" :rules="exportRules" label-width="100px">
              <el-form-item label="考核时间" prop="month" required>
                <el-date-picker
@@ -155,9 +156,9 @@
                  <!--                  </div>-->
                </el-radio-group>
              </el-form-item>
              <el-button type="primary" size="small" style="width: 100%" @click="handleExport">导出</el-button>
              <el-button type="primary" size="small" style="width: 100%" @click="handleFormExport">导出</el-button>
            </el-form>
            <el-button slot="reference" type="primary" size="mini" plain>导出</el-button>
            <el-button slot="reference" type="primary" size="mini" plain>导出报表</el-button>
          </el-popover>
        </div>
      </el-col>
@@ -174,7 +175,7 @@
          <div>
            {{
              (
                (scope.row.provinceTag ? '省厅、' : '') +
                (scope.row.provinceTagVideo ? '省厅、' : '') +
                (scope.row.deptTag ? '公安部、' : '')).replace(/、$/, '')
            }}
          </div>
@@ -255,7 +256,7 @@
            <el-form-item label="设备编码:">{{ form.serialNumber }}</el-form-item>
            <el-form-item label="标签:">
              {{
                ((form.provinceTag ? '省厅、' : '') +
                ((form.provinceTagVideo ? '省厅、' : '') +
                (form.deptTag ? '公安部、' : '')).replace(/、$/, '')
              }}
            </el-form-item>
@@ -555,24 +556,37 @@
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('system/monitor/export', {
        ...this.queryParams
      }, `monitor_${new Date().getTime()}.xlsx`)
    },
    handleFormExport() {
      this.$refs["exportForm"].validate(valid => {
        if (valid) {
          if (this.exportForm.dataType === 0) {
            this.download('system/monitor/export/video/total', {
              ...this.exportForm,
            }, `总量情况_${new Date().getTime()}.xlsx`)
            }, `总量情况_${new Date().getTime()}.xlsx`, {
              timeout: 60000
            })
          } else if (this.exportForm.dataType === 1) {
            this.download('system/monitor/export/video/online', {
              ...this.exportForm,
            }, `点位在线_${new Date().getTime()}.xlsx`)
            }, `点位在线_${new Date().getTime()}.xlsx`, {
              timeout: 60000
            })
          } else if (this.exportForm.dataType === 2) {
            this.download('system/monitor/export/video/record', {
              ...this.exportForm,
            }, `录像情况_${new Date().getTime()}.xlsx`)
            }, `录像情况_${new Date().getTime()}.xlsx`, {
              timeout: 60000
            })
          } else if (this.exportForm.dataType === 3) {
            this.download('system/monitor/export/video/loseTime', {
              ...this.exportForm,
            }, `录像缺失时长_${new Date().getTime()}.xlsx`)
            }, `录像缺失时长_${new Date().getTime()}.xlsx`, {
              timeout: 60000
            })
          }
        }
      });