数据管理样式修改

Surpriseplus

2023-02-09 731d894cf232d98b547df2bd006795de74fb16a7

数据管理样式修改

 public/config/config.js

@@ -1,5 +1,5 @@
//var isWeb = location.hostname.indexOf("103.85.165.") > -1;
var isWeb = true;
var isWeb = false;

var webHost = isWeb ? "103.85.165.99" + ":8052" : '192.168.20.205' + ":8088";


 src/assets/css/config.css

@@ -227,4 +227,15 @@
}


 
 .Black_theme .contLable{
    color: white;
 }
 .Black_theme .elLink{
    color: white;
 }
 .Black_theme .el-icon-folder-opened{
    color: white;
 }
 .Black_theme .el-link.el-link--default{
    color: white;
 }

 src/components/MapView/mapMenuPop.vue

@@ -196,7 +196,7 @@
    ></iframe>
  </div>
</template>

 
<script>
import {
  dataQuery_selectByPage,
@@ -266,7 +266,7 @@
        entity: [],
        wkt: null,
        descr: null,

 
      },
      listPage: {
        pageSize: 10,
@@ -331,9 +331,9 @@
        this.$message.error("数据请求失败");
        return;
      }

 
      if (data.result.length == 0 || data.result == null) {

 
        this.insertFlag = 1;
        this.dialogVisible = true;
      } else {
@@ -347,20 +347,20 @@
          } 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;
        this.dialogInsertVisible = true;
      }

 
    },
    async signGetPublicKey() {
      const res = await sign_getPublicKey();
@@ -400,7 +400,7 @@
        var std = [];
        var std1 = [];
        for (var i in this.option) {

 
          std.push(this.option[i].tabDesc)
          std1.push(this.option[i].entity)
        }
@@ -421,10 +421,10 @@
          message: '数据申请成功',
          type: 'success'
        });

 
        this.closeDown();
      }

 
    },
    async selectDownloadFile(rsid, rspwd) {
      var downObj = {
@@ -481,7 +481,7 @@
      }, []);
      this.option = arr;
      this.listdata.name = this.option[0].entity;

 
      this.getTableDateHidder();
    },
    async getTableDateHidder() {
@@ -497,7 +497,7 @@
      this.attributeData = [];
      var valadata = data.result;
      var laydomain = data1.result;

 
      for (var i in valadata) {
        if (valadata[i].showtype == 1) {
          if (
@@ -525,7 +525,7 @@
      if (data.code != 200) {
        this.$message.error("列表调用失败");
      }

 
      var val1 = decr(data.result);
      if (val1) {
        if (this.imagePoint != null) {
@@ -554,7 +554,7 @@
      } else if (res.type == "MultiPolygon") {
        var val = res.coordinates[0][0];
        var std = [];

 
        for (var i in val) {
          std.push({ x: val[i][0], y: val[i][1], z: 1000 });
        }
@@ -573,7 +573,7 @@
      } else if (res.type == "MultiLineString") {
        var line = res.coordinates[0];
        var std = [];

 
        for (var i in line) {
          std.push({ x: line[i][0], y: line[i][1], z: 1000 });
        }
@@ -604,12 +604,12 @@
    },
    async getTableData() {
      this.tableData = [];

 
      const data = await dataQuery_selectByPage(this.listdata);
      if (data.code != 200) {
        this.$message.error("列表调用失败");
      }

 
      var val_Data = data.result;
      for (var i in val_Data) {
        var valste = val_Data[i];
@@ -725,7 +725,7 @@
          break;
      }
    },

 
    closeMenuBox() {
      if (this.imagePoint != null) {
        sgworld.Creator.DeleteObject(this.imagePoint);
@@ -748,7 +748,7 @@
  },
};
</script>

 
<style scoped lang="less">
.menuPop {
  width: 100%;
@@ -782,7 +782,7 @@
      justify-content: flex-end;
    }
  }

 
  .rightBox {
    width: calc(80% - 1px);
    height: 100%;
@@ -844,7 +844,7 @@
  }
  /deep/ .el-table {
    background-color: transparent;

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

 
    // 表头背景色
    th.el-table__cell {
      background-color: #303030;
@@ -862,23 +862,23 @@
      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;
      /*滚动条宽度*/
@@ -891,7 +891,7 @@
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }

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

 src/components/MapView/mapMenuTop.vue

@@ -43,7 +43,7 @@
          </el-option>
        </el-select>
      </el-form-item>

 
      <el-form-item>
        <el-select
          @change="changeValue($event)"
@@ -91,7 +91,7 @@
    <queryinfo ref="queryinfo" />
  </div>
</template>

 
<script>
import queryinfo from "../../views/Tools/queryinfo.vue"
import $ from 'jquery';
@@ -122,7 +122,7 @@
          children: [],
        },
      ],

 
      queryOption: [
        {
          value: 'point',
@@ -156,10 +156,10 @@
      graphicLayer: null,
    };
  },

 
  mounted() {
    // sgworld.Creator.SimpleGraphic.edit(false, { editProp: false });

 
    this.menuTopFrom.queryType = 'rectangle';
    this.getAllTable();
  },
@@ -179,7 +179,7 @@
        this.$message.error('列表调用失败');
      }
      var option = data.result;

 
      for (var i in option) {
        var val_Data = option[i];
        val_Data.id = '1' + i;
@@ -195,7 +195,7 @@
    getCheckedNodes() {
      var valTree = this.$refs.tree.getCheckedNodes();
      if (valTree.length == 0) return;

 
      this.menuTopFrom.queryLayer = valTree[0].tabDesc;
      for (var i = 0; i < valTree.length; i++) {
        this.treeChange.push(valTree[i]);
@@ -206,7 +206,7 @@
      this.treeChange = [];
      this.menuTopFrom.queryLayer = null;
      this.$refs.tree.setCheckedKeys([]);

 
    },
    //导入shp文件
    async setMenuTopFile() {
@@ -224,7 +224,7 @@
        }
      }
      if (count != 4) {

 
        this.$message({
          message: 'ShapeFile文件选择不全！',
          type: 'warning'
@@ -258,7 +258,7 @@
      //清空标绘
      sgworld.Creator.SimpleGraphic.edit(false, { editProp: false });
      sgworld.Creator.SimpleGraphic.clear();

 
      if (this.treeChange.length == 0) {
        this.$message.error('请选择要查询的数据');
        return;
@@ -288,7 +288,7 @@
          break;
        case 'polyline': //线
          var polyline = res.polyline.positions.getValue();

 
          that.setTurfPolyOrLine(polyline, 'polyline');
          break;
        case 'rectangle': //矩形
@@ -299,7 +299,7 @@
            rectangle.height
          );
          that.setTurfPolyOrLine(result, 'rectangle');

 
          break;
        case 'circle': //圆
          var val = that.setCartesianToEightFour(res.position.getValue());
@@ -342,12 +342,12 @@
      }
      this.setJonToWKT(restVal);
    },

 
    setJonToWKT(res) {
      console.log(res.geometry)
      var jsonToWkt = this.$wkt.convert(res.geometry);
      this.$store.state.mapMenuShpFile = encr(jsonToWkt);

 
      this.showMapMenuPop();
    },
    showMapMenuPop() {
@@ -356,12 +356,12 @@
      // this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close();
      this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.open("空间查询", null, {
        close: () => {

 
          if (this.$store.state.primitLayer != null) {
            sgworld.Creator.DeleteObject(this.$store.state.primitLayer);
            this.$store.state.primitLayer = null;
          }

 
          if (window.Viewer.scene.primitives.length != 0) {
            window.Viewer.scene.primitives.removeAll()
          }
@@ -382,21 +382,21 @@
      this.menuTopFrom.queryType = 'rectangle';
      this.$refs.tree.setCheckedKeys([]);
      
	  
      // //清除对象
      // if (window.Viewer.scene.primitives.length != null) {
      //   window.Viewer.scene.primitives.removeAll();
      // }
      // if (this.$store.state.primitLayer != null) {
      //   sgworld.Creator.DeleteObject(this.$store.state.primitLayer);
      //   this.$store.state.primitLayer = null;
      // }
      //关闭窗口
      this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close("queryinfo");
	  
	  
	  
	 
      
      // //清除对象
      // if (window.Viewer.scene.primitives.length != null) {
      //   window.Viewer.scene.primitives.removeAll();
      // }
      // if (this.$store.state.primitLayer != null) {
      //   sgworld.Creator.DeleteObject(this.$store.state.primitLayer);
      //   this.$store.state.primitLayer = null;
      // }
      //关闭窗口
      this.$refs && this.$refs.queryinfo && this.$refs.queryinfo.close("queryinfo");
      
      
      
     
    },
    setCartesianToEightFour(res) {
      var std = {};
@@ -410,7 +410,7 @@
  },
};
</script>

 
<style lang="less" scoped>
.menuBox {
  width: 98%;

 src/views/datamanage/SpatialData.vue

@@ -225,7 +225,7 @@
          <el-table
            :data="tableAttach"
            ref="filterTable"
            height="99%"
            height="100%"
            border
            style="width: 100%"
            @selection-change="handleAttatchChange"
@@ -251,7 +251,7 @@

          </el-table>
        </el-form-item>
        <el-form-item>
        <!-- <el-form-item>

          <el-row :gutter="20">
            <el-col
@@ -259,7 +259,7 @@
              :offset="8"
            >
              <el-button
                class="primary"
                type="primary"
                size="small"
                @click="dialogFormVisible = false"
              >确认</el-button>
@@ -270,14 +270,13 @@
              >取消</el-button>
            </el-col>
          </el-row>
        </el-form-item>
        </el-form-item> -->
      </el-form>

    </el-dialog>
    <el-dialog
      width="37%"
      :visible.sync="conditionVisible"
      append-to-body
      title="查询条件"
      :before-close="handleconditionClose"
    >
@@ -290,6 +289,7 @@
          <el-select
            @change="fieldChange($event)"
            v-model="formSql.field"
            :popper-append-to-body="false"
          >
            <el-option
              v-for="item in filedsOption"
@@ -301,7 +301,10 @@
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-select v-model="formSql.condition">
          <el-select
            :popper-append-to-body="false"
            v-model="formSql.condition"
          >
            <el-option
              v-for="item in condOption"
              :key="item.value"
@@ -343,6 +346,7 @@
      :title=" $t('synthesis.rangequery')"
      :visible.sync="dialogMapVisible"
      width="90%"
      top="10vh"
      :before-close="handleMapClose"
    >
      <div style="height:700px">

 src/views/datamanage/dataUpdata.vue

@@ -47,7 +47,7 @@
              :label="$t('dataManage.dataUpObj.storageDirectory')"
            >
              <el-select
              :popper-append-to-body="false"
                :popper-append-to-body="false"
                v-model="formInline.dirName"
                :disabled="tableData.length == 0 ? false : true"
              >
@@ -115,7 +115,7 @@
            <el-form-item :label="$t('dataManage.dataUpObj.dataSpecialty')">
              <el-select
                :popper-append-to-body="false"
                style="z-index:2022"
               
                :disabled="tableData.length == 0 ? false : true"
                v-model="formInline.specialtyId"
                :placeholder="$t('common.choose')"
@@ -2236,12 +2236,12 @@
        }
    },
    //目录切换
    catalogChange(data, node, nodeData){
    catalogChange(data, node, nodeData) {
      this.startQuayTestForms();
      // this.$refs['selectcascader'].dropDownVisible = false
      // var value = this.$refs['selectcascader'].getCheckedNodes();
debugger
      var bak = value[0].data.bak;

      var bak = node.data.bak;
      this.pathBak = bak;
      if (bak != null) {
        for (var key in this.quayTestShow) {
@@ -2250,12 +2250,13 @@
          }
        }
      }
      var fileType = value[0].data.code;
      var fileType = node.data.code;
      if (fileType == null) {
        fileType = "*.*"
      }
      this.formInline.selectFileType = fileType;
      this.formInline.dirid = res;
      this.formInline.dirid = node.data.id;
      this.formInline.dirName = node.data.name
      this.getselectVerByDirid();
    },
    //Tabsq切换

 src/views/datamanage/domainManage.vue

@@ -163,60 +163,60 @@
      class="infoBox subpage_Div box_div"
      v-show="showinfoBox"
    >
     

      <div
        slot="header"
        class="clearfix"
      >
        <span>{{ $t('common.details') }}</span>
        <div
          slot="header"
          class="clearfix"
          style="float: right; cursor: pointer"
          @click="closeDetial"
        >
          <span>{{ $t('common.details') }}</span>
          <div
            style="float: right; cursor: pointer"
            @click="closeDetial"
          >
            <i class="el-icon-close"></i>
          </div>
          <i class="el-icon-close"></i>
        </div>
            <el-divider></el-divider>
        <div class="contentBox">
          <p>
            {{ $t('dataManage.domainManage.domName') }}：{{
      </div>
      <el-divider></el-divider>
      <div class="contentBox">
        <p>
          {{ $t('dataManage.domainManage.domName') }}：{{
              itemdetail.domName
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.domainManage.domDesc') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.domainManage.domDesc') }}：{{
              itemdetail.domDesc
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.domainManage.domCode') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.domainManage.domCode') }}：{{
              itemdetail.domCode
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.domainManage.codeDesc') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.domainManage.codeDesc') }}：{{
              itemdetail.codeDesc
            }}
          </p>
          <el-divider></el-divider>
          <p>{{ $t('dataManage.domainManage.bsm') }}：{{ itemdetail.bsm }}</p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.domainManage.level') }}：{{ itemdetail.level }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.domainManage.orderid') }}：{{
        </p>
        <el-divider></el-divider>
        <p>{{ $t('dataManage.domainManage.bsm') }}：{{ itemdetail.bsm }}</p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.domainManage.level') }}：{{ itemdetail.level }}
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.domainManage.orderid') }}：{{
              itemdetail.orderid
            }}
          </p>
          <el-divider></el-divider>
          <p>{{ $t('dataManage.domainManage.bak') }}：{{ itemdetail.bak }}</p>
        </div>
 
        </p>
        <el-divider></el-divider>
        <p>{{ $t('dataManage.domainManage.bak') }}：{{ itemdetail.bak }}</p>
      </div>

    </div>
    <el-dialog
      width="510px"
@@ -238,6 +238,8 @@
          :label-width="formLabelWidth"
        >
          <el-select
            :popper-append-to-body="false"
            style="width:100%"
            v-model="editForm.domName"
            placeholder="请选择"
          >
@@ -431,11 +433,11 @@
      return this.$store.state.cataNode.id;
    },
  },
 

  methods: {
      filterNode(value, data) {
    filterNode(value, data) {
      if (!value) return true;
 

      return data.val.indexOf(value) !== -1;
    },
    async toggleTabs(data) {
@@ -737,7 +739,7 @@
    .leftTree {
      width: 15%;
      height: 91%;
     

      border-radius: 5px;
      padding: 1%;
      max-height: 670px;
@@ -746,7 +748,7 @@
    .right {
      width: 80%;
      height: 91%;
    

      border-radius: 5px;
      padding: 1%;
      max-height: 670px;
@@ -780,7 +782,5 @@
      }
    }
  }

  
}
</style>

 src/views/datamanage/metadataManage.vue

@@ -12,7 +12,25 @@
        :inline="true"
      >
        <el-form-item>
          <el-cascader
          <el-select
            :popper-append-to-body="false"
            v-model="queryForm.depName"
          >
            <el-option
              :value="queryForm.depid"
              :label="queryForm.depName"
              style=" height:auto"
            >
              <el-tree
                ref="tree"
                :data="companyOption1"
                node-key="id"
                :props="cascader"
                @node-click="handleChange1"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="queryForm.depid"
            :show-all-levels="false"
            :options="companyOption1"
@@ -24,10 +42,28 @@
              checkStrictly: true,
              emitPath: false,
            }"
          ></el-cascader>
          ></el-cascader> -->
        </el-form-item>
        <el-form-item>
          <el-cascader
          <el-select
            :popper-append-to-body="false"
            v-model="queryForm.dirName"
          >
            <el-option
              :value="queryForm.dirid"
              :label="queryForm.dirName"
              style=" height:auto"
            >
              <el-tree
                ref="tree"
                :data="companyOption"
                node-key="id"
                :props="cascader"
                @node-click="handleChange"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="queryForm.dirid"
            :show-all-levels="false"
            :options="companyOption"
