图层管理修改

Surpriseplus

2023-07-20 775efbce06aa82f3d7273be398a417c1d143b513

 src/views/datamanage/layerManagement.vue

@@ -58,7 +58,7 @@
                  >{{ $t("shuJuGuanLi.butten.NewPeer") }}</el-button>
                </el-form-item>
                <!-- 子级节点添加 -->
                <el-form-item v-show="menuStatus.insert">
                <el-form-item v-show="menuStatus.insert && formInline.type == 1">
                  <el-button
                    type="success"
                    size="small"
@@ -108,40 +108,70 @@
            <!-- 菜单名称 -->
            <el-form-item :label="$t('dataManage.layerObj.layerName')">
              <el-input
                :placeholder="$t('dataManage.layerObj.prompt1')"
                style="width: 60%;"
                style="width: 80%;"
                v-model="formInline.cnName"
               
                :placeholder="$t('dataManage.layerObj.prompt1')"
              ></el-input>
            </el-form-item>
            <!-- 英文名称 -->
            <el-form-item :label="$t('dataManage.layerObj.englishName')">
              <el-input
                style="width: 80%;"
                v-model="formInline.enName"
                :placeholder="$t('dataManage.layerObj.prompt6')"
              ></el-input>
            </el-form-item>
            <!-- 菜单类型 -->
            <el-form-item :label="$t('dataManage.layerObj.layerType')">
              <el-select
                :placeholder="$t('dataManage.layerObj.prompt2')"
                clearable
                style="width: 60%;"
                style="width: 80%;"
                v-model="formInline.type"
               
                :placeholder="$t('dataManage.layerObj.prompt2')"
              >
                <el-option
                  label="目录"
                  value='1'
                  label="图层组"
                  :value='1'
                ></el-option>
                <el-option
                  label="图层"
                  value='2'
                  label="普通图层"
                  :value='2'
                ></el-option>
                <el-option
                  label="代理图层"
                  :value='3'
                ></el-option>
              </el-select>
            </el-form-item>
            <!-- 数据类型 -->
            <el-form-item
              v-show="formInline.type ===  2 || formInline.type === 3 "
              :label="$t('dataManage.layerObj.firm')"
            >
              <el-select
                clearable
                style="width: 80%;"
                v-model="formInline.firm"
                :placeholder="$t('dataManage.layerObj.prompt8')"
              >
                <el-option
                  v-for="item in dataType"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
            <!-- 服务类型 -->
            <el-form-item
              v-show="formInline.type == 2"
              v-show="formInline.type ===  2 || formInline.type === 3 "
              :label="$t('dataManage.layerObj.serviceType')"
            >
              <el-select
                clearable
                style="width: 60%;"
                v-model="formInline.serveType"
                style="width: 80%;"
                v-model="formInline.category"
                :placeholder="$t('dataManage.layerObj.prompt3')"
              >
                <el-option
