| | |
| | | <el-form-item label="关键字" prop="name"> |
| | | <el-input |
| | | v-model="queryParams.name" |
| | | placeholder="请输入关键字" |
| | | placeholder="设备名/设备编码/IP/单位名" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | @clear="handleQuery" |
| | |
| | | </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 |
| | |
| | | <!-- </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> |
| | |
| | | <div> |
| | | {{ |
| | | ( |
| | | (scope.row.provinceTag ? '省厅、' : '') + |
| | | (scope.row.provinceTagVideo ? '省厅、' : '') + |
| | | (scope.row.deptTag ? '公安部、' : '')).replace(/、$/, '') |
| | | }} |
| | | </div> |
| | |
| | | <el-form-item label="设备编码:">{{ form.serialNumber }}</el-form-item> |
| | | <el-form-item label="标签:"> |
| | | {{ |
| | | ((form.provinceTag ? '省厅、' : '') + |
| | | ((form.provinceTagVideo ? '省厅、' : '') + |
| | | (form.deptTag ? '公安部、' : '')).replace(/、$/, '') |
| | | }} |
| | | </el-form-item> |
| | |
| | | }, |
| | | /** 导出按钮操作 */ |
| | | 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 |
| | | }) |
| | | } |
| | | } |
| | | }); |