From 6b6cc07fb81f05153fc07995e0a5be5596b5ca4f Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期一, 29 七月 2024 09:36:45 +0800 Subject: [PATCH] 测试完成 --- src/views/knowledge/questionbank/particulars/index.vue | 131 +++++++++++++++++++++++++++---------------- 1 files changed, 83 insertions(+), 48 deletions(-) diff --git a/src/views/knowledge/questionbank/particulars/index.vue b/src/views/knowledge/questionbank/particulars/index.vue index 4f19bb6..ca60cd7 100644 --- a/src/views/knowledge/questionbank/particulars/index.vue +++ b/src/views/knowledge/questionbank/particulars/index.vue @@ -5,15 +5,12 @@ <el-form :inline="true" :model="topicobj" class="demo-form-inline"> <div class="headline"> 棰樼洰璁剧疆璇︽儏 - <span style="margin-left: 30px" - ><el-button type="primary" @click="Saveproblem" - >淇� 瀛�</el-button - > </span - ><span style="margin-left: 30px" - ><el-button type="success" round @click="drawer = true" - >+閫夋嫨鎸囨爣</el-button - ></span - > + <span style="float: right; margin-right: 30px" + ><el-button type="success" @click="Saveproblem">棰勮</el-button> + </span> + <span style="float: right; margin-right: 30px" + ><el-button type="primary" @click="Saveproblem">淇� 瀛�</el-button> + </span> </div> <div style="margin-left: 8%"> <el-row :gutter="10"> @@ -94,7 +91,7 @@ </el-select> </el-form-item ></el-col> <el-col :span="8" - ><el-form-item label="璇█(缂�)"> + ><el-form-item label="璇█"> <el-select v-model="topicobj.language" size="medium" @@ -152,11 +149,9 @@ <el-col :span="8" ><el-form-item label="閫傜敤鏂瑰紡"> <el-select - v-model="suitwaylist" - size="medium" - filterable - multiple - placeholder="璇烽�夋嫨鍒嗙被" + v-model="topicobj.suitway" + disabled + placeholder="璇烽�夋嫨" > <el-option class="topicobjaa" @@ -193,16 +188,20 @@ class="upload-demo" :action="uploadImgUrl" :headers="headers" - :accept="'image/*,video/*'" - :on-change="handleChangetg" + accept=".jpg,.png,image/*" + :on-success="handleChangetg" > <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button> + <div slot="tip" class="el-upload__tip"> + 鍙兘涓婁紶jpg/png绫诲瀷鏂囦欢 + </div> </el-upload> + <div style="margin: 20px"> <el-image style="width: 100px; height: 100px" - :src="url" - :preview-src-list="[...url]" + :src="topicobj.picturePath" + :preview-src-list="[...topicobj.picturePath]" > </el-image> </div> @@ -213,14 +212,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" @@ -228,6 +227,7 @@ @change="handleInputConfirm" filterable remote + allow-create reserve-keyword default-first-option :remote-method="remoteMethodtag" @@ -296,11 +296,21 @@ </el-form-item> </el-row> </div> - <div v-if="topicobj.scriptType != 3"> + <div v-if="topicobj.scriptType != 3 && topicobj.scriptType != 4"> <div class="headline"> 閫夐」璁剧疆<span style="margin-left: 30px" ><el-button type="primary" round @click="addoption" >+鏂板</el-button + ></span + > + <span style="margin-left: 30px" + >閫変腑鎸囨爣锛�<el-tag type="success" effect="dark">{{ + topicobj.targetname ? topicobj.targetname : "鏈�夋嫨" + }}</el-tag></span + > + <span style="margin-left: 30px" + ><el-button type="success" round @click="gettargetInfo" + >+閫夋嫨鎸囨爣</el-button ></span > </div> @@ -379,7 +389,7 @@ class="upload-demo" :action="uploadImgUrl" :headers="headers" - :accept="'image/*,video/*'" + accept=".jpg,.png,image/*" :on-success="handleChange.bind(this, item)" > <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button> @@ -400,7 +410,7 @@ </el-card> </div> <el-drawer - title="娣诲姞閫夐」" + title="閫夋嫨鎸囨爣" :visible.sync="drawer" custom-class="demo-drawer" size="50%" @@ -506,6 +516,8 @@ return { topicobj: { svyLibScriptOptions: [], + svyLibScriptTagList: [], + suitway: "1", }, headers: { Authorization: "Bearer " + getToken(), @@ -572,7 +584,7 @@ created() { this.gettabList(); this.getissueinfo(); - this.gettargetInfo(); + // this.gettargetInfo(); this.mode = store.getters.mode; this.languagelist = store.getters.languagelist; this.usable = store.getters.usable; @@ -584,6 +596,9 @@ // 鍏叡鏂规硶--------------- getIndexInArray(arr, obj) { return arr.indexOf(obj); + }, + processElement(element) { + return { ...element, isoperation: 1 }; }, // 閫掑綊鎵佸钩鍖� flattenArray(arr) { @@ -614,8 +629,9 @@ } getissuelist({ id: this.id }).then((res) => { this.topicobj = res.rows[0]; - this.dynamicTags = this.topicobj.tag.split(","); - this.suitwaylist = this.topicobj.suitway.split(","); + this.dynamicTags = this.topicobj.svyLibScriptTagList.map( + this.processElement + ); this.variablelist = JSON.parse(this.topicobj.otherdata) ? JSON.parse(this.topicobj.otherdata) : this.variablelist; @@ -631,9 +647,11 @@ }); }, gettargetInfo() { + this.queryParams.scriptType = this.topicobj.scriptType; gettargetInfo(this.queryParams).then((res) => { this.targetList = res.rows; this.total = res.total; + this.drawer = true; }); }, // 鏂板鎴栦慨鏀硅鎯� @@ -646,9 +664,11 @@ return item; } ); + this.topicobj.targetoptions = this.topicobj.svyLibScriptOptions + .filter((item) => item.isoperation != 3) + .map((item) => item.optioncontent) + .join(", "); this.topicobj.otherdata = JSON.stringify(this.variablelist); - this.topicobj.tag = this.dynamicTags.join(","); - this.topicobj.suitway = this.suitwaylist.join(","); if (this.id) { this.topicobj.isoperation = 2; compileissue(this.topicobj).then((res) => { @@ -727,16 +747,12 @@ }, Saveproblem() { if (this.topicobj.scoretype == 1) { - console.log(321); this.Scorejudgment(); } else { this.compileissue(); } }, - // 鍒犻櫎鏍囩 - handleClose(tag) { - this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1); - }, + // 鍒犻櫎閫夐」 deletexuanx(row) { const index = this.getIndexInArray( @@ -765,10 +781,11 @@ ) .then(() => { console.log(row); - console.log(this.topicobj); this.topicobj.scriptTopic = row.targetname; this.topicobj.valueType = row.valueType; this.topicobj.scriptContent = row.targetdesc; + this.topicobj.targetid = row.id; + this.topicobj.targetname = row.targetname; this.topicobj.isavailable = "0"; this.topicobj.language = "鏅�氳瘽"; this.topicobj.svyLibScriptOptions = []; @@ -792,14 +809,16 @@ tagcategoryid: "0", }; listtag(tagqueryParams).then((response) => { - console.log(response); + console.log(response, "寰呴�夋爣绛�"); this.optionstag = response.rows; }); }, 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.topicobj.svyLibScriptTagList[lindex].delFlag = 1; }, handleInputConfirm() { let tagvalue = {}; @@ -821,7 +840,8 @@ }; } // this.dynamicTags.push(tagvalue); - this.dynamicTags.push(tagvalue.tagname); + this.topicobj.svyLibScriptTagList.push(tagvalue); + this.dynamicTags.push(tagvalue); }); } this.inputVisible = false; @@ -897,7 +917,13 @@ // this.illnessVisible = false; // this.$modal.msgSuccess("缂栬緫鎴愬姛"); // }, - resetQuery() {}, + resetQuery() { + this.queryParams = { + pageNum: 1, + pageSize: 10, + }; + this.gettargetInfo(); + }, // 渚挎嵎鏍囩 tsgnameto(row) { let inputValueArr = ""; @@ -905,7 +931,6 @@ //el.selectionStart; 杩欏氨鏄綋鍓嶅厜鏍囨墍鍦ㄧ殑浣嶇疆锛堝瓧绗︿覆涓瓧绗︾殑index锛� if (this.currentInputId == "scriptContent") { inputValueArr = this.topicobj.scriptContent.split(""); - console.log(123); } else if (this.currentInputId == "nomatchtext") { inputValueArr = this.topicobj.nomatchtext.split(""); } else if (this.currentInputId == "sliencetext") { @@ -1007,17 +1032,27 @@ }, // 閫夐」鏂囦欢涓婁紶 handleChange(item, response, file, fileList) { - let index = this.topicobj.svyLibScriptOptions.findIndex( - (obj) => obj.id == item.id && obj.name == item.name - ); - this.topicobj.svyLibScriptOptions[index].picturePath = response.url; + console.log(response); + if (response.code == 200) { + console.log(item); + let index = this.topicobj.svyLibScriptOptions.findIndex( + (obj) => obj.optioncontent == item.optioncontent + ); + console.log(index); + this.topicobj.svyLibScriptOptions[index].picturePath = response.url; + console.log(this.topicobj.svyLibScriptOptions[index]); + this.$forceUpdate(); + } else { + this.$message.error("鍥剧墖鎻掑叆澶辫触"); + } }, // 棰樺共鏂囦欢涓婁紶 - handleChangetg(item, file, fileList) { - let index = this.topicobj.svyLibScriptOptions.findIndex( - (obj) => obj.id == item.id && obj.name == item.name - ); - this.topicobj.svyLibScriptOptions[index].picturePath = file.response.url; + handleChangetg(response, file, fileList) { + if (response.code == 200) { + this.topicobj.picturePath = response.url; + } else { + this.$message.error("鍥剧墖鎻掑叆澶辫触"); + } }, }, }; -- Gitblit v1.9.3