|
|
|
|
@ -4,17 +4,17 @@
|
|
|
|
|
:title="photoDialogTitle"
|
|
|
|
|
:visible.sync="isShow"
|
|
|
|
|
:close-on-click-modal="false"
|
|
|
|
|
width="576px"
|
|
|
|
|
width="800px"
|
|
|
|
|
@close="handleclose"
|
|
|
|
|
>
|
|
|
|
|
<el-form
|
|
|
|
|
label-position="left"
|
|
|
|
|
label-width="98px"
|
|
|
|
|
label-width="74px"
|
|
|
|
|
ref="formgrapInfo"
|
|
|
|
|
:rules="rules"
|
|
|
|
|
:model="formInfo"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item label="线路" prop="lineid">
|
|
|
|
|
<el-form-item label="线路名称：" prop="lineid">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="formInfo.lineid"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
@ -29,7 +29,7 @@
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="杆塔：" prop="towerid">
|
|
|
|
|
<el-form-item label="杆塔名称：" prop="towerid">
|
|
|
|
|
<el-select v-model="formInfo.towerid" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in toweridOptions"
|
|
|
|
|
@ -43,32 +43,71 @@
|
|
|
|
|
<el-form-item label="装置ID：" prop="cmdid">
|
|
|
|
|
<el-input v-model="formInfo.cmdid" auto-complete="on"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item label="显示名：" prop="displayName" required>
|
|
|
|
|
<el-input v-model="formInfo.displayName" auto-complete="on"></el-input>
|
|
|
|
|
</el-form-item> -->
|
|
|
|
|
|
|
|
|
|
<el-form-item label="装置名称：" prop="equipName">
|
|
|
|
|
<el-input v-model="formInfo.equipName" auto-complete="on"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="SIM卡：" prop="sim">
|
|
|
|
|
<el-input v-model="formInfo.sim" auto-complete="on"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="通道(可多选)：" prop="channelVal">
|
|
|
|
|
<el-checkbox-group
|
|
|
|
|
class="channelBox"
|
|
|
|
|
v-model="formInfo.channelVal"
|
|
|
|
|
v-if="channelOptions.length > 0"
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
<h4>添加通道</h4>
|
|
|
|
|
<div class="addchannel" ref="channelBoxref">
|
|
|
|
|
<div
|
|
|
|
|
class="channelBoxadd"
|
|
|
|
|
v-for="(channellist, index) in formInfo.list"
|
|
|
|
|
:key="index"
|
|
|
|
|
>
|
|
|
|
|
<el-checkbox
|
|
|
|
|
border
|
|
|
|
|
v-for="item in channelOptions"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
:label="item.id"
|
|
|
|
|
:value="item.channelname"
|
|
|
|
|
>{{ item.channelname }}</el-checkbox
|
|
|
|
|
<el-form-item label="通道号：">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="channellist.channelVal"
|
|
|
|
|
placeholder="请选择通道号"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in channelOptions"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
:label="item.channelname"
|
|
|
|
|
:value="item.id"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="通道名称：">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="channellist.nickname"
|
|
|
|
|
placeholder="请输入通道名称"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div class="btngrop">
|
|
|
|
|
<el-button
|
|
|
|
|
v-if="index !== 0"
|
|
|
|
|
type="danger"
|
|
|
|
|
icon="el-icon-minus"
|
|
|
|
|
@click="deleteModule(channellist, index)"
|
|
|
|
|
></el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
icon="el-icon-plus"
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="addModule()"
|
|
|
|
|
v-if="index + 1 == formInfo.list.length"
|
|
|
|
|
></el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <el-form-item label="通道(可多选)：" prop="channelVal">
|
|
|
|
|
<el-checkbox-group
|
|
|
|
|
class="channelBox"
|
|
|
|
|
v-model="formInfo.channelVal"
|
|
|
|
|
v-if="channelOptions.length > 0"
|
|
|
|
|
>
|
|
|
|
|
</el-checkbox-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-checkbox
|
|
|
|
|
border
|
|
|
|
|
v-for="item in channelOptions"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
:label="item.id"
|
|
|
|
|
:value="item.channelname"
|
|
|
|
|
>{{ item.channelname }}</el-checkbox
|
|
|
|
|
>
|
|
|
|
|
</el-checkbox-group>
|
|
|
|
|
</el-form-item> -->
|
|
|
|
|
</div>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="isShow = false">取 消</el-button>
|
|
|
|
|
@ -105,15 +144,7 @@ export default {
|
|
|
|
|
};
|
|
|
|
|
return {
|
|
|
|
|
isShow: false,
|
|
|
|
|
formInfo: {
|
|
|
|
|
// lineid: "",
|
|
|
|
|
// towerid: "",
|
|
|
|
|
// equipName: "",
|
|
|
|
|
// cmdid: "",
|
|
|
|
|
// sim: "",
|
|
|
|
|
// displayName: "",
|
|
|
|
|
channelVal: [],
|
|
|
|
|
},
|
|
|
|
|
formInfo: {},
|
|
|
|
|
channelOptions: [], //所有通道列表
|
|
|
|
|
lineOptions: [], //线路
|
|
|
|
|
toweridOptions: [], //杆塔
|
|
|
|
|
@ -137,7 +168,17 @@ export default {
|
|
|
|
|
this.getChannel();
|
|
|
|
|
if (val == null) {
|
|
|
|
|
return (this.formInfo = {
|
|
|
|
|
channelVal: [],
|
|
|
|
|
lineid: [],
|
|
|
|
|
towerid: [],
|
|
|
|
|
cmdid: "",
|
|
|
|
|
equipName: "",
|
|
|
|
|
sim: "",
|
|
|
|
|
list: [
|
|
|
|
|
{
|
|
|
|
|
channelVal: [],
|
|
|
|
|
nickname: "",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
this.formInfo = val;
|
|
|
|
|
@ -147,6 +188,32 @@ export default {
|
|
|
|
|
});
|
|
|
|
|
this.$set(this.formInfo, "channelVal", channelnr);
|
|
|
|
|
},
|
|
|
|
|
//新增一行
|
|
|
|
|
addModule() {
|
|
|
|
|
//新增一行
|
|
|
|
|
this.formInfo.list.push({
|
|
|
|
|
channelVal: [],
|
|
|
|
|
nickname: "",
|
|
|
|
|
});
|
|
|
|
|
console.log(this.formInfo.list);
|
|
|
|
|
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
console.log(this.$refs.channelBoxref);
|
|
|
|
|
if (this.$refs.channelBoxref) {
|
|
|
|
|
console.log(this.$refs.channelBoxref.scrollHeight);
|
|
|
|
|
this.$refs.channelBoxref.scrollTop =
|
|
|
|
|
this.$refs.channelBoxref.scrollHeight;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
//删除一行
|
|
|
|
|
deleteModule(item, index) {
|
|
|
|
|
console.log(item, index);
|
|
|
|
|
const itemList = this.formInfo.list.indexOf(item);
|
|
|
|
|
if (itemList !== -1) {
|
|
|
|
|
this.formInfo.list.splice(index, 1);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 保存确定操作
|
|
|
|
|
submitForm() {
|
|
|
|
|
this.$refs.formgrapInfo.validate((valid) => {
|
|
|
|
|
@ -272,11 +339,11 @@ export default {
|
|
|
|
|
.addPhotoDialog {
|
|
|
|
|
.el-dialog {
|
|
|
|
|
.el-form {
|
|
|
|
|
//display: flex;
|
|
|
|
|
// flex-wrap: wrap;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
.el-form-item {
|
|
|
|
|
// width: 260px;
|
|
|
|
|
// margin-right: 16px;
|
|
|
|
|
width: 364px;
|
|
|
|
|
margin-right: 16px;
|
|
|
|
|
.el-select {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
@ -289,6 +356,36 @@ export default {
|
|
|
|
|
padding-right: 0px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.el-divider--horizontal {
|
|
|
|
|
margin: 12px;
|
|
|
|
|
}
|
|
|
|
|
h4 {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
margin-bottom: 6px;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
}
|
|
|
|
|
.addchannel {
|
|
|
|
|
max-height: 200px;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
.channelBoxadd {
|
|
|
|
|
display: flex;
|
|
|
|
|
//justify-content: space-between;
|
|
|
|
|
padding-right: 6px;
|
|
|
|
|
.el-form-item {
|
|
|
|
|
width: 310px;
|
|
|
|
|
}
|
|
|
|
|
.btngrop {
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
margin-left: 16px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
.el-button--small {
|
|
|
|
|
padding: 9px 8px;
|
|
|
|
|
width: 30px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.channelBox {
|
|
|
|
|
.el-checkbox {
|
|
|
|
|
margin-right: 12px;
|
|
|
|
|
|
fanluyan
2 years ago