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

xing

2023-02-25 38e228621e0a988ac051a52cdf2d661ce9d419db

 src/views/datamanage/dataUpdata.vue

@@ -10,6 +10,7 @@
      ]"></My-bread>
    <el-divider />
    <el-tabs
        type="card"
      v-model="activeTabName"
      @tab-click="handleTabClick"
    >
@@ -36,13 +37,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 +142,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 +217,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 +253,7 @@
                  v-show="uploadFlag"
                >
                  <el-input
                    placeholder="请输入内容"
                    :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
                    v-model="formInline.metaData"
                    style="width:210px;"
                    disabled
@@ -319,6 +348,7 @@
         
        </div>
        <!-- 上传数据列表 -->
        <div class="dividing-line"></div>
        <div class="table_box" :style="styleVar">
          <el-table
            style="width:100%"
@@ -368,9 +398,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 +424,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 +471,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"
@@ -462,10 +493,19 @@
                ></el-table-column>
                <el-table-column
                  align="center"
                  prop="name"
    
                  :label="$t('common.name')"
                  width="100"
                />
          
                  width="120"
                 >
                      <template slot-scope="scope">
                                  <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>
                    </template>
                 </el-table-column>
                <el-table-column
                  align="center"
                  prop="dirName"
@@ -550,7 +590,7 @@
      title="数据质检"
      :visible.sync="quayTestVisible"
      width="70%"
      top="10vh"
      top="2vh"
      :modal="false"
      :before-close="handleQuayTestCloseDown"
    >
@@ -825,40 +865,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"
@@ -868,7 +908,7 @@
              >
              </el-option>
            </el-select>
          </el-col>
      

        </el-form-item>
      </el-form>
@@ -899,6 +939,7 @@
      :title="$t('dataManage.datawarehousing')"
      :visible.sync="dialogWarehousing"
      width="70%"
      top="2vh"
    >
      <div class="dialogBox">
        <div class="transFarBox subpage_Div">
@@ -975,9 +1016,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"
@@ -1022,6 +1063,7 @@
      title="上传进度"
      :visible.sync="jindudialogVisible"
      width="30%"
       top="2vh"
    >
      <div>
        <div>
@@ -1040,6 +1082,7 @@
      :title="$t('common.details')"
      :visible.sync="enclosureVisible"
      :show-close="false"
       top="2vh"
    >
      <span
        style="font-size:20px"
@@ -1055,6 +1098,118 @@
          @click="uploadAnFiles"
        >继续</el-button>
      </span>
    </el-dialog>
   <el-dialog
      :title="fromQueryMeta.title"
      :visible.sync="queryMetaFlag"
      width="70%" 
      top="2vh"
    >
    <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" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
              suffix-icon="el-icon-edit" ></el-input>
  </el-form-item>
  
  <el-form-item>
    <el-button type="primary" size="small"  @click="setSearchMetaData()">查询</el-button>
      <el-button type="info" size="small"  @click="setRestMetaData()" >重置</el-button>
  </el-form-item>
