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/configuration/custom/setField.vue |   66 ++++++++++++++++++++++++++++++--
 1 files changed, 61 insertions(+), 5 deletions(-)

diff --git a/src/views/configuration/custom/setField.vue b/src/views/configuration/custom/setField.vue
index 3d88e3c..3895381 100644
--- a/src/views/configuration/custom/setField.vue
+++ b/src/views/configuration/custom/setField.vue
@@ -2,33 +2,83 @@
  * @Author: lzhe lzhe@example.com
  * @Date: 2024-03-26 10:28:33
  * @LastEditors: lzhe lzhe@example.com
- * @LastEditTime: 2024-05-13 11:39:54
+ * @LastEditTime: 2024-05-29 15:24:20
  * @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>
 	<div class="aposcope-main">
-	    123
+	    <div class="title">{{$route.query.type == 1?"璁″垝":"浜у搧"}}瀛楁</div>
+		<el-button type="primary" @click="addField" style="margin: 4px 0px 10px;">娣诲姞鑷畾涔夊瓧娈�</el-button>
+		<div class="field-table">
+			<el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef">
+				<el-table-column prop="fieldName" label="瀛楁鍚�"></el-table-column>
+				<el-table-column prop="fieldDescription" label="鎻愮ず鏂囧瓧"></el-table-column>
+				<el-table-column prop="fieldTypeLabel" label="瀛楁绫诲瀷"></el-table-column>
+				<el-table-column prop="systemFieldLabel" label="鍩虹瀛楁"></el-table-column>
+				<el-table-column fixed="right" label="鎿嶄綔">
+					<template #default="scope">
+						<el-button type="text" size="small" @click="table_edit(scope.row, scope.$index)">缂栬緫</el-button>
+						<el-button text type="primary" :disabled="scope.row.systemFieldLabel == '鏄�'?true: false" size="small" @click="table_del(scope.row, scope.$index)">鍒犻櫎</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+		</div>
 	</div>
+	<save-dialog v-if="dialog.save" ref="saveDialog" @success="addFieldSuccess" @closed="dialog.save=false"></save-dialog>
 </template>
 <script>
+	import saveDialog from './addField'
 	export default {
 		name: "custom",
 		data(){
 			return {
-				
+				tableData: [],
+				dialog: {
+					save: false
+				}
 			}
 		},
 		created(){
 			
 		},
 		mounted(){
-			//this.getMenuList();
+			this.getTableData();
 		},
 		components: {
-
+			saveDialog
 	    },
 		methods: {
+			addFieldSuccess() {
+				this.getTableData();
+			},
+			addField() {
+				this.dialog.save = true;
+				this.$nextTick(() => {
+					this.$refs.saveDialog.open()
+				})
+			},
+			table_edit(row) {
+				this.dialog.save = true;
+				this.$nextTick(() => {
+					this.$refs.saveDialog.open('edit').setData(row);
+				})
+			},
+			table_del(row) {
+				this.$HTTP.delete(`/api/blade-system/custom-template-field/remove`,[row.id]).then(res=> {
+					if(res.code == 200) {
+						this.$message.success("鎿嶄綔鎴愬姛");
+						this.getTableData();
+					}
+				})
+			},
+			getTableData() {
+				this.$HTTP.get(`/api/blade-system/custom-template-field/list?businessType=${this.$route.query.type}`).then(res=> {
+					if(res.code == 200) {
+						this.tableData = res.data;
+					}
+				})
+			}
 		}
 	}
 </script>
@@ -40,4 +90,10 @@
 	padding:20px;
 	background: #fff;
 }
+.title {
+	font-size: 16px;
+    font-weight: 700;
+    margin: 0px 0px 14px;
+    color: #000;
+}
 </style>

--
Gitblit v1.9.3