From ba2c435355a217ad20e41be3d30eb7ab3eef49ba Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期二, 11 十月 2022 17:24:22 +0800
Subject: [PATCH] 数据上报企业编码添加名称显示
---
src/views/dataPush/components/device.vue | 46 +++++++++++++--
src/views/dataPush/components/point.vue | 87 +++++++++++++++++++----------
src/views/dataPush/components/dataPush.vue | 2
3 files changed, 98 insertions(+), 37 deletions(-)
diff --git a/src/views/dataPush/components/dataPush.vue b/src/views/dataPush/components/dataPush.vue
index 163e278..f87d870 100644
--- a/src/views/dataPush/components/dataPush.vue
+++ b/src/views/dataPush/components/dataPush.vue
@@ -37,7 +37,7 @@
mounted() {},
methods: {
handleClick(tab, event) {
- console.log(tab, event, this.activeName)
+ // console.log(tab, event, this.activeName)
}
}
}
diff --git a/src/views/dataPush/components/device.vue b/src/views/dataPush/components/device.vue
index 0d6b90f..93d91fd 100644
--- a/src/views/dataPush/components/device.vue
+++ b/src/views/dataPush/components/device.vue
@@ -22,8 +22,9 @@
<div class="table-area">
<el-table
- id="multipleTable"
- ref="multipleTable"
+ v-loading="tbLoading"
+ id="devTable"
+ ref="devTable"
:data="dataList"
:fit="true"
:default-sort="{ prop: 'devCode', order: 'ascending' }"
@@ -32,7 +33,11 @@
<!-- <el-table-column prop="devId" label="璁惧ID" show-overflow-tooltip></el-table-column> -->
<el-table-column prop="devIp" label="璁惧IP" show-overflow-tooltip></el-table-column>
<el-table-column prop="devCode" label="璁惧缂栫爜" show-overflow-tooltip></el-table-column>
- <el-table-column prop="companyCode" label="浼佷笟缂栫爜" show-overflow-tooltip></el-table-column>
+ <el-table-column label="浼佷笟缂栫爜" show-overflow-tooltip>
+ <template slot-scope="scope">
+ {{ scope.row.companyCode | fillCompanyCode(companyCodeOptions) }}
+ </template>
+ </el-table-column>
<el-table-column prop="state" label="鐘舵��" show-overflow-tooltip>
<template slot-scope="scope">
<div v-if="scope.row.state == 0" class="status">绂荤嚎</div>
@@ -88,7 +93,7 @@
<el-input v-model="ruleForm.devCode" placeholder="璇疯緭鍏ヨ澶囩紪鐮�" style="width: 350px"></el-input>
</el-form-item>
<el-form-item label="浼佷笟缂栫爜" prop="companyCode">
- <el-input v-model="ruleForm.companyCode" placeholder="璇疯緭鍏ヤ紒涓氱紪鐮�" style="width: 350px"></el-input>
+ <el-input v-model="ruleForm.companyCode" placeholder="璇疯緭鍏ヤ紒涓氱紪鐮�" style="width: 350px"> </el-input>
</el-form-item>
</el-form>
<div class="right">
@@ -103,13 +108,38 @@
import { getDevicesList, devicesCreate, devicesUpdate, devicesDelete } from "@/api/report"
export default {
+ filters: {
+ fillCompanyCode(key, opts) {
+ let obj = opts.find((t) => t.value == key)
+ return obj ? obj.lable : key
+ }
+ },
data() {
return {
+ tbLoading: false,
query: {},
inputText: "", //杈撳叆妗嗗唴瀹�
isShowAdd: false, //鏄惁灞曠ず鏂板寮圭獥
dataList: [],
tip: 1,
+ companyCodeOptions: [
+ {
+ value: "370300010",
+ lable: "370300010/姹囦赴"
+ },
+ {
+ value: "370300450",
+ lable: "370300450/娴风泭"
+ },
+ {
+ value: "370300440",
+ lable: "370300440/閲戞眹涓�"
+ },
+ {
+ value: "370300480",
+ lable: "370300480/涓眹"
+ }
+ ],
ruleForm: {
//y
devName: "",
@@ -145,6 +175,7 @@
mounted() {},
methods: {
async fetchDevicesList(val) {
+ this.tbLoading = true
if (val === 1) {
let query = { pageIndex: this.page, pageSize: this.size, keyword: this.inputText }
this.query = query
@@ -156,6 +187,9 @@
this.dataList = res.data
this.total = res.total
}
+ setTimeout(() => {
+ this.tbLoading = false
+ }, 200)
},
delUser(row) {
console.log(row, "row")
@@ -177,12 +211,12 @@
//鍒嗛〉鍔熻兘
handleSizeChange(size) {
this.size = size
- this.fetchDevicesList()
+ this.fetchDevicesList(1)
},
//鍒嗛〉鍔熻兘
refrash(page) {
this.page = page
- this.fetchDevicesList()
+ this.fetchDevicesList(1)
},
addDevice() {
diff --git a/src/views/dataPush/components/point.vue b/src/views/dataPush/components/point.vue
index 9b9be52..fb05840 100644
--- a/src/views/dataPush/components/point.vue
+++ b/src/views/dataPush/components/point.vue
@@ -19,27 +19,35 @@
</div>
</div>
<div class="switchBox">
- 寮�鍚笂鎶�
- <el-table-column prop="Enable" label="寮�鍏�" width="70px" show-overflow-tooltip>
- <el-switch v-model="value1" active-color="#0065ff" @change="changeAll($event)"> </el-switch>
- </el-table-column>
+ <span style="margin-right:10px">寮�鍚笂鎶�</span>
+ <el-switch v-model="value1" active-color="#0065ff" @change="changeAll($event)"> </el-switch>
</div>
<div class="table-area">
<el-table
- id="multipleTable"
- ref="multipleTable"
+ v-loading="tbLoading"
+ id="pointTable"
+ ref="pointTable"
:data="dataList"
:fit="true"
:default-sort="{ prop: 'companyCode', order: 'ascending' }"
>
<el-table-column prop="cameraName" label="鐐逛綅鍚嶇О" width="130px" show-overflow-tooltip></el-table-column>
- <el-table-column prop="channelCode" label="鎶ヨ閫氶亾缂栫爜" show-overflow-tooltip></el-table-column>
- <el-table-column prop="companyCode" label="浼佷笟缂栫爜" width="130px" show-overflow-tooltip></el-table-column>
- <el-table-column prop="scenes" label="鎺ㄩ�佸満鏅�" show-overflow-tooltip></el-table-column>
+ <el-table-column
+ prop="channelCode"
+ label="鎶ヨ閫氶亾缂栫爜"
+ min-width="250px"
+ show-overflow-tooltip
+ ></el-table-column>
+ <el-table-column prop="companyCode" label="浼佷笟缂栫爜" width="150px" show-overflow-tooltip>
+ <template slot-scope="scope">
+ {{ scope.row.companyCode | fillCompanyCode(companyCodeOptions) }}
+ </template>
+ </el-table-column>
+ <el-table-column prop="scenes" label="鎺ㄩ�佸満鏅�" min-width="100px" show-overflow-tooltip></el-table-column>
<el-table-column prop="updatedAt" label="鎺ㄩ�佹椂闂�" width="100px" show-overflow-tooltip>
<template slot-scope="scope">{{ scope.row.startTime }}-{{ scope.row.endTime }}</template>
</el-table-column>
- <el-table-column prop="Enable" label="寮�鍏�" width="70px" show-overflow-tooltip>
+ <el-table-column prop="Enable" label="寮�鍏�" width="60px" show-overflow-tooltip>
<template slot-scope="scope">
<el-switch v-model="scope.row.enable" @change="changeSwitch($event, scope.row)" active-color="#0065ff">
</el-switch>
@@ -86,7 +94,10 @@
<el-input v-model="ruleForm.ChannelCode" placeholder="璇疯緭鍏ユ姤璀﹂�氶亾缂栫爜" style="width: 350px"></el-input>
</el-form-item>
<el-form-item label="浼佷笟缂栫爜" prop="CompanyCode">
- <el-input v-model="ruleForm.CompanyCode" placeholder="璇疯緭鍏ヤ紒涓氱紪鐮�" style="width: 350px"></el-input>
+ <el-select style="width: 350px" v-model="ruleForm.CompanyCode" placeholder="璇烽�夋嫨">
+ <el-option v-for="item in companyCodeOptions" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
</el-form-item>
<el-form-item label="鎺ㄩ�佸満鏅�" prop="Sceneslist">
<el-select multiple style="width: 350px" v-model="ruleForm.Sceneslist" filterable placeholder="璇烽�夋嫨">
@@ -145,8 +156,15 @@
import "./point/point.scss"
export default {
+ filters: {
+ fillCompanyCode(key, opts) {
+ let obj = opts.find((t) => t.value == key)
+ return obj ? obj.label : key
+ }
+ },
data() {
return {
+ tbLoading: false,
activeColor: "",
inactiveColor: "#f0f3f5",
value1: false,
@@ -227,24 +245,28 @@
EndTime: [{ type: "string", required: true, message: "璇烽�夋嫨缁撴潫鏃堕棿", trigger: "change" }]
},
page: 1,
- size: 10, //鍒嗛〉鐩稿叧
- total: 0 //鎬绘暟,
+ size: 20, //鍒嗛〉鐩稿叧
+ total: 0, //鎬绘暟
+ companyCodeOptions: [
+ {
+ value: "370300010",
+ label: "370300010/姹囦赴"
+ },
+ {
+ value: "370300450",
+ label: "370300450/娴风泭"
+ },
+ {
+ value: "370300440",
+ label: "370300440/閲戞眹涓�"
+ },
+ {
+ value: "370300480",
+ label: "370300480/涓眹"
+ }
+ ]
}
},
- // computed: {
- // // activeColor() {
- // // return this.value1 ? "#13ce66" : "#f0f3f5"
- // // }
- // },
- // watch: {
- // value1: {
- // handler(newVal, oldVal) {
- // console.log(newVal, oldVal, "newVal, oldVal")
- // newVal ? (this.activeColor = "#13ce66") : (this.activeColor = "#f0f3f5")
- // },
- // deep: true
- // }
- // },
async created() {
let query = { pageIndex: this.page, pageSize: this.size, keyword: this.inputText }
this.query = query
@@ -264,7 +286,7 @@
type: "success",
message: "鎴愬姛!"
})
- this.checkCamerasList()
+ // this.checkCamerasList()
}
},
changeSwitch(val, row) {
@@ -396,12 +418,12 @@
},
handleSizeChange(size) {
this.size = size
- this.checkCamerasList()
+ this.checkCamerasList(1)
},
//鍒嗛〉鍔熻兘
refrash(page) {
this.page = page
- this.checkCamerasList()
+ this.checkCamerasList(1)
},
delCameras(row) {
this.$confirm("纭瑕佸垹闄よ鐐逛綅鍚�, 鏄惁缁х画?", "鎻愮ず", {
@@ -420,6 +442,7 @@
})
},
async checkCamerasList(val) {
+ this.tbLoading = true
if (val === 1) {
let query = { pageIndex: this.page, pageSize: this.size, keyword: this.inputText }
this.query = query
@@ -431,6 +454,10 @@
this.dataList = res.data
this.total = res.total
}
+
+ setTimeout(() => {
+ this.tbLoading = false
+ }, 300)
},
resetUser() {
// this.ruleForm. = {
--
Gitblit v1.8.0