Browse Source

点位配置

GuoYuFu123 6 years ago
parent
commit
1c8b3c178e

+ 1 - 1
src/components/config_point/step3_edit/split_handle.vue

@@ -149,7 +149,7 @@ export default {
     .form {
         .dev-know {
             margin-top: 5px;
-            background: #e6e6e6;
+            background: #EBEEF5;
             padding: 5px 50px 5px 0;
             width: 470px;
             position: relative;

+ 123 - 0
src/test/fugy/Dialog.vue

@@ -0,0 +1,123 @@
+<template>
+    <el-dialog title='根据识别关键内容批量对象数据字典' :visible.sync='dialogVisible' width='900px'>
+        <div class='box'>
+            <div class='cond'>
+                <span class='label'>设备参数</span>
+                <el-cascader :options='options1' v-model='selectedOptions' @change='handleChange'></el-cascader>
+            </div>
+            <div class='content'>
+                <el-tabs style v-model='activeName'>
+                    <el-tab-pane label='1、确定与数据字典中信息点的对应' name='one'>
+                        <tab1></tab1>
+                    </el-tab-pane>
+                    <el-tab-pane label='2、确定值的处理方式' name='two'>
+                        <tab2></tab2>
+                    </el-tab-pane>
+                    <el-tab-pane label='3、缺认并维护涉及到的原始点位对应的设备标识' name='three'>
+                        <tab3></tab3>
+                    </el-tab-pane>
+                </el-tabs>
+            </div>
+        </div>
+
+        <span slot='footer' class='dialog-footer'>
+            <el-button @click='dialogVisible = false'>取 消</el-button>
+            <el-button type='primary' @click='dialogVisible = false'>确 定</el-button>
+        </span>
+    </el-dialog>
+</template>
+
+<script>
+//components
+import Tab1 from './Tab1'
+import Tab2 from './Tab2'
+import Tab3 from './Tab3'
+import noHandle from '@/components/config_point/step3_edit/no_handle'
+import autoHandle from '@/components/config_point/step3_edit/auto_handle'
+import enumHandle from '@/components/config_point/step3_edit/enum_handle'
+import formulaHandle from '@/components/config_point/step3_edit/formula_handle'
+import splitHandle from '@/components/config_point/step3_edit/split_handle'
+export default {
+    name: '',
+    data() {
+        return {
+            dialogVisible: false,
+            selectedOptions: [],
+            activeName: 'one',
+            options1: [
+                {
+                    value: '100',
+                    label: '3#',
+                    children: [
+                        {
+                            value: '101',
+                            label: '水阀'
+                        }
+                    ]
+                },
+                {
+                    value: '200',
+                    label: '2#',
+                    children: [
+                        {
+                            value: '201',
+                            label: '温度'
+                        },
+                        {
+                            value: '201',
+                            label: '开关状态'
+                        }
+                    ]
+                },
+                {
+                    value: '300',
+                    label: '水阀',
+                    children: [
+                        {
+                            value: '301',
+                            label: '温度'
+                        }
+                    ]
+                }
+            ],
+            
+            
+        }
+    },
+    components: {
+        Tab1,
+        Tab2,
+        Tab3,
+    },
+    methods: {
+        
+        show() {
+            this.dialogVisible = true
+        },
+        handleChange() {},
+    }
+}
+</script>
+
+<style scoped lang='less'>
+@labelColor: #606266;
+.box {
+    height: 500px;
+    overflow: auto;
+    .cond {
+        text-align: right;
+        .label {
+            color: @labelColor;
+        }
+    }
+    .content {
+        .form {
+            width: 520px;
+            margin: 0 auto;
+        }
+        .form-step2 {
+            height: 400px;
+        }
+    }
+}
+</style>

+ 162 - 0
src/test/fugy/Step3.vue

@@ -0,0 +1,162 @@
+<template>
+    <div class='box'>
+        <div class='con-box'>
+            <el-button type='primary'>根据关键内容批量标准化设备标识</el-button>
+            <el-button type='primary' @click='someDictHandle'>根据关键内容批量对应数据字典</el-button>
+            <el-checkbox class='checkbox' v-model='checked'>只显示未标准化的原始点位</el-checkbox>
+        </div>
+        <div class='table-box'>
+            <el-table :data='tableData' style='width: 100%' border size="medium">
+                <el-table-column header-align='center' align='center' prop='a' label='原始点位描述' width='180'></el-table-column>
+                <el-table-column sortable header-align='center' align='center' prop='b' label='位置标签' width='180'>
+                    <template slot-scope='scope'>
+                        <el-tag style="margin-left: 5px;" v-for='(item,index) in scope.row.b' :key='index'>{{item}}</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column header-align='center' align='center' prop='c' label='设备类型'></el-table-column>、
+                <el-table-column header-align='center' align='center' prop='d' label='设备参数'></el-table-column>
+                <el-table-column header-align='center' align='center' prop='f' label='设备标识'></el-table-column>
+                <el-table-column header-align='center' align='center' prop='g' label='数据字典设备类'></el-table-column>
+                <el-table-column header-align='center' align='center' prop='h' label='值处理方式'></el-table-column>
+                <el-table-column header-align='center' align='center' prop='i' label='备注'></el-table-column>
+                <el-table-column header-align='center' align='center' label='操作' width='80'>
+                    <template>
+                        <el-button type='text'>编辑</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div class='page-box'>
+            <el-pagination
+                @size-change='handleSizeChange'
+                @current-change='handleCurrentChange'
+                :current-page='currentPage4'
+                :page-sizes='[10, 30, 50, 100]'
+                :page-size='100'
+                layout='total, sizes, prev, pager, next, jumper'
+                :total='400'
+            ></el-pagination>
+        </div>
+        <!-- component -->
+        <sg-dialog ref='some-dialog'></sg-dialog>
+    </div>
+</template>
+<script>
+import './index.less'
+import SgDialog from './Dialog'
+export default {
+    name: 'point',
+    data() {
+        return {
+            checked: false,
+            currentPage4: 1,
+            tableData: [
+                {
+                    a:'1-14遥控测试',
+                    b:['电梯厅','1F'],
+                    c: '电器',
+                    d: '12313#fs',
+                    f: '1、2',
+                    g: '变压器-运行状态',
+                    h: '无需处理',
+                    i: '--'
+                },
+            {
+                    a:'1-14遥控测试',
+                    b:['电梯厅','1F'],
+                    c: '电器',
+                    d: '12313#fs',
+                    f: '1、2',
+                    g: '变压器-运行状态',
+                    h: '无需处理',
+                    i: '--'
+                },{
+                    a:'1-14遥控测试',
+                    b:['电梯厅','1F'],
+                    c: '电器',
+                    d: '12313#fs',
+                    f: '1、2',
+                    g: '变压器-运行状态',
+                    h: '无需处理',
+                    i: '--'
+                },{
+                    a:'1-14遥控测试',
+                    b:['电梯厅','1F'],
+                    c: '电器',
+                    d: '12313#fs',
+                    f: '1、2',
+                    g: '变压器-运行状态',
+                    h: '无需处理',
+                    i: '--'
+                },{
+                    a:'1-14遥控测试',
+                    b:['电梯厅','1F'],
+                    c: '电器',
+                    d: '12313#fs',
+                    f: '1、2',
+                    g: '变压器-运行状态',
+                    h: '无需处理',
+                    i: '--'
+                },{
+                    a:'1-14遥控测试',
+                    b:['电梯厅','1F'],
+                    c: '电器',
+                    d: '12313#fs',
+                    f: '1、2',
+                    g: '变压器-运行状态',
+                    h: '无需处理',
+                    i: '--'
+                },{
+                    a:'1-14遥控测试',
+                    b:['电梯厅','1F'],
+                    c: '电器',
+                    d: '12313#fs',
+                    f: '1、2',
+                    g: '变压器-运行状态',
+                    h: '无需处理',
+                    i: '--'
+                },{
+                    a:'1-14遥控测试',
+                    b:['电梯厅','1F'],
+                    c: '电器',
+                    d: '12313#fs',
+                    f: '1、2',
+                    g: '变压器-运行状态',
+                    h: '无需处理',
+                    i: '--'
+                },{
+                    a:'1-14遥控测试',
+                    b:['电梯厅','1F'],
+                    c: '电器',
+                    d: '12313#fs',
+                    f: '1、2',
+                    g: '变压器-运行状态',
+                    h: '无需处理',
+                    i: '--'
+                },{
+                    a:'1-14遥控测试',
+                    b:['电梯厅','1F'],
+                    c: '电器',
+                    d: '12313#fs',
+                    f: '1、2',
+                    g: '变压器-运行状态',
+                    h: '无需处理',
+                    i: '--'
+                }
+            ]
+        }
+    },
+    components: {
+        SgDialog
+    },
+    methods: {
+        handleSizeChange() {},
+        handleCurrentChange() {},
+        someDictHandle() {
+            this.$refs['some-dialog'].show();
+        }
+    }
+}
+</script>
+<style lang="less">
+</style>

File diff suppressed because it is too large
+ 1730 - 0
src/test/fugy/Tab1.vue


+ 68 - 0
src/test/fugy/Tab2.vue

@@ -0,0 +1,68 @@
+<template>
+    <el-form class='form' :rules='rules' ref='form' :model='form' label-width='140px'>
+        <el-form-item label='值处理方式' prop='DataRuleType'>
+            <el-select v-model='form.DataRuleType' 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 ref='noHandle' v-if='form.DataRuleType == "无需处理,直接使用"'></no-handle>
+        <auto-handle ref='autoHandle' v-else-if='form.DataRuleType == "需自动单位转换"' :unitObj='{}'></auto-handle>
+        <enum-handle ref='enumHandle' v-else-if='form.DataRuleType == "需按设置枚举转换"'></enum-handle>
+        <formula-handle ref='formulaHandle' v-else-if='form.DataRuleType == "需按公式转换"'></formula-handle>
+        <split-handle ref='splitHandle' v-else-if='form.DataRuleType == "需拆分处理"'></split-handle>
+    </el-form>
+</template>
+
+<script>
+import noHandle from '@/components/config_point/step3_edit/no_handle'
+import autoHandle from '@/components/config_point/step3_edit/auto_handle'
+import enumHandle from '@/components/config_point/step3_edit/enum_handle'
+import formulaHandle from '@/components/config_point/step3_edit/formula_handle'
+import splitHandle from '@/components/config_point/step3_edit/split_handle'
+export default {
+    data() {
+        return {
+            form: {
+                dict: [],
+                DataRuleType: ''
+            },
+            handleTypeArr: [
+                {
+                    label: '无需处理,直接使用',
+                    value: '无需处理,直接使用'
+                },
+                {
+                    label: '需自动单位转换',
+                    value: '需自动单位转换'
+                },
+                {
+                    label: '需按设置枚举转换',
+                    value: '需按设置枚举转换'
+                },
+                {
+                    label: '需按公式转换',
+                    value: '需按公式转换'
+                },
+                {
+                    label: '需拆分处理',
+                    value: '需拆分处理'
+                }
+            ],
+            rules: {
+                DataRuleType: [{ required: true, message: '请选择值处理方式', trigger: 'change' }]
+            }
+        }
+    },
+    components: {
+        noHandle,
+        autoHandle,
+        enumHandle,
+        formulaHandle,
+        splitHandle
+    }
+}
+</script>
+
+<style>
+</style>

+ 87 - 0
src/test/fugy/Tab3.vue

@@ -0,0 +1,87 @@
+<template>
+    <el-table :data='tableData' style='width: 100%' border size='medium' height='400'>
+        <el-table-column header-align='center' align='center' label='设备标识' width='180'>
+            <template slot-scope='scope'>
+                <el-tag style='margin-left: 5px;' v-for='(item ,index) in scope.row.b' :key='index'>{{item}}</el-tag>
+                <el-tag style='margin-left: 5px;' type='warning'>324#</el-tag>
+            </template>
+        </el-table-column>
+        <el-table-column sortable header-align='center' align='center' label='原始点位描述' width='180' prop='a'></el-table-column>
+        <el-table-column header-align='center' align='center' prop='c' label='位置标签'></el-table-column>、
+        <el-table-column header-align='center' align='center' prop='d' label='备注'></el-table-column>
+    </el-table>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            tableData: [
+                {
+                    a: '1-14遥控测试',
+                    b: ['电梯厅', '1F'],
+                    c: '电器',
+                    d: '12313#fs'
+                },
+                {
+                    a: '1-14遥控测试',
+                    b: ['电梯厅', '1F'],
+                    c: '电器',
+                    d: '12313#fs'
+                },
+                {
+                    a: '1-14遥控测试',
+                    b: ['电梯厅', '1F'],
+                    c: '电器',
+                    d: '12313#fs'
+                },
+                {
+                    a: '1-14遥控测试',
+                    b: ['电梯厅', '1F'],
+                    c: '电器',
+                    d: '12313#fs'
+                },
+                {
+                    a: '1-14遥控测试',
+                    b: ['电梯厅', '1F'],
+                    c: '电器',
+                    d: '12313#fs'
+                },
+                {
+                    a: '1-14遥控测试',
+                    b: ['电梯厅', '1F'],
+                    c: '电器',
+                    d: '12313#fs'
+                },
+                {
+                    a: '1-14遥控测试',
+                    b: ['电梯厅', '1F'],
+                    c: '电器',
+                    d: '12313#fs'
+                },
+                {
+                    a: '1-14遥控测试',
+                    b: ['电梯厅', '1F'],
+                    c: '电器',
+                    d: '12313#fs'
+                },
+                {
+                    a: '1-14遥控测试',
+                    b: ['电梯厅', '1F'],
+                    c: '电器',
+                    d: '12313#fs'
+                },
+                {
+                    a: '1-14遥控测试',
+                    b: ['电梯厅', '1F'],
+                    c: '电器',
+                    d: '12313#fs'
+                }
+            ]
+        }
+    }
+}
+</script>
+
+<style>
+</style>

