From 303f5d5c1296bfdcec63f1de35f3f64739f14007 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期日, 26 二月 2023 15:38:28 +0800
Subject: [PATCH] 资料馆，数据申请界面优化,综合展示三维截面分析
---
src/views/Archive/dataApplication.vue | 141 ++++++++++++++++++++++++++++++-----------------
1 files changed, 90 insertions(+), 51 deletions(-)
diff --git a/src/views/Archive/dataApplication.vue b/src/views/Archive/dataApplication.vue
index c790741..d3ee7ea 100644
--- a/src/views/Archive/dataApplication.vue
+++ b/src/views/Archive/dataApplication.vue
@@ -1,14 +1,19 @@
<template>
<div class="logLog_box box_div">
- <My-bread
- :list="[
+ <My-bread :list="[
`${$t('synthesis.synthesis')}`,
`${$t('synthesis.dataApplication')}`,
- ]"
- ></My-bread>
+ ]"></My-bread>
<el-divider />
- <div class="inquire subpage_Div" ref="container">
- <el-form :inline="true" ref="sizeForm" :model="sizeForm">
+ <div
+ class="inquire subpage_Div"
+ ref="container"
+ >
+ <el-form
+ :inline="true"
+ ref="sizeForm"
+ :model="sizeForm"
+ >
<div class="flex_box">
<div style="margin-right: auto">
<el-form-item
@@ -16,6 +21,7 @@
:label="$t('operatManage.operationLogObj.username')"
>
<el-input
+ size="small"
v-model="sizeForm.uname"
:placeholder="$t('operatManage.operationLogObj.pleaseInput')"
/>
@@ -25,13 +31,26 @@
:label="$t('operatManage.operationLogObj.status')"
>
<el-select
+ size="small"
v-model="sizeForm.status"
:placeholder="$t('operatManage.operationLogObj.pleaseSelect')"
>
- <el-option :label="$t('dataApply.type1')" value="-10" />
- <el-option :label="$t('dataApply.type2')" value="-1" />
- <el-option :label="$t('dataApply.type3')" value="0" />
- <el-option :label="$t('dataApply.type4')" value="-9" />
+ <el-option
+ :label="$t('dataApply.type1')"
+ value="-10"
+ />
+ <el-option
+ :label="$t('dataApply.type2')"
+ value="-1"
+ />
+ <el-option
+ :label="$t('dataApply.type3')"
+ value="0"
+ />
+ <el-option
+ :label="$t('dataApply.type4')"
+ value="-9"
+ />
</el-select>
</el-form-item>
<el-form-item
@@ -39,6 +58,7 @@
:label="$t('operatManage.operationLogObj.startTime')"
>
<el-date-picker
+ size="small"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="sizeForm.start"
@@ -52,6 +72,7 @@
:label="$t('operatManage.operationLogObj.endTime')"
>
<el-date-picker
+ size="small"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="sizeForm.end"
@@ -67,26 +88,29 @@
<el-button
@click="onSubmit"
icon="el-icon-search"
- style="
- background: #409eff;
- border: 1px solid #409eff;
- color: white;
- "
- >{{ $t("operatManage.operationLogObj.inquire") }}</el-button
- >
+ size="small"
+ type="primary"
+ >{{ $t("operatManage.operationLogObj.inquire") }}</el-button>
<el-button
+ size="small"
@click="resAllTable"
icon="el-icon-delete"
type="info"
- >{{ $t("operatManage.operationLogObj.empty") }}</el-button
- >
+ >{{ $t("operatManage.operationLogObj.empty") }}</el-button>
</el-form-item>
</div>
</div>
</el-form>
</div>
- <div class="table_box subpage_Div" :style="styleVar">
- <el-table :data="tableData" style="width: 100%" height="calc(100% - 57px)">
+ <div
+ class="table_box subpage_Div"
+ :style="styleVar"
+ >
+ <el-table
+ :data="tableData"
+ style="width: 100%"
+ height="calc(100% - 20px)"
+ >
<el-table-column
align="center"
type="index"
@@ -118,7 +142,10 @@
:formatter="formatStatus"
/>
- <el-table-column min-width="150" :label="$t('common.operate')">
+ <el-table-column
+ min-width="150"
+ :label="$t('common.operate')"
+ >
<template slot-scope="scope">
<el-button
type="danger"
@@ -126,28 +153,25 @@
@click="handleApplyCancel(scope.$index, scope.row)"
v-if="matchState(scope, /[]/)"
plain
- >{{ $t("dataApply.ApplicationCancel") }}</el-button
- >
+ >{{ $t("dataApply.ApplicationCancel") }}</el-button>
<el-button
type="warning"
size="mini"
@click="handleReApply(scope.$index, scope.row)"
v-if="matchState1(scope, /[]/)"
plain
- >{{ $t("dataApply.ReApply") }}</el-button
- >
+ >{{ $t("dataApply.ReApply") }}</el-button>
<el-button
type="info"
size="mini"
plain
@click="handlDetails(scope.$index, scope.row)"
- >{{ $t("dataApply.details") }}</el-button
- >
+ >{{ $t("dataApply.details") }}</el-button>
</template>
</el-table-column>
</el-table>
- <div class="pagination_box">
+ <div style="margin-top:10px">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@@ -167,10 +191,14 @@
:before-close="handleClose"
>
<div>
- <el-form :inline="true" :model="detailsFrom" class="demo-form-inline">
+ <el-form
+ :inline="true"
+ :model="detailsFrom"
+ class="demo-form-inline"
+ >
<el-form-item label="琛ㄥ悕锛�">
- <div class="statusLabel">{{ detailsFrom.tabs }}</div> </el-form-item
- ><br />
+ <div class="statusLabel">{{ detailsFrom.tabs }}</div>
+ </el-form-item><br />
<el-form-item label="鐢宠浜猴細">
<div class="statusLabel">{{ detailsFrom.uname }}</div>
</el-form-item>
@@ -181,16 +209,31 @@
<div class="statusLabel">{{ detailsFrom.status }}</div>
</el-form-item>
</el-form>
- <el-table :data="detailsFrom.tableData" style="width: 100%">
+ <el-table
+ :data="detailsFrom.tableData"
+ style="width: 100%"
+ >
<el-table-column
align="center"
type="index"
:label="$t('operatManage.ELM.index')"
width="70px"
/>
- <el-table-column align="center" prop="depName" label="鍗曚綅" />
- <el-table-column align="center" prop="uname" label="瀹℃牳浜�" />
- <el-table-column align="center" prop="uname" label="鎻忚堪">
+ <el-table-column
+ align="center"
+ prop="depName"
+ label="鍗曚綅"
+ />
+ <el-table-column
+ align="center"
+ prop="uname"
+ label="瀹℃牳浜�"
+ />
+ <el-table-column
+ align="center"
+ prop="uname"
+ label="鎻忚堪"
+ >
<template slot-scope="scope">
<el-input
type="textarea"
@@ -208,7 +251,10 @@
label="鐘舵��"
:formatter="formatStatus1"
/>
- <el-table-column min-width="150" :label="$t('common.operate')">
+ <el-table-column
+ min-width="150"
+ :label="$t('common.operate')"
+ >
<template slot-scope="scope">
<div v-if="matchState3(scope, /[]/)">
<el-button
@@ -216,16 +262,14 @@
size="mini"
@click="handleApplyRepulse(scope.$index, scope.row)"
plain
- >鎵撳洖</el-button
- >
+ >鎵撳洖</el-button>
<el-button
@click="handleApplyAdopt(scope.$index, scope.row)"
type="success"
size="mini"
plain
- >閫氳繃</el-button
- >
+ >閫氳繃</el-button>
</div>
<div v-if="!matchState3(scope, /[]/)">- -</div>
</template>
@@ -275,14 +319,14 @@
},
count: 0,
detailsId: null,
- tableHeight: 0,
+ tableHeight: 0,
timer: 0,
styleVar: {
height: "calc(100% - 109px)",
},
};
},
- beforeDestroy() {
+ beforeDestroy() {
this.timer && clearTimeout(this.timer);
window.removeEventListener("resize", this.onResize);
},
@@ -291,7 +335,7 @@
this.calHeight();
},
methods: {
- onResize() {
+ onResize() {
this.timer && clearTimeout(this.timer);
this.timer = setTimeout(() => {
this.calHeight();
@@ -521,7 +565,7 @@
width: 100%;
height: 100%;
- padding: 1%;
+ padding: 10px;
box-sizing: border-box;
.el-input {
@@ -530,7 +574,7 @@
.inquire {
padding: 8px;
- margin-top: 20px;
+ margin-top: 20px;
border-radius: 5px;
@@ -544,11 +588,6 @@
font-size: 14px;
}
.table_box {
- // overflow: auto;
- // height: 70%;
- // padding: 10px;
- // height: auto;
- // border-radius: 5px;
}
.text-center {
text-align: center;
--
Gitblit v1.9.3