From 60609230f220fccdf0768b2d2255291f30940a4f Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期三, 20 三月 2024 14:16:36 +0800 Subject: [PATCH] Merge branch 'master' of http://42.193.1.25:9521/r/zgyw-ui --- src/views/system/check-template/index.vue | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 52 insertions(+), 8 deletions(-) diff --git a/src/views/system/check-template/index.vue b/src/views/system/check-template/index.vue index 70c8f5c..52dc255 100644 --- a/src/views/system/check-template/index.vue +++ b/src/views/system/check-template/index.vue @@ -116,14 +116,15 @@ <el-input v-model="form.templateName" placeholder="璇疯緭鍏ユā鏉垮悕绉�" /> </el-form-item> <el-form-item label="鑰冩牳瀵硅薄" prop="unitName"> - <el-select v-model="form.unitName" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in unitList" - :key="item.id" - :label="item.value" - :value="item.id"> - </el-option> - </el-select> + <div class="block"> + <span class="demonstration"></span> + <el-cascader + v-model="value" + :options="options" + :props = "props" + @change="handleChange"></el-cascader> + </div> + </el-form-item> <el-form-item label="鑰冩牳瑙勫垯" prop="tempRuleFormList"> <div class="row-warp"> @@ -193,6 +194,46 @@ name: "CheckTemplate", data() { return { + props: { multiple: true }, + value: [], + options: [{ + value: 'city', + label: '鍖哄幙', + children: [{ + value: 'fushun', + label: '瀵岄『鍘�', + }, { + value: 'rong', + label: '鑽e幙', + },{ + value: 'gaoxin', + label: '楂樻柊鍖�', + },{ + value: 'ziliujing', + label: '鑷祦浜曞尯', + },{ + value: 'gongjing', + label: '璐′簳鍖�', + },{ + value: 'daan', + label: '澶у畨鍖�', + },{ + value: 'yantan', + label: '娌挎哗鍖�', + }, + ] + }, { + value: 'company', + label: '鍏徃', + children: [{ + value: 'yunwei', + label: '鎴愰兘x杩愮淮', + }, { + value: 'yunwei2', + label: '鑷础x杩愮淮', + }, ] + }, + ], ruleList: [], unitList: [], // 涓存椂瑙勫垯琛ㄥ崟 @@ -250,6 +291,9 @@ this.selectUnit(); }, methods: { + handleChange(value) { + console.log(value); + }, removeRule(form) { console.log(form) this.ruleFormList = this.ruleFormList.filter(item => item !== form); -- Gitblit v1.8.0