@@ -39,10 +75,11 @@
              checkStrictly: true,
              emitPath: false,
            }"
          ></el-cascader>
          ></el-cascader> -->
        </el-form-item>
        <el-form-item>
          <el-select
            :popper-append-to-body="false"
            v-model="queryForm.verid"
            placeholder="请选择"
            @change="verHandleChange($event)"
@@ -183,16 +220,13 @@
              :label="$t('common.operate')"
            >
              <template slot-scope="scope">
                <el-link
                  style="color: white"
                  @click="showDetail(scope.row)"
                >{{
                <el-link @click="showDetail(scope.row)">{{
                  $t('common.details')
                }}</el-link>
                <el-link
                  v-if="btnStatus.update"
                  @click="editInfo(scope.row)"
                  style="margin-left: 10px; color: white"
                  style="margin-left: 10px; "
                >{{ $t('common.edit') }}</el-link>
              </template>
            </el-table-column>
@@ -287,7 +321,7 @@
      </el-card>
    </div>
    <el-dialog
      width="510px"
      width="80vh"
      top="5vh"
      :title="
        behavior == '新增用户'
@@ -332,25 +366,61 @@
          :label="$t('dataManage.vmobj.depName')"
          :label-width="formLabelWidth"
        >
          <!-- <el-input v-model="editForm.depName" autocomplete="off"></el-input> -->
          <el-cascader
          <el-select
            style="width:100%"
            :popper-append-to-body="false"
            v-model="editForm.depName"
          >
            <el-option
              :value="editForm.depid"
              :label="editForm.depName"
              style=" height:auto"
            >
              <el-tree
                ref="tree"
                :data="companyOption1"
                node-key="id"
                :props="cascader"
                @node-click="handleChange2"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="editForm.depid"
            :options="companyOption"
            :props="cascader"
            style="width:350px"
          ></el-cascader>
          ></el-cascader> -->
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.vmobj.dirName')"
          :label-width="formLabelWidth"
        >
          <!-- <el-input v-model="editForm.depName" autocomplete="off"></el-input> -->
          <el-cascader
          <el-select
            style="width:100%"
            :popper-append-to-body="false"
            v-model="editForm.dirName"
          >
            <el-option
              :value="editForm.dirid"
              :label="editForm.dirName"
              style=" height:auto"
            >
              <el-tree
                ref="tree"
                :data="dirComPanyOption"
                node-key="id"
                :props="cascader"
                @node-click="handleChange3"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="editForm.dirid"
            :options="dirComPanyOption"
            :props="cascader"
            style="width:350px"
          ></el-cascader>
          ></el-cascader> -->
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.vmobj.describe')"
@@ -452,7 +522,7 @@

    </el-dialog>
    <div
      class="downloadBox"
      class="downloadBox box_div  subpage_Div"
      v-if="showCodeBox"
    >
      <h4 style="padding: 20px">{{$t('common.passworld')}}</h4>
@@ -714,7 +784,7 @@
      }
      this.companyOption1 = this.treeData(res.result);
      this.queryForm.depid = this.companyOption1[0].id

      this.queryForm.depName = this.companyOption1[0].name
      this.getQueryDirTree();

    },
