|
@@ -0,0 +1,141 @@
|
|
|
+<template>
|
|
|
+ <div class='box'>
|
|
|
+ <div class='left'>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <span>原始点位信息:</span>
|
|
|
+ <span>XXX</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>点位地址:</span>
|
|
|
+ <span>XXX</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>点位描述:</span>
|
|
|
+ <span>XXX</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>位置标签:</span>
|
|
|
+ <span>XXX</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>模式(读/写):</span>
|
|
|
+ <span>XXX</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>值/单位说明:</span>
|
|
|
+ <span>XXX</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>备注:</span>
|
|
|
+ <span>XXX</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class='right'>
|
|
|
+ <el-form class='form' ref='form' :model='form' label-width='120px'>
|
|
|
+ <el-form-item label='对应数据字典'>
|
|
|
+ <el-input v-model='form.name'></el-input>
|
|
|
+ <div class='dict'>
|
|
|
+ <p class='top'>
|
|
|
+ <i class='el-icon-plus'></i>
|
|
|
+ <el-button type='text'>添加自定义信息点</el-button>
|
|
|
+ </p>
|
|
|
+ <p class='btm'>
|
|
|
+ <el-input type='textarea' :rows='2' placeholder='信息点的单位及值的说明' v-model='textarea'></el-input>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label='值处理方式'>
|
|
|
+ <el-select v-model='form.type' placeholder='请选择'>
|
|
|
+ <el-option v-for='item in handleTypeArr' :key='item.value' :label='item.label' :value='item.value'></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- components -->
|
|
|
+ <no-handle v-if='form.type == 0'></no-handle>
|
|
|
+ <auto-handle v-else-if='form.type == 1'></auto-handle>
|
|
|
+ <enum-handle v-else-if='form.type == 2'></enum-handle>
|
|
|
+ <formula-handle v-else-if='form.type == 3'></formula-handle>
|
|
|
+ <split-handle v-else></split-handle>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import noHandle from './no_handle';
|
|
|
+import autoHandle from './auto_handle'
|
|
|
+import enumHandle from './enum_handle'
|
|
|
+import formulaHandle from './formula_handle'
|
|
|
+import splitHandle from './split_handle'
|
|
|
+export default {
|
|
|
+ name: 'point_config_step3_edit',
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ form: {
|
|
|
+ name: '',
|
|
|
+ type: ''
|
|
|
+ },
|
|
|
+ textarea: '',
|
|
|
+ handleTypeArr: [
|
|
|
+ {
|
|
|
+ label: '无需处理,直接使用',
|
|
|
+ value: '0'
|
|
|
+ },{
|
|
|
+ label: '需自动单位转换',
|
|
|
+ value: '1',
|
|
|
+ },{
|
|
|
+ label: '需按设置枚举转换',
|
|
|
+ value: '2'
|
|
|
+ },{
|
|
|
+ label: '需按公式转换',
|
|
|
+ value: '3'
|
|
|
+ },{
|
|
|
+ label: '需按拆分枚举转换',
|
|
|
+ value: '4'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ noHandle,
|
|
|
+ autoHandle,
|
|
|
+ enumHandle,
|
|
|
+ formulaHandle,
|
|
|
+ splitHandle
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang='scss' scoped>
|
|
|
+.box {
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ display: flex;
|
|
|
+ padding: 20px 0;
|
|
|
+ .left {
|
|
|
+ width: 40%;
|
|
|
+ ul li {
|
|
|
+ display: flex;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ span:nth-of-type(1) {
|
|
|
+ text-align: right;
|
|
|
+ width: 120px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .right {
|
|
|
+ width: 60%;
|
|
|
+ .form {
|
|
|
+ width: 80%;
|
|
|
+ .dict {
|
|
|
+ .top {
|
|
|
+ text-align: right;
|
|
|
+ line-height: 33px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|