update

admin-update/src/views/setting/wx-menu.vue

@@ -29,36 +29,38 @@
 			<!-- 编辑块 -->
 			<template v-if="addDialog">
 				<div class="ad-modal-content">
-					<el-form :model="form" :rules="rule" ref="form" label-width="100px" class="demo-form">
-						<el-form-item label="名称" prop="name">
-							<el-input v-model="form.name" placeholder="请输入菜单名称" size="small"></el-input>
-						</el-form-item>
-						<template v-if="!isModifyParents">
-							<el-form-item label="选项" prop="menuOption">
-								<el-radio-group v-model="form.menuOption" :disabled="isModifyParents">
-									<el-radio label="0">常用网址</el-radio>
-									<el-radio label="1">自定义网址</el-radio>
-								</el-radio-group>
+					<div class="ad-modal-wrap">
+						<el-form :model="form" :rules="rule" ref="form" label-width="100px" class="demo-form">
+							<el-form-item label="名称" prop="name">
+								<el-input v-model="form.name" placeholder="请输入菜单名称" size="small"></el-input>
 							</el-form-item>
-							<el-form-item label>
-								<template v-if="form.menuOption == 0">
-									<!-- <div> -->
-									<el-radio-group v-model="form.targetId" size="mini" :disabled="isModifyParents">
-										<el-radio v-for="(item, index) in commonUrlData" :key="index" border :label="item.id">{{ item.name }}</el-radio>
+							<template v-if="!isModifyParents">
+								<el-form-item label="选项" prop="menuOption">
+									<el-radio-group v-model="form.menuOption" :disabled="isModifyParents">
+										<el-radio label="0">常用网址</el-radio>
+										<el-radio label="1">自定义网址</el-radio>
 									</el-radio-group>
-									<!-- </div> -->
-								</template>
-								<template v-else>
-									<div>
-										<el-input v-model="form.replyUrl" placeholder="请填写链接，留空点图片不跳转" size="small" :disabled="isModifyParents"></el-input>
-									</div>
-								</template>
-							</el-form-item>
-						</template>
-					</el-form>
-					<div class="dialog-footer">
-						<el-button @click="resetForm" size="small">取 消</el-button>
-						<el-button type="primary" @click="confirmForm" size="small">提交生效</el-button>
+								</el-form-item>
+								<el-form-item label>
+									<template v-if="form.menuOption == 0">
+										<!-- <div> -->
+										<el-radio-group v-model="form.targetId" size="mini" :disabled="isModifyParents">
+											<el-radio v-for="(item, index) in commonUrlData" :key="index" border :label="item.id">{{ item.name }}</el-radio>
+										</el-radio-group>
+										<!-- </div> -->
+									</template>
+									<template v-else>
+										<div>
+											<el-input v-model="form.replyUrl" placeholder="请填写链接，留空点图片不跳转" size="small" :disabled="isModifyParents"></el-input>
+										</div>
+									</template>
+								</el-form-item>
+							</template>
+						</el-form>
+						<div class="dialog-footer">
+							<el-button @click="resetForm" size="small">取 消</el-button>
+							<el-button type="primary" @click="confirmForm" size="small">提交生效</el-button>
+						</div>
 					</div>
 				</div>
 			</template>
@@ -171,7 +173,7 @@
 				// this.dialogData = this.menuData[3].children[index];
 				this.addDialog = true;
 				if (this.$refs['form']) {
-					console.log('asdf')
+					console.log('asdf');
 					this.$refs['form'].resetFields();
 				}
 			},
@@ -190,8 +192,8 @@
 				// }
 			},
 			closeOptionFn() {
-				this.closeOperate()
-				this.resetForm()
+				this.closeOperate();
+				this.resetForm();
 			},
 			// modal
 			confirmForm() {
@@ -199,7 +201,7 @@
 
 				if (this.isModifyParents) {
 					// 如果是父菜单操作时
-					this.menuData[this.activeIndex].name = form.name
+					this.menuData[this.activeIndex].name = form.name;
 				} else {
 					// 如果是子菜单操作时
 					if (this.isAdd) {
@@ -292,6 +294,14 @@
 	}
 	// 编辑块
 	.ad-modal-content {
+		width: 640px;
+		height: 620px;
+		border: 20px solid #f7f7f7;
+		// border-top: 0;
+		padding-top: 20px;
+		display: flex;
+		align-items: center;
+
 		padding: 20px;
 		.dialog-footer {
 			display: flex;