From 12d71ee7f050b981d584668f6ca70794d2c92a44 Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期一, 08 十二月 2025 17:53:10 +0800
Subject: [PATCH] 最新版本541200007
---
admin/src/components/business/OperaWarningRuleWindow.vue | 280 +++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 246 insertions(+), 34 deletions(-)
diff --git a/admin/src/components/business/OperaWarningRuleWindow.vue b/admin/src/components/business/OperaWarningRuleWindow.vue
index 5635278..f221c49 100644
--- a/admin/src/components/business/OperaWarningRuleWindow.vue
+++ b/admin/src/components/business/OperaWarningRuleWindow.vue
@@ -1,43 +1,74 @@
<template>
<GlobalWindow
:title="title"
+ width="80%"
:visible.sync="visible"
:confirm-working="isWorking"
@confirm="confirm"
>
+ <p class="tip-warn"><i class="el-icon-warning"></i>鎿嶄綔璇存槑锛�<br>
+ 1.璇锋寜闇�閰嶇疆鎺ㄩ�佽鍒欙紝閰嶉�佸涓鍒欐椂锛屽嵆涓哄涓鍒欐弧瓒虫椂鎵嶆帹閫�;<br>
+ 2.鍙戠敓鍖哄煙闈炲繀濉紝涓嶅～鍒欒〃绀鸿瑙勫垯涓嬫墍鏈夊尯鍩熺殑鐩稿簲鎶ヨ绫诲瀷鍧囬�氱煡;<br>
+ </p>
<el-form :model="form" ref="form" :rules="rules">
- <el-form-item label="鍒涘缓浜虹紪鐮�" prop="creator">
- <el-input v-model="form.creator" placeholder="璇疯緭鍏ュ垱寤轰汉缂栫爜" v-trim/>
+ <div style="display: flex;" v-for="(item,index) in form.detailList" :key="'region_'+item.random" >
+ <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="璇烽�夋嫨鎶ヨ绫诲瀷" >
+ <el-option v-for="item in warningList" :label="item.name" :value="item.id"> </el-option>
+ </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-option v-for="item in regionList" :key="item.id" :label="item.name" :value="item.id">
+ </el-option>
+ </el-select>-->
+ <treeselect
+ style="width: 200px;height:32px;display: inline-block"
+ @input="changeSel(index)"
+ v-model="item.regionId"
+ placeholder="璇烽�夋嫨鍙戠敓鍖哄煙"
+ :options="regionList"
+ :normalizer="normalizeOptions"
+ :default-expand-level="1"
+ noChildrenText="娌℃湁瀛愰�夐」"
+ noOptionsText="娌℃湁鍙�夐」"
+ noResultsText="娌℃湁鍖归厤鐨勭粨鏋�" />
+ </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-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="createDate">
- <el-date-picker v-model="form.createDate" value-format="yyyy-MM-dd" placeholder="璇疯緭鍏ュ垱寤烘椂闂�"></el-date-picker>
+ <el-form-item label="鐘舵��" prop="status">
+ <el-radio-group v-model="form.status">
+ <el-radio :label="0" :value="0">绂佺敤</el-radio>
+ <el-radio :label="1" :value="1">鍚敤</el-radio>
+ </el-radio-group>
</el-form-item>
- <el-form-item label="鏇存柊浜虹紪鐮�" prop="editor">
- <el-input v-model="form.editor" placeholder="璇疯緭鍏ユ洿鏂颁汉缂栫爜" v-trim/>
+ <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="editDate">
- <el-date-picker v-model="form.editDate" value-format="yyyy-MM-dd" placeholder="璇疯緭鍏ユ洿鏂版椂闂�"></el-date-picker>
+ <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="鏄惁鍒犻櫎0鍚� 1鏄�" prop="isdeleted">
- <el-input v-model="form.isdeleted" placeholder="璇疯緭鍏ユ槸鍚﹀垹闄�0鍚� 1鏄�" v-trim/>
+ <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="info">
- <el-input v-model="form.info" placeholder="璇疯緭鍏ュ娉�" v-trim/>
+ <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="鍐呴儴浜哄憳缂栫爜锛堝叧鑱攎ember)" prop="memberId">
- <el-input v-model="form.memberId" placeholder="璇疯緭鍏ュ唴閮ㄤ汉鍛樼紪鐮侊紙鍏宠仈member)" v-trim/>
+ <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="澶氳鍒欓棿闅旀椂闂�(绉掞級" prop="intervalSec">
- <el-input v-model="form.intervalSec" placeholder="璇疯緭鍏ュ瑙勫垯闂撮殧鏃堕棿(绉掞級" v-trim/>
- </el-form-item>
- <el-form-item label="鎺掑簭鐮�" prop="sortnum">
- <el-input v-model="form.sortnum" placeholder="璇疯緭鍏ユ帓搴忕爜" v-trim/>
- </el-form-item>
- <el-form-item label="鐘舵�� 0绂佺敤 1鍚敤" prop="status">
- <el-input v-model="form.status" placeholder="璇疯緭鍏ョ姸鎬� 0绂佺敤 1鍚敤" v-trim/>
- </el-form-item>
- <el-form-item label="鎶ヨ绫诲瀷缂栫爜(鍏宠仈warning锛�" prop="warningId">
- <el-input v-model="form.warningId" placeholder="璇疯緭鍏ユ姤璀︾被鍨嬬紪鐮�(鍏宠仈warning锛�" v-trim/>
+ <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>
@@ -46,29 +77,58 @@
<script>
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'
+import { validIdCardNo } from '@/utils/form'
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
+ }
+ console.log("1111111111111111111111",this.form.detailList)
+ for (let i = 0; i < this.form.detailList.length; i++) {
+ var item = this.form.detailList[i]
+ if (!item.warningId || item.warningId == null) {
+ callback(new Error('璇锋纭厤缃鍒�'))
+ return
+ }
+ }
+ callback()
+ }
return {
// 琛ㄥ崟鏁版嵁
form: {
id: null,
- creator: '',
- createDate: '',
- editor: '',
- editDate: '',
- isdeleted: '',
- info: '',
- memberId: '',
+ memberIds: '',
+ deviceIds: '',
+ deviceNoticeContent: '',
+ deviceNotice: 1,
+ memberNotice: 1,
intervalSec: '',
sortnum: '',
- status: '',
- warningId: ''
+ status: 0,
+ detailList: [{ random: Math.random(), regionId: null, regionName: null, regionCode: null, warningId: null }]
},
+ deviceSelect: [],
+ memberSelect: [],
+ memberList: [],
+ deviceList: [],
+ warningList: [],
+ regionList: [],
// 楠岃瘉瑙勫垯
rules: {
+ detailList: [{ required: true, validator: validIdDetals, message: '璇锋纭厤缃鍒�', tigger: 'blur' }],
+ memberNotice: [{ required: true, message: '璇烽�夋嫨閽夐拤閫氱煡' }],
+ deviceNotice: [{ required: true, message: '璇烽�夋嫨鏄惁骞挎挱閫氱煡' }],
+ deviceIds: [{ required: true, message: '璇烽�夋嫨鎾姤骞挎挱', tigger: 'blur' }],
+ memberIds: [{ required: true, message: '璇烽�夋嫨閫氱煡浜哄憳', tigger: 'blur' }],
+ status: [{ required: true, message: '璇烽�夋嫨鐘舵��' }]
}
}
},
@@ -77,6 +137,158 @@
api: '/business/warningRule',
'field.id': 'id'
})
+ },
+ methods: {
+ normalizeOptions (node) {
+ if (!node.childList || !node.childList.length) {
+ // 鍘绘帀children=[]鐨刢hildren灞炴��
+ delete node.childList
+ }
+ return {
+ id: node.indexCode,
+ label: node.name,
+ 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
+ }
+ }
+ console.log(' this.form.detailList[opt]', reg, this.form.detailList[opt])
+ },
+ getSelectedObject (id) {
+ if (!id) {
+ return null // 娌℃湁閫変腑椤规椂杩斿洖 null 鎴� {} 鏍规嵁闇�瑕佸鐞�
+ }
+ const findSelected = (options) => {
+ for (const option of options) {
+ if (option.indexCode === id) {
+ return option // 杩斿洖鍖归厤鐨勫畬鏁村璞�
+ } else if (option.childList && option.childList.length > 0) {
+ const found = findSelected(option.childList) // 閫掑綊鎼滅储瀛愰�夐」
+ if (found) return found // 濡傛灉鎵惧埌杩斿洖璇ュ璞�
+ }
+ }
+ return null // 鏈壘鍒拌繑鍥� null 鎴� {} 鏍规嵁闇�瑕佸鐞�
+ }
+ return findSelected(this.regionList) // 寮�濮嬫悳绱㈠苟杩斿洖缁撴灉
+ },
+ addDo () {
+ this.form.detailList.push({ random: Math.random(), regionId: null, regionName: null, regionCode: null, warningId: null })
+ },
+ delDo (index) {
+ if (this.form.detailList.length > 1 && this.form.detailList.length > index) {
+ this.form.detailList.splice(index, 1)
+ }
+ },
+ changeMembers () {
+ console.log(this.memberSelect)
+ this.form.memberIds = ''
+ if (!this.memberSelect || !this.memberSelect.length) {
+ return
+ }
+ 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.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 }]
+ }
+ // 鏂板缓
+ if (target == null) {
+ this.$nextTick(() => {
+ this.$refs.form.resetFields()
+ this.form[this.configData['field.id']] = null
+ })
+ return
+ }
+ // 缂栬緫
+ this.$nextTick(() => {
+ for (const key in this.form) {
+ this.form[key] = target[key]
+ }
+ if (!this.form.detailList || !this.form.detailList.length) {
+ this.form.detailList = [{ random: Math.random(), regionId: null, regionName: null, regionCode: null, warningId: null }]
+ }
+ if (this.form.memberIds) {
+ this.memberSelect = this.form.memberIds.split(',')
+ }
+ if (this.form.deviceIds) {
+ this.deviceSelect = this.form.deviceIds.split(',')
+ }
+ })
+ },
+ loadMember () {
+ allList({
+ type: 2
+ }).then(res => {
+ this.memberList = res
+ })
+ },
+ loadDevice () {
+ allDveiceList({
+ type: 4
+ }).then(res => {
+ this.deviceList = res
+ })
+ },
+ loadWarning () {
+ warningList({
+ }).then(res => {
+ this.warningList = res
+ })
+ },
+ loadRegions () {
+ regionList({
+ }).then(res => {
+ this.regionList = res
+ })
+ }
}
}
</script>
+<style scoped lang="scss">
+.inline {
+ width: 178px;
+}
+.vue-treeselect {
+ line-height: 30px;
+ ::v-deep .vue-treeselect__control {
+ height: 32px;
+ .vue-treeselect__single-value {
+ line-height: 30px;
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3