@@ -727,6 +797,7 @@
      }
      this.companyOption = this.treeData(res.result);
      this.queryForm.dirid = this.companyOption[0].id
      this.queryForm.dirName = this.companyOption[0].name
      this.getQueryVerList();
    },

@@ -746,17 +817,31 @@
      this.listData.pageIndex = 1;
      this.getMetaData();
    },
    handleChange(value) {
    handleChange(data, node, nodeData) {
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.queryForm.dirid = value;
      this.queryForm.dirid = data.id;
      this.queryForm.dirName = data.name
      this.getQueryVerList()
    },
    handleChange1(value) {
    handleChange1(data, node, nodeData) {
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.queryForm.depid = value;
      this.queryForm.depid = data.id;
      this.queryForm.depName = data.name
      this.getMetaData();
    },
    handleChange2(data, node, nodeData) {

      this.editForm.depid = data.id;
      this.editForm.depName = data.name

    },
    handleChange3(data, node, nodeData) {

      this.editForm.dirid = data.id;
      this.editForm.dirName = data.name

    },
    //格式化列表
    formatData(row, column) {
@@ -880,7 +965,7 @@
    getMetaData() {
      this.listData.depid = this.queryForm.depid;
      this.listData.dirid = this.queryForm.dirid;
    

      this.listData.verid = this.queryForm.verid;
      // this.listData.dirid = 57

@@ -905,6 +990,8 @@
      this.listData.name = null;
      this.queryForm.dirid = this.companyOption[0].id;
      this.queryForm.depid = this.companyOption1[0].id;
      this.queryForm.dirName = this.companyOption[0].name;
      this.queryForm.depName = this.companyOption1[0].name;
      this.getQueryVerList();
      this.getMetaData();
    },
@@ -1009,6 +1096,7 @@
      this.behavior = '修改信息';
      this.editForm = JSON.parse(JSON.stringify(row));
      this.dialogFormVisible = true;
      this.getSelectDictTab();
    },
    handleClose(done) {
      this.$confirm('确认关闭？')
@@ -1131,7 +1219,7 @@

  .inquire {
    position: relative;
    overflow: auto;

    padding-bottom: 8px;

    border-radius: 5px;

 src/views/datamanage/projectManage.vue

@@ -124,9 +124,9 @@
            style="margin-top: 10px"
            class="pagination_box"
          >
          

          </div>
        

        </div>
      </div>
    </div>
@@ -143,7 +143,7 @@
        width="60%"
        :title="$t('dataManage.projectObj.location')"
        :visible.sync="innerVisible"
        append-to-body
        :modal="false"
        :before-close="innerClose"
      >
        <div style="height: 540px">
@@ -320,9 +320,9 @@
            this.editFrom.country = val;
          } else if (key == "省") {
            this.editFrom.province = val;
          }else if (key == "市") {
          } else if (key == "市") {
            this.editFrom.location = val;
          } 
          }
        }
      }
      this.editFrom.geom = this.$store.state.projeOl;
