From 6817c96db53ac16f5d5eca72b73230d898f32126 Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期四, 11 四月 2024 09:43:32 +0800 Subject: [PATCH] Merge branch 'master' into dev-threejs --- src/views/system/car/index.vue | 69 ++++++++++++++++++++++------------ 1 files changed, 45 insertions(+), 24 deletions(-) diff --git a/src/views/system/car/index.vue b/src/views/system/car/index.vue index 8f9ba87..4df65e2 100644 --- a/src/views/system/car/index.vue +++ b/src/views/system/car/index.vue @@ -10,27 +10,27 @@ <el-col :xl="14" :lg="14" :md="12" :sm="14" :xs="16"> <div class="dashboard"> <div class="dashboard-item"> - <h3 style="color: #5C9BF8">{{ totalPosts }}</h3> + <h3 style="color: #5C9BF8">{{ count.totalPosts }}</h3> <p>璁惧鎬绘暟</p > </div> <div class="dashboard-item"> - <h3 style="color: #3eba45">{{ totalMembers }}</h3> + <h3 style="color: #3eba45">{{ count.totalMembers }}</h3> <p>姝e父鏁�</p > </div> <div class="dashboard-item"> - <h3 style="color: #fe640d">{{ postsPercentage }}</h3> + <h3 style="color: #fe640d">{{ count.postsPercentage }}</h3> <p>寮傚父鏁�</p > </div> <div class="dashboard-item"> - <h3>{{ totalViews }}</h3> + <h3>{{ count.totalViews }}</h3> <p>鐢熸垚寮傚父宸ュ崟鏁�</p > </div> <div class="dashboard-item"> - <h3>{{ totalCar }}</h3> + <h3>{{ count.totalCar }}</h3> <p>杩囪溅鏁版嵁鎬婚噺</p > </div> <div class="dashboard-item"> - <h3>{{ viewsPercentage }}%</h3> + <h3>{{ count.viewsPercentage }}%</h3> <p>璁惧杩愯鐜�</p > </div> </div> @@ -110,29 +110,29 @@ @click="handleExport" >瀵煎嚭</el-button> </el-col> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> + <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar> </el-row> <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange"> <el-table-column type="selection" align="center" /> <el-table-column label="璁惧鍚嶇О" align="center" prop="name" width="280" fixed/> <el-table-column label="璁惧缂栫爜" align="center" prop="serialNumber" width="180"/> - <el-table-column label="鏍囩" align="center" prop="publicSecurity" width="180"/> - <el-table-column label="鍖哄煙" align="center" prop="address" width="180"/> - <el-table-column label="璁惧鐘舵��" align="center" prop="onState"> + <el-table-column label="鏍囩" align="center" prop="publicSecurity" width="180" v-if="columns[0].visible"/> + <el-table-column label="鍖哄煙" align="center" prop="address" width="180" v-if="columns[1].visible"/> + <el-table-column label="璁惧鐘舵��" align="center" prop="onState" v-if="columns[2].visible"> <template slot-scope="scope"> <dict-tag :options="dict.type.camera_state" :value="scope.row.onState"/> </template> </el-table-column> - <el-table-column label="鏄惁鐢熸垚寮傚父宸ュ崟" align="center" prop="defaultOrder" width="180"> + <el-table-column label="鏄惁鐢熸垚寮傚父宸ュ崟" align="center" prop="defaultOrder" width="180" v-if="columns[3].visible"> <template slot-scope="scope"> <dict-tag :options="dict.type.platform_yes_no" :value="scope.row.defaultOrder"/> </template> </el-table-column> - <el-table-column label="鏁版嵁鏃堕棿" align="center" prop="installedTime" width="180"/> - <el-table-column label="绠$悊鍗曚綅" align="center" prop="managementUnit" width="180"/> - <el-table-column label="杩囪溅鏁版嵁閲�" align="center" prop="model" width="180"/> - <el-table-column label="鎸佺画鏃犳暟鎹ぉ鏁�" align="center" prop="recovery" width="180"/> + <el-table-column label="鏁版嵁鏃堕棿" align="center" prop="installedTime" width="180" v-if="columns[4].visible"/> + <el-table-column label="绠$悊鍗曚綅" align="center" prop="managementUnit" width="180" v-if="columns[5].visible"/> + <el-table-column label="杩囪溅鏁版嵁閲�" align="center" prop="a" width="180" v-if="columns[6].visible"/> + <el-table-column label="鎸佺画鏃犳暟鎹ぉ鏁�" align="center" prop="a" width="180" v-if="columns[7].visible"/> <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" fixed="right"> <template slot-scope="scope"> <el-button @@ -182,10 +182,10 @@ <el-form-item label="绠$悊鍗曚綅锛�">{{ form.managementUnit }}</el-form-item> </el-col> <el-col :span="24"> - <el-form-item label="杩囪溅鏁版嵁閲忥細">{{ form.model }}</el-form-item> + <el-form-item label="杩囪溅鏁版嵁閲忥細">{{ form.a }}</el-form-item> </el-col> <el-col :span="24"> - <el-form-item label="鎸佺画鏃犳暟鎹ぉ鏁帮細">{{ form.recovery }}</el-form-item> + <el-form-item label="鎸佺画鏃犳暟鎹ぉ鏁帮細">{{ form.a }}</el-form-item> </el-col> </el-row> </el-form> @@ -197,19 +197,32 @@ </template> <script> -import { listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor"; +import { videoCount, listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor"; export default { name: "Monitor", dicts: ['sys_normal_disable','platform_yes_no','camera_state'], data() { return { - totalPosts: 1156, - totalMembers: 931, - postsPercentage: 182, - totalViews: 43, - viewsPercentage: 80.53, - totalCar: 2098530, + // 鍒椾俊鎭� + columns: [ + { key: 0, label: `鏍囩`, visible: true }, + { key: 1, label: `鍖哄煙`, visible: true }, + { key: 2, label: `璁惧鐘舵�乣, visible: true }, + { key: 3, label: `鏄惁鐢熸垚寮傚父宸ュ崟`, visible: true }, + { key: 4, label: `鏁版嵁鏃堕棿`, visible: true }, + { key: 5, label: `绠$悊鍗曚綅`, visible: true }, + { key: 6, label: `杩囪溅鏁版嵁閲廯, visible: true }, + { key: 7, label: `鎸佺画鏃犳暟鎹ぉ鏁癭, visible: true }, + ], + count: { + totalPosts: 0, + totalMembers: 0, + postsPercentage: 0, + totalViews: 0, + viewsPercentage: 0, + totalCar: 0, + }, // 閬僵灞� loading: true, // 閫変腑鏁扮粍 @@ -261,6 +274,7 @@ }; }, created() { + this.getVideoCount(); this.getList(); }, methods: { @@ -271,6 +285,12 @@ this.monitorList = response.rows; this.total = response.total; this.loading = false; + }); + }, + /** 鏌ヨ璁惧璧勪骇缁熻鏁� */ + getVideoCount() { + videoCount('2').then(response => { + this.count = response.data; }); }, // 鍙栨秷鎸夐挳 @@ -301,6 +321,7 @@ this.queryParams.pageNum = 1; this.queryParams.cameraFunType = 2; this.getList(); + this.getVideoCount(); }, /** 閲嶇疆鎸夐挳鎿嶄綔 */ resetQuery() { -- Gitblit v1.8.0