综合展示图层管理图标切换

Surpriseplus

2023-02-14 c1514cfc69b679d05398bb1def6b24c772426aa0

 src/components/MapView/mapMenuPop.vue

@@ -64,7 +64,7 @@
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="listdata.pageIndex"
          :page-sizes="[10, 20, 30, 40]"
          :page-sizes="[10, 20, 50, 100]"
          :page-size="listdata.pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="pageCount"
@@ -140,7 +140,7 @@
          <el-form-item label="审核单位">
            <div>
              <ul>
                <li v-for="item in ruleForm.depname">
                <li v-for="item in ruleForm.depid">
                  {{item.name}}
                </li>
              </ul>
@@ -196,7 +196,7 @@
    ></iframe>
  </div>
</template>

 
<script>
import {
  dataQuery_selectByPage,
@@ -208,6 +208,7 @@
  dataQuery_selectDbOverflowDep,
  apply_insertApply,
  decr, encr,
  dataLib_selectDepsByIds,
} from "../../api/api.js";
import { getToken } from "@/utils/auth";
import $ from "jquery";
@@ -339,11 +340,21 @@
        this.insertFlag = 2;
        var std = [];
        this.insertOption.ids = data.result;
        var val = "";
        for (var i in data.result) {
          if (val == "") {
            val += "ids=" + data.result[i]
          } else {
            val += "&ids=" + data.result[i]
          }

          std.push({
            name: data.result[i]
          })
        }
        const data1 = await dataLib_selectDepsByIds(val);

        this.ruleForm.depid = data1.result;
        this.ruleForm.depname = std;
        this.ruleForm.wkt = decr(this.listdata.wkt)
        this.ruleForm.tabs = this.option;
@@ -410,7 +421,7 @@
          message: '数据申请成功',
          type: 'success'
        });
      

        this.closeDown();
      }

@@ -656,7 +667,7 @@
          var val = Cesium.Cartesian3.fromDegrees(
            res.coordinates[0],
            res.coordinates[1],
            1000
            200
          );
          this.$store.state.primitLayer.add({
            position: val,
@@ -737,7 +748,7 @@
  },
};
</script>

 
<style scoped lang="less">
.menuPop {
  width: 100%;
@@ -754,7 +765,6 @@
    float: left;
    border-right: 1px solid gray;
    li {
      color: white;
      line-height: 20px;
      border-bottom: 1px solid gray;
      padding: 5px;
@@ -778,7 +788,7 @@
    float: left;
    .rightTitle {
      padding: 5px;
      color: white;

      width: 100%;
    }
    .tableBox {
@@ -788,116 +798,18 @@
      margin-left: 50px;
      /*不可点击的*/
    }
    .pagination_box {
      position: absolute;
      bottom: 10px;
      /deep/.el-input__inner {
        background-color: transparent !important;
        border: 1px solid;
        color: white;
      }
      /deep/.el-pagination__total {
        color: white;
      }
      /deep/.el-pagination__jump {
        color: white;
      }
      /deep/.el-pager li.active {
        color: #409eff;
      }
      /deep/.el-pager li {
        color: white;
        background: transparent;
      }
      /deep/.el-pager li {
        color: white;
      }
      /deep/.btn-prev {
        background: transparent;
      }
      /deep/.btn-next {
        background: transparent;
      }
      /deep/.btn-next i {
        color: white;
      }
      /deep/.btn-prev i {
        color: white;
      }
    }

    .boxClose {
      float: right;
      margin-right: 20px;
      color: white;
    }
  }
  /deep/ .el-table {
    background-color: transparent;

    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }

    // 表头背景色
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }

    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }

    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }

    // 滚动条宽高
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }

    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 5px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 内阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

    /*定义滑块 内阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
}

li {
  color: white;
  line-height: 20px;
  border-bottom: 1px solid white;
  border-bottom: 1px solid gray;
  padding: 5px;
}
/deep/.el-textarea .el-input__count {
  background: transparent;
}
</style>
<style lang="less"></style>
<style scoped lang="less"></style>