From 5e9b4920000a4d02eef3b207218e3ce8d68935be Mon Sep 17 00:00:00 2001
From: charles <981744753@qq.com>
Date: 星期四, 11 七月 2024 17:47:05 +0800
Subject: [PATCH] feat:纤度登记表重构
---
src/components/makepager/CommonFormTableView.vue | 79 +++++++++++++++++++++++++++++++++++----
1 files changed, 70 insertions(+), 9 deletions(-)
diff --git a/src/components/makepager/CommonFormTableView.vue b/src/components/makepager/CommonFormTableView.vue
index a356dcd..87e1915 100644
--- a/src/components/makepager/CommonFormTableView.vue
+++ b/src/components/makepager/CommonFormTableView.vue
@@ -151,6 +151,27 @@
}
"
></el-input-number>
+
+ </el-form-item>
+ <el-form-item
+ v-else-if="item.inputInteger"
+ label=" "
+ :prop="'tableData.' + scope.$index + '.' + item.prop"
+ :rules="[{ required: item.isRequird ? true : false, message: '杈撳叆涓嶈兘涓虹┖' }]"
+ >
+ <el-input
+ v-model.number="scope.row[item.prop]"
+ maxlength="50"
+ size="mini"
+ :disabled="!isOperate"
+ :controls="false"
+ style="width: 100%; margin-right: 5px"
+ @change="
+ (val) => {
+ commonInputChange(val, item.prop, scope.row, scope)
+ }
+ "
+ ></el-input>
</el-form-item>
<span v-else>
<template>
@@ -158,6 +179,24 @@
</template>
</span>
</template>
+ <el-form-item
+ v-else-if="item.input"
+ label=" "
+ :prop="'tableData.' + scope.$index + '.' + item.prop"
+ :rules="[{ required: item.isRequird ? true : false, message: '杈撳叆涓嶈兘涓虹┖' }]"
+ >
+ <el-input
+ v-model.trim="scope.row[item.prop]"
+ maxlength="50"
+ size="mini"
+ :disabled="!isOperate"
+ @change="
+ (val) => {
+ commonInputChange(val, item.prop, scope.row, scope)
+ }
+ "
+ ></el-input>
+ </el-form-item>
<el-form-item
v-else-if="item.inputFloat"
label=" "
@@ -201,6 +240,26 @@
"
></el-input-number>
</el-form-item>
+ <el-form-item
+ v-else-if="item.inputInteger"
+ label=" "
+ :prop="'tableData.' + scope.$index + '.' + item.prop"
+ :rules="[{ required: item.isRequird ? true : false, message: '杈撳叆涓嶈兘涓虹┖' }]"
+ >
+ <el-input
+ v-model.number="scope.row[item.prop]"
+ maxlength="50"
+ size="mini"
+ :disabled="!isOperate"
+ :controls="false"
+ style="width: 100%; margin-right: 5px"
+ @change="
+ (val) => {
+ commonInputChange(val, item.prop, scope.row, scope)
+ }
+ "
+ ></el-input>
+ </el-form-item>
<span v-else style="text-align: right">{{ scope.row[item.prop] }}</span>
</template>
</el-table-column>
@@ -219,12 +278,12 @@
</el-checkbox-group>
</div>
</el-form>
- <el-button size="small" type="primary" :disabled="!isOperate" @click="add">鏂板</el-button>
- <div v-if="!detailEnter" style="margin: 10px">
+ <el-button style="margin: 10px" size="small" type="primary" @click="add">鏂板</el-button>
+ <div v-if="!detailEnter" style="margin: 10px" >
<el-button size="small" type="primary" :disabled="!isOperate" @click="add">鏂板</el-button>
<!-- <el-button size="small" type="primary" disabled>瀵煎叆鏄庣粏</el-button> -->
- <el-button size="small" type="primary" :disabled="!isOperate" @click="empty">娓呯┖</el-button>
- <el-button size="small" type="primary" @click="recalculate" :disabled="isRecalculate && !isOperate ? false : true"
+ <el-button size="small" type="primary" :disabled="!isOperate" @click="empty">娓呯┖</el-button>
+ <el-button size="small" type="primary" @click="recalculate" :disabled="isRecalculate && !isOperate ? false : true"
>閲嶇畻</el-button
>
</div>
@@ -661,10 +720,9 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.page-view {
- height:100%;
position: relative;
.el-form{
- height:100%;
+ height:calc(100% - 120px);
}
.el-form-item {
margin-bottom: 0;
@@ -690,9 +748,12 @@
.el-input--suffix .el-input__inner {
padding-right: 0px;
}
- .el-table .cell,
- .el-table th.el-table__cell > .cell {
- padding: 0 5px;
+ .el-table th.el-table__cell{
+ padding: 6px 0 !important;
+ height: 35px;
+ }
+ .el-table td.el-table__cell{
+ padding: 6px 0 !important;
}
.el-table__fixed-footer-wrapper tbody td.el-table__cell{
background:#fff;
--
Gitblit v1.8.0