From a9a1a5cf8e6d6677374e9ef7bcddb97877e4eee4 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期五, 02 八月 2024 15:34:12 +0800 Subject: [PATCH] 测试完成 --- src/views/repositoryai/templateku/configurat/index.vue | 42 ++++++++++++++++++++++++++++++++++++++---- 1 files changed, 38 insertions(+), 4 deletions(-) diff --git a/src/views/repositoryai/templateku/configurat/index.vue b/src/views/repositoryai/templateku/configurat/index.vue index 8aedee9..7f2eb5b 100644 --- a/src/views/repositoryai/templateku/configurat/index.vue +++ b/src/views/repositoryai/templateku/configurat/index.vue @@ -212,12 +212,24 @@ > </div> </el-form-item> - - <el-form-item label="閫傜敤鐤剧梾" prop="region"> + <div class="xinz-infs"> + <el-form-item label="閫傜敤鐤剧梾" prop="region"> + <el-tag + v-for="tag in displayedTags" + :key="tag.icdid" + type="warning" + :disable-transitions="false" + > + {{ tag.icdname }} + </el-tag> + <el-tag v-if="hasMore" type="info">+{{ remaining }} more</el-tag> + </el-form-item> + </div> + <div style="margin-left: 120px; margin-bottom: 10px"> <el-button type="warning" @click="$refs.child.handleAddpatient()" - >娣诲姞鐤剧梾</el-button + >鐤剧梾璇︽儏</el-button > - </el-form-item> + </div> <el-form-item label="閫傜敤闄㈠尯" prop="region"> <el-select style="width: 500px" @@ -917,6 +929,20 @@ this.precedencetype = store.getters.precedencetype; }, mounted() {}, + computed: { + displayedTags() { + // 杩斿洖鍓�10涓猼ag + return this.illnesslist.slice(0, 10); + }, + hasMore() { + // 鍒ゆ柇鏄惁鏈夋洿澶氱殑tag + return this.illnesslist.length > 10; + }, + remaining() { + // 璁$畻鍓╀綑鐨則ag鏁伴噺 + return this.illnesslist.length - 10; + }, + }, methods: { //鍏叡鏂规硶-------------------- @@ -1415,6 +1441,14 @@ vertical-align: bottom; } } +.xinz-infs { + font-size: 18px; + line-height: 48px; + + .el-tag + .el-tag { + margin-left: 10px; + } +} .addtopic { margin-top: 30px; } -- Gitblit v1.9.3