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 | 1344 ++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 800 insertions(+), 544 deletions(-) diff --git a/src/views/picture/music/index.vue b/src/views/picture/music/index.vue index d290c8f..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> @@ -73,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" /> --> @@ -214,14 +221,16 @@ <!-- </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="鎴戞槸鏍囬" @@ -273,8 +282,8 @@ v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" - :value="dict.value" - /> + :value="parseInt(dict.value)" + ></el-option> </el-select> </el-form-item> <el-form-item label="骞撮緞" prop="age"> @@ -293,30 +302,37 @@ 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="璇疯緭鍏ヤ綋妫�鏃ユ湡" disabled style="width: 150px" /> </el-form-item> - <el-form-item label="浣撴绫诲瀷" prop="name"> - <el-input - v-model="queryParams.name" - placeholder="璇疯緭鍏ヤ綋妫�绫诲瀷" + <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="璇疯緭鍏ュ伐榫�" 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> @@ -327,81 +343,222 @@ <div class="tanchuangbox_left1"> <div> <div class="nums"> - <span class="nums_txt">500</span> - <span class="nums_txt">1000</span> - <span class="nums_txt">2000</span> - <span class="nums_txt">3000</span> - <span class="nums_txt">4000</span> - <span class="nums_txt">6000</span> + <span + class="nums_txt" + v-for="(item, index) in yList" + :key="index" + >{{ item }}</span + > </div> + <!-- 鍙宠�� --> <el-form - :model="queryParams" + :model="youerList" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="90px" > - <el-form-item label="瀹炴祴姘斿鍊�:" prop="tjNum"> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> + <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="瀹炴祴楠ㄥ鍊�:" prop="tjNum"> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> + <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">500</span> - <span class="nums_txt">1000</span> - <span class="nums_txt">2000</span> - <span class="nums_txt">3000</span> - <span class="nums_txt">4000</span> - <span class="nums_txt">6000</span> + <span + class="nums_txt" + v-for="(item, index) in yList" + :key="index" + >{{ item }}</span + > </div> + <!-- 宸﹁�� --> <el-form - :model="queryParams" + :model="zuoerList" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="90px" > - <el-form-item label="瀹炴祴姘斿鍊�:" prop="tjNum"> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> + <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="瀹炴祴楠ㄥ鍊�:" prop="tjNum"> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> - <el-input v-model="queryParams.tjNum" style="width: 50px" /> + <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 class="tanchuangbox_right"> - <div> + <div v-if="row.tjType == '02'"> <span>鑱屼笟鍙�</span> - <div style="width: 100%; min-height: 300px"></div> + <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 @@ -418,35 +575,71 @@ </div> <div class="ss"> <span class="ss_txt">璇骞冲潎</span> - <el-input v-model="input" style="width: 60px"></el-input> - <el-input v-model="input" style="width: 60px"></el-input> - <el-input v-model="input" style="width: 60px"></el-input> + <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="input" style="width: 60px"></el-input> - <el-input v-model="input" style="width: 60px"></el-input> + <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="input" style="width: 60px"></el-input> - <el-input v-model="input" style="width: 60px"></el-input> + <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="input" style="width: 60px"></el-input> - <el-input v-model="input" style="width: 60px"></el-input> + <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="input" style="width: 60px"></el-input> - <el-input v-model="input" style="width: 60px"></el-input> - <el-input v-model="input" style="width: 60px"></el-input> + <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="input" style="width: 60px"></el-input> - <el-input v-model="input" style="width: 60px"></el-input> + <el-input + v-model="youerList.gpgdpj" + style="width: 60px" + ></el-input> + <el-input + v-model="zuoerList.gpgdpj" + style="width: 60px" + ></el-input> </div> </div> @@ -457,7 +650,7 @@ type="textarea" :rows="2" placeholder="璇疯緭鍏ュ唴瀹�" - v-model="textarea" + v-model="remark" > </el-input> </div> @@ -474,16 +667,27 @@ </div> <div style="margin-top: 20px"> <span>妫�鏌ュ尰鐢燂細</span> - <el-input - v-model="input" - style="width: 160px; margin-right: 10px" - ></el-input> - <el-date-picker v-model="value1" type="date" placeholder="閫夋嫨鏃ユ湡"> - </el-date-picker> + <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">淇濆瓨</el-button> + <!-- <el-button type="primary">鐢熸垚灏忕粨</el-button> --> + <el-button type="primary" @click="submit">鎻� 浜�</el-button> </div> </div> </div> @@ -496,25 +700,25 @@ <script> import { getList, - getPicture, - delPicture, - addPicture, updatePureToneTest, + saveTjPureToneTestDetil, + getTjPureToneTestDetilList, } from "@/api/picture/pureToneTest"; -import { - getCustomer, - getOrder, - getReportToday, - getTobeToday, - getPieChart, - getChart, -} from "@/api/home"; +// 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: [ @@ -523,39 +727,67 @@ "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: "", - zhexianList: [ - { - date: 500, - bgcoun: 3, - }, - { - date: 1000, - bgcoun: 32, - }, - { - date: 2000, - bgcoun: 31, - }, - { - date: 3000, - bgcoun: 43, - }, - { - date: 4000, - bgcoun: 13, - }, - { - date: 6000, - bgcoun: 32, - }, - ], + yList: [500, 1000, 2000, 3000, 4000, 6000], tableData: [ { date: "1", @@ -582,14 +814,16 @@ input: "", min: "", max: "", - Customer: "", Order: "", ReportToday: "", TobeToday: "", - LineChart: [], + youeryuanshi: [], personYYNum: [], reportNum: [], - teamYYNum: [], + 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, @@ -648,429 +882,418 @@ }, created() { this.getList(); + this.getListUser(); + }, + mounted() { + this.$nextTick(() => { + this.$refs.inputName.focus(); + }); }, methods: { - handleRowClick(selection) { - this.row = selection.customer; - this.drawer = true; + /** 鏌ヨ鐢ㄦ埛鍒楄〃 */ + 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; - // 鏌ヨ浠婃棩鐧昏 - getCustomer().then((response) => { - this.Customer = response; - this.loading = false; + 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", + }, + }, + ], }); - // 鏌ヨ浠婃棩宸叉 - getOrder().then((response) => { - this.Order = response; - this.loading = false; + 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", + }, + }, + ], }); - // 鏌ヨ浠婃棩鎶ュ憡 - getReportToday().then((response) => { - this.ReportToday = response; - this.loading = false; + 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", + }, + }, + ], }); - // 鏌ヨ浠婃棩寰呮 - getTobeToday().then((response) => { - this.TobeToday = response; - this.loading = false; + 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", + }, + }, + ], }); - // 鎶樼嚎鍥� - // this.zhexianList.forEach((item) => { - // this.LineChart.push(item.date); - // console.log(this.LineChart,111); - // // this.personYYNum.push(item.tdcoun); - // // this.reportNum.push(item.grcoun); - // this.teamYYNum.push(item.bgcoun); - // console.log(this.teamYYNum,222); - // }); - // let myChart = this.$echarts.init(document.getElementById("main")); + let sizeFun = function () { + myChart2.resize(); + }; + window.addEventListener("resize", sizeFun); - // myChart.setOption({ - // title: { - // text: "鍙宠�冲師濮嬪惉鍔�", - // }, - // tooltip: { - // trigger: "axis", - // }, - // // legend: { - // // data: ["姣忔棩浣撴鐧昏鏁�", "姣忔棩鍥綋鐧昏鏁�", "姣忔棩鍙戝竷鎶ュ憡鏁�"], - // // }, - // grid: { - // left: "3%", - // right: "4%", - // bottom: "3%", - // containLabel: true, - // }, - // toolbox: { - // feature: { - // saveAsImage: {}, - // }, - // }, - // xAxis: { - // type: "category", - // boundaryGap: false, - // axisLine: { - // show: true, - // lineStyle: { - // color: "blue", - // size: 12, - // width: 0, - // tyle: "solid", - // }, - // }, - // data: this.LineChart, - // }, - // yAxis: { - // type: "value", - // min: 0, - // max: 50, - // interval: 5, - // }, - // series: [ - // // { - // // name: "姣忔棩浣撴鐧昏鏁�", - // // type: "line", - // // stack: "Total", - // // data: this.personYYNum, - // // }, - // // { - // // name: "姣忔棩鍥綋鐧昏鏁�", - // // type: "line", - // // stack: "Total", - // // data: this.reportNum, - // // }, - // { - // name: "瀹炴祴姘斿鍊�", - // type: "line", - // stack: "Total", - // data: this.teamYYNum, - // }, - // ], - // }); - // let sizeFun = function () { - // myChart.resize(); - // }; - // window.addEventListener("resize", sizeFun); - - // this.loading = false; - - getChart().then((response) => { - response.data.forEach((item) => { - this.LineChart.push(item.date); - this.personYYNum.push(item.tdcoun); - this.reportNum.push(item.grcoun); - this.teamYYNum.push(item.bgcoun); - }); - let myChart = this.$echarts.init(document.getElementById("main")); - - myChart.setOption({ - title: { - text: "宸﹁�冲師濮嬪惉鍔�", - }, - tooltip: { - trigger: "axis", - }, - // legend: { - // data: ["姣忔棩浣撴鐧昏鏁�", "姣忔棩鍥綋鐧昏鏁�", "姣忔棩鍙戝竷鎶ュ憡鏁�"], - // }, - grid: { - left: "3%", - right: "4%", - bottom: "3%", - containLabel: true, - }, - toolbox: { - feature: { - saveAsImage: {}, - }, - }, - xAxis: { - type: "category", - boundaryGap: false, - axisLine: { - show: true, - lineStyle: { - color: "blue", - size: 12, - width: 0, - tyle: "solid", - }, - }, - data: this.LineChart, - }, - yAxis: { - type: "value", - min: 0, - max: 50, - interval: 5, - }, - series: [ - { - name: "姣忔棩浣撴鐧昏鏁�", - type: "line", - stack: "Total", - data: this.personYYNum, - }, - { - name: "姣忔棩鍥綋鐧昏鏁�", - type: "line", - stack: "Total", - data: this.reportNum, - }, - { - name: "姣忔棩鍙戝竷鎶ュ憡鏁�", - type: "line", - stack: "Total", - data: this.teamYYNum, - }, - ], - }); - let sizeFun = function () { - myChart.resize(); - }; - window.addEventListener("resize", sizeFun); - - this.loading = false; - }); - getChart().then((response) => { - response.data.forEach((item) => { - this.LineChart.push(item.date); - this.personYYNum.push(item.tdcoun); - this.reportNum.push(item.grcoun); - this.teamYYNum.push(item.bgcoun); - }); - let myChart = this.$echarts.init(document.getElementById("main1")); - - myChart.setOption({ - title: { - text: "宸﹁�冲師濮嬪惉鍔�", - }, - tooltip: { - trigger: "axis", - }, - // legend: { - // data: ["姣忔棩浣撴鐧昏鏁�", "姣忔棩鍥綋鐧昏鏁�", "姣忔棩鍙戝竷鎶ュ憡鏁�"], - // }, - grid: { - left: "3%", - right: "4%", - bottom: "3%", - containLabel: true, - }, - toolbox: { - feature: { - saveAsImage: {}, - }, - }, - xAxis: { - type: "category", - boundaryGap: false, - axisLine: { - show: true, - lineStyle: { - color: "blue", - size: 12, - width: 0, - tyle: "solid", - }, - }, - data: this.LineChart, - }, - yAxis: { - type: "value", - min: 0, - max: 50, - interval: 5, - }, - series: [ - { - name: "姣忔棩浣撴鐧昏鏁�", - type: "line", - stack: "Total", - data: this.personYYNum, - }, - { - name: "姣忔棩鍥綋鐧昏鏁�", - type: "line", - stack: "Total", - data: this.reportNum, - }, - { - name: "姣忔棩鍙戝竷鎶ュ憡鏁�", - type: "line", - stack: "Total", - data: this.teamYYNum, - }, - ], - }); - let sizeFun = function () { - myChart.resize(); - }; - window.addEventListener("resize", sizeFun); - - this.loading = false; - }); - - getChart().then((response) => { - response.data.forEach((item) => { - this.LineChart.push(item.date); - this.personYYNum.push(item.tdcoun); - this.reportNum.push(item.grcoun); - this.teamYYNum.push(item.bgcoun); - }); - let myChart = this.$echarts.init(document.getElementById("main2")); - - myChart.setOption({ - title: { - text: "鍙宠�崇煫姝e惉鍔�", - }, - tooltip: { - trigger: "axis", - }, - // legend: { - // data: ["姣忔棩浣撴鐧昏鏁�", "姣忔棩鍥綋鐧昏鏁�", "姣忔棩鍙戝竷鎶ュ憡鏁�"], - // }, - grid: { - left: "3%", - right: "4%", - bottom: "3%", - containLabel: true, - }, - toolbox: { - feature: { - saveAsImage: {}, - }, - }, - xAxis: { - type: "category", - boundaryGap: false, - axisLine: { - show: true, - lineStyle: { - color: "blue", - size: 12, - width: 0, - tyle: "solid", - }, - }, - data: this.LineChart, - }, - yAxis: { - type: "value", - min: 0, - max: 50, - interval: 5, - }, - series: [ - { - name: "姣忔棩浣撴鐧昏鏁�", - type: "line", - stack: "Total", - data: this.personYYNum, - }, - { - name: "姣忔棩鍥綋鐧昏鏁�", - type: "line", - stack: "Total", - data: this.reportNum, - }, - { - name: "姣忔棩鍙戝竷鎶ュ憡鏁�", - type: "line", - stack: "Total", - data: this.teamYYNum, - }, - ], - }); - let sizeFun = function () { - myChart.resize(); - }; - window.addEventListener("resize", sizeFun); - - this.loading = false; - }); - - getChart().then((response) => { - response.data.forEach((item) => { - this.LineChart.push(item.date); - this.personYYNum.push(item.tdcoun); - this.reportNum.push(item.grcoun); - this.teamYYNum.push(item.bgcoun); - }); - let myChart = this.$echarts.init(document.getElementById("main3")); - - myChart.setOption({ - title: { - text: "宸﹁�崇煫姝e惉鍔�", - }, - tooltip: { - trigger: "axis", - }, - // legend: { - // data: ["姣忔棩浣撴鐧昏鏁�", "姣忔棩鍥綋鐧昏鏁�", "姣忔棩鍙戝竷鎶ュ憡鏁�"], - // }, - grid: { - left: "3%", - right: "4%", - bottom: "3%", - containLabel: true, - }, - toolbox: { - feature: { - saveAsImage: {}, - }, - }, - xAxis: { - type: "category", - boundaryGap: false, - axisLine: { - show: true, - lineStyle: { - color: "blue", - size: 12, - width: 0, - tyle: "solid", - }, - }, - data: this.LineChart, - }, - yAxis: { - type: "value", - min: 0, - max: 50, - interval: 5, - }, - series: [ - { - name: "姣忔棩浣撴鐧昏鏁�", - type: "line", - stack: "Total", - data: this.personYYNum, - }, - { - name: "姣忔棩鍥綋鐧昏鏁�", - type: "line", - stack: "Total", - data: this.reportNum, - }, - { - name: "姣忔棩鍙戝竷鎶ュ憡鏁�", - type: "line", - stack: "Total", - data: this.teamYYNum, - }, - ], - }); - let sizeFun = function () { - myChart.resize(); - }; - window.addEventListener("resize", sizeFun); - - this.loading = false; - }); + this.loading = false; }, // 榧犳爣杩涘叆鍘熷浘绌洪棿鍑芥暟 enterHandler() { @@ -1147,6 +1370,11 @@ deleted: null, }; this.resetForm("form"); + }, + hb(){ + if (this.queryParams.tjNum != null) { + this.handleQuery(); + } }, /** 鎼滅储鎸夐挳鎿嶄綔 */ handleQuery() { @@ -1238,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() {}, @@ -1317,7 +1564,7 @@ .tanchuangbox_left { margin-top: 20px; margin-left: 20px; - width: 50%; + width: 60%; } .data-view { display: flex; @@ -1333,7 +1580,7 @@ margin-bottom: 10px; } .nums_txt { - margin-right: 10px; + margin-right: 18px; } .tanchuangbox_left1 { display: flex; @@ -1342,7 +1589,7 @@ display: flex; } .tanchuangbox_right { - width: 50%; + width: 40%; } .ss { display: flex; @@ -1352,4 +1599,13 @@ .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