|
@@ -44,14 +44,14 @@
|
|
|
<grid-layout
|
|
|
:key="pageArray.length+'_'+layoutKey"
|
|
|
:layout.sync="pageArray"
|
|
|
- :col-num="6"
|
|
|
+ :col-num="3"
|
|
|
:row-height="30"
|
|
|
:is-draggable="true"
|
|
|
:is-resizable="false"
|
|
|
:is-mirrored="false"
|
|
|
:vertical-compact="false"
|
|
|
:prevent-collision="true"
|
|
|
- :margin="[10, 10]"
|
|
|
+ :margin="[10, 0]"
|
|
|
:use-css-transforms="false"
|
|
|
:auto-size="false"
|
|
|
class="box-canvs-main-screen"
|
|
@@ -388,7 +388,7 @@ export default {
|
|
|
// 调接口获取详情
|
|
|
const res = await addTemplateApi.configDetail({ id: rowData.id });
|
|
|
if (res.code !== 200) return this.initFormData({ })
|
|
|
- const from = { ...res.data, baseId: res.data.baseId.toString() }
|
|
|
+ const form = { ...res.data, baseId: res.data.baseId.toString() }
|
|
|
this.pageArray = JSON.parse(res.data.components).map((item, index) => ({
|
|
|
...item,
|
|
|
x: Number(item.x),
|
|
@@ -398,7 +398,10 @@ export default {
|
|
|
i: index,
|
|
|
text: item.content
|
|
|
}))
|
|
|
- this.initFormData(from);
|
|
|
+ const { allBase } = this
|
|
|
+ const baseItem = allBase.filter(item => item.value === form.baseId)[0]
|
|
|
+ this.baseItem = baseItem
|
|
|
+ this.initFormData(form)
|
|
|
},
|
|
|
// 关闭之前回调.
|
|
|
async handleBeforeClose(type) {
|
|
@@ -407,7 +410,7 @@ export default {
|
|
|
};
|
|
|
// 按钮配置项校验
|
|
|
let validateResult = null
|
|
|
- for(let index = 0; index <= this.pageArray.length-1; index++) {
|
|
|
+ for (let index = 0; index <= this.pageArray.length-1; index++) {
|
|
|
validateResult = this.validateBtn(this.pageArray[index])
|
|
|
if (validateResult !== true) {
|
|
|
this.isShowSeting = true
|
|
@@ -440,29 +443,26 @@ export default {
|
|
|
this.initFormData({})
|
|
|
return true
|
|
|
},
|
|
|
- // 数据验证
|
|
|
- validateList() {
|
|
|
- let pageArray = this.pageArray
|
|
|
- for (let i = 0; i < pageArray.length - 1; i++) {
|
|
|
- let item = pageArray[i]
|
|
|
- // const { typeNum, defValue, bandValue, bootCode }
|
|
|
- }
|
|
|
- },
|
|
|
// 添加
|
|
|
addCpns(item) {
|
|
|
if (!this.baseItem.id) {
|
|
|
this.$message.error('请先选择基础库')
|
|
|
return
|
|
|
}
|
|
|
- const newItem = { w: 2, h: 2, x: 1, y: this.pageArray.map(item => item?.y).sort()[this.pageArray.length-1] || 1, i: this.pageArrayCount, ...item }
|
|
|
+ const newItem = { w: 2, h: 1, x: 1, y: this.pageArray.map(item => item?.y).sort()[this.pageArray.length-1] || 1, i: this.pageArrayCount, ...item }
|
|
|
if (this.baseItem.id !== undefined) {
|
|
|
- const { bandValue, bootCode, bootCodeSend, dateCode, overCode } = this.baseItem
|
|
|
+ const { bandValue, bootCode, bootCodeSend, dateCode, overCode, synchronizeCode, synchronizeCodeSend, dateBinary0, dateBinary1, repeatCode } = this.baseItem
|
|
|
if (item.type === 'button') {
|
|
|
newItem.bandValue = bandValue
|
|
|
+ newItem.repeatCode = repeatCode
|
|
|
newItem.bootCode = bootCode
|
|
|
newItem.bootCodeSend = bootCodeSend
|
|
|
newItem.dateCode = dateCode
|
|
|
newItem.overCode = overCode
|
|
|
+ newItem.synchronizeCode = synchronizeCode
|
|
|
+ newItem.synchronizeCodeSend = synchronizeCodeSend
|
|
|
+ newItem.dateBinary0 = dateBinary0
|
|
|
+ newItem.dateBinary1 = dateBinary1
|
|
|
newItem.addSubMax = ''
|
|
|
newItem.addSubMin = ''
|
|
|
}
|
|
@@ -597,7 +597,7 @@ h3 {
|
|
|
position: absolute;
|
|
|
top: 90px;
|
|
|
left: 20px;
|
|
|
- width: 333px;
|
|
|
+ width: 334px;
|
|
|
height: 585px;
|
|
|
border: 1px solid #000;
|
|
|
border-radius: 4px;
|