20230225@xingjs@优化完善数据管理样式

xing

2023-02-25 a909a5a79b3fd247733d3713af583294908abd50

 src/views/datamanage/dataUpdata.vue

@@ -36,13 +36,24 @@
                :popper-append-to-body="false"
                placeholder="请选择"
              >
                <el-option
<!--                <el-option
                  v-for="item in uploadOption"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
                ></el-option>-->

                <el-option
                    :label="$t('shuJuGuanLi.pselect.dFile')"
                    value="v1"
                />
                <el-option
                    :label="$t('shuJuGuanLi.pselect.dFiles')"
                    value="v2"
                />

              </el-select>

            </el-form-item>
            <!-- 存储目录 -->
            <el-form-item
@@ -130,13 +141,30 @@
                v-model="formInline.specialtyId"
                :placeholder="$t('common.choose')"
              >
                <el-option
<!--                <el-option
                  v-for="item in specialtyOption"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
                  :value="item.value">
                </el-option>-->

                <el-option
                    :label="$t('shuJuGuanLi.pselect.SurveyDiscipline')"
                    value="测量专业"
                />
                <el-option
                    :label="$t('shuJuGuanLi.pselect.SurveysDiscipline')"
                    value="勘察专业"
                />
                <el-option
                    :label="$t('shuJuGuanLi.pselect.GeologicalDisasterSpecialty')"
                    value="地灾专业"
                />
                <el-option
                    :label="$t('shuJuGuanLi.pselect.CavernSpecialty')"
                    value="洞库专业"
                />

              </el-select>
            </el-form-item>
            <!-- 坐标系 -->
@@ -188,7 +216,7 @@
                </el-form-item>
                <el-form-item>
                  <el-input
                    placeholder="请输入内容"
                    :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
                    v-model="formInline.specialtyData"
                    style="width:210px;"
                    disabled
@@ -224,7 +252,7 @@
                  v-show="uploadFlag"
                >
                  <el-input
                    placeholder="请输入内容"
                    :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
                    v-model="formInline.metaData"
                    style="width:210px;"
                    disabled
@@ -319,6 +347,7 @@
         
        </div>
        <!-- 上传数据列表 -->
        <div class="dividing-line"></div>
        <div class="table_box" :style="styleVar">
          <el-table
            style="width:100%"
@@ -368,9 +397,9 @@
                  v-if="menuStatus.download"
                  v-show="scope.row.code != null"
                  @click="handerLogClick(scope.row)"
                  type="text"
                  type="primary"
                  size="mini"
                  style="font-size: 14px;"
                  plain
                > 日志
                </el-button>
              </template>
@@ -394,13 +423,14 @@
            <el-form-item :label="$t('dataManage.dataUpObj.describe')">
              <el-input
                v-model="formWarehousing.name"
                placeholder="请输入内容"
                :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
                style="width: 200px;"
                suffix-icon="el-icon-edit"
              ></el-input>
            </el-form-item>
            </div>
            <div>
  <el-form-item>
            <el-form-item>
              <el-button
                v-if="menuStatus.delete"
                @click="setWarehouseDel"
@@ -440,8 +470,8 @@
          </el-form>
        </div>
        <!-- 入库 -->
        
            <div class="table_box"  :style="styleVar1">
        <div class="dividing-line"></div>
        <div class="table_box"  :style="styleVar1">
              <el-table
                ref="filterTable"
                :data="waretableData"
@@ -468,8 +498,8 @@
                  width="120"
                 >
                      <template slot-scope="scope">
                                  <span v-if="scope.row.ismeta > 0 ">
                     <el-link  title="元数据查询" @click="setQueryMetaData(scope.row)"   target="_blank">{{ scope.row.name }}</el-link>
                                  <span v-if="scope.row.ismeta > 0">
                     <el-link  style="color:#409eff" title="元数据查询" @click="setQueryMetaData(scope.row)"   target="_blank">{{ scope.row.name }}</el-link>
           
            </span>
            <span v-else>{{ scope.row.name }}</span>
@@ -559,7 +589,7 @@
      title="数据质检"
      :visible.sync="quayTestVisible"
      width="70%"
      top="10vh"
      top="2vh"
      :modal="false"
      :before-close="handleQuayTestCloseDown"
    >