@@ -393,7 +393,7 @@
        this.$message.error('列表获取失败');
        return;
      }
       

      // this.count = data.result;
      this.count1 = data.count;
      this.dbTableData = data.result;
@@ -441,7 +441,7 @@
    .verSion_leftTree {
      width: 15%;
      height: 91%;
      

      border-radius: 5px;
      padding: 1%;

@@ -450,7 +450,7 @@
    .verSion_rightContent {
      width: 80%;
      height: 91%;
    

      border-radius: 5px;
      padding: 1%;
      overflow-y: auto;
@@ -459,7 +459,7 @@
      height: 46px;
      padding: 12px 12px;
      font-size: 14px;
   

      border-bottom: 1px solid white;
      line-height: 46px;
    }
@@ -477,12 +477,6 @@
      width: 600px;
    }
  }
 
 

 
 
}
 
</style>
 >

 src/views/datamanage/styleManage.vue

@@ -291,24 +291,27 @@
          :label="$t('dataManage.styleObj.dirid')"
          :label-width="formLabelWidth"
        >
        <el-select
          v-model="upform.dirid"
          placeholder="请选择"
          style="width:85%"
          @focus="setOptionWidth"
        >
          <el-option :value="upform.dirid" :label="upform.dirName" 
          :style="{ width: selectOptionWidth, height: selectheight }">
            <el-tree
              ref="tree"
              :data="editcatalogOption"
              :default-expand-all="defaultexpand"
              node-key="id"
              :props="defaultProps"
              @node-click="handleNodeClickto"
            />
          </el-option>
        </el-select>
          <el-select
            v-model="upform.dirid"
            placeholder="请选择"
            style="width:85%"
            @focus="setOptionWidth"
          >
            <el-option
              :value="upform.dirid"
              :label="upform.dirName"
              :style="{ width: selectOptionWidth, height: selectheight }"
            >
              <el-tree
                ref="tree"
                :data="editcatalogOption"
                :default-expand-all="defaultexpand"
                node-key="id"
                :props="defaultProps"
                @node-click="handleNodeClickto"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="upform.dirid"
            :options="editcatalogOption"
