浏览代码

修改自定义模块

11wqe1 2 天之前
父节点
当前提交
ba0f3ee5e2
共有 1 个文件被更改,包括 78 次插入32 次删除
  1. 78 32
      src/views/kanBan/components/AschoolFeature.vue

+ 78 - 32
src/views/kanBan/components/AschoolFeature.vue

@@ -340,12 +340,17 @@
 						></div>
 					</div>
 					
-					<div>
+					<div v-if="userinfo.role == 1 && userinfo.type == 1" style="display: flex;gap: 10px;">
 						<img
-							v-if="userinfo.role == 1 && userinfo.type == 1"
 							class="topTitEdit"
 							@click="editregion(4,index)"
-							src="../../../assets/img/bianji.svg"
+							src="../../../assets/kanban/feaB.svg"
+							alt=""
+						/>
+						<img
+							@click="delTemFe(index)"
+							class="topTitEdit"
+							src="../../../assets/kanban/delK.svg"
 							alt=""
 						/>
 					</div>
@@ -359,7 +364,7 @@
 					}}
 				</div>
 				<!-- 内容区域  -->
-				<div class="featureAll">
+				<div class="featureAll" v-if="i.list.length">
 					<div class="featureCon2" v-for="(k, index) in i.list" :key="index+'a'">
 						<el-tooltip
 							class="item"
@@ -795,6 +800,7 @@
 					<!-- 自定义模块 isBtn === 4-->
 					<div
 						style="display: flex; flex-direction: column; gap: 10px"
+						v-if="isBtn === 4"
 					>
 						<!-- 模块名称 -->
 						<div style="background: #fff;border-radius: 10px;padding: 16px;box-sizing: border-box;">
@@ -1108,8 +1114,12 @@
 								v-model="i.name"
 							>
 							</el-input>
-
-							
+							<img
+								@click="delTemitem(index)"
+								class="topTitEdit"
+								src="../../../assets/kanban/delK.svg"
+								alt=""
+							/>
 						</div>
 						<div>
 							<el-input
@@ -1123,31 +1133,33 @@
 							</el-input>
 						</div>
 					</div>
-
+				</div>
+			</div>
+			
+			<div style="">
+				<div
+					@click="addtempitem"
+					style="
+						display: flex;
+						align-items: center;
+						padding: 10px 20px;
+						box-sizing: border-box;
+						cursor: pointer;
+					"
+				>
+					<img src="../../../assets/kanban/feaJ.svg" alt="" />
+					<span style="color: #0560fd">添加</span>
+				</div>
+				<div class="diaBtn" style="padding: 0 20px 10px !important">
+					<div style="color: #000" @click="handleClose">
+						取 消
+					</div>
 					<div
-						@click="addtempitem"
-						style="
-							display: flex;
-							align-items: center;
-							padding: 10px 20px;
-							box-sizing: border-box;
-							cursor: pointer;
-						"
+						type="primary"
+						style="background: #0663fe;color: #fff;"
+						@click="addTemp"
 					>
-						<img src="../../../assets/kanban/feaJ.svg" alt="" />
-						<span style="color: #0560fd">添加</span>
-					</div>
-					<div class="diaBtn" style="padding: 0 20px 10px !important">
-						<div style="color: #000" @click="handleClose">
-							取 消
-						</div>
-						<div
-							type="primary"
-							style="background: #0663fe;color: #fff;"
-							@click="addTemp"
-						>
-							确 定
-						</div>
+						确 定
 					</div>
 				</div>
 			</div>
@@ -1361,6 +1373,12 @@ export default {
 			if (this.hasEmptyData2(this.mouldD.list))
 					return this.$message.info("请填充空数据");
 			this.mouldD.list.push({name:'',bri:''})
+			setTimeout(() => {
+				document.querySelector("#bottomElement").scrollTo({
+					top: document.querySelector("#bottomElement").scrollHeight,
+					behavior: "smooth",
+				});
+			}, 0);
 		},
 		// 添加自定义模块
 		addTemp(){
@@ -1449,7 +1467,8 @@ export default {
 		handleClose() {
 			this.dialogVisible = false;
 			this.editVisible = false;
-			this.addTemVisible = false
+			this.addTemVisible = false;
+			this.TemNum = 0;
 			this.isBtn = -1;
 			this.appList = [];
 			this.editIndex = null;
@@ -1469,6 +1488,34 @@ export default {
 			}
 				
 		},
+		// 添加自定义模块弹框删除item
+		delTemitem(index){
+			this.$confirm("确定要删除吗?", "提示", {
+				confirmButtonText: "确定",
+				cancelButtonText: "取消",
+				type: "warning",
+			})
+				.then(() => {
+					this.mouldD.list.splice(index,1)
+				}).catch(() => {
+					// 用户点击“取消”后执行的操作
+					// this.$message.error('已取消删除');
+				});
+		},
+		delTemFe(index){
+			this.$confirm("确定要删除吗?", "提示", {
+				confirmButtonText: "确定",
+				cancelButtonText: "取消",
+				type: "warning",
+			})
+				.then(() => {
+					this.CampusF.customTemplate.splice(index,1)
+					this.setJson(0)
+				}).catch(() => {
+					// 用户点击“取消”后执行的操作
+					// this.$message.error('已取消删除');
+				});
+		},
 		// 删除
 		delFe(index) {
 			this.$confirm("确定要删除吗?", "提示", {
@@ -1485,10 +1532,9 @@ export default {
 					} else if (this.isBtn == 3) {
 						this.CampusF.appList.splice(index, 1);
 					} else if (this.isBtn == 4) {
-
 						this.CampusF.customTemplate[this.TemNum].list.splice(index, 1)
 					}
-					// this.setJson(0);
+					this.setJson(0);
 					// this.$message.success('删除成功!');
 				})
 				.catch(() => {