运行监控报表导出超时时间配置

fuliqi

2025-01-08 d770ca905d659e50cb3efb7290043a35dd2ea379

 src/views/system/monitor/video/index.vue

@@ -37,6 +37,10 @@
              <p>异常数</p>
            </div>
            <div class="dashboard-item">
              <h3 style="color: #4f4f4f">{{ count.unknownNumbers }}</h3>
              <p>未知数</p>
            </div>
            <div class="dashboard-item">
              <h3>{{ count.viewsPercentage }}%</h3>
              <p>设备运行率</p>
            </div>
@@ -50,9 +54,10 @@
          <el-form-item label="关键字" prop="name">
            <el-input
              v-model="queryParams.name"
              placeholder="请输入关键字"
              placeholder="设备名/设备编码/IP/单位名"
              clearable
              @keyup.enter.native="handleQuery"
              @clear="handleQuery"
            />
          </el-form-item>
          <el-form-item label="区域" prop="onState">
@@ -75,6 +80,7 @@
              v-model="queryParams.onState"
              placeholder="设备状态"
              clearable
              @change="handleQuery"
              style="width: 100px"
            >
              <el-option
@@ -94,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
@@ -109,7 +116,7 @@
                  placeholder="选择月">
                </el-date-picker>
              </el-form-item>
              <el-form-item label="区县" prop="deptIds" required>
              <el-form-item label="区县" prop="deptIds">
                <el-select v-model="exportForm.deptIds" multiple clearable>
                  <el-option
                    v-for="dept in deptList"
@@ -149,9 +156,9 @@
                  <!--                  </div>-->
                </el-radio-group>
              </el-form-item>
              <el-button type="primary" size="small" style="width: 400px" @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>
@@ -168,7 +175,7 @@
          <div>
            {{
              (
                (scope.row.provinceTag ? '省厅、' : '') +
                (scope.row.provinceTagVideo ? '省厅、' : '') +
                (scope.row.deptTag ? '公安部、' : '')).replace(/、$/, '')
            }}
          </div>
@@ -205,18 +212,18 @@
          <div>{{ (scope.row.videoLoseTime * 60).toFixed(2) + '分钟' }}</div>
        </template>
      </el-table-column>
      <el-table-column label="OSD标注" align="center" prop="OSD" width="180" v-if="columns[10].visible">
      <el-table-column label="OSD标注" align="center" prop="osd" width="180" v-if="columns[10].visible">
        <template slot-scope="scope">
          <div v-if="scope.row.OSD === 1">正常</div>
          <div v-else-if="scope.row.OSD === 0">未知</div>
          <div v-else-if="scope.row.OSD === -1">异常</div>
          <div v-if="scope.row.osd ==true">正常</div>
          <div v-else-if="scope.row.osd == false">异常</div>
          <div v-else-if="scope.row.osd == null">未知</div>
        </template>
      </el-table-column>
      <el-table-column label="OSD时间" align="center" prop="OSDTime" width="180" v-if="columns[11].visible">
      <el-table-column label="OSD时间" align="center" prop="osdtime" width="180" v-if="columns[11].visible">
        <template slot-scope="scope">
          <div v-if="scope.row.OSDTime === 1">正常</div>
          <div v-else-if="scope.row.OSDTime === 0">未知</div>
          <div v-else-if="scope.row.OSDTime === -1">异常</div>
          <div v-if="scope.row.osdtime ==true">正常</div>
          <div v-else-if="scope.row.osdtime == false">异常</div>
          <div v-else-if="scope.row.osdtime == null">未知</div>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
@@ -249,13 +256,14 @@
            <el-form-item label="设备编码：">{{ form.serialNumber }}</el-form-item>
            <el-form-item label="标签：">
              {{
                ((form.provinceTag ? '省厅、' : '') +
                ((form.provinceTagVideo ? '省厅、' : '') +
                (form.deptTag ? '公安部、' : '')).replace(/、$/, '')
              }}
            </el-form-item>
            <el-form-item label="设备状态：">
              <div v-if="form.onState === 0">离线</div>
              <div v-if="form.onState === 0">未知</div>
              <div v-else-if="form.onState === 1">在线</div>
              <div v-else-if="form.onState === -1">离线</div>
            </el-form-item>
            <el-form-item label="管理单位：">{{ form.unitName }}</el-form-item>
          </el-col>
@@ -288,9 +296,9 @@
              <div v-else-if="form.videoComplete === -1">异常</div>
            </el-form-item>
            <el-form-item label="OSD标注：">
              <div v-if="form.OSD === 1">正常</div>
              <div v-else-if="form.OSD === 0">未知</div>
              <div v-else-if="form.OSD === -1">异常</div>
              <div v-if="form.osd ==true">正常</div>
              <div v-else-if="form.osd ==false">异常</div>
              <div v-else-if="form.osd ==null">未知</div>
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -299,9 +307,9 @@
            </el-form-item>
            <el-form-item label="录像缺失时长：">{{ (form.videoLoseTime * 60).toFixed(2) + '分钟' }}</el-form-item>
            <el-form-item label="OSD时间：">
              <div v-if="form.OSDTime === 1">正常</div>
              <div v-else-if="form.OSDTime === 0">未知</div>
              <div v-else-if="form.OSDTime === -1">异常</div>
              <div v-if="form.osdtime ==true">正常</div>
              <div v-else-if="form.osdtime ==false">异常</div>
              <div v-else-if="form.osdtime ==null">未知</div>
            </el-form-item>
          </el-col>
        </el-row>
@@ -342,6 +350,7 @@
        totalPosts: 0,
        totalMembers: 0,
        postsPercentage: 0,
        unknownNumbers: 0,
        totalViews: 0,
        noStore: 0,
        partStore: 0,
@@ -395,9 +404,6 @@
      exportRules: {
        month: [
          {required: true, message: "时间不能为空", trigger: "blur"}
        ],
        deptIds: [
          {required: true, message: "部门不能为空", trigger: "blur"}
        ],
        dataType: [
          {required: true, message: "数据类型不能为空", trigger: "blur"}
@@ -550,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
            })
          }
        }
      });