From df59cae6f3c73605a3f3b4055fdca5b4dabde2c2 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期四, 05 九月 2024 18:32:17 +0800 Subject: [PATCH] 测试完成 --- src/views/repositoryai/intention/index.vue | 289 +++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 215 insertions(+), 74 deletions(-) diff --git a/src/views/repositoryai/intention/index.vue b/src/views/repositoryai/intention/index.vue index ea7af50..0411e4e 100644 --- a/src/views/repositoryai/intention/index.vue +++ b/src/views/repositoryai/intention/index.vue @@ -71,26 +71,24 @@ > <el-form-item label="鎸囨爣鍚嶇О" prop="userName"> <el-input - v-model="queryParams.userName" + v-model="queryParams.targetname" placeholder="璇疯緭鍏�" clearable style="width: 200px" @keyup.enter.native="handleQuery" /> </el-form-item> - <el-form-item label="鏍囩" prop="sickness"> - <el-select v-model="queryParams.tag" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in dynamicTags" - :key="item.tagid" - :label="item.tagname" - :value="item.tagid" - > - </el-option> - </el-select> + <el-form-item label="鏍囩鍚嶇О" prop="userName"> + <el-input + v-model="queryParams.tagName" + placeholder="璇疯緭鍏�" + clearable + style="width: 200px" + @keyup.enter.native="handleQuery" + /> </el-form-item> - <el-form-item label="閫傜敤鏂瑰紡" prop="shape"> - <el-select v-model="queryParams.value" placeholder="璇烽�夋嫨"> + <el-form-item label="閫傜敤鍦烘櫙" prop="shape"> + <el-select v-model="queryParams.suitWay" placeholder="璇烽�夋嫨"> <el-option v-for="item in mode" :key="item.value" @@ -102,11 +100,11 @@ </el-form-item> <el-form-item label="鎸囨爣绫诲瀷" prop="classify"> <el-select - v-model="queryParams.classifyvalue" + v-model="queryParams.scriptType" placeholder="璇烽�夋嫨" > <el-option - v-for="(item, index) in qyoptions" + v-for="(item, index) in askvaluetype" :key="item.value" :label="item.label" :value="item.value" @@ -114,13 +112,13 @@ </el-option> </el-select> </el-form-item> - <el-form-item label="鍙敤鐘舵��" prop="classify"> + <el-form-item label="鏄惁鍙敤" prop="classify"> <el-select - v-model="queryParams.classifyvalue" + v-model="queryParams.isAvailable" placeholder="璇烽�夋嫨" > <el-option - v-for="(item, index) in qyoptions" + v-for="(item, index) in usable" :key="item.value" :label="item.label" :value="item.value" @@ -181,15 +179,15 @@ @selection-change="handleSelectionChange" > <el-table-column type="selection" width="50" align="center" /> - <el-table-column + <!-- <el-table-column label="搴忓彿" fixed align="center" key="id" prop="id" - /> + /> --> <el-table-column - label="缁撴灉绫诲瀷" + label="鎸囨爣绫诲瀷" fixed align="center" key="valueType" @@ -230,7 +228,7 @@ prop="targetdesc" width="200" /><el-table-column - label="閫傜敤鏂瑰紡" + label="閫傜敤鍦烘櫙" align="center" key="suitWayList" prop="suitWayList" @@ -273,10 +271,7 @@ prop="isAvailable" > <template slot-scope="scope"> - <dict-tag - :options="qyoptions" - :value="scope.row.isAvailable" - /> + <dict-tag :options="usable" :value="scope.row.isAvailable" /> </template> </el-table-column> @@ -343,12 +338,16 @@ :rules="rules" label-width="100px" > + <div class="headline"> + <div class="basics">鍩虹淇℃伅</div> + </div> + <el-divider></el-divider> <el-row v-if="!measurement"> <el-col :span="12"> <el-form-item label="鎸囨爣鍚嶇О" prop="targetname"> <el-input v-model="indexform.targetname" - placeholder="璇疯緭鍏ユ寚鏍囩绫�" + placeholder="璇疯緭鍏ユ寚鏍囧悕绉�" maxlength="40" /> </el-form-item> @@ -406,17 +405,13 @@ </el-col> <el-col :span="8"> <el-form-item label="鏄惁鍙敤" prop="isAvailable"> - <el-select - v-model="indexform.isAvailable" - placeholder="璇烽�夋嫨" - > - <el-option - v-for="index in qyoptions" - :key="index.value" - :label="index.label" - :value="index.value" - ></el-option> - </el-select> + <el-radio-group v-model="indexform.isAvailable"> + <el-radio + v-for="(item, index) in usable" + :label="item.value" + >{{ item.label }}</el-radio + > + </el-radio-group> </el-form-item> </el-col> </el-row> @@ -426,11 +421,18 @@ <el-input v-model="indexform.targetdesc" placeholder="璇疯緭鍏ユ寚鏍囨弿杩�" + id="targetdesc" + @focus="currentInputId = 'targetdesc'" maxlength="40" /> </el-form-item> </el-col ></el-row> - <el-form-item label="鏍囩" prop="desc" v-if="!measurement"> + <!-- <el-form-item label="鎻掑叆濉┖" prop="scriptContent"> + <div style="display: flex; margin-bottom: 10px"> + <div class="tsgname" @click="tsgnameto">鎻掑叆濉┖</div> + </div> + </el-form-item> --> + <el-form-item label="鏍囩" prop="dynamicTags" v-if="!measurement"> <div class="xinz-inf"> <el-tag :key="tag.tagname" @@ -470,7 +472,19 @@ </el-form-item> <el-row v-if="!measurement"> <el-col :span="24"> - <el-form-item label="鍊肩被鍨�"> + <el-form-item prop="valueType"> + <template #label> + 鍊肩被鍨� + <el-tooltip + class="item" + effect="light" + content="鏈被鍨嬩负缁撴灉鏀堕泦绫诲瀷锛涢�夐」鐢ㄤ簬鎸囧悜鎬ч鐩鏄惁绛夛紱鏂囨湰閫傜敤澶嶆潅鎯呭喌锛涙暟鍊肩敤浜庢敹闆嗘暟鍊煎瀷鏁版嵁" + placement="top-start" + > + <i class="el-icon-warning-outline"></i> + </el-tooltip> + <!-- 鍦ㄦ爣绛惧悗鎻掑叆绾㈣壊鏄熷彿 --> + </template> <el-radio-group v-model="indexform.valueType"> <el-radio :label="1">閫夐」</el-radio> <el-radio :label="2">鏂囨湰</el-radio> @@ -481,11 +495,14 @@ > <el-row v-if="!measurement"> <el-col :span="24"> - <el-form-item label="棰樼洰绫诲瀷"> - <el-radio-group v-model="indexform.scriptType"> + <el-form-item label="棰樼洰绫诲瀷" prop="scriptType"> + <el-radio-group + @input="Changtype" + v-model="indexform.scriptType" + > <el-radio :label="1">鍗曢��</el-radio> <el-radio :label="2">澶氶��</el-radio> - <el-radio :label="3">濉┖</el-radio> + <!-- <el-radio :label="3">濉┖</el-radio> --> <el-radio :label="4">闂瓟</el-radio> </el-radio-group> </el-form-item> @@ -495,24 +512,20 @@ <el-row v-if="!measurement"> <el-col :span="24"> <el-form-item label="閫傜敤鍦烘櫙" prop="suitWayList"> - <el-select - class="el-select1" - v-model="indexform.suitWayList" - multiple - @change="changeselect" - placeholder="璇烽�夋嫨" - > - <el-option - v-for="index in mode" - :key="index.value" - :label="index.label" - :value="index.value" - ></el-option> - </el-select> + <el-checkbox-group v-model="indexform.suitWayList"> + <el-checkbox v-for="item in mode" :label="item.value">{{ + item.label + }}</el-checkbox> + </el-checkbox-group> </el-form-item> </el-col> </el-row> - + <div v-if="indexform.scriptType == 1 || indexform.scriptType == 2"> + <div class="headline"> + <div class="basics">閫夐」璁剧疆</div> + </div> + <el-divider></el-divider> + </div> <el-card class="box-card" style="margin-bottom: 20px" @@ -528,16 +541,32 @@ @xiayioption="xiayioption" /> </el-card> - <div v-if="indexform.scriptType == 3"> + <!-- <div v-if="indexform.scriptType == 3"> <el-form-item label="鏀堕泦淇℃伅"> - <el-input - type="text" - placeholder="濉叆鏀堕泦淇℃伅" - v-model="indexform.reply" - > - </el-input - ></el-form-item> + <el-card class="box-card"> + <div v-for="item in testuserList" style="margin-bottom: 10px"> + <el-input + type="text" + placeholder="濉叆鏀堕泦淇℃伅" + v-model="indexform.optiondesc" + > + <el-button + slot="append" + @click="deloption(item)" + type="danger" + icon="el-icon-delete" + circle + ></el-button> + <span slot="prepend">{{ "(" + item.orderno + ")" }}</span> + </el-input> + </div> + </el-card> + </el-form-item> + </div> --> + <div class="headline"> + <div class="basics">鎸囨爣娴嬭瘯</div> </div> + <el-divider></el-divider> <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="娴嬭瘯杈撳叆" prop="nickName"> @@ -700,6 +729,7 @@ showSearch: true, measurement: false, languagelist: [], + usable: [], indexid: null, // 鎬绘潯鏁� total: 0, @@ -711,6 +741,7 @@ radio: "涓诲垎绫�", testvalue: "", testgovalue: "", + creatype: "", //鎸囨爣涓存椂绫诲瀷 hasValue: true, classifyform: { categoryname: "", @@ -749,17 +780,17 @@ illnesslist: [], illnesslistapi: [], optionsillness: [], - qyoptions: [], mode: [], optionstag: [], targetoptionList: [], + Temporarytype: "", // 鏌ヨ鍙傛暟 queryParams: { pageNum: 1, pageSize: 10, }, - valuetypelb: [], + askvaluetype: [], // 琛ㄥ崟鏍¢獙 rules: { @@ -770,10 +801,25 @@ { required: true, message: "鎸囨爣鍒嗙被涓嶈兘涓虹┖", trigger: "blur" }, ], language: [ - { required: true, message: "鎸囨爣璇█涓嶈兘涓虹┖", trigger: "blur" }, + { required: true, message: "璇█涓嶈兘涓虹┖", trigger: "blur" }, ], isAvailable: [ - { required: true, message: "鎸囨爣璇█涓嶈兘涓虹┖", trigger: "blur" }, + { required: true, message: "鍙敤鐘舵�佷笉鑳戒负绌�", trigger: "blur" }, + ], + targetdesc: [ + { required: true, message: "鎸囨爣鎻忚堪涓嶈兘涓虹┖", trigger: "blur" }, + ], + dynamicTags: [ + { required: true, message: "鏍囩涓嶈兘涓虹┖", trigger: "blur" }, + ], + valueType: [ + { required: true, message: "鍊肩被鍨嬩笉鑳戒负绌�", trigger: "blur" }, + ], + scriptType: [ + { required: true, message: "棰樼洰绫诲瀷涓嶈兘涓虹┖", trigger: "blur" }, + ], + suitWayList: [ + { required: true, message: "閫傜敤鍦烘櫙涓嶈兘涓虹┖", trigger: "blur" }, ], }, }; @@ -791,9 +837,10 @@ this.gettabList(); this.getDeptTree(); this.mode = store.getters.mode; + this.askvaluetype = store.getters.askvaluetype; this.valuetypelb = store.getters.valuetypelb; this.languagelist = store.getters.languagelist; - this.qyoptions = store.getters.usable; + this.usable = store.getters.usable; }, methods: { /** 鏌ヨ鎸囨爣鍒楄〃 */ @@ -835,7 +882,65 @@ this.deletefenl = row.title; } }, + // 渚挎嵎鏍囩鎻掑叆濉┖ + tsgnameto(row) { + let inputValueArr = ""; + let value = this.testuserList.length + 1; + let el = document.querySelector("#" + this.currentInputId); + //el.selectionStart; 杩欏氨鏄綋鍓嶅厜鏍囨墍鍦ㄧ殑浣嶇疆锛堝瓧绗︿覆涓瓧绗︾殑index锛� + if (this.currentInputId == "targetdesc") { + inputValueArr = this.indexform.targetdesc.split(""); + } else { + return; + } + //灏嗚緭鍏ユ鍐呭鍒囨垚鏁扮粍锛屾柟渚垮悗缁搷浣� + // inputValueArr = this.inputValue.split(""); + // 鎷垮埌閫変腑鏂囧瓧鐨勯暱搴︼紙鍚庣画鍙互鐢ㄦ潵鏇挎崲閫変腑鐨勬枃瀛楋級 + let selectLength = el.selectionEnd - el.selectionStart; + // 灏嗚鎻掑叆/鏇挎崲鐨勬枃瀛楁彃鍏�/鏇挎崲锛坴alue.name鏄鎻掑叆/鏇挎崲鐨勫瓧绗︿覆锛� + inputValueArr.splice( + el.selectionStart, + selectLength, + "__" + value + "__" + ); + this.testuserList.push({ + orderno: value, + optiondesc: "", + isoperation: 1, + }); + // 鎶婃暟缁勯噸鏂拌浆鎹负瀛楃涓插苟璧嬪�� + inputValueArr = inputValueArr.join(""); + + console.log(inputValueArr); + if (this.currentInputId == "targetdesc") { + this.indexform.targetdesc = inputValueArr; + } else { + return; + } + }, + Changtype(item) { + console.log(this.testuserList); + console.log(item, "閫夐」鍙樻洿鐨勫鐞�"); + + if (item == 3 && this.testuserList[0].targetvalue) { + this.$modal + .confirm("鏇存敼绫诲瀷涓哄~绌哄悗閫夐」灏嗘竻绌烘槸鍚︾户缁紵") + .then(() => { + this.testuserList = []; + this.Temporarytype = this.indexform.scriptType; + }) + .catch(() => { + this.indexform.scriptType = this.Temporarytype; + }); + } else if (item == 3) { + this.testuserList = []; + this.Temporarytype = this.indexform.scriptType; + } + { + this.Temporarytype = this.indexform.scriptType; + } + }, // 鐤剧梾----------------------- illnessUpdate(row) { this.illnessVisible = true; @@ -986,10 +1091,17 @@ console.log(this.targetoptionList, "aaaa.targetoptionList"); this.testuserList.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱� this.sortFn(); + + if (this.indexform.scriptType == 3) { + this.$modal.msgWarning( + "濉┖椤瑰凡鍒犻櫎璇锋墜鍔ㄥ垹闄ら鐩唴瀹逛腑瀵瑰簲鐨勫~绌洪」" + ); + } } else { console.log("鏈壘鍒拌瀵硅薄"); } }, + syioption(row) { const index = this.getIndexInArray(this.testuserList, row); const item = this.testuserList.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓� @@ -1021,6 +1133,7 @@ targetoptionid: item.targetoptionid, isabnormal: item.isabnormal, picturePath: item.picturePath, + optiondesc: item.optiondesc, }; }); console.log(this.testuserList); @@ -1167,6 +1280,7 @@ this.indexform = { ivrLibaTargetTagList: [], targetoptionList: [], + suitWayList: [], }; this.dynamicTags = []; this.testuserList = [ @@ -1176,6 +1290,7 @@ targetregex: "", targetregex2: "", isoperation: 1, + isabnormal:0, picturePath: "", dynamiccruxs: [], nodynamiccruxs: [], @@ -1193,6 +1308,7 @@ this.indexform = {}; this.indexform = row; this.indexform.scriptType = Number(row.scriptType); + this.Temporarytype = this.indexform.scriptType; if (!row.targetoptionList[0]) { row.targetoptionList = [ { @@ -1201,6 +1317,7 @@ targetregex: "", targetregex2: "", isoperation: 1, + orderno: 1, dynamiccruxs: [], nodynamiccruxs: [], dynamiccruxsJson: "", @@ -1250,6 +1367,10 @@ } }); if (valid) { + this.indexform.optionDesc = this.testuserList + .filter((item) => item.isoperation != 3) + .map((item) => item.targetvalue) + .join(", "); if (!this.indexform.version) this.indexform.version = "1.0"; if (this.indexform.id != undefined) { this.indexform.isoperation = 2; @@ -1390,6 +1511,29 @@ display: center !important; } } +.tsgname { + width: 90px; + margin-right: 10px; + text-align: center; + cursor: pointer; + height: 40px; + line-height: 40px; + background: #66c18c; + color: #ffff; + font-size: 18px; + border-radius: 5px; +} +.tsgname:hover { + background: #20894d; +} +.headline { + display: flex; + justify-content: space-between; + font-size: 20px; + border-left: 4px solid #41a1be; + padding-left: 5px; + margin: 15px 0; +} .qrcode-dialo { text-align: center; // display: flex; @@ -1409,9 +1553,6 @@ width: 300px; height: 400px; } -} -.el-select { - width: 40%; } ::v-deep.el-tabs--left, .el-tabs--right { -- Gitblit v1.9.3