@@ -155,77 +185,83 @@
            </el-form-item>
            <!-- 服务地址 -->
            <el-form-item
              v-show="formInline.type == 2"
              v-show="formInline.type ===  2 || formInline.type === 3 "
              :label="$t('dataManage.layerObj.serviceAddress')"
            >
              <el-input
                :placeholder="$t('dataManage.layerObj.prompt4')"
                style="width: 60%;"
                style="width: 80%;"
                v-model="formInline.url"
              ></el-input>
            </el-form-item>
            <!-- 英文表名 -->
            <!-- 测试地址 -->
            <el-form-item
              v-show="formInline.type == 2 && formInline.serveType =='WMS'"
              :label="$t('dataManage.layerObj.enTableName')"
              v-show="formInline.type ===  2 || formInline.type === 3 "
              :label="$t('dataManage.layerObj.testAddress')"
            >
              <el-input
                :placeholder="$t('dataManage.layerObj.prompt6')"
                style="width: 60%;"
                v-model="formInline.enName"
                :placeholder="$t('dataManage.layerObj.prompt9')"
                style="width: 80%;"
                v-model="formInline.test"
              ></el-input>
            </el-form-item>
            <!-- 数据类型 -->
            <el-form-item :label="$t('dataManage.layerObj.dataType')">
              <el-select
                clearable
                style="width: 60%;"
                v-model="formInline.dataType"
                :placeholder="$t('dataManage.layerObj.prompt8')"
              >
                <el-option
                  v-for="item in dataType"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            <!-- 代理地址 -->
            <el-form-item
              v-show="formInline.type ===  2 || formInline.type === 3 "
              :label="$t('dataManage.layerObj.proxyAddress')"
            >
              <el-input
                :disabled="!formInline.proxy"
                :placeholder="$t('dataManage.layerObj.prompt11')"
                style="width: 80%;"
                :value="formInline.proxy"
              ></el-input>
            </el-form-item>
            <!-- 英文表名 -->
            <!-- <el-form-item :label="$t('dataManage.layerObj.enTableName')">
            <el-input
              :placeholder="$t('dataManage.layerObj.prompt6')"
              style="width: 80%;"
              v-model="insertData.enName"
            ></el-input>
          </el-form-item> -->

            <!-- 是否显示 -->
            <el-form-item
              v-show="formInline.type == 2"
              :label="$t('dataManage.layerObj.displayOrNot')"
              v-show="formInline.type ===  2 || formInline.type === 3 "
              :label="$t('dataManage.layerObj.status')"
            >
              <el-radio
                v-model="formInline.isShow"
                label="0"
              > {{$t('dataManage.layerObj.isfalse')}}</el-radio>
                v-model="formInline.status"
                :label="0"
              > {{$t('dataManage.layerObj.isStop')}}</el-radio>
              <el-radio
                v-model="formInline.isShow"
                label="1"
              >{{$t('dataManage.layerObj.istrue')}}</el-radio>
                v-model="formInline.status"
                :label="1"
              >{{$t('dataManage.layerObj.isEnable')}}</el-radio>
              <el-radio
                v-model="formInline.status"
                :label="-1"
              >{{$t('dataManage.layerObj.isDisuse')}}</el-radio>
            </el-form-item>
            <!-- 是否为项目数据 -->
            <el-form-item
              v-show="formInline.type == 2"
              :label="$t('dataManage.layerObj.isItProjectData')"
            >
              <el-radio
                v-model="formInline.isProject"
                label="0"
              > {{$t('dataManage.layerObj.isfalse')}}</el-radio>
              <el-radio
                v-model="formInline.isProject"
                label="1"
              >{{$t('dataManage.layerObj.istrue')}}</el-radio>
            </el-form-item>
            <!-- <el-form-item :label="$t('dataManage.layerObj.isItProjectData')">
            <el-radio
              v-model="insertData.isProject"
              label="0"
            > {{$t('dataManage.layerObj.isfalse')}}</el-radio>
            <el-radio
              v-model="insertData.isProject"
              label="1"
            >{{$t('dataManage.layerObj.istrue')}}</el-radio>
          </el-form-item> -->
            <!-- 描述 -->
            <el-form-item :label="$t('common.bak')">
            <el-form-item :label="$t('dataManage.layerObj.descr')">
              <el-input
                style="width: 60%;"
                v-model="formInline.bak"
                :placeholder="$t('dataManage.layerObj.prompt7')"
                :placeholder="$t('dataManage.layerObj.prompt10')"
                style="width: 80%;"
                v-model="formInline.descr"
                type="textarea"
              ></el-input>
            </el-form-item>
            <el-form-item v-show="menuStatus.update">
@@ -263,6 +299,14 @@
              :placeholder="$t('dataManage.layerObj.prompt1')"
            ></el-input>
          </el-form-item>
          <!-- 英文名称 -->
          <el-form-item :label="$t('dataManage.layerObj.englishName')">
            <el-input
              style="width: 80%;"
              v-model="insertData.enName"
              :placeholder="$t('dataManage.layerObj.prompt6')"
            ></el-input>
          </el-form-item>
          <!-- 菜单类型 -->
          <el-form-item :label="$t('dataManage.layerObj.layerType')">
            <el-select
