From ad0ecacbc73d16c9b95b79ac3c82868cbff33e44 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期一, 05 八月 2024 16:17:21 +0800 Subject: [PATCH] 测试完成 --- src/views/knowledge/questionnaire/compilequer/index.vue | 499 ++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 310 insertions(+), 189 deletions(-) diff --git a/src/views/knowledge/questionnaire/compilequer/index.vue b/src/views/knowledge/questionnaire/compilequer/index.vue index acc174a..736a78f 100644 --- a/src/views/knowledge/questionnaire/compilequer/index.vue +++ b/src/views/knowledge/questionnaire/compilequer/index.vue @@ -97,33 +97,18 @@ </el-input ></el-form-item> - <el-form-item label="鏂囦欢" prop="sickness"> - <div style="width: 40%"> - <el-upload - class="upload-demo" - action="https://jsonplaceholder.typicode.com/posts/" - :on-change="handleChange" - :file-list="fileList" - > - <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button> - <div slot="tip" class="el-upload__tip"> - 鍙兘涓婁紶jpg/png/xsl鏂囦欢锛屼笖涓嶈秴杩�50mb - </div> - </el-upload> - </div> - </el-form-item> <el-row> <el-form-item label="鏍囩" prop="desc"> <div class="xinz-inf"> <el-tag - :key="tag" + :key="tag.tagname" type="success" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClosetag(tag)" > - {{ tag }} + {{ tag.tagname }} </el-tag> <el-select v-model="inputValue" @@ -131,6 +116,7 @@ @change="handleInputConfirm" filterable remote + allow-create reserve-keyword default-first-option :remote-method="remoteMethodtag" @@ -155,49 +141,24 @@ </div> </el-form-item> </el-row> - <el-row> + <div class="xinz-infs"> <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-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> - </el-row> + </div> + <div style="margin-left: 120px; margin-bottom: 10px"> + <el-button type="warning" @click="$refs.child.handleAddpatient()" + >鐤剧梾璇︽儏</el-button + > + </div> <el-row :gutter="20"> <el-col :span="6"> <el-form-item label="鐗堟湰鍙�" prop="name"> @@ -296,6 +257,13 @@ @click="getaddtopiclist" >娣诲姞棰樼洰</el-button > + <el-button + type="success" + icon="el-icon-edit-outline" + round + @click="Operateit = !Operateit" + >{{ !Operateit ? "缂栬緫棰樼洰" : "瀹屾暣淇℃伅灞曠ず" }}</el-button + > </div> <div style="display: flex"> <span @@ -314,7 +282,7 @@ </div> </div> <div class="presentation"> - <div class="presentation-left"> + <div :class="Operateit ? 'presentation-left' : 'spresentation-left'"> <el-card class="box-card" style="min-height: 688px"> <el-table v-loading="loading" @@ -325,6 +293,7 @@ align="center" key="sort" prop="sort" + width="50" /> <el-table-column label="棰樼洰鏍囬" @@ -334,14 +303,60 @@ :show-overflow-tooltip="true" /> <el-table-column + label="棰樺瀷" + align="center" + key="scriptType" + prop="scriptType" + :show-overflow-tooltip="true" + > + <template slot-scope="scope"> + <dict-tag + :options="askvaluetype" + :value="scope.row.scriptType" + /> + </template> + </el-table-column> + <el-table-column + v-if="!Operateit" label="棰樼洰鍐呭" align="center" key="scriptContent" prop="scriptContent" :show-overflow-tooltip="true" /> + <el-table-column + v-if="!Operateit" + label="鎸囨爣鍚嶇О" + align="center" + key="targetname" + prop="targetname" + :show-overflow-tooltip="true" + /> + <el-table-column + v-if="!Operateit" + label="鏄惁蹇呭~" + align="center" + key="ismandatory" + prop="ismandatory" + :show-overflow-tooltip="true" + > + <template slot-scope="scope"> + <dict-tag + :options="required" + :value="scope.row.ismandatory" + /> + </template> + </el-table-column> + <el-table-column + label="涓嬮璺宠浆" + align="center" + key="nextScriptno" + prop="nextScriptno" + :show-overflow-tooltip="true" + /> <el-table-column + v-if="Operateit" label="鎿嶄綔" align="center" width="250" @@ -377,27 +392,32 @@ </el-table> </el-card> </div> - <div class="presentation-right"> + <div class="presentation-right" v-if="Operateit"> <el-card class="box-card"> <el-form :inline="true" :model="topicobj" class="demo-form-inline" > - <div class="headline"> - 棰樼洰璁剧疆璇︽儏 - <span style="margin-left: 30px" - ><el-button type="primary" @click="Submittopicobj" - >淇濆瓨</el-button - ></span - > - </div> - <el-form-item label="棰樼洰鏍囬"> - <el-input - v-model="topicobj.scriptTopic" - placeholder="璇疯緭鍏ユ爣棰�" - ></el-input> - </el-form-item> + <div class="headline">棰樼洰璁剧疆璇︽儏</div> + <el-row :gutter="10"> + <el-col :span="12"> + <el-form-item label="棰樼洰鏍囬"> + <el-input + v-model="topicobj.scriptTopic" + placeholder="璇疯緭鍏ユ爣棰�" + ></el-input> </el-form-item + ></el-col> + <el-col :span="12"> + <el-form-item label="涓嬮璺宠浆" v-if="!topicobj.branchFlag"> + <el-input + v-model="topicobj.nextScriptno" + placeholder="璇疯緭鍏ラ鍙�" + ></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="10"> <el-col :span="12" ><el-form-item label="鏄惁蹇呭~"> @@ -430,19 +450,49 @@ </el-select> </el-form-item ></el-col> </el-row> + <el-row> + <el-col :span="12"> + <el-form-item + label="棰樼洰鍒嗗��" + v-if="topicobj.scoretype == 1" + > + <el-input + v-model="topicobj.score" + placeholder="璇疯緭鍏ラ鍙�" + ></el-input> + </el-form-item> + </el-col> + </el-row> + <el-form-item label="鏄惁鐢遍�夐」閰嶇疆璺宠浆"> + <el-radio-group v-model="topicobj.branchFlag"> + <el-radio :label="1">鏄�</el-radio> + <el-radio :label="0">鍚�</el-radio> + </el-radio-group> + </el-form-item> <div v-if="topicobj.scriptType != 3"> <div class="headline">閫夐」璁剧疆</div> <div class="topicxq" v-for="item in topicobj.svyLibTemplateTargetoptions" > - <el-row :gutter="10"> - <el-col :span="11"> + <el-row :gutter="5"> + <el-col :span="16" + ><el-form-item label="閫夐」"> + <el-input + type="text" + placeholder="璇疯緭鍏ラ�夐」" + v-model="item.optioncontent" + show-word-limit + > + </el-input> </el-form-item + ></el-col> + <el-col :span="8"> <el-form-item v-if="topicobj.scoretype == 1" label="鍒嗗��" > <el-input + class="custom-width" type="text" placeholder="璇疯緭鍏ラ�夐」鍒嗗��" v-model="item.score" @@ -473,18 +523,8 @@ </el-col> </el-row> <el-row :gutter="10"> - <el-col :span="11" - ><el-form-item label="閫夐」"> - <el-input - type="text" - placeholder="璇疯緭鍏ラ�夐」" - v-model="item.optioncontent" - show-word-limit - > - </el-input> </el-form-item - ></el-col> - <el-col :span="11" - ><el-form-item label="涓嬮璺宠浆"> + <el-col :span="20" + ><el-form-item label="涓嬮璺宠浆(搴忓彿)"> <el-input type="text" placeholder="璇疯緭鍏ラ鍙�" @@ -493,14 +533,6 @@ > </el-input> </el-form-item ></el-col> - <!-- <el-col :span="2"> - <el-button - type="danger" - icon="el-icon-delete" - circle - @click="deletexuanx(item)" - ></el-button> - </el-col> --> </el-row> <el-row :gutter="10"> <el-form-item label="閫変腑鎻愮ず"> @@ -513,23 +545,46 @@ > </el-input ></el-form-item> + </el-row> + <el-row :gutter="10"> + <el-form-item label="閫夐」鏂囦欢" prop="sickness"> + <div style="width: 40vw"> + <div style="margin: 20px"> + <el-image + style="width: 100px; height: 100px" + :src="item.picturePath" + :preview-src-list="[...item.picturePath]" + > + </el-image> + </div> + </div> + </el-form-item> </el-row> </div> </div> <div v-else> <div class="topicxq"> <el-row :gutter="10"> - <el-form-item label="閫変腑鎻愮ず"> + <el-form-item label="绛旀"> <el-input style="width: 20vw" type="textarea" autosize - placeholder="璇疯緭鍏ュ唴瀹�" - v-model="item.prompt" + placeholder="姝ゅ鏀剧疆鎮h�呭洖绛�" + v-model="topicobj.reply" > </el-input ></el-form-item> </el-row> + <el-form-item label="鍒嗗��"> + <el-input + type="text" + placeholder="璇疯緭鍏ラ�夐」鍒嗗��" + v-model="topicobj.score" + show-word-limit + > + </el-input> + </el-form-item> </div> </div> </el-form> @@ -552,42 +607,57 @@ <el-divider></el-divider> <div class="preview-left"> <!-- 鍗曢�� --> - <div class="scriptTopic-dev" v-for="item in valssu" :key="item.aaa"> + <div + class="scriptTopic-dev" + v-for="item in ruleForm.svyTemplateLibScripts" + :key="item.sort" + v-if="item.scriptType == 1" + > <div class="dev-text"> - {{ item.idd }}銆乕鍗曢�塢<span>{{ item.wssd }}</span> + {{ item.sort }}銆乕鍗曢�塢<span>{{ item.scriptContent }}</span> </div> <div class="dev-xx"> - <el-radio-group v-model="radio"> + <el-radio-group v-model="item.remark"> <el-radio - v-for="(items, index) in item.sdadd" + v-for="(items, index) in item.svyLibTemplateTargetoptions" :key="index" :label="index" - >{{ items }}</el-radio + >{{ items.optioncontent }}</el-radio > </el-radio-group> </div> </div> <!-- 澶氶�� --> - <div class="scriptTopic-dev" v-for="item in valssu" :key="item.aaa"> + <div + class="scriptTopic-dev" + v-for="item in ruleForm.svyTemplateLibScripts" + :key="item.sort" + v-if="item.scriptType == 2" + > <div class="dev-text"> - {{ item.idd }}銆乕澶氶�塢<span>{{ item.wssd }}</span> + {{ item.sort }}銆乕澶氶�塢<span>{{ item.scriptContent }}</span> </div> <div class="dev-xx"> - <el-checkbox-group v-model="radios"> + <el-checkbox-group v-model="qremark"> <el-checkbox - v-for="(items, index) in item.sdadd" + v-for="(items, index) in item.svyLibTemplateTargetoptions" :key="index" :label="index" > - {{ items }} + {{ items.optioncontent }} </el-checkbox> </el-checkbox-group> </div> </div> <!-- 濉┖ --> - <div class="scriptTopic-dev" v-for="item in valssu" :key="item.aaa"> + <div + class="scriptTopic-dev" + v-for="item in ruleForm.svyTemplateLibScripts" + :key="item.sort" + v-if="item.scriptType == 3" + > <div class="dev-text"> - {{ item.idd }}銆乕濉┖]<span>{{ item.wssd }}</span> + {{ item.sort }}銆乕濉┖]<span>{{ item.scriptContent }}</span> </div> <div class="dev-xx"> <el-input placeholder="璇疯緭鍏ョ瓟妗�" v-model="radioas" clearable> @@ -600,7 +670,7 @@ <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button> </div> </div> - <!-- 棰勮妯$増寮圭獥 --> + <!-- 娣诲姞棰樼洰寮圭獥 --> <el-drawer title="娣诲姞棰樼洰" :visible.sync="drawer" @@ -654,6 +724,14 @@ width="200" :show-overflow-tooltip="true" /> + <el-table-column + label="閫夐」鍐呭" + align="center" + key="targetoptions" + prop="targetoptions" + width="200" + :show-overflow-tooltip="true" + /> <el-table-column label="鎿嶄綔" @@ -678,6 +756,14 @@ /> </div> </el-drawer> + <!-- 娣诲姞閫傜敤鐤剧梾绐楀彛 --> + <Optional-Form + ref="child" + :dialogVisiblepatient="dialogVisiblepatient" + :overallCase="illnesslist" + @addoption="dialogVisiblepatient = false" + @kkoption="dialogVisiblepatient = true" + /> </div> </template> @@ -689,7 +775,7 @@ getQtemplateclassify, delQtemplateclassify, addQtemplateclassify, - getQtemplatelist, + getQtemplateobj, compileQtemplate, Qtemplateinfo, compileissue, @@ -703,10 +789,20 @@ illnesslistget, getillness, } from "@/api/AiCentre/index"; +import OptionalForm from "@/components/OptionalForm"; //姝e垯缁勪欢 +import { getToken } from "@/utils/auth"; export default { + name: "Qcompilequer", + + components: { OptionalForm }, + data() { return { + headers: { + Authorization: "Bearer " + getToken(), + }, + uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/uploadSort", sidecolumnrabs: "left", //鏂瑰悜 Editprogress: 1, //缂栬緫杩涘害 currentVersion: "1.2.3", //褰撳墠鐗堟湰 @@ -717,11 +813,16 @@ radioas: "", //濉┖棰樼瓟妗� dynamicTags: [], inputVisible: false, + dialogVisiblepatient: false, //閫傜敤鐤剧梾绐楀彛 inputValue: "", topicobj: {}, // 鎬绘潯鏁� total: 1, - ruleForm: { svyTemplateLibScripts: [], tempDetpRelevances: [] }, + ruleForm: { + svyTemplateLibScripts: [], + tempDetpRelevances: [], + svyLibTemplateTagList: [], + }, rules: {}, rulesa: {}, optionsclass: [], //鍒嗙被鍒楄〃 @@ -730,11 +831,7 @@ { value: "scriptTopic", table: "scriptTopic" }, ], - appraiselist: [ - { label: "鍒嗘暟", value: "1" }, - { label: "ABC绛夌骇", value: "2" }, - { label: "浼樿壇绛夌骇", value: "3" }, - ], + appraiselist: [], fileList: [ { @@ -769,11 +866,13 @@ themelist: [], languagelist: [], courtyardlist: [], + askvaluetype: [], precedencetype: [], inputValueillness: "", inputVisible: false, inputVisibleillness: false, illnessVisible: false, //鎸囨爣鐤剧梾寮规 + Operateit: true, deptOptions: [], optionsillness: [], delScriptVOList: [], @@ -782,6 +881,7 @@ tempDetpRelevanceslist: [], optionstag: [], valuetype: [], + qremark: [], usable: [ { value: "0", label: "鍙敤" }, { value: "1", label: "鍋滅敤" }, @@ -826,13 +926,33 @@ this.required = store.getters.required; this.valuetype = store.getters.valuetype; this.courtyardlist = store.getters.courtyardlist; + this.askvaluetype = store.getters.askvaluetype; + this.appraiselist = store.getters.appraiselist; + // this.test(); + }, + 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: { // 鍏叡鏂规硶--------------- getIndexInArray(arr, obj) { return arr.indexOf(obj); + }, + processElement(element) { + return { ...element, isoperation: 1 }; }, // 閫掑綊鎵佸钩鍖� flattenArray(arr) { @@ -853,36 +973,33 @@ getissueinfo() { this.id = this.$route.query.id; if (this.id) { - getQtemplatelist({ svyid: this.id }).then((res) => { + getQtemplateobj({ svyid: this.id }).then((res) => { this.ruleForm = res.rows[0]; - this.dynamicTags = this.ruleForm.labelInfo.split(","); + this.dynamicTags = this.ruleForm.svyLibTemplateTagList.map( + this.processElement + ); this.tempDetpRelevanceslist = JSON.parse(this.ruleForm.deptNames); this.ruleForm.suitway = this.ruleForm.suitway.split(","); - console.log(this.tempDetpRelevanceslist); }); getillness({ outid: this.id, type: 5 }).then((res) => { this.illnesslist = res.rows; + this.illnesslist.forEach((item) => { + item.icdname = item.icd10name; + }); }); } - getillnesslist({ - pageNum: 1, - pageSize: 100, - }).then((response) => { - this.optionsillness = response.rows; - }); + listDept(this.queryParams).then((response) => { this.deptList = this.handleTree(response.data, "deptId"); }); // 鍒嗙被 getQtemplateclassify({}).then((res) => { - // this.optionsclass = this.flattenArray(res.rows); this.optionsclass = res.rows; }); }, submitForm(formName) { this.$modal.loading("姝e湪涓婁紶鏁版嵁锛岃绋嶅��..."); - this.ruleForm.labelInfo = this.dynamicTags.join(","); this.ruleForm.suitway = this.ruleForm.suitway.join(","); if (this.id) { @@ -983,6 +1100,7 @@ // 鏂板棰樼洰 addtopic(row) { row.isoperation = 1; + console.log(row, "row"); row.svyLibScriptOptions.forEach((item) => { item.isoperation = 1; }); @@ -1000,6 +1118,7 @@ }, handleUpdate(row) { this.topicobj = row; + this.radioas = ""; console.log(this.topicobj, "鐪嬫暟鎹�"); // getissuelist({ svyid: row.svyid }).then((res) => { // }); @@ -1023,11 +1142,21 @@ this.sortFn(); }, sortFn() { + console.log(this.ruleForm.svyTemplateLibScripts, "搴忓墠鍊�"); this.ruleForm.svyTemplateLibScripts.forEach((item, index) => { - item.sort = index + 1; - item.svyLibTemplateTargetoptions.forEach((items) => { - items.nextQuestion = Number(item.sort) + 1; - }); + item.sort = Number(index) + 1; + console.log(this.ruleForm.svyTemplateLibScripts.length, "length"); + + if (item.sort == this.ruleForm.svyTemplateLibScripts.length) { + item.nextScriptno = "宸叉槸鏈�鍚庝竴棰�"; + } else { + item.nextScriptno = item.sort + 1; + } + if (item.svyLibTemplateTargetoptions) { + item.svyLibTemplateTargetoptions.forEach((items) => { + items.nextQuestion = Number(item.sort) + 1; + }); + } }); console.log(this.ruleForm.svyTemplateLibScripts); }, @@ -1050,10 +1179,7 @@ console.log("鏈壘鍒拌瀵硅薄"); } }, - // 鎺у埗鏂囦欢 - handleChange(file, fileList) { - this.fileList = fileList.slice(-3); - }, + // 鏍囩----------------- gettabList() { const tagqueryParams = { @@ -1069,7 +1195,11 @@ handleClosetag(tag) { console.log(tag); console.log(this.dynamicTags.indexOf(tag)); + const lindex = this.dynamicTags.indexOf(tag); + this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1); + this.ruleForm.svyLibTemplateTagList[lindex].delFlag = 1; + // this.ruleForm.ivrLibaTemplateTargetList[lindex].isoperation = 3; }, handleInputConfirm() { @@ -1091,9 +1221,9 @@ isoperation: 1, }; } - // this.ruleForm.ivrLibaTemplateTargetList.push(tagvalue); + this.ruleForm.svyLibTemplateTagList.push(tagvalue); // this.dynamicTags.push(tagvalue); - this.dynamicTags.push(tagvalue.tagname); + this.dynamicTags.push(tagvalue); }); } this.inputVisible = false; @@ -1115,60 +1245,22 @@ showInput() { this.inputVisible = true; }, - // 鐤剧梾----------------------- - - 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 = 5; - 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(guid) { this.illnesslist.forEach((item, index) => { if (guid) { item.outid = guid; + } else { + console.log(this.ruleForm); + item.outid = this.ruleForm.svyid; } + item.icd10name = item.icdname; + item.icd10code = item.icdcode; + item.type = 5; if (!item.id) { addtargetillness(item).then((res) => {}); } }); - if (this.illnesslistapi.length) { - deltargetillness(this.illnesslistapi.join(",")).then((res) => {}); - } this.illnessVisible = false; this.$modal.msgSuccess("缂栬緫鎴愬姛"); }, @@ -1312,8 +1404,7 @@ // display: flex; } .sidecolumn { - margin: 20px; - margin-bottom: 0; + margin: 10px 20px 0 20px; padding: 20px; background: #edf1f7; border: 1px solid #dcdfe6; @@ -1327,6 +1418,8 @@ // margin-top: 20px; margin: 20px; padding: 30px; + padding-top: 5px; + margin-top: 10px; background: #ffff; border: 1px solid #dcdfe6; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), @@ -1390,6 +1483,14 @@ vertical-align: bottom; } } +.xinz-infs { + font-size: 18px; + line-height: 48px; + + .el-tag + .el-tag { + margin-left: 10px; + } +} .addtopic { margin-top: 30px; } @@ -1397,7 +1498,17 @@ margin: 20px 0; display: flex; .presentation-left { - width: 50%; + width: 45%; + // height: 500px; + .button-textxg { + color: #024df0; + } + .button-textsc { + color: #f52727; + } + } + .spresentation-left { + width: 100%; // height: 500px; .button-textxg { color: #024df0; @@ -1407,7 +1518,7 @@ } } .presentation-right { - width: 50%; + width: 55%; max-height: 688px; padding: 0 20px; font-size: 18px; @@ -1427,6 +1538,16 @@ } } } +.custom-width { + width: 100px; /* 璁剧疆瀹藉害鏍峰紡 */ +} +.el-select { + width: 40%; +} + +.el-cascader { + width: 40%; +} ::v-deep .addtopic-input { input { background: #02a7f0; -- Gitblit v1.9.3