From cf9259c2ebee0e82c32864a1ee91d96c403b9099 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期日, 04 二月 2024 13:42:04 +0800 Subject: [PATCH] 指标完成 --- src/views/knowledge/questionbank/particulars/index.vue | 975 +++++++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 767 insertions(+), 208 deletions(-) diff --git a/src/views/knowledge/questionbank/particulars/index.vue b/src/views/knowledge/questionbank/particulars/index.vue index 841e5cb..93ed503 100644 --- a/src/views/knowledge/questionbank/particulars/index.vue +++ b/src/views/knowledge/questionbank/particulars/index.vue @@ -6,171 +6,304 @@ <div class="headline"> 棰樼洰璁剧疆璇︽儏 <span style="margin-left: 30px" - ><el-button type="primary" @click="Submittopicobj" + ><el-button type="primary" @click="compileissue" >淇濆瓨</el-button ></span > </div> - - <el-row :gutter="10"> - <el-col :span="8" - ><el-form-item label="棰樼洰鏍囬"> - <el-input - v-model="topicobj.title" - placeholder="璇疯緭鍏ユ爣棰�" - ></el-input> </el-form-item - ></el-col> - <el-col :span="6" - ><el-form-item label="鏄惁闅愯棌"> - <el-radio-group v-model="topicobj.resourcea"> - <el-radio label="鏄�"></el-radio> - <el-radio label="鍚�"></el-radio> - </el-radio-group> </el-form-item - ></el-col> - <el-col :span="6" - ><el-form-item label="璇█"> - <el-select - v-model="topicobj.languageh" - size="medium" - filterable - placeholder="璇烽�夋嫨鍒嗙被" - > - <el-option - class="topicobjaa" - v-for="item in xjxsoptions" - :key="item.value" - :label="item.label" - :value="item.value" - > - </el-option> - </el-select> </el-form-item - ></el-col> - </el-row> - <el-row :gutter="10"> - <el-col :span="8" - ><el-form-item label="鏄惁蹇呯瓟"> - <el-radio-group v-model="topicobj.resource"> - <el-radio label="鏄�"></el-radio> - <el-radio label="鍚�"></el-radio> - </el-radio-group> </el-form-item - ></el-col> - <el-col :span="12" - ><el-form-item label="棰樼洰绫诲瀷"> - <el-select - v-model="topicobj.languageh" - size="medium" - filterable - placeholder="璇烽�夋嫨鍒嗙被" - > - <el-option - class="topicobjaa" - v-for="item in xjxsoptions" - :key="item.value" - :label="item.label" - :value="item.value" - > - </el-option> - </el-select> </el-form-item - ></el-col> - </el-row> - <el-form-item label="棰樼洰鍐呭"> - <el-input - style="width: 40vw" - type="textarea" - v-model="topicobj.title" - placeholder="璇疯緭鍏ユ爣棰�" - ></el-input> - </el-form-item> - <el-row :gutter="10"> - <el-col :span="8" - ><el-form-item label="閫傜敤鏂瑰紡"> - <el-select - v-model="topicobj.languageh" - size="medium" - filterable - placeholder="璇烽�夋嫨鍒嗙被" - > - <el-option - class="topicobjaa" - v-for="item in xjxsoptions" - :key="item.value" - :label="item.label" - :value="item.value" - > - </el-option> </el-select></el-form-item - ></el-col> - <el-col :span="12" - ><el-form-item label="閫傜敤鐤剧梾"> - <el-select - v-model="topicobj.languageh" - size="medium" - filterable - placeholder="璇烽�夋嫨鍒嗙被" - > - <el-option - class="topicobjaa" - v-for="item in xjxsoptions" - :key="item.value" - :label="item.label" - :value="item.value" - > - </el-option> - </el-select> </el-form-item - ></el-col> - </el-row> - <el-form-item label="鏍囩" prop="desc"> - <div class="xinz-inf"> - <el-tag - :key="tag" - type="success" - v-for="tag in dynamicTags" - closable - :disable-transitions="false" - @close="handleClose(tag)" - > - {{ tag }} - </el-tag> + <div style="margin-left: 8%"> + <el-form-item label="闂鍒嗙被"> <el-select - v-model="inputValue" - v-if="inputVisible" - @change="handleInputConfirm" + v-model="topicobj.categoryid" + size="medium" filterable - allow-create - default-first-option - placeholder="璇烽�夋嫨" + placeholder="璇烽�夋嫨鍒嗙被" > - <el-option - v-for="item in optionstag" - :key="item.tagname" - :label="item.tagname" - :value="item.tagname" + <el-option-group + v-for="group in classifylist" + :key="group.id" + :label="group.name" > - </el-option> + <el-option + v-for="item in group.svyLibTopicCategoryList" + :key="item.id" + :label="item.name" + :value="item.id" + > + </el-option> + </el-option-group> </el-select> - <el-button - v-else - class="button-new-tag" - size="small" - @click="showInput" - >+ 鏂板鏍囩</el-button - > - </div> - </el-form-item> + </el-form-item> + <el-row :gutter="10"> + <el-col :span="6" + ><el-form-item label="棰樼洰鏍囬"> + <el-input + v-model="topicobj.topic" + placeholder="璇疯緭鍏ユ爣棰�" + ></el-input> </el-form-item + ></el-col> + <el-col :span="6" + ><el-form-item label="鏄惁鍙敤"> + <el-select + v-model="topicobj.isavailable" + size="medium" + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="topicobjaa" + v-for="item in usable" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + <el-col :span="8" + ><el-form-item label="璇█(缂�)"> + <el-select + v-model="topicobj.language" + size="medium" + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="topicobjaa" + v-for="item in languagelist" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + </el-row> + <el-row :gutter="10"> + <el-col :span="6" + ><el-form-item label="鏄惁蹇呭~"> + <el-select + v-model="topicobj.ismandatory" + size="medium" + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="topicobjaa" + v-for="item in required" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + <el-col :span="6" + ><el-form-item label="棰樼洰绫诲瀷"> + <el-select + v-model="topicobj.topictype" + size="medium" + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="topicobjaa" + v-for="item in xjxsoptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + <el-col :span="8" + ><el-form-item label="閫傜敤鏂瑰紡"> + <el-select + v-model="topicobj.suitway" + size="medium" + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="topicobjaa" + v-for="item in mode" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> </el-select></el-form-item + ></el-col> + </el-row> + <el-form-item label="棰樼洰鍐呭"> + <el-input + style="width: 40vw" + type="textarea" + id="topicContent" + v-model="topicobj.topicContent" + @focus="handleInput('topicContent')" + placeholder="璇疯緭鍏ユ爣棰�" + ></el-input> + </el-form-item> + + <el-row> + <el-form-item label="鏍囩" prop="desc"> + <div class="xinz-inf"> + <el-tag + :key="tag" + type="success" + v-for="tag in dynamicTags" + closable + :disable-transitions="false" + @close="handleClosetag(tag)" + > + {{ tag }} + </el-tag> + <el-select + v-model="inputValue" + v-if="inputVisible" + @change="handleInputConfirm" + filterable + remote + reserve-keyword + default-first-option + :remote-method="remoteMethodtag" + :loading="loading" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in optionstag" + :key="item.tagid" + :label="item.tagname" + :value="item.tagname" + > + </el-option> + </el-select> + <el-button + v-else + class="button-new-tag" + size="small" + @click="showInput" + >+ 鏂板鏍囩</el-button + > + </div> + </el-form-item> + </el-row> + <el-row> + <el-form-item label="閫傜敤鐤剧梾" prop="region"> + <div class="xinz-inf"> + <el-tag + :key="item.icd10name" + type="warning" + v-for="item in illnesslist" + closable + :disable-transitions="false" + @close="handleCloseillness(item)" + > + {{ item.icd10name }} + </el-tag> + <el-select + v-model="inputValueillness" + v-if="inputVisibleillness" + @change="illnessConfirm" + :remote-method="remoteMethod" + filterable + remote + allow-create + default-first-option + placeholder="璇烽�夋嫨/鏌ヨ" + :loading="loading" + > + <el-option + v-for="item in optionsillness" + :key="item.icdid" + :label="item.icdname" + :value="item.icdid" + > + </el-option> + </el-select> + <el-button + v-else + class="button-new-tag" + size="small" + @click="inputVisibleillness = true" + >+ 鏂板鐤剧梾</el-button + > + </div> + </el-form-item> + </el-row> + <!-- <el-form-item label="閫氱煡鍙橀噺" prop="name"> + <div style="margin-bottom: 5px" v-for="item in variablelist"> + <el-row> + <el-col :span="5"> + <el-input + v-model="item.variatename" + placeholder="璇疯緭鍏ュ彉閲忓悕" + ></el-input> + </el-col> + <el-col :span="8" :offset="1"> + <el-input + v-model="item.variate" + placeholder="璇疯緭鍏ュ彉閲忓唴瀹�" + ></el-input> + </el-col> + <el-col :span="8" :offset="1"> + <el-button + type="success" + icon="el-icon-plus" + circle + @click="addvariable(item)" + ></el-button> + <el-button + v-if="!item.default" + type="danger" + icon="el-icon-delete" + circle + @click="delvariable(item)" + ></el-button> + </el-col> + </el-row> + </div> + </el-form-item> + <el-row> + <el-col :span="24"> + <div + style="display: flex; margin-left: 66px; margin-bottom: 10px" + > + <div + v-for="item in variablelist" + class="tsgname" + @click="tsgnameto(item)" + > + {{ item.variatename }} + </div> + </div> + </el-col></el-row + > --> + </div> + <div class="headline"> 閫夐」璁剧疆<span style="margin-left: 30px" - ><el-button type="primary" @click="addoption" + ><el-button type="primary" round @click="addoption" >+鏂板</el-button + ></span + ><span style="margin-left: 30px" + ><el-button type="success" round @click="drawer = true" + >+閫夋嫨鎸囨爣</el-button ></span > </div> - <div class="topicxq" v-for="item in optionlist"> + <div + class="topicxq" + v-for="item in topicobj.svyLibTopicoptions" + v-if="item.isoperation != 3" + > <el-row :gutter="10"> <el-col :span="11" ><el-form-item label="閫夐」"> <el-input type="text" placeholder="璇疯緭鍏ラ�夐」" - v-model="text" + v-model="item.optioncontent" show-word-limit > </el-input> </el-form-item @@ -179,8 +312,8 @@ ><el-form-item label="鍒嗗��"> <el-input type="text" - placeholder="璇疯緭鍏ュ垎鍊�" - v-model="text" + placeholder="璇疯緭鍏�" + v-model="item.score" show-word-limit > </el-input> </el-form-item @@ -190,92 +323,328 @@ type="danger" icon="el-icon-delete" circle + @click="deletexuanx(item)" ></el-button> </el-col> </el-row> + <el-row :gutter="10"> - <el-col :span="11" - ><el-form-item label="閫変腑鎻愮ず"> - <el-input - type="text" - placeholder="璇疯緭鍏ュ唴瀹�" - v-model="text" - maxlength="10" - show-word-limit - > - </el-input> </el-form-item - ></el-col> - <el-col :span="11" - ><el-form-item label="涓嬮璺宠浆"> - <el-input - type="text" - placeholder="璇疯緭鍏ラ鍙�" - v-model="text" - show-word-limit - > - </el-input> </el-form-item - ></el-col> + <el-form-item label="閫変腑鎻愮ず"> + <el-input + style="width: 40vw" + type="textarea" + autosize + placeholder="璇疯緭鍏ュ唴瀹�" + v-model="item.prompt" + > + </el-input + ></el-form-item> </el-row> </div> </el-form> </el-card> </div> + <el-drawer + title="娣诲姞閫夐」" + :visible.sync="drawer" + custom-class="demo-drawer" + width="66%" + > + <div class="preview-left"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + label-width="98px" + > + <el-form-item label="鏍囬" prop="userName"> + <el-input + v-model="queryParams.targetname" + placeholder="璇疯緭鍏�" + clearable + style="width: 200px" + @keyup.enter.native="gettargetInfo" + /> + </el-form-item> + + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="medium" + @click="gettargetInfo" + >鎼滅储</el-button + > + <el-button icon="el-icon-refresh" size="medium" @click="resetQuery" + >閲嶇疆</el-button + > + </el-form-item> + </el-form> + <el-table v-loading="loading" :data="targetList"> + <el-table-column + label="鏍囬" + align="center" + key="targetname" + prop="targetname" + width="100" + /> + <el-table-column + label="闂鍐呭" + align="center" + key="targetdesc" + prop="targetdesc" + width="200" + :show-overflow-tooltip="true" + /> + + <el-table-column + label="鎿嶄綔" + align="center" + class-name="small-padding fixed-width" + > + <template slot-scope="scope"> + <el-button + size="medium" + type="text" + @click="selectlabel(scope.row)" + ><span class="button-textxg" + ><i class="el-icon-circle-plus-outline"></i>娣诲姞</span + ></el-button + > + </template> + </el-table-column> + </el-table> + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="gettargetInfo" + /> + </div> + </el-drawer> </div> </template> <script> import { listtag } from "@/api/system/label"; +import store from "@/store"; +import { + gettargetInfo, + getissuelist, + issueinfo, + compileissue, + delissueinfo, + Followupinfo, + getissueclassify, + deltargetillness, + addtargetillness, + getillnesslist, + illnesslistget, + getillness, +} from "@/api/AiCentre/index"; export default { data() { return { - topicobj: {}, + topicobj: { + svyLibTopicoptions: [], + }, inputVisible: false, inputValue: "", - dynamicTags: ["鏍囩涓�", "鏍囩浜�", "鏍囩涓�"], + currentInputId: "", + total: 0, + drawer: false, + loading: false, + id: [], + targetList: [], + dynamicTags: [], + optionsclass: [], + variablelist: [ + { variatename: "濮撳悕", variate: "${name}", default: 1 }, + { variatename: "鐢佃瘽", variate: "${phone}", default: 1 }, + { variatename: "鐥呮儏", variate: "${illness}", default: 1 }, + ], + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 10, + isavailable: "", + }, optionlist: [ { value: "topic", table: "topic" }, { value: "topic", table: "topic" }, { value: "topic", table: "topic" }, ], - options: [ - { - value: "閫夐」1", - label: "蹇冭绠�", - }, - { - value: "閫夐」2", - label: "楠ㄧ", - }, - { - value: "閫夐」3", - label: "濡囩", - }, - ], - optionstag:[], - xjxsoptions: [ - { - value: "1", - label: "鍗曢��", - }, - { - value: "2", - label: "澶氶��", - }, - ], + inputValueillness: "", + required: [], + themelist: [], + languagelist: [], + courtyardlist: [], + precedencetype: [], + inputVisible: false, + inputVisibleillness: false, + illnessVisible: false, //鎸囨爣鐤剧梾寮规 + deptOptions: [], + optionsillness: [], + illnesslistapi: [], + illnesslist: [], + classifylist: [], + optionstag: [], + xjxsoptions: [], + usable: [], + mode: [], //鏂瑰紡 }; }, created() { this.gettabList(); + this.getissueinfo(); + this.gettargetInfo(); + this.mode = store.getters.mode; + this.languagelist = store.getters.languagelist; + this.usable = store.getters.usable; + this.xjxsoptions = store.getters.xjxsoptions; + this.required = store.getters.required; }, methods: { - Submittopicobj() {}, + // 鍏叡鏂规硶--------------- + getIndexInArray(arr, obj) { + return arr.indexOf(obj); + }, + // 閫掑綊鎵佸钩鍖� + flattenArray(arr) { + let result = []; + arr.forEach((item) => { + result.push(item); + if (item.svyLibTopicCategoryList) { + console.log(2); + result = result.concat( + this.flattenArray(item.svyLibTopicCategoryList) + ); + delete item.svyLibTopicCategoryList; + } + }); + return result; + }, + // ----------------------------- + // 鑾峰彇鏁版嵁 + getissueinfo() { + this.id = this.$route.query.id; + if (!this.id) { + return; + } + getissuelist({ topicid: this.id }).then((res) => { + this.topicobj = res.rows[0]; + this.dynamicTags = this.topicobj.tag.split(","); + this.variablelist = JSON.parse(this.topicobj.otherdata) + ? JSON.parse(this.topicobj.otherdata) + : this.variablelist; + }); + getillnesslist({ + pageNum: 1, + pageSize: 100, + }).then((response) => { + this.optionsillness = response.rows; + }); + getillness({ outid: this.id, type: 4 }).then((res) => { + this.illnesslist = res.rows; + }); + // 鍒嗙被 + getissueclassify({}).then((res) => { + this.classifylist = res.rows; + }); + }, + gettargetInfo() { + gettargetInfo(this.queryParams).then((res) => { + this.targetList = res.rows; + this.total = res.total; + }); + }, + // 鏂板鎴栦慨鏀硅鎯� + compileissue() { + this.topicobj.svyLibTopicoptions = this.topicobj.svyLibTopicoptions.map( + (item) => { + if (item.isoperation != 1 && item.isoperation != 3) { + item.isoperation = 2; + } + return item; + } + ); + this.topicobj.otherdata = JSON.stringify(this.variablelist); + this.topicobj.tag = this.dynamicTags.join(","); + if (this.id) { + this.topicobj.isoperation = 2; + compileissue(this.topicobj).then((res) => { + if (res.code == 200) { + this.$message({ + message: "淇敼鎴愬姛", + type: "success", + }); + this.$router.go(-1); + } else { + this.$message({ + message: "淇敼澶辫触", + type: "error", + }); + } + }); + } else { + this.topicobj.isoperation = 1; + compileissue(this.topicobj).then((res) => { + if (res.code == 200) { + this.$message({ + message: "鏂板鎴愬姛", + type: "success", + }); + this.$router.go(-1); + } else { + this.$message({ + message: "鏂板澶辫触", + type: "error", + }); + } + }); + } + this.illnesslist.forEach((item, index) => { + if (!item.id) { + addtargetillness(item).then((res) => {}); + } + }); + if (this.illnesslistapi.length) { + deltargetillness(this.illnesslistapi.join(",")).then((res) => {}); + } + }, + // 鍒犻櫎閫夐」 + deletexuanx(row) { + const index = this.getIndexInArray(this.topicobj.svyLibTopicoptions, row); + if (this.topicobj.svyLibTopicoptions[index].topicid) { + this.topicobj.svyLibTopicoptions[index].isoperation = 3; + } else { + this.topicobj.svyLibTopicoptions.splice(index, 1); + } + }, // 鏂板閫夐」 - addoption() {}, + addoption() { + this.topicobj.svyLibTopicoptions.push({ + score: "", + isoperation: 1, + }); + }, + // 閫夋嫨鎸囨爣 + selectlabel(row) { + const labellist = row.targetoptionList; + labellist.forEach((item) => { + this.topicobj.svyLibTopicoptions.push({ + optioncontent: item.targetvalue, + isoperation: 1, + }); + }); + }, + // 鏍囩----------------- - /** 鏌ヨ鏍囩鍒楄〃 */ gettabList() { const tagqueryParams = { pageNum: 1, @@ -284,26 +653,175 @@ }; listtag(tagqueryParams).then((response) => { console.log(response); - this.options = response.rows; + this.optionstag = response.rows; }); }, - handleClose(tag) { + handleClosetag(tag) { + console.log(tag); + console.log(this.dynamicTags.indexOf(tag)); this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1); }, handleInputConfirm() { - let inputValue = this.inputValue; - if (inputValue) { - this.dynamicTags.push(inputValue); + let tagvalue = {}; + let tagname = this.inputValue; + if (tagname) { + listtag({ + pageNum: 1, + pageSize: 1000, + tagcategoryid: "0", + tagname: tagname, + }).then((res) => { + if (res.rows[0]) { + tagvalue = res.rows[0]; + tagvalue.isoperation = 1; + } else { + tagvalue = { + tagname: tagname, + isoperation: 1, + }; + } + // this.dynamicTags.push(tagvalue); + this.dynamicTags.push(tagvalue.tagname); + }); } this.inputVisible = false; this.inputValue = ""; }, + remoteMethodtag(query) { + if (query !== "") { + this.loading = true; + setTimeout(() => { + this.loading = false; + listtag({ tagname: query, tagcategoryid: "0" }).then((res) => { + this.optionstag = res.rows; + }); + }, 200); + } else { + this.optionstag = []; + } + }, showInput() { this.inputVisible = true; - // 鑷姩鑾峰彇鐒︾偣 - // this.$nextTick((_) => { - // this.$refs.saveTagInput.$refs.input.focus(); - // }); + }, + // 鐤剧梾----------------------- + + handleCloseillness(tag) { + this.illnesslist.splice(this.illnesslist.indexOf(tag), 1); + if (tag.id) { + this.illnesslistapi.push(tag.id); + } + }, + remoteMethod(value) { + console.log(value); + const illnessqueryParams = { + pageNum: 1, + pageSize: 100, + icdname: value, + }; + this.loading = true; + setTimeout(() => { + this.loading = false; + getillnesslist(illnessqueryParams).then((response) => { + this.optionsillness = response.rows; + }); + }, 200); + }, + illnessConfirm(item) { + let opeavalue = {}; + let tagname = this.inputValueillness; + illnesslistget(item).then((res) => { + opeavalue = res.data; + opeavalue.outid = this.id; + opeavalue.type = 4; + opeavalue.icd10id = opeavalue.icdid; + opeavalue.icd10name = opeavalue.icdname; + opeavalue.icd10code = opeavalue.icdcode; + if (tagname) { + this.illnesslist.push(opeavalue); + } + }); + console.log(this.illnesslist); + this.inputVisibleillness = false; + this.inputValueillness = ""; + }, + // 淇濆瓨 + confirmillness() { + this.illnesslist.forEach((item, index) => { + if (!item.id) { + addtargetillness(item).then((res) => {}); + } + }); + if (this.illnesslistapi.length) { + deltargetillness(this.illnesslistapi.join(",")).then((res) => {}); + } + this.illnessVisible = false; + this.$modal.msgSuccess("缂栬緫鎴愬姛"); + }, + resetQuery() {}, + // 渚挎嵎鏍囩 + tsgnameto(row) { + let inputValueArr = ""; + let el = document.querySelector("#" + this.currentInputId); + //el.selectionStart; 杩欏氨鏄綋鍓嶅厜鏍囨墍鍦ㄧ殑浣嶇疆锛堝瓧绗︿覆涓瓧绗︾殑index锛� + if (this.currentInputId == "topicContent") { + inputValueArr = this.topicobj.topicContent.split(""); + console.log(123); + } else if (this.currentInputId == "nomatchtext") { + inputValueArr = this.topicobj.nomatchtext.split(""); + } else if (this.currentInputId == "sliencetext") { + inputValueArr = this.topicobj.sliencetext.split(""); + } else if (this.currentInputId == "noclearlytext") { + inputValueArr = this.topicobj.noclearlytext.split(""); + } else if (this.currentInputId == "submoduletext") { + inputValueArr = this.topicobj.submoduletext.split(""); + } else { + return; + } + //灏嗚緭鍏ユ鍐呭鍒囨垚鏁扮粍锛屾柟渚垮悗缁搷浣� + // inputValueArr = this.inputValue.split(""); + // 鎷垮埌閫変腑鏂囧瓧鐨勯暱搴︼紙鍚庣画鍙互鐢ㄦ潵鏇挎崲閫変腑鐨勬枃瀛楋級 + let selectLength = el.selectionEnd - el.selectionStart; + // 灏嗚鎻掑叆/鏇挎崲鐨勬枃瀛楁彃鍏�/鏇挎崲锛坴alue.name鏄鎻掑叆/鏇挎崲鐨勫瓧绗︿覆锛� + inputValueArr.splice(el.selectionStart, selectLength, `${row.variate}`); + // 鎶婃暟缁勯噸鏂拌浆鎹负瀛楃涓插苟璧嬪�� + inputValueArr = inputValueArr.join(""); + console.log(inputValueArr); + if (this.currentInputId == "topicContent") { + this.topicobj.topicContent = inputValueArr; + } else if (this.currentInputId == "nomatchtext") { + this.topicobj.nomatchtext = inputValueArr; + } else if (this.currentInputId == "sliencetext") { + this.topicobj.sliencetext = inputValueArr; + } else if (this.currentInputId == "noclearlytext") { + this.topicobj.noclearlytext = inputValueArr; + } else if (this.currentInputId == "submoduletext") { + this.topicobj.submoduletext = inputValueArr; + } else { + return; + } + }, + + // 鏂板鍙橀噺 + addvariable() { + this.variablelist.push({ + variatename: "", + variate: "", + }); + }, + // 鍒犻櫎鍙橀噺 + delvariable(item) { + const index = this.variablelist.indexOf(item); + if (index !== -1) { + this.variablelist.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱� + } else { + console.log("鏈壘鍒拌瀵硅薄"); + } + }, + // 杈撳叆鑾峰彇id + handleInput(id) { + this.currentInputId = id; + console.log("杈撳叆妗嗙殑鍊煎凡鏇存柊:", this.currentInputId); + // 鍦ㄨ繖閲屾墽琛屾洿鏂版暟鎹殑閫昏緫 }, }, }; @@ -322,13 +840,18 @@ margin: 15px 0; } .topicxq { - width: 50%; + width: 68%; background-color: #e2f5fc; border-radius: 4px; - margin-top: 10px; + margin-top: 15px; + margin-left: 10%; padding-left: 10px; padding-top: 15px; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); } + .xinz-inf { font-size: 18px; white-space: nowrap; @@ -353,4 +876,40 @@ } } } +.tsgname { + width: 90px; + margin-right: 10px; + text-align: center; + cursor: pointer; + height: 40px; + line-height: 40px; + background: #7799fa; + color: #ffff; + font-size: 18px; + border-radius: 5px; +} +.tsgname:hover { + background: #3366f5; +} +.preview-left { + margin: 20px; + // margin: 20px; + padding: 30px; + background: #ffff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .topic-dev { + margin-bottom: 25px; + font-size: 20px !important; + .dev-text { + margin-bottom: 10px; + } + } +} +::v-deep.ruleFormaa.el-select { + display: inline-block; + position: relative; + width: 700px; +} </style> -- Gitblit v1.9.3