</el-form>
    <el-table
                ref="filterTable"
                :data="metaDataTable"
                style="width: 100%"
                height="calc(100% - 130px)"
                
              >
             
                <el-table-column
                  align="center"
                  type="index"
                  :label="$t('common.index')"
                  width="70px"
                ></el-table-column>
                <el-table-column
                  align="center"
                  prop="name"
                  :label="$t('common.name')"
          
                  width="120"
                 >
                   
                   
                 </el-table-column>
                <el-table-column
                  align="center"
                  prop="dirName"
                  :label="$t('dataManage.dataUpObj.catalogue')"
                  width="300"
                />
                <el-table-column
                  align="center"
                  prop="depName"
                  :label="$t('dataManage.dataUpObj.company')"
                  width="200"
                />
                <el-table-column
                  align="center"
                  prop="verName"
                  :label="$t('dataManage.dataUpObj.versionNo')"
                />
                <el-table-column
                  align="center"
                  prop="type"
                  :label="$t('common.type')"
                />
                <el-table-column
                  align="center"
                  prop="sizes"
                  :label="$t('common.size')"
                  :formatter="changeSizeFile"
                />
                <el-table-column
                  align="center"
                  :label="$t('dataManage.dataUpObj.tableName')"
                >
                  <template slot-scope="scope">
                    <a
                      class="scopeRowColor"
                      @click="detail(scope.row)"
                    >{{ scope.row.tab }}</a>
                  </template>
                </el-table-column>
                <el-table-column
                  align="center"
                  prop="rows"
                  :label="$t('common.lineNuber')"
                />
                <el-table-column
                  align="center"
                  prop="desc"
                  :label="$t('dataManage.dataUpObj.describe')"
                />
               
               
              </el-table>
 <div
         
          class="pagination_box"
        >
          <el-pagination
            @size-change="handleMetaSizeChange"
            @current-change="handMetaCurrentChange"
            :current-page="listMetaData.pageIndex"
            :page-sizes="[10, 20, 50, 100]"
            :page-size="listMetaData.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="listMetaData.count"
          >
          </el-pagination>
        </div>
    </div>
     
    </el-dialog>
    <input
      name="file1"
@@ -1089,6 +1244,7 @@
  dataUpload_insertFiles,
  dataUpload_selectFields,
  dataUpload_selectDbData,
  dataUpload_selectPageAndCountByPid,
} from "../../api/api";
export default {
  name: "dataUpdata",
@@ -1150,7 +1306,6 @@
        demTolerance: "5",
        demChangeRate: "200",
        lazDensity: "1",
        imgResolution: "0.2",
      },
      quayTestShow: {
        checkOsgb: false,
@@ -1196,7 +1351,6 @@
      formInline: {
        uploadType: "v1",
        dirid: null,
        verid: null,
        specialtyId: "测量专业",
        specialtyData: "请选择数据",
        metaData: "请选择元数据",
@@ -1250,8 +1404,8 @@
      dbTableData: [],
      dialogVisible: false,
      listLoader: {
        id: null,
        pageSize: 1,
        dirid: null,
        pageIndex: 1,
        pageSize: 10,
      },
      count1: 0,
@@ -1277,6 +1431,20 @@
      styleVar1: {
        height: "calc(100% - 109px)",
      },
      metaFileData: [],
      listMetaData: {
        metaid: 0,
        name: "",
        pageIndex: 1,
        pageSize: 10,
        count: 0,
      },
      queryMetaFlag: false,
      fromQueryMeta: {
        title: "",
        name: "",
      },
      metaDataTable: [],
    };
  },

@@ -1300,6 +1468,54 @@
  },
  watch: {},
  methods: {
    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;

      this.startQueryMetaData();
    },
    //元数据页面切换
    handleMetaSizeChange(val) {
      this.listMetaData.pageIndex = 1;
      this.listMetaData.pageSize = val;
      this.startQueryMetaData();
    },
    //元数据页面切换
    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,
      };
      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;
    },

    onResize() {
      this.timer && clearTimeout(this.timer);
      this.timer = setTimeout(() => {
@@ -1310,8 +1526,7 @@
      this.$nextTick(() => {
        const rect = this.$refs.container.getBoundingClientRect();
        const rect1 = this.$refs.container1.getBoundingClientRect();
         console.log(rect)
        console.log(rect1)

        this.tableHeight = `${rect.height + 40}px`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 40}px)`;
        this.styleVar1["height"] = `calc(100% - ${rect1.height + 40}px)`;
@@ -1543,6 +1758,13 @@
          }
        }
      }
      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(
@@ -1695,6 +1917,7 @@
          }
        }
      }

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

    //From表单初始化
@@ -2567,14 +2791,17 @@
      overflow: auto;
    }
  }
  /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;
  }