From dcf9c9e0410fe1186239e3f8d6f7bdc789c08010 Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期三, 05 六月 2024 18:00:39 +0800
Subject: [PATCH] 1

---
 src/views/console/system/allocationDialog.vue |  204 ++++++++++++++++++++++++++++++++------------------
 1 files changed, 131 insertions(+), 73 deletions(-)

diff --git a/src/views/console/system/allocationDialog.vue b/src/views/console/system/allocationDialog.vue
index 50e8aeb..041fb0a 100644
--- a/src/views/console/system/allocationDialog.vue
+++ b/src/views/console/system/allocationDialog.vue
@@ -2,47 +2,44 @@
  * @Author: lzhe lzhe@example.com
  * @Date: 2024-03-26 10:28:33
  * @LastEditors: lzhe lzhe@example.com
- * @LastEditTime: 2024-03-29 15:35:43
+ * @LastEditTime: 2024-04-02 18:28:33
  * @FilePath: /smart-web/src/views/master/person/main/index.vue
  * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
-	<el-dialog title="瀛楀吀鍚嶇О瀛楀吀閰嶇疆" v-model="visible" :width="800" destroy-on-close @closed="$emit('closed')">
+	<el-dialog title="瀛楀吀鍚嶇О瀛楀吀閰嶇疆" v-model="visible" :width="1000" destroy-on-close @closed="$emit('closed')">
 		<div class="dict-main">
-			<el-form :inline="true" :model="searchData" abel-width="120px">
+			<el-form :inline="true" :model="searchData" label-width="80px">
 				<el-form-item label="瀛楀吀缂栧彿">
-					<el-input v-model="searchData.test" placeholder="瀛楀吀缂栧彿" clearable />
+					<el-input v-model="searchData.code" placeholder="瀛楀吀缂栧彿" clearable />
 				</el-form-item>
 				<el-form-item label="瀛楀吀鍚嶇О">
-					<el-select
-						v-model="searchData.test"
-						placeholder="瀛楀吀鍚嶇О"
-						clearable
-					>
-						<el-option label="Zone one" value="shanghai" />
-						<el-option label="Zone two" value="beijing" />
-					</el-select>
+					<el-input v-model="searchData.dictValue" placeholder="瀛楀吀鍚嶇О" clearable></el-input>
 				</el-form-item>
 				<el-form-item>
-					<el-button type="primary" @click="searchBtn">鎼滅储</el-button>
-					<el-button @click="searchBtn">娓呯┖</el-button>
+					<el-button type="primary" @click="searchModalclick">鎼滅储</el-button>
+					<el-button @click="searchClearModalBtn">娓呯┖</el-button>
 				</el-form-item>
 			</el-form>
 			<div>
 				<div class="dict-Btn">
 					<div class="dict-btn-bottom"> 
-						<el-button type="primary" @click="addPerson">+ 鏂板</el-button>
-						<el-button type="danger" plain @click="delPerson">鍒犻櫎</el-button>
+						<el-button type="primary" @click="addAllocation">+ 鏂板</el-button>
+						<el-button type="danger" plain @click="delAllocation">鍒犻櫎</el-button>
 					</div>
 				</div>
 				<div class="dict-table">
-					<el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="handleSelectionChange">
+					<el-table ref="modalTeTableRef" :data="allocationTableData" border style="width: 100%" class="modalTeTableRef" row-key="id" @selection-change="modalSelectionChange" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
 						<el-table-column type="selection" width="55" />