@@ -834,40 +864,40 @@
    <el-dialog
      title="数据质检"
      :visible.sync="testQuayVisible"
      width="50%"
      top="15vh"
      top="2vh"
      :modal="false"
      :before-close="handleTestQuayCloseDown"
      label-width="80px"

    >
      <el-form :model="formCheckAll">
      <el-form :model="formCheckAll" label-position="top">
        <el-form-item label="项目名称">
          <el-col :span="20">
         
            <el-input
              disabled
              v-model="formCheckAll.xmmc"
              style="width:85%"
            ></el-input>
          </el-col>
     
        </el-form-item>
        <el-form-item label="所属专业">

          <el-col :span="20">
       
            <el-input
              disabled
              v-model="formCheckAll.sjzy"
              width="100px"
              style="width:85%"
            ></el-input>
          </el-col>
    
        </el-form-item>
        <el-form-item
          v-show="formCheckAll.isDiZai"
          label="所属专业"
        >
          <el-col :span="20">
         
            <el-select
              v-model="formCheckAll.diZaiType"
              placeholder="请选择"
              style="width:100%"
              style="width:85%"
            >
              <el-option
                v-for="item in disOptions"
@@ -877,7 +907,7 @@
              >
              </el-option>
            </el-select>
          </el-col>
      

        </el-form-item>
      </el-form>
@@ -908,6 +938,7 @@
      :title="$t('dataManage.datawarehousing')"
      :visible.sync="dialogWarehousing"
      width="70%"
      top="2vh"
    >
      <div class="dialogBox">
        <div class="transFarBox subpage_Div">
@@ -984,9 +1015,9 @@
      :title="$t('common.details')"
      :visible.sync="dialogVisible"
      width="70%"
      top="10vh"
       top="2vh"
    >
      <div style="height:550px">
      <div style="height: 500px; overflow: auto">
        <el-table
          ref="filterTable"
          :data="dbTableData"
@@ -1031,6 +1062,7 @@
      title="上传进度"
      :visible.sync="jindudialogVisible"
      width="30%"
       top="2vh"
    >
      <div>
        <div>
@@ -1049,6 +1081,7 @@
      :title="$t('common.details')"
      :visible.sync="enclosureVisible"
      :show-close="false"
       top="2vh"
    >
      <span
        style="font-size:20px"
@@ -1069,12 +1102,13 @@
      :title="fromQueryMeta.title"
      :visible.sync="queryMetaFlag"
      width="70%" 
      
      top="2vh"
    >
    <div style="height:65vh;width:100%; ">
    <div style="height: 500px; overflow: auto;width:100%; ">
    <el-form :inline="true" :model="fromQueryMeta" class="demo-form-inline">
  <el-form-item  >
    <el-input size="small" v-model="fromQueryMeta.name" ></el-input>
    <el-input size="small" v-model="fromQueryMeta.name" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
              suffix-icon="el-icon-edit" ></el-input>
  </el-form-item>
  
  <el-form-item>
@@ -1086,7 +1120,7 @@
                ref="filterTable"
                :data="metaDataTable"
                style="width: 100%"
                height="calc(100% - 100px)"
                height="calc(100% - 130px)"
                
              >
             
@@ -1098,7 +1132,7 @@
                ></el-table-column>
                <el-table-column
                  align="center"
       prop="name"
                  prop="name"
                  :label="$t('common.name')"
          
                  width="120"