@@ -272,24 +316,48 @@
              :placeholder="$t('dataManage.layerObj.prompt2')"
            >
              <el-option
                label="目录"
                value='1'
                label="图层组"
                :value='1'
              ></el-option>
              <el-option
                label="图层"
                value='2'
                label="普通图层"
                :value='2'
              ></el-option>
              <el-option
                label="代理图层"
                :value='3'
              ></el-option>
            </el-select>
          </el-form-item>
          <!-- 数据类型 -->
          <el-form-item
            v-show="insertData.type === 2 || insertData.type === 3"
            :label="$t('dataManage.layerObj.firm')"
          >
            <el-select
              clearable
              style="width: 80%;"
              v-model="insertData.firm"
              :placeholder="$t('dataManage.layerObj.prompt8')"
            >
              <el-option
                v-for="item in dataType"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <!-- 服务类型 -->
          <el-form-item
            v-show="insertData.type == 2"
            v-show="insertData.type === 2 || insertData.type === 3"
            :label="$t('dataManage.layerObj.serviceType')"
          >
            <el-select
              clearable
              style="width: 80%;"
              v-model="insertData.serveType"
              v-model="insertData.category"
              :placeholder="$t('dataManage.layerObj.prompt3')"
            >
              <el-option
@@ -303,7 +371,7 @@
          </el-form-item>
          <!-- 服务地址 -->
          <el-form-item
            v-show="insertData.type == 2"
            v-show="insertData.type === 2 || insertData.type === 3"
            :label="$t('dataManage.layerObj.serviceAddress')"
          >
            <el-input
@@ -312,53 +380,45 @@
              v-model="insertData.url"
            ></el-input>
          </el-form-item>
          <!-- 英文表名 -->
          <el-form-item
            v-show="insertData.type == 2 && insertData.serveType =='WMS'"
            :label="$t('dataManage.layerObj.enTableName')"
            v-show="insertData.type === 2 || insertData.type === 3"
            :label="$t('dataManage.layerObj.testAddress')"
          >
            <el-input
              :placeholder="$t('dataManage.layerObj.prompt9')"
              style="width: 80%;"
              v-model="insertData.test"
            ></el-input>
          </el-form-item>
          <!-- 英文表名 -->
          <!-- <el-form-item :label="$t('dataManage.layerObj.enTableName')">
            <el-input
              :placeholder="$t('dataManage.layerObj.prompt6')"
              style="width: 80%;"
              v-model="insertData.enName"
            ></el-input>
          </el-form-item>
          <!-- 数据类型 -->
          <el-form-item :label="$t('dataManage.layerObj.dataType')">
            <el-select
              clearable
              style="width: 80%;"
              v-model="insertData.dataType"
              :placeholder="$t('dataManage.layerObj.prompt8')"
            >
              <el-option
                v-for="item in dataType"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          </el-form-item> -->

          <!-- 是否显示 -->
          <el-form-item
            v-show="insertData.type == 2"
            :label="$t('dataManage.layerObj.displayOrNot')"
            v-show="insertData.type === 2 || insertData.type === 3"
            :label="$t('dataManage.layerObj.status')"
          >
            <el-radio
              v-model="insertData.isShow"
              label="0"
            > {{$t('dataManage.layerObj.isfalse')}}</el-radio>
              v-model="insertData.status"
              :label="0"
            > {{$t('dataManage.layerObj.isStop')}}</el-radio>
            <el-radio
              v-model="insertData.isShow"
              label="1"
            >{{$t('dataManage.layerObj.istrue')}}</el-radio>
              v-model="insertData.status"
              :label="1"
            >{{$t('dataManage.layerObj.isEnable')}}</el-radio>
            <el-radio
              v-model="insertData.status"
              :label="-1"
            >{{$t('dataManage.layerObj.isDisuse')}}</el-radio>
          </el-form-item>
          <!-- 是否为项目数据 -->
          <el-form-item
            v-show="insertData.type == 2"
            :label="$t('dataManage.layerObj.isItProjectData')"
          >
          <!-- <el-form-item :label="$t('dataManage.layerObj.isItProjectData')">
            <el-radio
              v-model="insertData.isProject"
              label="0"
