Browse Source

style: 移除表格和表单组件多余的size="small"属性

统一调整页面内el-table、el-button、el-input、el-date-picker的size属性,移除冗余的small尺寸配置,保持组件样式一致性
huoyi 1 month ago
parent
commit
cc1a2bb677
1 changed files with 7 additions and 7 deletions
  1. 7 7
      src/views/ledgerManage/contractExpirationLedger/index.vue

+ 7 - 7
src/views/ledgerManage/contractExpirationLedger/index.vue

@@ -54,7 +54,7 @@
54 54
         <template #default="scope">
55 55
           <div class="detail-container">
56 56
             <div class="detail-title">合同明细</div>
57
-            <el-table :data="scope.row.ledgerContractExpirationDetailList || []" border fit size="small"
57
+            <el-table :data="scope.row.ledgerContractExpirationDetailList || []" border fit 
58 58
               style="width: 100%; margin-top: 10px;">
59 59
               <el-table-column label="序号" type="index" width="60" align="center" />
60 60
               <el-table-column label="合同名称" prop="contractName" align="center" min-width="200"
@@ -113,30 +113,30 @@
113 113
         </el-form-item>
114 114
         <el-form-item label="合同明细">
115 115
           <div style="width: 100%">
116
-            <el-button type="primary" size="small" icon="Plus" @click="handleAddDetail" style="margin-bottom: 10px">
116
+            <el-button type="primary"  icon="Plus" @click="handleAddDetail" style="margin-bottom: 10px">
117 117
               新增明细
118 118
             </el-button>
119
-            <el-table :data="form.ledgerContractExpirationDetailList || []" border fit size="small" style="width: 100%">
119
+            <el-table :data="form.ledgerContractExpirationDetailList || []" border fit  style="width: 100%">
120 120
               <el-table-column label="合同名称" min-width="180">
121 121
                 <template #default="scope">
122
-                  <el-input v-model="scope.row.contractName" placeholder="请输入合同名称" size="small" />
122
+                  <el-input v-model="scope.row.contractName" placeholder="请输入合同名称"  />
123 123
                 </template>
124 124
               </el-table-column>
125 125
               <el-table-column label="开始日期" min-width="140">
126 126
                 <template #default="scope">
127 127
                   <el-date-picker v-model="scope.row.contractStartDate" value-format="YYYY-MM-DD" type="date"
128
-                    placeholder="选择日期" size="small" style="width: 100%" />
128
+                    placeholder="选择日期"  style="width: 100%" />
129 129
                 </template>
130 130
               </el-table-column>
131 131
               <el-table-column label="结束日期" min-width="140">
132 132
                 <template #default="scope">
133 133
                   <el-date-picker v-model="scope.row.contractEndDate" value-format="YYYY-MM-DD" type="date"
134
-                    placeholder="选择日期" size="small" style="width: 100%" />
134
+                    placeholder="选择日期"  style="width: 100%" />
135 135
                 </template>
136 136
               </el-table-column>
137 137
               <el-table-column label="操作" width="80" align="center">
138 138
                 <template #default="scope">
139
-                  <el-button type="danger" size="small" link icon="Delete" @click="handleDeleteDetail(scope.$index)" />
139
+                  <el-button type="danger"  link icon="Delete" @click="handleDeleteDetail(scope.$index)" />
140 140
                 </template>
141 141
               </el-table-column>
142 142
             </el-table>