From 708a208e87e4e580d7a80c7f8b2c11f25dec7ff2 Mon Sep 17 00:00:00 2001
From: qx <2540746708@qq.com>
Date: 星期五, 15 十二月 2023 20:50:54 +0800
Subject: [PATCH] qxtj
---
src/views/picture/music/index.vue | 183 ++++++++-------------------------------------
1 files changed, 33 insertions(+), 150 deletions(-)
diff --git a/src/views/picture/music/index.vue b/src/views/picture/music/index.vue
index 3da79b3..9118e1f 100644
--- a/src/views/picture/music/index.vue
+++ b/src/views/picture/music/index.vue
@@ -232,64 +232,58 @@
<div class="tanchuangbox">
<div class="tanchuangbox_left">
<el-form
- :model="row"
+ :model="queryParams"
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="璇疯緭鍏ュ崟浣嶅伐绉�"
- disabled
+ clearable
style="width: 150px"
/>
</el-form-item>
- <el-form-item label="濮撳悕" prop="cusName">
+ <el-form-item label="濮撳悕" prop="name">
<el-input
- v-model="row.cusName"
+ v-model="queryParams.name"
placeholder="璇疯緭鍏ュ鍚�"
- disabled
+ clearable
style="width: 150px"
/>
</el-form-item>
- <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="age">
+ <el-form-item label="鎬у埆" prop="name">
<el-input
- v-model="row.age"
+ v-model="queryParams.name"
+ placeholder="璇疯緭鍏ユ�у埆"
+ clearable
+ style="width: 150px"
+ />
+ </el-form-item>
+ <el-form-item label="骞撮緞" prop="name">
+ <el-input
+ v-model="queryParams.name"
placeholder="璇疯緭鍏ュ勾榫�"
- disabled
+ clearable
style="width: 150px"
/>
</el-form-item>
- <el-form-item label="韬唤璇佸彿" prop="cusIdcard">
+ <el-form-item label="韬唤璇佸彿" prop="name">
<el-input
- v-model="row.cusIdcard"
+ v-model="queryParams.name"
placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�"
- disabled
+ clearable
style="width: 150px"
/>
</el-form-item>
@@ -297,7 +291,7 @@
<el-input
v-model="queryParams.name"
placeholder="璇疯緭鍏ヤ綋妫�鏃ユ湡"
- disabled
+ clearable
style="width: 150px"
/>
</el-form-item>
@@ -305,7 +299,7 @@
<el-input
v-model="queryParams.name"
placeholder="璇疯緭鍏ヤ綋妫�绫诲瀷"
- disabled
+ clearable
style="width: 150px"
/>
</el-form-item>
@@ -313,7 +307,7 @@
<el-input
v-model="queryParams.name"
placeholder="璇疯緭鍏ュ伐榫�"
- disabled
+ clearable
style="width: 150px"
/>
</el-form-item>
@@ -399,11 +393,7 @@
</div>
</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="display: flex;margin-top:20px">
<div
style="
width: 50px;
@@ -474,14 +464,11 @@
</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>
@@ -528,34 +515,7 @@
components: { Public },
data() {
return {
- 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,
- },
- ],
+ value1:"",
tableData: [
{
date: "1",
@@ -648,10 +608,11 @@
},
created() {
this.getList();
+
},
methods: {
- handleRowClick(selection) {
- this.row = selection.customer;
+ handleRowClick(selection){
+ console.log(selection);
this.drawer = true;
this.getech();
},
@@ -678,85 +639,6 @@
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);
@@ -768,7 +650,7 @@
myChart.setOption({
title: {
- text: "宸﹁�冲師濮嬪惉鍔�",
+ text: "鍙宠�冲師濮嬪惉鍔�",
},
tooltip: {
trigger: "axis",
@@ -835,6 +717,7 @@
this.loading = false;
});
+
getChart().then((response) => {
response.data.forEach((item) => {
this.LineChart.push(item.date);
--
Gitblit v1.8.0