From ba564c930b816bd5f926f0f41c7f9ed632d0b3d6 Mon Sep 17 00:00:00 2001
From: su1124 <1583764726@qq.com>
Date: 星期二, 09 一月 2024 17:58:52 +0800
Subject: [PATCH] su
---
src/views/picture/music/index.vue | 1198 +++++++++++++++++++++++++++++++++--------------------------
1 files changed, 671 insertions(+), 527 deletions(-)
diff --git a/src/views/picture/music/index.vue b/src/views/picture/music/index.vue
index d290c8f..5823fec 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="handleQuery"
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" /> -->
@@ -273,8 +280,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 +300,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,72 +341,170 @@
<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>
@@ -418,35 +530,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 +605,7 @@
type="textarea"
:rows="2"
placeholder="璇疯緭鍏ュ唴瀹�"
- v-model="textarea"
+ v-model="remark"
>
</el-input>
</div>
@@ -482,8 +630,8 @@
</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,19 +644,18 @@
<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");
@@ -523,39 +670,64 @@
"sys_dict_specimen",
"dict_user_marry",
"dict_user_national",
+ "dict_tjtype",
],
name: "Picture",
components: { Public },
data() {
return {
+ 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 +754,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,
@@ -649,428 +823,382 @@
created() {
this.getList();
},
+ mounted() {
+ this.$nextTick(() => {
+ this.$refs.inputName.focus();
+ });
+ },
methods: {
- handleRowClick(selection) {
- this.row = selection.customer;
- this.drawer = true;
+ 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();
+ },
+ 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 pureTestId = this.pureTestId;
+ getTjPureToneTestDetilList(pureTestId).then((res) => {
+ if (res.data != []) {
+ res.data.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;
+ },
+ // 鍙宠�崇煫姝ｅ惉鍔�
+ getech1() {
+ this.loading = true;
+ let myChart2 = this.$echarts.init(document.getElementById("main2"));
+
+ 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.youerjiaozheng1,
+ name: "鍙宠�虫牎姝ｅ惉鍔�",
+ 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;
+ },
+ // 宸﹁�崇煫姝ｅ惉鍔�
+ getech3() {
+ this.loading = true;
+ let myChart2 = this.$echarts.init(document.getElementById("main3"));
+
+ 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.zuoerjiaozheng1,
+ name: "宸﹁�虫牎姝ｅ惉鍔�",
+ 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: "鍙宠�崇煫姝ｅ惉鍔�",
- },
- 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: "宸﹁�崇煫姝ｅ惉鍔�",
- },
- 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() {
@@ -1238,6 +1366,22 @@
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 data = [this.youerList, this.zuoerList, this.shuangerList];
+ saveTjPureToneTestDetil(data).then((res) => {
+ console.log(res);
+ if (res.code == 200) {
+ this.$modal.msgSuccess("鎻愪氦鎴愬姛");
+ this.drawer = false;
+ }
+ });
+ },
//鍒犻櫎鎸夐挳
handleDelete() {},
@@ -1317,7 +1461,7 @@
.tanchuangbox_left {
margin-top: 20px;
margin-left: 20px;
- width: 50%;
+ width: 60%;
}
.data-view {
display: flex;
@@ -1333,7 +1477,7 @@
margin-bottom: 10px;
}
.nums_txt {
- margin-right: 10px;
+ margin-right: 18px;
}
.tanchuangbox_left1 {
display: flex;
@@ -1342,7 +1486,7 @@
display: flex;
}
.tanchuangbox_right {
- width: 50%;
+ width: 40%;
}
.ss {
display: flex;
--
Gitblit v1.8.0