Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

同步现场代码 修改电网一张图页面

Browse Source
This commit is contained in:
GGJ
2024-05-29 13:39:46 +08:00
parent f6f015cf4b
commit 3d0bd8f644
11 changed files with 226 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/pqs/harmonicMonitoring/embed/liabiiyty/inex.vue
View File

@@ -20,7 +20,6 @@ const height = mainHeight(20)
const num = ref(0) const num = ref(0)
const loading = ref(true) const loading = ref(true)
// console.log("🚀 ~ num:", window.location.origin)
const iframeRef: any = ref(null) const iframeRef: any = ref(null)
// const iframeSrc = 'http://www.jibei1.com:8088/#/harmonic-boot/detailedAnalysis/responsibilityqr' // const iframeSrc = 'http://www.jibei1.com:8088/#/harmonic-boot/detailedAnalysis/responsibilityqr'
const iframeSrc = window.location.origin + '/jbv2/#/harmonic-boot/detailedAnalysis/responsibilityqr' const iframeSrc = window.location.origin + '/jbv2/#/harmonic-boot/detailedAnalysis/responsibilityqr'
@@ -28,10 +27,12 @@ const iframeSrc = window.location.origin + '/jbv2/#/harmonic-boot/detailedAnalys
onMounted(() => { onMounted(() => {
iframeRef.value.onload = () => { iframeRef.value.onload = () => {
iframeRef.value.contentWindow.postMessage({ info: window.localStorage.getItem('adminInfo') }, '*') iframeRef.value.contentWindow.postMessage({ info: window.localStorage.getItem('adminInfo') }, '*')
// setTimeout(() => { setTimeout(() => {
// num.value++ if (loading.value) {
loading.value = false }
// }, 0) ++num.value
loading.value = false
}, 0)
} }
}) })
</script> </script>

11
src/views/pqs/harmonicMonitoring/embed/lntegruty/index.vue
View File

@@ -21,7 +21,6 @@ const height = mainHeight(20)
const num = ref(0) const num = ref(0)
const loading = ref(true) const loading = ref(true)
// console.log("🚀 ~ num:", window.location.origin)
const iframeRef: any = ref(null) const iframeRef: any = ref(null)
// const iframeSrc = 'http://www.jibei1.com:8088/#/harmonic-boot/detailedAnalysis/responsibilityqr' // const iframeSrc = 'http://www.jibei1.com:8088/#/harmonic-boot/detailedAnalysis/responsibilityqr'
const iframeSrc = window.location.origin + '/jbv2/#/harmonic-boot/harmonic/getIntegrityDataqr' const iframeSrc = window.location.origin + '/jbv2/#/harmonic-boot/harmonic/getIntegrityDataqr'
@@ -29,10 +28,12 @@ const iframeSrc = window.location.origin + '/jbv2/#/harmonic-boot/harmonic/getIn
onMounted(() => { onMounted(() => {
iframeRef.value.onload = () => { iframeRef.value.onload = () => {
iframeRef.value.contentWindow.postMessage({ info: window.localStorage.getItem('adminInfo') }, '*') iframeRef.value.contentWindow.postMessage({ info: window.localStorage.getItem('adminInfo') }, '*')
// setTimeout(() => { setTimeout(() => {
// num.value++ if (loading.value) {
loading.value = false }
// }, 0) ++num.value
loading.value = false
}, 0)
} }
}) })
</script> </script>

11
src/views/pqs/harmonicMonitoring/embed/onlinerate/index.vue
View File

@@ -21,7 +21,6 @@ const height = mainHeight(20)
const num = ref(0) const num = ref(0)
const loading = ref(true) const loading = ref(true)
// console.log("🚀 ~ num:", window.location.origin)
const iframeRef: any = ref(null) const iframeRef: any = ref(null)
// const iframeSrc = 'http://www.jibei1.com:8088/#/harmonic-boot/detailedAnalysis/responsibilityqr' // const iframeSrc = 'http://www.jibei1.com:8088/#/harmonic-boot/detailedAnalysis/responsibilityqr'
const iframeSrc = window.location.origin + '/jbv2/#/harmonic-boot/area/OnlineRateqr' const iframeSrc = window.location.origin + '/jbv2/#/harmonic-boot/area/OnlineRateqr'
@@ -29,10 +28,12 @@ const iframeSrc = window.location.origin + '/jbv2/#/harmonic-boot/area/OnlineRat
onMounted(() => { onMounted(() => {
iframeRef.value.onload = () => { iframeRef.value.onload = () => {
iframeRef.value.contentWindow.postMessage({ info: window.localStorage.getItem('adminInfo') }, '*') iframeRef.value.contentWindow.postMessage({ info: window.localStorage.getItem('adminInfo') }, '*')
// setTimeout(() => { setTimeout(() => {
// num.value++ if (loading.value) {
loading.value = false }
// }, 0) ++num.value
loading.value = false
}, 0)
} }
}) })
</script> </script>