@@ -332,24 +335,27 @@
          :label="$t('dataManage.styleObj.depid')"
          :label-width="formLabelWidth"
        >
        <el-select
          v-model="upform.depid"
          placeholder="请选择"
          style="width:85%"
          @focus="setOptionWidth"
        >
          <el-option :value="upform.depid" :label="upform.depName" 
          :style="{ width: selectOptionWidth, height: selectheight }">
            <el-tree
              ref="tree"
              :data="editCompanyOption"
              :default-expand-all="defaultexpand"
              node-key="id"
              :props="defaultProps"
              @node-click="handleNodeClick"
            />
          </el-option>
        </el-select>
          <el-select
            v-model="upform.depid"
            placeholder="请选择"
            style="width:85%"
            @focus="setOptionWidth"
          >
            <el-option
              :value="upform.depid"
              :label="upform.depName"
              :style="{ width: selectOptionWidth, height: selectheight }"
            >
              <el-tree
                ref="tree"
                :data="editCompanyOption"
                :default-expand-all="defaultexpand"
                node-key="id"
                :props="defaultProps"
                @node-click="handleNodeClick"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="upform.depid"
            :options="editCompanyOption"
@@ -423,33 +429,41 @@
          :label="$t('dataManage.styleObj.fileguid')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="upform.fileGuid"
            disabled
            autocomplete="off"
            style="width:70%"
          ></el-input>
          <input
            name="file1"
            type="file"
            id="editFile"
            multiple="multiple"
            style="display: none"
            @change="editFile(0)"
          />
          <el-button
          style="margin-left: 6px;"
          type="primary"
          size="small"
          :underline="false"
          @click="geteditFile(0)"
        >选择</el-button>
        <el-button
          type="primary"
          size="small"
          :underline="false"
          @click="seteditFile(0)"
        >上传</el-button>
          <!-- -->
          <div class="BoxFlex">
            <div class="BoxFlexinput">
              <el-input
                v-model="upform.fileGuid"
                disabled
                autocomplete="off"
                style="width:100%"
              ></el-input>
            </div>
            <div class="BoxFlexbutton">
              <input
                name="file1"
                type="file"
                id="editFile"
                multiple="multiple"
                style="display: none"
                @change="editFile(0)"
              />
              <el-button
                style="margin-left: 6px;"
                type="primary"
                size="small"
                :underline="false"
                @click="geteditFile(0)"
              >选择</el-button>
              <el-button
                type="primary"
                size="small"
                :underline="false"
                @click="seteditFile(0)"
              >上传</el-button>
            </div>
          </div>
          <!--  -->
          <!-- <el-link
            :underline="false"
            @click="geteditFile(0)"
