From a9fad33a8c498301cead26f1649ef25c5d5370bc Mon Sep 17 00:00:00 2001
From: qx <2540746708@qq.com>
Date: 星期五, 15 十二月 2023 20:53:05 +0800
Subject: [PATCH] qxtj
---
src/views/picture/music/index.vue | 187 ++++++++++++++++++++++++++++++++++++++--------
1 files changed, 152 insertions(+), 35 deletions(-)
diff --git a/src/views/picture/music/index.vue b/src/views/picture/music/index.vue
index 9118e1f..d290c8f 100644
--- a/src/views/picture/music/index.vue
+++ b/src/views/picture/music/index.vue
@@ -140,7 +140,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,58 +232,64 @@
<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="dict.value"
+ />
+ </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>
@@ -291,7 +297,7 @@
<el-input
v-model="queryParams.name"
placeholder="璇疯緭鍏ヤ綋妫�鏃ユ湡"
- clearable
+ disabled
style="width: 150px"
/>
</el-form-item>
@@ -299,7 +305,7 @@
<el-input
v-model="queryParams.name"
placeholder="璇疯緭鍏ヤ綋妫�绫诲瀷"
- clearable
+ disabled
style="width: 150px"
/>
</el-form-item>
@@ -307,7 +313,7 @@
<el-input
v-model="queryParams.name"
placeholder="璇疯緭鍏ュ伐榫�"
- clearable
+ disabled
style="width: 150px"
/>
</el-form-item>
@@ -393,7 +399,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 +474,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 +492,7 @@
<Public ref="aaa" @add="handleChanges" />
</div>
</template>
-
+
<script>
import {
getList,
@@ -515,7 +528,34 @@
components: { Public },
data() {
return {
- value1:"",
+ 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,
+ },
+ ],
tableData: [
{
date: "1",
@@ -608,11 +648,10 @@
},
created() {
this.getList();
-
},
methods: {
- handleRowClick(selection){
- console.log(selection);
+ handleRowClick(selection) {
+ this.row = selection.customer;
this.drawer = true;
this.getech();
},
@@ -639,6 +678,85 @@
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);
@@ -650,7 +768,7 @@
myChart.setOption({
title: {
- text: "鍙宠�冲師濮嬪惉鍔�",
+ text: "宸﹁�冲師濮嬪惉鍔�",
},
tooltip: {
trigger: "axis",
@@ -717,7 +835,6 @@
this.loading = false;
});
-
getChart().then((response) => {
response.data.forEach((item) => {
this.LineChart.push(item.date);
@@ -1130,7 +1247,7 @@
},
};
</script>
-
+
<style>
#table .el-table__header-wrapper .el-checkbox {
display: none;
@@ -1235,4 +1352,4 @@
.ss_txt {
width: 60px;
}
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.8.0