From a3b4eb017a0f948348ef7732267c7ed0d4bca8c0 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期二, 12 三月 2024 16:15:27 +0800
Subject: [PATCH] bug修改
---
src/views/operate/viewEvent/index.vue | 171 +++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 141 insertions(+), 30 deletions(-)
diff --git a/src/views/operate/viewEvent/index.vue b/src/views/operate/viewEvent/index.vue
index af08244..9c72094 100644
--- a/src/views/operate/viewEvent/index.vue
+++ b/src/views/operate/viewEvent/index.vue
@@ -1,7 +1,7 @@
<template>
<div class="userList">
<header>
- <div class="headerTitle">杩愯惀绠＄悊 >> 妗堝嵎鏌ヨ</div>
+ <!-- <div class="headerTitle">杩愯惀绠＄悊 >> 妗堝嵎鏌ヨ</div>-->
<div class="headerContent">
<div class="contentItem">
<div style="width: 80px">鎸夌紪鍙�:</div>
@@ -15,15 +15,30 @@
<div class="contentItem">
<div style="width: 80px">鎸夌被鍨�:</div>
<div class="search">
- <el-select clearable v-model="searchData.categories" placeholder=" 璇烽�夋嫨绫诲瀷">
- <el-option v-for="option in categoryOptions" :key="option.id" :label="option.label" :value="option.value"></el-option>
+ <el-select
+ clearable
+ v-model="searchData.categories"
+ placeholder=" 璇烽�夋嫨绫诲瀷"
+ >
+ <el-option
+ v-for="option in categoryOptions"
+ :key="option.id"
+ :label="option.label"
+ :value="option.value"
+ ></el-option>
</el-select>
</div>
</div>
<div class="contentItem">
<div style="width: 80px">鎸夌ぞ鍖�:</div>
<div class="search">
- <el-cascader clearable v-model="searchData.community" :props="communityProps" :options="communityOptions" placeholder="璇烽�夋嫨绀惧尯">
+ <el-cascader
+ clearable
+ v-model="searchData.community"
+ :props="communityProps"
+ :options="communityOptions"
+ placeholder="璇烽�夋嫨绀惧尯"
+ >
</el-cascader>
</div>
</div>
@@ -37,7 +52,7 @@
</div>
</div>
<div class="btn">
- <el-button type="primary" @click="getList">鎼滅储</el-button>
+ <el-button type="primary" @click="getList">鏌ヨ</el-button>
</div>
</div>
<div class="headerContent">
@@ -63,21 +78,26 @@
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ background: '#F5F5F5',
background: '#fff',
- 'font-size': '12px',
- color: '#4b9bb7',
'font-weight': '650',
'line-height': '45px',
}"
:data="tableData"
style="width: 100%"
:row-class-name="tableRowClassName"
+ @selection-change="tableChange"
>
+ <el-table-column type="selection" min-width="5"> </el-table-column>
<el-table-column prop="code" label="浜嬩欢缂栧彿" min-width="18">
<template slot-scope="scope">
- <el-link @click="handleView(scope.row)">{{ scope.row.code }}</el-link>
+ <el-link @click="handleView(scope.row)">{{
+ scope.row.code
+ }}</el-link>
</template>
</el-table-column>
<el-table-column prop="category" label="闂绫诲埆" min-width="8">
@@ -88,7 +108,7 @@
<el-table-column prop="eventSource" label="闂鏉ユ簮" min-width="8">
<template v-if="scope.row.eventSource" slot-scope="scope">
<span>{{
- scope.row.eventSource === 2 ? "浜哄伐涓婃姤" : "瑙嗛宸℃煡"
+ scope.row.eventSource === 2 ? "缃戞牸宸℃煡" : "瑙嗛宸℃煡"
}}</span>
</template>
</el-table-column>
@@ -157,6 +177,34 @@
</el-dialog>
<!-- tools -->
<div class="tools">
+ <div class="funs">
+ <div class="funsItem">
+ <el-checkbox v-model="all" @change="selectAll()"
+ >鍏ㄩ��</el-checkbox
+ >
+ </div>
+ <div class="funsItem">
+ <el-checkbox v-model="unsame" @change="disSame(tableData)"
+ >鍙嶉��</el-checkbox
+ >
+ </div>
+ <div class="funsItem">
+ <el-select
+ v-model="myIdx"
+ placeholder="鎵归噺鎿嶄綔"
+ @change="selectChange"
+ >
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ :disabled="item.disabled"
+ >
+ </el-option>
+ </el-select>
+ </div>
+ </div>
<div class="pagination">
<el-pagination
background
@@ -196,6 +244,28 @@
},
data() {
return {
+ all: false,
+ unsame: false,
+ myIdx: 0,
+ options: [
+ {
+ value: 0,
+ label: "鎵归噺鎿嶄綔",
+ disabled: true,
+ },
+ {
+ value: 1,
+ label: "鎵归噺鍚敤",
+ },
+ {
+ value: 2,
+ label: "鎵归噺绂佺敤",
+ },
+ {
+ value: 3,
+ label: "鎵归噺鍒犻櫎",
+ },
+ ],
datepick: null,
tableData: [],
dialogExamine: false,
@@ -208,8 +278,8 @@
categoryOptions: CATEGOTY,
communityOptions: [],
communityProps: {
- label: 'regionName',
- value: 'id'
+ label: "regionName",
+ value: "id",
},
myproblem: 1,
number: "",
@@ -228,6 +298,40 @@
this.getCommunityOptions();
},
methods: {
+ // 鎵归噺鍒犻櫎
+ mulDelete(idArr) {},
+ // 鎵ц涓嬫媺妗嗘搷浣�
+ selectChange(val) {
+ let ids = [];
+ this.tempList.forEach((item) => {
+ ids.push(item.number);
+ });
+ if (ids.length !== 0) {
+ if (val === 3) {
+ this.mulDelete(ids);
+ }
+ } else {
+ this.$message({
+ type: "warning",
+ message: "鎮ㄨ繕娌￠�変腑浠讳綍鏁版嵁",
+ });
+ }
+ },
+ // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
+ tableChange(list) {
+ this.tempList = list;
+ this.all = list.length === this.tableData.length;
+ },
+ // 鍏ㄩ��
+ selectAll() {
+ this.$refs.multipleTable.toggleAllSelection();
+ },
+ // 鍙嶉��
+ disSame(list) {
+ list.forEach((row) => {
+ this.$refs.multipleTable.toggleRowSelection(row);
+ });
+ },
// 鑾峰彇鍒楄〃
getList() {
const searchData = Object.assign({}, this.searchData);
@@ -252,11 +356,12 @@
// 鑾峰彇绀惧尯鍜岃閬�
getCommunityOptions() {
- department.getDepartmentList()
- .then(res => {
- this.communityOptions = res;
- })
- .catch(err => this.$message.error(err))
+ department
+ .getDepartmentList()
+ .then((res) => {
+ this.communityOptions = res;
+ })
+ .catch((err) => this.$message.error(err));
},
// 璁剧疆琛ㄦ牸鏂戦┈绾�
@@ -274,11 +379,16 @@
},
datepickChange() {
- this.searchData.startTime = this.datepick[0];
- this.searchData.endTime = this.datepick[1].replace(
- "00:00:00",
- "23:59:59"
- );
+ if (this.datepick) {
+ this.searchData.startTime = this.datepick[0];
+ this.searchData.endTime = this.datepick[1].replace(
+ "00:00:00",
+ "23:59:59"
+ );
+ } else {
+ this.searchData.startTime = null;
+ this.searchData.endTime = null;
+ }
},
handleClose(done) {
@@ -319,14 +429,14 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
+ padding: 10px 20px;
+ // color: #4b9bb7;
+ border: 1px solid #ccc;
header {
display: flex;
line-height: 60px;
flex-direction: column;
- padding: 0 20px;
+ padding: 0;
color: #4b9bb7;
.headerContent {
@@ -344,7 +454,7 @@
}
main {
- background-color: #fff;
+ //background-color: #fff;
margin-top: 20px;
padding-bottom: 50px;
@@ -369,6 +479,7 @@
line-height: 28px;
display: flex;
align-items: center;
+ border: 1px solid #ccc;
border-radius: 4px;
font-size: 12px;
margin-left: 10px;
@@ -420,8 +531,8 @@
}
.el-table {
- color: #4b9bb7;
- font-size: 10px;
+ // color: #4b9bb7;
+ // font-size: 10px;
&::v-deep .cell {
text-overflow: ellipsis;
@@ -443,7 +554,7 @@
.line {
padding: 0 5px;
}
-
+ color: var(--operation-color);
span:hover {
cursor: pointer;
}
@@ -523,4 +634,4 @@
// background-color: #06122c;
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0