From fe774d1b86848f213e766fa40f96e753802a642d Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期五, 25 八月 2023 17:49:13 +0800 Subject: [PATCH] 资源查询前端页面修改 --- /dev/null | 989 ------------ src/components/MapView/moonMap.vue | 4 src/assets/lang/zh.js | 7 src/views/resourceQuery/resourceQuery.vue | 305 +++ public/config/config.js | 8 src/assets/lang/en.js | 6 src/utils/auth.js | 2 src/views/datamanage/dataUpdata copy 2.vue | 3183 ++++++++++++++++++++++++++++++++++++++++ src/views/datamanage/dataUpdata.vue | 199 -- src/assets/img/d.png | 0 src/assets/img/展开菜单.png | 0 src/assets/img/收起菜单.png | 0 12 files changed, 3,504 insertions(+), 1,199 deletions(-) diff --git a/public/config/config.js b/public/config/config.js index 3991e24..66115df 100644 --- a/public/config/config.js +++ b/public/config/config.js @@ -1,13 +1,13 @@ -//var isWeb = location.hostname.indexOf("103.85.165.") > -1; -var isWeb = false; +var isWeb = location.hostname.indexOf("103.85.165.") > -1; +// var isWeb = false; var is_production = false;//鍒ゆ柇鏄惁涓虹敓浜х幆澧� -var webHost = isWeb ? "103.85.165.99" + ":8052" : '192.168.20.83' + ":8088"; +var webHost = isWeb ? "103.85.165.99" + ":28888" : '192.168.20.83' + ":8888"; // var webHost = isWeb ? "103.85.165.99" + ":8052" : '192.168.20.106' + ":9000"; - var fmeHost = isWeb ? "103.85.165.99" + ":8051" : '192.168.20.83' + ":88"; var iisHost = isWeb ? "103.85.165.99" + ":8050" : '192.168.20.83' + ":80"; + const webUrl = true ? "/middle" : ""; //SDK璁稿彲 var StaticFileBaseUrl = webUrl + "/CIMSDK/"; diff --git a/src/assets/img/d.png b/src/assets/img/d.png new file mode 100644 index 0000000..54458ca --- /dev/null +++ b/src/assets/img/d.png Binary files differ diff --git "a/src/assets/img/\345\261\225\345\274\200\350\217\234\345\215\225.png" "b/src/assets/img/\345\261\225\345\274\200\350\217\234\345\215\225.png" new file mode 100644 index 0000000..b119429 --- /dev/null +++ "b/src/assets/img/\345\261\225\345\274\200\350\217\234\345\215\225.png" Binary files differ diff --git "a/src/assets/img/\346\224\266\350\265\267\350\217\234\345\215\225.png" "b/src/assets/img/\346\224\266\350\265\267\350\217\234\345\215\225.png" new file mode 100644 index 0000000..859ba5e --- /dev/null +++ "b/src/assets/img/\346\224\266\350\265\267\350\217\234\345\215\225.png" Binary files differ diff --git a/src/assets/lang/en.js b/src/assets/lang/en.js index 0efe290..3b1986f 100644 --- a/src/assets/lang/en.js +++ b/src/assets/lang/en.js @@ -184,6 +184,7 @@ UploadType: 'Receipt Type', dataSpecialty: 'Data Specialty', storageDirectory: 'Storage Directory', + resourceDirectory: 'Resource Directory', dataVersion: 'Data Version', selectData: 'Select Data', selectMetadata: 'Select Metadata', @@ -192,7 +193,10 @@ coordinateSystem: 'Coordinate System', fileExtension: "File extension", inspectionItems: "Inspection items", - code: 'Code' + code: 'Code', + sensorType: 'Sensor Type', + collectionTime: 'Collection Time', + metadataType: 'Metadata Type' }, metadataManage: 'information management', uploadManage: 'Release management', diff --git a/src/assets/lang/zh.js b/src/assets/lang/zh.js index 1f7f2f5..aaf9265 100644 --- a/src/assets/lang/zh.js +++ b/src/assets/lang/zh.js @@ -175,6 +175,8 @@ UploadType: '鍏ュ簱绫诲瀷', dataSpecialty: '鏁版嵁涓撲笟', storageDirectory: '瀛樺偍鐩綍', + + resourceDirectory: '璧勬簮鐩綍', dataVersion: '鏁版嵁鐗堟湰', selectData: '閫夋嫨鏁版嵁', selectMetadata: '閫夋嫨鍏冩暟鎹�', @@ -183,7 +185,10 @@ coordinateSystem: '鍧愭爣绯�', fileExtension: "鏂囦欢鎵╁睍鍚�", inspectionItems: "妫�鏌ラ」", - code: '缂栫爜' + code: '缂栫爜', + sensorType: '浼犳劅鍣ㄧ被鍨�', + collectionTime: '閲囬泦鏃堕棿', + metadataType: '鍏冩暟鎹被鍨�' }, metadataManage: '淇℃伅绠$悊', diff --git a/src/components/MapView/moonMap.vue b/src/components/MapView/moonMap.vue index b7186c9..469b539 100644 --- a/src/components/MapView/moonMap.vue +++ b/src/components/MapView/moonMap.vue @@ -102,7 +102,7 @@ ellipsoid: Cesium.Ellipsoid.MOON, }), }); - console.log(urlTemplateImageryProvider); + // this.layerList.push({ // id: id, // layerData: urlTemplateImageryProvider._primitive, @@ -133,7 +133,7 @@ ); //椤甸潰鍒濆鍖� this.earthCtrl = new SmartEarth.EarthCtrl("cesiumContainer", { - StaticFileBaseUrl: StaticFileBaseUrl, + // StaticFileBaseUrl: StaticFileBaseUrl, ellipsoidCoordinates: "MOON", }); this.earthCtrl.environment.disableAllEffect(); diff --git a/src/utils/auth.js b/src/utils/auth.js index 8cfd2a3..617c7c4 100644 --- a/src/utils/auth.js +++ b/src/utils/auth.js @@ -26,7 +26,7 @@ const TokenKey = 'Admin-Token'; export function getToken() { - console.log(window.sessionStorage.getItem(TokenKey)); + // console.log(window.sessionStorage.getItem(TokenKey)); return window.sessionStorage.getItem(TokenKey); } diff --git a/src/views/datamanage/dataUpdata copy 2.vue b/src/views/datamanage/dataUpdata copy 2.vue new file mode 100644 index 0000000..a967df8 --- /dev/null +++ b/src/views/datamanage/dataUpdata copy 2.vue @@ -0,0 +1,3183 @@ +<template> + <div + class="subpage_Box" + v-loading="loading" + element-loading-background="rgba(0, 0, 0, 0.8)" + :element-loading-text="loadText" + > + <My-bread :list="[ + `${$t('dataManage.dataManage')}`, + `${$t('dataManage.dataUpdata')}`, + ]"></My-bread> + <el-divider /> + <el-tabs + type="card" + v-model="activeTabName" + @tab-click="handleTabClick" + > + <!-- 涓婁紶鏁版嵁 --> + <el-tab-pane + :label="$t('dataManage.dataUpObj.uploaddata')" + name="first" + > + <div + class="inquire subpage_Div" + ref="container" + > + <el-form + :inline="true" + :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')" + size="small" + > + <el-select + ref="multiSelect" + :popper-append-to-body="false" + v-model="formInline.dirName" + :disabled="tableData.length == 0 ? false : true" + > + <el-option + :value="formInline.dirid" + :label="formInline.dirName" + style=" height:auto" + > + <el-tree + ref="tree" + :data="catalogOption" + node-key="id" + :props="cascader" + @node-click="catalogChange" + /> + </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')" + style="margin-right: 2%" + size="small" + > + <el-select + :popper-append-to-body="false" + :disabled="tableData.length == 0 ? false : true" + v-model="formInline.verid" + :placeholder="$t('common.choose')" + size="small" + > + <el-option + v-for="item in verOption" + :key="item.id" + :label="item.name" + :value="item.id" + > + </el-option> + </el-select> + </el-form-item> + <!-- 鏁版嵁涓撲笟 --> + <!-- <el-form-item + :label="$t('dataManage.dataUpObj.dataSpecialty')" + style="margin-right: 2%" + size="small" + > + <el-select + :popper-append-to-body="false" + :disabled="tableData.length == 0 ? false : true" + v-model="formInline.specialtyId" + :placeholder="$t('common.choose')" + > + + <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='绾胯矾涓撲笟' + /> + </el-select> + </el-form-item> --> + <!-- 鍧愭爣绯� --> + <el-form-item + v-show="false" + :label="$t('dataManage.dataUpObj.coordinateSystem')" + style="margin-right: 3%" + size="small" + > + <el-select + :popper-append-to-body="false" + :disabled="tableData.length == 0 ? false : true" + v-model="formInline.coordinateId" + :placeholder="$t('common.choose')" + > + <el-option + v-for="item in coordinateOption" + :key="item.epsgcode" + :label="item.coordinate" + :value="item.epsgcode" + > + </el-option> + </el-select> + </el-form-item> + <div class="flex_box"> + <div style="margin-right: auto"> + <!-- 閫夋嫨鏁版嵁 --> + <el-form-item size="small"> + <el-link + :disabled="tableData.length == 0 ? false : true" + v-show="formInline.specialtyData == '璇烽�夋嫨鏁版嵁'" + @click="setSelectFile" + :underline="false" + type="primary" + >{{ $t('dataManage.dataUpObj.selectData') }} + </el-link> + <el-link + v-show="formInline.specialtyData != '璇烽�夋嫨鏁版嵁'" + @click="restSelectFile" + :underline="false" + type="primary" + >{{ $t('common.reset') }} + </el-link> + <input + size="small" + id="selectDataFile" + type="file" + name="file" + multiple="multiple" + :accept="formInline.selectFileType" + @change="handleSelectFileChange" + style="display: none" + ></input> + </el-form-item> + <el-form-item size="small"> + <el-input + :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" + v-model="formInline.specialtyData" + style="width:200px;" + disabled + > + </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> + <!-- 涓婁紶 --> + <el-button + v-if="menuStatus.upload" + :disabled="tableData.length == 0 ? false : true" + @click="setFileUpload" + size="small" + icon="el-icon-upload" + type="success" + >{{ + $t('common.upload') + }} + </el-button> + <!-- 鍒犻櫎 --> + <el-button + v-if="menuStatus.delete" + :disabled="multipleSelection.length == 0 ? true : false" + icon="el-icon-delete" + size="small" + @click="setFileDelete" + type="danger" + >{{ $t('common.delete') }} + </el-button> + <!-- 鍏ュ簱 --> + <el-button + v-if="menuStatus.insert" + @click="setFileWare" + size="small" + :disabled="tableData.length == 0 ? true: false" + icon="el-icon-folder-add" + type="warning" + >{{ $t('common.Warehousin') }} + </el-button> + <!-- 璐ㄦ --> + <el-button + style="margin-right:-9px" + v-if="menuStatus.insert" + :disabled="multipleSelection.length == 0 ? true : false" + type="info" + size="small" + icon="el-icon-folder-checked" + @click="handleQuayTestClick()" + >{{ $t('common.quayTest') }} + </el-button> + + </el-form-item> + </div> + </div> + + </el-form> + + </div> + <!-- 涓婁紶鏁版嵁鍒楄〃 --> + <div class="dividing-line"></div> + <div + class="table_box" + :style="styleVar" + > + <el-table + style="width:100%" + border + :data="tableData" + @selection-change="handleSelectionChange" + height="calc(100% - 57px)" + > + <el-table-column + type="selection" + width="55" + /> + + <el-table-column + align="center" + type="index" + :label="$t('common.index')" + width="70px" + /> + <el-table-column + align="center" + prop="name" + :label="$t('common.name')" + /> + <el-table-column + align="center" + prop="sizes" + :label="$t('common.size')" + :formatter="changeSizeFile" + /> + <el-table-column + align="center" + prop="status" + label="鐘舵��" + /> + <el-table-column + align="center" + prop="code" + label="鐘舵��" + v-if="false" + /> + <el-table-column + label="鎿嶄綔" + width="120" + > + <template slot-scope="scope"> + <el-button + v-if="menuStatus.download" + v-show="scope.row.code != null" + @click="handerLogClick(scope.row)" + type="primary" + size="mini" + plain + > 鏃ュ織 + </el-button> + </template> + </el-table-column> + </el-table> + </div> + </el-tab-pane> + <!-- 鍏ュ簱鏁版嵁娓呭崟 --> + <el-tab-pane + :label="$t('dataManage.dataUpObj.receiptdata')" + name="second" + > + <div + class="inquire subpage_Div" + ref="container1" + > + <el-form + :inline="true" + :model="formWarehousing" + class="demo-form-inline" + > + <div class="flex_box"> + <div style="margin-right: auto"> + <el-form-item + size="small" + :label="$t('dataManage.dataUpObj.describe')" + > + <el-input + v-model="formWarehousing.name" + :placeholder="$t('shuJuGuanLi.lable1')" + style="width: 200px;" + ><i + slot="suffix" + class="el-icon-search" + @click="setWarehouseSearch" + style="padding-right: 8px" + ></i></el-input> + </el-form-item> + </div> + <div> + <el-form-item> + <el-button + v-if="menuStatus.upload" + :disabled="multipleDelete.length == 0 ? true : false" + @click="setEnclosure" + icon="el-icon-folder-opened" + type="success" + size="small" + >{{ $t('common.enclosure') }} + </el-button> + <el-button + v-if="menuStatus.delete" + @click="setWarehouseDel" + icon="el-icon-folder-delete" + type="danger" + size="small" + >{{ $t('common.delete') }} + </el-button> + <!-- <el-button + @click="setWarehouseSearch" + icon="el-icon-upload" + size="small" + class="primary" + >{{ + $t('common.iquery') + }} + </el-button>--> + <el-button + @click="setWarehouseReset" + icon="el-icon-folder-add" + size="small" + type="info" + >{{ $t('common.reset') }} + </el-button> + </el-form-item> + </div> + </div> + + </el-form> + </div> + <!-- 鍏ュ簱 --> + <div class="dividing-line"></div> + <div + class="table_box" + :style="styleVar1" + > + <el-table + ref="filterTable" + :data="waretableData" + style="width: 100%" + border + height="calc(100% - 57px)" + @selection-change="handleDelteChange" + > + <el-table-column + type="selection" + width="55" + > + </el-table-column> + <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" + > + <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-if="scope.row.metaid > 0"> + <el-link + style="color:#409eff" + title="鍏冩暟鎹煡璇�" + @click="setMetaDataQuery(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" + :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" + :label="$t('common.dataStatus')" + :formatter="stateFormat" + > + + </el-table-column> + <el-table-column + align=" + center" + prop="desc" + :label="$t('dataManage.dataUpObj.describe')" + /> + <el-table-column + align="center" + prop="uname" + :label="$t('dataManage.vmobj.createonuser')" + /> + <el-table-column + align="center" + prop="createTime" + :label="$t('dataManage.vmobj.createontime')" + :formatter="changetimeFile" + width="100" + /> + </el-table> + <div + class="pagination_box" + style="margin-top: 15px" + > + <el-pagination + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page="listData.pageIndex" + :page-sizes="[10, 50, 100, 200]" + :page-size="listData.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="count" + > + </el-pagination> + </div> + </div> + + </el-tab-pane> + </el-tabs> + <!-- 璐ㄦ寮圭獥 --> + <el-dialog + title="鏁版嵁璐ㄦ" + :visible.sync="quayTestVisible" + width="70%" + :modal="false" + :before-close="handleQuayTestCloseDown" + > + <div class="dialogDiv"> + <el-form + :inline="true" + :model="quayTestForms " + class="demo-form-inline" + > + <el-form-item :label="$t('dataManage.dataUpObj.dataSpecialty')"> + <el-input + disabled + v-model="quayTestForms.sjzy" + ></el-input> + </el-form-item> + <el-form-item :label="$t('dataManage.dataUpObj.storageDirectory')"> + <el-input + disabled + style="width:400px" + v-model="quayTestForms.names" + ></el-input> + </el-form-item> + </el-form> + <el-divider /> + <div class="dialogContent"> + <div + class="ContBox" + v-show="quayTestShow.checkAttrs" + > + <el-checkbox + checked + disabled + >灞炴�ф鏌ワ細(*dlg*.gdb+*鍦板舰鍥�**.dwg) + </el-checkbox> + </div> + <div + class="ContBox" + v-show="quayTestShow.checkMath" + > + <el-checkbox + checked + disabled + >鏁板鍩虹妫�鏌ワ細(.shp,.dlg) + </el-checkbox> + </div> + <div + class="ContBox" + v-show="quayTestShow.checkDecorate" + > + <el-checkbox + checked + disabled + >鍥鹃潰鏁撮グ妫�鏌ワ細(.dwg) + </el-checkbox> + </div> + <div + class="ContBox" + v-show="quayTestShow.checkXls" + > + <el-checkbox + checked + disabled + >琛ㄦ牸鏁版嵁妫�鏌ワ細(.xls/.xlsx) + </el-checkbox> + </div> + <div + class="ContBox" + v-show="quayTestShow.checkOrigin" + > + <el-checkbox + checked + disabled + >鍘熺偣妫�鏌ワ細(*鍓栭潰鍥�*.dwg) + </el-checkbox> + </div> + <div + class="ContBox" + v-show="quayTestShow.checkMeta" + > + <el-checkbox + checked + disabled + >鍏冩暟鎹鏌ワ細(*鍏冩暟鎹�*.xls/.xlsx) + </el-checkbox> + </div> + <div + class="ContBox" + v-show="quayTestShow.checkTopology" + > + <el-form + ref="quayForms" + :model="quayTestForms" + class="demo-form-inline" + > + <el-form-item> + <el-checkbox + checked + disabled + >鎷撴墤妫�鏌ワ細(*鍦板舰鍥�*.dwg) + </el-checkbox> + </el-form-item> + <el-form-item> + <div class="ContDiv"> + <div class="contLable">瀹瑰樊(榛樿0.001):</div> + <div> + <el-input v-model="quayTestForms.tolerance"></el-input> + </div> + </div> + </el-form-item> + <el-form-item> + <div class="ContDiv"> + <div class="contLable">楂樼▼鐐归棿璺濅笂闄�(榛樿20):</div> + <div> + <el-input v-model="quayTestForms.gcdOffset"></el-input> + </div> + </div> + </el-form-item> + <el-form-item> + <div class="ContDiv"> + <div class="contLable">娴嬪尯鑼冨洿(榛樿200):</div> + <div> + <el-input v-model="quayTestForms.rangeOffset"></el-input> + </div> + </div> + </el-form-item> + <el-form-item> + <div class="ContDiv"> + <div class="contLable">鎺у埗鐐归棿璺濅笂闄�(榛樿100):</div> + <div> + <el-input v-model="quayTestForms.kzdOffset"></el-input> + </div> + </div> + </el-form-item> + <el-form-item> + <div class="ContDiv"> + <div class="contLable">鎮寕绾挎渶澶ц窛绂�(榛樿0.005):</div> + <div> + <el-input v-model="quayTestForms.xgMax"></el-input> + </div> + </div> + </el-form-item> + </el-form> + </div> + <div + class="ContBox" + v-show="quayTestShow.checkDom" + > + <el-form + ref="quayForms" + :model="quayTestForms" + class="demo-form-inline" + > + <el-form-item> + <el-checkbox + checked + disabled + >鏍呮牸妫�鏌ワ細(.tif/.img) + </el-checkbox> + </el-form-item> + <el-form-item> + <div class="ContDiv"> + <div class="contLable">鍧愭爣绯�:</div> + <div> + <el-input v-model="quayTestForms.coordinateSystem"></el-input> + </div> + </div> + </el-form-item> + <el-form-item> + <div class="ContDiv"> + <div class="contLable">鍒嗚鲸鐜�(榛樿0.2):</div> + <div> + <el-input v-model="quayTestForms.imgResolution"></el-input> + </div> + </div> + </el-form-item> + </el-form> + </div> + <div + class="ContBox" + v-show="quayTestShow.checkDem" + > + <el-form + ref="quayForms" + :model="quayTestForms" + class="demo-form-inline" + > + <el-form-item> + <el-checkbox + checked + disabled + >楂樼▼妫�鏌ワ細(.tif/.img) + </el-checkbox> + </el-form-item> + <el-form-item> + <div class="ContDiv"> + <div class="contLable">楂樼▼涓宸�(榛樿5):</div> + <div> + <el-input v-model="quayTestForms.demTolerance"></el-input> + </div> + </div> + </el-form-item> + <el-form-item> + <div class="ContDiv"> + <div class="contLable">楂樼▼鍊肩獊鍙樼巼(榛樿200):</div> + <div> + <el-input v-model="quayTestForms.demChangeRate"></el-input> + </div> + </div> + </el-form-item> + </el-form> + </div> + <div + class="ContBox" + v-show="quayTestShow.checkLaz" + > + <el-form + ref="quayForms" + :model="quayTestForms" + class="demo-form-inline" + > + <el-form-item> + <el-checkbox + checked + disabled + >鐐逛簯妫�鏌ワ細(.laz + *婵�鍏夌偣浜�*.xls/.xlsx) + </el-checkbox> + </el-form-item> + <el-form-item> + <div class="ContDiv"> + <div class="contLable">鐐逛簯瀵嗗害(榛樿1):</div> + <div> + <el-input v-model="quayTestForms.lazDensity"></el-input> + </div> + </div> + </el-form-item> + </el-form> + </div> + <div + class="ContBox" + v-show="quayTestShow.checkOsgb" + > + <el-form + ref="quayForms" + :model="quayTestForms" + class="demo-form-inline" + > + <el-form-item> + <el-checkbox + checked + disabled + >OSGB妫�鏌ワ細(.osgb + *鍊炬枩鎽勫奖*.xls/.xlsx) + </el-checkbox> + </el-form-item> + <el-form-item> + <div class="ContDiv"> + <div class="contLable">楂樼▼涓宸�(榛樿0.2):</div> + <div> + <el-input v-model="quayTestForms.imgResolution"></el-input> + </div> + </div> + </el-form-item> + </el-form> + </div> + </div> + </div> + <span + slot="footer" + class="dialog-footer" + > + <el-button + class="elBotton" + size="small" + @click="quayTestVisible = false" + >鍙� 娑�</el-button> + <el-button + class="elBotton" + size="small" + @click="commonQuayTest" + >纭� 瀹�</el-button> + </span> + </el-dialog> + <!-- 鏁翠綋鏂囦欢璐ㄦ寮圭獥 --> + <el-dialog + title="鏁版嵁璐ㄦ" + :visible.sync="testQuayVisible" + :modal="false" + :before-close="handleTestQuayCloseDown" + > + <el-form + :model="formCheckAll" + label-position="top" + > + <el-form-item label="椤圭洰鍚嶇О"> + + <el-input + disabled + v-model="formCheckAll.xmmc" + style="width:85%" + ></el-input> + + </el-form-item> + <el-form-item label="鎵�灞炰笓涓�"> + + <el-input + disabled + v-model="formCheckAll.sjzy" + style="width:85%" + ></el-input> + + </el-form-item> + <el-form-item + v-show="formCheckAll.isDiZai" + label="鍦扮伨绫诲瀷" + > + + <el-select + v-model="formCheckAll.diZaiType" + placeholder="璇烽�夋嫨" + style="width:85%" + > + <el-option + v-for="item in disOptions" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + + </el-form-item> + </el-form> + <span + slot="footer" + class="dialog-footer" + > + <el-button + class="elBotton" + size="small" + @click="testQuayVisible = false" + >鍙� 娑�</el-button> + <el-button + class="elBotton" + size="small" + @click="commonTestQuay()" + >纭� 瀹�</el-button> + </span> + </el-dialog> + <!-- ifream涓嬭浇鏂囦欢鍦板潃 --> + <iframe + id="downFrame" + src="" + style="display: none; border: 0; padding: 0; height: 0; width: 0" + ></iframe> + <!-- 鏁版嵁鍖归厤 --> + <el-dialog + :title="$t('dataManage.datawarehousing')" + :visible.sync="dialogWarehousing" + width="70%" + > + <div class="dialogBox"> + <div + class="transFarBox subpage_Div" + style="border: 1px solid #E4E7ED;" + > + <ul> + <li + @click="singleElection(item)" + v-for="(item, i) in tableWareOne" + :class="{ active: activeName == item.eventid }" + >{{ item.tab }} ({{ item.type }}) + </li> + </ul> + </div> + <div class="tarnsbtton"> + <div> + <div style="padding:2%"> + <el-link><i class="el-icon-plus"></i></el-link> + </div> + </div> + + </div> + <div + class="transFarBox subpage_Div" + style="border: 1px solid #E4E7ED;" + > + <ul> + <li + @click="singleElection2(item)" + v-for="(item, i) in tableWareTwo" + :class="{ active: activeName2 == item.entity }" + >{{ item.tabDesc }} ( {{ item.ns }}.{{ item.tab }}) + </li> + </ul> + </div> + <div class="tarnsbtton"> + <div> + <div style="padding:2%"> + <el-link @click="setWareTableChangeLeft"><i class="el-icon-d-arrow-left"></i></el-link> + </div> + <br /> + <div style="padding:2%"> + <el-link><i + @click="setWareTableChangeRight" + class="el-icon-d-arrow-right" + ></i></el-link> + </div> + </div> + </div> + <div + class="transFarBox subpage_Div" + style="border: 1px solid #E4E7ED;" + > + <ul> + <li + @click="singleElection3(i)" + v-for="(item, i) in tableWareThree" + :class="{ active: activeName3 ==( item.tab+i)}" + >{{ item.tab }} ( {{ item.tabDesc }} {{ item.ns }}.{{ item.tabs }} ) + </li> + </ul> + </div> + </div> + <span + slot="footer" + class="dialog-footer" + > + <el-button + size="small" + @click="autoMatchWare" + type="primary" + >鑷姩鍖归厤</el-button> + <el-button + size="small" + type="info" + @click="setInsrtWareTableClose " + >鍙� 娑�</el-button> + <el-button + size="small" + type="primary" + @click="setInsrtWareTable" + >纭� 瀹�</el-button> + </span> + </el-dialog> + <el-dialog + :title="$t('common.details')" + :visible.sync="dialogVisible" + width="70%" + > + <div style="height: 500px; overflow: auto"> + <el-table + ref="filterTable" + :data="dbTableData" + height="90%" + border + style="width: 100%" + > + <el-table-column + width="60" + type="index" + :label="$t('common.index')" + /> + <el-table-column + v-for="(item, index) in attributeData" + :key="index" + :label="item.alias" + :prop="item.field" + show-overflow-tooltip + align="center" + ></el-table-column> + </el-table> + <div + style="margin-top: 15px" + class="pagination_box" + > + <el-pagination + @size-change="handleLoaderSizeChange" + @current-change="handleLoaderCurrentChange" + :current-page="listLoader.pageIndex" + :page-sizes="[10, 50, 100, 200]" + :page-size="listLoader.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="count1" + > + </el-pagination> + </div> + </div> + + </el-dialog> + <el-dialog + :close-on-click-modal="false" + :title="sc.label1" + :visible.sync="jindudialogVisible" + width="30%" + > + <div> + <div> + {{sc.label2}} + </div> + <div> + <el-progress + :percentage="jindutiao" + :format="format" + ></el-progress> + </div> + </div> + + </el-dialog> + <el-dialog + :title="$t('common.details')" + :visible.sync="enclosureVisible" + :show-close="false" + > + <span + style="font-size:20px" + class="scopeRowColor" + >{{ enclosureTitle }}涓嶈兘涓婁紶闄勪欢鏄惁缁х画</span> + <span + slot="footer" + class="dialog-footer" + > + <el-button @click="enclosureVisible = false">鍙� 娑�</el-button> + <el-button + type="primary" + @click="uploadAnFiles" + >缁х画</el-button> + </span> + </el-dialog> + <el-dialog + :title="fromQueryMeta.title" + :visible.sync="queryMetaFlag" + width="70%" + > + <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 + style="margin-top: 15px" + class="pagination_box" + > + <el-pagination + @size-change="handleMetaSizeChange" + @current-change="handMetaCurrentChange" + :current-page="listMetaData.pageIndex" + :page-sizes="[10, 50, 100, 200]" + :page-size="listMetaData.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="listMetaData.count" + > + </el-pagination> + </div> + </div> + + </el-dialog> + <el-dialog + :title="fromQueryMeta.title" + :visible.sync="queryMetaFlag1" + width="70%" + > + <div style="height: 65vh; width: 100%"> + + <el-table + ref="filterTable" + :data="metaDataTable1" + style="width: 100%" + height="100%" + > + <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> + </el-dialog> + <el-dialog + :title="fromQueryMeta.title" + :visible.sync="warehouseDialog" + width="70%" + :close-on-click-modal="false" + :before-close="handleWarehouseClose" + > + <div style="height:65vh"> + <el-table + ref="wareTable" + :data="wareData" + style="width: 100%" + height="calc(100% - 1px)" + > + <el-table-column + align="center" + prop="name" + :label="$t('common.name')" + /> + <el-table-column + align="center" + prop="sizes" + :label="$t('common.size')" + :formatter="changeSizeFile" + /> + <el-table-column + align="center" + prop="type" + :label="$t('common.type')" + /> + <el-table-column + align="center" + prop="msg" + :label="$t('common.warehousResults')" + /> + </el-table> + </div> + </el-dialog> + <input + name="file1" + :accept="'.zip'" + type="file" + id="editimageFile" + multiple="multiple" + style="display: none" + @change="uploadAnFilesChange" + /> + </div> +</template> + +<script> +import $ from "jquery"; +import MyBread from "../../components/MyBread.vue"; +import { getToken } from "@/utils/auth"; +import { + dataUpload_deleteMetas, + dataUpload_insertFiles, + dataUpload_selectByPageForUpload, + dataUpload_selectCoords, + dataUpload_selectDbData, + dataUpload_selectFields, + dataUpload_selectMappers, + dataUpload_selectPageAndCountByPid, + dataUpload_selectProject, + dataUpload_selectTabs, + dataUpload_selectTaskStatus, + dataUpload_uploadChecks, + dataUploadDeleteFiles, + dataUploadSelectFiles, + dataUploadSelectPath, + dataUploadSelectVerByDirid, + dataUpload_selectMetaById, + selectdirTab, +} from "../../api/api"; + +export default { + name: "dataUpdata", + components: { + MyBread, + }, + data() { + return { + coordinateOption: [], + disOptions: [ + { + name: "宕╁娌荤悊", + value: "宕╁娌荤悊", + }, + { + name: "涓嶇ǔ瀹氭枩鍧℃不鐞�", + value: "涓嶇ǔ瀹氭枩鍧℃不鐞�", + }, + { + name: "鍦伴潰濉岄櫡娌荤悊", + value: "鍦伴潰濉岄櫡娌荤悊", + }, + { + name: "楂橀櫋杈瑰潯娌荤悊", + value: "楂橀櫋杈瑰潯娌荤悊", + }, + { + name: "娉ョ煶娴佹不鐞�", + value: "娉ョ煶娴佹不鐞�", + }, + { + name: "姘存瘉娌荤悊", + value: "姘存瘉娌荤悊", + }, + { + name: "婊戝潯娌荤悊", + value: "婊戝潯娌荤悊", + }, + ], + testQuayVisible: false, + formCheckAll: { + names: null, + sjzy: null, + diZaiType: null, + xmmc: null, + isDiZai: null, + }, + quayTestForms: { + xmmc: null, + names: null, + sjzy: null, + tolerance: "0.001", + gcdOffset: "20", + rangeOffset: "200", + kzdOffset: "100", + xgMax: "0.005", + coordinateSystem: "CGCS2000/degree", + imgResolution: "0.2", + demTolerance: "5", + demChangeRate: "200", + lazDensity: "1", + }, + quayTestShow: { + checkOsgb: false, + checkXls: false, + checkLaz: false, + checkDem: false, + checkAttrs: false, + checkTopology: false, + checkDecorate: false, + checkOrigin: false, + checkDom: false, + checkMath: false, + checkMeta: false, + checkMain: false, + }, + quayTestVisible: false, + multipleDelete: [], + waretableData: [], + listData: { + pageIndex: 1, + pageSize: 10, + name: null, + }, + count: 0, + formWarehousing: { name: "" }, + multipleSelection: [], + tableData: [], + entryOption: [], + uploadFlag: true, + verOption: [], + catalogOption: [], + activeTabName: "first", + uploadOption: [ + { + value: "v1", + label: "鍗曟枃浠朵笂浼�", + }, + { + value: "v2", + label: "椤圭洰鏁翠綋涓婁紶", + }, + ], + formInline: { + uploadType: "v1", + dirid: null, + specialtyId: "娴嬮噺涓撲笟", + specialtyData: "璇烽�夋嫨鏁版嵁", + metaData: "璇烽�夋嫨鍏冩暟鎹�", + wbsData: "璇烽�夋嫨WBS鏁版嵁", + entryId: null, + selectFileType: "*.*", + coordinateId: null, + path: null, + verid: null, + }, + cascader: { + label: "name", + value: "id", + children: "children", + emitPath: false, + }, + specialtyOption: [ + { + value: "娴嬮噺涓撲笟", + label: "娴嬮噺涓撲笟", + }, + { + value: "鍕樺療涓撲笟", + label: "鍕樺療涓撲笟", + }, + { + value: "鍦扮伨涓撲笟", + label: "鍦扮伨涓撲笟", + }, + { + value: "娲炲簱涓撲笟", + label: "娲炲簱涓撲笟", + }, + ], + fileType: [], + pathBak: null, + progress: 0, + setIntel: null, + taskStatus: 0, + dialogWarehousing: false, + tableWareOne: [], + tableWareTwo: [], + tableWareThree: [], + wareSelectOne: null, + wareSelectTwo: null, + activeName: "", + activeName2: "", + activeName3: "", + wareTableFlag: null, + insertWareList: null, + loading: false, + loadText: '', + dbTableData: [], + dialogVisible: false, + listLoader: { + dirid: null, + pageIndex: 1, + pageSize: 10, + }, + count1: 0, + attributeData: [], + menuStatus: { + delete: false, + insert: false, + update: false, + upload: false, + download: false, + }, + jindutiao: 0, + jindudialogVisible: false, + jindutiaoname: [], + enclosureData: [], + enclosureVisible: false, + enclosureTitle: "", + tableHeight: 0, + timer: 0, + styleVar: { + height: "calc(100% - 109px)", + }, + styleVar1: { + height: "calc(100% - 109px)", + }, + metaFileData: [], + listMetaData: { + metaid: 0, + name: "", + pageIndex: 1, + pageSize: 10, + count: 0, + }, + queryMetaFlag: false, + fromQueryMeta: { + title: "", + name: "", + }, + metaDataTable: [], + queryMetaFlag1: false, + metaDataTable1: [], + getCheckedKeys: null, + sc: { + label1: '涓婁紶', + label2: '鏂囦欢涓婁紶杩涘害锛�' + }, + warehouseDialog: false, + wareData: [], + }; + }, + + mounted() { + + //鑾峰彇鍧愭爣绯� + this.setCoordinateSystem(); + //鑾峰彇椤圭洰鍚嶇О + this.setProjectName(); + //鑾峰彇鏂囦欢涓婁紶璺緞 + this.getFilePath(); + //鏉冮檺鑾峰彇 + this.getPerms(); + window.addEventListener("resize", this.onResize); + this.calHeight(); + //鑾峰彇鐩綍 + this.getSelectdirTab(); + }, + beforeDestroy() { + this.timer && clearTimeout(this.timer); + window.removeEventListener("resize", this.onResize); + }, + watch: {}, + methods: { + stateFormat(row, column) { + var val = ['shp', 'gdb', 'xls', 'xlsx'] + if (val.indexOf(row.type) > -1 && row.rows > 0) { + return '宸蹭笂浼�,宸插叆搴�' + } else if (val.indexOf(row.type) > -1 && row.rows == 0) { + return '宸蹭笂浼�,鏈叆搴�' + } else { + return '宸蹭笂浼�' + } + }, + 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(); + }, + + //鍏冩暟鎹煡璇� + async setMetaDataQuery(row) { + this.fromQueryMeta.title = row.name; + this.listMetaData = { + id: row.metaid, + }; + const data = await dataUpload_selectMetaById(this.listMetaData); + if (data.code != 200) { + return; + } + this.queryMetaFlag1 = true; + this.metaDataTable1 = [data.result]; + }, + + + //鍏冩暟鎹煡璇� + 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(() => { + this.calHeight(); + }, 500); + }, + calHeight() { + 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 + 28}px)`; + this.styleVar1["height"] = `calc(100% - ${rect1.height + 28}px)`; + }); + }, + editFromDataClose() { + this.updateFormdialog = false; + this.$nextTick(() => { + this.editForm = JSON.parse(this.initialForm); + }); + }, + //闄勪欢鍙樺寲 + uploadAnFilesChange() { + var formData = new FormData(); + var fs = document.getElementById("editimageFile"); + if (fs.files.length == 0) { + this.$message.error("璇烽�夋嫨瑕佷笂浼犵殑鏂囦欢"); + return; + } + for (var i = 0, c = fs.files.length; i < c; i++) { + formData.append("file", fs.files[i]); // fs.files[i].name,file + } + for (var i in this.enclosureData) { + formData.append("ids", this.enclosureData[i]); + } + const that = this; + this.sc = { + label1: '涓婁紶', + label2: '鏂囦欢涓婁紶杩涘害锛�' + } + that.jindudialogVisible = true; + that.$set(this, "jindutiaoname", "闄勪欢涓婁紶"); + that.$set(this, "jindutiao", 0); + + this.loading = true; + $.ajax( + BASE_URL + + "/dataUpload/uploadXlsAnnex?token=" + + getToken() + + "&path=" + + this.formInline.path, + { + type: "post", + data: formData, + async: true, + cache: false, + processData: false, + contentType: false, + success: (rs) => { + this.loading = false; + if (rs.code != 200) { + return this.$message.error("闄勪欢涓婁紶澶辫触"); + } + + this.$set(this, "jindutiao", 100); + this.$message({ + message: "闄勪欢涓婁紶鎴愬姛", + type: "success", + }); + }, + error: (rs) => { + this.loading = false; + this.$message.error("闄勪欢涓婁紶澶辫触"); + }, + xhr: function () { + var myXhr = $.ajaxSettings.xhr(); + if (myXhr.upload) { + //妫�鏌pload灞炴�ф槸鍚﹀瓨鍦� + myXhr.upload.addEventListener( + "progress", + that.progressHandlingFunction, + false + ); //缁戝畾progress浜嬩欢鐨勫洖璋冨嚱鏁� + } + return myXhr; //xhr瀵硅薄杩斿洖缁檍Query浣跨敤 + }, + } + ); + }, + //閫夋嫨涓婁紶闄勪欢鐨勬枃浠� + uploadAnFiles() { + $("#editimageFile").click(); + }, + //涓婁紶闄勪欢 + uploadAnnex() { + }, + //闄勪欢涓婁紶 + setEnclosure() { + var enclosureData = [ + "bd.b_pac_hydrogeology", + "bd.b_pac_frozensoil", + "bd.b_pac_geologic_hazard", + "bd.b_pac_marine_meteorological", + "bd.b_pac_meteorological", + "bs.m_equipment_nameplate", + "bs.m_hydraulic_protection", + "bs.m_marker", + "bs.s_explorationpoint", + ]; + var std = []; + this.enclosureData = []; + this.enclosureTitle = ""; + for (var i in this.multipleDelete) { + var row = this.multipleDelete[i]; + + if (row.tab && row.rows && enclosureData.indexOf(row.tab) > -1) { + this.enclosureData.push(row.id); + } else { + std.push(row.name); + } + } + if (std.length != 0) { + this.enclosureTitle = std.toString(); + this.enclosureVisible = true; + } else { + this.uploadAnFiles(); + } + }, + //鏉冮檺閰嶇疆 + showPermsMenu(res) { + switch (res.tag) { + case "/delete": + this.menuStatus.delete = true; + break; + case "/insert": + this.menuStatus.insert = true; + break; + case "/update": + this.menuStatus.update = true; + break; + case "/upload": + this.menuStatus.upload = true; + break; + case "/download": + this.menuStatus.download = true; + break; + } + }, + getPerms() { + var val = this.$store.state.currentPerms; + var permsEntity = this.$store.state.permsEntity; + + if (!permsEntity || !permsEntity.length) { + getPerms().then((res) => { + if (res.code == 200) { + permsEntity = res.result; + } + }); + } + for (var i = 0; i < permsEntity.length; i++) { + if (val === permsEntity[i].perms) { + this.showPermsMenu(permsEntity[i]); + } + } + }, + //鏁版嵁鍒楄〃娓呭崟-table 鐐瑰嚮 + handleLoaderSizeChange(val) { + this.listLoader.pageIndex = 1; + this.listLoader.pageSize = val; + this.getDataLoaderSelectDbData(); + }, + handleLoaderCurrentChange(val) { + this.listLoader.pageIndex = val; + this.getDataLoaderSelectDbData(); + }, + async detail(res) { + var val = res.tab.split("."); + const data = await dataUpload_selectFields({ + ns: val[0], + tab: val[1], + }); + if (data.code != 200) { + this.$message.error("瀛楁鍒楄〃璋冪敤澶辫触"); + return; + } + var val_data = data.result; + for (var i in val_data) { + if (val_data[i].alias.indexOf("ID") != -1) { + val_data[i].alias = val_data[i].alias.replace("ID", ""); + } + } + this.dialogVisible = true; + this.attributeData = val_data; + + this.listLoader = { + id: res.id, + pageIndex: 1, + pageSize: 10, + }; + this.getDataLoaderSelectDbData(); + }, + async getDataLoaderSelectDbData() { + const data1 = await dataUpload_selectDbData(this.listLoader); + if (data1.code != 200) { + this.$message.error("瀛楁鍒楄〃璋冪敤澶辫触"); + return; + } + + var val = data1.result; + for (var i in val) { + val[i].createuser = val[i].createName; + val[i].depid = val[i].depName; + val[i].dirid = val[i].dirName; + val[i].verid = val[i].verName; + val[i].updateuser = val[i].updateName; + if (val[i].createtime != null) { + val[i].createtime = this.changetimeLayer(val[i].createtime); + } + if (val[i].updatetime != null) { + val[i].updatetime = this.changetimeLayer(val[i].updatetime); + } + } + this.dbTableData = data1.result; + this.count1 = data1.count; + }, + + changetimeLayer(res) { + var time = new Date(res); + var y = time.getFullYear(); + var m = time.getMonth() + 1; + var d = time.getDate(); + var h = time.getHours(); + var mm = time.getMinutes(); + var s = time.getSeconds(); + return ( + y + + '-' + + this.add0(m) + + '-' + + this.add0(d) + + ' ' + + h + + ':' + + mm + + ':' + + s + ); + }, + //鑷姩鍖归厤鍙栨秷 + setInsrtWareTableClose() { + this.dialogWarehousing = false; + this.activeName = ""; + this.activeName2 = ""; + this.activeName3 = ""; + this.tableWareThree = []; + this.tableWareTwo = []; + this.tableWareOne = []; + this.insertWareList = null; + this.tableData = []; + }, + //鑷姩鍖归厤纭 + async setInsrtWareTable() { + this.loading = true; + this.dialogWarehousing = false; + this.loadText = "鏁版嵁鍏ュ簱涓�,璇风瓑寰�..." + if (this.tableWareThree.length != 0) { + for (var i in this.tableWareThree) { + var tabs = this.tableWareThree[i].tabs; + for (var j in this.insertWareList) { + if (this.insertWareList[j].tabs == tabs) { + this.insertWareList[j].entity = this.tableWareThree[i].entity; + } + } + } + } + for (var i in this.metaFileData) { + this.insertWareList.filter((res) => { + if (res.name == this.metaFileData[i]) { + res.isMeta = true; + } + }); + } + + + const res = await dataUpload_insertFiles( + JSON.stringify(this.insertWareList) + ); + + if (res.code != 200) { + this.$message.error("鏁版嵁鍏ュ簱澶辫触"); + return; + } + + this.$message({ + message: "鏁版嵁鍏ュ簱鎴愬姛", + type: "success", + }); + this.loading = false; + this.loadText = "" + if (res.result.length > 0) { + this.warehouseDialog = true; + this.wareData = res.result; + } + + this.setInsrtWareTableClose(); + }, + handleWarehouseClose() { + this.warehouseDialog = false; + this.wareData = []; + }, + //鑷姩鍖归厤 + autoMatchWare() { + var val1 = this.tableWareOne; + var val2 = this.tableWareTwo; + var std = []; + for (var i = 0; i < val1.length; i++) { + const stdTab = this.setSplitWare(val1[i].tab); + for (var j = 0; j < val2.length; j++) { + if (val2[j].tab == stdTab) { + std.push(val1[i].tab); + val1[i].entity = val2[j].entity; + val1[i].tabDesc = val2[j].tabDesc; + val1[i].tabs = val2[j].tab; + val1[i].ns = val2[j].ns; + this.tableWareThree.push(val1[i]); + } + } + } + std.forEach((item) => { + this.tableWareOne = this.tableWareOne.filter( + (items) => items.tab !== item + ); + }); + }, + setSplitWare(res) { + if (res.indexOf(".shp") != -1) { + return res.split(".shp").join(""); + } else if (res.indexOf(".mdb") != -1) { + return res.split(".mdb").join(""); + } else if (res.indexOf(".gdb") != -1) { + return res.split(".gdb").join(""); + } else { + return res; + } + }, + //鏁版嵁鍖归厤鍚戝乏 + setWareTableChangeLeft() { + var res = this.wareTableFlag; + var value1 = this.tableWareThree[res]; + value1.entity = null; + value1.tabDesc = null; + if (this.tableWareOne.indexOf(value1) != -1) { + } else { + this.tableWareOne.push(value1); + this.tableWareThree.splice(res, 1); + this.activeName = ""; + this.activeName2 = ""; + this.activeName3 = ""; + } + }, + //鏁版嵁鍖归厤鍚戝彸 + setWareTableChangeRight() { + this.wareSelectOne.entity = this.wareSelectTwo.entity; + this.wareSelectOne.tabDesc = this.wareSelectTwo.tabDesc; + this.wareSelectOne.tabs = + this.wareSelectTwo.ns + "." + this.wareSelectTwo.tab; + if (this.tableWareThree.indexOf(this.wareSelectOne) != -1) { + } else { + this.tableWareThree.push(this.wareSelectOne); + this.tableWareOne.forEach((value, index, array) => { + if (value.tab == this.wareSelectOne.tab) { + this.tableWareOne.splice(index, 1); + } + }); + this.activeName = ""; + this.activeName2 = ""; + this.activeName3 = ""; + } + }, + //鏌ヨ鎵�鏈夌殑琛� + async getDataLoaderSelectTabs() { + const res = await dataUpload_selectTabs(); + if (res.code != 200) { + this.$message.error("鏁版嵁璇锋眰澶辫触"); + return; + } + this.tableWareTwo = res.result; + }, + //鏁版嵁鍖归厤宸︿晶鐐瑰嚮浜嬩欢 + singleElection(row) { + this.wareSelectOne = row; + this.activeName = row.eventid; + }, + //鏁版嵁鍖归厤宸︿晶涓棿鐐瑰嚮浜嬩欢 + singleElection2(row) { + this.wareSelectTwo = row; + this.activeName2 = row.entity; + }, + //鏁版嵁鍖归厤宸︿晶鍙充晶鐐瑰嚮浜嬩欢 + singleElection3(res) { + this.wareTableFlag = res; + this.activeName3 = this.tableWareThree[res].tab + res; + }, + //寮�鍚暟鎹尮閰� + showWareHousing() { + this.getDataLoaderSelectTabs(); + this.dialogWarehousing = true; + }, + //鏁版嵁鍏ュ簱 + async setFileWare() { + if (this.pathBak != null) { + //鏄惁鏈夎川妫�鏂规 + if (this.formInline.uploadType == "v1") { + //鍗曟枃浠朵笂浼� + var std = []; + for (var i in this.tableData) { + if (this.tableData[i].name.indexOf(".zip") != -1) { + if (this.tableData[i].code != null) { + std.push(this.tableData[i].name); + } + } + } + if (std.length != 0) { + return this.$message.error( + std.toString() + ",鏈川妫�鎴栬川妫�澶辫触,涓嶈兘鍏ュ簱" + ); + } + } else if (this.formInline.uploadType == "v2") { + //鏁翠綋椤圭洰涓婁紶 + + if (this.tableData.length != 2) { + return this.$message.error("璇蜂繚鐣欎竴涓獄ip鏁版嵁,涓�涓猈BS鏁版嵁杩涜鍏ュ簱"); + } + var std = []; + for (var i in this.tableData) { + if (this.tableData[i].code != null) { + std.push(this.tableData[i].name); + } + } + if (std.length != 0) { + return this.$message.error( + std.toString() + ",鏈川妫�鎴栬川妫�澶辫触,涓嶈兘鍏ュ簱" + ); + } + } + } + this.loading = true; + var obj = { + dirid: this.formInline.dirid, + epsgCode: this.formInline.coordinateId, + path: this.formInline.path, + verid: this.formInline.verid, + }; + this.loadText = "鏁版嵁鏄犲皠鏌ヨ涓�,璇风瓑寰�..." + //鏌ヨ鏄犲皠 + const data = await dataUpload_selectMappers(obj); + if (data.code != 200) { + return this.$message.error("鏁版嵁鏄犲皠澶辫触"); + } + this.loading = false; + this.loadText = " " + var std = []; + var result = data.result; + this.insertWareList = data.result; + for (var i in result) { + if (result[i].type == "shp" || result[i].type == "gdb") { + std.push(result[i]); + } + } + if (std.length != 0) { + this.tableWareOne = std; + this.showWareHousing(); + } else { + this.setInsrtWareTable(); + } + }, + //涓嬭浇鏃ュ織 + handerLogClick(res) { + for (var i in res.code) { + var url = + BASE_URL + + "/dataUpload/downloadResult?token=" + + getToken() + + "&id=" + + res.code[i]; + $("#downFrame").attr("src", url).click(); + } + }, + //鏁翠綋鏂囦欢璐ㄦ鎻愪氦 + commonTestQuay() { + this.testQuayVisible = false; + // if (this.formCheckAll.diZaiType != "NO") { + // this.formCheckAll.isDiZai = "YES"; + // } + this.sc = { + label1: '璐ㄦ', + label2: '鏂囦欢璐ㄦ杩涘害锛�' + } + this.jindudialogVisible = true; + this.loading = false; + this.$set(this, "jindutiao", 0); + this.getStartTestQuayTaskStatus(); + }, + //鏁翠綋鏂囦欢澶氭潯鏁版嵁璐ㄦ + async getStartTestQuayTaskStatus() { + if ( + this.multipleSelection == 0 || + this.taskStatus == this.multipleSelection.length + ) { + this.jindudialogVisible = false; + this.loading = false; + return; + } + for (var i in this.multipleSelection) { + var name = this.multipleSelection[i].name; + var path = this.multipleSelection[i].path; + if (name.indexOf(".zip") != -1) { + this.formCheckAll.zipPath = path; + } else if (name.indexOf(".xls") != -1) { + this.formCheckAll.wbsPath = path; + } else if (name.indexOf(".xlsx") != -1) { + this.formCheckAll.wbsPath = path; + } + } + this.formCheckAll.sjfl = '鏁板瓧鍖栨垚鏋�' + const data = await dataUpload_uploadChecks(this.formCheckAll); + if (data.code != 200) { + this.$message.error("鏁版嵁璐ㄦ鎻愪氦澶辫触"); + this.taskStatus++; + this.getStartTestQuayTaskStatus(); + return; + } + var reset = data.result; + this.progress = 0; + this.setIntel = setInterval(() => { + this.sendTaskStatus(reset); + }, 5000); + }, + + //鍗曟枃浠舵暟鎹川妫�鎻愪氦 + async commonQuayTest() { + // this.loading = true; + this.quayTestVisible = false; + this.taskStatus = 0; + this.getStartTaskStatus(); + this.sc = { + label1: '璐ㄦ', + label2: '鏂囦欢璐ㄦ杩涘害锛�' + } + this.jindudialogVisible = true; + + this.$set(this, "jindutiao", 0); + }, + //鍗曟枃浠跺鏉℃暟鎹川妫� + async getStartTaskStatus() { + const that = this; + if ( + this.multipleSelection == 0 || + this.taskStatus == this.multipleSelection.length + ) { + this.loading = false; + that.jindudialogVisible = false; + return; + } + + + this.quayTestForms.zipPath = this.multipleSelection[this.taskStatus].path; + if (this.quayTestForms.zipPath.indexOf(".zip") == -1) { + this.taskStatus++; + this.getStartTaskStatus(); + } else { + this.quayTestForms.names = this.pathBak; + var value = this.getCheckedKeys + var bak = value.data.fullName.split("\\"); + this.quayTestForms.xmmc = bak[this.taskStatus]; + this.quayTestForms.sjzy = this.formInline.specialtyId; + this.quayTestForms.zipPath = + this.multipleSelection[this.taskStatus].path; + this.quayTestForms.sjfl = '鏁板瓧鍖栨垚鏋�' + const data = await dataUpload_uploadChecks(this.quayTestForms); + if (data.code != 200) { + this.$message.error("鏁版嵁璐ㄦ鎻愪氦澶辫触"); + this.taskStatus++; + this.getStartTaskStatus(); + return; + } + var reset = data.result; + this.progress = 0; + this.setIntel = setInterval(() => { + this.getselectTaskStatus(reset); + }, 5000); + } + }, + async getselectTaskStatus(res) { + var std = 0; + for (var i = 0; i < res.length; i++) { + const data = await dataUpload_selectTaskStatus({ id: res[i] }); + + std += data.progress; + + if (data.status == 5) { + } else { + if (data.status == 1 && data.resultFile == null) { + //璐ㄦ鎴愬姛 + for (var i in this.tableData) { + if ( + this.tableData[i].path == + this.multipleSelection[this.taskStatus].path + ) { + this.tableData[i].status = "璐ㄦ鎴愬姛"; + + } + } + // if (this.progress == 1) { + clearInterval(this.setIntel); + this.setIntel = null; + this.taskStatus++; + this.getStartTaskStatus(); + // } + } else { + //浠诲姟澶辫触 + for (var i in this.tableData) { + if ( + this.tableData[i].path == + this.multipleSelection[this.taskStatus].path + ) { + this.tableData[i].status = "璐ㄦ澶辫触"; + } + } + for (var i in this.tableData) { + for (var j in this.multipleSelection) { + if (this.tableData[i].path == this.multipleSelection[j].path) { + this.tableData[i].code = res; + } + } + } + clearInterval(this.setIntel); + this.setIntel = null; + this.taskStatus++; + this.getStartTaskStatus(); + } + } + } + this.progress = std / (res.length * 100); + for (var i in this.tableData) { + if ( + this.tableData[i].path == this.multipleSelection[this.taskStatus].path + ) { + this.$set(this, "jindutiao", parseInt(this.progress * 100)); + this.tableData[i].status = parseInt(this.progress * 100) + "%"; + } + } + }, + async sendTaskStatus(res) { + var std = 0; + for (var i = 0; i < res.length; i++) { + const data = await dataUpload_selectTaskStatus({ id: res[i] }); + std += data.progress; + + if (data.status == 5) { + } else { + if (data.status == 1 && data.resultFile == null) { + //璐ㄦ鎴愬姛 + for (var i in this.tableData) { + for (var j in this.multipleSelection) { + if (this.tableData[i].path == this.multipleSelection[j].path) { + this.tableData[i].status = "璐ㄦ鎴愬姛"; + } + } + } + // if (this.progress == 1) { + clearInterval(this.setIntel); + this.setIntel = null; + this.loading = false; + // } + } else { + //浠诲姟澶辫触 + for (var i in this.tableData) { + for (var j in this.multipleSelection) { + if (this.tableData[i].path == this.multipleSelection[j].path) { + this.tableData[i].status = "璐ㄦ澶辫触"; + } + } + } + for (var i in this.tableData) { + for (var j in this.multipleSelection) { + if (this.tableData[i].path == this.multipleSelection[j].path) { + this.tableData[i].code = res; + } + } + } + + clearInterval(this.setIntel); + this.setIntel = null; + this.loading = false; + // this.taskStatus++; + // this.getStartTestQuayTaskStatus() + } + } + } + this.progress = std / (res.length * 100); + + + // for (var i in this.tableData) { + // if (this.tableData[i].path == this.multipleSelection[this.taskStatus].path) { + // this.tableData[i].status = parseInt(this.progress * 100) + "%"; + // } + // } + this.$set(this, "jindutiao", parseInt(this.progress * 100)); + for (var i in this.tableData) { + for (var j in this.multipleSelection) { + if (this.tableData[i].path == this.multipleSelection[j].path) { + this.tableData[i].status = parseInt(this.progress * 100) + "%"; + } + } + } + // if (data.resultFile != null) { + // sdr.push(res[i]) + // } + // if (data.resultFile != null || data.status == 0 || data.status == 3 || data.status == 7) { + // clearInterval(this.setIntel) + // this.setIntel = null; + // for (var i in this.tableData) { + // for (var j in this.multipleSelection) { + // if (this.tableData[i].path == this.multipleSelection[j].path) { + // this.tableData[i].status = "浠诲姟澶辫触"; + + // } + // } + // } + // } + // std += data.progress + // } + // this.progress = std / (res.length * 100); + + // for (var i in this.tableData) { + // for (var j in this.multipleSelection) { + // if (this.tableData[i].path == this.multipleSelection[j].path) { + // this.tableData[i].status = parseInt(this.progress * 100) + "%"; + // } + // } + // } + + // if (this.progress == 1) { + // this.loading = false; + // if (sdr.length != 0) { + // for (var i in this.tableData) { + // for (var j in this.multipleSelection) { + // if (this.tableData[i].path == this.multipleSelection[j].path) { + // this.tableData[i].code = sdr; + + // } + // } + // } + // } + // clearInterval(this.setIntel) + // this.setIntel = null; + }, + //鍒犻櫎涓婁紶鐨勬枃浠� + async setFileDelete() { + var data = JSON.stringify(this.multipleSelection); + const res = await dataUploadDeleteFiles(data); + if (res.code != 200) { + this.$message.error("鍒犻櫎澶辫触"); + return; + } + this.getFileLength(); + }, + //娓呴櫎鎵�鏈塱nput File; + clearFileSelect() { + this.formInline.specialtyData = "璇烽�夋嫨鏁版嵁"; + document.getElementById("selectDataFile").value = ""; + this.formInline.metaData = "璇烽�夋嫨鍏冩暟鎹�"; + document.getElementById("metaDataFile").value = ""; + this.formInline.wbsData = "璇烽�夋嫨WBS鏁版嵁"; + document.getElementById("wbsDataFile").value = ""; + }, + //鑾峰彇涓婁紶鏂囦欢鏁伴噺 + async getFileLength() { + const res = await dataUploadSelectFiles(this.formInline.path); + if (res.code != 200) { + this.$message.error("鏂囦欢涓婁紶鏁版嵁鑾峰彇澶辫触"); + return; + } + if (res.result == null) { + this.tableData = []; + } else { + for (var i in res.result) { + res.result[i].status = "--"; + res.result[i].code = null; + } + this.tableData = res.result; + } + }, + //涓婁紶鏂囦欢 + setFileUpload() { + var token = getToken(); + var formData = new FormData(); + var fs1 = document.getElementById("selectDataFile"); + if (fs1.files.length == 0) { + return this.$message.error("璇烽�夋嫨闇�瑕佷笂浼犵殑鏁版嵁鏂囦欢"); + } + var fs2 = null; + if (this.formInline.uploadType == "v1") { + //鍗曟枃浠堕」鐩笂浼� + fs2 = document.getElementById("metaDataFile"); + if (this.pathBak != null && this.pathBak.indexOf("checkMain") > -1) { + if (fs2.files.length == 0) { + return this.$message.error("璇烽�夋嫨闇�瑕佷笂浼犵殑鍏冩暟鎹枃浠�"); + } + } + } else if (this.formInline.uploadType == "v2") { + //鏁翠綋椤圭洰涓婁紶 + fs2 = document.getElementById("wbsDataFile"); + if (fs2.files.length == 0) { + return this.$message.error("璇烽�夋嫨闇�瑕佷笂浼犵殑WBS鏁版嵁鏂囦欢"); + } + } + for (var i = 0, c = fs1.files.length; i < c; i++) { + formData.append(fs1.files[i].name, fs1.files[i]); + this.fileType.push({ name: fs1.files[i].name, type: "selectData" }); + } + if (fs2 != null) { + for (var i = 0, c = fs2.files.length; i < c; i++) { + formData.append(fs2.files[i].name, fs2.files[i]); + if (this.formInline.uploadType == "v1") { + this.fileType.push({ name: fs2.files[i].name, type: "metaData" }); + } else if (this.formInline.uploadType == "v2") { + this.fileType.push({ name: fs2.files[i].name, type: "wbsData" }); + } + } + } + const that = this; + that.jindudialogVisible = true; + let listval = []; + formData.forEach((key, val) => { + listval.push({ + name: val, + }); + }); + that.$set(this, "jindutiaoname", listval); + that.$set(this, "jindutiao", 0); + // this.loading = true; + $.ajax( + BASE_URL + + "/dataUpload/uploadFiles?token=" + + token + + "&path=" + + this.formInline.path, + { + type: "post", + data: formData, + async: true, + cache: false, + processData: false, + contentType: false, + success: (rs) => { + this.loading = false; + if (rs.code != 200) { + return this.$message.error("鏁版嵁涓婁紶澶辫触"); + } + this.getFileLength(); + this.$set(this, "jindutiao", 100); + this.$message({ + message: "涓婁紶鎴愬姛", + type: "success", + }); + this.clearFileSelect(); + }, + error: (rs) => { + this.loading = false; + this.$message.error("鏁版嵁涓婁紶澶辫触"); + }, + xhr: function () { + var myXhr = $.ajaxSettings.xhr(); + + if (myXhr.upload) { + //妫�鏌pload灞炴�ф槸鍚﹀瓨鍦� + myXhr.upload.addEventListener( + "progress", + that.progressHandlingFunction, + false + ); //缁戝畾progress浜嬩欢鐨勫洖璋冨嚱鏁� + } + return myXhr; //xhr瀵硅薄杩斿洖缁檍Query浣跨敤 + }, + } + ); + }, + progressHandlingFunction(event) { + var loaded = event.loaded; //宸蹭笂浼� + var loaded = Math.floor(100 * (event.loaded / event.total) - 1); //璁$畻宸茬粡涓婁紶鐨勭櫨鍒嗘瘮 + $("#prog").html(loaded + "%"); //搴旂敤鍒版樉绀篣I锛屽彲鏍规嵁鑷繁闇�瑕佷慨鏀� + this.jindutiao = loaded; + this.$set(this, "jindutiao", loaded); + }, + format(percentage) { + + // return percentage === 100 ? "涓婁紶瀹屾瘯" : `${percentage}%`; + var label; + if (this.sc.label1 == "涓婁紶") { + label = "涓婁紶瀹屾瘯" + } else { + label = `${percentage}%` + } + return percentage === 100 ? label : `${percentage}%`; + }, + //鑾峰彇鏂囦欢涓婁紶璺緞 + async getFilePath() { + const res = await dataUploadSelectPath(); + if (res.code != 200) { + this.$message.error("鏂囦欢涓婁紶璺緞鑾峰彇澶辫触"); + return; + } + this.formInline.path = res.result; + }, + //椤圭洰鍚嶇О鍒囨崲 + entryNameChange(res) { + var val = this.entryOption.filter((rs) => { + if (rs.name == res) { + return rs; + } + }); + this.pathBak = val[0].checks; + this.formInline.dirid = val[0].id; + this.getselectVerByDirid(); + }, + //鑾峰彇椤圭洰鍚嶇О + async setProjectName() { + const data = await dataUpload_selectProject(); + if (data.code != 200) { + this.$message.error("椤圭洰鍒楄〃鑾峰彇澶辫触"); + return; + } + this.entryOption = data.result; + if (this.entryOption.length > 0) { + this.formInline.entryId = this.entryOption[0].name; + this.formInline.dirid = this.entryOption[0].id; + } + + + this.getselectVerByDirid(); + }, + //鑾峰彇鎵�鏈夊潗鏍囩郴 + async setCoordinateSystem() { + const data = await dataUpload_selectCoords(); + if (data.code != 200) { + this.$message.error("鍧愭爣绯诲垪琛ㄨ幏鍙栧け璐�"); + return; + } + this.coordinateOption = data.result; + this.formInline.coordinateId = this.coordinateOption[0].epsgcode; + }, + //WBS鏁版嵁閫夋嫨 + setWBSFile() { + $("#wbsDataFile").click(); + }, + //閲嶇疆WPS閫夋嫨 + restWBSFile() { + this.formInline.wbsData = "璇烽�夋嫨WBS鏁版嵁"; + document.getElementById("wbsDataFile").value = ""; + }, + //WBS鏁版嵁Change浜嬩欢 + handleWBSFileChange(event) { + var std = []; + var len = event.currentTarget.files.length; + for (var i = 0; i < len; i++) { + var f = event.currentTarget.files[i]; + std.push(f.name); + } + this.formInline.wbsData = std.toString(); + }, + //鏁版嵁璐ㄦ寮圭獥鍏抽棴--椤圭洰鏁翠綋 + handleTestQuayCloseDown() { + this.$confirm("纭鍏抽棴锛�") + .then((_) => { + this.closeTestQuayCloseDialog(); + }) + .catch((_) => { + }); + }, + closeTestQuayCloseDialog() { + this.testQuayVisible = false; + }, + //鏁版嵁璐ㄦ寮圭獥鍏抽棴--鍗曟枃浠� + handleQuayTestCloseDown() { + this.$confirm("纭鍏抽棴锛�") + .then((_) => { + this.closeQuayTestCloseDialog(); + }) + .catch((_) => { + }); + }, + closeQuayTestCloseDialog() { + this.quayTestVisible = false; + }, + //鏁版嵁璐ㄦ鐐瑰嚮浜嬩欢 + handleQuayTestClick() { + if (this.pathBak == null) { + return this.$message("鏃犺川妫�鏂规"); + } + if (this.multipleSelection.length == 0) { + return this.$message("璇烽�夋嫨闇�瑕佽川妫�鐨勬枃浠�"); + } + if (this.formInline.uploadType == "v1") { + + var value = this.getCheckedKeys + var fileType = value.data.fullName; + this.quayTestForms.names = fileType; + this.quayTestForms.sjzy = this.formInline.specialtyId; + this.quayTestVisible = true; + } else if (this.formInline.uploadType == "v2") { + var fileZip = []; + var fileExcel = []; + for (var i in this.multipleSelection) { + if (this.multipleSelection[i].name.indexOf(".zip") != -1) { + fileZip.push(this.multipleSelection[i].name); + } else if (this.multipleSelection[i].name.indexOf(".xls") != -1) { + fileExcel.push(this.multipleSelection[i].name); + } else if (this.multipleSelection[i].name.indexOf(".xlsx") != -1) { + fileExcel.push(this.multipleSelection[i].name); + } + } + + if (fileZip.length != 1) { + return this.$message("璇烽�夋嫨涓�涓暣浣撻」鐩枃浠�"); + } + if (fileExcel.length != 1) { + return this.$message("璇烽�夋嫨涓�涓猈BS鏂囦欢"); + } + this.formCheckAll.names = this.pathBak; + var val = this.entryOption.filter((res) => { + if (res.id == this.formInline.dirid) { + return res; + } + }); + + this.formCheckAll.xmmc = val[0].name; + this.formCheckAll.sjzy = this.formInline.specialtyId; + if (this.formCheckAll.sjzy.indexOf("鍦扮伨") != -1) { + this.formCheckAll.isDiZai = "YES"; + this.formCheckAll.diZaiType = this.disOptions[0].value; + } else { + this.formCheckAll.isDiZai = "NO"; + this.formCheckAll.diZaiType = "NO"; + } + this.testQuayVisible = true; + } + }, + //涓婁紶鏁版嵁鍒楄〃娓呭崟鍒犻櫎 + async setWarehouseDel() { + this.loading = true; + var std = []; + for (var i in this.multipleDelete) { + std.push(this.multipleDelete[i].id); + } + + const res = await dataUpload_deleteMetas({ ids: std.toString() }); + this.loading = false; + if (res.code != 200) { + this.$message.error("鍒犻櫎澶辫触"); + } else { + this.$message({ + message: "鍒犻櫎鎴愬姛", + type: "success", + }); + this.setStartWareTable(); + } + }, + //涓婁紶鏁版嵁鍒楄〃娓呭崟鏌ヨ + setWarehouseSearch() { + this.listData = { + pageIndex: 1, + pageSize: 10, + name: this.formWarehousing.name, + }; + this.getAllWareTable(); + }, + //涓婁紶鏁版嵁鍒楄〃閲嶇疆 + setWarehouseReset() { + this.formWarehousing.name = ""; + this.listData = { + pageIndex: 1, + pageSize: 10, + name: null, + }; + this.getAllWareTable(); + }, + //鏍煎紡鍖栨椂闂� + changetimeFile(res) { + var time = new Date(res.createTime); + var y = time.getFullYear(); + var m = time.getMonth() + 1; + var d = time.getDate(); + var h = time.getHours(); + var mm = time.getMinutes(); + var s = time.getSeconds(); + return ( + y + + "-" + + this.add0(m) + + "-" + + this.add0(d) + + " " + + h + + ":" + + mm + + ":" + + s + ); + }, + //鏍煎紡鍖栨椂闂� + add0(m) { + return m < 10 ? "0" + m : m; + }, + //澶у皬鍊兼敼鍙� + changeSizeFile(row, column, cellValue, index) { + if (cellValue >= 1024) { + return parseFloat(cellValue / 1204).toFixed(3) + "GB"; + } else { + return cellValue + "MB"; + } + }, + //涓婁紶鏁版嵁鍒楄〃娓呭崟閫夋嫨 + handleDelteChange(val) { + this.multipleDelete = val; + }, + //涓婁紶鏁版嵁鍒楄〃娓呭崟鍒濆鍖� + setStartWareTable() { + // this.listData = { + // pageIndex: 1, + // pageSize: 10, + // name: null, + // }; + this.listData.pageIndex = 1; + this.listData.name = null; + this.getAllWareTable(); + }, + //鑾峰彇鏁版嵁涓婁紶鍒楄〃娓呭崟 + async getAllWareTable() { + const res = await dataUpload_selectByPageForUpload(this.listData); + if (res.code != 200) { + this.$message.error("鍒楄〃鏁版嵁鑾峰彇澶辫触"); + return; + } + this.count = res.count; + this.waretableData = res.result; + }, + //鏁版嵁涓婁紶鍒楄〃娓呭崟page Count 鍒囨崲 + handleSizeChange(val) { + this.listData.pageIndex = 1; + this.listData.pageSize = val; + this.getAllWareTable(); + }, + + //鏁版嵁涓婁紶鍒楄〃娓呭崟page鍒囨崲 + handleCurrentChange(val) { + this.listData.pageIndex = val; + this.getAllWareTable(); + }, + //涓婁紶鏁版嵁琛ㄦ牸閫夋嫨 + handleSelectionChange(res) { + this.multipleSelection = res; + }, + + //閫夋嫨鏁版嵁鏂囦欢鍒囨崲 + handleSelectFileChange(event) { + var std = []; + var len = event.currentTarget.files.length; + for (var i = 0; i < len; i++) { + var f = event.currentTarget.files[i]; + std.push(f.name); + } + this.formInline.specialtyData = std.toString(); + }, + //閫夋嫨鍏冩暟鎹� + setMetaFile() { + $("#metaDataFile").click(); + }, + //閲嶇疆鍏冩暟鎹� + restMetaFile() { + this.formInline.metaData = "璇烽�夋嫨鍏冩暟鎹�"; + document.getElementById("metaDataFile").value = ""; + }, + //閫夋嫨鍏冩暟鎹枃浠跺垏鎹� + handleMetaFileChange(event) { + var std = []; + var len = event.currentTarget.files.length; + for (var i = 0; i < len; i++) { + var f = event.currentTarget.files[i]; + std.push(f.name); + } + this.formInline.metaData = std.toString(); + this.metaFileData = std; + }, + + //From琛ㄥ崟鍒濆鍖� + setFromStart() { + this.formInline.verid = null; + this.formInline.specialtyId = "娴嬮噺涓撲笟"; + this.formInline.specialtyData = "璇烽�夋嫨鏁版嵁"; + this.formInline.metaData = "璇烽�夋嫨鍏冩暟鎹�"; + this.formInline.entryId = null; + this.formInline.selectFileType = "*.*"; + this.formInline.coordinateId = this.coordinateOption[0].epsgcode; + }, + //閫夋嫨鏁版嵁 + setSelectFile() { + $("#selectDataFile").click(); + }, + //閲嶇疆鏁版嵁 + restSelectFile() { + this.formInline.specialtyData = "璇烽�夋嫨鏁版嵁"; + document.getElementById("selectDataFile").value = ""; + }, + //鍏ュ簱绫诲瀷鍒囨崲 + uploadTypeChange(res) { + this.setFromStart(); + if (res == "v2") { + this.uploadFlag = false; + this.formInline.selectFileType = ".zip"; + this.formInline.entryId = this.entryOption[0].name; + this.formInline.dirid = this.entryOption[0].id; + this.getselectVerByDirid(); + this.pathBak = this.entryOption[0].checks; + } else { + this.getStartDirChecked(this.catalogOption); + this.getselectVerByDirid(); + this.uploadFlag = true; + } + this.formInline.uploadType = res; + }, + //鐗堟湰鍙疯幏鍙� + async getselectVerByDirid() { + this.verOption = []; + + const res = await dataUploadSelectVerByDirid({ + dirid: this.formInline.dirid, + }); + + if (res.code != 200) { + this.$message.error("鐗堟湰鍒楄〃鑾峰彇澶辫触"); + return; + } + this.verOption = res.result; + this.formInline.verid = res.result[0].id; + }, + //鐩綍鍒楄〃鑾峰彇 + async getSelectdirTab() { + const res = await selectdirTab(); + if (res.code != 200) { + this.$message.error("鐩綍鍒楄〃鑾峰彇澶辫触"); + return; + } + + this.catalogOption = this.treeData(res.result); + this.formInline.dirName = this.catalogOption[0].name; + this.formInline.dirid = this.catalogOption[0].id; + // this.getStartDirChecked(this.catalogOption); + this.getselectVerByDirid(); + }, + + getStartDirChecked(res) { + if (res.length != 0) { + if (res[0].children == null || res[0].children == undefined) { + this.formInline.dirid = res[0].id; + } else { + this.getStartDirChecked(res[0].children); + } + } + }, + //鍗曟枃浠惰川妫�寮圭獥鍒濆鍖� + startQuayTestForms() { + (this.quayTestForms = { + tolerance: "0.001", + gcdOffset: "20", + rangeOffset: "200", + kzdOffset: "100", + xgMax: "0.005", + coordinateSystem: "CGCS2000/degree", + imgResolution: "0.2", + demTolerance: "5", + demChangeRate: "200", + lazDensity: "1", + imgResolution: "0.2", + }), + (this.quayTestShow = { + checkOsgb: false, + checkXls: false, + checkLaz: false, + checkDem: false, + checkAttrs: false, + checkTopology: false, + checkDecorate: false, + checkOrigin: false, + checkDom: false, + checkMath: false, + checkMeta: false, + checkMain: false, + }); + }, + //鐩綍鍒囨崲 + catalogChange(data, node, nodeData) { + this.startQuayTestForms(); + // this.$refs['selectcascader'].dropDownVisible = false + // var value = this.$refs['selectcascader'].getCheckedNodes(); + + var bak = node.data.checks; + this.getCheckedKeys = node + this.pathBak = bak; + if (bak != null) { + for (var key in this.quayTestShow) { + if (bak.indexOf(key) != -1) { + this.quayTestShow[key] = true; + } + } + } + var fileType = node.data.exts; + if (fileType == null) { + fileType = "*.*"; + } + this.formInline.selectFileType = fileType; + this.formInline.dirid = node.data.id; + this.formInline.dirName = node.data.name; + this.getselectVerByDirid(); + setTimeout(() => { + this.$refs.multiSelect.blur() + }, 100) + }, + //Tabsq鍒囨崲 + handleTabClick(tab, event) { + if (tab.name == "second") { + this.setStartWareTable(); + } + this.calHeight(); + }, + //鏍戝垪琛ㄧ敓鎴� + treeData(source) { + let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕 + return cloneData.filter((father) => { + // 寰幆鎵�鏈夐」 + let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁 + branchArr.length > 0 ? (father.children = branchArr) : ""; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊� + return father.pid == 0; // 杩斿洖涓�绾ц彍鍗� + }); + }, + }, +}; +</script> +<style lang="less" scoped> +.bottom { + width: 100%; + margin-top: 0.5%; + // height: 74%; + height: 570px; + display: flex; + justify-content: space-between; + + .rightTable { + width: 98%; + height: 92%; + + border-radius: 5px; + padding: 1%; + + .table_box { + width: 100%; + height: 93%; + margin: 0 auto; + overflow: auto; + } + } + + /deeep/ .el-loading-mask { + z-index: 9999; + } +} + +.inquire { + padding: 8px; + //margin-top: 20px; + + border-radius: 5px; + + //margin-bottom: 20px; + .el-form-item { + margin: 5px; + } +} + +.el-tabs { + height: calc(100% - 18px); +} + +/deep/ .el-tabs__content { + height: calc(100% - 49px); +} + +/deep/ .el-tab-pane { + height: 100%; +} + +.text-center { + text-align: center; +} +/deep/ .el-tabs--card > .el-tabs__header .el-tabs__nav { + border: none !important; +} +/deep/ .el-tabs--card > .el-tabs__header .el-tabs__item { + border: none !important; +} +</style> diff --git a/src/views/datamanage/dataUpdata copy.vue b/src/views/datamanage/dataUpdata copy.vue deleted file mode 100644 index 4482fba..0000000 --- a/src/views/datamanage/dataUpdata copy.vue +++ /dev/null @@ -1,989 +0,0 @@ -<template> - <div - class="authorityManagement_box" - v-loading.fullscreen.lock="fullscreenLoading" - element-loading-spinner="el-icon-loading" - element-loading-background="rgba(0, 0, 0, 0.8)" - > - <My-bread :list="[ - `${$t('dataManage.dataManage')}`, - `${$t('dataManage.dataUpdata')}`, - ]"></My-bread> - <el-divider/> - <div class="updateContent"> - <el-tabs - v-model="activeTabName" - @tab-click="handleTabClick" - > - <el-tab-pane - :label="$t('dataManage.dataUpObj.uploaddata')" - name="first" - > - <div class="contentIquery"> - <el-form - :inline="true" - :model="formInline" - class="demo-form-inline" - > - <el-form-item :label="$t('dataManage.dataUpObj.catalogue')"> - <el-cascader - v-model="formInline.dirid" - :options="catalogOption" - @change="catalogChange" - :props="cascader" - ></el-cascader> - </el-form-item> - <el-form-item :label="$t('dataManage.dataUpObj.company')"> - <el-cascader - v-model="formInline.depid" - :options="companyOption" - @change="companyChange" - :props="cascader" - ></el-cascader> - </el-form-item> - <el-form-item :label="$t('dataManage.dataUpObj.versionNo')"> - <el-select - v-model="formInline.verid" - :placeholder="$t('common.choose')" - > - <el-option - v-for="item in verOption" - :key="item.id" - :label="item.name" - :value="item.id" - > - </el-option> - </el-select> - </el-form-item> - <!-- <el-form-item :label="$t('dataManage.dataUpObj.entryTime')"> - <el-date-picker - v-model.trim="formInline.gather" - :picker-options="pickerOptions" - type="datetime" - placeholder="璇烽�夋嫨" - value-format="yyyy-MM-dd HH:mm:ss" - /> - </el-form-item> --> - <el-form-item> - <el-input - type="textarea" - v-model="formInline.fileName" - class="nm-skin-pretty" - show-word-limit - :rows="2" - resize='none' - style="width: 600px;" - ></el-input> - </el-form-item> - <el-form-item> - <input - id="uploadfile" - @change="handleFileChange" - type="file" - name="file" - multiple="multiple" - style="display: none" - ></input> - - <el-button - v-if="formInline.fileName == '鏈�夋嫨鏂囦欢'" - type="info" - @click="fileSelect" - > - 閫夋嫨鏂囦欢 - </el-button> - <el-button - v-else - type="info" - @click="clearFileSelect" - > - 閲嶇疆 - </el-button> - - </el-form-item> - <br/> - <el-form-item :label="$t('dataManage.dataUpObj.describe')"> - <el-input - type="textarea" - v-model="formInline.descr" - maxlength="50" - class="nm-skin-pretty" - show-word-limit - :rows="2" - resize='none' - style="width: 460px" - ></el-input> - </el-form-item> - <el-form-item> - <el-button - icon="el-icon-upload" - @click="setFileUpload" - type="success" - >{{ - $t('common.upload') - }} - </el-button> - - <el-button - icon="el-icon-delete" - type="danger" - @click="setFileDelete" - :disabled="tableData.length == 0 ? true : false" - >{{ $t('common.delete') }} - </el-button> - <el-button - icon="el-icon-data-line" - type="info" - disabled - >{{ $t('common.quayTest') }} - </el-button> - <el-button - icon="el-icon-folder-add" - type="warning" - @click="setFileWare" - :disabled="tableData.length == 0 ? true : false" - >{{ $t('common.Warehousin') }} - </el-button> - </el-form-item> - </el-form> - </div> - <div class="contentTable"> - - <el-table - :data="tableData" - style="width: 99%" - height="99%" - @selection-change="handleSelectionChange" - > - <el-table-column - type="selection" - width="55" - /> - <el-table-column - align="center" - type="index" - :label="$t('common.index')" - width="70px" - fixed - /> - <el-table-column - align="center" - prop="name" - :label="$t('common.name')" - fixed - /> - <el-table-column - align="center" - prop="sizes" - :label="$t('common.size')" - fixed - :formatter="changeSizeFile" - /> - <!-- <el-table-column - align="center" - prop="guid" - :label="$t('common.md5')" - fixed - /> --> - </el-table> - </div> - - </el-tab-pane> - <el-tab-pane - :label="$t('dataManage.dataUpObj.receiptdata')" - name="second" - > - <div - class="contentIquery" - style="padding-bottom: 0% !important;" - > - <el-form - :inline="true" - :model="formWarehousing" - class="demo-form-inline" - > - <el-form-item :label="$t('dataManage.dataUpObj.describe')"> - <el-input - v-model="formWarehousing.name" - placeholder="璇疯緭鍏ュ唴瀹�" - ></el-input> - </el-form-item> - <el-form-item> - <el-button - icon="el-icon-upload" - @click="setWarehouseSearch" - class="primary" - >{{ - $t('common.iquery') - }} - </el-button> - <el-button - @click="setWarehouseReset" - icon="el-icon-folder-add" - type="info" - >{{ $t('common.reset') }} - </el-button> - <el-button - @click="setWarehouseDel" - icon="el-icon-folder-delete" - type="danger" - >{{ $t('common.delete') }} - </el-button> - </el-form-item> - </el-form> - </div> - <div - class="contentTable" - style="height:500px" - > - <el-table - :data="waretableData" - @selection-change="handleDelteChange" - style="width:99%" - height="92%" - > - <el-table-column - type="selection" - width="55" - /> - <el-table-column - align="center" - type="index" - :label="$t('common.index')" - width="70px" - fixed - /> - <el-table-column - align="center" - prop="name" - :label="$t('common.name')" - fixed - /> - <el-table-column - align="center" - prop="dirName" - :label="$t('dataManage.dataUpObj.catalogue')" - fixed - /> - <el-table-column - align="center" - prop="depName" - :label="$t('dataManage.dataUpObj.company')" - fixed - /> - <el-table-column - align="center" - prop="verName" - :label="$t('dataManage.dataUpObj.versionNo')" - fixed - /> - <el-table-column - align="center" - prop="type" - :label="$t('common.type')" - fixed - /> - <el-table-column - align="center" - prop="sizes" - :label="$t('common.size')" - fixed - :formatter="changeSizeFile" - /> - <el-table-column - align="center" - prop="tab" - :label="$t('dataManage.dataUpObj.tableName')" - fixed - /> - <el-table-column - align="center" - prop="rows" - :label="$t('common.lineNuber')" - fixed - /> - <el-table-column - align="center" - prop="desc" - :label="$t('dataManage.dataUpObj.describe')" - fixed - /> - <el-table-column - align="center" - prop="uname" - :label="$t('dataManage.vmobj.createonuser')" - fixed - /> - <el-table-column - align="center" - prop="createTime" - :label="$t('dataManage.vmobj.createontime')" - fixed - :formatter="changetimeFile" - /> - </el-table> - - <div - style="margin-top: 10px" - class="pagination_box" - > - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="listData.pageIndex" - :page-sizes="[10, 20, 50, 100]" - :page-size="listData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="count" - > - </el-pagination> - </div> - </div> - </el-tab-pane> - - </el-tabs> - - </div> - </div> -</template> - -<script> -import $ from 'jquery'; -import MyBread from '../../components/MyBread.vue'; -import {getToken} from '@/utils/auth'; -import { - dataUpload_deleteMetas, - dataUpload_selectByPageForUpload, - dataUploadDeleteFiles, - dataUploadInsertFiles, - dataUploadSelectFiles, - dataUploadSelectPath, - dataUploadSelectVerByDirid, - queryDepTree, - selectdirTab -} from '../../api/api'; - -export default { - name: 'dataUpdata', - components: { - MyBread, - }, - data() { - return { - activeTabName: 'first', - btnStatus: 0, - count: 0, - formInline: { - verid: '', - gather: '', - fileName: '鏈�夋嫨鏂囦欢' - }, - formWarehousing: { - name: '' - }, - catalogOption: [], - companyOption: [], - tableData: [], - waretableData: [], - listTable: [], - multipleSelection: [], - fullscreenLoading: false, - listData: { - pageIndex: 1, - pageSize: 10, - name: null, - }, - pickerOptions: { - disabledDate(time) { - return time.getTime() > Date.now(); - }, - selectableRange: '00:00:00 - 23:59:59', - }, - verOption: [], - cascader: { - label: 'name', - value: 'id', - children: 'children', - checkStrictly: true, - emitPath: false, - }, - }; - }, - - mounted() { - this.getSelectdirTab(); - this.getQueryDepTree(); - this.timeDefault(); - this.getFilePath(); - - }, - watch: { - 'detailData.gather': { - handler(newValue, oldValue) { - if (newValue) { - let date = new Date(); - let min = date.getMinutes(); - date.setMinutes(min + 1); //杩欓噷鍔�1鍒嗛挓锛屾槸涓轰簡瑙e喅鍊兼敼鍙樺悗锛岀郴缁熺鏁板氨杩囨湡闄愬埗浜嗭紝鏃犳硶鐐瑰嚮鈥滄鍒烩�濇寜閽紝 濡傛灉鐩戝惉 鈥滅郴缁熸椂闂粹�濈殑鏀瑰彉锛屽垯浼氬奖鍝嶆�ц兘銆� - let nowDate = moment(date).format('HH:mm:ss'); - let st = ''; - if ( - moment(date).format('yyyy-MM-DD') === - moment(newValue).format('yyyy-MM-DD') - ) { - let hh1 = moment(newValue).format('HH:mm:ss'); - if (hh1 > nowDate) { - this.detailData.gather = new Date(); - } - st = nowDate; - } else { - st = '23:59:59'; - } - this.pickerOptions.selectableRange = '00:00:00 - ' + st; - this.pickerOptions = this.pickerOptions; - } - }, - deep: true, - immediate: true, - multipleDelete: [] - }, - }, - - methods: { - - async setWarehouseDel() { - var std = []; - for (var i in this.multipleDelete) { - std.push(this.multipleDelete[i].id); - } - const res = await dataUpload_deleteMetas({ids: std.toString()}) - if (res.code != 200) { - this.$message.error('鍒犻櫎澶辫触'); - } else { - this.$message({ - message: '鍒犻櫎鎴愬姛', - type: 'success' - }); - this.listData.pageIndex = 1; - this.listData.pageSize = 10; - this.getAllWareTable(); - } - }, - handleDelteChange(val) { - this.multipleDelete = val; - }, - - changetimeFile(res) { - - //shijianchuo鏄暣鏁帮紝鍚﹀垯瑕乸arseInt杞崲 - var time = new Date(res.createTime); - var y = time.getFullYear(); - var m = time.getMonth() + 1; - var d = time.getDate(); - var h = time.getHours(); - var mm = time.getMinutes(); - var s = time.getSeconds(); - return ( - y + - '-' + - this.add0(m) + - '-' + - this.add0(d) + - ' ' + - h + - ':' + - mm + - ':' + - s - ); - }, - //鏍煎紡鍖栨椂闂� - add0(m) { - return m < 10 ? '0' + m : m; - }, - setWarehouseSearch() { - - this.listData = { - pageIndex: 1, - pageSize: 10, - name: this.formWarehousing.name, - } - this.getAllWareTable(); - }, - setWarehouseReset() { - this.formWarehousing.name = ''; - this.listData = { - pageIndex: 1, - pageSize: 10, - name: null, - } - this.getAllWareTable(); - }, - handleTabClick(tab, event) { - if (this.activeTabName == 'second') { - this.setWarehouseReset(); - } - }, - handleSizeChange(val) { - this.listData.pageIndex = 1; - this.listData.pageSize = val; - this.getAllWareTable(); - }, - handleCurrentChange(val) { - this.listData.pageIndex = val; - this.getAllWareTable(); - }, - //鑾峰彇鍏ュ簱鏁版嵁鍒楄〃 - async getAllWareTable() { - - const res = await dataUpload_selectByPageForUpload(this.listData); - if (res.code != 200) { - this.$message.error('鍒楄〃鏁版嵁鑾峰彇澶辫触'); - return; - } - - this.count = res.count; - this.waretableData = res.result; - }, - //澶у皬鍊兼敼璁� - changeSizeFile(row, column, cellValue, index) { - - if (cellValue >= 1024) { - return parseFloat(cellValue / 1204).toFixed(3) + "GB" - } else { - return cellValue + "MB" - } - }, - //鏁版嵁鍒犻櫎 - async setFileDelete() { - - var data = JSON.stringify(this.multipleSelection); - const res = await dataUploadDeleteFiles(data); - if (res.code != 200) { - this.$message.error('鍒犻櫎澶辫触'); - return; - } - this.getFileLength(); - }, - //鏁版嵁鍏ュ簱 - async setFileWare() { - if (this.multipleSelection.length == 0) { - this.$message.error('璇烽�夋嫨瑕佸叆搴撶殑鏁版嵁'); - return - } - - var obj = { - metaEntity: this.formInline, - fileEntities: this.multipleSelection - }; - - const res = await dataUploadInsertFiles(JSON.stringify(obj)); - if (res.code != 200) { - this.$message.error('鏂囦欢涓婁紶鏁版嵁鑾峰彇澶辫触'); - return; - } - this.getFileLength(); - - }, - - //鏄剧ず琛ㄦ牸鏁版嵁 - setViewTable() { - var index = this.listData.pageIndex - 1; - var start = index * this.listData.pageSize; - var size = (this.listData.pageSize) + (index * this.listData.pageSize); - var std = []; - for (var i = start; i < size; i++) { - if (this.listTable[i] != null) { - std.push(this.listTable[i]) - } - } - this.tableData = std; - }, - //鏂囦欢涓婁紶 - setFileUpload() { - this.fullscreenLoading = true; - var token = getToken(); - var formData = new FormData(); - - var fs = document.getElementById("uploadfile"); - if (fs.files.length == 0) { - - return this.$message.error('璇烽�夋嫨闇�瑕佷笂浼犵殑鏂囦欢'); - } - for (var i = 0, c = fs.files.length; i < c; i++) { - formData.append(fs.files[i].name, fs.files[i]); // fs.files[i].name,file - } - $.ajax(BASE_URL + "/dataUpload/uploadFiles?token=" + token + "&path=" + this.formInline.path, { - type: "post", - data: formData, - async: true, - cache: false, - processData: false, - contentType: false, - success: (rs) => { - this.getFileLength(); - this.fullscreenLoading = false; - this.$message({ - message: '涓婁紶鎴愬姛', - type: 'success' - }); - this.clearFileSelect(); - }, - - error: (rs) => { - this.fullscreenLoading = false; - this.$message.error('鏁版嵁涓婁紶澶辫触'); - this.clearFileSelect(); - } - }); - - - }, - progressHandle(e) { - var percent = (e.loaded / e.total * 100).toFixed(2); - console.log(percent) - }, - //鑾峰彇鏂囦欢涓婁紶鏁版嵁 - async getFileLength() { - const res = await dataUploadSelectFiles(this.formInline.path); - if (res.code != 200) { - this.$message.error('鏂囦欢涓婁紶鏁版嵁鑾峰彇澶辫触'); - return; - } - - if (res.result == null) { - this.count = 0; - this.setClearTableData(); - } else { - this.count = res.result.length; - this.tableData = res.result; - } - }, - //娓呴櫎琛ㄦ牸淇℃伅 - setClearTableData() { - this.tableData = []; - this.listTable = []; - }, - // //鍒嗛〉鎺у埗 - // handleSizeChange(res) { - // this.listData.pageIndex = 1; - // this.listData.pageSize = res; - // this.setViewTable(); - // }, - // handleCurrentChange(res) { - // this.listData.pageIndex = res; - // this.setViewTable(); - // }, - //琛ㄦ牸閫変腑浜嬩欢 - handleSelectionChange(res) { - this.multipleSelection = res; - }, - //鏂囦欢鑾峰彇 - fileSelect() { - $("#uploadfile").click(); - }, - handleFileChange(event) { - var std = []; - var len = event.currentTarget.files.length; - for (var i = 0; i < len; i++) { - var f = event.currentTarget.files[i]; - std.push(f.name) - } - - this.formInline.fileName = std.toString(); - - }, - clearFileSelect() { - this.formInline.fileName = "鏈�夋嫨鏂囦欢"; - document.getElementById("uploadfile").value = ""; - }, - //褰撳墠鏃堕棿鑾峰彇 - timeDefault() { - var date = new Date(); - var hour = date.getHours(); // 鏃� - var minutes = date.getMinutes(); // 鍒� - var seconds = date.getSeconds(); //绉� - var sign2 = ':'; - var s1 = - date.getFullYear() + - '-' + - (date.getMonth() + 1) + - '-' + - date.getDate() + - ' ' + - hour + - sign2 + - minutes + - sign2 + - seconds; - this.formInline.gather = s1; - }, - - //Loading鏄鹃殣 - handlerLoading(res) { - this.fullscreenLoading = res; - }, - //鐩綍鍒囨崲 - catalogChange(value) { - this.formInline.dirid = value; - this.getselectVerByDirid(); - }, - //鍗曚綅鍒囨崲 - companyChange(value) { - this.formInline.depid = value; - }, - //鑾峰彇鏂囦欢涓婁紶璺緞 - async getFilePath() { - const res = await dataUploadSelectPath(); - if (res.code != 200) { - this.$message.error('鍗曚綅鍒楄〃鑾峰彇澶辫触'); - return; - } - this.formInline.path = res.result; - }, - //鍗曚綅鍒楄〃鑾峰彇 - async getQueryDepTree() { - const res = await queryDepTree(); - if (res.code != 200) { - this.$message.error('鍗曚綅鍒楄〃鑾峰彇澶辫触'); - return; - } - this.formInline.depid = 1; - this.companyOption = this.treeData(res.result); - }, - //鐗堟湰鍙疯幏鍙� - async getselectVerByDirid() { - this.verOption = []; - this.formInline.verid = ""; - const res = await dataUploadSelectVerByDirid({dirid: this.formInline.dirid}); - if (res.code != 200) { - this.$message.error('鐗堟湰鍒楄〃鑾峰彇澶辫触'); - return; - } - this.verOption = res.result; - this.formInline.verid = res.result[0].id; - }, - //鐩綍鍒楄〃鑾峰彇 - async getSelectdirTab() { - const res = await selectdirTab(); - if (res.code != 200) { - this.$message.error('鐩綍鍒楄〃鑾峰彇澶辫触'); - return; - } - this.formInline.dirid = 1; - this.catalogOption = this.treeData(res.result); - this.getselectVerByDirid() - }, - //鏍戝垪琛ㄧ敓鎴� - treeData(source) { - let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕 - return cloneData.filter((father) => { - // 寰幆鎵�鏈夐」 - let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁 - branchArr.length > 0 ? (father.children = branchArr) : ''; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊� - return father.pid == 0; // 杩斿洖涓�绾ц彍鍗� - }); - }, - }, -}; -</script> -<style lang="less" scoped> -//@import url(); 寮曞叆鍏叡css绫� -.authorityManagement_box { - width: calc(100% - 20px); - height: calc(100% - 20px); - padding: 10px; - position: absolute; - - .updateContent { - width: 100%; - height: 670px; - - position: relative; - - .contentIquery { - width: 97%; - height: 16%; - border: 1px solid white; - padding: 1%; - border-radius: 5px; - } - - .contentTable { - width: 97%; - height: 400px; - border: 1px solid white; - padding: 1%; - border-radius: 5px; - margin-top: 1%; - /*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/ - - /deep/ .el-table { - background-color: transparent; - - th, - td { - background-color: transparent; - } - - .el-table__expanded-cell { - background-color: transparent !important; - } - - // 琛ㄥご鑳屾櫙鑹� - th.el-table__cell { - background-color: #303030; - color: #fff; - } - - tr > td { - 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; - /*婊氬姩鏉″搴�*/ - height: 5px; - /*婊氬姩鏉¢珮搴�*/ - } - - /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/ - - .el-table__body-wrapper::-webkit-scrollbar-track { - box-shadow: 0px 1px 3px #216fe6 inset; - /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/ - border-radius: 10px; - } - - /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/ - - .el-table__body-wrapper::-webkit-scrollbar-thumb { - box-shadow: 0px 1px 3px #216fe6 inset; - border-radius: 6px; - background-color: #216fe6; - } - } - - .pagination_box { - margin-top: 20px; - - /deep/ .el-input__inner { - background-color: transparent !important; - border: 1px solid; - color: white; - } - - /deep/ .el-pagination__total { - color: white; - } - - /deep/ .el-pagination__jump { - color: white; - } - - /deep/ .el-pager li.active { - color: #409eff; - } - - /deep/ .el-pager li { - color: white; - background: transparent; - } - - /deep/ .el-pager li { - color: white; - } - - /deep/ .btn-prev { - background: transparent; - } - - /deep/ .btn-next { - background: transparent; - } - - /deep/ .btn-next i { - color: white; - } - - /deep/ .btn-prev i { - color: white; - } - } - } - - .primary { - background: #409eff; - border: #409eff; - color: white; - } - } - - /deep/ .el-form-item__label { - color: white; - } - - // 璁剧疆杈撳叆妗嗙殑鑳屾櫙鑹层�佸瓧浣撻鑹层�佽竟妗嗗睘鎬ц缃紱 - /deep/ .el-input__inner { - background-color: transparent !important; - color: #fff; - border: 1px solid; - } - - /deep/ .popper__arrow::after { - border-top-color: rgba(43, 45, 55, 0.8); - } - - /deep/ .el-select .el-input__inner { - border-color: #fff !important; - } - - /deep/ .el-cascader .el-input__inner { - border-color: #fff !important; - } - - /deep/ .el-textarea__inner { - background: transparent; - border-color: #fff !important; - color: white; - } - - /deep/ .el-textarea .el-input__count { - background: transparent; - color: #fff !important; - } - - /deep/ .el-loading-spinner i { - color: #1890ff !important; - } - - /deep/ .el-tabs__active-bar { - background: #409eff; - } - - /deep/ .el-tabs__item { - color: #409eff; - } -} -</style> -<style> -.el-loading-spinner i { - color: #1890ff !important; -} -</style> diff --git a/src/views/datamanage/dataUpdata.vue b/src/views/datamanage/dataUpdata.vue index a967df8..5a701b0 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,59 +81,46 @@ </el-option> </el-select> </el-form-item> - <!-- 鏁版嵁涓撲笟 --> - <!-- <el-form-item - :label="$t('dataManage.dataUpObj.dataSpecialty')" + <!-- 浼犳劅鍣ㄧ被鍨� --> + <el-form-item + :label="$t('dataManage.dataUpObj.dataVersion')" 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.verid" :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 verOption" + :key="item.id" + :label="item.name" + :value="item.id" + > + </el-option> </el-select> - </el-form-item> --> - <!-- 鍧愭爣绯� --> + </el-form-item> + <!-- 鍏冩暟鎹被鍨� --> <el-form-item - v-show="false" - :label="$t('dataManage.dataUpObj.coordinateSystem')" - style="margin-right: 3%" + :label="$t('dataManage.dataUpObj.dataVersion')" + 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.verid" :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 verOption" + :key="item.id" + :label="item.name" + :value="item.id" > </el-option> </el-select> @@ -237,85 +164,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> diff --git a/src/views/resourceQuery/resourceQuery.vue b/src/views/resourceQuery/resourceQuery.vue index 45cb622..79ba022 100644 --- a/src/views/resourceQuery/resourceQuery.vue +++ b/src/views/resourceQuery/resourceQuery.vue @@ -1,7 +1,16 @@ <template> <div class="resourceQuery"> <moon-map></moon-map> - <div class="left_box"> + <div + class="left_menu" + @click="leftDialog =true" + v-show="!leftDialog" + > + </div> + <div + class="left_box" + v-show="leftDialog" + > <div class="top_box"> <div class="input_box"> <el-form @@ -67,31 +76,62 @@ <div class="KJCX"> <div class="KJCX_title">绌洪棿鏌ヨ</div> <div class="KJCX_btn_list"> - <div class="KJCX_btn"> + <div + class="KJCX_btn" + @click="setDrawMenu(1)" + > + <span>鐐�</span> + <div class="btn_bg d"></div> + </div> + <div + class="KJCX_btn" + @click="setDrawMenu(2)" + > <span>绾�</span> <div class="btn_bg x"></div> </div> - <div class="KJCX_btn"> + <div + class="KJCX_btn" + @click="setDrawMenu(3)" + > <span>鐭╁舰</span> <div class="btn_bg jx"></div> </div> - <div class="KJCX_btn"> + <div + class="KJCX_btn" + @click="setDrawMenu(4)" + > <span>澶氳竟褰�</span> <div class="btn_bg db"></div> </div> </div> </div> </div> + <div + class="btn_close" + @click="leftDialog = false" + > + + </div> <div class="btn_box"> <div class="btn"> - <el-button type="primary" class="btnbox">妫�绱�</el-button> + <el-button + type="primary" + class="btnbox" + >妫�绱�</el-button> </div> <div> - <el-button type="primary" class="btnbox delbtn">閲嶇疆</el-button> + <el-button + type="primary" + class="btnbox delbtn" + >閲嶇疆</el-button> </div> </div> </div> - <div class="pagination"> + <div v-show="listDialog"> + + </div> + <!-- <div class="pagination"> <el-pagination small @size-change="handleSizeChange" @@ -103,8 +143,8 @@ :total="400" > </el-pagination> - </div> - <div class="list_box"> + </div> --> + <!-- <div class="list_box"> <div class="list" v-for="(e, i) in list" @@ -125,49 +165,102 @@ <span class="attribute_title">鐢熶骇鏃堕棿锛�</span> <span class="attribute_content">{{ e.data }}</span> </div> - <div class="attribute" style="margin: 0"> + <div + class="attribute" + style="margin: 0" + > <span class="attribute_title">鏁版嵁澶у皬锛�</span> <span class="attribute_content">dsadas</span> </div> </div> - <div class="all_btn" v-on:click.stop="details(e)"> + <div + class="all_btn" + v-on:click.stop="details(e)" + > <i class="el-icon-more"></i> </div> </div> - </div> - <div class="bottom_box"> - <span class="msg_box" - >鏄剧ず绗瑊{ paginationData.pageNo }}鍒皗{ + </div> --> + <!-- <div class="bottom_box"> + <span class="msg_box">鏄剧ず绗瑊{ paginationData.pageNo }}鍒皗{ paginationData.pageSize }}鏉★紝鍏眥{ list.length }}鏉¤褰曪紝宸查�夋嫨{{ listChecked.length - }}鏉�</span - > + }}鏉�</span> <div class="bottom_btn"> - <el-button type="primary" class="btnbox">鍏ㄩ��</el-button> - <el-button type="primary" class="btnbox delbtn">鍙栨秷</el-button> + <el-button + type="primary" + class="btnbox" + >鍏ㄩ��</el-button> + <el-button + type="primary" + class="btnbox delbtn" + >鍙栨秷</el-button> </div> - </div> + </div> --> </div> - <div class="details_box" v-show="detailsBox"> + <div + class="details_box" + v-show="detailsBox" + > <div class="details_t"> - <i class="el-icon-close" @click="detailsBox = false"></i> + <i + class="el-icon-close" + @click="detailsBox = false" + ></i> </div> <div class="details_table"> <div class="table_header"> <div class="table_td">灞炴��</div> <div class="table_td">灞炴�у��</div> </div> - <div class="table_tr" v-for="(e, i) in tableList" :key="i"> + <div + class="table_tr" + v-for="(e, i) in tableList" + :key="i" + > <div class="table_td">{{ e.name }}</div> <div class="table_td">{{ e.value }}</div> </div> </div> </div> + <el-dialog + title="鎻愮ず" + :visible.sync="dialogVisible" + width="20%" + :before-close="handleClose" + > + <div class="dialogContent"> + <el-form ref="form"> + <el-form-item label="缂撳啿璺濈锛圡锛�"> + <el-input-number + v-model="bufferNumber" + :step="10" + ></el-input-number> + </el-form-item> + </el-form> + </div> + + <span + slot="footer" + class="dialog-footer" + > + <el-button + size="small" + @click="dialogVisible = false" + >鍙� 娑�</el-button> + <el-button + type="primary" + size="small" + @click="setCloseDialog" + >纭� 瀹�</el-button> + </span> + </el-dialog> </div> </template> <script> +import * as turf from "@turf/turf" import moonMap from "../../components/MapView/moonMap.vue"; //鍦板浘 export default { components: { @@ -248,6 +341,11 @@ }, ], detailsBox: false, + listDialog: false, + leftDialog: true, + drawType: null, + dialogVisible: false, + bufferNumber: 100, }; }, methods: { @@ -276,8 +374,138 @@ } } }, + setDrawMenu(res) { + this.bufferNumber = 100; + switch (res) { + case 1: + this.drawType = 'point'; + this.dialogVisible = true; + break; + case 2: + this.drawType = 'polyline'; + this.dialogVisible = true; + break; + case 3: + this.drawType = 'rectangle'; + this.setDrawEntity(); + break; + case 4: + this.drawType = 'polygon'; + this.setDrawEntity(); + break + } + }, + handleClose() { + this.$confirm('纭鍏抽棴锛�') + .then(_ => { + this.dialogVisible = false; + }) + .catch(_ => { }); + }, + setCloseDialog() { + this.dialogVisible = false; + this.setDrawEntity(); + }, + setDrawEntity() { + var config = {} + if (this.drawType != 'point') { + config = { showSize: false } + } + var that = this; + sgworld.Creator.createSimpleGraphic(this.drawType, config, (entity) => { + sgworld.Creator.SimpleGraphic.clear() + that.querySatialQuery(entity); + }); + }, + querySatialQuery(res) { + var res_val; + switch (this.drawType) { + case 'point': + res_val = res.position.getValue(); + break; + case 'polyline': + res_val = res.polyline.positions.getValue(); + break; + case 'rectangle': + res_val = res.rectangle.coordinates.getValue(); + break; + case 'polygon': + res_val = res.polygon.hierarchy.getValue().positions; + break; + } + var val = this.getEntityGeometry(res_val, this.drawType) + debugger + }, + getEntityGeometry(res, type) { + var res_val; + var std = []; + if (type == 'point') { + var geom = this.setCartesianToEightFour(res); + var point = turf.point([geom.lng, geom.lat]); + res_val = this.setTurfBuffer(point, this.bufferNumber, 'circle') + } else if (type == 'polyline') { + for (var i in res) { + var geom = this.setCartesianToEightFour(res[i]); + std.push([geom.lng, geom.lat]) + } + + var line = turf.lineString(std, { name: "polyline" }) + res_val = this.setTurfBuffer(line, this.bufferNumber, 'buffer') + } else if (type == 'rectangle') { + var geom = new Cesium.Rectangle.subsample( + res, + Cesium.Ellipsoid.WGS84, + res.height + ) + for (var i in geom) { + var rectangle = this.setCartesianToEightFour(geom[i]); + std.push([rectangle.lng, rectangle.lat]) + } + std.push(std[0]) + res_val = turf.polygon([std], { name: "polygon" }) + } else if (type == 'polygon') { + for (var i in res) { + var polygon = this.setCartesianToEightFour(res[i]); + std.push([polygon.lng, polygon.lat]) + } + std.push(std[0]) + res_val = turf.polygon([std], { name: "polygon" }) + } + return this.setJonToWKT(res_val) + }, + setJonToWKT(res) { + let fixedVal = this.fixToPositon(res) + var jsonToWkt = this.$wkt.convert(fixedVal.geometry) + return jsonToWkt; + }, + setTurfBuffer(geom, distance, type) { + + return turf.buffer(geom, distance, { units: 'miles' }); + }, + fixToPositon(restVal, digits = 6) { + restVal.geometry.coordinates.forEach(coord => { + if (Array.isArray(coord)) { + coord.forEach(item => { + if (item.length >= 2) { + item[0] = Number(item[0].toFixed(digits)) + item[1] = Number(item[1].toFixed(digits)) + } + }) + } + }) + return restVal + }, + setCartesianToEightFour(res) { + var std = {} + let ellipsoid = Viewer.scene.globe.ellipsoid + let cartographic = ellipsoid.cartesianToCartographic(res) + std.lat = Cesium.Math.toDegrees(cartographic.latitude) + std.lng = Cesium.Math.toDegrees(cartographic.longitude) + std.alt = cartographic.height + return std + } }, - created() {}, + created() { }, }; </script> @@ -286,10 +514,19 @@ width: 100%; height: 100%; position: relative; + .left_menu { + top: 10px; + left: 10px; + position: absolute; + width: 20px; + height: 20px; + background: url("../../assets/img/灞曞紑鑿滃崟.png") no-repeat; + background-size: 100% 100%; + } .left_box { width: 427px; - height: 780px; - left: 20px; + height: auto; + left: 10px; top: 10px; background: rgba(7, 8, 14, 0.8); border: 1px solid #d6e4ff; @@ -302,6 +539,15 @@ display: flex; justify-content: space-between; align-items: center; + .btn_close { + top: 20px; + right: 20px; + position: absolute; + width: 20px; + height: 20px; + background: url("../../assets/img/鏀惰捣鑿滃崟.png") no-repeat; + background-size: 100% 100%; + } .btn_box { .btn { margin-bottom: 37px; @@ -348,6 +594,10 @@ height: 26px; cursor: pointer; margin-left: 7px; + } + .d { + background: url("../../assets/img/d.png") no-repeat center; + background-size: 100% 100%; } .x { background: url("../../assets/img/x.png") no-repeat center; @@ -532,4 +782,7 @@ } } } +.dialogContent /deep/.el-icon-plus { + color: #606266 !important; +} </style> \ No newline at end of file -- Gitblit v1.9.3