月球大数据地理空间分析展示平台-【前端】-月球2期前端
src/views/layer/layerSet.vue
@@ -3,14 +3,21 @@
    <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>
@@ -27,7 +34,10 @@
            </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"
@@ -39,14 +49,33 @@
    </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>
@@ -55,8 +84,14 @@
              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>
@@ -67,10 +102,16 @@
            </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>
@@ -174,6 +215,7 @@
  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;
}