From 79925204a4e1588d1031ca0429ae318a608a8928 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期四, 01 二月 2024 11:32:23 +0800 Subject: [PATCH] 指标完成 --- src/views/knowledge/education/compilequer/index.vue | 209 ++++++++++++++++++++++++++++++---------------------- 1 files changed, 121 insertions(+), 88 deletions(-) diff --git a/src/views/knowledge/education/compilequer/index.vue b/src/views/knowledge/education/compilequer/index.vue index fb07522..ce20fcf 100644 --- a/src/views/knowledge/education/compilequer/index.vue +++ b/src/views/knowledge/education/compilequer/index.vue @@ -2,12 +2,22 @@ <div class="Questionnairemanagement"> <!-- 宸︿晶鏍� --> <div class="sidecolumn"> - <div style="height: 200px"> - <el-steps direction="vertical" :active="Editprogress"> - <el-step title="鍩虹淇℃伅璁剧疆"></el-step> - <el-step title="瀹f暀鍐呭"></el-step> - </el-steps> - </div> + <el-steps finish-status="success" :active="Editprogress" simple> + <el-step> + <template slot="title"> + <span style="cursor: pointer" @click="Editprogress = 1" + >鍩虹淇℃伅璁剧疆</span + > + </template> + </el-step> + <el-step> + <template slot="title"> + <span style="cursor: pointer" @click="Editprogress = 2" + >瀹f暀鍐呭</span + > + </template> + </el-step> + </el-steps> </div> <!-- 鍙充晶鏁版嵁 --> <div class="leftvlue"> @@ -28,24 +38,41 @@ filterable placeholder="璇烽�夋嫨鍒嗙被" > - <el-option - class="ruleFormaa" - v-for="item in sortlist" - :key="item.id" - :label="item.assortname" - :value="item.id" + <el-option-group + v-for="group in sortlist" + :key="group.id" + :label="group.assortname" > - </el-option> + <el-option + v-for="item in group.heLibraryAssortList" + :key="item.id" + :label="item.assortname" + :value="item.id" + > + </el-option> + </el-option-group> </el-select> </el-form-item> + <el-row> + <el-col :span="12"> </el-col> + <el-col :span="12"> </el-col> + </el-row> <el-form-item label="瀹f暀鏍囬" prop="preachname"> <div style="width: 30%"> - <el-input v-model="ruleForm.preachname"></el-input> + <el-input + v-model="ruleForm.preachname" + placeholder="璇疯緭鍏ユ爣棰�" + ></el-input> </div> </el-form-item> - <el-form-item label="瀹f暀鎻忚堪" prop="preachdescription"> - <div style="width: 30%"> - <el-input v-model="ruleForm.preachdescription"></el-input> + <el-form-item label="瀹f暀鎻忚堪" prop="preachcontent"> + <div style="width: 60%"> + <el-input + type="textarea" + :rows="2" + v-model="ruleForm.preachcontent" + placeholder="璇疯緭鍏ユ弿杩�" + ></el-input> </div> </el-form-item> <el-form-item label="閫氱煡鍙橀噺" prop="name"> @@ -141,7 +168,10 @@ <el-row :gutter="20"> <el-col :span="6"> <el-form-item label="鐗堟湰鍙�" prop="name"> - <el-input v-model="ruleForm.version"></el-input> </el-form-item + <el-input + v-model="ruleForm.version" + placeholder="榛樿1.0.1" + ></el-input> </el-form-item ></el-col> <el-col :span="9"> <el-form-item label="鍙敤鐘舵��" prop="region"> @@ -181,7 +211,7 @@ </el-select> </el-form-item> <el-form-item label="閫傜敤鐤剧梾" prop="region"> - <div class="xinz-infs"> + <div class="xinz-inf"> <el-tag :key="item.icd10name" type="warning" @@ -225,6 +255,7 @@ <el-select v-model="ruleForm.campus" size="medium" + multiple filterable placeholder="璇烽�夋嫨鍒嗙被" > @@ -256,7 +287,9 @@ <el-button type="success" @click="nextstep('ruleForm')" >涓嬩竴姝�</el-button > - <el-button @click="resetForm('ruleForm')">閲嶇疆</el-button> + <el-button type="success" @click="Departmenttreatment('ruleForm')" + >淇濆瓨</el-button + > <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button> </el-form-item> </el-form> @@ -353,6 +386,7 @@ addtargetillness, getlibrarylist, dellibraryinfo, + deltargetillness, compilelibrary, getlibraryinfo, getillnesslist, @@ -397,7 +431,7 @@ headers: { Authorization: "Bearer " + getToken(), }, - uploadImgUrl: "/v1/admin/common/upload", + uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload", uploadUrlPath: "娌℃湁鏂囦欢涓婁紶", quillUpdateImg: false, fileList: [ @@ -463,7 +497,12 @@ radioas: "", //濉┖棰樼瓟妗� // 鎬绘潯鏁� total: 1, - ruleForm: {}, + ruleForm: { + campus: [], + heLibraryTagList: [], + tempDetpRelevances: [], + version: "1.0.1", + }, rules: {}, rulesa: {}, mode: [], @@ -535,36 +574,41 @@ }, methods: { + processElement(element) { + return { ...element, isoperation: null }; + }, + // 鑾峰彇椤甸潰鏁版嵁 getList() { this.loading = true; - getlibraryinfo({ id: this.$route.query.id }).then((res) => { - this.ruleForm = res.data; - this.tempDetpRelevanceslist = JSON.parse(this.ruleForm.deptNames); - this.ruleForm.suitway = this.ruleForm.suitway.split(","); - this.variablelist = JSON.parse(this.ruleForm.otherdata) - ? JSON.parse(this.ruleForm.otherdata) - : this.variablelist; - }); + this.id = this.$route.query.id; + if (this.id) { + getlibraryinfo({ id: this.id }).then((res) => { + this.ruleForm = res.data[0]; + this.ruleForm.campus = this.ruleForm.campus.split(","); + this.dynamicTags = res.data[0].heLibraryTagList.map( + this.processElement + ); + + if (this.ruleForm.deptNames) { + this.tempDetpRelevanceslist = JSON.parse(this.ruleForm.deptNames); + } + if (this.ruleForm.suitway) { + this.ruleForm.suitway = this.ruleForm.suitway.split(","); + } + this.variablelist = this.ruleForm.otherdata + ? JSON.parse(this.ruleForm.otherdata) + : this.variablelist; + }); + } + // 瀹f暀鍒嗙被 getheLibraryAssort({}).then((res) => { this.sortlist = res.rows; - console.log(res); }); + // 閮ㄩ棬 listDept(this.queryParams).then((response) => { this.deptList = this.handleTree(response.data, "deptId"); }); this.loading = false; - }, - /** 鏌ヨ鏍囩鍒楄〃 */ - gettabList() { - const tagqueryParams = { - pageNum: 1, - pageSize: 1000, - tagcategoryid: "0", - }; - listtag(tagqueryParams).then((response) => { - console.log(response); - this.optionstag = response.rows; - }); }, submitForm(formName) { @@ -572,22 +616,31 @@ this.dynamicTags.forEach((item) => { tgs.push(item.tagname); }); - this.ruleForm.labelInfo = tgs.join(","); + this.ruleForm.campus = this.ruleForm.campus.join(","); + this.ruleForm.labelInfo = tgs.length != 0 ? tgs.join(", ") : ""; this.ruleForm.otherdata = JSON.stringify(this.variablelist); - this.ruleForm.suitway = this.ruleForm.suitway.join(","); + console.log(22); + this.ruleForm.suitway = + this.ruleForm.suitway.length != 0 + ? this.ruleForm.suitway.join(",") + : ""; if (this.id) { this.ruleForm.isoperation = 2; - compilelibrary(this.ruleForm).then((response) => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - this.$router.go(-1); - }); } else { this.ruleForm.isoperation = 1; - compilelibrary(this.ruleForm).then((response) => { - this.$modal.msgSuccess("鏂板鎴愬姛"); - this.$router.go(-1); - }); } + this.illnesslist.forEach((item, index) => { + if (!item.id) { + addtargetillness(item).then((res) => {}); + } + }); + if (this.illnesslistapi.length) { + deltargetillness(this.illnesslistapi.join(",")).then((res) => {}); + } + compilelibrary(this.ruleForm).then((res) => { + this.$modal.msgSuccess("缂栬緫鎴愬姛"); + this.$router.go(-1); + }); }, // 涓嬩竴姝� nextstep() { @@ -619,11 +672,9 @@ // 绉戝澶勭悊 Departmenttreatment() { this.ruleForm.deptNames = JSON.stringify(this.tempDetpRelevanceslist); - console.log(this.tempDetpRelevanceslist); const result = this.tempDetpRelevanceslist.map( (subArr) => subArr[subArr.length - 1] ); - console.log(result); // id鏁扮粍鏌ユ暟缁勫璞� result.forEach((item) => { const condition = this.ruleForm.tempDetpRelevances.some( @@ -631,13 +682,12 @@ ); if (!condition) { listDept({ deptId: item }).then((res) => { - console.log(res.data[0]); + console.log("dept"); res.data[0].type = 2; this.ruleForm.tempDetpRelevances.push(res.data[0]); }); } }); - console.log(this.ruleForm.tempDetpRelevances); // 鏁扮粍瀵硅薄鏌d鏁扮粍 this.ruleForm.tempDetpRelevances.forEach((item) => { const condition = result.some((obj) => obj === item.deptId); @@ -646,7 +696,6 @@ this.ruleForm.tempDetpRelevances[index].delFlag = 1; } }); - console.log(this.ruleForm.tempDetpRelevances); setTimeout(() => { this.submitForm(); }, 1000); @@ -684,14 +733,15 @@ tagcategoryid: "0", }; listtag(tagqueryParams).then((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); + const lindex = this.ruleForm.heLibraryTagList.findIndex( + (item) => item.tagname == tag.tagname + ); + console.log(lindex); this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1); this.ruleForm.heLibraryTagList[lindex].isoperation = 3; }, @@ -745,12 +795,10 @@ pageSize: 100, }; getillnesslist(illnessqueryParams).then((response) => { - console.log(response); this.optionsillness = response.rows; }); getillness({ outid: this.$route.query.id, type: 6 }).then((res) => { this.illnesslist = res.rows; - console.log(res); }); }, handleCloseillness(tag) { @@ -760,7 +808,6 @@ } }, remoteMethod(value) { - console.log(value); const illnessqueryParams = { pageNum: 1, pageSize: 100, @@ -779,7 +826,7 @@ let tagname = this.inputValue; illnesslistget(item).then((res) => { opeavalue = res.data; - opeavalue.outid = this.indexid; + opeavalue.outid = this.id; opeavalue.type = 6; opeavalue.icd10id = opeavalue.icdid; opeavalue.icd10name = opeavalue.icdname; @@ -788,22 +835,10 @@ this.illnesslist.push(opeavalue); } }); - console.log(this.illnesslist); - this.inputVisible = false; + this.illnessVisible = false; this.inputValue = ""; }, - confirmillness() { - this.illnesslist.forEach((item, index) => { - if (!item.id) { - addtargetillness(item).then((res) => {}); - } - }); - if (this.illnesslistapi.length) { - deltargetillness(this.illnesslistapi.join(",")).then((res) => {}); - } - this.illnessVisible = false; - this.$modal.msgSuccess("缂栬緫鎴愬姛"); - }, + illnessshowInput() { this.illnessVisible = true; }, @@ -833,7 +868,7 @@ // this.$emit('upload',res, file) console.log(res, file); //鎷兼帴鍑轰笂浼犵殑鍥剧墖鍦ㄦ湇鍔″櫒鐨勫畬鏁村湴鍧� - let imgUrl = res.data.url; + let imgUrl = res.url; let type = imgUrl.substring(imgUrl.lastIndexOf(".") + 1); console.log(type); // 鑾峰彇瀵屾枃鏈粍浠跺疄渚� @@ -871,17 +906,17 @@ <style lang="scss" scoped> .Questionnairemanagement { - display: flex; + // display: flex; } .sidecolumn { - width: 300px; - min-height: 100vh; - text-align: center; + // width: 300px; + // min-height: 100vh; + // text-align: center; // display: flex; // margin-top: 20px; margin: 20px; margin-bottom: 0; - padding: 30px; + padding: 20px; background: #edf1f7; border: 1px solid #dcdfe6; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), @@ -890,9 +925,7 @@ .leftvlue { // display: flex; // flex: 1; - width: 80%; - margin-top: 20px; - // margin: 20px; + margin: 20px; padding: 30px; background: #ffff; border: 1px solid #dcdfe6; -- Gitblit v1.9.3