From cf4de0a3f218b79d49b05450ca0fc4527c2fa78e Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期三, 22 二月 2023 17:15:55 +0800
Subject: [PATCH] 修改数据管理弹框按钮样式
---
src/views/datamanage/projectManage.vue | 113 +++++++++++++++++++++++++++-----------------------------
1 files changed, 55 insertions(+), 58 deletions(-)
diff --git a/src/views/datamanage/projectManage.vue b/src/views/datamanage/projectManage.vue
index b5e56b6..345c4ac 100644
--- a/src/views/datamanage/projectManage.vue
+++ b/src/views/datamanage/projectManage.vue
@@ -22,11 +22,7 @@
</el-tree>
</div>
<div class="verSion_rightContent subpage_Div">
- <el-form
- :inline="true"
- class="demo-form-inline"
- >
-
+ <el-form :inline="true" class="demo-form-inline">
<el-form-item>
<el-button
v-if="btnStatus.insert"
@@ -40,12 +36,11 @@
</el-form-item>
</el-form>
<!-- <el-divider class="eldivider" /> -->
- <div class="table_box" style="height:calc(100% - 89px)">
+ <div class="table_box" style="height: calc(100% - 89px)">
<el-table
ref="filterTable"
:data="dbTableData"
- height="calc(100% - 57px)"
-
+ height="100%"
style="width: 100%"
>
<el-table-column
@@ -107,27 +102,28 @@
<el-button
v-if="btnStatus.delete"
@click="deleteProject(scope.row)"
- icon="el-icon-delete"
size="small"
+ plain
type="danger"
>{{ $t("common.delete") }}</el-button
>
<el-button
v-if="btnStatus.update"
@click="EditProject(scope.row)"
- icon="el-icon-edit"
- type="info"
+ type="warning"
+ plain
size="small"
>{{ $t("common.update") }}</el-button
>
</template>
</el-table-column>
</el-table>
- <div style="margin-top: 10px" class="pagination_box"></div>
+ <!-- <div class="pagination_box"></div> -->
</div>
</div>
</div>
<el-dialog
+ top="2vh"
:title="
behavior == '鏂板椤圭洰'
? `${$t('dataManage.projectObj.newProj')}`
@@ -147,55 +143,76 @@
<project-ol v-if="showMap"></project-ol>
</div>
</el-dialog>
- <div style="height: 540px; overflow: auto; padding: 1%">
+ <div style="height: 500px; overflow: auto">
<el-form
class="editFrom1"
ref="form"
:model="editFrom"
- label-width="200px"
+ label-position="top"
>
<el-form-item :label="$t('dataManage.projectObj.projname')">
- <el-input v-model="editFrom.projname"></el-input>
+ <el-input v-model="editFrom.projname" style="width: 85%"></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.projectObj.projtype')">
- <el-input v-model="editFrom.projtype"></el-input>
+ <el-input v-model="editFrom.projtype" style="width: 85%"></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.projectObj.location')">
- <el-input :disabled="true" v-model="editFrom.geom"></el-input>
- <el-link
- @click="ShowInner"
- style="margin-left: 20px"
- icon="el-icon-plus"
- >
- </el-link>
+ <div class="BoxFlex">
+ <div class="BoxFlexinput">
+ <el-input
+ :disabled="true"
+ v-model="editFrom.geom"
+ style="width: 100%"
+ ></el-input>
+ </div>
+ <div>
+ <el-button
+ @click="ShowInner"
+ style="margin-left: 6px"
+ icon="el-icon-plus"
+ type="primary"
+ size="small"
+ >
+ </el-button>
+ </div>
+ </div>
</el-form-item>
<el-form-item :label="$t('dataManage.projectObj.country')">
- <el-input v-model="editFrom.country"></el-input>
+ <el-input v-model="editFrom.country" style="width: 85%"></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.projectObj.province')">
- <el-input v-model="editFrom.province"></el-input>
+ <el-input v-model="editFrom.province" style="width: 85%"></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.projectObj.county')">
- <el-input v-model="editFrom.location"></el-input>
+ <el-input v-model="editFrom.location" style="width: 85%"></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.projectObj.corpname')">
- <el-input v-model="editFrom.corpname"></el-input>
+ <el-input v-model="editFrom.corpname" style="width: 85%"></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.projectObj.department')">
- <el-input v-model="editFrom.department"></el-input>
+ <el-input
+ v-model="editFrom.department"
+ style="width: 85%"
+ ></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.projectObj.conperiod')">
- <el-input v-model="editFrom.conperiod"></el-input>
+ <el-input
+ v-model="editFrom.conperiod"
+ style="width: 85%"
+ ></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.projectObj.contents')">
- <el-input v-model="editFrom.contents"></el-input>
+ <el-input v-model="editFrom.contents" style="width: 85%"></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.projectObj.projstate')">
- <el-input v-model="editFrom.projstate"></el-input>
+ <el-input
+ v-model="editFrom.projstate"
+ style="width: 85%"
+ ></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.projectObj.remarks')">
- <el-input v-model="editFrom.remarks"></el-input>
+ <el-input v-model="editFrom.remarks" style="width: 85%"></el-input>
</el-form-item>
</el-form>
</div>
@@ -392,7 +409,7 @@
handleNodeClick(data) {
//鑾峰彇鐩綍ID
// this.dirId = data.id;
- this.dirId = data.code
+ this.dirId = data.code;
this.getSelectProject();
},
@@ -445,12 +462,12 @@
width: 98%;
padding: 1%;
.verSionContent {
- width: 100%;
+ width: 100%;
height: calc(100% - 75px);
display: flex;
justify-content: space-between;
.verSion_leftTree {
- width: calc(23% - 0px);
+ width: calc(23% - 0px);
height: 100%;
padding: 10px;
border-radius: 5px;
@@ -462,34 +479,14 @@
height: 100%;
border-radius: 5px;
padding: 10px;
+ // padding-bottom: 0;
box-sizing: border-box;
border: 1px solid #dcdfe6;
}
- .projectli {
- height: 46px;
- padding: 12px 12px;
- font-size: 14px;
-
- border-bottom: 1px solid white;
- line-height: 46px;
- }
- }
- .eldivider {
- margin-top: 0px;
- }
- .projFrom {
- .el-input {
- width: 800px;
- }
- }
- .editFrom1 {
- .el-input {
- width: 600px;
- }
}
}
-.demo-form-inline{
- padding: 8px;
+.demo-form-inline {
+ padding: 8px;
// margin-top: 10px;
border-radius: 5px;
border: 1px solid #dcdfe6;
--
Gitblit v1.9.3