From dad71d3ff3fa37090c78f3d83d09db0fa54601ca Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期一, 29 七月 2024 17:30:08 +0800 Subject: [PATCH] 测试完成 --- src/views/knowledge/questionbank/index.vue | 189 +++++++++++++++++++++++++++++++++++++---------- 1 files changed, 149 insertions(+), 40 deletions(-) diff --git a/src/views/knowledge/questionbank/index.vue b/src/views/knowledge/questionbank/index.vue index 53644ce..0dd4b8c 100644 --- a/src/views/knowledge/questionbank/index.vue +++ b/src/views/knowledge/questionbank/index.vue @@ -29,7 +29,7 @@ > <span class="custom-tree-node" slot-scope="{ node, data }"> <span>{{ node.label }}</span> - <span> + <span v-if="data.id > 0"> <el-button type="text" icon="el-icon-delete" @@ -37,6 +37,17 @@ size="mini" @click="() => remove(node, data)" > + </el-button> + </span> + <span v-if="data.id > 0"> + <el-button + type="text" + circle + size="mini" + @click="() => altertag(node, data)" + ><span class="button-textxg" + ><i class="el-icon-edit-outline"></i + ></span> </el-button> </span> </span> @@ -57,28 +68,17 @@ v-show="showSearch" label-width="98px" > - <el-form-item label="鍙敤闄㈠尯" prop="status"> - <el-select v-model="queryParams.courtyard" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in languagelist" - :key="item.value" - :label="item.label" - :value="item.value" - > - </el-option> - </el-select> - </el-form-item> - <el-form-item label="闂涓婚" prop="userName"> + <el-form-item label="闂鏍囬" prop="userName"> <el-input - v-model="queryParams.userName" + v-model="queryParams.scriptTopic" placeholder="璇疯緭鍏�" clearable style="width: 200px" @keyup.enter.native="handleQuery" /> </el-form-item> - <el-form-item label="鏂囧瓧" prop="status"> - <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> + <el-form-item label="璇█" prop="status"> + <el-select v-model="queryParams.language" placeholder="璇烽�夋嫨"> <el-option v-for="item in languagelist" :key="item.value" @@ -87,6 +87,15 @@ > </el-option> </el-select> + </el-form-item> + <el-form-item label="鍏宠仈鎸囨爣" prop="targetname"> + <el-input + v-model="queryParams.targetname" + placeholder="璇疯緭鍏�" + clearable + style="width: 200px" + @keyup.enter.native="handleQuery" + /> </el-form-item> <el-form-item label="鏄惁鍙敤" prop="isavailable"> <el-select @@ -152,26 +161,33 @@ :border="true" @selection-change="handleSelectionChange" > - <el-table-column type="selection" width="50" align="center" /> + <el-table-column + type="selection" + fixed + width="50" + align="center" + /> <el-table-column label="搴忓彿" + fixed align="center" - key="topicid" - prop="topicid" + key="id" + prop="id" /> <el-table-column label="棰樼洰鏍囬" + fixed align="center" - key="topic" - prop="topic" + key="scriptTopic" + prop="scriptTopic" width="200" :show-overflow-tooltip="true" /> <el-table-column label="棰樼洰鍐呭" align="center" - key="topicContent" - prop="topicContent" + key="scriptContent" + prop="scriptContent" width="200" :show-overflow-tooltip="true" /> @@ -215,8 +231,8 @@ :show-overflow-tooltip="true" > <template slot-scope="scope"> - <span v-for="item in scope.row.tag.split(',')" - >{{ item }}銆� + <span v-for="item in scope.row.svyLibScriptTagList" + >{{ item.tagname }}銆� </span> </template> </el-table-column> @@ -245,6 +261,7 @@ <el-table-column label="鎿嶄綔" + fixed="right" align="center" width="250" class-name="small-padding fixed-width" @@ -271,7 +288,7 @@ <el-button size="medium" type="text" - @click="handleDelete(scope.row)" + @click="topicpreview(scope.row)" v-hasPermi="['system:user:remove']" ><span class="button-text" ><i class="el-icon-view"></i>棰勮</span @@ -318,7 +335,7 @@ </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> - <el-button @click="dialogFormVisible = false">鍙� 娑�</el-button> + <el-button @click="getDeptTree()">鍙� 娑�</el-button> <el-button type="primary" @click="submitsidecolumn">纭� 瀹�</el-button> </div> </el-dialog> @@ -370,6 +387,35 @@ <el-button type="primary" @click="confirmillness">纭� 瀹�</el-button> </span> </el-dialog> + <el-dialog title="棰樼洰棰勮" :visible.sync="topicVisible" width="50%"> + <div class="preview-left"> + <div class="dev-text"> + <span>{{ topicform.scriptContent }}</span> + </div> + + <div + class="dev-xx" + v-if="topicform.scriptType != 3 && topicform.scriptType != 4" + > + <el-radio-group v-model="topicform.asrtext"> + <el-radio + v-for="(topicforms, index) in topicform.svyLibScriptOptions" + :key="topicforms.optioncontent" + :label="topicforms.optioncontent" + >{{ topicforms.optioncontent }}</el-radio + > + </el-radio-group> + </div> + <div v-else> + <el-input + type="textarea" + placeholder="璇疯緭鍏ュ唴瀹�" + v-model.sync="topicform.asrtext" + :rows="2" + /> + </div> + </div> + </el-dialog> </div> </template> @@ -379,6 +425,7 @@ getissueclassify, delissueclassify, addissueclassify, + editissueclassify, getissuelist, issueinfo, compileissue, @@ -414,12 +461,16 @@ namequestionnaire: "", haoquestionnaire: "", idds: "", + topicform: { + scriptContent: "", + }, amendtag: false, //鏄惁淇敼绫诲埆 dialogFormVisible: false, //淇敼娣诲姞绫诲埆寮规 deleteVisible: false, //鍒嗙被鍒犻櫎寮规 + topicVisible: false, //棰勮寮规 deletefenl: "楂樿鍘�", //鍒犻櫎椤� classifyform: { - categoryname: "", + name: "", }, //绫诲埆琛ㄥ崟 // 琛ㄦ牸鏁版嵁 userList: [], @@ -453,7 +504,7 @@ illnesslistapi: [], illnesslist: [], defaultProps: { - children: "svyLibTopicCategoryList", + children: "svyLibScriptCategoryList", label: "name", }, mode: [], @@ -493,13 +544,13 @@ compileUpdate(row) { this.$router.push({ path: "/knowledge/questionbank/particulars/", - query: { id: row.topicid }, + query: { id: row.id }, }); }, // 鐤剧梾----------------------- illnessUpdate(row) { this.illnessVisible = true; - this.indexid = row.topicid; + this.indexid = row.id; this.illnesslistapi = []; const illnessqueryParams = { pageNum: 1, @@ -509,7 +560,7 @@ console.log(response); this.optionsillness = response.rows; }); - getillness({ outid: row.topicid, type: 4 }).then((res) => { + getillness({ outid: row.id, type: 4 }).then((res) => { this.illnesslist = res.rows; console.log(res); }); @@ -580,12 +631,21 @@ getDeptTree() { getissueclassify({}).then((res) => { this.deptOptions = res.rows; - console.log(res); + this.dialogFormVisible = false; }); }, // 娣诲姞绫诲埆鏍� submitsidecolumn() { + if (this.classifyform.id) { + editissueclassify(this.classifyform).then((res) => { + this.getDeptTree(); + this.$modal.msgSuccess("淇敼鎴愬姛"); + this.classifyform = {}; + this.dialogFormVisible = false; + }); + return; + } let calssvalue = {}; if ( this.classifyform.pid && @@ -596,10 +656,11 @@ (obj) => obj.id == this.classifyform.pid ); calssvalue = this.deptOptions[index]; - calssvalue.svyLibTopicCategoryList.push(this.classifyform); + console.log(calssvalue, "calssvalue"); + calssvalue.svyLibScriptCategoryList.push(this.classifyform); } else if (this.radio == "涓诲垎绫�" && this.classifyform.name) { this.classifyform.pid = null; - this.classifyform.svyLibTopicCategoryList = []; + this.classifyform.svyLibScriptCategoryList = []; } else { return this.$modal.msgError("璇峰~鍐欏畬鏁翠俊鎭�"); } @@ -637,6 +698,16 @@ .catch(() => {}); } }, + altertag(a, b) { + this.dialogFormVisible = true; + if (!b.pid) { + this.radio = "涓诲垎绫�"; + } else { + this.radio = "瀛愬垎绫�"; + } + this.classifyform = b; + this.dialogFormVisible = true; + }, // 绛涢�夎妭鐐� filterNode(value, data) { @@ -644,14 +715,14 @@ return data.name.indexOf(value) !== -1; }, handleNodeClick(data) { - this.queryParams.assortid = data.id; + this.queryParams.categoryid = data.id; this.getList(); }, // 琛ㄥ崟閲嶇疆 reset() { this.form = { - topicid: undefined, + id: undefined, deptId: undefined, userName: undefined, nickName: undefined, @@ -681,7 +752,7 @@ }, // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { - this.ids = selection.map((item) => item.topicid); + this.ids = selection.map((item) => item.id); this.single = selection.length != 1; this.multiple = !selection.length; }, @@ -701,7 +772,8 @@ /** 鍒犻櫎鎸夐挳鎿嶄綔 */ handleDelete(row) { - const topicids = row.topicid || this.ids; + console.log(this.ids); + const topicids = row.id || this.ids; this.$modal .confirm('鏄惁纭鍒犻櫎鐢ㄦ埛缂栧彿涓�"' + topicids + '"鐨勬暟鎹」锛�') .then(function () { @@ -712,6 +784,10 @@ this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }) .catch(() => {}); + }, + topicpreview(row) { + this.topicform = row; + this.topicVisible = true; }, }, }; @@ -729,7 +805,7 @@ margin-top: 20px; margin: 20px; padding: 30px; - background: #edf1f7; + background: #fff; 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); @@ -848,6 +924,21 @@ vertical-align: bottom; } } +.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); + + .dev-text { + margin-bottom: 10px; + text-align: left; + font-size: 22px; + } +} ::v-deep .el-tree-node__content { display: -webkit-box; @@ -860,6 +951,24 @@ font-size: 20px; cursor: pointer; } +::v-deep .el-tree { + position: relative; + cursor: default; + border-radius: 5px; + background: #eff8fe; + color: #606266; + border: 1px solid #bbe1fa; + // 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); +} +::v-deep + .el-tree--highlight-current + .el-tree-node.is-current + > .el-tree-node__content { + background-color: #7799fb; + color: #fff; +} ::v-deep .el-button--mini.is-circle { padding: 7px; margin: 0; -- Gitblit v1.9.3