-						<el-table-column prop="date" label="瀛楀吀缂栧彿"></el-table-column>
-						<el-table-column prop="name" label="瀛楀吀鍚嶇О"></el-table-column>
-						<el-table-column prop="name" label="瀛楀吀鎺掑簭"></el-table-column>
-						<el-table-column prop="name" label="灏佸瓨"></el-table-column>
-						<el-table-column fixed="right" label="鎿嶄綔">
+						<el-table-column prop="code" label="瀛楀吀缂栧彿" width="220"></el-table-column>
+						<el-table-column prop="dictValue" label="瀛楀吀鍚嶇О"></el-table-column>
+						<el-table-column prop="dictKey" label="瀛楀吀閿��"></el-table-column>
+						<el-table-column prop="isSealed" label="灏佸瓨" width="60">
+							<template #default="scope">
+								<div>{{scope.row.isSealed == 0?"鍚�":"鏄�"}}</div>
+							</template>
+						</el-table-column>
+						<el-table-column fixed="right" label="鎿嶄綔" width="160">
 							<template #default="scope">
 								<el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">鏌ョ湅</el-button>
 								<el-button type="text" size="small" @click="table_edit(scope.row, scope.$index)">缂栬緫</el-button>
@@ -55,15 +52,15 @@
 						@size-change="handleSizeChange"
 						@current-change="handleCurrentChange"
 						:current-page="currentPage4"
-						:page-sizes="[100, 200, 300, 400]"
-						:page-size="100"
+						:page-sizes="[15, 50, 100]"
+						:page-size="15"
 						layout="total, sizes, prev, pager, next, jumper"
 						:total="400">
 					</el-pagination>
 				</div>
 			</div>
 		</div>
-		<SubitemAdd-dict v-if="dialog.save" ref="SubitemAddDict" @success="handleSuccess" @closed="dialog.allocation=false"></SubitemAdd-dict>
+		<SubitemAdd-dict v-if="dialog.allocation" ref="SubitemAddDict" @success="allocationSuccess" @closed="dialog.allocation=false"></SubitemAdd-dict>
 	</el-dialog>
 	
 </template>
@@ -73,12 +70,19 @@
 		emits: ['success', 'closed'],
 		data(){
 			return {
+				oldRow: {},
+				selection: [],
+				mode: "edit",
 				visible: false,
 				searchData: {
-					test: ""
+					code: "",
+					dictValue: "",
+					current: "1",
+					size: "15",
+					parentId: ""
 				},
 				dialog: {
-					save: false
+					allocation: false
 				},
 				leftActive: true,
 				input: '',
@@ -87,82 +91,123 @@
 					label: '榛勯噾绯�'
 				}],
 				input3: '',
