From ad0ecacbc73d16c9b95b79ac3c82868cbff33e44 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期一, 05 八月 2024 16:17:21 +0800
Subject: [PATCH] 测试完成
---
src/views/knowledge/education/compilequer/index.vue | 359 ++++++++++++++++++++++++++++++++---------------------------
1 files changed, 197 insertions(+), 162 deletions(-)
diff --git a/src/views/knowledge/education/compilequer/index.vue b/src/views/knowledge/education/compilequer/index.vue
index ad86eaf..225df98 100644
--- a/src/views/knowledge/education/compilequer/index.vue
+++ b/src/views/knowledge/education/compilequer/index.vue
@@ -211,45 +211,9 @@
</el-select>
</el-form-item>
<el-form-item label="閫傜敤鐤剧梾" prop="region">
- <div class="xinz-inf">
- <el-tag
- :key="item.icd10name"
- type="warning"
- v-for="item in illnesslist"
- closable
- :disable-transitions="false"
- @close="handleCloseillness(item)"
- >
- {{ item.icd10name }}
- </el-tag>
- <el-select
- v-model="inputValue"
- v-if="illnessVisible"
- @change="illnessConfirm"
- :remote-method="remoteMethod"
- filterable
- remote
- allow-create
- default-first-option
- placeholder="璇烽�夋嫨/鏌ヨ"
- :loading="loading"
- >
- <el-option
- v-for="item in optionsillness"
- :key="item.icdid"
- :label="item.icdname"
- :value="item.icdid"
- >
- </el-option>
- </el-select>
- <el-button
- v-else
- class="button-new-tag"
- size="small"
- @click="illnessshowInput"
- >+ 鏂板鐤剧梾</el-button
- >
- </div>
+ <el-button type="warning" @click="$refs.child.handleAddpatient()"
+ >娣诲姞鐤剧梾</el-button
+ >
</el-form-item>
<el-form-item label="閫傜敤闄㈠尯" prop="region">
<el-select
@@ -298,34 +262,7 @@
<div v-if="Editprogress == 2">
<el-row :gutter="20">
<el-col :span="4"><div class="leftvlue-jbxx">瀹ｆ暀鍐呭</div></el-col>
- <el-col :span="12">
- <div>
- <el-button @click="laststep('ruleForm')">涓婁竴姝�</el-button>
- <el-button type="success" @click="Departmenttreatment('ruleForm')"
- >淇濆瓨</el-button
- >
- <el-button type="warning" @click="Departmenttreatment('ruleForm')"
- >鍙﹀瓨鏂扮増鏈�</el-button
- >
- <el-button type="info" @click="closeFm('ruleForm')"
- >鍏抽棴</el-button
- >
- </div></el-col
- >
</el-row>
- <el-row>
- <el-col :span="24">
- <div style="display: flex; margin-left: 66px; margin-bottom: 10px">
- <div
- v-for="item in variablelist"
- class="tsgname"
- @click="tsgnameto(item)"
- >
- {{ item.variatename }}
- </div>
- </div>
- </el-col></el-row
- >
<div>
<el-form
@@ -335,20 +272,55 @@
label-width="100px"
class="demo-ruleForm"
>
- <el-form-item label="璧勬枡褰㈠紡" prop="region">
- <el-select v-model="ruleForm.shape" placeholder="璇烽�夋嫨鍐呭褰㈠紡">
- <el-option
- v-for="item in xjxsoptions"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- >
- </el-option>
- </el-select>
- </el-form-item>
+ <el-row gutter="20">
+ <el-col :span="12">
+ <el-form-item label="璧勬枡褰㈠紡" prop="region">
+ <el-select
+ v-model="ruleForm.shape"
+ placeholder="璇烽�夋嫨鍐呭褰㈠紡"
+ >
+ <el-option
+ v-for="item in xjxsoptions"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <div>
+ <el-button @click="laststep('ruleForm')">涓婁竴姝�</el-button>
+ <el-button
+ type="success"
+ @click="Departmenttreatment('ruleForm')"
+ >淇濆瓨</el-button
+ >
+ <el-button
+ type="warning"
+ @click="Departmenttreatment('ruleForm')"
+ >鍙﹀瓨鏂扮増鏈�</el-button
+ >
+ <el-button type="info" @click="closeFm('ruleForm')"
+ >鍏抽棴</el-button
+ >
+ </div></el-col
+ >
+ </el-row>
</el-form>
</div>
<div>
+ <el-upload
+ class="upload-demo"
+ :action="uploadImgUrlword"
+ :on-success="uploadEditorSuccessword"
+ :on-error="uploadEditorErrorword"
+ :before-upload="beforeEditorUploadword"
+ :headers="headers"
+ >
+ <el-button size="small" type="primary">word鏂囦欢涓婁紶</el-button>
+ </el-upload>
<div id="quillEditorQiniu">
<!-- 鍩轰簬elementUi鐨勪笂浼犵粍浠� el-upload begin-->
<el-upload
@@ -368,17 +340,30 @@
v-model="content"
ref="customQuillEditor"
:options="editorOption"
+ @blur="onEditorBlur"
+ @focus="onEditorFocus"
+ @change="onEditorChange"
>
</quill-editor>
</div>
</div>
</div>
</div>
+ <!-- 娣诲姞閫傜敤鐤剧梾绐楀彛 -->
+ <Optional-Form
+ ref="child"
+ :dialogVisiblepatient="dialogVisiblepatient"
+ :overallCase="illnesslist"
+ @addoption="dialogVisiblepatient = false"
+ @kkoption="dialogVisiblepatient = true"
+ />
</div>
</template>
<script>
import { quillEditor } from "vue-quill-editor";
+import axios from "axios";
+
import {
getheLibraryAssort,
delheLibraryAssort,
@@ -386,12 +371,16 @@
addtargetillness,
getlibrarylist,
dellibraryinfo,
+ deltargetillness,
compilelibrary,
+ addrichText,
getlibraryinfo,
getillnesslist,
illnesslistget,
getillness,
} from "@/api/AiCentre/index";
+import OptionalForm from "@/components/OptionalForm"; //姝ｅ垯缁勪欢
+
import { listDept } from "@/api/system/dept";
// import * as Quill from "quill";
import Quill from "quill";
@@ -425,12 +414,14 @@
];
export default {
+ components: { OptionalForm },
data() {
return {
headers: {
Authorization: "Bearer " + getToken(),
},
- uploadImgUrl: "/v1/admin/common/upload",
+ uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload",
+ uploadImgUrlword: process.env.VUE_APP_BASE_API + "/common/uploadShow",
uploadUrlPath: "娌℃湁鏂囦欢涓婁紶",
quillUpdateImg: false,
fileList: [
@@ -444,9 +435,11 @@
},
],
content: "", //鏈�缁堜繚瀛樼殑鍐呭
+ fileName: "", //鏂囦欢鍚�
dynamicTags: [],
inputVisible: false,
illnessVisible: false,
+ dialogVisiblepatient: false, //閫傜敤鐤剧梾绐楀彛
inputValue: "",
// 瀵屾枃鏈�
editorOption: {
@@ -496,6 +489,8 @@
radioas: "", //濉┖棰樼瓟妗�
// 鎬绘潯鏁�
total: 1,
+ hetype: "",
+ id: null,
ruleForm: {
campus: [],
heLibraryTagList: [],
@@ -567,8 +562,8 @@
watch: {
content(newVal, oldVal) {
//this.$emit('input', newVal);
- console.log(newVal);
- console.log(oldVal);
+ console.log(newVal, "A");
+ console.log(oldVal, "B");
},
},
@@ -580,6 +575,7 @@
getList() {
this.loading = true;
this.id = this.$route.query.id;
+ this.hetype = this.$route.query.hetype;
if (this.id) {
getlibraryinfo({ id: this.id }).then((res) => {
this.ruleForm = res.data[0];
@@ -587,7 +583,7 @@
this.dynamicTags = res.data[0].heLibraryTagList.map(
this.processElement
);
-
+ this.Getmissioncontent(this.ruleForm.richText);
if (this.ruleForm.deptNames) {
this.tempDetpRelevanceslist = JSON.parse(this.ruleForm.deptNames);
}
@@ -600,8 +596,9 @@
});
}
// 瀹ｆ暀鍒嗙被
- getheLibraryAssort({}).then((res) => {
+ getheLibraryAssort({ hetype: 2 }).then((res) => {
this.sortlist = res.rows;
+ console.log(this.sortlist);
});
// 閮ㄩ棬
listDept(this.queryParams).then((response) => {
@@ -618,24 +615,57 @@
this.ruleForm.campus = this.ruleForm.campus.join(",");
this.ruleForm.labelInfo = tgs.length != 0 ? tgs.join(", ") : "";
this.ruleForm.otherdata = JSON.stringify(this.variablelist);
+ this.ruleForm.hetype = 2;
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);
- });
- }
+
+ addrichText({
+ content: this.content,
+ fileName: this.fileName ? this.fileName : "娴嬭瘯.html",
+ }).then((res) => {
+ this.ruleForm.richText = res.msg;
+ if (this.id) {
+ this.ruleForm.isoperation = 2;
+ compilelibrary(this.ruleForm).then((res) => {
+ this.$modal.msgSuccess("缂栬緫鎴愬姛");
+ this.confirmillness();
+ this.$router.go(-1);
+ });
+ } else {
+ this.ruleForm.isoperation = 1;
+ compilelibrary(this.ruleForm).then((res) => {
+ this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.confirmillness(res.data);
+ this.$router.go(-1);
+ });
+ }
+ });
+ },
+ // 淇濆瓨鐤剧梾
+ confirmillness(guid) {
+ this.illnesslist.forEach((item, index) => {
+ if (guid) {
+ item.outid = guid;
+ } else {
+ console.log(this.ruleForm);
+ item.outid = this.ruleForm.id;
+ }
+ item.icd10name = item.icdname;
+ item.icd10code = item.icdcode;
+ item.type = 6;
+ if (!item.id) {
+ addtargetillness(item).then((res) => {});
+ }
+ });
+ this.illnessVisible = false;
+ this.$modal.msgSuccess("缂栬緫鎴愬姛");
+ },
+ getFileNameFromPath(path) {
+ const parts = path.split("/");
+ return parts[parts.length - 1];
},
// 涓嬩竴姝�
nextstep() {
@@ -784,71 +814,16 @@
},
// 鐤剧梾-----------------------
illnessUpdate() {
- this.illnesslistapi = [];
- const illnessqueryParams = {
- pageNum: 1,
- pageSize: 100,
- };
- getillnesslist(illnessqueryParams).then((response) => {
- this.optionsillness = response.rows;
- });
- getillness({ outid: this.$route.query.id, type: 6 }).then((res) => {
- this.illnesslist = res.rows;
- });
- },
- handleCloseillness(tag) {
- this.illnesslist.splice(this.illnesslist.indexOf(tag), 1);
- if (tag.id) {
- this.illnesslistapi.push(tag.id);
- }
- },
- remoteMethod(value) {
- const illnessqueryParams = {
- pageNum: 1,
- pageSize: 100,
- icdname: value,
- };
- this.loading = true;
- setTimeout(() => {
- this.loading = false;
- getillnesslist(illnessqueryParams).then((response) => {
- this.optionsillness = response.rows;
+ if (this.id) {
+ getillness({ outid: this.$route.query.id, type: 6 }).then((res) => {
+ this.illnesslist = res.rows;
+ this.illnesslist.forEach((item) => {
+ item.icdname = item.icd10name;
+ });
});
- }, 200);
- },
- illnessConfirm(item) {
- let opeavalue = {};
- let tagname = this.inputValue;
- illnesslistget(item).then((res) => {
- opeavalue = res.data;
- opeavalue.outid = this.indexid;
- opeavalue.type = 6;
- opeavalue.icd10id = opeavalue.icdid;
- opeavalue.icd10name = opeavalue.icdname;
- opeavalue.icd10code = opeavalue.icdcode;
- if (tagname) {
- this.illnesslist.push(opeavalue);
- }
- });
- console.log(this.illnesslist, "鍔�");
- 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;
- },
+
// --------------------------
// 棰勮妯＄増
@@ -875,7 +850,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);
// 鑾峰彇瀵屾枃鏈粍浠跺疄渚�
@@ -894,10 +869,22 @@
//鍙栨秷涓婁紶鍔ㄧ敾
this.quillUpdateImg = false;
},
+ // 澶卞幓鐒︾偣浜嬩欢
+ onEditorBlur(e) {
+ console.log("onEditorBlur: ", e);
+ },
+ // 鑾峰緱鐒︾偣浜嬩欢
+ onEditorFocus(e) {
+ console.log("onEditorFocus: ", e);
+ },
+ // 鍐呭鏀瑰彉浜嬩欢
+ onEditorChange(e) {
+ console.log("onEditorChange: ", e);
+ },
// 涓婁紶(鏂囦欢)鍥剧墖澶辫触
uploadEditorError(res, file) {
- console.log(res);
- console.log(file);
+ console.log(res, "word");
+ console.log(file, "word");
//椤甸潰鎻愮ず
this.$message.error("涓婁紶鍥剧墖澶辫触");
//鍙栨秷涓婁紶鍔ㄧ敾
@@ -906,6 +893,54 @@
//涓婁紶缁勪欢杩斿洖鐨勭粨鏋�
uploadResult: function (res) {
this.uploadUrlPath = res;
+ },
+ // 涓婁紶(鏂囦欢)鍥剧墖澶辫触
+ uploadEditorErrorword(res, file) {
+ console.log(res);
+ console.log(file);
+ //椤甸潰鎻愮ず
+ this.$message.error("涓婁紶鍥剧墖澶辫触");
+ //鍙栨秷涓婁紶鍔ㄧ敾
+ this.quillUpdateImg = false;
+ },
+ //涓婁紶鍥剧墖涔嬪墠async
+ beforeEditorUploadword(res, file) {
+ //鏄剧ず涓婁紶鍔ㄧ敾
+ this.quillUpdateImg = true;
+ // const res1 = await uploadImage()
+ // console.log(res1,'=====');
+ // this.$emit('before',res, file)
+ console.log(res);
+ console.log(file);
+ },
+ // 涓婁紶鍥剧墖鎴愬姛
+ uploadEditorSuccessword(res, file) {
+ console.log("涓婁紶鎴愬姛");
+ const data = null;
+ console.log(res, file, "word");
+ axios
+ .get(res.url)
+ .then((response) => {
+ console.log(response.data, "鏁版嵁"); // 杈撳嚭鑾峰彇鍒扮殑鏂囦欢鍐呭
+ this.content = response.data;
+ this.texturl = res.url;
+ this.fileName = this.getFileNameFromPath(res.url);
+ })
+ .catch((error) => {
+ console.error("Failed to fetch file:", error);
+ });
+ },
+ Getmissioncontent(url) {
+ axios
+ .get(url)
+ .then((response) => {
+ console.log(response.data, "鏁版嵁"); // 杈撳嚭鑾峰彇鍒扮殑鏂囦欢鍐呭
+ this.content = response.data;
+ this.fileName = this.getFileNameFromPath(res.url);
+ })
+ .catch((error) => {
+ console.error("Failed to fetch file:", error);
+ });
},
},
};
@@ -1075,8 +1110,8 @@
}
.editor {
line-height: normal !important;
- height: 400px;
- margin-bottom: 50px;
+ height: 600px;
+ margin-bottom: 80px;
}
.ql-snow .ql-tooltip[data-mode="link"]::before {
content: "璇疯緭鍏ラ摼鎺ュ湴鍧�:";
--
Gitblit v1.9.3