@@ -367,14 +427,14 @@
              v-model="insertData.isProject"
              label="1"
            >{{$t('dataManage.layerObj.istrue')}}</el-radio>
          </el-form-item>
          </el-form-item> -->
          <!-- 描述 -->
          <el-form-item :label="$t('common.bak')">
          <el-form-item :label="$t('dataManage.layerObj.descr')">
            <el-input
              :placeholder="$t('dataManage.layerObj.prompt7')"
              :placeholder="$t('dataManage.layerObj.prompt10')"
              style="width: 80%;"
              v-model="insertData.bak"
        
              v-model="insertData.descr"
              type="textarea"
            ></el-input>
          </el-form-item>
          <el-form-item v-show="menuStatus.update">
@@ -386,6 +446,7 @@
            <el-button
              type="info"
              size="small"
              @click="cannelForm( )"
            >{{$t('common.cancel')}}</el-button>
          </el-form-item>

@@ -398,11 +459,11 @@
import MyBread from "../../components/MyBread.vue";
import {
  getPerms,
  layer_selectAll,
  layer_update,
  layer_updates,
  layer_insert,
  layer_delete
  res_selectAll,
  res_insert,
  res_delete,
  res_updates,
  res_update,
} from "../../api/api";
import $ from 'jquery'
import { getToken } from '../../utils/auth';
@@ -486,11 +547,18 @@
                arr.push(res);
              }
            });
            var token = getToken();
            if (arr[1].proxy && arr[1].proxy.indexOf(token) > -1) {
              arr[1].proxy.replace(token, "{token}")
            }

            const orderNum = arr[1].orderNum
            arr[1].orderNum = arr[0].orderNum
            arr[0].orderNum = orderNum
            if (arr[0].proxy && arr[0].proxy.indexOf(token) > -1) {
              arr[0].proxy.replace(token, "{token}")
            }

            const orderNum = arr[1].sort
            arr[1].sort = arr[0].sort
            arr[0].sort = orderNum
            this.newData = arr;
            this.sendChange();
          } else {
@@ -517,9 +585,18 @@
                arr.push(res);
              }
            });
            const orderNum = arr[1].orderNum
            arr[1].orderNum = arr[0].orderNum
            arr[0].orderNum = orderNum
            var token = getToken();
            if (arr[1].proxy && arr[1].proxy.indexOf(token) > -1) {
              arr[1].proxy.replace(token, "{token}")
            }

            if (arr[0].proxy && arr[0].proxy.indexOf(token) > -1) {
              arr[0].proxy.replace(token, "{token}")
            }

            const orderNum = arr[1].sort
            arr[1].sort = arr[0].sort
            arr[0].sort = orderNum
            this.newData = arr;
            this.sendChange();
          } else {
@@ -532,7 +609,7 @@
      }
    },
    async sendChange() {
      const data = await layer_updates(this.newData)
      const data = await res_updates(this.newData)
      if (data.code != 200) {
        return this.$message.error("移动失败");
      }
@@ -540,7 +617,7 @@
    },

    async setDeleteNode() {
      const data = await layer_delete({ id: this.formInline.id });
      const data = await res_delete({ id: this.formInline.id });
      if (data.code != 200) {
        return this.$message.error("删除失败");
      }
@@ -562,7 +639,7 @@
      var val = this.insertData;
      val.isShow = parseInt(val.isShow);
      val.isProject = parseInt(val.isProject);
      const data = await layer_insert(val);
      const data = await res_insert(val);
      if (data.code != 200) {
        return this.$message.error("新增失败");
      }
@@ -594,14 +671,18 @@
      }
      this.insertData.pid = id;
      this.insertData.level = lever;
      this.insertData.orderNum = orderNum;
      this.insertData.sort = orderNum;
      this.dialogVisible = true;
    },
    cannelForm() {
      this.dialogVisible = false;
      this.insertData = {}
    },
    getMaxOrderNum(res) {
      var val = -100;
      var val = 1;
      for (var i in res) {
        if (res[i].data.orderNum > val) {
          val = res[i].data.orderNum;
        if (res[i].data.sort > val) {
          val = res[i].data.sort;
        }
      }
      val = val + 1;
@@ -609,21 +690,17 @@
    },
    insertStart() {
      this.insertData = {
        cnName: null,
        type: null,
        serveType: null,
        serveType: null,
        url: null,
        dataType: null,
        bak: null,
        isShow: '0',
        isProject: '0'

      }
    },
    //修改数据
    async updateSend() {
      var val = JSON.parse(JSON.stringify(this.formInline));
      const data = await layer_update(val);
      var token = getToken()
      if (val.proxy && val.proxy.indexOf(token) > -1) {
        val.proxy = val.proxy.replace(token, "{token}");
      }
      const data = await res_update(val);
      this.currentData = JSON.stringify(this.formInline)
      if (data.code != 200) {
        return this.$message.error("修改失败");
@@ -637,20 +714,27 @@
    //修改重置
    updateRest() {
      var res = JSON.parse(this.backUpData);
      var token = getToken()
      if (res.proxy && res.proxy.indexOf('{token}') > -1) {
        res.proxy = res.proxy.replace("{token}", token);
      }
      this.formInline = res;
      this.formInline.type = res.type.toString();
      this.formInline.isShow = res.isShow.toString();
      this.formInline.isProject = res.isProject.toString();
      // this.formInline.type = res.type.toString();
      // this.formInline.isShow = res.isShow.toString();
      // this.formInline.isProject = res.isProject.toString();
    },
    //获取图层列表
    async getLayerTree() {
      const data = await layer_selectAll();
      const data = await res_selectAll();
      if (data.code != 200) {
        return this.$message.error("图层列表查询失败");
      }
      this.oriData = data.result;
      this.newData = data.result;
      var val = this.setTreeData(data.result);
      val.sort(function (a, b) {
        return a.sort - b.sort
      })
      this.treeData = val;
      var cdata;
      if (this.currentData) {
@@ -665,17 +749,23 @@
      });
    },
    layerFormInline(res) {

      var token = getToken();
      var val = JSON.parse(JSON.stringify(res))

      var data = this.$refs.tree.getNode(val.id).data;
      var result = JSON.parse(JSON.stringify(data))
      this.backUpData = JSON.stringify(result)
      this.currentData = JSON.stringify(result)
      this.formInline = result;
      this.formInline.type = result.type.toString();
      this.formInline.isShow = result.isShow.toString();
      this.formInline.isProject = result.isProject.toString();

      if (result.proxy && result.proxy.indexOf('{token}') > -1) {
        this.formInline.proxy = result.proxy.replace("{token}", token);
      } else {
        this.formInline.proxy = result.proxy
      }

      // this.formInline.type = result.type.toString();
      // this.formInline.isShow = result.isShow.toString();
      // this.formInline.isProject = result.isProject.toString();
    },
    //图层列表点击事件
    handleNodeClick(data, node) {
@@ -690,7 +780,7 @@

          branchArr.sort(function (a, b) {

            return a.orderNum - b.orderNum
            return a.sort - b.sort
          })
        }

@@ -711,15 +801,15 @@
      var ste = [];
      for (var i in serve_type) {
        std.push({
          value: serve_type[i],
          label: serve_type[i],
          value: serve_type[i].value,
          label: serve_type[i].name,
        })
      }
      this.serveType = std;
      for (var i in data_type) {
        ste.push({
          value: data_type[i],
          label: data_type[i],
          value: data_type[i].value,
          label: data_type[i].name,
        })
      }
      this.dataType = ste;
@@ -817,8 +907,7 @@
  }
}
/deep/ .el-input__suffix {

    top: 50%;
    transform: translateY(-50%);
  top: 50%;
  transform: translateY(-50%);
}
</style>