From 03e16818445bc1926019a053dd47e1376b9388f3 Mon Sep 17 00:00:00 2001
From: su1124 <1583764726@qq.com>
Date: 星期四, 04 一月 2024 18:01:03 +0800
Subject: [PATCH] su
---
src/views/picture/music/index.vue | 272 +++++++++++++++++++++++++++++++----------------------
1 files changed, 159 insertions(+), 113 deletions(-)
diff --git a/src/views/picture/music/index.vue b/src/views/picture/music/index.vue
index 9118e1f..c566984 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" /> -->
@@ -140,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"
@@ -232,91 +239,104 @@
<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
style="width: 150px"
+ disabled
/>
</el-form-item>
<el-form-item label="鍗曚綅宸ョ" prop="name">
<el-input
v-model="queryParams.name"
placeholder="璇疯緭鍏ュ崟浣嶅伐绉�"
- clearable
+ 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
+ disabled
style="width: 150px"
/>
</el-form-item>
- <el-form-item label="鎬у埆" prop="name">
- <el-input
- v-model="queryParams.name"
- placeholder="璇疯緭鍏ユ�у埆"
- clearable
+ <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
+ 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
+ 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
+ disabled
style="width: 150px"
/>
</el-form-item>
- <el-form-item label="浣撴绫诲瀷" prop="name">
- <el-input
- v-model="queryParams.name"
- placeholder="璇疯緭鍏ヤ綋妫�绫诲瀷"
- clearable
+ <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
+ 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 id="main2" style="width: 40%; height: 300px"></div>
+ <div id="main3" style="width: 40%; height: 300px"></div> -->
</div>
<div class="tanchuangbox_left1">
<div>
@@ -393,7 +413,11 @@
</div>
</div>
<div class="tanchuangbox_right">
- <div style="display: flex;margin-top:20px">
+ <div>
+ <span>鑱屼笟鍙�</span>
+ <div style="width: 100%; min-height: 300px"></div>
+ </div>
+ <div style="display: flex; margin-top: 20px">
<div
style="
width: 50px;
@@ -464,11 +488,14 @@
</div>
<div style="margin-top: 20px">
<span>妫�鏌ュ尰鐢燂細</span>
- <el-input v-model="input" style="width: 160px;margin-right:10px"></el-input>
+ <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">
+ <div style="margin-top: 20px">
<el-button type="primary">鐢熸垚灏忕粨</el-button>
<el-button type="primary">淇濆瓨</el-button>
</div>
@@ -479,7 +506,7 @@
<Public ref="aaa" @add="handleChanges" />
</div>
</template>
-
+
<script>
import {
getList,
@@ -510,12 +537,42 @@
"sys_dict_specimen",
"dict_user_marry",
"dict_user_national",
+ "dict_tjtype",
],
name: "Picture",
components: { Public },
data() {
return {
- value1:"",
+ teamYYNums:[],
+ LineCharts:[],
+ row: {},
+ value1: "",
+ zhexianList: [
+ {
+ numb: 500,
+ bgcoun: 3,
+ },
+ {
+ numb: 1000,
+ bgcoun: 32,
+ },
+ {
+ numb: 2000,
+ bgcoun: 31,
+ },
+ {
+ numb: 3000,
+ bgcoun: 43,
+ },
+ {
+ numb: 4000,
+ bgcoun: 13,
+ },
+ {
+ numb: 6000,
+ bgcoun: 32,
+ },
+ ],
tableData: [
{
date: "1",
@@ -608,11 +665,16 @@
},
created() {
this.getList();
-
+ },
+ mounted() {
+ this.$nextTick(() => {
+ this.$refs.inputName.focus();
+ });
},
methods: {
- handleRowClick(selection){
- console.log(selection);
+ handleRowClick(selection) {
+ this.row = selection.customer;
+ this.row.tjType = Number(selection.customer.tjType);
this.drawer = true;
this.getech();
},
@@ -638,7 +700,6 @@
this.TobeToday = response;
this.loading = false;
});
- // 鎶樼嚎鍥�
getChart().then((response) => {
response.data.forEach((item) => {
this.LineChart.push(item.date);
@@ -650,7 +711,7 @@
myChart.setOption({
title: {
- text: "鍙宠�冲師濮嬪惉鍔�",
+ text: "宸﹁�冲師濮嬪惉鍔�",
},
tooltip: {
trigger: "axis",
@@ -669,44 +730,42 @@
saveAsImage: {},
},
},
- xAxis: {
- type: "category",
- boundaryGap: false,
- axisLine: {
- show: true,
- lineStyle: {
- color: "blue",
- size: 12,
- width: 0,
- tyle: "solid",
- },
- },
- data: this.LineChart,
- },
+ xAxis: [
+ {type: "category",
+ data: ["250", "750", "1.5k", "3k", "6k", "12k"]},
+ { data: ["125", "500", "1k", "2k", "4k", "8k"]},
+ // 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,
+ type: 'value'
},
series: [
{
- name: "姣忔棩浣撴鐧昏鏁�",
+ data: [3, 32, 31, 43, 13, 32],
type: "line",
- stack: "Total",
- data: this.personYYNum,
- },
- {
- name: "姣忔棩鍥綋鐧昏鏁�",
- type: "line",
- stack: "Total",
- data: this.reportNum,
- },
- {
- name: "姣忔棩鍙戝竷鎶ュ憡鏁�",
- type: "line",
- stack: "Total",
- data: this.teamYYNum,
+ symbol: "circle", //鎷愮偣鐨勫舰鐘�
+ symbolSize: 13, //鎷愮偣澶у皬
+ lineStyle: {
+ color: "#5470C6",
+ width: 2,
+ },
+
+ itemStyle: {
+ borderWidth: 1,
+ borderColor: "black",
+ color: "#fff",
+ },
},
],
});
@@ -717,13 +776,12 @@
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);
+ console.log(this.zhexianList);
+ this.zhexianList.forEach((item) => {
+ console.log(item);
+ this.LineCharts.push(item.numb);
+ this.teamYYNums.push(item.bgcoun);
});
let myChart = this.$echarts.init(document.getElementById("main1"));
@@ -749,18 +807,18 @@
},
},
xAxis: {
- type: "category",
- boundaryGap: false,
- axisLine: {
- show: true,
- lineStyle: {
- color: "blue",
- size: 12,
- width: 0,
- tyle: "solid",
- },
- },
- data: this.LineChart,
+ // type: "category",
+ // boundaryGap: false,
+ // axisLine: {
+ // show: true,
+ // lineStyle: {
+ // color: "blue",
+ // size: 12,
+ // width: 0,
+ // tyle: "solid",
+ // },
+ // },
+ data: this.LineCharts,
},
yAxis: {
type: "value",
@@ -770,22 +828,10 @@
},
series: [
{
- name: "姣忔棩浣撴鐧昏鏁�",
+ name: "宸﹁�冲師濮嬪惉鍔�",
type: "line",
stack: "Total",
- data: this.personYYNum,
- },
- {
- name: "姣忔棩鍥綋鐧昏鏁�",
- type: "line",
- stack: "Total",
- data: this.reportNum,
- },
- {
- name: "姣忔棩鍙戝竷鎶ュ憡鏁�",
- type: "line",
- stack: "Total",
- data: this.teamYYNum,
+ data: this.teamYYNums,
},
],
});
@@ -1130,7 +1176,7 @@
},
};
</script>
-
+
<style>
#table .el-table__header-wrapper .el-checkbox {
display: none;
@@ -1235,4 +1281,4 @@
.ss_txt {
width: 60px;
}
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.8.0