@@ -1209,7 +1243,7 @@
  dataUpload_insertFiles,
  dataUpload_selectFields,
  dataUpload_selectDbData,
 dataUpload_selectPageAndCountByPid
  dataUpload_selectPageAndCountByPid,
} from "../../api/api";
export default {
  name: "dataUpdata",
@@ -1271,7 +1305,6 @@
        demTolerance: "5",
        demChangeRate: "200",
        lazDensity: "1",
        imgResolution: "0.2",
      },
      quayTestShow: {
        checkOsgb: false,
@@ -1317,7 +1350,6 @@
      formInline: {
        uploadType: "v1",
        dirid: null,
        verid: null,
        specialtyId: "测量专业",
        specialtyData: "请选择数据",
        metaData: "请选择元数据",
@@ -1371,8 +1403,8 @@
      dbTableData: [],
      dialogVisible: false,
      listLoader: {
        id: null,
        pageSize: 1,
        dirid: null,
        pageIndex: 1,
        pageSize: 10,
      },
      count1: 0,
@@ -1398,20 +1430,20 @@
      styleVar1: {
        height: "calc(100% - 109px)",
      },
      metaFileData:[],
      listMetaData:{
        metaid:0,
        name:'',
        pageIndex:1,
        pageSize:10,
        count:0,
      metaFileData: [],
      listMetaData: {
        metaid: 0,
        name: "",
        pageIndex: 1,
        pageSize: 10,
        count: 0,
      },
      queryMetaFlag:false,
      fromQueryMeta:{
        title:'',
        name:''
      queryMetaFlag: false,
      fromQueryMeta: {
        title: "",
        name: "",
      },
      metaDataTable:[],
      metaDataTable: [],
    };
  },

@@ -1435,53 +1467,53 @@
  },
  watch: {},
  methods: {
 setRestMetaData(){
 this.fromQueryMeta.name="";
       this.listMetaData.name =this.fromQueryMeta.name; 
          this.listMetaData.pageIndex = 1
             this.listMetaData.pageSize = 10
         
    setRestMetaData() {
      this.fromQueryMeta.name = "";
      this.listMetaData.name = this.fromQueryMeta.name;
      this.listMetaData.pageIndex = 1;
      this.listMetaData.pageSize = 10;

      this.startQueryMetaData();
    },
    setSearchMetaData(){
       this.listMetaData.name =this.fromQueryMeta.name; 
          this.listMetaData.pageIndex = 1
             this.listMetaData.pageSize = 10
         
    setSearchMetaData() {
      this.listMetaData.name = this.fromQueryMeta.name;
      this.listMetaData.pageIndex = 1;
      this.listMetaData.pageSize = 10;

      this.startQueryMetaData();
    },
    //元数据页面切换
    handleMetaSizeChange(val){
    handleMetaSizeChange(val) {
      this.listMetaData.pageIndex = 1;
     this.listMetaData.pageSize = val;
     this.startQueryMetaData();
      this.listMetaData.pageSize = val;
      this.startQueryMetaData();
    },
     //元数据页面切换
    handMetaCurrentChange(val){
    //元数据页面切换
    handMetaCurrentChange(val) {
      this.listMetaData.pageIndex = val;
      this.startQueryMetaData();
    },
  //元数据查询
 setQueryMetaData(row){
  this.fromQueryMeta.title = row.name
  this.listMetaData = {
        metaid:row.id,
        name:'',
        pageIndex:1,
        pageSize:10,
         count:0,
    //元数据查询
    setQueryMetaData(row) {
      this.fromQueryMeta.title = row.name;
      this.listMetaData = {
        metaid: row.id,
        name: "",
        pageIndex: 1,
        pageSize: 10,
        count: 0,
      };
      this.startQueryMetaData();
      this.queryMetaFlag = true;
    },
    async startQueryMetaData() {
      const data = await dataUpload_selectPageAndCountByPid(this.listMetaData);
      if (data.code != 200) {
        return;
      }
this.startQueryMetaData();
this.queryMetaFlag=true;
},
async startQueryMetaData(){
const data = await dataUpload_selectPageAndCountByPid(this.listMetaData);
 if(data.code != 200){
  return;
 }
 this.metaDataTable= data.result;
 this.listMetaData.count = data.count;
},
      this.metaDataTable = data.result;
      this.listMetaData.count = data.count;
    },

    onResize() {
      this.timer && clearTimeout(this.timer);
@@ -1493,7 +1525,7 @@
      this.$nextTick(() => {
        const rect = this.$refs.container.getBoundingClientRect();
        const rect1 = this.$refs.container1.getBoundingClientRect();
 

        this.tableHeight = `${rect.height + 40}px`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 40}px)`;
        this.styleVar1["height"] = `calc(100% - ${rect1.height + 40}px)`;
@@ -1725,14 +1757,14 @@
          }
        }
      }
      for(var i in this.metaFileData){
        this.insertWareList.filter((res)=>{
          if(res.name == this.metaFileData[i]){
              res.isMeta = true;
      for (var i in this.metaFileData) {
        this.insertWareList.filter((res) => {
          if (res.name == this.metaFileData[i]) {
            res.isMeta = true;
          }
        })
        });
      }
 

      this.loading = true;
      const res = await dataUpload_insertFiles(
        JSON.stringify(this.insertWareList)
@@ -1884,7 +1916,7 @@
          }
        }
      }
 

      var obj = {
        dirid: this.formInline.dirid,
        epsgCode: this.formInline.coordinateId,
@@ -2587,7 +2619,7 @@
        std.push(f.name);
      }
      this.formInline.metaData = std.toString();
      this.metaFileData= std;
      this.metaFileData = std;
    },

    //From表单初始化
@@ -2758,17 +2790,17 @@
      overflow: auto;
    }
  }
  /deeep/.el-loading-mask{
    z-index:9999
  /deeep/.el-loading-mask {
    z-index: 9999;
  }
}
.inquire {
  padding: 8px;
  margin-top: 20px;
  //margin-top: 20px;

  border-radius: 5px;

  margin-bottom: 20px;
  //margin-bottom: 20px;
  .el-form-item {
    margin: 5px;
  }