调整代码： ibp盘
This commit is contained in:
fan
parent
1f2d2a1794
commit
044f66d9d9
@ -2,7 +2,6 @@ import * as zrUtil from 'zrender/src/core/util';
|
|||||||
import * as matrix from 'zrender/src/core/matrix';
|
import * as matrix from 'zrender/src/core/matrix';
|
||||||
import deviceType from '../constant/deviceType';
|
import deviceType from '../constant/deviceType';
|
||||||
import deviceRender from '../constant/deviceRender';
|
import deviceRender from '../constant/deviceRender';
|
||||||
import store from '@/store';
|
|
||||||
|
|
||||||
export function createTransform(opts) {
|
export function createTransform(opts) {
|
||||||
let transform = matrix.create();
|
let transform = matrix.create();
|
||||||
@ -77,43 +76,3 @@ export function parser(data, config) {
|
|||||||
|
|
||||||
return ibpDevice;
|
return ibpDevice;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function updateIbpData(device, type) {
|
|
||||||
const ibpData = store.getters['ibp/ibp'];
|
|
||||||
switch (device.type) {
|
|
||||||
case deviceType.Background : {
|
|
||||||
ibpData.background = device;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case deviceType.IbpText : {
|
|
||||||
if (ibpData.textList && ibpData.textList.length > 0) {
|
|
||||||
for (let i=0; i<ibpData.textList.length; i++) {
|
|
||||||
if (device.code === ibpData.textList[i].code) {
|
|
||||||
type === 'delete'? ibpData.textList.splice(i, 1) :ibpData.textList[i] = device;
|
|
||||||
} else {
|
|
||||||
ibpData.textList.push(device);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
ibpData.textList = [device];
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case deviceType.SquareButton : {
|
|
||||||
if (ibpData.squareButtonList && ibpData.squareButtonList.length > 0) {
|
|
||||||
for (let i=0; i<ibpData.squareButtonList.length; i++) {
|
|
||||||
if (device.code === ibpData.squareButtonList[i].code) {
|
|
||||||
type === 'delete' ? ibpData.squareButtonList.splice(i, 1):ibpData.squareButtonList[i] = device;
|
|
||||||
} else {
|
|
||||||
ibpData.squareButtonList.push(device);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
ibpData.squareButtonList = [device];
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
console.log(ibpData);
|
|
||||||
store.dispatch('ibp/setIbpData', ibpData);
|
|
||||||
}
|
|
||||||
|
|||||||
65
src/views/ibp/ibpDraft/ibpEdit/ibpOperate/ibpAlarm.vue
Normal file
65
src/views/ibp/ibpDraft/ibpEdit/ibpOperate/ibpAlarm.vue
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-form ref="form" :model="form" label-width="80px">
|
||||||
|
<el-form-item label="报警器宽度">
|
||||||
|
<el-input-number v-model="form.alarmWidth" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="报警器长度">
|
||||||
|
<el-input-number v-model="form.alarmHeight" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="onSubmit">立即创建</el-button>
|
||||||
|
<el-button>取消</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'ButtonDraft',
|
||||||
|
components: {
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
alarmWidth: '',
|
||||||
|
alarmHeight: ''
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
alarmWidth: [
|
||||||
|
{ required: true, message: '请输入报警器宽度', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
alarmHeight: [
|
||||||
|
{ required: true, message: '请输入报警器高度', trigger: 'blur' },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onSubmit() {
|
||||||
|
const alarmModel = {
|
||||||
|
zlevel: 1,
|
||||||
|
z: 1,
|
||||||
|
x: 10,
|
||||||
|
y: 10,
|
||||||
|
_type: 'SquareButton',
|
||||||
|
width: this.form .alarmWidth,
|
||||||
|
height: this.form.alarmHeight
|
||||||
|
};
|
||||||
|
this.$emit('createButton', alarmModel)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -0,0 +1,65 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-form ref="form" :model="form" label-width="80px">
|
||||||
|
<el-form-item label="扶梯框宽度">
|
||||||
|
<el-input-number v-model="form.appendageBoxWidth" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="扶梯框高度">
|
||||||
|
<el-input-number v-model="form.appendageBoxHeight" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="onSubmit">立即创建</el-button>
|
||||||
|
<el-button>取消</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'AppendageBoxDraft',
|
||||||
|
components: {
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
appendageBoxWidth: '',
|
||||||
|
appendageBoxHeight: ''
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
appendageBoxWidth: [
|
||||||
|
{ required: true, message: '请输入扶梯框宽度', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
appendageBoxHeight: [
|
||||||
|
{ required: true, message: '请输入扶梯框高度', trigger: 'blur' },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onSubmit() {
|
||||||
|
const appendageBoxModel = {
|
||||||
|
zlevel: 1,
|
||||||
|
z: 1,
|
||||||
|
x: 10,
|
||||||
|
y: 10,
|
||||||
|
_type: 'AppendageBox',
|
||||||
|
width: this.form .appendageBoxWidth,
|
||||||
|
height: this.form.appendageBoxHeight
|
||||||
|
};
|
||||||
|
this.$emit('createAppendageBox', appendageBoxModel)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
78
src/views/ibp/ibpDraft/ibpEdit/ibpOperate/ibpArrow.vue
Normal file
78
src/views/ibp/ibpDraft/ibpEdit/ibpOperate/ibpArrow.vue
Normal file
@ -0,0 +1,78 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-form ref="form" :model="form" label-width="80px">
|
||||||
|
<el-form-item label="箭头方向">
|
||||||
|
<el-select v-model="form.arrowDirection" placeholder="请选择箭头方向">
|
||||||
|
<el-option label="向上" value="redButton"></el-option>
|
||||||
|
<el-option label="向下" value="yellowButton"></el-option>
|
||||||
|
<el-option label="向左" value="greenButton"></el-option>
|
||||||
|
<el-option label="向右" value="greenButton"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="箭头长度">
|
||||||
|
<el-input-number v-model="form.arrowWidth" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="箭头宽度">
|
||||||
|
<el-input-number v-model="form.arrowHeight" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="onSubmit">立即创建</el-button>
|
||||||
|
<el-button>取消</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'ButtonDraft',
|
||||||
|
components: {
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
arrowDirection: '',
|
||||||
|
arrowWidth: '',
|
||||||
|
arrowHeight: ''
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
arrowDirection: [
|
||||||
|
{ required: true, message: '请选择箭头方向', trigger: 'change'}
|
||||||
|
],
|
||||||
|
arrowWidth: [
|
||||||
|
{ required: true, message: '请输入箭头长度', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
arrowHeight: [
|
||||||
|
{ required: true, message: '请输入箭头线宽', trigger: 'blur' },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onSubmit() {
|
||||||
|
const arrowModel = {
|
||||||
|
zlevel: 1,
|
||||||
|
z: 1,
|
||||||
|
x: 10,
|
||||||
|
y: 10,
|
||||||
|
_type: 'Arrow',
|
||||||
|
colorType: this.form.buttonColor,
|
||||||
|
width: this.form .arrowWidth,
|
||||||
|
height: this.form.arrowHeight
|
||||||
|
};
|
||||||
|
this.$emit('createButton', arrowModel)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -30,18 +30,19 @@
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
form: {
|
form: {
|
||||||
bgWidth: '',
|
buttonColor: '',
|
||||||
bgHeight: ''
|
buttonWidth: '',
|
||||||
|
buttonHeight: ''
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
buttonColor: [
|
buttonColor: [
|
||||||
{ required: true, message: '请选择按钮颜色', trigger: 'change'}
|
{ required: true, message: '请选择按钮颜色', trigger: 'change'}
|
||||||
],
|
],
|
||||||
buttonWidth: [
|
buttonWidth: [
|
||||||
{ required: true, message: '请输入背景板宽度', trigger: 'blur' },
|
{ required: true, message: '请输入按钮宽度', trigger: 'blur' },
|
||||||
],
|
],
|
||||||
buttonHeight: [
|
buttonHeight: [
|
||||||
{ required: true, message: '请输入背景板高度', trigger: 'blur' },
|
{ required: true, message: '请输入按钮高度', trigger: 'blur' },
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
78
src/views/ibp/ibpDraft/ibpEdit/ibpOperate/ibpCLamp.vue
Normal file
78
src/views/ibp/ibpDraft/ibpEdit/ibpOperate/ibpCLamp.vue
Normal file
@ -0,0 +1,78 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-form ref="form" :model="form" label-width="80px">
|
||||||
|
<el-form-item label="圆形指示灯半径">
|
||||||
|
<el-input-number v-model="form.r" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="圆形指示灯关闭颜色">
|
||||||
|
<el-input-number v-model="form.offColor" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="圆形指示灯打开颜色">
|
||||||
|
<el-input-number v-model="form.onColor" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="onSubmit">立即创建</el-button>
|
||||||
|
<el-button>取消</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'ButtonDraft',
|
||||||
|
components: {
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
r: '',
|
||||||
|
offColor: '',
|
||||||
|
onColor: ''
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
r: [
|
||||||
|
{ required: true, message: '请输入圆形指示灯半径', trigger: 'change'}
|
||||||
|
],
|
||||||
|
offColor: [
|
||||||
|
{ required: true, message: '请输入圆形指示灯关闭颜色', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
onColor: [
|
||||||
|
{ required: true, message: '请输入圆形指示灯打开颜色', trigger: 'blur' },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onSubmit() {
|
||||||
|
const lampModel = {
|
||||||
|
zlevel: 1,
|
||||||
|
z: 1,
|
||||||
|
x: 10,
|
||||||
|
y: 10,
|
||||||
|
_type: 'CircularLamp',
|
||||||
|
r: this.form.r,
|
||||||
|
offColor: this.form.offColor,
|
||||||
|
onColor: this.form.onColor
|
||||||
|
};
|
||||||
|
this.$emit('createLamp', lampModel)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||||
|
@import "src/styles/mixin.scss";
|
||||||
|
.button_box{
|
||||||
|
width: 100%;
|
||||||
|
background: #f0f0f0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,65 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-form ref="form" :model="form" label-width="80px">
|
||||||
|
<el-form-item label="旋转按钮宽度">
|
||||||
|
<el-input-number v-model="form.rotatingButtonWidth" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="旋转按钮高度">
|
||||||
|
<el-input-number v-model="form.rotatingButtonHeight" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="onSubmit">立即创建</el-button>
|
||||||
|
<el-button>取消</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'RotatingButtonDraft',
|
||||||
|
components: {
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
rotatingButtonWidth: '',
|
||||||
|
rotatingButtonHeight: ''
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
rotatingButtonWidth: [
|
||||||
|
{ required: true, message: '请输入旋转按钮宽度', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
rotatingButtonHeight: [
|
||||||
|
{ required: true, message: '请输入旋转按钮高度', trigger: 'blur' },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onSubmit() {
|
||||||
|
const rotatingButtonModel = {
|
||||||
|
zlevel: 1,
|
||||||
|
z: 1,
|
||||||
|
x: 10,
|
||||||
|
y: 10,
|
||||||
|
_type: 'RotatingButton',
|
||||||
|
width: this.form .rotatingButtonWidth,
|
||||||
|
height: this.form.rotatingButtonHeight
|
||||||
|
};
|
||||||
|
this.$emit('createAppendageBox', rotatingButtonModel)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue
Block a user