|
@@ -2,9 +2,14 @@
|
|
|
<div class='edit-box'>
|
|
|
<el-form v-if='form.devArr.length' class='form' ref='form' :model='form' label-width='140px'>
|
|
|
<div class='dev-know' v-for='(item,index) in form.devArr' :key='index'>
|
|
|
- <el-form-item v-if='devFlag' label='设备标识' :prop='"devArr." + index + ".EquipmentMark"' :rules='{
|
|
|
+ <el-form-item
|
|
|
+ v-if='devFlag'
|
|
|
+ label='设备标识'
|
|
|
+ :prop='"devArr." + index + ".EquipmentMark"'
|
|
|
+ :rules='{
|
|
|
required: true, message: "设备标识不能为空", trigger: "blur"
|
|
|
- }'>
|
|
|
+ }'
|
|
|
+ >
|
|
|
<el-input v-model='item.EquipmentMark'></el-input>
|
|
|
</el-form-item>
|
|
|
<p class='strsub'>
|
|
@@ -19,23 +24,31 @@
|
|
|
</div>
|
|
|
<p class='tranf-box'>
|
|
|
需要将截取值转换为标准值
|
|
|
- <el-switch v-model='tranfVal' style="margin-left:12px" active-color='#13ce66' inactive-color='#ff4949'></el-switch>
|
|
|
+ <el-switch v-model='tranfVal' style='margin-left:12px' active-color='#13ce66' inactive-color='#ff4949'></el-switch>
|
|
|
</p>
|
|
|
<ul class='point-box'>
|
|
|
<span class='left'>如果</span>
|
|
|
<span class='right'>那么</span>
|
|
|
<li v-for='(item,index) in form.pointArr' :key='index'>
|
|
|
<p>
|
|
|
- <el-form-item label='原始点位值' :prop='"pointArr." + index + ".from"' :rules='{
|
|
|
+ <el-form-item
|
|
|
+ label='原始点位值'
|
|
|
+ :prop='"pointArr." + index + ".from"'
|
|
|
+ :rules='{
|
|
|
required: tranfVal?true: false, message: "不能为空", trigger: "blur"
|
|
|
- }'>
|
|
|
+ }'
|
|
|
+ >
|
|
|
<el-input v-model='item.from' :disabled='!tranfVal'></el-input>
|
|
|
</el-form-item>
|
|
|
</p>
|
|
|
<p>
|
|
|
- <el-form-item label='转换为标准值' :prop='"pointArr." + index + ".to"' :rules='{
|
|
|
+ <el-form-item
|
|
|
+ label='转换为标准值'
|
|
|
+ :prop='"pointArr." + index + ".to"'
|
|
|
+ :rules='{
|
|
|
required: tranfVal?true: false, message: "不能为空", trigger: "blur"
|
|
|
- }'>
|
|
|
+ }'
|
|
|
+ >
|
|
|
<el-input v-model='item.to' :disabled='!tranfVal'></el-input>
|
|
|
</el-form-item>
|
|
|
<i v-if='index > 0' class='el-icon-delete delete' @click='deleteRow(index)'></i>
|
|
@@ -50,161 +63,167 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- export default {
|
|
|
- name: 'step3_auto-handle',
|
|
|
- data() {
|
|
|
- return {
|
|
|
- form: {
|
|
|
- devArr: [{
|
|
|
+export default {
|
|
|
+ name: 'step3_auto-handle',
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ form: {
|
|
|
+ devArr: [
|
|
|
+ {
|
|
|
EquipmentMark: '',
|
|
|
SplitStart: 1,
|
|
|
SplitEnd: 1
|
|
|
- }],
|
|
|
- pointArr: []
|
|
|
- },
|
|
|
- tranfVal: true
|
|
|
- }
|
|
|
- },
|
|
|
- props: {
|
|
|
- devFlag: {
|
|
|
- default: true,
|
|
|
- type: Boolean
|
|
|
- },
|
|
|
- splitHandleShow: {}
|
|
|
- },
|
|
|
- methods: {
|
|
|
- getForm(cb) {
|
|
|
- this.$refs['form'].validate(valid => {
|
|
|
- if (valid) {
|
|
|
- this.form.tranfVal = this.tranfVal;
|
|
|
- cb(this.form)
|
|
|
- } else {
|
|
|
- cb(false)
|
|
|
}
|
|
|
- })
|
|
|
- },
|
|
|
- addDevs() {
|
|
|
- this.form.devArr.push(this.newDevs())
|
|
|
+ ],
|
|
|
+ pointArr: []
|
|
|
},
|
|
|
- newDevs() {
|
|
|
- return {
|
|
|
- EquipmentMark: '',
|
|
|
- SplitStart: 1,
|
|
|
- SplitEnd: 1
|
|
|
+ tranfVal: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ devFlag: {
|
|
|
+ default: true,
|
|
|
+ type: Boolean
|
|
|
+ },
|
|
|
+ splitHandleShow: {}
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getForm(cb) {
|
|
|
+ this.$refs['form'].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ this.form.tranfVal = this.tranfVal
|
|
|
+ cb(this.form)
|
|
|
+ } else {
|
|
|
+ cb(false)
|
|
|
}
|
|
|
- },
|
|
|
- delDev(index) {
|
|
|
- this.form.devArr.splice(index, 1)
|
|
|
- },
|
|
|
- addRules() {
|
|
|
- this.form.pointArr.push(this.newRules())
|
|
|
- },
|
|
|
- newRules() {
|
|
|
- return {
|
|
|
+ })
|
|
|
+ },
|
|
|
+ addDevs() {
|
|
|
+ this.form.devArr.push(this.newDevs())
|
|
|
+ },
|
|
|
+ newDevs() {
|
|
|
+ return {
|
|
|
+ EquipmentMark: '',
|
|
|
+ SplitStart: 1,
|
|
|
+ SplitEnd: 1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ delDev(index) {
|
|
|
+ this.form.devArr.splice(index, 1)
|
|
|
+ },
|
|
|
+ addRules() {
|
|
|
+ this.form.pointArr.push(this.newRules())
|
|
|
+ },
|
|
|
+ newRules() {
|
|
|
+ return {
|
|
|
+ from: '',
|
|
|
+ to: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deleteRow(index) {
|
|
|
+ if (!this.tranfVal) {
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ this.form.pointArr.splice(index, 1)
|
|
|
+ },
|
|
|
+ init() {
|
|
|
+ this.form.pointArr = [
|
|
|
+ {
|
|
|
from: '',
|
|
|
to: ''
|
|
|
}
|
|
|
- },
|
|
|
- deleteRow(index) {
|
|
|
- if (!this.tranfVal) {
|
|
|
- return false
|
|
|
- }
|
|
|
- this.form.pointArr.splice(index, 1)
|
|
|
- },
|
|
|
- init() {
|
|
|
- this.form.pointArr = [{
|
|
|
- from: '',
|
|
|
- to: ''
|
|
|
- }]
|
|
|
- }
|
|
|
- },
|
|
|
- watch: {
|
|
|
- splitHandleShow: {
|
|
|
- immediate: true,
|
|
|
- deep: true,
|
|
|
- handler(val) {
|
|
|
- if (val) {
|
|
|
- this.form = val;
|
|
|
- // console.log(this.form)
|
|
|
- } else {
|
|
|
- this.init()
|
|
|
- }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ splitHandleShow: {
|
|
|
+ immediate: true,
|
|
|
+ deep: true,
|
|
|
+ handler(val) {
|
|
|
+ if (val) {
|
|
|
+ this.form = val
|
|
|
+ // console.log(this.form)
|
|
|
+ } else {
|
|
|
+ this.init()
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang='scss'>
|
|
|
- .edit-box {
|
|
|
- .form {
|
|
|
- .dev-know {
|
|
|
- margin-top: 5px;
|
|
|
- background: #e6e6e6;
|
|
|
- padding: 5px 50px 5px 0;
|
|
|
- width: 470px;
|
|
|
- position: relative;
|
|
|
- .del-sub-icon {
|
|
|
- position: absolute;
|
|
|
- right: 15px;
|
|
|
- top: 50px;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- .strsub {
|
|
|
- padding-left: 20px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .tranf-box {
|
|
|
- height: 50px;
|
|
|
- line-height: 80px;
|
|
|
- }
|
|
|
- .point-box {
|
|
|
- margin-top: 45px;
|
|
|
+.edit-box {
|
|
|
+ .form {
|
|
|
+ .dev-know {
|
|
|
+ margin-top: 5px;
|
|
|
+ background: #e6e6e6;
|
|
|
+ padding: 5px 50px 5px 0;
|
|
|
+ width: 470px;
|
|
|
position: relative;
|
|
|
- width: 500px;
|
|
|
- .left,
|
|
|
- .right {
|
|
|
- font-size: 20px;
|
|
|
- background: #fff;
|
|
|
- }
|
|
|
- .left {
|
|
|
+ .del-sub-icon {
|
|
|
position: absolute;
|
|
|
- top: -25px;
|
|
|
- left: -11px;
|
|
|
+ right: 15px;
|
|
|
+ top: 50px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
- .right {
|
|
|
- position: absolute;
|
|
|
- top: -25px;
|
|
|
- left: 260px;
|
|
|
+ .strsub {
|
|
|
+ padding-left: 20px;
|
|
|
}
|
|
|
- li {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- margin-top: 5px;
|
|
|
- position: relative;
|
|
|
- p {
|
|
|
- .name {
|
|
|
- padding-left: 40px;
|
|
|
- }
|
|
|
- .value {
|
|
|
- margin-left: 10px;
|
|
|
- display: inline-block;
|
|
|
- width: 80px;
|
|
|
- }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .tranf-box {
|
|
|
+ height: 50px;
|
|
|
+ line-height: 80px;
|
|
|
+ }
|
|
|
+ .point-box {
|
|
|
+ margin-top: 45px;
|
|
|
+ position: relative;
|
|
|
+ width: 500px;
|
|
|
+ .left,
|
|
|
+ .right {
|
|
|
+ font-size: 20px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .left {
|
|
|
+ position: absolute;
|
|
|
+ top: -35px;
|
|
|
+ left: 23px;
|
|
|
+ }
|
|
|
+ .right {
|
|
|
+ position: absolute;
|
|
|
+ top: -35px;
|
|
|
+ left: 260px;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ li {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-top: 5px;
|
|
|
+ position: relative;
|
|
|
+ p {
|
|
|
+ .name {
|
|
|
+ padding-left: 40px;
|
|
|
}
|
|
|
- .delete {
|
|
|
- top: 5px;
|
|
|
- right: -20px;
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- z-index: 99999;
|
|
|
+ .value {
|
|
|
+ margin-left: 10px;
|
|
|
+ display: inline-block;
|
|
|
+ width: 80px;
|
|
|
}
|
|
|
}
|
|
|
+ .delete {
|
|
|
+ top: 5px;
|
|
|
+ right: -20px;
|
|
|
+ cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 99999;
|
|
|
+ }
|
|
|
}
|
|
|
- .add-btn-box {
|
|
|
- margin-top: 20px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
}
|
|
|
+ .add-btn-box {
|
|
|
+ margin-top: 20px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|