6 changed files with 894 additions and 38 deletions
@ -0,0 +1,387 @@ |
|||||
|
<template> |
||||
|
<div class="ScopeTable"> |
||||
|
<el-row> |
||||
|
<el-col :span="7"> |
||||
|
<!-- 设备类型 --> |
||||
|
<el-select v-model="tableInfo.deviceType" placeholder="" @change="changeDeviceType" transfer="true" |
||||
|
:popper-append-to-body="false" style="width: 123px;"> |
||||
|
<el-option v-for="item in deviceOptions" :key="item.value" :label="item.label" :value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<el-col :span="1"> |
||||
|
</el-col> |
||||
|
<el-col :span="7"> |
||||
|
<!-- 规则条件 --> |
||||
|
<el-select v-model="tableInfo.searchRule" placeholder="" style="width: 123px;"> |
||||
|
<el-option v-for="item in zyOptions" :key="item.value" :label="item.label" :value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<el-col :span="6"> |
||||
|
<div v-if="tableInfo.searchRule == 1" style="width: 123px;height: 20px;"> </div> |
||||
|
<!-- 个 --> |
||||
|
<el-input-number v-if="tableInfo.searchRule == 2 || tableInfo.searchRule == 3" |
||||
|
v-model="tableInfo.number" :min="0" :max="9999" style="width: 75px;"></el-input-number> |
||||
|
<span v-if="tableInfo.searchRule == 2 || tableInfo.searchRule == 3">个</span> |
||||
|
<!-- 公里 --> |
||||
|
<el-input-number v-if="tableInfo.searchRule == 4" v-model="tableInfo.number" :min="0" :max="9999" |
||||
|
style="width: 75px;"></el-input-number> |
||||
|
<span v-if="tableInfo.searchRule == 4" style="width: 56px;">公里</span> |
||||
|
</el-col> |
||||
|
|
||||
|
<el-col :span="4"> |
||||
|
<div class="firstBtns"> |
||||
|
<ButtonGradient class="title-button" @click.native="$emit('onAdd')"> |
||||
|
<i class="el-icon-plus"></i> |
||||
|
</ButtonGradient> |
||||
|
<ButtonGradient class="title-button" @click.native="$emit('onDel', index)"> |
||||
|
<i class="el-icon-delete"></i> |
||||
|
</ButtonGradient> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row v-if="tableInfo.searchRule == 1"> |
||||
|
<!-- 设备列表 --> |
||||
|
<el-select v-model="tableInfo.devList" placeholder="请选择设备" multiple collapse-tags> |
||||
|
<el-option v-for="item in sbOptions" :key="item.id" :label="item.label" :value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row> |
||||
|
<el-col :span="3"> |
||||
|
<p>执行:</p> |
||||
|
</el-col> |
||||
|
<!-- 可变信息标识 --> |
||||
|
<el-col v-if="tableInfo.deviceType == 2" :span="8"> |
||||
|
<el-select v-model="tableInfo.zx_operationType" placeholder="请选择"> |
||||
|
<el-option label="自定义发布" :value="1"></el-option> |
||||
|
<el-option label="智能发布" :value="2"></el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<el-col v-if="tableInfo.deviceType == 2 && tableInfo.zx_operationType == 1" :span="8"> |
||||
|
<el-input @click.native="clickQbb('zx_content')" placeholder="请选择" v-model="tableInfo.zx_content" |
||||
|
readonly> |
||||
|
<i slot="suffix" class="el-input__icon el-icon-search"></i> |
||||
|
</el-input> |
||||
|
</el-col> |
||||
|
<!-- 疲劳唤醒 --> |
||||
|
<el-col v-if="tableInfo.deviceType == 10" :span="8"> |
||||
|
<el-select v-model="tableInfo.zx_name" placeholder="工作模式"> |
||||
|
<el-option v-for="item in gzmsOptions" :key="item.value" :label="item.label" |
||||
|
:value="item.value"></el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<el-col v-if="tableInfo.deviceType == 10" :span="6"> |
||||
|
<el-input-number placeholder="" v-model="tableInfo.zx_operationDuration" :min="0" |
||||
|
:max="999"></el-input-number> |
||||
|
</el-col> |
||||
|
<el-col v-if="tableInfo.deviceType == 10" :span="6"> |
||||
|
<span>时长(分钟)</span> |
||||
|
</el-col> |
||||
|
<!-- 行车诱导 --> |
||||
|
<el-col v-if="tableInfo.deviceType == 12" :span="6"> |
||||
|
<el-select v-model="tableInfo.zx_controlModel" placeholder="请选择模式" transfer="true" |
||||
|
:popper-append-to-body="false"> |
||||
|
<el-option label="手动模式" value="00"></el-option> |
||||
|
<el-option label="自动模式" value="01"></el-option> |
||||
|
<el-option label="万年历" value="02"></el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<el-col v-if="tableInfo.deviceType == 12 && tableInfo.zx_controlModel == '01'" :span="8"> |
||||
|
<el-time-picker v-model="tableInfo.zx_time" is-range style="" range-separator="-" placeholder="选择时间" |
||||
|
value-format="HH:mm" format="HH:mm"> |
||||
|
</el-time-picker> |
||||
|
</el-col> |
||||
|
<el-col v-if="tableInfo.deviceType == 12" :span="4"> |
||||
|
<el-select v-model="tableInfo.zx_state" placeholder="工作状态"> |
||||
|
<el-option v-for="item in gzztOptions" :key="item.value" :label="item.label" |
||||
|
:value="item.value"></el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<!-- 语音广播 --> |
||||
|
<el-col v-if="tableInfo.deviceType == 5" :span="8"> |
||||
|
<el-select v-model="tableInfo.zx_operationType" placeholder="请选择"> |
||||
|
<el-option label="自定义发布" :value="1"></el-option> |
||||
|
<el-option label="智能发布" :value="2"></el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<el-col v-if="tableInfo.deviceType == 5 && tableInfo.zx_operationType == 1" :span="10"> |
||||
|
<el-input v-model="tableInfo.zx_content" placeholder="请输入发布内容"></el-input> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row v-if="tableInfo.deviceType !== 5"> |
||||
|
<el-col :span="3"> |
||||
|
<p>恢复:</p> |
||||
|
</el-col> |
||||
|
<!-- 可变信息标识 --> |
||||
|
<el-col v-if="tableInfo.deviceType == 2" :span="8"> |
||||
|
<el-select v-model="tableInfo.hf_operationType" placeholder="请选择"> |
||||
|
<el-option label="自定义发布" :value="1"></el-option> |
||||
|
<el-option label="还原上次" :value="2"></el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<el-col v-if="tableInfo.deviceType == 2 && tableInfo.hf_operationType == 1" :span="8"> |
||||
|
<el-input @click.native="clickQbb('hf_content')" placeholder="请选择" v-model="tableInfo.hf_content" |
||||
|
readonly> |
||||
|
<i slot="suffix" class="el-input__icon el-icon-search"></i> |
||||
|
</el-input> |
||||
|
</el-col> |
||||
|
<!-- 疲劳唤醒 --> |
||||
|
<el-col v-if="tableInfo.deviceType == 10" :span="8"> |
||||
|
<el-select v-model="tableInfo.hf_name" placeholder="工作模式"> |
||||
|
<el-option v-for="item in gzmsOptions" :key="item.value" :label="item.label" |
||||
|
:value="item.value"></el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<el-col v-if="tableInfo.deviceType == 10" :span="6"> |
||||
|
<el-input-number placeholder="" v-model="tableInfo.hf_operationDuration" :min="0" |
||||
|
:max="999"></el-input-number> |
||||
|
</el-col> |
||||
|
<el-col v-if="tableInfo.deviceType == 10" :span="6"> |
||||
|
<span>时长(分钟)</span> |
||||
|
</el-col> |
||||
|
<!-- 行车诱导 --> |
||||
|
<el-col v-if="tableInfo.deviceType == 12" :span="6"> |
||||
|
<el-select v-model="tableInfo.hf_controlModel" placeholder="请选择模式" transfer="true" |
||||
|
:popper-append-to-body="false"> |
||||
|
<el-option label="手动模式" value="00"></el-option> |
||||
|
<el-option label="自动模式" value="01"></el-option> |
||||
|
<el-option label="万年历" value="02"></el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<el-col v-if="tableInfo.deviceType == 12 && tableInfo.hf_controlModel == '01'" :span="8"> |
||||
|
<el-time-picker v-model="tableInfo.hf_time" is-range style="" range-separator="-" placeholder="选择时间" |
||||
|
value-format="HH:mm" format="HH:mm"> |
||||
|
</el-time-picker> |
||||
|
</el-col> |
||||
|
<el-col v-if="tableInfo.deviceType == 12" :span="4"> |
||||
|
<el-select v-model="tableInfo.hf_state" placeholder="工作状态"> |
||||
|
<el-option v-for="item in gzztOptions" :key="item.value" :label="item.label" |
||||
|
:value="item.value"></el-option> |
||||
|
</el-select> |
||||
|
</el-col> |
||||
|
<!-- 语音广播 --> |
||||
|
<!-- <el-col v-if="tableInfo.deviceType == 5" :span="4"> |
||||
|
<el-select v-model="tableInfo.hf_operationType" placeholder="请选择"> |
||||
|
<el-option label="自定义发布" :value="1"></el-option> |
||||
|
<el-option label="智能发布" :value="2"></el-option> |
||||
|
</el-select> |
||||
|
</el-col> --> |
||||
|
<el-col v-if="tableInfo.deviceType == 5" :span="12"> |
||||
|
<el-input v-model="tableInfo.hf_content" placeholder="请输入发布内容"></el-input> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<!-- 情报板弹窗 --> |
||||
|
<QbbDialog :visible="isShowDialog" :info="qbbData" @close="onCloseDialog" @dialogSubmit="dialogSubmit" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Table from '@screen/components/Table.vue'; |
||||
|
import Button from '@screen/components/Buttons/Button.vue'; |
||||
|
import ButtonGradient from "@screen/components/Buttons/ButtonGradient.vue"; |
||||
|
import request from "@/utils/request"; |
||||
|
import QbbDialog from "./qbbDialog.vue"; |
||||
|
import { Message } from 'element-ui' |
||||
|
import { planDeviceOptions } from "@screen/utils/enum.js"; |
||||
|
import { defaultTableInfo } from "../data"; |
||||
|
|
||||
|
export default { |
||||
|
name: 'ScopeTable', |
||||
|
components: { |
||||
|
Button, |
||||
|
Table, |
||||
|
QbbDialog, |
||||
|
ButtonGradient |
||||
|
}, |
||||
|
model: { |
||||
|
prop: 'visible', |
||||
|
event: 'update:value' |
||||
|
}, |
||||
|
// inject: ['loadData'], |
||||
|
props: { |
||||
|
visible: Boolean, |
||||
|
eventType: Number, |
||||
|
type: Number, |
||||
|
index: Number, |
||||
|
tableInfo: { |
||||
|
type: Object, |
||||
|
default: () => ({ ...defaultTableInfo }) |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
isShowDialog: false, |
||||
|
deviceOptions: planDeviceOptions, |
||||
|
zyOptions: [ |
||||
|
{ |
||||
|
value: 1, |
||||
|
label: '指定设备资源' |
||||
|
}, |
||||
|
{ |
||||
|
value: 2, |
||||
|
label: '事发上游最近' |
||||
|
}, |
||||
|
{ |
||||
|
value: 3, |
||||
|
label: '最近公里数' |
||||
|
}, |
||||
|
], |
||||
|
gzztOptions: [ |
||||
|
{ |
||||
|
value: "01", |
||||
|
label: "常亮" |
||||
|
}, |
||||
|
{ |
||||
|
value: "02", |
||||
|
label: "流水" |
||||
|
}, |
||||
|
{ |
||||
|
value: "03", |
||||
|
label: "闪烁" |
||||
|
}, |
||||
|
{ |
||||
|
value: "04", |
||||
|
label: "关闭", |
||||
|
} |
||||
|
], |
||||
|
gzmsOptions: [ |
||||
|
{ |
||||
|
value: "激光关闭", |
||||
|
label: "激光关闭" |
||||
|
}, |
||||
|
{ |
||||
|
value: "常亮模式", |
||||
|
label: "常亮模式" |
||||
|
}, |
||||
|
{ |
||||
|
value: "间隔100ms闪烁模式", |
||||
|
label: "间隔100ms闪烁模式" |
||||
|
}, |
||||
|
{ |
||||
|
value: "间隔200ms闪烁模式", |
||||
|
label: "间隔200ms闪烁模式", |
||||
|
}, |
||||
|
{ |
||||
|
value: "间隔500ms闪烁模式", |
||||
|
label: "间隔500ms闪烁模式", |
||||
|
}, |
||||
|
{ |
||||
|
value: "2次闪烁模式", |
||||
|
label: "2次闪烁模式" |
||||
|
}, |
||||
|
{ |
||||
|
value: "SOS模式", |
||||
|
label: "SOS模式" |
||||
|
}, |
||||
|
{ |
||||
|
value: "自定义模式1", |
||||
|
label: "自定义模式1", |
||||
|
}, |
||||
|
{ |
||||
|
value: "自定义模式2", |
||||
|
label: "自定义模式2", |
||||
|
}, |
||||
|
{ |
||||
|
value: "自定义模式3", |
||||
|
label: "自定义模式3", |
||||
|
} |
||||
|
], |
||||
|
deviceData: [], |
||||
|
qbbData: {}, |
||||
|
sbOptions: [], |
||||
|
deviceType: 1, |
||||
|
clickQbbName: 1 |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
'tableInfo.deviceType': { |
||||
|
async handler(newValue) { |
||||
|
console.log('aaaaaaaaaaaaaaaaaa', newValue) |
||||
|
await this.loadData(newValue); |
||||
|
console.log('bbbbbbbbbbb', this.sbOptions) |
||||
|
}, |
||||
|
immediate: true, |
||||
|
} |
||||
|
}, |
||||
|
async mounted() { |
||||
|
// this.loadData(2); |
||||
|
}, |
||||
|
methods: { |
||||
|
initData() { |
||||
|
|
||||
|
}, |
||||
|
async loadData(deviceType = 1) { |
||||
|
this.sbOptions = []; |
||||
|
let result = await request({ |
||||
|
url: `business/device/query?deviceType=${deviceType}`, |
||||
|
method: "get", |
||||
|
}); |
||||
|
if (result.code != 200) return Message.error(result?.msg); |
||||
|
if (deviceType == 1) { |
||||
|
result.data.filter((it) => it.iotDeviceId && it.childType !== "1-1").forEach(it => { |
||||
|
this.sbOptions.push({ value: it.iotDeviceId, label: it.deviceName }) |
||||
|
}); |
||||
|
} else { |
||||
|
result.data.filter((it) => it.iotDeviceId).forEach(it => { |
||||
|
this.sbOptions.push({ value: it.iotDeviceId, label: it.deviceName }) |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
async changeDeviceType(value) { |
||||
|
this.deviceType = value; |
||||
|
console.log('value', value) |
||||
|
this.tableInfo.devList = []; |
||||
|
this.loadData(value); |
||||
|
}, |
||||
|
clickQbb(name) { |
||||
|
this.clickQbbName = name; |
||||
|
// this.qbbData = this.tableData[index].dcInfoBoardTemplate; |
||||
|
this.isShowDialog = true; |
||||
|
}, |
||||
|
onCloseDialog() { |
||||
|
this.isShowDialog = false; |
||||
|
}, |
||||
|
dialogSubmit(data) { |
||||
|
console.log('qbbData', data) |
||||
|
this.tableInfo[this.clickQbbName] = data.content; |
||||
|
// this.tableData[this.index].otherConfig = JSON.stringify(data); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.ScopeTable { |
||||
|
display: flex; |
||||
|
gap: 9px; |
||||
|
width: 100%; |
||||
|
// height: 768px; |
||||
|
min-height: 50px; |
||||
|
margin-top: 5px; |
||||
|
flex-direction: column; |
||||
|
|
||||
|
p { |
||||
|
color: aqua; |
||||
|
} |
||||
|
|
||||
|
.firstBtns { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
|
||||
|
::v-deep { |
||||
|
.el-select .el-select--medium { |
||||
|
margin-right: 5px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,279 @@ |
|||||
|
<template> |
||||
|
<Dialog v-model="modelVisible" title="选择情报板" width="700px"> |
||||
|
<div class="PlanQbbDialog"> |
||||
|
<vuescroll :ops="scrollOptions" class="listBox"> |
||||
|
<div v-for="item in templateAvailable" :key="item.dictValue"> |
||||
|
<!-- 原来是<el-collapse v-model="activeNames"> --> |
||||
|
<h3>{{ item.dictLabel }}</h3> |
||||
|
<div v-for="(itm, indx) in item.list" :key="indx" class="tplItem"> |
||||
|
<!-- 模板内容 --> |
||||
|
<BoardTplPreview class="boardPreview" boardWH="1400*200" :tpl="itm"></BoardTplPreview> |
||||
|
<!-- 操作按钮 --> |
||||
|
<div class="infoBtnBox infoBtnBoxSm"> |
||||
|
<p class="btn"> |
||||
|
<el-radio v-model="radio1" :label="itm.id" @input="changeRadio(itm)" /> |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</vuescroll> |
||||
|
</div> |
||||
|
|
||||
|
<template #footer> |
||||
|
<Button style="background: #c9c9c9; padding: 0 24px" |
||||
|
@click.native="(modelVisible = false), (submitting = false)">取消</Button> |
||||
|
<Button style="padding: 0 24px" @click.native="handleSubmit" :loading="submitting">确认</Button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import vuescroll from "vuescroll"; |
||||
|
import scrollOptions from "@/common/scrollbar.js"; |
||||
|
import BoardTplPreview from "@screen/components/infoBoard/BoardTplPreview.vue"; |
||||
|
import Dialog from "@screen/components/Dialog/index"; |
||||
|
import Button from "@screen/components/Buttons/Button.vue"; |
||||
|
import { getTemplateList } from "@/api/board/template"; |
||||
|
|
||||
|
export default { |
||||
|
name: "qbbDialog", |
||||
|
components: { |
||||
|
Dialog, |
||||
|
Button, |
||||
|
vuescroll, |
||||
|
BoardTplPreview, |
||||
|
}, |
||||
|
model: { |
||||
|
prop: "visible", |
||||
|
event: "close", |
||||
|
}, |
||||
|
props: { |
||||
|
visible: Boolean, |
||||
|
info: { |
||||
|
type: Object, |
||||
|
default: () => { }, |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
submitting: false, |
||||
|
selectedSize: "", |
||||
|
scrollOptions, |
||||
|
templateAvailable: null, |
||||
|
tplCategory: [], |
||||
|
templateAll: [], |
||||
|
radio1: "", |
||||
|
itmData: {}, |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.initData(); |
||||
|
}, |
||||
|
computed: { |
||||
|
modelVisible: { |
||||
|
get() { |
||||
|
if (this.visible) { |
||||
|
if (this.info && this.info.id) { |
||||
|
this.radio1 = Number(this.info.id); |
||||
|
} |
||||
|
} |
||||
|
return this.visible; |
||||
|
}, |
||||
|
set(val) { |
||||
|
this.$emit("close", val); |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
methods: { |
||||
|
initData() { |
||||
|
if (this.tplCategory.length && this.templateAll.length) { |
||||
|
this.____setAvailableTemplate(); |
||||
|
} else { |
||||
|
Promise.all([ |
||||
|
this.____getTemplateCategory(), |
||||
|
this.____getAllTemplate(), |
||||
|
]).then((res) => { |
||||
|
this.____setAvailableTemplate(); |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
// 获取信息模板分类 |
||||
|
____getTemplateCategory() { |
||||
|
return this.getDicts("iot_template_category").then((res) => { |
||||
|
this.tplCategory = res.data; |
||||
|
}); |
||||
|
}, |
||||
|
//获取全部模版 |
||||
|
____getAllTemplate() { |
||||
|
return getTemplateList().then((res) => { |
||||
|
this.templateAll = res.data; |
||||
|
}); |
||||
|
}, |
||||
|
// 设置当前设备可用的模板 |
||||
|
____setAvailableTemplate() { |
||||
|
this.templateAvailable = []; |
||||
|
this.tplCategory.forEach((item, index) => { |
||||
|
let arr = this.templateAll["" + index]; |
||||
|
if (arr.length > 0) { |
||||
|
let temp = []; |
||||
|
arr.forEach((tpl) => { |
||||
|
if (tpl.screenSize) { |
||||
|
temp.push(tpl); |
||||
|
} |
||||
|
}); |
||||
|
if (temp.length > 0) { |
||||
|
this.templateAvailable.push({ |
||||
|
...item, |
||||
|
list: temp, |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
changeRadio(data) { |
||||
|
this.itmData = data; |
||||
|
}, |
||||
|
handleSubmit() { |
||||
|
this.modelVisible = false; |
||||
|
this.$emit("dialogSubmit", this.itmData); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.listBox { |
||||
|
padding: 20px; |
||||
|
|
||||
|
.tplItem { |
||||
|
margin-right: 14px; |
||||
|
display: flex; |
||||
|
align-items: stretch; |
||||
|
padding-bottom: 10px; |
||||
|
|
||||
|
.boardPreview { |
||||
|
border: 1px solid rgba(61, 232, 255, 0.5); |
||||
|
// width: 560px; |
||||
|
// height:80px; |
||||
|
flex: 1; |
||||
|
} |
||||
|
|
||||
|
.infoBtnBox { |
||||
|
&.infoBtnBoxSm { |
||||
|
width: 60px; |
||||
|
} |
||||
|
|
||||
|
width: 110px; |
||||
|
height: 80px; |
||||
|
display: flex; |
||||
|
margin-left: 10px; |
||||
|
/* // border: solid 1px #05afe3; */ |
||||
|
border: 1px solid rgba(61, 232, 255, 0.5); |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
align-items: center; |
||||
|
|
||||
|
.btn { |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
width: 15px; |
||||
|
height: 30px; |
||||
|
|
||||
|
&.btnApply { |
||||
|
background-image: url(~@/assets/jihe/images/button/toLeft.svg); |
||||
|
} |
||||
|
|
||||
|
&.btnEdit { |
||||
|
background-image: url(~@/assets/jihe/images/button/edit.svg); |
||||
|
} |
||||
|
|
||||
|
&.btnDelete { |
||||
|
background-image: url(~@/assets/jihe/images/button/delete.svg); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
i { |
||||
|
font-size: 24px; |
||||
|
color: #666; |
||||
|
padding-left: 4px; |
||||
|
cursor: pointer; |
||||
|
caret-color: rgba(0, 0, 0, 0); |
||||
|
user-select: none; |
||||
|
} |
||||
|
|
||||
|
i:hover { |
||||
|
color: #05afe3; |
||||
|
} |
||||
|
|
||||
|
.disabledClass { |
||||
|
pointer-events: none; |
||||
|
cursor: auto !important; |
||||
|
color: #ccc; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.controlBox { |
||||
|
margin-top: 10px; |
||||
|
margin-bottom: 10px; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
|
||||
|
.el-collapse { |
||||
|
max-height: 100% !important; |
||||
|
overflow: auto; |
||||
|
border-bottom: none; |
||||
|
border-top: none; |
||||
|
padding: 0 0.5vw; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.fade-enter-active, |
||||
|
.fade-leave-active { |
||||
|
transition: opacity 0.24s; |
||||
|
} |
||||
|
|
||||
|
.fade-enter, |
||||
|
.fade-leave-to { |
||||
|
opacity: 0; |
||||
|
} |
||||
|
|
||||
|
.PlanQbbDialog { |
||||
|
gap: 9px; |
||||
|
width: 650px; |
||||
|
height: 510px; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
|
||||
|
.first, |
||||
|
.second, |
||||
|
.third { |
||||
|
padding: 5px 10px 8px; |
||||
|
background-color: #296887; |
||||
|
margin-bottom: 15px; |
||||
|
|
||||
|
.text { |
||||
|
margin-top: 12px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
::v-deep { |
||||
|
.el-radio__label { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.form { |
||||
|
flex: 1; |
||||
|
overflow-y: auto; |
||||
|
} |
||||
|
|
||||
|
.footer { |
||||
|
display: flex; |
||||
|
justify-content: end; |
||||
|
gap: 15px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,9 @@ |
|||||
|
// import { planDeviceOptions } from "@screen/utils/enum.js";
|
||||
|
|
||||
|
export const defaultTableInfo = { |
||||
|
deviceType: 2, |
||||
|
searchRule: 1, |
||||
|
number: 0, |
||||
|
// zx_operationType: 2,
|
||||
|
// hf_operationType: 2,
|
||||
|
}; |
||||
Loading…
Reference in new issue