From 7623c217ad57ad1140fbf3b534fdc420ec6e4c08 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期二, 02 十二月 2025 11:15:54 +0800
Subject: [PATCH] 人脸设备标签问题
---
src/views/system/monitor/face/index.vue | 188 +++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 180 insertions(+), 8 deletions(-)
diff --git a/src/views/system/monitor/face/index.vue b/src/views/system/monitor/face/index.vue
index f7406e3..858227c 100644
--- a/src/views/system/monitor/face/index.vue
+++ b/src/views/system/monitor/face/index.vue
@@ -51,9 +51,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">
@@ -76,6 +77,7 @@
v-model="queryParams.onState"
placeholder="璁惧鐘舵��"
clearable
+ @change="handleQuery"
style="width: 100px"
>
<el-option
@@ -93,6 +95,10 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-form>
+ <div v-hasPermi="['system:monitor:export']">
+ <el-button slot="reference" type="primary" size="mini" @click="handleExport" plain >瀵煎嚭</el-button>
+ <el-button style="margin-left: 10px" type="primary" size="mini" @click="openImport" plain>瀵煎叆璁惧鏍囩</el-button>
+ </div>
<el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange">
<el-table-column label="璁惧鍚嶇О" align="center" prop="name" width="280" fixed show-overflow-tooltip/>
<el-table-column label="璁惧缂栫爜" align="center" prop="serialNumber" width="180"/>
@@ -102,7 +108,7 @@
<div>
{{
(
- (scope.row.provinceTag ? '鐪佸巺銆�' : '') +
+ (scope.row.provinceTagFace ? '鐪佸巺銆�' : '') +
(scope.row.deptTag ? '鍏畨閮ㄣ��' : '')).replace(/銆�$/, '')
}}
</div>
@@ -140,7 +146,11 @@
<el-table-column label="寤烘ā澶辫触鐜�" align="center" prop="failPercent" width="180" v-if="columns[12].visible"/>
<el-table-column label="浜鸿劯鍚堟牸鐜�" align="center" prop="facePercent" width="180" v-if="columns[13].visible"/>
<el-table-column label="澶у浘鍙敤鐜�" align="center" prop="bigUsefulPercent" width="180" v-if="columns[14].visible"/>
- <el-table-column label="url鍙敤鐜�" align="center" prop="urlPercent" width="180" v-if="columns[15].visible"/>
+ <el-table-column label="寤鸿绫诲瀷鏍囩" align="center" prop="constructTag" width="180" v-if="columns[15].visible">
+ <template slot-scope="scope">
+ <div>{{ scope.row.tag }}</div>
+ </template>
+ </el-table-column>
<el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" fixed="right">
<template slot-scope="scope">
<el-button
@@ -212,7 +222,7 @@
<el-form-item label="璁惧缂栫爜锛�">{{ form.serialNumber }}</el-form-item>
<el-form-item label="鏍囩锛�">
{{
- ((form.provinceTag ? '鐪佸巺銆�' : '') +
+ ((form.provinceTagFace ? '鐪佸巺銆�' : '') +
(form.deptTag ? '鍏畨閮ㄣ��' : '')).replace(/銆�$/, '')
}}
</el-form-item>
@@ -262,7 +272,6 @@
<el-form-item label="褰撴棩鎶撴媿閲忥細">{{ form.snapCount }}</el-form-item>
<el-form-item label="涓婁紶鍙婃椂鐜囷細">{{ form.uploadPercent }}</el-form-item>
<el-form-item label="浜鸿劯鍚堟牸鐜囷細">{{ form.facePercent }}</el-form-item>
- <el-form-item label="url鍙敤鐜囷細">{{ form.urlPercent }}</el-form-item>
</el-col>
</el-row>
</el-form>
@@ -270,13 +279,70 @@
<el-button @click="open = false">鍏� 闂�</el-button>
</div>
</el-dialog>
+ <el-dialog
+ title="瀵煎叆璁惧鏍囩"
+ width="800px"
+ :visible.sync="importShow"
+ :close-on-click-modal="false"
+ custom-class="import-dialog"
+ >
+ <div class="import-content">
+ <!-- 涓婁紶鍖哄煙 -->
+ <div class="upload-section">
+ <el-upload
+ ref="upload"
+ class="custom-upload"
+ action=""
+ drag
+ :file-list="fileList"
+ :before-upload="beforeUpload"
+ :on-change="handleFileChange"
+ :on-remove="handleFileRemove"
+ :auto-upload="false"
+ accept=".xls,.xlsx"
+ >
+ <div class="upload-content">
+ <i class="el-icon-upload"></i>
+ <div class="upload-text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
+ <div class="upload-tip">鏀寔 .xls 鎴� .xlsx 鏍煎紡鏂囦欢锛屾枃浠跺ぇ灏忎笉瓒呰繃10MB</div>
+ </div>
+ </el-upload>
+ </div>
+
+ <!-- 鎿嶄綔鎸夐挳 -->
+ <div class="action-section">
+ <el-button
+ type="primary"
+ size="medium"
+ :loading="upload"
+ @click="handleImport"
+ class="import-btn"
+ :disabled="!currentFile"
+ >
+ {{ upload ? '瀵煎叆涓�...' : '寮�濮嬪鍏�' }}
+ </el-button>
+ <el-button
+ size="medium"
+ @click="downloadTemplate"
+ class="template-btn"
+ >
+ <i class="el-icon-download"></i>涓嬭浇妯℃澘
+ </el-button>
+ </div>
+ </div>
+
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" size="medium" @click="importShow = false">鍏� 闂�</el-button>
+ </div>
+ </el-dialog>
</div>
</template>
<script>
import { videoCount, listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor";
import { listDept } from "@/api/system/dept";
+import { importData } from "@/api/platform/monitorConstruction";
export default {
name: "Monitor",
dicts: ['sys_normal_disable','platform_yes_no','camera_state'],
@@ -299,8 +365,8 @@
{ key: 11, label: `涓婁紶鍙婃椂鐜嘸, visible: false },
{ key: 12, label: `寤烘ā澶辫触鐜嘸, visible: false },
{ key: 13, label: `浜鸿劯鍚堟牸鐜嘸, visible: false },
- { key: 14, label: `鍥剧墖璁块棶寮傚父閲廯, visible: false },
- { key: 15, label: `澶у浘涓嶅彲鐢ㄩ噺`, visible: false }
+ { key: 14, label: `澶у浘涓嶅彲鐢ㄩ噺`, visible: false },
+ {key: 15, label: `寤鸿绫诲瀷`, visible: true}
],
count: {
totalPosts: 0,
@@ -358,7 +424,12 @@
address: [
{ required: true, message: "鍦板潃涓嶈兘涓虹┖", trigger: "blur" }
],
- }
+ },
+
+ importShow: false,
+ upload: false,
+ fileList: [],
+ currentFile: null,
};
},
created() {
@@ -369,6 +440,63 @@
});
},
methods: {
+ beforeUpload(file) {
+ // 鏂囦欢楠岃瘉閫昏緫
+ const isExcel = file.type.includes('spreadsheet') ||
+ file.name.endsWith('.xls') ||
+ file.name.endsWith('.xlsx');
+ const isLt10M = file.size / 1024 / 1024 < 10;
+
+ if (!isExcel) {
+ this.$message.error('鍙兘涓婁紶 Excel 鏂囦欢!');
+ return false;
+ }
+ if (!isLt10M) {
+ this.$message.error('鏂囦欢澶у皬涓嶈兘瓒呰繃 10MB!');
+ return false;
+ }
+
+ return true;
+ },
+ handleFileRemove(){
+ this.currentFile = null;
+ },
+ handleFileChange(file, fileList) {
+ this.currentFile = file;
+ },
+
+ async handleImport() {
+ if (!this.currentFile) {
+ this.$message.warning('璇峰厛閫夋嫨瑕佸鍏ョ殑鏂囦欢');
+ return;
+ }
+
+ this.upload = true;
+ // 杩欓噷鎵ц涓婁紶閫昏緫
+ // 涓婁紶瀹屾垚鍚�
+ const formData = new FormData();
+ formData.append('file', this.currentFile.raw);
+
+ await importData(formData).then(res =>{
+ if (res.code === 200){
+ this.$message.success("瀵煎叆鎴愬姛");
+ }
+ })
+ this.upload = false;
+ this.importShow = false;
+ },
+
+ downloadTemplate() {
+ // 涓嬭浇妯℃澘鏂囦欢閫昏緫
+ this.download("monitorConstruction/importTemplate", {}, `璁惧鏍囩妯℃澘.xlsx`);
+ },
+ openImport(){
+ this.fileList = []
+ this.currentFile = null;
+ this.importShow = true;
+ this.upload = false;
+
+ },
clickTab(active) {
if (active === 0) {
this.queryParams.provinceTag = true
@@ -497,6 +625,50 @@
</script>
<style lang="scss" scoped>
+.custom-upload{
+ width: 100%;
+ height: 100%;
+
+}
+.custom-upload ::v-deep .el-upload-dragger {
+ width: 500px;
+ height: 200px;
+ padding: 0; /* 绉婚櫎榛樿鐨勫唴杈硅窛 */
+ margin: 0 0 0 125px;
+}
+
+.custom-upload ::v-deep .el-upload-dragger .el-icon-upload {
+ margin-top: 0; /* 璋冩暣鍥炬爣鐨勪笂杈硅窛 */
+}
+
+/* 纭繚鑷畾涔夊唴瀹瑰尯鍩熷厖婊℃暣涓嫋鎷藉尯鍩� */
+.custom-upload .upload-content {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.action-section {
+ display: flex;
+ justify-content: center;
+ gap: 15px;
+ margin-top: 25px;
+}
+.import-content {
+ padding: 10px 0;
+}
+.upload-section {
+ width: 100%;
+ margin-bottom: 20px;
+}
+.el-upload{
+ width: 100%;
+}
+.el-upload .el-upload-dragger{
+ width: 100%;
+}
.tab {
padding: 5px 15px;
}
--
Gitblit v1.8.0