From fb1d57f4bce31fe4f8147a144f8ef4afbca0a4cd Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期二, 21 二月 2023 13:48:29 +0800 Subject: [PATCH] Merge branch 'dev1.0' of http://42.193.1.25:9521/r/sccg_ui into dev1.0 --- src/views/operate/viewEvent/index.vue | 93 +++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 90 insertions(+), 3 deletions(-) diff --git a/src/views/operate/viewEvent/index.vue b/src/views/operate/viewEvent/index.vue index 6b5628d..e7e39ce 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> @@ -37,7 +37,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"> @@ -75,7 +75,9 @@ :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> @@ -158,6 +160,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 @@ -197,6 +227,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, @@ -229,6 +281,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); @@ -345,7 +431,7 @@ } main { - background-color: #fff; + //background-color: #fff; margin-top: 20px; padding-bottom: 50px; @@ -370,6 +456,7 @@ line-height: 28px; display: flex; align-items: center; + border: 1px solid #ccc; border-radius: 4px; font-size: 12px; margin-left: 10px; -- Gitblit v1.8.0