From 31612136346954091921d97046745eafa9d95f17 Mon Sep 17 00:00:00 2001 From: 王旭 <1377869194@qq.com> Date: 星期四, 16 二月 2023 17:44:54 +0800 Subject: [PATCH] 调整运维管理部分页面格式1 --- src/views/datamanage/dataUpdata.vue | 287 ++++++++++++++++++++++++++++++++------------------------ 1 files changed, 164 insertions(+), 123 deletions(-) diff --git a/src/views/datamanage/dataUpdata.vue b/src/views/datamanage/dataUpdata.vue index 3e44b93..394b056 100644 --- a/src/views/datamanage/dataUpdata.vue +++ b/src/views/datamanage/dataUpdata.vue @@ -25,7 +25,10 @@ class="demo-form-inline" > <!-- 鍏ュ簱绫诲瀷 --> - <el-form-item :label="$t('dataManage.dataUpObj.UploadType')" style="margin-right: 2%"> + <el-form-item + :label="$t('dataManage.dataUpObj.UploadType')" + style="margin-right: 2%" + > <el-select :disabled="tableData.length == 0 ? false : true" v-model="formInline.uploadType" @@ -43,7 +46,7 @@ </el-form-item> <!-- 瀛樺偍鐩綍 --> <el-form-item - style="margin-right: 2%" + style="margin-right: 2%" v-show="uploadFlag" :label="$t('dataManage.dataUpObj.storageDirectory')" > @@ -77,7 +80,7 @@ </el-form-item> <!-- 椤圭洰鍚嶇О --> <el-form-item - style="margin-right: 2%" + style="margin-right: 2%" v-show="!uploadFlag" :label="$t('dataManage.dataUpObj.entryName')" > @@ -97,7 +100,10 @@ </el-select> </el-form-item> <!-- 鏁版嵁鐗堟湰 --> - <el-form-item :label="$t('dataManage.dataUpObj.dataVersion')" style="margin-right: 2%"> + <el-form-item + :label="$t('dataManage.dataUpObj.dataVersion')" + style="margin-right: 2%" + > <el-select :popper-append-to-body="false" :disabled="tableData.length == 0 ? false : true" @@ -114,7 +120,10 @@ </el-select> </el-form-item> <!-- 鏁版嵁涓撲笟 --> - <el-form-item :label="$t('dataManage.dataUpObj.dataSpecialty')" style="margin-right: 2%"> + <el-form-item + :label="$t('dataManage.dataUpObj.dataSpecialty')" + style="margin-right: 2%" + > <el-select :popper-append-to-body="false" :disabled="tableData.length == 0 ? false : true" @@ -131,7 +140,10 @@ </el-select> </el-form-item> <!-- 鍧愭爣绯� --> - <el-form-item :label="$t('dataManage.dataUpObj.coordinateSystem')" style="margin-right: 3%"> + <el-form-item + :label="$t('dataManage.dataUpObj.coordinateSystem')" + style="margin-right: 3%" + > <el-select :popper-append-to-body="false" :disabled="tableData.length == 0 ? false : true" @@ -207,7 +219,10 @@ @change="handleMetaFileChange" ></input> </el-form-item> - <el-form-item v-show="uploadFlag" style="margin-left: 0.7%;"> + <el-form-item + v-show="uploadFlag" + style="margin-left: 0.7%;" + > <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="formInline.metaData" @@ -283,7 +298,7 @@ >{{ $t('common.Warehousin') }}</el-button> <!-- 璐ㄦ --> <el-button - style="margin-right:-9px" + style="margin-right:-9px" v-if="menuStatus.insert" :disabled="multipleSelection.length == 0 ? true : false" type="info" @@ -300,7 +315,7 @@ <!-- 涓婁紶鏁版嵁鍒楄〃 --> <div class="subpage_Content subpage_Div"> <el-table - style="min-height: 450px;" + style="min-height: 470px;" :data="tableData" @selection-change="handleSelectionChange" > @@ -367,7 +382,7 @@ :model="formWarehousing" class="demo-form-inline" > - <el-form-item :label="$t('dataManage.dataUpObj.describe')" > + <el-form-item :label="$t('dataManage.dataUpObj.describe')"> <el-input v-model="formWarehousing.name" placeholder="璇疯緭鍏ュ唴瀹�" @@ -375,6 +390,13 @@ ></el-input> </el-form-item> <el-form-item style="float: right;"> + <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" @@ -389,13 +411,6 @@ size="small" type="info" >{{ $t('common.reset') }}</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-form-item> <el-form-item style="float: right;"> <el-button @@ -409,108 +424,110 @@ </el-form-item> </el-form> </div> - <div - class="subpage_Content subpage_Div" - style="min-height:480px" - > - <div style="height: 450px"> - <el-table - ref="filterTable" - :data="waretableData" - style="width: 100%" - height="99%"> - <el-table-column - type="selection" - width="55" + <!-- 鍏ュ簱 --> + <div class="bottom"> + <div class="rightTable subpage_Div"> + <div class="table_box"> + <el-table + ref="filterTable" + :data="waretableData" + style="width: 100%" + height="99%" + @selection-change="handleDelteChange" > - </el-table-column> - <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="100" - /> - <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')" + <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" + prop="name" + :label="$t('common.name')" + width="100" + /> + <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-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> + <div 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" > - <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-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"> - <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-pagination> + </div> + </div> </div> </el-tab-pane> </el-tabs> @@ -1257,7 +1274,7 @@ for (var i in this.enclosureData) { formData.append('ids', this.enclosureData[i]) } - const that = this + const that = this that.jindudialogVisible = true that.$set(this, 'jindutiaoname', "闄勪欢涓婁紶") that.$set(this, 'jindutiao', 0) @@ -1274,13 +1291,13 @@ if (rs.code != 200) { return this.$message.error('闄勪欢涓婁紶澶辫触'); } - + this.$set(this, 'jindutiao', 100) this.$message({ message: '闄勪欢涓婁紶鎴愬姛', type: 'success' }); - + }, error: (rs) => { this.loading = false; @@ -1301,7 +1318,7 @@ - + }, //閫夋嫨涓婁紶闄勪欢鐨勬枃浠� @@ -1988,7 +2005,7 @@ }, xhr: function () { var myXhr = $.ajaxSettings.xhr(); - + if (myXhr.upload) { //妫�鏌pload灞炴�ф槸鍚﹀瓨鍦� myXhr.upload.addEventListener('progress', that.progressHandlingFunction, false); //缁戝畾progress浜嬩欢鐨勫洖璋冨嚱鏁� } @@ -2431,4 +2448,28 @@ }, } }; -</script> \ No newline at end of file +</script> +<style lang="less" scoped> +.bottom { + width: 100%; + margin-top: 1%; + // 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; + } + } +} +</style> \ No newline at end of file -- Gitblit v1.9.3