From 1cd64a26daed3e0eb7b4ccf74e50267d79eaef09 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期二, 07 五月 2024 18:21:56 +0800
Subject: [PATCH] 纤度登记表的新增模块 限制数量只能输入整数

---
 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