From d3215f0051943a83f459009359d0039c3a0e1a4e Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期五, 04 八月 2023 10:29:48 +0800 Subject: [PATCH] 信息管理 --- src/views/datamanage/dataLoader.vue | 1142 ++++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 728 insertions(+), 414 deletions(-) diff --git a/src/views/datamanage/dataLoader.vue b/src/views/datamanage/dataLoader.vue index bd6e1d7..8fcd86b 100644 --- a/src/views/datamanage/dataLoader.vue +++ b/src/views/datamanage/dataLoader.vue @@ -1,288 +1,430 @@ <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="[ + <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.datawarehousing')}`, - ]" - ></My-bread> + ]"></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"> + <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> - <input id="uploadfile" @change= "handleFileChange" type="file" name="file" multiple="multiple" accept=".xls,.xlsx,.mdb,.shp.zip,.gdb.zip" style="display: none"></input> - <el-button icon="el-icon-document-add" @click="fileSelect" class="primary">{{ - $t('common.file') - }}</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">{{ + <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> + <el-input + type="textarea" + v-model="formInline.fileName" + class="nm-skin-pretty" + show-word-limit + :rows="2" + resize='none' + style="width: 650px;" + ></el-input> + </el-form-item> + <el-form-item> + <input + id="uploadfile" + @change="handleFileChange" + type="file" + name="file" + multiple="multiple" + accept=".xls,.xlsx,.mdb,.shp.zip,.gdb.zip" + 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> + <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-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: 100%" + height="99%" + @selection-change="handleSelectionChange" > - <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: 100%" - 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> - </div> + <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> + </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">{{ + <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="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" + style="width:99%" + height="92%" + @selection-change="handleDelteChange" > - </el-form-item> - </el-form> - </div> - <div class="contentTable" style="height:500px"> - <el-table - :data="waretableData" + <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 + align="center" + prop="name" + :label="$t('common.name')" + /> + <el-table-column + align="center" + prop="dirName" + :label="$t('dataManage.dataUpObj.catalogue')" + /> + <el-table-column + align="center" + prop="depName" + :label="$t('dataManage.dataUpObj.company')" + /> + <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 @click="detail(scope.row)">{{ + scope.row.tab + }}</a> + </template> + </el-table-column> - style="width:99%" - height="92%" - > - <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="rows" + :label="$t('common.lineNuber')" + /> + <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" + /> + </el-table> - /> - <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> - <div style="margin-top: 10px" class="pagination_box"> - <el-pagination - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="listData.pageIndex" - :page-sizes="[10, 20, 30, 40]" - :page-size="listData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="count" - > - </el-pagination> - </div> - </div> - </el-tab-pane> - - </el-tabs> - + </el-tabs> </div> <!-- --> - <el-dialog - :title="$t('dataManage.datawarehousing')" - :visible.sync="dialogWarehousing" - width="50%" - :before-close="handleWareClose" - > - <div class="dialogBox"> - <div class="transFarBox"> - <ul> - <li @click="singleElection(item)" v-for="(item, i) in tableWareOne" :class="{ active: activeName == item.tab }">{{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> + <el-dialog + :title="$t('dataManage.datawarehousing')" + :visible.sync="dialogWarehousing" + width="70%" + :before-close="handleWareClose" + > + <div class="dialogBox"> + <div class="transFarBox"> + <ul> + <li + @click="singleElection(item)" + v-for="(item, i) in tableWareOne" + :class="{ active: activeName == item.tab }" + >{{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"> + <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 + class="el-icon-d-arrow-right" + @click="setWareTableChangeRight" + ></i></el-link> + </div> + </div> + </div> + <div class="transFarBox"> + <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 + class="primary" + @click="autoMatchWare" + >鑷姩鍖归厤</el-button> + <el-button @click="setInsrtWareTableClose ">鍙� 娑�</el-button> + <el-button + class="primary" + @click="setInsrtWareTable" + >纭� 瀹�</el-button> + </span> + </el-dialog> - </div> - <div class="transFarBox"> - <ul> - <li @click="singleElection2(item)" v-for="(item, i) in tableWareTwo" :class="{ active: activeName2 == item.entity }">{{item.tabDesc}} ( {{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 class="el-icon-d-arrow-right" @click="setWareTableChangeRight"></i></el-link></div></div> - </div> - <div class="transFarBox"> - <ul> - <li @click="singleElection3(i)" v-for="(item, i) in tableWareThree" :class="{ active: activeName3 ==( item.tab+i)}">{{item.tab}} ( {{item.tabDesc}}:{{item.entity}} )</li> - </ul> - </div> - </div> - <span slot="footer" class="dialog-footer"> - <el-button class="primary" @click="autoMatchWare">鑷姩鍖归厤</el-button> - <el-button @click="setInsrtWareTableClose ">鍙� 娑�</el-button> - <el-button class="primary" @click="setInsrtWareTable">纭� 瀹�</el-button> - </span> -</el-dialog> + <el-dialog + :title="$t('common.details')" + :visible.sync="dialogVisible" + width="70%" + > + <div style="height:600px"> + <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: 10px" + class="pagination_box" + > + <el-pagination + @size-change="handleLoaderSizeChange" + @current-change="handleLoaderCurrentChange" + :current-page="listLoader.pageIndex" + :page-sizes="[10, 20, 50, 100]" + :page-size="listLoader.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="count1" + > + </el-pagination> + </div> + </div> + + </el-dialog> + </div> </template> @@ -297,10 +439,13 @@ dataLoader_selectVerByDirid, dataLoader_selectFiles, dataUploadDeleteFiles, - dataUploadInsertFiles, + dataLoader_InsertFiles, dataLoader_selectMappers, dataLoader_SelectTabs, - dataLoader_selectByPageForUpload + dataLoader_selectByPageForUpload, + dataLoader_deleteMetas, + dataLoader_selectFields, + dataLoader_selectDbData } from '../../api/api'; export default { name: 'dataUpdata', @@ -309,11 +454,13 @@ }, data() { return { - formWarehousing: { - name:'' + + formWarehousing: { + name: '', + }, -waretableData:[], - activeTabName:'first', + waretableData: [], + activeTabName: 'first', wareStatus: false, dialogWarehousing: false, btnStatus: 0, @@ -321,6 +468,7 @@ formInline: { verid: '', gather: '', + fileName: '鏈�夋嫨鏂囦欢' }, tableWareOne: [], tableWareTwo: [], @@ -334,7 +482,7 @@ listData: { pageIndex: 1, pageSize: 10, - name:'' + name: '' }, pickerOptions: { disabledDate(time) { @@ -350,13 +498,24 @@ checkStrictly: true, emitPath: false, }, + + listWare: [], wareSelectOne: null, wareSelectTwo: null, - listWare: [], activeName: '', activeName2: '', activeName3: '', wareTableFlag: null, + multipleDelete: [], + dialogVisible: false, + attributeData: [], + listLoader: { + id: null, + pageSize: 1, + pageSize: 10, + }, + count1: 0, + dbTableData: [], }; }, @@ -394,14 +553,72 @@ }, deep: true, immediate: true, + }, }, methods: { - changetimeFile(res){ + async detail(res) { + var val = res.tab.split("."); + const data = await dataLoader_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; -//shijianchuo鏄暣鏁帮紝鍚﹀垯瑕乸arseInt杞崲 - var time = new Date(res.createTime); + this.listLoader = { + id: res.id, + pageIndex: 1, + pageSize: 10, + } + this.getDataLoaderSelectDbData(); + }, + async getDataLoaderSelectDbData() { + const data1 = await dataLoader_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; + }, + handleLoaderSizeChange(val) { + this.listLoader.pageIndex = 1; + this.listLoader.pageSize = val; + this.getDataLoaderSelectDbData(); + }, + handleLoaderCurrentChange(val) { + this.listLoader.pageIndex = val; + this.getDataLoaderSelectDbData(); + }, + + changetimeLayer(res) { + var time = new Date(res); var y = time.getFullYear(); var m = time.getMonth() + 1; var d = time.getDate(); @@ -422,53 +639,105 @@ s ); }, - //鏍煎紡鍖栨椂闂� + + changetimeFile(res) { + return this.changetimeLayer(res.createTime) + }, + //鏍煎紡鍖栨椂闂� add0(m) { return m < 10 ? '0' + m : m; }, - setWarehouseSearch(){ + setWarehouseSearch() { - this.listData={ - pageIndex:1, - pageSize:10, - name:this.formWarehousing.name, - } - this.getAllWareTable(); + 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(); + async setWarehouseDel() { + var std = []; + for (var i in this.multipleDelete) { + std.push(this.multipleDelete[i].id); + } + this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎鎵�閫夊唴瀹�, 鏄惁缁х画?', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(async () => { + const data = await dataLoader_deleteMetas({ ids: std.toString() }) + if (data.code == 200) { + this.$message({ + message: "鍒犻櫎鎴愬姛锛�", + type: "success", + }); + this.listData.pageIndex = 1; + this.listData.pageSize = 10; + this.getAllWareTable(); + } else { + this.$message({ + message: "鍒犻櫎澶辫触锛�", + type: "warning", + }); + } + }).catch(() => { + this.$message({ + type: 'info', + message: '宸插彇娑堝垹闄�' + }); + }); + + // const res = await dataLoader_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; + }, + setWarehouseReset() { + this.formWarehousing.name = ''; + this.listData = { + pageIndex: 1, + pageSize: 10, + name: null, + } + this.getAllWareTable(); }, handleTabClick(tab, event) { - if(this.activeTabName =='second'){ - this.setWarehouseReset(); - } + if (this.activeTabName == 'second') { + this.setWarehouseReset(); + } }, - handleSizeChange(val){ - this.listData.pageIndex= 1; - this.listData.pageSize =val; - this.getAllWareTable(); + handleSizeChange(val) { + this.listData.pageIndex = 1; + this.listData.pageSize = val; + this.getAllWareTable(); }, -handleCurrentChange(val){ - this.listData.pageIndex= val; - this.getAllWareTable(); -}, + handleCurrentChange(val) { + this.listData.pageIndex = val; + this.getAllWareTable(); + }, //鑾峰彇鍏ュ簱鏁版嵁鍒楄〃 - async getAllWareTable(){ + async getAllWareTable() { const res = await dataLoader_selectByPageForUpload(this.listData); - if (res.code != 200) { + if (res.code != 200) { this.$message.error('鍒楄〃鏁版嵁鑾峰彇澶辫触'); return; } this.count = res.count; - this.waretableData =res.result; + this.waretableData = res.result; }, //澶у皬鍊兼敼璁� changeSizeFile(row, column, cellValue, index) { @@ -479,23 +748,24 @@ return cellValue + "MB" } }, - setInsrtWareTableClose(){ - this.dialogWarehousing = false; - this.setClearAttartch(); + setInsrtWareTableClose() { + this.dialogWarehousing = false; + this.setClearAttartch(); }, - async setInsrtWareTable(){ + async setInsrtWareTable() { var obj = { - metaEntity: this.formInline, - fileEntities: this.tableWareThree - }; + metaEntity: this.formInline, + fileEntities: this.tableData, + tabEntities: this.tableWareThree + }; + const res = await dataLoader_InsertFiles(JSON.stringify(obj)); - const res = await dataUploadInsertFiles(JSON.stringify(obj)); - if (res.code != 200) { + if (res.code != 200) { this.$message.error('鏁版嵁鍏ュ簱澶辫触'); return; - }else{ + } else { - this.$message({ + this.$message({ message: '鏁版嵁鍏ュ簱鎴愬姛', type: 'success' }); @@ -505,13 +775,13 @@ } }, - setClearAttartch(){ - this.activeName = ''; + setClearAttartch() { + this.activeName = ''; this.activeName2 = ''; this.activeName3 = ''; - this.tableWareThree =[]; - this.tableWareTwo=[]; - this.tableWareOne=[]; + this.tableWareThree = []; + this.tableWareTwo = []; + this.tableWareOne = []; }, autoMatchWare() { var val1 = this.tableWareOne; @@ -524,24 +794,27 @@ if (val2[j].tab == stdTab) { std.push(val1[i].tab) val1[i].entity = val2[j].entity; - val1[i].tabDesc= val2[j].tabDesc; + 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); - }); + 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{ + } 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; } }, @@ -557,29 +830,35 @@ var res = this.wareTableFlag; var value1 = this.tableWareThree[res]; value1.entity = null; - value1.tabDesc= null; - this.tableWareOne.push(value1); - this.tableWareThree.splice(res, 1) - this.activeName = ''; - this.activeName2 = ''; - this.activeName3 = ''; + 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.tabDesc = this.wareSelectTwo.tabDesc; + if (this.tableWareThree.indexOf(this.wareSelectOne) != -1) { - 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 = ''; + } 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 = ''; + } }, singleElection(row) { this.wareSelectOne = row; @@ -592,10 +871,8 @@ }, singleElection3(res) { - this.wareTableFlag = res; this.activeName3 = this.tableWareThree[res].tab + res; - }, //鏌ヨ鎵�鏈夌殑琛� @@ -622,14 +899,40 @@ async setFileDelete() { this.handlerLoading(true); var data = JSON.stringify(this.multipleSelection); - const res = await dataUploadDeleteFiles(data); - if (res.code != 200) { - this.$message.error('鍒犻櫎澶辫触'); - this.handlerLoading(false); - return; - } - this.getFileLength(); - this.handlerLoading(false); + this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎鎵�閫夊唴瀹�, 鏄惁缁х画?', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(async () => { + const data = await dataUploadDeleteFiles(data); + if (data.code == 200) { + this.$message({ + message: "鍒犻櫎鎴愬姛锛�", + type: "success", + }); + this.getFileLength(); + this.handlerLoading(false); + } else { + this.$message({ + message: "鍒犻櫎澶辫触锛�", + type: "warning", + }); + this.handlerLoading(false); + } + }).catch(() => { + this.$message({ + type: 'info', + message: '宸插彇娑堝垹闄�' + }); + }); + // const res = await dataUploadDeleteFiles(data); + // if (res.code != 200) { + // this.$message.error('鍒犻櫎澶辫触'); + // this.handlerLoading(false); + // return; + // } + // this.getFileLength(); + // this.handlerLoading(false); @@ -650,7 +953,7 @@ // fileEntities: this.multipleSelection // }; - // const res = await dataUploadInsertFiles(JSON.stringify(obj)); + // const res = await dataLoader_InsertFiles(JSON.stringify(obj)); // if (res.code != 200) { // this.$message.error('鏂囦欢鍏ュ簱澶辫触'); @@ -676,7 +979,7 @@ }, //鏂囦欢涓婁紶 setFileUpload() { - this.handlerLoading(true); + this.fullscreenLoading = true; var token = getToken(); var formData = new FormData(); @@ -695,18 +998,24 @@ processData: false, contentType: false, success: (rs) => { - + this.fullscreenLoading = false; + this.$message({ + message: '鏁版嵁涓婁紶鎴愬姛', + type: 'success' + }); this.getFileLength(); - alert("code = " + rs.code + ", msg = " + rs.msg + ", result = " + rs.result); + this.clearFileSelect(); }, error: (rs) => { - alert("涓婁紶鏂囦欢澶辫触锛�"); + this.fullscreenLoading = false; + this.$message.error('鏁版嵁涓婁紶澶辫触'); + this.clearFileSelect(); } }); - this.handlerLoading(false); + }, //鑾峰彇鏂囦欢涓婁紶鏁版嵁 async getFileLength() { @@ -754,9 +1063,21 @@ fileSelect() { $("#uploadfile").click(); }, - handleFileChange() { - var fs = document.getElementById("uploadfile"); + 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() { @@ -782,7 +1103,7 @@ //Loading鏄鹃殣 handlerLoading(res) { - this.fullscreenLoading = res; + }, //鐩綍鍒囨崲 catalogChange(value) { @@ -816,7 +1137,7 @@ async getselectVerByDirid() { this.verOption = []; this.formInline.verid = ""; - const res = await dataLoader_selectVerByDirid({dirid:this.formInline.dirid}); + const res = await dataLoader_selectVerByDirid({ dirid: this.formInline.dirid }); if (res.code != 200) { this.$message.error('鐗堟湰鍒楄〃鑾峰彇澶辫触'); @@ -936,42 +1257,6 @@ 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; @@ -1058,15 +1343,7 @@ justify-content: center; } } - .el-icon-d-arrow-right { - color: white; - } - .el-icon-d-arrow-left { - color: #fff; - } - .el-icon-plus { - color: white; - } + /*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/ /deep/ .el-table { background-color: transparent; @@ -1125,11 +1402,48 @@ background-color: #216fe6; } } - /deep/.el-tabs__active-bar { + /deep/.el-tabs__active-bar { background: #409eff; } - /deep/ .el-tabs__item { + /deep/ .el-tabs__item { color: #409eff; + } + .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; + } } } </style> + -- Gitblit v1.9.3