表格添加字段排序功能

surprise

2023-11-29 40860ef4a79da4d4f8ffce369011c1a2450fa3c1

 src/views/datamanage/dataUpdata.vue

@@ -83,50 +83,62 @@
            </el-form-item>
            <!-- 传感器类型 -->
            <el-form-item
              :label="$t('dataManage.dataUpObj.dataVersion')"
              :label="$t('dataManage.dataUpObj.sensorType')"
              style="margin-right: 2%"
              size="small"
            >
              <el-select
                :popper-append-to-body="false"
                :disabled="tableData.length == 0 ? false : true"
                v-model="formInline.verid"
                v-model="formInline.sensorType"
                :placeholder="$t('common.choose')"
                size="small"
              >
                <el-option
                  v-for="item in verOption"
                  :key="item.id"
                  v-for="item in sensorOption"
                  :key="item.value"
                  :label="item.name"
                  :value="item.id"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
            <!-- 元数据类型 -->
            <el-form-item
              :label="$t('dataManage.dataUpObj.dataVersion')"
              :label="$t('dataManage.dataUpObj.metadataType')"
              style="margin-right: 2%"
              size="small"
            >
              <el-select
                :popper-append-to-body="false"
                :disabled="tableData.length == 0 ? false : true"
                v-model="formInline.verid"
                v-model="formInline.mataType"
                :placeholder="$t('common.choose')"
                size="small"
              >
                <el-option
                  v-for="item in verOption"
                  :key="item.id"
                  v-for="item in metaOption"
                  :key="item.value"
                  :label="item.name"
                  :value="item.id"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
            <div class="flex_box">
              <div style="margin-right: auto">

                <!-- 采集时间 -->
                <el-form-item
                  :label="$t('dataManage.dataUpObj.collectionTime')"
                  size="small"
                >
                  <el-date-picker
                    v-model="formInline.acqTime"
                    type="datetime"
                    placeholder="请选择采集时间"
                  >
                  </el-date-picker>
                </el-form-item>

                <!-- 选择数据 -->
                <el-form-item size="small">
                  <el-link
@@ -201,7 +213,7 @@
                  >{{ $t('common.Warehousin') }}
                  </el-button>
                  <!-- 质检 -->
                  <el-button
                  <!-- <el-button
                    style="margin-right:-9px"
                    v-if="menuStatus.insert"
                    :disabled="multipleSelection.length == 0 ? true : false"
@@ -210,7 +222,7 @@
                    icon="el-icon-folder-checked"
                    @click="handleQuayTestClick()"
                  >{{ $t('common.quayTest') }}
                  </el-button>
                  </el-button> -->

                </el-form-item>
              </div>
@@ -318,7 +330,7 @@
              </div>
              <div>
                <el-form-item>
                  <el-button
                  <!-- <el-button
                    v-if="menuStatus.upload"
                    :disabled="multipleDelete.length == 0 ? true : false"
                    @click="setEnclosure"
@@ -326,7 +338,7 @@
                    type="success"
                    size="small"
                  >{{ $t('common.enclosure') }}
                  </el-button>
                  </el-button> -->
                  <el-button
                    v-if="menuStatus.delete"
                    @click="setWarehouseDel"
@@ -379,13 +391,16 @@
            <el-table-column
              align="center"
              type="index"
      
              :label="$t('common.index')"
              width="70px"
            
            ></el-table-column>
            <el-table-column
              align="center"
              :label="$t('common.name')"
              width="120"
             
              width="100"
            >
              <template slot-scope="scope">
                <span v-if="scope.row.ismeta > 0">
@@ -414,32 +429,38 @@
              prop="dirName"
              :label="$t('dataManage.dataUpObj.catalogue')"
              width="300"
              sortable 
            />
            <el-table-column
              align="center"
              prop="depName"
              :label="$t('dataManage.dataUpObj.company')"
              width="200"
              sortable 
            />
            <el-table-column
              align="center"
              prop="verName"
              sortable 
              :label="$t('dataManage.dataUpObj.versionNo')"
            />
            <el-table-column
              align="center"
              prop="type"
              :label="$t('common.type')"
              sortable 
            />
            <el-table-column
              align="center"
              prop="sizes"
              :label="$t('common.size')"
              sortable 
              :formatter="changeSizeFile"
            />
            <el-table-column
              align="center"
              :label="$t('dataManage.dataUpObj.tableName')"
       
            >
              <template slot-scope="scope">
                <a
@@ -452,11 +473,13 @@
              align="center"
              prop="rows"
              :label="$t('common.lineNuber')"
              sortable 
            />
            <el-table-column
              align="center"
              :label="$t('common.dataStatus')"
              :formatter="stateFormat"
              
            >

            </el-table-column>
@@ -469,14 +492,16 @@
            <el-table-column
              align="center"
              prop="uname"
              sortable 
              :label="$t('dataManage.vmobj.createonuser')"
            />
            <el-table-column
              align="center"
              prop="createTime"
              :label="$t('dataManage.vmobj.createontime')"
              sortable 
              :formatter="changetimeFile"
              width="100"
              width="160"
            />
          </el-table>
          <div