@@ -467,34 +481,42 @@
          :label="$t('dataManage.styleObj.viewguid')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="upform.viewGuid"
            disabled
            autocomplete="off"
            style="width:70%"
          ></el-input>
          <input
            name="file1"
            :accept="'.jpg,.png'"
            type="file"
            id="editimageFile"
            multiple="multiple"
            style="display: none"
            @change="editFile(1)"
          />
          <el-button
          style="margin-left: 6px;"
          type="primary"
          size="small"
          :underline="false"
          @click="geteditFile(1)"
        >选择</el-button>
        <el-button
          type="primary"
          size="small"
          :underline="false"
          @click="seteditFile(1)"
        >上传</el-button>
          <div class="BoxFlex">
            <div class="BoxFlexinput">
              <el-input
                v-model="upform.viewGuid"
                disabled
                autocomplete="off"
                style="width:100%"
              ></el-input>
            </div>
            <div>
              <input
                name="file1"
                :accept="'.jpg,.png'"
                type="file"
                id="editimageFile"
                multiple="multiple"
                style="display: none"
                @change="editFile(1)"
              />
              <el-button
                style="margin-left: 6px;"
                type="primary"
                size="small"
                :underline="false"
                @click="geteditFile(1)"
              >选择</el-button>
              <el-button
                type="primary"
                size="small"
                :underline="false"
                @click="seteditFile(1)"
              >上传</el-button>
            </div>
          </div>
          <!--
          -->
          <!-- <el-link
            :underline="false"
            @click="geteditFile(1)"
