通用版网格管理新增需求

This commit is contained in:
liuye
2022-03-11 09:09:17 +08:00
parent 1946978eca
commit ff2093c15d

View File

@@ -9,11 +9,11 @@
<div v-if="treeList.length > 0"> <div v-if="treeList.length > 0">
<div class="cards" v-for="(item, index) in treeList" :key="index"> <div class="cards" v-for="(item, index) in treeList" :key="index">
<div class="imges"> <div class="imges">
<span v-if="item.girdRight == 1 && item.girdLevel != 2"> <!-- <span v-if="item.girdRight == 1 && item.girdLevel != 2">
<img src="./components/img/xzh.png" alt="" class="imgselect" v-if="item.isChecked" @click.stop="girdClick(item, index)" /> <img src="./components/img/xzh.png" alt="" class="imgselect" v-if="item.isChecked" @click.stop="girdClick(item, index)" />
<img src="./components/img/xz.png" alt="" class="imgselect" v-else @click.stop="girdClick(item, index)" /> <img src="./components/img/xz.png" alt="" class="imgselect" v-else @click.stop="girdClick(item, index)" />
</span> </span>
<span v-else style="width:24px;"></span> <span v-else style="width:24px;"></span> -->
<img src="./components/img/gird--select-icon.png" alt="" class="avatras" /> <img src="./components/img/gird--select-icon.png" alt="" class="avatras" />
</div> </div>
<div class="rightes"> <div class="rightes">
@@ -29,9 +29,9 @@
</div> </div>
</div> </div>
<!-- <div style="padding-bottom: 70px;"></div> --> <!-- <div style="padding-bottom: 70px;"></div> -->
<div class="subBtn" @click="toAddGird" v-if="slectList.length && slectList[slectList.length-1].girdLevel != 1"> <!-- <div class="subBtn" @click="toAddGird" v-if="slectList.length && slectList[slectList.length-1].girdLevel != 1">
<div>添加网格</div> <div>添加网格</div>
</div> </div> -->
<u-popup v-model="show" mode="bottom" border-radius="14" height="1000"> <u-popup v-model="show" mode="bottom" border-radius="14" height="1000">
<div class="popup"> <div class="popup">
@@ -64,9 +64,10 @@
</div> </div>
</div> </div>
<div style="height:56px;"></div> <div style="height:56px;"></div>
<div class="btn" v-if="form.girdRight == 1"> <div class="btn">
<span class="del" @click="del">删除网格</span> <span class="del mar-r32" @click="del" v-if="form.girdRight == 1">删除网格</span>
<span class="edit" @click="edit">编辑网格</span> <span class="edit mar-r32" @click="edit" v-if="form.girdRight == 1">编辑网格</span>
<span class="edit" :class="form.girdRight == 1 ? '' : 'flex1'" v-if="form.girdLevel != 2" @click="toAddGird">添加下级网格</span>
</div> </div>
</div> </div>
</u-popup> </u-popup>
@@ -220,11 +221,13 @@ export default {
}, },
toAddGird() { toAddGird() {
if (this.setGird.id != null) { console.log(this.setGird)
uni.navigateTo({url: `./AddGird?id=${this.setGird.id}&fromType=add`}) // if (this.setGird.id != null) {
} else { // uni.navigateTo({url: `./AddGird?id=${this.setGird.id}&fromType=add`})
return this.$u.toast('请选择网格') // } else {
} // return this.$u.toast('请选择网格')
// }
uni.navigateTo({url: `./AddGird?id=${this.form.id}&fromType=add`})
} }
} }
} }
@@ -449,22 +452,26 @@ export default {
height: 92px; height: 92px;
line-height: 90px; line-height: 90px;
border-radius: 8px; border-radius: 8px;
font-size: 34px; font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
box-sizing: border-box; box-sizing: border-box;
text-align: center; padding: 0 28px;
} }
.del{ .del{
color: #f46; color: #f46;
border: 1px solid #f46; border: 1px solid #f46;
flex: 1;
margin-right: 32px;
} }
.edit{ .edit{
background-color: #3671EE; background-color: #3671EE;
color: #fff; color: #fff;
flex: 2; }
.mar-r32{
margin-right: 32px;
}
.flex1{
width: 100%;
text-align: center;
} }
} }
} }