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 | 166 ++++++++++++++++++++++++------------------------------ 1 files changed, 74 insertions(+), 92 deletions(-) diff --git a/src/views/repositoryai/templateku/configurat/index.vue b/src/views/repositoryai/templateku/configurat/index.vue index f565af4..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" @@ -462,6 +474,10 @@ </el-select> </el-form-item ></el-col> </el-row> + <el-form-item label="闂璇煶" v-if="topicobj.scriptVoice"> + <mini-audio :audio-source="topicobj.scriptVoice"></mini-audio> + </el-form-item> + <div class="topicxq" v-if="topicobj.valueType == 2 || topicobj.valueType == 3" @@ -512,38 +528,16 @@ </el-input> </el-form-item ></el-col> </el-row> - <!-- <el-row :gutter="10"> - <el-col :span="12" - ><el-form-item label="澶勭悊"> - <el-input - type="text" - placeholder="(榛樿)鏃犲0" - v-model="topicobj.text" - maxlength="10" - show-word-limit - > - </el-input> </el-form-item - ></el-col> - </el-row> --> - <el-row :gutter="10"> <el-col :span="16"> - <el-form-item label="璇煶鏂囦欢"> - <el-upload - class="upload-demo" - style="display: flex" - action="https://jsonplaceholder.typicode.com/posts/" - :on-change="handleChange" - :file-list="fileList" - :limit="1" - :on-exceed="handleExceed" - > - <el-button size="small" type="primary" - >鐐瑰嚮涓婁紶</el-button - > - </el-upload> - </el-form-item></el-col - > + <el-form-item + label="鏃犲尮閰嶈闊�" + v-if="topicobj.nomatchvoice" + > + <mini-audio + :audio-source="topicobj.nomatchvoice" + ></mini-audio> </el-form-item + ></el-col> </el-row> </div> <div class="topicxq"> @@ -560,38 +554,21 @@ </el-input> </el-form-item ></el-col> </el-row> - <!-- <el-row :gutter="10"> - <el-col :span="12" - ><el-form-item label="澶勭悊"> - <el-input - type="text" - placeholder="(榛樿)鏃犲0" - v-model="topicobj.text" - maxlength="10" - show-word-limit - > - </el-input> </el-form-item - ></el-col> - </el-row> --> <el-row :gutter="10"> <el-col :span="16"> - <el-form-item label="璇煶鏂囦欢"> - <el-upload - class="upload-demo" - style="display: flex" - action="https://jsonplaceholder.typicode.com/posts/" - :on-change="handleChange" - :file-list="fileList" - :limit="1" - :on-exceed="handleExceed" - > - <el-button size="small" type="primary" - >鐐瑰嚮涓婁紶</el-button - > - </el-upload> - </el-form-item></el-col - > + <el-form-item + label="璇煶鏂囦欢" + v-if="topicobj.noclearlyvoice" + > + <mini-audio + :audio-source=" + topicobj.noclearlyvoice + ? topicobj.noclearlyvoice + : 'https://example.com/example.mp3' + " + ></mini-audio> </el-form-item + ></el-col> </el-row> </div> <div class="topicxq"> @@ -608,38 +585,21 @@ </el-input> </el-form-item ></el-col> </el-row> - <!-- <el-row :gutter="10"> - <el-col :span="12" - ><el-form-item label="澶勭悊"> - <el-input - type="text" - placeholder="(榛樿)鏃犲0" - v-model="topicobj.text" - maxlength="10" - show-word-limit - > - </el-input> </el-form-item - ></el-col> - </el-row> --> <el-row :gutter="10"> <el-col :span="16"> - <el-form-item label="璇煶鏂囦欢"> - <el-upload - class="upload-demo" - style="display: flex" - action="https://jsonplaceholder.typicode.com/posts/" - :on-change="handleChange" - :file-list="fileList" - :limit="1" - :on-exceed="handleExceed" - > - <el-button size="small" type="primary" - >鐐瑰嚮涓婁紶</el-button - > - </el-upload> - </el-form-item></el-col - > + <el-form-item + label="璇煶鏂囦欢" + v-if="topicobj.sliencevoice" + > + <mini-audio + :audio-source=" + topicobj.sliencevoice + ? topicobj.sliencevoice + : 'https://example.com/example.mp3' + " + ></mini-audio> </el-form-item + ></el-col> </el-row> </div> </div> @@ -969,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: { //鍏叡鏂规硶-------------------- @@ -1467,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