|
@@ -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>
|