From 02dd7d431d0a414bafef4602350d24c72a41de3f Mon Sep 17 00:00:00 2001
From: su1124 <1583764726@qq.com>
Date: 星期一, 08 一月 2024 18:03:40 +0800
Subject: [PATCH] su
---
src/views/picture/music/index.vue | 888 +++++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 807 insertions(+), 81 deletions(-)
diff --git a/src/views/picture/music/index.vue b/src/views/picture/music/index.vue
index a9b663e..ac58e26 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>
@@ -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"
@@ -226,109 +234,375 @@
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="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="90px"
+ >
+ <el-form-item label="瀹炴祴姘斿鍊�:">
+ <el-input
+ v-model="yqdwb"
+ style="width: 50px"
+ @input="ysels"
+ />
+ <el-input
+ v-model="yqdyq"
+ style="width: 50px"
+ @input="ysels1"
+ />
+ <el-input
+ v-model="yqdlq"
+ style="width: 50px"
+ @input="ysels2"
+ />
+ <el-input
+ v-model="yqdsq"
+ style="width: 50px"
+ @input="ysels3"
+ />
+ <el-input
+ v-model="yqdsiq"
+ style="width: 50px"
+ @input="ysels4"
+ />
+ <el-input
+ v-model="yqdliuq"
+ style="width: 50px"
+ @input="ysels5"
+ />
+ </el-form-item>
+ <el-form-item label="瀹炴祴楠ㄥ鍊�:">
+ <el-input
+ v-model="ygdwb"
+ style="width: 50px"
+ @input="ygsels"
+ />
+ <el-input
+ v-model="ygdyq"
+ style="width: 50px"
+ @input="ygsels1"
+ />
+ <el-input
+ v-model="ygdlq"
+ style="width: 50px"
+ @input="ygsels2"
+ />
+ <el-input
+ v-model="ygdsq"
+ style="width: 50px"
+ @input="ygsels3"
+ />
+ <el-input
+ v-model="ygdsiq"
+ style="width: 50px"
+ @input="ygsels4"
+ />
+ <el-input
+ v-model="ygdliuq"
+ 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="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="90px"
+ >
+ <el-form-item label="瀹炴祴姘斿鍊�:">
+ <el-input
+ v-model="zqdwb"
+ style="width: 50px"
+ @input="zsels"
+ />
+ <el-input
+ v-model="zqdyq"
+ style="width: 50px"
+ @input="zsels1"
+ />
+ <el-input
+ v-model="zqdlq"
+ style="width: 50px"
+ @input="zsels2"
+ />
+ <el-input
+ v-model="zqdsq"
+ style="width: 50px"
+ @input="zsels3"
+ />
+ <el-input
+ v-model="zqdsiq"
+ style="width: 50px"
+ @input="zsels4"
+ />
+ <el-input
+ v-model="zqdliuq"
+ style="width: 50px"
+ @input="zsels5"
+ />
+ </el-form-item>
+ <el-form-item label="瀹炴祴楠ㄥ鍊�:">
+ <el-input
+ v-model="zgdwb"
+ style="width: 50px"
+ @input="zgsels"
+ />
+ <el-input
+ v-model="zgdyq"
+ style="width: 50px"
+ @input="zgsels1"
+ />
+ <el-input
+ v-model="zgdlq"
+ style="width: 50px"
+ @input="zgsels2"
+ />
+ <el-input
+ v-model="zgdsq"
+ style="width: 50px"
+ @input="zgsels3"
+ />
+ <el-input
+ v-model="zgdsiq"
+ style="width: 50px"
+ @input="zgsels4"
+ />
+ <el-input
+ v-model="zgdliuq"
+ style="width: 50px"
+ @input="zgsels5"
+ />
+ </el-form-item>
+ </el-form>
+ </div>
+ </div>
</div>
- <div style="width:50%"></div>
+ <div class="tanchuangbox_right">
+ <div>
+ <span>鑱屼笟鍙�</span>
+ <div style="width: 100%; min-height: 300px"></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="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>
+ </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>
+ </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>
+ </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>
+ </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>
+ </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>
+ </div>
+ </div>
+
+ <div style="margin-top: 20px">
+ <span>鐢垫祴鍚皬缁擄細</span>
+ <el-input
+ style="margin-top: 10px"
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="textarea"
+ >
+ </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-input
+ v-model="input"
+ style="width: 160px; margin-right: 10px"
+ ></el-input>
+ <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>
+ </div>
+ </div>
</div>
</el-drawer>
<Public ref="aaa" @add="handleChanges" />
</div>
</template>
-
+
<script>
import {
getList,
@@ -337,6 +611,19 @@
addPicture,
updatePureToneTest,
} 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 Public from "@/components/public";
export default {
@@ -346,11 +633,56 @@
"sys_dict_specimen",
"dict_user_marry",
"dict_user_national",
+ "dict_tjtype",
],
name: "Picture",
components: { Public },
data() {
return {
+ 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: {},
@@ -403,12 +735,368 @@
dataobj: {},
// 琛ㄥ崟鏍￠獙
rules: {},
+ yqdwb: "",
+ yqdyq: "",
+ yqdlq: "",
+ yqdsq: "",
+ yqdsiq: "",
+ yqdliuq: "",
+ ygdwb: "",
+ ygdyq: "",
+ ygdlq: "",
+ ygdsq: "",
+ ygdsiq: "",
+ ygdliuq: "",
+ zqdwb: "",
+ zqdyq: "",
+ zqdlq: "",
+ zqdsq: "",
+ zqdsiq: "",
+ zqdliuq: "",
+ zgdwb: "",
+ zgdyq: "",
+ zgdlq: "",
+ zgdsq: "",
+ zgdsiq: "",
+ zgdliuq: "",
};
},
created() {
this.getList();
},
+ mounted() {
+ this.$nextTick(() => {
+ this.$refs.inputName.focus();
+ });
+ },
methods: {
+ 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;
+ this.row.tjType = Number(selection.customer.tjType);
+ this.drawer = true;
+ // this.getech();
+ },
+ // 鍙宠�冲師濮嬪惉鍔�
+ 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;
+ },
+ // 鍙宠�崇煫姝ｅ惉鍔�
+ 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",
+ },
+ },
+ ],
+ });
+ let sizeFun = function () {
+ myChart.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 () {
+ myChart.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",
+ },
+ },
+ ],
+ });
+ let sizeFun = function () {
+ myChart.resize();
+ };
+ window.addEventListener("resize", sizeFun);
+
+ this.loading = false;
+ },
// 榧犳爣杩涘叆鍘熷浘绌洪棿鍑芥暟
enterHandler() {
// 灞傜僵鍙婃斁澶х┖闂寸殑鏄剧ず
@@ -496,35 +1184,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();
@@ -584,7 +1272,7 @@
},
};
</script>
-
+
<style>
#table .el-table__header-wrapper .el-checkbox {
display: none;
@@ -651,4 +1339,42 @@
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;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0