GuoYuFu123 6 years ago
parent
commit
06a43de79c
3 changed files with 17 additions and 8 deletions
  1. 1 1
      src/main.js
  2. 15 7
      src/test/fugy/Dialog.vue
  3. 1 0
      src/test/fugy/index.less

+ 1 - 1
src/main.js

@@ -11,7 +11,7 @@ import './framework/style/awesome.less'
 
 import './assets/scss/reset.scss'
 
-Vue.use(ElementUI, { size: "mini", zIndex: 1000 })
+Vue.use(ElementUI, { size: "small", zIndex: 1000 })
 
 import './framework/style/layout.scss'
 import './utils/scan/directive' //自定义指令

+ 15 - 7
src/test/fugy/Dialog.vue

@@ -3,17 +3,17 @@
         <div class='box'>
             <div class='cond'>
                 <span class='label'>设备参数</span>
-                <el-cascader :options='options1' v-model='selectedOptions' @change='handleChange'></el-cascader>
+                <el-cascader :options='options1' v-model='selectedOptions' @change='handleChange' clearable></el-cascader>
             </div>
             <div class='content'>
                 <el-tabs style v-model='activeName'>
-                    <el-tab-pane label='1、确定与数据字典中信息点的对应' name='one'>
+                    <el-tab-pane label='1、确定与数据字典中信息点的对应' name='0'>
                         <tab1></tab1>
                     </el-tab-pane>
-                    <el-tab-pane label='2、确定值的处理方式' name='two'>
+                    <el-tab-pane label='2、确定值的处理方式' name='1'>
                         <tab2></tab2>
                     </el-tab-pane>
-                    <el-tab-pane label='3、缺认并维护涉及到的原始点位对应的设备标识' name='three'>
+                    <el-tab-pane label='3、缺认并维护涉及到的原始点位对应的设备标识' name='2'>
                         <tab3></tab3>
                     </el-tab-pane>
                 </el-tabs>
@@ -21,8 +21,9 @@
         </div>
 
         <span slot='footer' class='dialog-footer'>
-            <el-button @click='dialogVisible = false'>取 消</el-button>
-            <el-button type='primary' @click='dialogVisible = false'>确 定</el-button>
+            <el-button type='primary' @click="pre" v-if="activeName > 0">上一步</el-button>
+            <el-button type='primary' @click="next" v-if="activeName < 2">下一步</el-button>
+            <el-button type='primary' @click='dialogVisible = false' v-if="activeName == 2">保 存</el-button>
         </span>
     </el-dialog>
 </template>
@@ -43,7 +44,8 @@ export default {
         return {
             dialogVisible: false,
             selectedOptions: [],
-            activeName: 'one',
+            activeName: '0',
+            tabNameArr: ["0", "1", '2'],
             options1: [
                 {
                     value: '100',
@@ -95,6 +97,12 @@ export default {
             this.dialogVisible = true
         },
         handleChange() {},
+        next() {
+            this.activeName = this.tabNameArr[this.activeName * 1 + 1]
+        },
+        pre() {
+            this.activeName = this.tabNameArr[this.activeName * 1 - 1]
+        }
     }
 }
 </script>

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

@@ -1,5 +1,6 @@
 @marginTop: 20px;
 .box {
+    padding: 20px;
     .step-box {
 
     }