| | |
| | | <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-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-table-column |
| | | type="selection" |
| | | width="55"> |
| | | </el-table-column> |
| | | <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" |
| | | :label="$t('dataManage.dataUpObj.tableName')" |
| | | fixed |
| | | > |
| | | <template slot-scope="scope"> |
| | | <a @click="detail(scope.row)" >{{ |
| | | <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> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | align="center" |
| | | prop="rows" |
| | | :label="$t('common.lineNuber')" |
| | | <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="desc" |
| | | :label="$t('dataManage.dataUpObj.describe')" |
| | | <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-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> |
| | | |
| | | <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.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, 30, 40]" |
| | | :page-size="listLoader.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="count1" |
| | | > |
| | | </el-pagination> |
| | | </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> |
| | | </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> |
| | | <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> |
| | |
| | | dataLoader_selectMappers, |
| | | dataLoader_SelectTabs, |
| | | dataLoader_selectByPageForUpload, |
| | | dataLoader_deleteMetas, |
| | | dataLoader_selectFields, |
| | | dataLoader_selectDbData |
| | | dataLoader_deleteMetas, |
| | | dataLoader_selectFields, |
| | | dataLoader_selectDbData |
| | | } from '../../api/api'; |
| | | export default { |
| | | name: 'dataUpdata', |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | formWarehousing: { |
| | | name:'' |
| | | |
| | | formWarehousing: { |
| | | name: '', |
| | | |
| | | }, |
| | | waretableData:[], |
| | | activeTabName:'first', |
| | | waretableData: [], |
| | | activeTabName: 'first', |
| | | wareStatus: false, |
| | | dialogWarehousing: false, |
| | | btnStatus: 0, |
| | |
| | | formInline: { |
| | | verid: '', |
| | | gather: '', |
| | | fileName: '未选择文件' |
| | | }, |
| | | tableWareOne: [], |
| | | tableWareTwo: [], |
| | |
| | | listData: { |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | name:'' |
| | | name: '' |
| | | }, |
| | | pickerOptions: { |
| | | disabledDate(time) { |
| | |
| | | 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, |
| | | multipleDelete: [], |
| | | dialogVisible: false, |
| | | attributeData: [], |
| | | listLoader: { |
| | | id: null, |
| | | pageSize: 1, |
| | | pageSize: 10, |
| | | }, |
| | | count1:0, |
| | | dbTableData:[], |
| | | count1: 0, |
| | | dbTableData: [], |
| | | }; |
| | | }, |
| | | |
| | |
| | | }, |
| | | |
| | | methods: { |
| | | async detail(res){ |
| | | async detail(res) { |
| | | var val = res.tab.split("."); |
| | | const data = await dataLoader_selectFields({ |
| | | ns:val[0], |
| | | tab:val[1] |
| | | ns: val[0], |
| | | tab: val[1] |
| | | }) |
| | | if(data.code != 200){ |
| | | this.$message.error('字段列表调用失败'); |
| | | 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 =data.result; |
| | | this.listLoader={ |
| | | id:res.id, |
| | | pageIndex:1, |
| | | pageSize:10, |
| | | this.attributeData = val_data; |
| | | |
| | | 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('字段列表调用失败'); |
| | | async getDataLoaderSelectDbData() { |
| | | const data1 = await dataLoader_selectDbData(this.listLoader); |
| | | if (data1.code != 200) { |
| | | this.$message.error('字段列表调用失败'); |
| | | return |
| | | } |
| | | this.dbTableData =data1.result; |
| | | 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(); |
| | | handleLoaderSizeChange(val) { |
| | | this.listLoader.pageIndex = 1; |
| | | this.listLoader.pageSize = val; |
| | | this.getDataLoaderSelectDbData(); |
| | | }, |
| | | handleLoaderCurrentChange(val){ |
| | | this.listLoader.pageIndex= val; |
| | | this.getDataLoaderSelectDbData(); |
| | | }, |
| | | handleLoaderCurrentChange(val) { |
| | | this.listLoader.pageIndex = val; |
| | | this.getDataLoaderSelectDbData(); |
| | | }, |
| | | |
| | | |
| | | |
| | | changetimeFile(res){ |
| | | |
| | | //shijianchuo是整数,否则要parseInt转换 |
| | | var time = new Date(res.createTime); |
| | | changetimeLayer(res) { |
| | | var time = new Date(res); |
| | | var y = time.getFullYear(); |
| | | var m = time.getMonth() + 1; |
| | | var d = time.getDate(); |
| | |
| | | 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(); |
| | | }, |
| | | async setWarehouseDel(){ |
| | | var std = []; |
| | | for (var i in this.multipleDelete) { |
| | | std.push(this.multipleDelete[i].id); |
| | | } |
| | | const res = await dataLoader_deleteMetas({ids: std.toString() }) |
| | | if(res.code != 200){ |
| | | this.$message.error('删除失败'); |
| | | }else{ |
| | | this.$message({ |
| | | message: '删除成功', |
| | | type: 'success' |
| | | 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: '已取消删除' |
| | | }); |
| | | this.listData.pageIndex=1; |
| | | this.listData.pageSize = 10; |
| | | this.getAllWareTable(); |
| | | } |
| | | }); |
| | | |
| | | // 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; |
| | | handleDelteChange(val) { |
| | | this.multipleDelete = val; |
| | | }, |
| | | setWarehouseReset(){ |
| | | this.formWarehousing.name=''; |
| | | this.listData={ |
| | | pageIndex:1, |
| | | pageSize:10, |
| | | name:null, |
| | | } |
| | | 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(); |
| | | } |
| | | 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) { |
| | |
| | | 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.tableData, |
| | | tabEntities: this.tableWareThree |
| | | }; |
| | | const res = await dataLoader_InsertFiles(JSON.stringify(obj)); |
| | | metaEntity: this.formInline, |
| | | fileEntities: this.tableData, |
| | | tabEntities: this.tableWareThree |
| | | }; |
| | | const res = await dataLoader_InsertFiles(JSON.stringify(obj)); |
| | | |
| | | if (res.code != 200) { |
| | | if (res.code != 200) { |
| | | this.$message.error('数据入库失败'); |
| | | return; |
| | | }else{ |
| | | } else { |
| | | |
| | | this.$message({ |
| | | this.$message({ |
| | | message: '数据入库成功', |
| | | type: 'success' |
| | | }); |
| | |
| | | } |
| | | |
| | | }, |
| | | 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; |
| | |
| | | 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; |
| | | } |
| | | }, |
| | |
| | | var res = this.wareTableFlag; |
| | | var value1 = this.tableWareThree[res]; |
| | | value1.entity = null; |
| | | value1.tabDesc= null; |
| | | if(this.tableWareOne.indexOf(value1)!=-1 ){ |
| | | 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 = ''; |
| | | } |
| | | } 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; |
| | | if(this.tableWareThree.indexOf(this.wareSelectOne) != -1){ |
| | | this.wareSelectOne.tabDesc = this.wareSelectTwo.tabDesc; |
| | | 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 = ''; |
| | | } |
| | | } 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; |
| | |
| | | |
| | | }, |
| | | singleElection3(res) { |
| | | |
| | | this.wareTableFlag = res; |
| | | this.activeName3 = this.tableWareThree[res].tab + res; |
| | | |
| | | }, |
| | | |
| | | //查询所有的表 |
| | |
| | | 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); |
| | | |
| | | |
| | | |
| | |
| | | }, |
| | | //文件上传 |
| | | setFileUpload() { |
| | | this.handlerLoading(true); |
| | | this.fullscreenLoading = true; |
| | | var token = getToken(); |
| | | var formData = new FormData(); |
| | | |
| | |
| | | processData: false, |
| | | contentType: false, |
| | | success: (rs) => { |
| | | |
| | | this.fullscreenLoading = false; |
| | | this.$message({ |
| | | message: '数据上传成功', |
| | | type: 'success' |
| | | }); |
| | | this.getFileLength(); |
| | | |
| | | this.$message({ |
| | | message: '数据上传成功', |
| | | type: 'success' |
| | | }); |
| | | |
| | | this.clearFileSelect(); |
| | | }, |
| | | error: (rs) => { |
| | | this.fullscreenLoading = false; |
| | | this.$message.error('数据上传失败'); |
| | | this.clearFileSelect(); |
| | | } |
| | | }); |
| | | |
| | | this.handlerLoading(false); |
| | | |
| | | }, |
| | | //获取文件上传数据 |
| | | async getFileLength() { |
| | |
| | | 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() { |
| | |
| | | |
| | | //Loading显隐 |
| | | handlerLoading(res) { |
| | | this.fullscreenLoading = res; |
| | | |
| | | }, |
| | | //目录切换 |
| | | catalogChange(value) { |
| | |
| | | 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('版本列表获取失败'); |
| | |
| | | background-color: #216fe6; |
| | | } |
| | | } |
| | | |
| | | } |
| | | .primary { |
| | | background: #409eff; |
| | |
| | | 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; |
| | |
| | | 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; |
| | | } |
| | | } |
| | | .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> |
| | | |