+ 20 - 0
src/test/fugy/index.less

@@ -0,0 +1,20 @@
+@marginTop: 20px;
+.box {
+    .step-box {
+
+    }
+    .con-box{
+        margin-top: @marginTop;
+        text-align: center;
+        .checkbox {
+            float: right;
+        }
+    }
+    .table-box {
+        margin-top: @marginTop;
+    }
+    .page-box {
+        margin-top: @marginTop;
+        text-align: center;
+    }
+}

+ 24 - 6
src/test/fugy/index.vue

@@ -1,15 +1,33 @@
 <template>
-    <div>
-        1
+    <div class='box'>
+        <el-tabs v-model='activeName' @tab-click='handleClick'>
+            <el-tab-pane label='原始点位表收集' name='first'>用户管理</el-tab-pane>
+            <el-tab-pane label='原始点位描述关键内容识别' name='second'>配置管理</el-tab-pane>
+            <el-tab-pane label='原始点位描述标准化' name='third'>
+                <sg-step></sg-step>
+            </el-tab-pane>
+            <el-tab-pane label='点位表处理结果检查' name='fourth'>定时任务补偿</el-tab-pane>
+        </el-tabs>
     </div>
 </template>
-
 <script>
+import SgStep from './Step3'
 export default {
+    name: 'point',
+    data() {
+        return {
+            activeName: 'third'
+        }
+    },
+    components: {
+        SgStep
+    },
+    methods: {
+        handleClick() {
 
+        }
+    }
 }
 </script>
-
-<style>
-
+<style lang="less">
 </style>