-				tableData: [{
-					date: '2016-05-02',
-					name: '鐜嬪皬铏�',
-					province: '涓婃捣',
-					city: '鏅檧鍖�',
-					address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
-					zip: 200333
-					}, {
-					date: '2016-05-04',
-					name: '鐜嬪皬铏�',
-					province: '涓婃捣',
-					city: '鏅檧鍖�',
-					address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�',
-					zip: 200333
-					}, {
-					date: '2016-05-01',
-					name: '鐜嬪皬铏�',
-					province: '涓婃捣',
-					city: '鏅檧鍖�',
-					address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�',
-					zip: 200333
-					}, {
-					date: '2016-05-03',
-					name: '鐜嬪皬铏�',
-					province: '涓婃捣',
-					city: '鏅檧鍖�',
-					address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�',
-					zip: 200333
-				}]
+				allocationTableData: [],
 			}
 		},
 		created(){
 			
 		},
 		mounted(){
-			
 		},
 		components: {
 			SubitemAddDict
 		},
 		methods: {
-			//鏄剧ず
-			open(mode='add'){
-				this.mode = mode;
-				this.visible = true;
-				return this
+			allocationSuccess(val) {
+				this.searchBtn();
 			},
-			searchBtn() {},
+			searchModalclick() {
+				this.searchData.current = "1";
+				this.searchData.size = "15";
+				this.searchBtn();
+			},
+			searchClearModalBtn() {
+				this.searchData.current = "1";
+				this.searchData.size = "15";
+				this.searchData.code = "";
+				this.searchData.dictValue = "";
+				this.searchBtn();
+			},
+			searchBtn() {
+				this.$HTTP.get("/api/blade-system/dict/child-list",this.searchData).then(res=> {
+					if(res.code == 200) {
+						this.allocationTableData = res.data;
+						//this.total = res.data.total;
+					}
+				})
+			},
 			//瀛楀吀閰嶇疆
 			table_allocation(row) {
-				this.addPerson();
+				this.addAllocation(row,"subitem");
+			},
+			showDict() {
+				this.$HTTP.get("/api/blade-system/dict/tree?code=DICT").then(res=> {
+					if(res.code == 200) {
+						res.data.forEach(item=> {
+							if(item.id == this.addAllocationForm.parentId) {
+								this.addAllocationForm.$parentId = item.title;
+							}
+						})
+						this.parentData = res.data;
+					}
+				})
 			},
 			//鍒犻櫎
-			table_del(row) {},
+			table_del(row) {
+				var that = this;
+				this.$confirm(`纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎?`, '', {
+					type: 'warning'
+				}).then(() => {
+					this.$HTTP.post("/api/blade-system/dict/remove?ids="+row.id).then(res=> {
+						if(res.code == 200) {
+							that.$message.success("鎿嶄綔鎴愬姛");
+							that.searchBtn();
+						}
+					})
+				}).catch(() => {
+
+				})
+			},
 			//娣诲姞
-			addPerson(){
-				this.dialog.save = true
+			addAllocation(row,type){
+				this.dialog.allocation = true;
 				this.$nextTick(() => {
-					this.$refs.SubitemAddDict.open()
+					if(type == "subitem") {  //娣诲姞瀛愰」
+						this.$refs.SubitemAddDict.open('edit').setData(row)
+					}else {
+						this.$refs.SubitemAddDict.open('edit').setData(this.oldRow)
+					}
 				})
 			},
 			table_edit(row){
-				this.dialog.save = true
+				this.dialog.allocation = true
+				row.mode = "edit";
 				this.$nextTick(() => {
 					this.$refs.SubitemAddDict.open('edit').setData(row)
 				})
 			},
 			//鏌ョ湅
 			table_show(row){
-				this.dialog.save = true
+				this.dialog.allocation = true
+				row.mode = "show";
 				this.$nextTick(() => {
 					this.$refs.SubitemAddDict.open('show').setData(row)
 				})
 			},
-			handleSelectionChange() {},
-			delPerson() {},
+			modalSelectionChange(selection) {
+				this.selection = selection;
+			},
+			delAllocation() {
+				if(this.selection.length == 0) {
+					this.$message({
+			          message: '璇烽�夋嫨鑷冲皯涓�鏉℃暟鎹�',
+			          type: 'warning'
+			        });
+			        return;
+				}
+				var selStr = "";
+				this.selection.map(item=> {
+					selStr += item.id + ","
+				})
+				selStr = selStr.replace(/,$/, '');
+				var that = this;
+				this.$HTTP.post("/api/blade-system/dict/remove?ids="+selStr).then(res=> {
+					if(res.code == 200) {
+						that.$message.success("鎿嶄綔鎴愬姛");
+						that.searchModalclick();
+					}
+				})
+			},
 			changeDepartment() {
 				this.departmentVisible = true;
 			},
@@ -178,6 +223,19 @@
 			},
 			handleCurrentChange(val) {
 				console.log(`褰撳墠椤�: ${val}`);
+			},
+			//琛ㄥ崟娉ㄥ叆鏁版嵁
+			setData(row){
+				//鍙互鍜屼笂闈竴鏍峰崟涓敞鍏ワ紝涔熷彲浠ュ儚涓嬮潰涓�鏍风洿鎺ュ悎骞惰繘鍘�
+				this.searchData.parentId = row.id;
+				this.oldRow = row;
+				this.searchBtn();
+			},
+			//鏄剧ず
+			open(mode='add'){
+				this.mode = mode;
+				this.visible = true;
+				return this
 			}
 		}
 	}
@@ -212,7 +270,7 @@
 		margin-bottom: 8px;
 		
 	}
-	.multipleTableRef {
+	.modalTeTableRef {
 		margin-bottom: 8px;
 	}
 </style>
\ No newline at end of file

--
Gitblit v1.9.3