26
src/views/pqs/qualityInspeection/panorama/components/cityMapL.vue
View File

@@ -55,7 +55,7 @@ import MyEChart from '@/components/echarts/MyEchart.vue'
import { useDictData } from '@/stores/dictData' import { useDictData } from '@/stores/dictData'
import { mainHeight } from '@/utils/layout' import { mainHeight } from '@/utils/layout'
import { getPracticalRunDeviceInfo, getGridDiagramCityDev, getGridDiagramLineData } from '@/api/device-boot/panorama' import { getGridDiagramAreaData, getGridDiagramCityDev, getGridDiagramLineData } from '@/api/device-boot/panorama'
import { useConfig } from '@/stores/config' import { useConfig } from '@/stores/config'
const config = useConfig() const config = useConfig()
const dictData = useDictData() const dictData = useDictData()
@@ -86,7 +86,7 @@ const info = (row: any) => {
formRow.value = form formRow.value = form
// 变电站 // 变电站
getPracticalRunDeviceInfo(form).then(res => { getGridDiagramAreaData(form).then(res => {
onlineCharts.value = { onlineCharts.value = {
tooltip: {}, tooltip: {},
yAxis: { yAxis: {
@@ -115,9 +115,9 @@ const info = (row: any) => {
name: '个数', name: '个数',
type: 'bar', type: 'bar',
data: [ data: [
res.data[0].subIndexes.length, res.data[0].subNum,
res.data[0].deviceIndexes.length, res.data[0].deviceNum,
res.data[0].lineIndexes.length res.data[0].lineNum
], ],
label: { label: {
show: true, show: true,
@@ -212,13 +212,18 @@ const info = (row: any) => {
// str.replace(/\(\d+\)/, "\n$&"); // str.replace(/\(\d+\)/, "\n$&");
xAxis: { xAxis: {
data: res.data.map((item: any) => { data: res.data.map((item: any) => {
return item.orgName.length > 4 let title = item.orgName.replace(/\(\d+\)/g, '')
? item.orgName.slice(0, 4) + '\n ' + item.orgName.slice(4) // return title.length > 5
: item.orgName return title.length > 6
? title.length > 11
? title.slice(0, 5) + '\n ' + title.slice(5, 10) + '\n ' + title.slice(10)
: title.slice(0, 5) + '\n ' + title.slice(5)
: title
}), }),
axisLabel: { axisLabel: {
color: '#000', color: '#000',
fontSize: 12 fontSize: 12,
interval: 0
} }
}, },
yAxis: { yAxis: {
@@ -229,7 +234,8 @@ const info = (row: any) => {
grid: { grid: {
top: '30px', top: '30px',
left: '0px', left: '0px',
right: '20px' right: '20px',
bottom: 0
}, },
options: { options: {
dataZoom: null, dataZoom: null,

30
src/views/pqs/qualityInspeection/panorama/components/cityMapR.vue
View File

@@ -197,32 +197,36 @@ const info = (row: any) => {
{ {
name: name:
'电压偏差：' + '电压偏差：' +
(res.data[0].vdevQualifyData == 3.14159 ? '暂无数据' : res.data[0].vdevQualifyData + '%'), (res.data[0]?.vdevQualifyData == 3.14159 ? '暂无数据' : res.data[0]?.vdevQualifyData || 0 + '%'),
value: res.data[0].vdevQualifyData == 3.14159 ? '暂无数据' : res.data[0].vdevQualifyData value: res.data[0]?.vdevQualifyData == 3.14159 ? '暂无数据' : res.data[0]?.vdevQualifyData
}, },
{ {
name: name:
'频率偏差：' + '频率偏差：' +
(res.data[0].freqQualifyData == 3.14159 ? '暂无数据' : res.data[0].freqQualifyData + '%'), (res.data[0]?.freqQualifyData == 3.14159 ? '暂无数据' : res.data[0]?.freqQualifyData || 0 + '%'),
value: res.data[0].freqQualifyData == 3.14159 ? '暂无数据' : res.data[0].freqQualifyData value: res.data[0]?.freqQualifyData == 3.14159 ? '暂无数据' : res.data[0]?.freqQualifyData
}, },
{ {
name: name:
'电压总谐波畸变率：' + '电压总谐波畸变率：' +
(res.data[0].harmQualifyData == 3.14159 ? '暂无数据' : res.data[0].harmQualifyData + '%'), (res.data[0]?.harmQualifyData == 3.14159 ? '暂无数据' : res.data[0]?.harmQualifyData || 0 + '%'),
value: res.data[0].harmQualifyData == 3.14159 ? '暂无数据' : res.data[0].harmQualifyData value: res.data[0]?.harmQualifyData == 3.14159 ? '暂无数据' : res.data[0]?.harmQualifyData
}, },
{ {
name: name:
'闪变：' + '闪变：' +
(res.data[0].flickerQualifyData == 3.14159 ? '暂无数据' : res.data[0].flickerQualifyData + '%'), (res.data[0]?.flickerQualifyData == 3.14159
value: res.data[0].flickerQualifyData == 3.14159 ? '暂无数据' : res.data[0].flickerQualifyData ? '暂无数据'
: res.data[0]?.flickerQualifyData || 0 + '%'),
value: res.data[0]?.flickerQualifyData == 3.14159 ? '暂无数据' : res.data[0]?.flickerQualifyData
}, },
{ {
name: name:
'三相电压不平衡度：' + '三相电压不平衡度：' +
(res.data[0].unbalanceQualifyData == 3.14159 ? '暂无数据' : res.data[0].unbalanceQualifyData + '%'), (res.data[0]?.unbalanceQualifyData == 3.14159
value: res.data[0].unbalanceQualifyData == 3.14159 ? '暂无数据' : res.data[0].unbalanceQualifyData ? '暂无数据'
: res.data[0]?.unbalanceQualifyData || 0 + '%'),
value: res.data[0]?.unbalanceQualifyData == 3.14159 ? '暂无数据' : res.data[0]?.unbalanceQualifyData
} }
] ]
@@ -265,7 +269,7 @@ const info = (row: any) => {
function getData(data: any) { function getData(data: any) {
var res: any = { var res: any = {
series: [], series: [],
yAxis: []
} }
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
res.series.push({ res.series.push({
@@ -280,11 +284,11 @@ const info = (row: any) => {
data: [ data: [
{ {
value: data[i].value, value: data[i].value || 0,
name: data[i].name name: data[i].name
}, },
{ {
value: 100 - data[i].value, value: 100 - (data[i].value||0),
name: '', name: '',
itemStyle: { itemStyle: {
color: 'rgba(0,0,0,0)', color: 'rgba(0,0,0,0)',

94
src/views/pqs/qualityInspeection/panorama/components/map.vue
View File

@@ -545,10 +545,12 @@ const addLayer = () => {
</div>` </div>`
) )
.addTo(map.value) .addTo(map.value)
document.getElementById('ids').onclick = function (v: any) { let html = document.getElementById('ids')
// console.log(e.target.dataset.sid) if (html)
emit('drop', v.target.dataset.sid) html.onclick = function (v: any) {
} // console.log(e.target.dataset.sid)
emit('drop', v.target.dataset.sid)
}
} }
}) })
@@ -556,8 +558,8 @@ const addLayer = () => {
map.value.on('zoomend', (e: any) => { map.value.on('zoomend', (e: any) => {
// console.log(123, map.value.getCenter()) // console.log(123, map.value.getCenter())
if (map.value.getZoom() > 8 || map.value.getZoom() < 6) { if (map.value.getZoom() > 8.5 || map.value.getZoom() < 6) {
// rPopList.value.remove()
rPopList.value.map((item: any) => item.remove()) rPopList.value.map((item: any) => item.remove())
rPopList.value = [] rPopList.value = []
} else { } else {
@@ -697,6 +699,7 @@ const addMarkers = async (row?: any, key?: any) => {
features: [...tempFeatureT, ...tempFeatureZ] features: [...tempFeatureT, ...tempFeatureZ]
}) })
} }
// 统计弹框数据
const GridDiagramArea = () => { const GridDiagramArea = () => {
let List = [ let List = [
{ {
@@ -759,29 +762,43 @@ const radiusPop = (k?: number) => {
rPopList.value = [] rPopList.value = []
} }
mapList.value.forEach((item: any) => { mapList.value.forEach((item: any, i: number) => {
let infoText = '' let infoText = ''
if (PopKey.value == 0) { if (PopKey.value == 0) {
// 监测点 // 监测点
infoText = `<img src="${new URL(`@/assets/img/JCD-ZS.png`, import.meta.url)}" /> infoText = `<img src="${new URL(`@/assets/img/JCD-ZS.png`, import.meta.url)}" />
<div class="infoBox"> <div class="infoBox">
<div>总数<p>${item.lineNum} 个</p></div> <div id="clickZs${i}" data-line="${item.lineList}" data-alarm="${
<div>在线<p>${item.onlineNum} 个</p></div> item.alarmList
<div>告警<p>${item.alarm} 个</p></div> }" data-key="0">总数<br/>${item.lineNum}</div>
<div id="clickZx${i}" data-alarm="${item.onlineList}" data-key="0">在线<br/>${
item.onlineNum
}</div>
<div id="clickGj${i}" data-line="" data-alarm="${item.alarmList}" data-key="1">告警<br/>${
item.alarm
}</div>
</div>` </div>`
} else if (PopKey.value == 1) { } else if (PopKey.value == 1) {
// 变电站 // 变电站
infoText = `<img src="${new URL(`@/assets/img/BDZ-ZS.png`, import.meta.url)}" /> infoText = `<img src="${new URL(`@/assets/img/BDZ-ZS.png`, import.meta.url)}" />
<div class="infoBox"> <div class="infoBox">
<div>总数<p>${item.subNum} 个</p></div> <div id="clickZs${i}" data-line="${item.lineList}" data-alarm="${
<div>告警<p>${item.alarmSubNum} 个</p></div> item.alarmSubList
}" data-key="1">总数<br/>${item.subNum}</div>
<div id="clickGj${i}" data-line="" data-alarm="${item.alarmSubList}" data-key="1">告警<br/>${
item.alarmSubNum
}</div>
</div>` </div>`
} else if (PopKey.value == 2) { } else if (PopKey.value == 2) {
// 终端 // 终端
infoText = `<img src="${new URL(`@/assets/img/ZD-ZS.png`, import.meta.url)}" /> infoText = `<img src="${new URL(`@/assets/img/ZD-ZS.png`, import.meta.url)}" />
<div class="infoBox"> <div class="infoBox">
<div>总数<p>${item.deviceNum} 个</p></div> <div id="clickZs${i}" data-line="${item.lineList}" data-alarm="${
<div>在运<p>${item.onDevice} 个</p></div> item.onlineList
}" data-key="2">总数<br/>${item.deviceNum}</div>
<div id="clickGj${i}" data-line="" data-alarm="${item.onlineList}" data-key="2">在运<br/>${
item.onDevice
}</div>
</div>` </div>`
} }
@@ -793,11 +810,7 @@ const radiusPop = (k?: number) => {
}) })
.setLngLat(item.LngLat) .setLngLat(item.LngLat)
.setHTML( .setHTML(
` <div class="sgmap-popup-content" style="background-color: ${item.background};"> `<div class="sgmap-popup-content" style="background-color: ${item.background};">
<div style="display: flex;">` + <div style="display: flex;">` +
infoText + infoText +
` </div> ` </div>
@@ -805,8 +818,35 @@ const radiusPop = (k?: number) => {
) )
.addTo(map.value) .addTo(map.value)
rPopList.value.push(pop) rPopList.value.push(pop)
let html: any = document.getElementById(`clickZs${i}`)
let html1: any = document.getElementById(`clickZx${i}`)
let html2: any = document.getElementById(`clickGj${i}`)
if (html)
html.onclick = function (v: any) {
popMarkers(v.target.dataset.line?.split(','), v.target.dataset.alarm?.split(','), v.target.dataset.key)
}
if (html1)
html1.onclick = function (v: any) {
popMarkers([], v.target.dataset.alarm?.split(','), v.target.dataset.key)
}
if (html2)
html2.onclick = function (v: any) {
popMarkers([], v.target.dataset.alarm?.split(','), v.target.dataset.key)
}
}) })
} }
// 点击弹框调用点加载
const popMarkers = (coutList: any, alarmList: any, key: any) => {
addMarkers(
{
coutList: coutList,
alarmList: alarmList,
type: 1
},
key
)
}
const locatePositions = (e: any) => { const locatePositions = (e: any) => {
if (map.value != null) { if (map.value != null) {
@@ -814,11 +854,17 @@ const locatePositions = (e: any) => {
// 加载点 // 加载点
addMarkers() addMarkers()
powerManageGridMap.value.drillDown({ powerManageGridMap.value.drillDown(
// 判断超高压 {
orgId: e.data.code == '1100F3DE246A6FADE050007F01006CBE' ? '1100F3DE20806FADE050007F01006CBE' : e.data.code, // 判断超高压
onlyDisplay: true orgId:
}) e.data.code == '1100F3DE246A6FADE050007F01006CBE'
? '1100F3DE20806FADE050007F01006CBE'
: e.data.code,
onlyDisplay: true
},
)
} }
} }
// 电网查询功能 // 电网查询功能

4
src/views/pqs/qualityInspeection/panorama/components/mapL.vue
View File

@@ -29,7 +29,7 @@
{{ item.list[4].numOne }} {{ item.list[4].numOne }}
</span> </span>
</div> </div>
<div class="cor"> <div class="cor" :style="i == 0 ? 'flex:1.2;' : ''">
<img :src="item.img[1]" /> <img :src="item.img[1]" />
{{ item.titleT[1] }}： {{ item.titleT[1] }}：
<span <span
@@ -165,7 +165,7 @@ const list: any = ref([
], ],
ratioTitle: '告警率', ratioTitle: '告警率',
ratio: 0, ratio: 0,
titleT: ['总数', '在线', '告警'], titleT: ['总数', '当前在线', '告警'],
color: ['#000', '#2dcd28', '#bd3124'], color: ['#000', '#2dcd28', '#bd3124'],
list: [ list: [
{ {

8
src/views/pqs/qualityInspeection/panorama/components/mapR.vue
View File

@@ -147,8 +147,8 @@
<div class="ml22" style="font-size: 12px"> <div class="ml22" style="font-size: 12px">
<span> <span>
幅值低于90%: 幅值低于90%:
<span class="num">{{ transientNum[0] }} 　</span> <span class="num">{{ transientNum[0] }} 　</span>
幅值低于50%: 幅值低于50%:
<span class="num">{{ transientNum[1] }}</span> <span class="num">{{ transientNum[1] }}</span>
</span> </span>
</div> </div>
@@ -379,7 +379,7 @@ const transientChange = () => {
WTList.value = data WTList.value = data
}) })
} }
const format = (percentage: any) => Math.round(percentage * mun.value) / 100 + '条' const format = (percentage: any) => (Math.round(percentage * mun.value) / 100).toFixed(0) + '条'
defineExpose({ info, show }) defineExpose({ info, show })
</script> </script>
@@ -459,9 +459,11 @@ defineExpose({ info, show })
.harmonic { .harmonic {
display: grid; display: grid;
overflow-y: auto;
.progress { .progress {
display: flex; display: flex;
align-items: center; align-items: center;
.text { .text {
width: 50px; width: 50px;
font-size: 12px; font-size: 12px;

3
src/views/pqs/qualityInspeection/panorama/components/style/map.scss
View File

@@ -184,6 +184,9 @@
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
text-align: center; text-align: center;
div{
cursor: pointer;
}
} }
} }

10
src/views/pqs/qualityInspeection/panorama/index.vue
View File

@@ -94,7 +94,7 @@ const form: any = ref({
const height = mainHeight(10) const height = mainHeight(10)
// 获取区域名称 // 获取区域名称
const changeValue = (e: any) => { const changeValue = (e: any) => {
// mapRef.value.locatePositions(e) //mapRef.value.locatePositions(e)
form.value.orgNo = e.data.id //list.filter((item: any) => item.code == e.orgId)[0]?.id || dictData.state.area[0].id form.value.orgNo = e.data.id //list.filter((item: any) => item.code == e.orgId)[0]?.id || dictData.state.area[0].id
options.value[0].name = e.data.areaName options.value[0].name = e.data.areaName
@@ -118,12 +118,12 @@ const infoShow = (e: boolean) => {
} }
// 地图控制图层 // 地图控制图层
const LookMap = (row: any, key?: any) => { const LookMap = (row: any, key?: any) => {
// mapRef.value.addMarkers({ ...row, type: 1 }, key) //mapRef.value.addMarkers({ ...row, type: 1 }, key)
} }
//区域统计展示切换 //区域统计展示切换
const GridDiagram = (k?: number) => { const GridDiagram = (k?: number) => {
// mapRef.value.radiusPop(k) //mapRef.value.radiusPop(k)
// mapRef.value.flyTo({ coordinate: [116.84428600000001, 40.57707185292256] }, 6.709267680647425) //mapRef.value.flyTo({ coordinate: [116.84428600000001, 40.57707185292256] }, 6.709267680647425)
} }
const info = () => { const info = () => {
form.value.startTime = datePickerRef.value.timeValue[0] form.value.startTime = datePickerRef.value.timeValue[0]
@@ -133,7 +133,7 @@ const info = () => {
form.value.type = datePickerRef.value.interval form.value.type = datePickerRef.value.interval
// mapRef.value.grids(form.value) //mapRef.value.grids(form.value)
if (control.value == 1) { if (control.value == 1) {
mapLRef.value.info(form.value) mapLRef.value.info(form.value)
mapRRef.value.info(form.value) mapRRef.value.info(form.value)

182
src/views/system/auth/userList/popupEdit.vue
View File

@@ -1,101 +1,97 @@
<template> <template>
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title"> <el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title">
<el-scrollbar> <el-form :model="form" class="form-two" label-width="auto" :rules="rules">
<el-form :inline="true" :model="form" label-width="120px" :rules="rules"> <el-form-item label="用户名" prop="name">
<el-form-item label="用户名" prop="name"> <el-input v-model="form.name" placeholder="请输入昵称" />
<el-input v-model="form.name" placeholder="请输入昵称" /> </el-form-item>
</el-form-item> <el-form-item label="登录名" prop="loginName">
<el-form-item label="登录名" prop="loginName"> <el-input v-model="form.loginName" placeholder="请输入登录名" />
<el-input v-model="form.loginName" placeholder="请输入登录名" /> </el-form-item>
</el-form-item> <el-form-item label="默认密码" prop="password" v-if="title === '新增用户'">
<el-form-item label="默认密码" prop="password" v-if="title === '新增用户'"> <el-input v-model="form.password" placeholder="请输入密码" disabled />
<el-input v-model="form.password" placeholder="请输入密码" disabled /> </el-form-item>
</el-form-item> <el-form-item label="权限类型" prop="type">
<el-form-item label="权限类型" prop="type"> <el-select v-model="form.type" @change="changeValue" disabled placeholder="请选择权限类型">
<el-select v-model="form.type" @change="changeValue" disabled placeholder="请选择权限类型"> <el-option
<el-option v-for="(item, index) in UserTypeOption"
v-for="(item, index) in UserTypeOption" :label="item.label"
:label="item.label" :value="item.value"
:value="item.value" :key="index"
:key="index" ></el-option>
></el-option> </el-select>
</el-select> </el-form-item>
</el-form-item> <el-form-item label="用户类型" prop="casualUser">
<el-form-item label="用户类型" prop="casualUser"> <el-select v-model="form.casualUser" placeholder="请选择用户类型类型">
<el-select v-model="form.casualUser" placeholder="请选择用户类型类型"> <el-option
<el-option v-for="(item, index) in TypeOptions"
v-for="(item, index) in TypeOptions" :label="item.label"
:label="item.label" :value="item.value"
:value="item.value" :key="index"
:key="index" ></el-option>
></el-option> </el-select>
</el-select> </el-form-item>
</el-form-item> <el-form-item label="所属部门" prop="deptId">
<el-form-item label="所属部门" prop="deptId"> <Area style="width: 100%" v-model="form.deptId" />
<Area style="width: 100%" v-model="form.deptId" /> </el-form-item>
</el-form-item> <el-form-item label="角色" prop="role">
<el-form-item label="角色" prop="role"> <el-select v-model="form.role" placeholder="请选择角色" multiple collapse-tags>
<el-select v-model="form.role" placeholder="请选择角色" multiple collapse-tags> <el-option
<el-option v-for="(item, index) in roleOptions"
v-for="(item, index) in roleOptions" :label="item.label"
:label="item.label" :value="item.value"
:value="item.value" :key="index"
:key="index" ></el-option>
></el-option> </el-select>
</el-select> </el-form-item>
</el-form-item>
<el-form-item label="手机号" prop="phone"> <el-form-item label="手机号" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号" /> <el-input v-model="form.phone" placeholder="请输入手机号" />
</el-form-item> </el-form-item>
<el-form-item label="邮箱" prop="email"> <el-form-item label="邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入描述" /> <el-input v-model="form.email" placeholder="请输入描述" />
</el-form-item> </el-form-item>
<el-form-item label="起始IP" prop="limitIpStart"> <el-form-item label="起始IP" prop="limitIpStart">
<el-input v-model="form.limitIpStart" placeholder="请输入描述" /> <el-input v-model="form.limitIpStart" placeholder="请输入描述" />
</el-form-item> </el-form-item>
<el-form-item label="结束IP" prop="limitIpEnd"> <el-form-item label="结束IP" prop="limitIpEnd">
<el-input v-model="form.limitIpEnd" placeholder="请输入描述" /> <el-input v-model="form.limitIpEnd" placeholder="请输入描述" />
</el-form-item> </el-form-item>
<el-form-item label="时间段" prop="limitTime"> <el-form-item label="时间段" prop="limitTime" >
<el-slider v-model="form.limitTime" range show-stops :max="24" /> <el-slider v-model="form.limitTime" range style="width: 80%" show-stops :max="24" />
</el-form-item> </el-form-item>
<el-form-item label="短信通知" prop="smsNotice"> <el-form-item label="短信通知" prop="smsNotice">
<el-radio-group v-model="form.smsNotice"> <el-radio-group v-model="form.smsNotice">
<el-radio-button :label="0">是</el-radio-button> <el-radio-button :label="0">是</el-radio-button>
<el-radio-button :label="1">否</el-radio-button> <el-radio-button :label="1">否</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="邮件通知" prop="emailNotice">
<el-radio-group v-model="form.emailNotice">
<el-radio-button :label="0">是</el-radio-button>
<el-radio-button :label="1">否</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="用户ID">
<div style="display: flex; width: 100%">
<el-radio-group v-model="useId">
<el-radio-button :label="1">是</el-radio-button>
<el-radio-button :label="0">否</el-radio-button>
</el-radio-group> </el-radio-group>
</el-form-item> <el-input
<el-form-item label="邮件通知" prop="emailNotice"> :disabled="title !== '新增用户'"
<el-radio-group v-model="form.emailNotice"> v-model="form.id"
<el-radio-button :label="0">是</el-radio-button> placeholder="请输入用户id"
<el-radio-button :label="1">否</el-radio-button> v-if="useId"
</el-radio-group> style="flex: 1"
</el-form-item> class="ml10"
<el-form-item label="用户ID"> ></el-input>
<div style="display: flex; width: 100%"> </div>
<el-radio-group v-model="useId"> </el-form-item>
<el-radio-button :label="1">是</el-radio-button> </el-form>
<el-radio-button :label="0">否</el-radio-button>
</el-radio-group>
<el-input
:disabled="title !== '新增用户'"
v-model="form.id"
placeholder="请输入用户id"
v-if="useId"
style="flex: 1"
class="ml10"
></el-input>
</div>
</el-form-item>
</el-form>
</el-scrollbar>
<template #footer> <template #footer>
<span class="dialog-footer"> <el-button @click="dialogVisible = false">取消</el-button>
<el-button @click="dialogVisible = false">取消</el-button> <el-button type="primary" @click="submit">确认</el-button>
<el-button type="primary" @click="submit">确认</el-button>
</span>
</template> </template>
</el-dialog> </el-dialog>
</template> </template>
@@ -229,7 +225,7 @@ const open = (text: string, data?: anyObj) => {
form[key] = '' form[key] = ''
} }
form.casualUser = 1 form.casualUser = 1
form.limitTime = [0, 23] form.limitTime = [0, 24]
form.role = [] form.role = []
form.smsNotice = 0 form.smsNotice = 0
form.emailNotice = 0 form.emailNotice = 0