@@ -1308,6 +1333,7 @@
  dataUpload_selectMetaById,
  selectdirTab,
} from "../../api/api";
import { meta_type, sensor_type } from "./js/layerManage";

export default {
  name: "dataUpdata",
@@ -1318,34 +1344,7 @@
    return {
      coordinateOption: [],
      disOptions: [
        {
          name: "崩塌治理",
          value: "崩塌治理",
        },
        {
          name: "不稳定斜坡治理",
          value: "不稳定斜坡治理",
        },
        {
          name: "地面塌陷治理",
          value: "地面塌陷治理",
        },
        {
          name: "高陡边坡治理",
          value: "高陡边坡治理",
        },
        {
          name: "泥石流治理",
          value: "泥石流治理",
        },
        {
          name: "水毁治理",
          value: "水毁治理",
        },
        {
          name: "滑坡治理",
          value: "滑坡治理",
        },

      ],
      testQuayVisible: false,
      formCheckAll: {
@@ -1423,6 +1422,9 @@
        coordinateId: null,
        path: null,
        verid: null,
        sensorType: 0,
        mataType: 0,
        acqTime: null
      },
      cascader: {
        label: "name",
@@ -1431,22 +1433,7 @@
        emitPath: false,
      },
      specialtyOption: [
        {
          value: "测量专业",
          label: "测量专业",
        },
        {
          value: "勘察专业",
          label: "勘察专业",
        },
        {
          value: "地灾专业",
          label: "地灾专业",
        },
        {
          value: "洞库专业",
          label: "洞库专业",
        },

      ],
      fileType: [],
      pathBak: null,
@@ -1519,15 +1506,18 @@
      },
      warehouseDialog: false,
      wareData: [],
      metaOption: [],
      sensorOption: []
    };
  },

  mounted() {

    //获取传感器元数据类型
    this.getSensorMeta()
    //获取坐标系
    this.setCoordinateSystem();
    //  this.setCoordinateSystem();
    //获取项目名称
    this.setProjectName();
    // this.setProjectName();
    //获取文件上传路径
    this.getFilePath();
    //权限获取
@@ -1543,6 +1533,10 @@
  },
  watch: {},
  methods: {
    getSensorMeta() {
      this.metaOption = meta_type;
      this.sensorOption = sensor_type;
    },
    stateFormat(row, column) {
      var val = ['shp', 'gdb', 'xls', 'xlsx']
      if (val.indexOf(row.type) > -1 && row.rows > 0) {
@@ -1859,11 +1853,11 @@
        '-' +
        this.add0(d) +
        ' ' +
        h +
        this.add0(h) +
        ':' +
        mm +
        this.add0(mm) +
        ':' +
        s
        this.add0(s)
      );
    },
    //自动匹配取消
@@ -1899,6 +1893,16 @@
            res.isMeta = true;
          }
        });
      }
      var time = null;
      if (this.formInline.acqTime) {
        time = this.changetimeLayer(this.formInline.acqTime)
      }

      for (var i in this.insertWareList) {
        this.insertWareList[i].mataType = this.formInline.mataType;
        this.insertWareList[i].sensortype = this.formInline.sensorType;
        this.insertWareList[i].acqTime = time;
      }


@@ -2067,7 +2071,7 @@
      this.loading = true;
      var obj = {
        dirid: this.formInline.dirid,
        epsgCode: this.formInline.coordinateId,
        epsgCode: 'EPSG:4490',
        path: this.formInline.path,
        verid: this.formInline.verid,
      };
@@ -2391,9 +2395,9 @@
      this.formInline.specialtyData = "请选择数据";
      document.getElementById("selectDataFile").value = "";
      this.formInline.metaData = "请选择元数据";
      document.getElementById("metaDataFile").value = "";
      // document.getElementById("metaDataFile").value = "";
      this.formInline.wbsData = "请选择WBS数据";
      document.getElementById("wbsDataFile").value = "";
      // document.getElementById("wbsDataFile").value = "";
    },
    //获取上传文件数量
    async getFileLength() {
@@ -2577,8 +2581,8 @@
    },
    //重置WPS选择
    restWBSFile() {
      this.formInline.wbsData = "请选择WBS数据";
      document.getElementById("wbsDataFile").value = "";
      // this.formInline.wbsData = "请选择WBS数据";
      // document.getElementById("wbsDataFile").value = "";
    },
    //WBS数据Change事件
    handleWBSFileChange(event) {
@@ -2708,6 +2712,7 @@
    },
    //格式化时间
    changetimeFile(res) {
      if (!res.createTime) return;
      var time = new Date(res.createTime);
      var y = time.getFullYear();
      var m = time.getMonth() + 1;
@@ -2731,6 +2736,7 @@
    },
    //格式化时间
    add0(m) {

      return m < 10 ? "0" + m : m;
    },
    //大小值改变
@@ -2799,8 +2805,8 @@
    },
    //重置元数据
    restMetaFile() {
      this.formInline.metaData = "请选择元数据";
      document.getElementById("metaDataFile").value = "";
      // this.formInline.metaData = "请选择元数据";
      // document.getElementById("metaDataFile").value = "";
    },
    //选择元数据文件切换
    handleMetaFileChange(event) {