From b14bdee1aaf639dd14440b42c6a0ce2e12549ee7 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期五, 26 七月 2024 10:38:09 +0800 Subject: [PATCH] 测试完成 --- src/views/knowledge/questionnaire/compilequer/index.vue | 108 ++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 72 insertions(+), 36 deletions(-) diff --git a/src/views/knowledge/questionnaire/compilequer/index.vue b/src/views/knowledge/questionnaire/compilequer/index.vue index 2170de2..4db2cdc 100644 --- a/src/views/knowledge/questionnaire/compilequer/index.vue +++ b/src/views/knowledge/questionnaire/compilequer/index.vue @@ -101,14 +101,14 @@ <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" @@ -116,6 +116,7 @@ @change="handleInputConfirm" filterable remote + allow-create reserve-keyword default-first-option :remote-method="remoteMethodtag" @@ -421,13 +422,24 @@ 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" @@ -458,18 +470,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="璇疯緭鍏ラ鍙�" @@ -478,14 +480,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="閫変腑鎻愮ず"> @@ -498,6 +492,20 @@ > </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> @@ -574,10 +582,10 @@ v-if="item.scriptType == 2" > <div class="dev-text"> - {{ item.sort }}銆乕澶氶�塢<span>{{ item.wssd }}</span> + {{ item.sort }}銆乕澶氶�塢<span>{{ item.scriptContent }}</span> </div> <div class="dev-xx"> - <el-checkbox-group v-model="item.remark"> + <el-checkbox-group v-model="qremark"> <el-checkbox v-for="(items, index) in item.svyLibTemplateTargetoptions" :key="index" @@ -596,7 +604,7 @@ v-if="item.scriptType == 3" > <div class="dev-text"> - {{ item.sort }}銆乕濉┖]<span>{{ item.optioncontent }}</span> + {{ item.sort }}銆乕濉┖]<span>{{ item.scriptContent }}</span> </div> <div class="dev-xx"> <el-input placeholder="璇疯緭鍏ョ瓟妗�" v-model="radioas" clearable> @@ -660,6 +668,14 @@ align="center" key="scriptContent" prop="scriptContent" + width="200" + :show-overflow-tooltip="true" + /> + <el-table-column + label="閫夐」鍐呭" + align="center" + key="targetoptions" + prop="targetoptions" width="200" :show-overflow-tooltip="true" /> @@ -735,7 +751,11 @@ topicobj: {}, // 鎬绘潯鏁� total: 1, - ruleForm: { svyTemplateLibScripts: [], tempDetpRelevances: [] }, + ruleForm: { + svyTemplateLibScripts: [], + tempDetpRelevances: [], + svyLibTemplateTagList: [], + }, rules: {}, rulesa: {}, optionsclass: [], //鍒嗙被鍒楄〃 @@ -796,6 +816,7 @@ tempDetpRelevanceslist: [], optionstag: [], valuetype: [], + qremark: [], usable: [ { value: "0", label: "鍙敤" }, { value: "1", label: "鍋滅敤" }, @@ -848,6 +869,9 @@ getIndexInArray(arr, obj) { return arr.indexOf(obj); }, + processElement(element) { + return { ...element, isoperation: 1 }; + }, // 閫掑綊鎵佸钩鍖� flattenArray(arr) { let result = []; @@ -869,7 +893,9 @@ if (this.id) { getQtemplatelist({ 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); @@ -896,7 +922,6 @@ submitForm(formName) { this.$modal.loading("姝e湪涓婁紶鏁版嵁锛岃绋嶅��..."); - this.ruleForm.labelInfo = this.dynamicTags.join(","); this.ruleForm.suitway = this.ruleForm.suitway.join(","); if (this.id) { @@ -997,6 +1022,7 @@ // 鏂板棰樼洰 addtopic(row) { row.isoperation = 1; + console.log(row, "row"); row.svyLibScriptOptions.forEach((item) => { item.isoperation = 1; }); @@ -1038,11 +1064,14 @@ 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; + if (item.svyLibTemplateTargetoptions) { + item.svyLibTemplateTargetoptions.forEach((items) => { + items.nextQuestion = Number(item.sort) + 1; + }); + } }); console.log(this.ruleForm.svyTemplateLibScripts); }, @@ -1081,7 +1110,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() { @@ -1103,9 +1136,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; @@ -1439,6 +1472,9 @@ } } } +.custom-width { + width: 100px; /* 璁剧疆瀹藉害鏍峰紡 */ +} ::v-deep .addtopic-input { input { background: #02a7f0; -- Gitblit v1.9.3