| | |
| | | <div class="layerBox"> |
| | | <div class="layerTitle"> |
| | | <div class="tileLeft"> |
| | | <div class="titleImg" @click="editState"> |
| | | <div |
| | | class="titleImg" |
| | | @click="editState" |
| | | > |
| | | <ArrowLeft /> |
| | | </div> |
| | | <div class="titleLable">图层编辑</div> |
| | | </div> |
| | | </div> |
| | | <div class="layerContent"> |
| | | <div class="contentBox" v-for="(item, i) in menuOption" :key="i"> |
| | | <div |
| | | class="contentBox" |
| | | v-for="(item, i) in menuOption" |
| | | :key="i" |
| | | > |
| | | <div class="contentTile"> |
| | | <div class="contentLeft"> |
| | | <div class="contentImg"></div> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="content" v-show="item.isShow"> |
| | | <div |
| | | class="content" |
| | | v-show="item.isShow" |
| | | > |
| | | <div |
| | | class="layer_box" |
| | | v-for="(v, k) in item.children" |
| | |
| | | </div> |
| | | <div class="edit_box"> |
| | | <div class="edit_box_btn btnstyle"> |
| | | <el-button type="primary" :icon="Plus">新增同级</el-button> |
| | | <el-button type="primary" :icon="Plus">新增子级</el-button> |
| | | <el-button type="primary" :icon="Delete" class="delbtn">删除</el-button> |
| | | <el-button type="primary" :icon="Top">向上移动</el-button> |
| | | <el-button type="primary" :icon="Bottom">向下移动</el-button> |
| | | <el-button |
| | | type="primary" |
| | | :icon="Plus" |
| | | >新增同级</el-button> |
| | | <el-button |
| | | type="primary" |
| | | :icon="Plus" |
| | | >新增子级</el-button> |
| | | <el-button |
| | | type="primary" |
| | | :icon="Delete" |
| | | class="delbtn" |
| | | >删除</el-button> |
| | | <el-button |
| | | type="primary" |
| | | :icon="Top" |
| | | >向上移动</el-button> |
| | | <el-button |
| | | type="primary" |
| | | :icon="Bottom" |
| | | >向下移动</el-button> |
| | | </div> |
| | | <div class="edit_box_form"> |
| | | <el-form :model="form" label-width="120px"> |
| | | <el-form |
| | | :model="form" |
| | | label-width="120px" |
| | | > |
| | | <el-form-item label="Activity name"> |
| | | <el-input v-model="form.name" /> |
| | | </el-form-item> |
| | |
| | | v-model="form.region" |
| | | placeholder="please select your zone" |
| | | > |
| | | <el-option label="Zone one" value="shanghai" /> |
| | | <el-option label="Zone two" value="beijing" /> |
| | | <el-option |
| | | label="Zone one" |
| | | value="shanghai" |
| | | /> |
| | | <el-option |
| | | label="Zone two" |
| | | value="beijing" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="Activity form"> |
| | | <el-input v-model="form.desc" type="textarea" /> |
| | | <el-input |
| | | v-model="form.desc" |
| | | type="textarea" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="onSubmit">Create</el-button> |
| | | <el-button |
| | | type="primary" |
| | | @click="onSubmit" |
| | | >Create</el-button> |
| | | <el-button>Cancel</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | transform: translateX(-50%); |
| | | transform: translateY(-50%); |
| | | background: rgba(7, 8, 14, 0.8); |
| | | box-shadow: inset 0px 10px 40px 10px rgba(38, 47, 71, 1); |
| | | border: 1px solid #d6e4ff; |
| | | z-index: 10; |
| | | } |