From 74a7a2bbef241a023110ff24c8e7c84025e267f5 Mon Sep 17 00:00:00 2001 From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com> Date: 星期四, 25 四月 2024 10:09:38 +0800 Subject: [PATCH] qxtj --- src/views/picture/music/index.vue | 1143 ++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 1,050 insertions(+), 93 deletions(-) diff --git a/src/views/picture/music/index.vue b/src/views/picture/music/index.vue index a9b663e..a72021d 100644 --- a/src/views/picture/music/index.vue +++ b/src/views/picture/music/index.vue @@ -10,10 +10,12 @@ > <el-form-item label="浣撴鍙�" prop="tjNum"> <el-input + ref="inputName" v-model="queryParams.tjNum" placeholder="璇疯緭鍏ヤ綋妫�鍙�" clearable @keyup.enter.native="handleQuery" + @blur="hb" style="width: 160px" /> </el-form-item> @@ -50,16 +52,17 @@ <div style="width: 100%; margin-left: 10px; display: flex"> <div style="width: 97%; margin-right: 30px"> + <!-- @selection-change="handleSelectionChange" --> <el-table id="table" v-loading="loading" ref="tb" :data="pictureList" - @selection-change="handleSelectionChange" + @row-click="handleRowClick" border height="630px" > - <el-table-column type="selection" width="40" align="center" /> + <!-- <el-table-column type="selection" width="40" align="center" /> --> <el-table-column label="浣撴鍙�" align="center" @@ -72,9 +75,14 @@ /> <!-- <el-table-column label="韬唤璇�" align="center" prop="customer.cusIdcard" width="170px" /> --> <el-table-column label="鎬у埆" align="center" prop="customer.cusSex"> - <template slot-scope="scope"> + <!-- <template slot-scope="scope"> {{ scope.row.customer.cusSex === 0 ? "鐢�" : "濂�" }} - <!-- <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.cusSex " /> --> + </template> --> + <template slot-scope="scope"> + <dict-tag + :options="dict.type.sys_user_sex" + :value="scope.row.customer.cusSex" + /> </template> </el-table-column> <!-- <el-table-column label="鐢熸棩" align="center" prop="customer.cusBrithday" width="110px" /> --> @@ -139,7 +147,7 @@ <el-table-column label="椤圭洰缁撴灉" align="center" prop="fixedValue" /> --> <!-- <el-table-column label="缁撹" align="center" prop="measuredValue" /> --> <!-- </el-table> - + <div style="height: 390px; margin-top: 10px"> <el-image v-loading="loading" @@ -213,131 +221,504 @@ <!-- </div> --> </div> - <div style="margin-right: 70%"> - <pagination - v-show="total > 0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getList" - /> + <div class="pag"> + <div class="pag1"> + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + </div> </div> <el-drawer title="鎴戞槸鏍囬" :visible.sync="drawer" :with-header="false" - size="60%" + size="85%" > - <div> - <div style="margin-top:20px;width:50%"> + <div class="tanchuangbox"> + <div class="tanchuangbox_left"> <el-form - :model="queryParams" + :model="row" ref="queryForm" size="small" :inline="true" - v-show="showSearch" label-width="68px" > <el-form-item label="鍗曚綅鍚嶇О" prop="tjNum"> <el-input v-model="queryParams.tjNum" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�" - clearable - @keyup.enter.native="handleQuery" style="width: 150px" + disabled /> </el-form-item> <el-form-item label="鍗曚綅宸ョ" prop="name"> <el-input v-model="queryParams.name" placeholder="璇疯緭鍏ュ崟浣嶅伐绉�" - clearable - @keyup.enter.native="handleQuery" + disabled style="width: 150px" /> </el-form-item> - <el-form-item label="濮撳悕" prop="name"> + <el-form-item label="濮撳悕" prop="cusName"> <el-input - v-model="queryParams.name" + v-model="row.cusName" placeholder="璇疯緭鍏ュ鍚�" - clearable - @keyup.enter.native="handleQuery" + disabled style="width: 150px" /> </el-form-item> - <el-form-item label="鎬у埆" prop="name"> - <el-input - v-model="queryParams.name" - placeholder="璇疯緭鍏ユ�у埆" - clearable - @keyup.enter.native="handleQuery" + <el-form-item label="鎬у埆" prop="cusSex"> + <el-select + disabled + v-model="row.cusSex" + placeholder="璇烽�夋嫨鎬у埆" style="width: 150px" - /> + > + <el-option + v-for="dict in dict.type.sys_user_sex" + :key="dict.value" + :label="dict.label" + :value="parseInt(dict.value)" + ></el-option> + </el-select> </el-form-item> - <el-form-item label="骞撮緞" prop="name"> + <el-form-item label="骞撮緞" prop="age"> <el-input - v-model="queryParams.name" + v-model="row.age" placeholder="璇疯緭鍏ュ勾榫�" - clearable - @keyup.enter.native="handleQuery" + disabled style="width: 150px" /> </el-form-item> - <el-form-item label="韬唤璇佸彿" prop="name"> + <el-form-item label="韬唤璇佸彿" prop="cusIdcard"> <el-input - v-model="queryParams.name" + v-model="row.cusIdcard" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" - clearable - @keyup.enter.native="handleQuery" + disabled style="width: 150px" /> </el-form-item> - <el-form-item label="浣撴鏃ユ湡" prop="name"> + <el-form-item label="浣撴鏃ユ湡" prop="tjTime"> <el-input - v-model="queryParams.name" + v-model="row.tjTime" placeholder="璇疯緭鍏ヤ綋妫�鏃ユ湡" - clearable - @keyup.enter.native="handleQuery" + disabled style="width: 150px" /> </el-form-item> - <el-form-item label="浣撴绫诲瀷" prop="name"> - <el-input - v-model="queryParams.name" - placeholder="璇疯緭鍏ヤ綋妫�绫诲瀷" - clearable - @keyup.enter.native="handleQuery" + <el-form-item label="浣撴绫诲瀷" prop="tjType"> + <el-select + disabled + v-model="row.tjType" + placeholder="璇烽�夋嫨浣撴绫诲瀷" style="width: 150px" - /> + > + <el-option + v-for="dict in dict.type.dict_tjtype" + :key="dict.value" + :label="dict.label" + :value="parseInt(dict.value)" + /> + </el-select> </el-form-item> - <el-form-item label="宸ラ緞" prop="name"> + <!-- <el-form-item label="宸ラ緞" prop="name"> <el-input v-model="queryParams.name" placeholder="璇疯緭鍏ュ伐榫�" - clearable - @keyup.enter.native="handleQuery" + disabled style="width: 150px" /> - </el-form-item> + </el-form-item> --> </el-form> + <div class="data-view"> + <div id="main" style="width: 40%; height: 300px"></div> + <div id="main1" style="width: 40%; height: 300px"></div> + <div id="main2" style="width: 40%; height: 300px"></div> + <div id="main3" style="width: 40%; height: 300px"></div> + </div> + <div class="tanchuangbox_left1"> + <div> + <div class="nums"> + <span + class="nums_txt" + v-for="(item, index) in yList" + :key="index" + >{{ item }}</span + > + </div> + <!-- 鍙宠�� --> + <el-form + :model="youerList" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + label-width="90px" + > + <el-form-item label="瀹炴祴姘斿鍊�:"> + <el-input + v-model="youerList.qdwb" + style="width: 50px" + @input="ysels" + /> + <el-input + v-model="youerList.qdyq" + style="width: 50px" + @input="ysels1" + /> + <el-input + v-model="youerList.qdlq" + style="width: 50px" + @input="ysels2" + /> + <el-input + v-model="youerList.qdsq" + style="width: 50px" + @input="ysels3" + /> + <el-input + v-model="youerList.qdsiq" + style="width: 50px" + @input="ysels4" + /> + <el-input + v-model="youerList.qdliuq" + style="width: 50px" + @input="ysels5" + /> + </el-form-item> + <el-form-item label="瀹炴祴楠ㄥ鍊�:"> + <el-input + v-model="youerList.gdwb" + style="width: 50px" + @input="ygsels" + /> + <el-input + v-model="youerList.gdyq" + style="width: 50px" + @input="ygsels1" + /> + <el-input + v-model="youerList.gdlq" + style="width: 50px" + @input="ygsels2" + /> + <el-input + v-model="youerList.gdsq" + style="width: 50px" + @input="ygsels3" + /> + <el-input + v-model="youerList.gdsiq" + style="width: 50px" + @input="ygsels4" + /> + <el-input + v-model="youerList.gdliuq" + style="width: 50px" + @input="ygsels5" + /> + </el-form-item> + </el-form> + </div> + + <div> + <div class="nums"> + <span + class="nums_txt" + v-for="(item, index) in yList" + :key="index" + >{{ item }}</span + > + </div> + <!-- 宸﹁�� --> + <el-form + :model="zuoerList" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + label-width="90px" + > + <el-form-item label="瀹炴祴姘斿鍊�:"> + <el-input + v-model="zuoerList.qdwb" + style="width: 50px" + @input="zsels" + /> + <el-input + v-model="zuoerList.qdyq" + style="width: 50px" + @input="zsels1" + /> + <el-input + v-model="zuoerList.qdlq" + style="width: 50px" + @input="zsels2" + /> + <el-input + v-model="zuoerList.qdsq" + style="width: 50px" + @input="zsels3" + /> + <el-input + v-model="zuoerList.qdsiq" + style="width: 50px" + @input="zsels4" + /> + <el-input + v-model="zuoerList.qdliuq" + style="width: 50px" + @input="zsels5" + /> + </el-form-item> + <el-form-item label="瀹炴祴楠ㄥ鍊�:"> + <el-input + v-model="zuoerList.gdwb" + style="width: 50px" + @input="zgsels" + /> + <el-input + v-model="zuoerList.gdyq" + style="width: 50px" + @input="zgsels1" + /> + <el-input + v-model="zuoerList.gdlq" + style="width: 50px" + @input="zgsels2" + /> + <el-input + v-model="zuoerList.gdsq" + style="width: 50px" + @input="zgsels3" + /> + <el-input + v-model="zuoerList.gdsiq" + style="width: 50px" + @input="zgsels4" + /> + <el-input + v-model="zuoerList.gdliuq" + style="width: 50px" + @input="zgsels5" + /> + </el-form-item> + </el-form> + </div> + </div> </div> - <div style="width:50%"></div> + <div class="tanchuangbox_right"> + <div v-if="row.tjType == '02'"> + <span>鑱屼笟鍙�</span> + <div style="width: 100%; min-height: 200px; margin-top: 10px"> + <el-table + border + :data="row.workLogs" + style="width: 100%" + max-height="200" + > + <el-table-column + prop="beginTime" + label="寮�濮嬫椂闂�" + align="center" + :show-overflow-tooltip="true" + > + </el-table-column> + <el-table-column + prop="endTime" + label="缁撴潫鏃堕棿" + align="center" + :show-overflow-tooltip="true" + > + </el-table-column> + <el-table-column + prop="workCompany" + label="宸ヤ綔鍗曚綅" + align="center" + :show-overflow-tooltip="true" + > + </el-table-column> + <el-table-column + prop="workDept" + label="閮ㄩ棬" + align="center" + :show-overflow-tooltip="true" + > + </el-table-column> + <el-table-column + prop="workType" + label="宸ョ" + align="center" + :show-overflow-tooltip="true" + > + </el-table-column> + </el-table> + </div> + </div> + <div style="display: flex; margin-top: 20px"> + <div + style=" + width: 50px; + display: flex; + flex-direction: column; + margin-top: 46px; + " + > + <span style="margin-bottom: 16px">鍙宠�筹細</span> + <span style="margin-bottom: 17px">宸﹁�筹細</span> + <span>鍙岃�筹細</span> + </div> + <div class="ss"> + <span class="ss_txt">璇骞冲潎</span> + <el-input v-model="youerList.yppj" style="width: 60px"></el-input> + <el-input v-model="zuoerList.yppj" style="width: 60px"></el-input> + <el-input + v-model="shuangerList.yppj" + style="width: 60px" + ></el-input> + </div> + <div class="ss"> + <span class="ss_txt">500璇鐭</span> + <el-input + v-model="youerList.wbypjz" + style="width: 60px" + ></el-input> + <el-input + v-model="zuoerList.wbypjz" + style="width: 60px" + ></el-input> + </div> + <div class="ss"> + <span class="ss_txt">1000璇鐭</span> + <el-input + v-model="youerList.yqypjz" + style="width: 60px" + ></el-input> + <el-input + v-model="zuoerList.yqypjz" + style="width: 60px" + ></el-input> + </div> + <div class="ss"> + <span class="ss_txt">2000璇鐭</span> + <el-input + v-model="youerList.lqypjz" + style="width: 60px" + ></el-input> + <el-input + v-model="zuoerList.lqypjz" + style="width: 60px" + ></el-input> + </div> + <div class="ss"> + <span class="ss_txt">楂橀姘斿骞冲潎</span> + <el-input + v-model="youerList.gpqdpj" + style="width: 60px" + ></el-input> + <el-input + v-model="zuoerList.gpqdpj" + style="width: 60px" + ></el-input> + <el-input + v-model="shuangerList.gpqdpj" + style="width: 60px" + ></el-input> + </div> + <div class="ss"> + <span class="ss_txt">楂橀楠ㄥ骞冲潎</span> + <el-input + v-model="youerList.gpgdpj" + style="width: 60px" + ></el-input> + <el-input + v-model="zuoerList.gpgdpj" + style="width: 60px" + ></el-input> + </div> + </div> + + <div style="margin-top: 20px"> + <span>鐢垫祴鍚皬缁擄細</span> + <el-input + style="margin-top: 10px" + type="textarea" + :rows="2" + placeholder="璇疯緭鍏ュ唴瀹�" + v-model="remark" + > + </el-input> + </div> + <div> + <span>甯歌璧锋鍒楄〃</span> + <el-table :data="tableData" style="width: 100%"> + <el-table-column prop="date" label="搴忓彿" width="180"> + </el-table-column> + <el-table-column prop="name" label="鎵�瑙侀」绫诲瀷" width="180"> + </el-table-column> + <el-table-column prop="address" label="鎵�瑙侀」缁撴灉鍊�"> + </el-table-column> + </el-table> + </div> + <div style="margin-top: 20px"> + <span>妫�鏌ュ尰鐢燂細</span> + <el-select + v-model="doctorName" + placeholder="璇烽�夋嫨" + style="width: 30%" + filterable + @change="selName" + > + <el-option + v-for="item in userList" + :key="item.userId" + :label="item.nickName" + :value="item.userId" + > + </el-option> + </el-select> + <!-- <el-date-picker v-model="value1" type="date" placeholder="閫夋嫨鏃ユ湡"> + </el-date-picker> --> + </div> + <div style="margin-top: 20px"> + <!-- <el-button type="primary">鐢熸垚灏忕粨</el-button> --> + <el-button type="primary" @click="submit">鎻� 浜�</el-button> + </div> + </div> </div> </el-drawer> <Public ref="aaa" @add="handleChanges" /> </div> </template> - + <script> import { getList, - getPicture, - delPicture, - addPicture, updatePureToneTest, + saveTjPureToneTestDetil, + getTjPureToneTestDetilList, } from "@/api/picture/pureToneTest"; - +// import { +// getCustomer, +// getOrder, +// getReportToday, +// getTobeToday, +// getPieChart, +// getChart, +// } from "@/api/home"; +const echarts = require("echarts/lib/echarts"); +require("echarts/lib/component/title"); +require("echarts/lib/component/tooltip"); +require("echarts/lib/component/legend"); +require("echarts/lib/chart/pie"); +import { listUser } from "@/api/system/user"; +import { getInfo } from "@/api/login"; import Public from "@/components/public"; export default { dicts: [ @@ -346,11 +727,105 @@ "sys_dict_specimen", "dict_user_marry", "dict_user_national", + "dict_tjtype", ], name: "Picture", components: { Public }, data() { return { + tjNum:"", + doctorName:"", + userList: [], + remark: "", + pureTestId: "", + youerList: { + qdwb: null, + qdyq: null, + qdlq: null, + qdsq: null, + qdsiq: null, + qdliuq: null, + gdwb: null, + gdyq: null, + gdlq: null, + gdsq: null, + gdsiq: null, + gdliuq: null, + yppj: null, + wbypjz: null, + yqypjz: null, + lqypjz: null, + gpqdpj: null, + gpgdpj: null, + }, + zuoerList: { + qdwb: null, + qdyq: null, + qdlq: null, + qdsq: null, + qdsiq: null, + qdliuq: null, + gdwb: null, + gdyq: null, + gdlq: null, + gdsq: null, + gdsiq: null, + gdliuq: null, + yppj: null, + wbypjz: null, + yqypjz: null, + lqypjz: null, + gpqdpj: null, + gpgdpj: null, + }, + shuangerList: { + yppj: null, + gpqdpj: null, + }, + res: [], + teamYYNums: [], + LineCharts: [], + row: {}, + value1: "", + yList: [500, 1000, 2000, 3000, 4000, 6000], + tableData: [ + { + date: "1", + name: "鍙傝�冨��", + address: "鍙岃�虫甯稿惉鍔涙洸绾挎甯稿弬鑰冨��1", + }, + { + date: "2", + name: "鍙傝�冨��", + address: "鍙岃�虫甯稿惉鍔涙洸绾挎甯稿弬鑰冨��2", + }, + { + date: "3", + name: "寮傚父鍊�", + address: "鍙岃�虫甯稿惉鍔涙洸绾垮紓甯稿��1", + }, + { + date: "4", + name: "寮傚父鍊�", + address: "鍙岃�虫甯稿惉鍔涙洸绾垮紓甯稿��2", + }, + ], + textarea: "", + input: "", + min: "", + max: "", + Order: "", + ReportToday: "", + TobeToday: "", + youeryuanshi: [], + personYYNum: [], + reportNum: [], + youeryuanshi1: [0, 0, 0, 0, 0, 0], //y鍔ㄦ�佹暟鍊� + youerjiaozheng1: [0, 0, 0, 0, 0, 0], //y鍔ㄦ�佹暟鍊� + zuoeryuanshi1: [0, 0, 0, 0, 0, 0], //y鍔ㄦ�佹暟鍊� + zuoerjiaozheng1: [0, 0, 0, 0, 0, 0], //y鍔ㄦ�佹暟鍊� + PieChart: [], + PieChart2: [], drawer: false, topStyle: { transform: "" }, r_img: {}, @@ -407,8 +882,419 @@ }, created() { this.getList(); + this.getListUser(); + }, + mounted() { + this.$nextTick(() => { + this.$refs.inputName.focus(); + }); }, methods: { + /** 鏌ヨ鐢ㄦ埛鍒楄〃 */ + getListUser() { + listUser(this.addDateRange(this.queryParams, this.dateRange)).then( + (response) => { + this.userList = response.rows; + // this.userList.forEach((element) => { + // const userName = this.$store.state.user.name; + // if (userName == element.userName) { + // this.doctorName = element.nickName; + // } + // }); + } + ); + getInfo().then((response) => { + this.info = response.user; + this.deptId = response.user.deptId; + this.userId = response.user.userId; + this.nickName = response.user.nickName; + }); + }, + ysels(val) { + this.youeryuanshi1[0] = val; + this.getech(); + }, + ysels1(val) { + this.youeryuanshi1[1] = val; + this.getech(); + }, + ysels2(val) { + this.youeryuanshi1[2] = val; + this.getech(); + }, + ysels3(val) { + this.youeryuanshi1[3] = val; + this.getech(); + }, + ysels4(val) { + this.youeryuanshi1[4] = val; + this.getech(); + }, + ysels5(val) { + this.youeryuanshi1[5] = val; + this.getech(); + }, + ygsels(val) { + this.youerjiaozheng1[0] = val; + this.getech1(); + }, + ygsels1(val) { + this.youerjiaozheng1[1] = val; + this.getech1(); + }, + ygsels2(val) { + this.youerjiaozheng1[2] = val; + this.getech1(); + }, + ygsels3(val) { + this.youerjiaozheng1[3] = val; + this.getech1(); + }, + ygsels4(val) { + this.youerjiaozheng1[4] = val; + this.getech1(); + }, + ygsels5(val) { + this.youerjiaozheng1[5] = val; + this.getech1(); + }, + + zsels(val) { + this.zuoeryuanshi1[0] = val; + this.getech2(); + }, + zsels1(val) { + this.zuoeryuanshi1[1] = val; + this.getech2(); + }, + zsels2(val) { + this.zuoeryuanshi1[2] = val; + this.getech2(); + }, + zsels3(val) { + this.zuoeryuanshi1[3] = val; + this.getech2(); + }, + zsels4(val) { + this.zuoeryuanshi1[4] = val; + this.getech2(); + }, + zsels5(val) { + this.zuoeryuanshi1[5] = val; + this.getech2(); + }, + zgsels(val) { + this.zuoerjiaozheng1[0] = val; + this.getech3(); + }, + zgsels1(val) { + this.zuoerjiaozheng1[1] = val; + this.getech3(); + }, + zgsels2(val) { + this.zuoerjiaozheng1[2] = val; + this.getech3(); + }, + zgsels3(val) { + this.zuoerjiaozheng1[3] = val; + this.getech3(); + }, + zgsels4(val) { + this.zuoerjiaozheng1[4] = val; + this.getech3(); + }, + zgsels5(val) { + this.zuoerjiaozheng1[5] = val; + this.getech3(); + }, + selName(val) { + this.doctorName = val; + console.log(this.doctorName); + // this.userList.forEach(item =>{ + // if(val === item.userId){ + // this.doctorName = item.nickName + // } + // }) + }, + handleRowClick(selection) { + this.row = selection.customer; + selection.list.forEach((item) => { + this.pureTestId = item.id; + }); + this.row.tjType = Number(selection.customer.tjType); + this.drawer = true; + let data = { + pureTestId:this.pureTestId, + tjNum:this.row.tjNumber, + } + getTjPureToneTestDetilList(data).then((res) => { + if (res.data != {}) { + this.doctorName = res.data.doctorName; + this.remark = res.data.remark; + res.data.detilList.forEach((item) => { + if (item.rd == "鍙宠��") { + this.youerList = item; + this.youeryuanshi1[0] = this.youerList.qdwb; + this.youeryuanshi1[1] = this.youerList.qdyq; + this.youeryuanshi1[2] = this.youerList.qdlq; + this.youeryuanshi1[3] = this.youerList.qdsq; + this.youeryuanshi1[4] = this.youerList.qdsiq; + this.youeryuanshi1[5] = this.youerList.qdliuq; + this.youerjiaozheng1[0] = this.youerList.gdwb; + this.youerjiaozheng1[1] = this.youerList.gdyq; + this.youerjiaozheng1[2] = this.youerList.gdlq; + this.youerjiaozheng1[3] = this.youerList.gdsq; + this.youerjiaozheng1[4] = this.youerList.gdsiq; + this.youerjiaozheng1[5] = this.youerList.gdliuq; + } else if (item.rd == "宸﹁��") { + this.zuoerList = item; + this.zuoeryuanshi1[0] = this.zuoerList.qdwb; + this.zuoeryuanshi1[1] = this.zuoerList.qdyq; + this.zuoeryuanshi1[2] = this.zuoerList.qdlq; + this.zuoeryuanshi1[3] = this.zuoerList.qdsq; + this.zuoeryuanshi1[4] = this.zuoerList.qdsiq; + this.zuoeryuanshi1[5] = this.zuoerList.qdliuq; + this.zuoerjiaozheng1[0] = this.zuoerList.gdwb; + this.zuoerjiaozheng1[1] = this.zuoerList.gdyq; + this.zuoerjiaozheng1[2] = this.zuoerList.gdlq; + this.zuoerjiaozheng1[3] = this.zuoerList.gdsq; + this.zuoerjiaozheng1[4] = this.zuoerList.gdsiq; + this.zuoerjiaozheng1[5] = this.zuoerList.gdliuq; + } else { + this.shuangerList = item; + } + }); + this.getech(); + this.getech1(); + this.getech2(); + this.getech3(); + } + }); + }, + // 鍙宠�冲師濮嬪惉鍔� + getech() { + this.loading = true; + let myChart = this.$echarts.init(document.getElementById("main")); + + myChart.setOption({ + title: { + text: "鍙宠�冲師濮嬪惉鍔�", + }, + tooltip: { + trigger: "axis", + }, + grid: { + left: "3%", + right: "4%", + bottom: "3%", + containLabel: true, + }, + toolbox: { + feature: { + saveAsImage: {}, + }, + }, + xAxis: { + data: [500, 1000, 2000, 3000, 4000, 6000], + }, + yAxis: { + type: "value", + }, + series: [ + { + data: this.youeryuanshi1, + name: "鍙宠�冲師濮嬪惉鍔�", + type: "line", + symbol: "circle", //鎷愮偣鐨勫舰鐘� + symbolSize: 10, //鎷愮偣澶у皬 + lineStyle: { + color: "#1515FF", + width: 2, + }, + + itemStyle: { + borderWidth: 1, + borderColor: "black", + color: "#fff", + }, + }, + ], + }); + let sizeFun = function () { + myChart.resize(); + }; + window.addEventListener("resize", sizeFun); + + this.loading = false; + }, + // 鍙宠�崇煫姝e惉鍔� + getech1() { + this.loading = true; + let myChart2 = this.$echarts.init(document.getElementById("main2")); + + myChart2.setOption({ + title: { + text: "鍙宠�虫牎姝e惉鍔�", + }, + tooltip: { + trigger: "axis", + }, + grid: { + left: "3%", + right: "4%", + bottom: "3%", + containLabel: true, + }, + toolbox: { + feature: { + saveAsImage: {}, + }, + }, + xAxis: { + data: [500, 1000, 2000, 3000, 4000, 6000], + }, + yAxis: { + type: "value", + }, + series: [ + { + data: this.youerjiaozheng1, + name: "鍙宠�虫牎姝e惉鍔�", + type: "line", + symbol: "none", //鎷愮偣鐨勫舰鐘� + symbolSize: 10, //鎷愮偣澶у皬 + lineStyle: { + color: "#1515FF", + width: 2, + }, + + itemStyle: { + borderWidth: 1, + borderColor: "black", + color: "#fff", + }, + }, + ], + }); + let sizeFun = function () { + myChart2.resize(); + }; + window.addEventListener("resize", sizeFun); + + this.loading = false; + }, + // 宸﹁�冲師濮嬪惉鍔� + getech2() { + this.loading = true; + let myChart2 = this.$echarts.init(document.getElementById("main1")); + + myChart2.setOption({ + title: { + text: "宸﹁�冲師濮嬪惉鍔�", + }, + tooltip: { + trigger: "axis", + }, + grid: { + left: "3%", + right: "4%", + bottom: "3%", + containLabel: true, + }, + toolbox: { + feature: { + saveAsImage: {}, + }, + }, + xAxis: { + data: [500, 1000, 2000, 3000, 4000, 6000], + }, + yAxis: { + type: "value", + }, + series: [ + { + data: this.zuoeryuanshi1, + name: "宸﹁�冲師濮嬪惉鍔�", + type: "line", + symbol: "triangle", //鎷愮偣鐨勫舰鐘� + symbolSize: 10, //鎷愮偣澶у皬 + lineStyle: { + color: "#1515FF", + width: 2, + }, + + itemStyle: { + borderWidth: 1, + borderColor: "black", + color: "#fff", + }, + }, + ], + }); + let sizeFun = function () { + myChart2.resize(); + }; + window.addEventListener("resize", sizeFun); + + this.loading = false; + }, + // 宸﹁�崇煫姝e惉鍔� + getech3() { + this.loading = true; + let myChart2 = this.$echarts.init(document.getElementById("main3")); + + myChart2.setOption({ + title: { + text: "宸﹁�虫牎姝e惉鍔�", + }, + tooltip: { + trigger: "axis", + }, + grid: { + left: "3%", + right: "4%", + bottom: "3%", + containLabel: true, + }, + toolbox: { + feature: { + saveAsImage: {}, + }, + }, + xAxis: { + data: [500, 1000, 2000, 3000, 4000, 6000], + }, + yAxis: { + type: "value", + }, + series: [ + { + data: this.zuoerjiaozheng1, + name: "宸﹁�虫牎姝e惉鍔�", + type: "line", + symbol: "none", //鎷愮偣鐨勫舰鐘� + symbolSize: 10, //鎷愮偣澶у皬 + lineStyle: { + color: "#1515FF", + width: 2, + }, + + itemStyle: { + borderWidth: 1, + borderColor: "black", + color: "#fff", + }, + }, + ], + }); + let sizeFun = function () { + myChart2.resize(); + }; + window.addEventListener("resize", sizeFun); + + this.loading = false; + }, // 榧犳爣杩涘叆鍘熷浘绌洪棿鍑芥暟 enterHandler() { // 灞傜僵鍙婃斁澶х┖闂寸殑鏄剧ず @@ -485,6 +1371,11 @@ }; this.resetForm("form"); }, + hb(){ + if (this.queryParams.tjNum != null) { + this.handleQuery(); + } + }, /** 鎼滅储鎸夐挳鎿嶄綔 */ handleQuery() { this.queryParams.pageNum = 1; @@ -496,35 +1387,35 @@ this.handleQuery(); }, // 澶氶�夋閫変腑鏁版嵁 - handleSelectionChange(selection) { - this.drawer = true; - this.imgsrc = selection[0].picturePath; - this.tjNumber = selection[0].customer.tjNumber; - this.ids = selection.map((item) => item.id); - selection.forEach((element) => { - this.tableList = element.list; - if (this.tableList.length != 0) { - this.tableList.forEach((item) => { - this.form.fixedValue = item.fixedValue; - this.form.measuredValue = item.measuredValue; - }); - this.$nextTick(() => { - this.$refs.mu.toggleRowSelection(this.tableList[0], true); - }); - } else { - this.$refs.mu.clearSelection(); - } - }); - // this.tableList.forEach(item => { - // this.imgsrc = item.dctt - // }) - if (selection.length > 1) { - let del_row = selection.shift(); - this.$refs.tb.toggleRowSelection(del_row, false); //璁剧疆杩欎竴琛屽彇娑堥�変腑 - } - this.single = selection.length !== 1; - this.multiple = !selection.length; - }, + // handleSelectionChange(selection) { + // this.drawer = true; + // this.imgsrc = selection[0].picturePath; + // this.tjNumber = selection[0].customer.tjNumber; + // this.ids = selection.map((item) => item.id); + // selection.forEach((element) => { + // this.tableList = element.list; + // if (this.tableList.length != 0) { + // this.tableList.forEach((item) => { + // this.form.fixedValue = item.fixedValue; + // this.form.measuredValue = item.measuredValue; + // }); + // this.$nextTick(() => { + // this.$refs.mu.toggleRowSelection(this.tableList[0], true); + // }); + // } else { + // this.$refs.mu.clearSelection(); + // } + // }); + // // this.tableList.forEach(item => { + // // this.imgsrc = item.dctt + // // }) + // if (selection.length > 1) { + // let del_row = selection.shift(); + // this.$refs.tb.toggleRowSelection(del_row, false); //璁剧疆杩欎竴琛屽彇娑堥�変腑 + // } + // this.single = selection.length !== 1; + // this.multiple = !selection.length; + // }, // /** 鏂板鎸夐挳鎿嶄綔 */ // handleAdd() { // this.reset(); @@ -575,6 +1466,25 @@ this.$modal.msgSuccess("閫夋嫨淇敼椤圭洰"); } }, + submit() { + this.youerList.pureTestId = this.pureTestId; + this.youerList.rd = "鍙宠��"; + this.zuoerList.pureTestId = this.pureTestId; + this.zuoerList.rd = "宸﹁��"; + this.shuangerList.pureTestId = this.pureTestId; + this.shuangerList.rd = "鍙岃��"; + let pureToneTestDetils = [this.youerList, this.zuoerList, this.shuangerList]; + let remark = this.remark; + let tjNum = this.row.tjNumber; + let doctorName = this.doctorName; + saveTjPureToneTestDetil(pureToneTestDetils,remark,tjNum,doctorName).then((res) => { + console.log(res); + if (res.code == 200) { + this.$modal.msgSuccess("鎻愪氦鎴愬姛"); + this.drawer = false; + } + }); + }, //鍒犻櫎鎸夐挳 handleDelete() {}, @@ -584,7 +1494,7 @@ }, }; </script> - + <style> #table .el-table__header-wrapper .el-checkbox { display: none; @@ -651,4 +1561,51 @@ float: left; position: relative; } -</style> +.tanchuangbox_left { + margin-top: 20px; + margin-left: 20px; + width: 60%; +} +.data-view { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin: 5px 15px; +} +#main { + padding: 10px; +} +.nums { + margin-left: 90px; + margin-bottom: 10px; +} +.nums_txt { + margin-right: 18px; +} +.tanchuangbox_left1 { + display: flex; +} +.tanchuangbox { + display: flex; +} +.tanchuangbox_right { + width: 40%; +} +.ss { + display: flex; + flex-direction: column; + margin-right: 10px; +} +.ss_txt { + width: 60px; +} +.pag { + width: 100%; + display: flex; + justify-content: center; +} + +.pag1 { + width: 30%; +} +</style> \ No newline at end of file -- Gitblit v1.8.0