From 5decddf6a5dd2cda32880c07c545b8246ceada2d Mon Sep 17 00:00:00 2001
From: rk <94314517@qq.com>
Date: 星期四, 11 十二月 2025 11:54:20 +0800
Subject: [PATCH] 钥匙柜开门添加 指纹方式
---
admin/src/components/business/OperaWarningRuleWindow.vue | 184 +++++++++++++++++++++++++++++++++++++--------
1 files changed, 151 insertions(+), 33 deletions(-)
diff --git a/admin/src/components/business/OperaWarningRuleWindow.vue b/admin/src/components/business/OperaWarningRuleWindow.vue
index 2f8126f..179993b 100644
--- a/admin/src/components/business/OperaWarningRuleWindow.vue
+++ b/admin/src/components/business/OperaWarningRuleWindow.vue
@@ -1,7 +1,7 @@
<template>
<GlobalWindow
:title="title"
- width="50%"
+ width="80%"
:visible.sync="visible"
:confirm-working="isWorking"
@confirm="confirm"
@@ -11,13 +11,7 @@
2.鍙戠敓鍖哄煙闈炲繀濉紝涓嶅～鍒欒〃绀鸿瑙勫垯涓嬫墍鏈夊尯鍩熺殑鐩稿簲鎶ヨ绫诲瀷鍧囬�氱煡;<br>
</p>
<el-form :model="form" ref="form" :rules="rules">
- <el-form-item label="閫夋嫨绛惧埌閫氱煡浜哄憳" prop="memberIds" style="margin-bottom: 30px" >
- <el-select v-model="memberSelect" filterable multiple clearable placeholder="璇烽�夋嫨" @change="changeMembers">
- <el-option v-for="item in memberList" :key="'member_'+item.id" :label="item.name+'-'+item.companyName" :value="item.id+''">
- </el-option>
- </el-select>
- </el-form-item>
- <div style="display: flex;" v-for="(item,index) in form.detailList" :key="'region_'+item.random" >
+ <div style="display: flex;" v-for="(item,index) in form.detailList" :key="'warning_'+index" >
<span style="line-height: 32px;font-size: 14px;"><b style="color: #F56C6C;margin-right: 4px;font-size: 11px;">*</b>{{'瑙勫垯'+(index +1)}}</span>
<el-form-item label="" style="display: inline-block;margin-left: 10px; " >
<el-select v-model="item.warningId" filterable placeholder="璇烽�夋嫨鎶ヨ绫诲瀷" >
@@ -25,7 +19,7 @@
</el-select>
</el-form-item>
<el-form-item label="" style="display: inline-block;margin-left: 10px">
-<!-- <el-select v-model="item.regionId" filterable multiple clearable placeholder="璇烽�夋嫨鍙戠敓鍖哄煙" >
+<!-- <el-select v-model="item.regionId" filterable multiple clearable placeholder="璇烽�夋嫨鍙戠敓鍖哄煙" >
<el-option v-for="item in regionList" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>-->
@@ -41,9 +35,16 @@
noOptionsText="娌℃湁鍙�夐」"
noResultsText="娌℃湁鍖归厤鐨勭粨鏋�" />
</el-form-item>
+ <el-form-item label="" style="display: inline-block;margin-left: 10px; " >
+ <el-select v-model="item.deviceId" filterable placeholder="璇烽�夋嫨鐩戞帶鐐�" @change="changeCamera(item)" >
+ <el-option v-for="item1 in item.carmeraList" :label="item1.name" :value="item1.indexCode" ></el-option>
+ </el-select>
+ </el-form-item>
<el-button type="danger" style="margin-left: 10px;height: 32px; " @click="delDo(index)" v-if="index>0 || form.detailList.length>1">鍒犻櫎</el-button>
</div>
- <el-button type="primary" style="margin-left: 10px;margin-bottom: 20px;" @click="addDo">澧炲姞瑙勫垯</el-button>
+ <el-form-item label="" prop="detailList" style="width: 150px">
+ <el-button type="primary" style="margin-left: 10px;margin-bottom: 20px;" @click="addDo">澧炲姞瑙勫垯</el-button>
+ </el-form-item>
<el-form-item label="鐘舵��" prop="status">
<el-radio-group v-model="form.status">
<el-radio :label="0" :value="0">绂佺敤</el-radio>
@@ -53,6 +54,27 @@
<el-form-item label="鍙戠敓闂撮殧鏃堕棿(绉掞級" prop="intervalSec">
<el-input type="number" v-model="form.intervalSec" placeholder="璇疯緭鍏ュ瑙勫垯闂撮殧鏃堕棿(绉掞級" v-trim/>
</el-form-item>
+ <el-form-item label="閽夐拤閫氱煡" prop="memberNotice" >
+ <el-switch style="margin-right:30px;width:100px" v-model="form.memberNotice" :active-value="1" :inactive-value="0" active-text="寮�" inactive-text="鍏�"></el-switch>
+ </el-form-item>
+ <el-form-item label="閫夋嫨閽夐拤閫氱煡浜哄憳" v-if="form.memberNotice ==1" prop="memberIds" style="margin-bottom: 30px" >
+ <el-select v-model="memberSelect" filterable multiple clearable placeholder="璇烽�夋嫨" @change="changeMembers">
+ <el-option v-for="item in memberList" :key="'member_'+item.id" :label="item.name+'-'+item.companyName" :value="item.id+''">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="骞挎挱閫氱煡" prop="deviceNotice" >
+ <el-switch style="margin-right:30px;width: 100px" v-model="form.deviceNotice" :active-value="1" :inactive-value="0" active-text="寮�" inactive-text="鍏�">></el-switch>
+ </el-form-item>
+ <el-form-item label="閫夋嫨鎾姤骞挎挱" v-if="form.deviceNotice ==1" prop="deviceIds" style="margin-bottom: 30px" >
+ <el-select v-model="deviceSelect" filterable multiple clearable placeholder="璇烽�夋嫨" @change="changeDevices">
+ <el-option v-for="item in deviceList" :key="'device_'+item.id" :label="item.name" :value="item.id+''">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="骞挎挱鎾姤鍐呭" v-if="form.deviceNotice ==1" prop="deviceNoticeContent">
+ <el-input type="text" v-model="form.deviceNoticeContent" placeholder="璇疯緭鍏ユ挱鎶ュ唴瀹�" v-trim/>
+ </el-form-item>
</el-form>
</GlobalWindow>
</template>
@@ -61,30 +83,55 @@
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
import { allList } from '@/api/business/member'
+import { allList as allDveiceList } from '@/api/business/device'
import { allList as warningList, regionList } from '@/api/business/warning'
export default {
name: 'OperaWarningRuleWindow',
extends: BaseOpera,
components: { GlobalWindow },
data () {
+ var validIdDetals = (rule, value, callback) => {
+ if (this.form.detailList == null || this.form.detailList.length == 0) {
+ callback(new Error('璇烽厤缃鍒�'))
+ return
+ }
+ for (let i = 0; i < this.form.detailList.length; i++) {
+ var item = this.form.detailList[i]
+ if (!item || item.warningId === undefined || !item.warningId || item.warningId == null) {
+ callback(new Error('璇锋纭厤缃鍒�'))
+ return
+ }
+ }
+ callback()
+ }
return {
// 琛ㄥ崟鏁版嵁
form: {
id: null,
memberIds: '',
+ deviceIds: '',
+ deviceNoticeContent: '',
+ deviceNotice: 1,
+ memberNotice: 1,
intervalSec: '',
sortnum: '',
status: 0,
- detailList: [{ random:Math.random(),regionId: null, regionName: null, regionCode: null ,warningId:null}]
+ detailList: [{ random: Math.random(), regionId: null, regionName: null, deviceId: null, deviceName: null, regionCode: null, warningId: null }]
},
+ deviceSelect: [],
memberSelect: [],
memberList: [],
+ deviceList: [],
warningList: [],
regionList: [],
// 楠岃瘉瑙勫垯
rules: {
- memberIds: [{ required: true, message: '璇烽�夋嫨閫氱煡浜哄憳', tigger: 'blur' }],
- status: [{ required: true, message: '璇烽�夋嫨鐘舵��'}]
+ detailList: [{ required: true, validator: validIdDetals, message: '璇锋纭厤缃鍒�', tigger: 'blur' }],
+ memberNotice: [{ required: true, message: '璇烽�夋嫨閽夐拤閫氱煡' }],
+ deviceNotice: [{ required: true, message: '璇烽�夋嫨鏄惁骞挎挱閫氱煡' }],
+ deviceIds: [{ required: true, message: '璇烽�夋嫨鎾姤骞挎挱' }],
+ memberIds: [{ required: true, message: '璇烽�夋嫨閫氱煡浜哄憳' }],
+ status: [{ required: true, message: '璇烽�夋嫨鐘舵��' }]
}
}
},
@@ -93,6 +140,7 @@
api: '/business/warningRule',
'field.id': 'id'
})
+ this.loadRegions()
},
methods: {
normalizeOptions (node) {
@@ -106,22 +154,54 @@
children: node.childList
}
},
- changeSel(opt){
- var item = this.form.detailList[opt]
- this.form.detailList[opt].regionCode = null
- this.form.detailList[opt].regionName = null
- if(item.regionId){
- var reg = this.getSelectedObject(item.regionId)
- if(reg){
- this.form.detailList[opt].regionCode = reg.indexCode
- this.form.detailList[opt].regionName = reg.name
+ changeCamera (curitem) {
+ var list = curitem.carmeraList
+ if (list && list.length) {
+ list.forEach(item => {
+ if (curitem.deviceId === item.indexCode) {
+ curitem.deviceName = item.name
+ }
+ })
+ }
+ },
+ changeSel (opt) {
+ this.$nextTick(() => {
+ console.log('=================changeSel',opt,this.form.detailList)
+ var item = this.form.detailList[opt]
+ this.form.detailList[opt].regionCode = null
+ this.form.detailList[opt].regionName = null
+ this.form.detailList[opt].carmeraList = []
+ // this.form.detailList[opt].deviceId = null
+ // this.form.detailList[opt].deviceName = null
+ if (item.regionId) {
+ var reg = this.getSelectedObject(item.regionId)
+ if (reg) {
+ this.form.detailList[opt].regionCode = reg.indexCode
+ this.form.detailList[opt].regionName = reg.name
+ this.form.detailList[opt].carmeraList = reg.carmeraList
+ }
+ }
+ console.log('=================changeSel1' , this.form.detailList[opt].carmeraList,this.form.detailList[opt].deviceId)
+ if(this.notInCarmeraList( this.form.detailList[opt].carmeraList,this.form.detailList[opt].deviceId) ){
+ this.form.detailList[opt].deviceId = null
+ this.form.detailList[opt].deviceName = null
+ }
+ })
+ },
+ notInCarmeraList (list, id) {
+ var r = true
+ if (list && list.length) {
+ for (const item of list) {
+ if (item.indexCode === id) {
+ r = false
+ }
}
}
- console.log(" this.form.detailList[opt]",reg, this.form.detailList[opt])
+ return r
},
- getSelectedObject(id) {
+ getSelectedObject (id) {
if (!id) {
- return null // 娌℃湁閫変腑椤规椂杩斿洖 null 鎴� {} 鏍规嵁闇�瑕佸鐞�
+ return null // 娌℃湁閫変腑椤规椂杩斿洖 null 鎴� {} 鏍规嵁闇�瑕佸鐞�
}
const findSelected = (options) => {
for (const option of options) {
@@ -132,12 +212,12 @@
if (found) return found // 濡傛灉鎵惧埌杩斿洖璇ュ璞�
}
}
- return null; // 鏈壘鍒拌繑鍥� null 鎴� {} 鏍规嵁闇�瑕佸鐞�
+ return null // 鏈壘鍒拌繑鍥� null 鎴� {} 鏍规嵁闇�瑕佸鐞�
}
- return findSelected(this.regionList); // 寮�濮嬫悳绱㈠苟杩斿洖缁撴灉
+ return findSelected(this.regionList) // 寮�濮嬫悳绱㈠苟杩斿洖缁撴灉
},
addDo () {
- this.form.detailList.push({random:Math.random(), regionId: null, regionName: null, regionCode: null,warningId:null })
+ this.form.detailList.push({ random: Math.random(), deviceId: null, deviceName: null, regionId: null, regionName: null, regionCode: null, warningId: null })
},
delDo (index) {
if (this.form.detailList.length > 1 && this.form.detailList.length > index) {
@@ -152,20 +232,34 @@
}
this.form.memberIds = this.memberSelect.join(',')
},
+ changeDevices () {
+ console.log(this.deviceSelect)
+ this.form.deviceIds = ''
+ if (!this.deviceSelect || !this.deviceSelect.length) {
+ return
+ }
+ this.form.deviceIds = this.deviceSelect.join(',')
+ },
open (title, target) {
- this.memberSelect =[]
+ this.memberSelect = []
+ this.deviceSelect = []
this.title = title
this.loadMember()
+ this.loadDevice()
this.loadRegions()
this.loadWarning()
this.visible = true
this.form = {
id: null,
memberIds: '',
+ deviceIds: '',
intervalSec: '',
sortnum: '',
+ deviceNotice: 1,
+ deviceNoticeContent: '',
+ memberNotice: 1,
status: 0,
- detailList: [{ random:Math.random(),regionId: null, regionName: null, regionCode: null,warningId:null }]
+ detailList: [{ random: Math.random(), deviceId: null, deviceName: null, regionId: null, regionName: null, regionCode: null, warningId: null }]
}
// 鏂板缓
if (target == null) {
@@ -177,14 +271,31 @@
}
// 缂栬緫
this.$nextTick(() => {
+ this.form.detailList =target.detailList
for (const key in this.form) {
this.form[key] = target[key]
+ this.form.memberNotice = this.form.memberNotice || 0
+ this.form.deviceNotice = this.form.deviceNotice || 0
+ this.form.status = this.form.status || 0
}
+ console.log('===========================', this.form.detailList, target.detailList)
if (!this.form.detailList || !this.form.detailList.length) {
- this.form.detailList = [{ random:Math.random(),regionId: null, regionName: null, regionCode: null,warningId:null }]
+ this.form.detailList = [{ random: Math.random(), deviceId: null, deviceName: null, regionId: null, regionName: null, regionCode: null, warningId: null }]
+ } else {
+ this.form.detailList.forEach((item, index) => {
+ if (item.regionId != null) {
+ var region = this.getSelectedObject(item.regionId)
+ if (region) {
+ item.carmeraList = region.carmeraList || []
+ }
+ }
+ })
}
- if(this.form.memberIds){
- this.memberSelect = this.form.memberIds.split(",")
+ if (this.form.memberIds) {
+ this.memberSelect = this.form.memberIds.split(',')
+ }
+ if (this.form.deviceIds) {
+ this.deviceSelect = this.form.deviceIds.split(',')
}
})
},
@@ -195,6 +306,13 @@
this.memberList = res
})
},
+ loadDevice () {
+ allDveiceList({
+ type: 4
+ }).then(res => {
+ this.deviceList = res
+ })
+ },
loadWarning () {
warningList({
}).then(res => {
--
Gitblit v1.9.3