From d1367a2eafbc26cadf07abb3caa94a0d64d09cab Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期二, 13 八月 2024 14:14:12 +0800 Subject: [PATCH] 测试完成 --- src/views/patient/patient/profile/index.vue | 155 ++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 115 insertions(+), 40 deletions(-) diff --git a/src/views/patient/patient/profile/index.vue b/src/views/patient/patient/profile/index.vue index 2be9058..e0936bd 100644 --- a/src/views/patient/patient/profile/index.vue +++ b/src/views/patient/patient/profile/index.vue @@ -42,7 +42,7 @@ <span class="mulsz" slot="label" ><i class="el-icon-s-management"></i> 鍖荤枟妗f</span > - <el-tabs v-model="sonactiveName" @tab-click="handleClick"> + <el-tabs v-model="sonactiveName" @tab-click="handleClickson"> <el-tab-pane name="outpatient" ><span class="mulsz" slot="label" >闂ㄨ瘖({{ mznumber }})</span @@ -50,12 +50,12 @@ > <el-tab-pane name="inhospital" ><span class="mulsz" slot="label" - >浣忛櫌({{ zynumber }}) + >鍦ㄩ櫌({{ zynumber }}) </span></el-tab-pane > <el-tab-pane name="checkout" ><span class="mulsz" slot="label" - >浣撴({{ jynumber }}) + >鍑洪櫌({{ jynumber }}) </span></el-tab-pane > </el-tabs> @@ -145,27 +145,27 @@ <el-col :span="24" ><div class="xinz-inf"> <el-tag - :key="tag" + :key="tag.tagname" type="success" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)" > - {{ tag }} + {{ tag.tagname }} </el-tag> <el-select - v-model="inputValue" v-if="inputVisible" + v-model="inputValue" @change="handleInputConfirm" filterable allow-create default-first-option - placeholder="璇烽�夋嫨" + placeholder="璇烽�夋嫨/鏌ヨ" > <el-option v-for="item in options" - :key="item.tagname" + :key="item.tagid" :label="item.tagname" :value="item.tagname" > @@ -296,7 +296,7 @@ <!-- 鑱旂郴鐢佃瘽 --> <div class="bottom-message"> <div class="headline"> - 鍙风爜缁存姢<span style="margin-right: 60px"> </span> + 浜插睘鍙风爜缁存姢<span style="margin-right: 60px"> </span> <el-button type="primary" @click="addcompiletb">+鏂板</el-button> </div> <div class="Table-screen"> @@ -433,15 +433,19 @@ </div> <el-divider></el-divider> <div style="margin-top: 10px"> - 闅忚鐘舵�侊細宸茬粓姝�<span style="color: #2775b6" + {{ item.name }}鐘舵�侊細宸茬粓姝�<span style="color: #2775b6" >锛堢粓姝㈠師鍥狅細鎮h�呯棅鎰堝洖璁跨粨鏉燂紝缁堟鏃堕棿锛�2023-12-18 12:00锛�</span > </div> <div style="margin-top: 10px"> - 闅忚鍙戦�佹椂闂达細<span style="color: #2775b6">2023-11-23 12:00</span> + {{ item.name }}鍙戦�佹椂闂达細<span style="color: #2775b6" + >2023-11-23 12:00</span + > </div> <div style="margin-top: 10px"> - 闅忚瀹屾垚鏃堕棿锛�<span style="color: #2775b6">2023-12-18 12:00</span> + {{ item.name }}瀹屾垚鏃堕棿锛�<span style="color: #2775b6" + >2023-12-18 12:00</span + > </div> <div style="margin-top: 10px"> 鐤肩棝绋嬪害锛�<span style="color: #2775b6">涓害</span> @@ -454,16 +458,17 @@ border-left: 4px solid rgb(65, 161, 190); " > - 浜哄伐闅忚璁板綍 + 浜哄伐{{ item.name }}璁板綍 </div> <div style="margin-top: 10px"> <el-row :gutter="20"> <el-col :span="6" - >闅忚鏃ユ湡锛� + >{{ item.name }}鏃ユ湡锛� <span style="color: #2775b6">2023-11-22 11:22</span></el-col > <el-col :span="6" - >闅忚浜猴細 <span style="color: #2775b6">鍚村皬榫�</span></el-col + >{{ item.name }}浜猴細 + <span style="color: #2775b6">鍚村皬榫�</span></el-col > <el-col :span="6" >鎮h�呴厤鍚堝害锛� <span style="color: #2775b6">楂�</span></el-col @@ -471,10 +476,12 @@ </el-row> </div> <div style="margin-top: 10px"> - 闅忚缁撴灉锛� <span style="color: #2775b6">鎮h�呯棅鎰堬紝韬綋鍊嶆</span> + {{ item.name }}缁撴灉锛� + <span style="color: #2775b6">鎮h�呯棅鎰堬紝韬綋鍊嶆</span> </div> <div style="margin-top: 10px"> - 闅忚澶囨敞锛� <span style="color: #2775b6">鎻愰啋娉ㄦ剰楗鍋ュ悍</span> + {{ item.name }}澶囨敞锛� + <span style="color: #2775b6">鎻愰啋娉ㄦ剰楗鍋ュ悍</span> </div> </el-card> </div> @@ -629,7 +636,10 @@ delcontactinformation, listcontactinformation, alterpatient, + Patientclinic, } from "@/api/patient/homepage"; +import { listPatouthosp } from "@/api/smartor/patouthosp"; +import { listpatient } from "@/api/patient/record"; export default { name: "Profile", @@ -650,6 +660,7 @@ titletb: "鏂板鑱旂郴鏂瑰紡", activeTab: "userinfo", id: "", + loading: false, activeName: "health", //涓�绫诲鑸� sonactiveName: "outpatient", //鍋ュ悍鐩戞祴瀵艰埅 sontwoactiveName: "blood", //鍖荤枟妗f瀵艰埅 @@ -759,6 +770,9 @@ }; }, created() { + this.id = this.$route.query.id; + this.getuserinfo(); + this.gettabList(); this.$nextTick(function () { this.echartdom = document.getElementById("xyeCharts"); this.xtechartdom = document.getElementById("xteCharts"); @@ -774,20 +788,34 @@ this.xueyangechartsInit(); this.twechartsInit(); }); - this.id = this.$route.query.id; - this.getuserinfo(); - this.gettabList(); }, methods: { - // 鏌ヨ妗f鍒楄〃淇℃伅 - getList() { + // 鏌ヨ鍖荤枟妗f鍚勫垪琛ㄤ俊鎭� + getList(type) { this.loading = true; + if (type == 1) { + // 闂ㄨ瘖璁板綍 + listPatouthosp({ patid: this.id }).then((response) => { + console.log(response); + }); + } else if (type == 2) { + listpatient({ patid: this.id }).then((response) => { + console.log(response); + }); + } else if (type == 3) { + listpatient({ patid: this.id }).then((response) => { + console.log(response); + }); + } }, getcontactlist() { listcontactinformation({ patid: this.id }).then((response) => { this.tableData = response.rows; }); + }, + processElement(element) { + return { ...element, isoperation: null }; }, // 鑾峰彇鍩虹淇℃伅 getuserinfo() { @@ -799,18 +827,23 @@ // 鎮h�呭熀纭�淇℃伅 messagelistpatient(queryParams).then((response) => { this.userform = response.rows[0]; - this.dynamicTags = response.rows[0].tagList; + // this.dynamicTags = response.rows[0].tagList; + this.dynamicTags = response.rows[0].tagList.map(this.processElement); + console.log(this.dynamicTags); }); // 鐥呭彶淇℃伅 getmedicalhistory({ pid: this.id }).then((res) => { - this.form = res.rows[0]; + if (res.code == 200 && res.rows[0]) { + this.form = res.rows[0]; + } }); // 鑱旂郴淇℃伅 this.getcontactlist(); }, // 淇濆瓨鎮h�呮。妗� savefile() { - this.userform.tagList = this.dynamicTags; + // this.userform.tagList = this.dynamicTags; + this.userform.isoperation = 2; alterpatient(this.userform).then((res) => { if (res.code == 200) { this.$modal.msgSuccess("鍩虹淇℃伅淇濆瓨鎴愬姛"); @@ -920,46 +953,88 @@ .catch(() => {}); }, tableRowClassName({ row, rowIndex }) { - console.log(row); if (row.isdefault == "1") { return "warning-row"; } return ""; }, + // tab鍒囨崲 + handleClick(tab, event) { + this.getList(tab.index); + }, + handleClickson(tab, event) { + console.log(tab.index, "son"); + + this.getList(tab.index); + }, + // 鑱旂郴鏂瑰紡鏂板 + Addanumber() {}, + // 鏍囩-------------------------- /** 鏌ヨ鏍囩鍒楄〃 */ gettabList() { const tagqueryParams = { pageNum: 1, - pageSize: 1000, + pageSize: 10000, tagcategoryid: "0", }; listtag(tagqueryParams).then((response) => { this.options = response.rows; + console.log(this.options, "鏍囩"); }); }, - - // tab鍒囨崲 - handleClick(tab, event) { - console.log(tab, event); + remoteMethod(value) { + const illnessqueryParams = { + pageNum: 1, + pageSize: 100, + tagname: value, + tagcategoryid: "0", + }; + this.loading = true; + setTimeout(() => { + this.loading = false; + listtag(illnessqueryParams).then((response) => { + this.options = response.rows; + }); + }, 200); }, - // 鑱旂郴鏂瑰紡鏂板 - Addanumber() {}, handleClose(tag) { + const lindex = this.dynamicTags.indexOf(tag); this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1); + this.userform.tagList[lindex].isoperation = 3; }, showInput() { this.inputVisible = true; - this.$nextTick((_) => { - this.$refs.saveTagInput.$refs.input.focus(); - }); + console.log("灞曠ず"); }, handleInputConfirm() { - let inputValue = this.inputValue; - if (inputValue) { - this.dynamicTags.push(inputValue); + let tagvalue = {}; + let tagname = this.inputValue; + if (tagname) { + listtag({ + pageNum: 1, + pageSize: 1000, + tagcategoryid: "0", + tagname: tagname, + }).then((res) => { + if (res.rows[0]) { + tagvalue = res.rows[0]; + tagvalue.isoperation = 1; + } else { + tagvalue = { + tagname: tagname, + isoperation: 1, + }; + } + console.log(tagvalue); + this.userform.tagList.push(tagvalue); + this.dynamicTags.push(tagvalue); + console.log(this.userform.tagList); + console.log(this.dynamicTags); + }); } + console.log("鍏充簡"); this.inputVisible = false; this.inputValue = ""; }, @@ -1452,7 +1527,7 @@ } .xinz-inf { font-size: 18px; - white-space: nowrap; + // white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -- Gitblit v1.9.3