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/fivepack/threepack/components/content.vue | 155 +++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 142 insertions(+), 13 deletions(-) diff --git a/src/views/operate/fivepack/threepack/components/content.vue b/src/views/operate/fivepack/threepack/components/content.vue index d399d6b..ce0cc4b 100644 --- a/src/views/operate/fivepack/threepack/components/content.vue +++ b/src/views/operate/fivepack/threepack/components/content.vue @@ -6,7 +6,8 @@ <div class="search-item"> <span>杈撳叆鏌ヨ:</span> <el-input - style="flex: 1" + + style="flex: 1;margin-left: 15px" :placeholder=" isStorePage() ? '搴楅摵锛堥棬搴楋級鍚嶇О' : '璇疯緭鍏ュ簵閾虹紪鍙�' " @@ -15,7 +16,7 @@ </div> <div class="search-item"> <span>搴楅摵鐘舵��:</span> - <el-select v-model="storeStatus" placeholder="閫夋嫨搴楅摵鐘舵��"> + <el-select v-model="storeStatus" style="margin-left: 15px" placeholder="閫夋嫨搴楅摵鐘舵��"> <el-option v-for="item in options" :key="item.value" @@ -253,18 +254,46 @@ </el-form> </div> </el-dialog> - <!-- 鍒嗛〉 --> - <div class="pagination"> - <el-pagination - background - :current-page="currentPage" - layout="prev, pager, next" - :total="totalNum" - :page-size="pageSize" - @current-change="changeCurrentPage" - > - </el-pagination> + <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 + :current-page="currentPage" + layout="prev, pager, next" + :total="totalNum" + :page-size="pageSize" + @current-change="changeCurrentPage" + > + </el-pagination> + </div> </div> + <!-- 鍒嗛〉 --> +<!-- <div class="pagination">--> +<!-- <el-pagination--> +<!-- background--> +<!-- :current-page="currentPage"--> +<!-- layout="prev, pager, next"--> +<!-- :total="totalNum"--> +<!-- :page-size="pageSize"--> +<!-- @current-change="changeCurrentPage"--> +<!-- >--> +<!-- </el-pagination>--> +<!-- </div>--> </main> </div> </template> @@ -358,6 +387,46 @@ }, methods: { + // 鎵归噺鍒犻櫎 + mulDelete(idArr) { + this.$axios({ + method: "delete", + url: "sccg/illegal_building/batch_delete?ids=" + idArr, + }).then((res) => { + this.getUserList(); + this.$message({ + message: res.message, + type: res.code === 200 ? "success" : "warning", + }); + }); + }, + // 鎵ц涓嬫媺妗嗘搷浣� + 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: "鎮ㄨ繕娌¢�変腑浠讳綍鏁版嵁", + }); + } + }, + // 鍏ㄩ�� + selectAll() { + this.$refs.multipleTable.toggleAllSelection(); + }, + // 鍙嶉�� + disSame(list) { + list.forEach((row) => { + this.$refs.multipleTable.toggleRowSelection(row); + }); + }, // 鏂板缓/淇濆瓨娑堟伅(1:鏂板缓,0淇濆瓨娑堟伅) handleSubmit(mystatus) { this.role.body = this.$refs.edit.editor.txt.html(); @@ -623,7 +692,67 @@ .mainTitle { line-height: 60px; } + .tools { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 20px; + .funs { + display: flex; + + .funsItem { + line-height: 28px; + display: flex; + align-items: center; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 12px; + margin-left: 10px; + + .el-checkbox { + width: 80px; + padding: 0 10px; + } + + .el-select { + width: 120px; + } + &::v-deep .el-input__inner { + border: none; + // background-color: #09152f; + } + &:hover { + border: 1px solid #4b9bb7; + } + + &:hover .el-checkbox { + color: #4b9bb7; + } + } + } + + .pagination { + margin-top: 50px; + display: flex; + line-height: 50px; + justify-content: center; + + .el-pagination { + &::v-deep li, + &::v-deep .btn-prev, + &::v-deep .btn-next { + // background-color: #071f39; + color: #4b9bb7; + } + + &::v-deep .active { + background-color: #409eff; + color: #fff; + } + } + } + } .el-link { color: #4b9bb7; } -- Gitblit v1.8.0