From 40860ef4a79da4d4f8ffce369011c1a2450fa3c1 Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期三, 29 十一月 2023 16:51:26 +0800 Subject: [PATCH] 表格添加字段排序功能 --- src/views/datamanage/dataUpdata.vue | 341 ++++++++++++++++---------------------------------------- 1 files changed, 100 insertions(+), 241 deletions(-) diff --git a/src/views/datamanage/dataUpdata.vue b/src/views/datamanage/dataUpdata.vue index 03a9f06..95126c0 100644 --- a/src/views/datamanage/dataUpdata.vue +++ b/src/views/datamanage/dataUpdata.vue @@ -29,43 +29,12 @@ :model="formInline" class="demo-form-inline" > - <!-- 鍏ュ簱绫诲瀷 --> - <el-form-item - :label="$t('dataManage.dataUpObj.UploadType')" - style="margin-right: 2%" - size="small" - > - <el-select - :disabled="tableData.length == 0 ? false : true" - v-model="formInline.uploadType" - @change="uploadTypeChange" - :popper-append-to-body="false" - placeholder="璇烽�夋嫨" - > - <!-- <el-option - v-for="item in uploadOption" - :key="item.value" - :label="item.label" - :value="item.value" - ></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 style="margin-right: 2%" v-show="uploadFlag" - :label="$t('dataManage.dataUpObj.storageDirectory')" + :label="$t('dataManage.dataUpObj.resourceDirectory')" size="small" > <el-select @@ -88,37 +57,8 @@ /> </el-option> </el-select> - <!-- <el-cascader - :disabled="tableData.length == 0 ? false : true" - v-model="formInline.dirid" - :options="catalogOption" - @change="catalogChange" - ref="selectcascader" - :props="cascader" - ></el-cascader> --> </el-form-item> - <!-- 椤圭洰鍚嶇О --> - <el-form-item - style="margin-right: 2%" - v-show="!uploadFlag" - :label="$t('dataManage.dataUpObj.entryName')" - size="small" - > - <el-select - :popper-append-to-body="false" - :disabled="tableData.length == 0 ? false : true" - v-model="formInline.entryId" - @change="entryNameChange" - placeholder="璇烽�夋嫨" - > - <el-option - v-for="item in entryOption" - :key="item.id" - :label="item.name" - :value="item.name" - ></el-option> - </el-select> - </el-form-item> + <!-- 鏁版嵁鐗堟湰 --> <el-form-item :label="$t('dataManage.dataUpObj.dataVersion')" @@ -141,64 +81,64 @@ </el-option> </el-select> </el-form-item> - <!-- 鏁版嵁涓撲笟 --> - <!-- <el-form-item - :label="$t('dataManage.dataUpObj.dataSpecialty')" + <!-- 浼犳劅鍣ㄧ被鍨� --> + <el-form-item + :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.specialtyId" + v-model="formInline.sensorType" :placeholder="$t('common.choose')" + size="small" > - <el-option - :label="$t('shuJuGuanLi.pselect.SurveyingAndMapping')" - 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-option - :label="$t('shuJuGuanLi.pselect.LineDiscipline')" - value='绾胯矾涓撲笟' - /> + v-for="item in sensorOption" + :key="item.value" + :label="item.name" + :value="item.value" + > + </el-option> </el-select> - </el-form-item> --> - <!-- 鍧愭爣绯� --> + </el-form-item> + <!-- 鍏冩暟鎹被鍨� --> <el-form-item - :label="$t('dataManage.dataUpObj.coordinateSystem')" - style="margin-right: 3%" + :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.coordinateId" + v-model="formInline.mataType" :placeholder="$t('common.choose')" + size="small" > <el-option - v-for="item in coordinateOption" - :key="item.epsgcode" - :label="item.coordinate" - :value="item.epsgcode" + v-for="item in metaOption" + :key="item.value" + :label="item.name" + :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 @@ -236,85 +176,7 @@ > </el-input> </el-form-item> - <!-- 閫夋嫨鍏冩暟鎹� --> - <el-form-item - v-show="uploadFlag" - style="padding-left: 16px" - > - <el-link - :disabled="tableData.length == 0 ? false : true" - v-show="formInline.metaData == '璇烽�夋嫨鍏冩暟鎹�'" - @click="setMetaFile" - :underline="false" - type="primary" - >{{ $t('dataManage.dataUpObj.selectMetadata') }} - </el-link> - <el-link - v-show="formInline.metaData != '璇烽�夋嫨鍏冩暟鎹�'" - @click="restMetaFile" - :underline="false" - type="primary" - >{{ $t('common.reset') }} - </el-link> - <input - id="metaDataFile" - type="file" - name="file" - multiple="multiple" - accept=".xls,.xlsx" - style="display: none" - @change="handleMetaFileChange" - ></input> - </el-form-item> - <el-form-item - v-show="uploadFlag" - size="small" - > - <el-input - :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" - v-model="formInline.metaData" - style="width:200px;" - disabled - > - </el-input> - </el-form-item> - <!-- 閫夋嫨WBS鏁版嵁 --> - <el-form-item v-show="!uploadFlag"> - <el-link - :disabled="tableData.length == 0 ? false : true" - v-show="formInline.wbsData == '璇烽�夋嫨WBS鏁版嵁'" - @click="setWBSFile" - :underline="false" - type="primary" - >{{ $t('dataManage.dataUpObj.selectWBSData') }} - </el-link> - <el-link - :disabled="tableData.length == 0 ? false : true" - v-show="formInline.wbsData != '璇烽�夋嫨WBS鏁版嵁'" - @click="restWBSFile" - :underline="false" - type="primary" - >{{ $t('common.reset') }} - </el-link> - <input - id="wbsDataFile" - type="file" - name="file" - multiple="multiple" - accept=".xls,.xlsx" - style="display: none" - @change="handleWBSFileChange" - ></input> - </el-form-item> - <el-form-item v-show="!uploadFlag"> - <el-input - placeholder="璇烽�夋嫨WBS鏁版嵁" - v-model="formInline.wbsData" - style="width:210px;" - disabled - > - </el-input> - </el-form-item> + </div> <div> <el-form-item> @@ -351,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" @@ -360,7 +222,7 @@ icon="el-icon-folder-checked" @click="handleQuayTestClick()" >{{ $t('common.quayTest') }} - </el-button> + </el-button> --> </el-form-item> </div> @@ -468,7 +330,7 @@ </div> <div> <el-form-item> - <el-button + <!-- <el-button v-if="menuStatus.upload" :disabled="multipleDelete.length == 0 ? true : false" @click="setEnclosure" @@ -476,7 +338,7 @@ type="success" size="small" >{{ $t('common.enclosure') }} - </el-button> + </el-button> --> <el-button v-if="menuStatus.delete" @click="setWarehouseDel" @@ -529,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"> @@ -564,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 @@ -602,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> @@ -619,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 @@ -1458,6 +1333,7 @@ dataUpload_selectMetaById, selectdirTab, } from "../../api/api"; +import { meta_type, sensor_type } from "./js/layerManage"; export default { name: "dataUpdata", @@ -1468,34 +1344,7 @@ return { coordinateOption: [], disOptions: [ - { - name: "宕╁娌荤悊", - value: "宕╁娌荤悊", - }, - { - name: "涓嶇ǔ瀹氭枩鍧℃不鐞�", - value: "涓嶇ǔ瀹氭枩鍧℃不鐞�", - }, - { - name: "鍦伴潰濉岄櫡娌荤悊", - value: "鍦伴潰濉岄櫡娌荤悊", - }, - { - name: "楂橀櫋杈瑰潯娌荤悊", - value: "楂橀櫋杈瑰潯娌荤悊", - }, - { - name: "娉ョ煶娴佹不鐞�", - value: "娉ョ煶娴佹不鐞�", - }, - { - name: "姘存瘉娌荤悊", - value: "姘存瘉娌荤悊", - }, - { - name: "婊戝潯娌荤悊", - value: "婊戝潯娌荤悊", - }, + ], testQuayVisible: false, formCheckAll: { @@ -1573,6 +1422,9 @@ coordinateId: null, path: null, verid: null, + sensorType: 0, + mataType: 0, + acqTime: null }, cascader: { label: "name", @@ -1581,22 +1433,7 @@ emitPath: false, }, specialtyOption: [ - { - value: "娴嬮噺涓撲笟", - label: "娴嬮噺涓撲笟", - }, - { - value: "鍕樺療涓撲笟", - label: "鍕樺療涓撲笟", - }, - { - value: "鍦扮伨涓撲笟", - label: "鍦扮伨涓撲笟", - }, - { - value: "娲炲簱涓撲笟", - label: "娲炲簱涓撲笟", - }, + ], fileType: [], pathBak: null, @@ -1669,15 +1506,18 @@ }, warehouseDialog: false, wareData: [], + metaOption: [], + sensorOption: [] }; }, mounted() { - + //鑾峰彇浼犳劅鍣ㄥ厓鏁版嵁绫诲瀷 + this.getSensorMeta() //鑾峰彇鍧愭爣绯� - this.setCoordinateSystem(); + // this.setCoordinateSystem(); //鑾峰彇椤圭洰鍚嶇О - this.setProjectName(); + // this.setProjectName(); //鑾峰彇鏂囦欢涓婁紶璺緞 this.getFilePath(); //鏉冮檺鑾峰彇 @@ -1693,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) { @@ -2009,11 +1853,11 @@ '-' + this.add0(d) + ' ' + - h + + this.add0(h) + ':' + - mm + + this.add0(mm) + ':' + - s + this.add0(s) ); }, //鑷姩鍖归厤鍙栨秷 @@ -2049,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; } @@ -2217,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, }; @@ -2541,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() { @@ -2703,8 +2557,11 @@ return; } this.entryOption = data.result; - this.formInline.entryId = this.entryOption[0].name; - this.formInline.dirid = this.entryOption[0].id; + if (this.entryOption.length > 0) { + this.formInline.entryId = this.entryOption[0].name; + this.formInline.dirid = this.entryOption[0].id; + } + this.getselectVerByDirid(); }, @@ -2724,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) { @@ -2855,6 +2712,7 @@ }, //鏍煎紡鍖栨椂闂� changetimeFile(res) { + if (!res.createTime) return; var time = new Date(res.createTime); var y = time.getFullYear(); var m = time.getMonth() + 1; @@ -2878,6 +2736,7 @@ }, //鏍煎紡鍖栨椂闂� add0(m) { + return m < 10 ? "0" + m : m; }, //澶у皬鍊兼敼鍙� @@ -2946,8 +2805,8 @@ }, //閲嶇疆鍏冩暟鎹� restMetaFile() { - this.formInline.metaData = "璇烽�夋嫨鍏冩暟鎹�"; - document.getElementById("metaDataFile").value = ""; + // this.formInline.metaData = "璇烽�夋嫨鍏冩暟鎹�"; + // document.getElementById("metaDataFile").value = ""; }, //閫夋嫨鍏冩暟鎹枃浠跺垏鎹� handleMetaFileChange(event) { -- Gitblit v1.9.3