|
|
@@ -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;
|
lalala