zpy 8.2

ruoyi-ui/src/views/smartSchool/officialWork/budgetFilling/index.vue

@@ -73,13 +73,12 @@
                     <el-table-column label="序号" type="index" align="center" />
                     <el-table-column label="*项目名称" prop="projectName">
                         <template slot-scope="scope">
-                            <el-form-item :prop="'xzTable.' + scope.$index + '.projectName'" :rules="rules.projectName"
-                               >
-                                <el-input v-model="scope.row.projectName" clearable style="width: 500px;"></el-input>
+                            <el-form-item :prop="'xzTable.' + scope.$index + '.projectName'" :rules="rules.projectName">
+                                <el-input v-model="scope.row.projectName" clearable></el-input>
                             </el-form-item>
                         </template>
                     </el-table-column>
-                    <el-table-column label="*申报政策依据、理由及主要内容" prop="content">
+                    <el-table-column label=" *申报政策依据、理由及主要内容" prop="content">
                         <template slot-scope="scope">
                             <el-form-item :prop="'xzTable.' + scope.$index + '.content'" :rules="rules.content" class="all">
                                 <el-input v-model="scope.row.content" clearable></el-input>
@@ -119,7 +118,9 @@
                     </el-table-column>
                     <el-table-column prop="remark" label="备注" align="center">
                         <template slot-scope="scope">
-                            <el-input v-model="scope.row.remark" placeholder="请输入内容"></el-input>
+                            <el-form-item prop="remark">
+                                <el-input v-model="scope.row.remark" placeholder="请输入内容"></el-input>
+                            </el-form-item>
                         </template>
                     </el-table-column>
 
@@ -846,15 +847,7 @@ export default {
 
 }
 
-.xzTable {
-    ::v-deep input {
-        border-top: none;
-        border-left: none;
-        border-right: none;
-    }
 
-    margin-top: 20px;
-}
 
 .all {
     width: 100%;
@@ -890,7 +883,33 @@ export default {
 
 }
 
+.xzTable {
+    ::v-deep .el-form-item__content {
+        display: flex;
+        align-items: center;
+    }
+
+    ::v-deep .el-form-item__content input {
+        border-top: none;
+        border-left: none;
+        border-right: none;
+        width: 100%;
+        /* Set the input width to 100% to make it expand to fill the container */
+        margin-right: 150%;
+    }
+
+    margin-top: 20px;
+}
+
+.xzTable ::v-deep .el-table__header-wrapper .el-table__cell {
+    font-size: 16px !important;
+}
 
+::v-deep {
+    .el-form-item__content {
+        margin-left: 1px !important;
+    }
+}
 
 
 .lookTable {
@@ -902,9 +921,6 @@ export default {
 }
 
 
-.xzTable ::v-deep .el-table__header-wrapper .el-table__cell {
-    font-size: 16px !important;
-}
 
 .lookTable ::v-deep .el-table__header-wrapper .el-table__cell {
     font-size: 16px !important;