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 | 250 ++++++++++++++++---------------------------------
1 files changed, 84 insertions(+), 166 deletions(-)
diff --git a/src/views/picture/music/index.vue b/src/views/picture/music/index.vue
index 0071915..c566984 100644
--- a/src/views/picture/music/index.vue
+++ b/src/views/picture/music/index.vue
@@ -79,9 +79,10 @@
{{ scope.row.customer.cusSex === 0 ? "鐢�" : "濂�" }}
</template> -->
<template slot-scope="scope">
- <span v-if="scope.row.cusSex == '0'">鐢�</span>
- <span v-if="scope.row.cusSex == '1'">濂�</span>
- <span v-if="scope.row.cusSex == '2'">鏈煡</span>
+ <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" /> -->
@@ -279,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">
@@ -299,36 +300,43 @@
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>
<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>
@@ -529,36 +537,39 @@
"sys_dict_specimen",
"dict_user_marry",
"dict_user_national",
+ "dict_tjtype",
],
name: "Picture",
components: { Public },
data() {
return {
+ teamYYNums:[],
+ LineCharts:[],
row: {},
value1: "",
zhexianList: [
{
- date: 500,
+ numb: 500,
bgcoun: 3,
},
{
- date: 1000,
+ numb: 1000,
bgcoun: 32,
},
{
- date: 2000,
+ numb: 2000,
bgcoun: 31,
},
{
- date: 3000,
+ numb: 3000,
bgcoun: 43,
},
{
- date: 4000,
+ numb: 4000,
bgcoun: 13,
},
{
- date: 6000,
+ numb: 6000,
bgcoun: 32,
},
],
@@ -663,6 +674,7 @@
methods: {
handleRowClick(selection) {
this.row = selection.customer;
+ this.row.tjType = Number(selection.customer.tjType);
this.drawer = true;
this.getech();
},
@@ -688,86 +700,6 @@
this.TobeToday = response;
this.loading = false;
});
- // 鎶樼嚎鍥�
- // 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"));
-
- // 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);
@@ -798,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",
+ },
},
],
});
@@ -847,11 +777,11 @@
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"));
@@ -877,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",
@@ -898,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,
},
],
});
--
Gitblit v1.8.0