@@ -566,24 +588,27 @@
          :label="$t('dataManage.styleObj.dirid')"
          :label-width="formLabelWidth"
        >
        <el-select
          v-model="insertform.dirid"
          placeholder="请选择"
          style="width:85%"
          @focus="setOptionWidth"
        >
          <el-option :value="insertform.dirid" :label="insertform.dirName" 
          :style="{ width: selectOptionWidth, height: selectheight }">
            <el-tree
              ref="tree"
              :data="catalogOption"
              :default-expand-all="defaultexpand"
              node-key="id"
              :props="defaultProps"
              @node-click="handcatalogChange"
            />
          </el-option>
        </el-select>
          <el-select
            v-model="insertform.dirid"
            placeholder="请选择"
            style="width:85%"
            @focus="setOptionWidth"
          >
            <el-option
              :value="insertform.dirid"
              :label="insertform.dirName"
              :style="{ width: selectOptionWidth, height: selectheight }"
            >
              <el-tree
                ref="tree"
                :data="catalogOption"
                :default-expand-all="defaultexpand"
                node-key="id"
                :props="defaultProps"
                @node-click="handcatalogChange"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="insertform.dirid"
            :options="catalogOption"
@@ -607,24 +632,27 @@
          :label="$t('dataManage.styleObj.depid')"
          :label-width="formLabelWidth"
        >
        <el-select
          v-model="insertform.depid"
          placeholder="请选择"
          style="width:85%"
          @focus="setOptionWidth"
        >
          <el-option :value="insertform.depid" :label="insertform.depName"
          :style="{ width: selectOptionWidth, height: selectheight }">
            <el-tree
              ref="tree"
              :data="companyOption"
              :default-expand-all="defaultexpand"
              node-key="id"
              :props="cascader"
              @node-click="handcompanyChange"
            />
          </el-option>
        </el-select>
          <el-select
            v-model="insertform.depid"
            placeholder="请选择"
            style="width:85%"
            @focus="setOptionWidth"
          >
            <el-option
              :value="insertform.depid"
              :label="insertform.depName"
              :style="{ width: selectOptionWidth, height: selectheight }"
            >
              <el-tree
                ref="tree"
                :data="companyOption"
                :default-expand-all="defaultexpand"
                node-key="id"
                :props="cascader"
                @node-click="handcompanyChange"
              />
            </el-option>
          </el-select>
          <!-- <el-cascader
            v-model="insertform.depid"
            :options="companyOption"
