Bladeren bron

'修改启动计算ui---级联'

shaun-sheep 5 jaren geleden
bovenliggende
commit
03a0043ed8
1 gewijzigde bestanden met toevoegingen van 36 en 34 verwijderingen
  1. 36 34
      src/components/relation/overview/Modal/RelationMaintain.vue

+ 36 - 34
src/components/relation/overview/Modal/RelationMaintain.vue

@@ -27,35 +27,22 @@
             <p class="exist-title">{{values.existTitle}}</p>
             <el-row :span="24">
                 <el-col :span="8">
-                    <p>{{values.originEquipment}}</p>
-                    <el-select
-                        v-model="originEquipment"
-                        multiple
-                        :placeholder="values.placeholder"
-                    >
-                        <el-option
-                            v-for="item in options"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value"
-                        >
-                        </el-option>
-                    </el-select>
+                    <span class="demonstration">{{values.originEquipment}}</span>
+                    <el-cascader
+                        :options="options"
+                        :props="props"
+                        collapse-tags
+                        clearable
+                    />
                 </el-col>
                 <el-col :span="8">
-                    <p>{{values.endEquipment}}</p>
-                    <el-select
-                        v-model="endEquipment"
-                        multiple
-                    >
-                        <el-option
-                            v-for="item in options"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value"
-                        >
-                        </el-option>
-                    </el-select>
+                    <span class="demonstration">{{values.endEquipment}}</span>
+                    <el-cascader
+                        :options="options"
+                        :props="props"
+                        collapse-tags
+                        clearable
+                    />
                 </el-col>
             </el-row>
             <footer
@@ -204,15 +191,30 @@
                 dialogProcess: false,
                 originEquipment: [],
                 endEquipment: [],
+                props:{multiple:true}, // 级联
                 options: [{
-                    value: '选项1',
-                    label: '黄金糕'
-                }, {
-                    value: '选项2',
-                    label: '双皮奶'
+                    value: 1,
+                    label: '东南',
+                    children: [{
+                        value: 2,
+                        label: '上海',
+                    }, {
+                        value: 7,
+                        label: '江苏',
+                    }, {
+                        value: 12,
+                        label: '浙江',
+                    }]
                 }, {
-                    value: '选项5',
-                    label: '北京烤鸭'
+                    value: 17,
+                    label: '西北',
+                    children: [{
+                        value: 18,
+                        label: '陕西',
+                    }, {
+                        value: 21,
+                        label: '新疆维吾尔族自治区',
+                    }]
                 }],
                 activities: [{
                     content: '数据文件处理中..',