@@ -697,33 +725,41 @@
          :label="$t('dataManage.styleObj.fileguid')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="insertform.fileGuid"
            disabled
            autocomplete="off"
            style="width:70%"
          />
          <input
            name="file1"
            type="file"
            id="insertFile"
            multiple="multiple"
            style="display: none"
            @change="insertFile(0)"
          />
          <el-button
          style="margin-left: 6px;"
          type="primary"
          size="small"
          :underline="false"
          @click="getInsertFile(0)"
        >选择</el-button>
        <el-button
          type="primary"
          size="small"
          :underline="false"
          @click="setinsertFile(0)"
        >上传</el-button>
          <div class="BoxFlex">
            <div class="BoxFlexinput">
              <el-input
                v-model="insertform.fileGuid"
                disabled
                autocomplete="off"
                style="width:100%"
              />
            </div>
            <div>
              <input
                name="file1"
                type="file"
                id="insertFile"
                multiple="multiple"
                style="display: none"
                @change="insertFile(0)"
              />
              <el-button
                style="margin-left: 6px;"
                type="primary"
                size="small"
                :underline="false"
                @click="getInsertFile(0)"
              >选择</el-button>
              <el-button
                type="primary"
                size="small"
                :underline="false"
                @click="setinsertFile(0)"
              >上传</el-button>
            </div>
          </div>
          <!-- 
         -->
          <!-- <el-link
            :underline="false"
            @click="getInsertFile(0)"
@@ -740,34 +776,40 @@
          :label="$t('dataManage.styleObj.viewguid')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="insertform.viewGuid"
            disabled
            autocomplete="off"
            style="width:70%"
          />
          <input
            name="file1"
            :accept="'.jpg,.png'"
            type="file"
            id="insertimageFile"
            multiple="multiple"
            style="display: none"
            @change="insertFile(1)"
          />
          <el-button
          style="margin-left: 6px;"
          type="primary"
          size="small"
          :underline="false"
          @click="getInsertFile(1)"
        >选择</el-button>
        <el-button
          type="primary"
          size="small"
          :underline="false"
          @click="setinsertFile(1)"
        >上传</el-button>
          <div class="BoxFlex">
            <div class="BoxFlexinput">
              <el-input
                v-model="insertform.viewGuid"
                disabled
                autocomplete="off"
                style="width:100%"
              />
            </div>
            <div> <input
                name="file1"
                :accept="'.jpg,.png'"
                type="file"
                id="insertimageFile"
                multiple="multiple"
                style="display: none"
                @change="insertFile(1)"
              />
              <el-button
                style="margin-left: 6px;"
                type="primary"
                size="small"
                :underline="false"
                @click="getInsertFile(1)"
              >选择</el-button>
              <el-button
                type="primary"
                size="small"
                :underline="false"
                @click="setinsertFile(1)"
              >上传</el-button>
            </div>
          </div>

          <!-- <el-link
            :underline="false"
            @click="getInsertFile(1)"
@@ -1102,29 +1144,29 @@
        std.push(this.multipleSelection[i].id);
      }
      this.$confirm('此操作将永久删除该样式, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(async () => {
          const data = await deleteStyles({ ids: std.toString() });
          if (data.code == 200) {
            this.$message({
              message: "删除成功！",
              type: "success",
            });
            this.getRoleTabelData();
          } else {
            this.$message({
              message: "删除失败！",
              type: "warning",
            });
          }
        }).catch(() => {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(async () => {
        const data = await deleteStyles({ ids: std.toString() });
        if (data.code == 200) {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });          
            message: "删除成功！",
            type: "success",
          });
          this.getRoleTabelData();
        } else {
          this.$message({
            message: "删除失败！",
            type: "warning",
          });
        }
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },
    showDirTree(res) {
      this.dirFlag = res;
@@ -1608,6 +1650,14 @@
      }
    }
  }
  .BoxFlex {
    display: flex;
    justify-content: space-around;
    width: 85%;
    .BoxFlexinput {
      flex: 1;
    }
  }
}
</style>