优化

src/views/project/landTransfer/BusinessLedger/landTransferLedger/index.vue

@@ -31,14 +31,21 @@
           <el-col :span="1.5">
             <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['land:landTransferLedger:add']">新增</el-button>
           </el-col>
+          <el-col :span="6"></el-col>
           <el-col :span="1.5">
-            <el-tag size="large" type="primary">设计面积：{{ detailInfo.designArea }}亩</el-tag>
+            <el-tag size="large" type="primary"
+              ><span style="font-size: 20px">设计面积：{{ detailInfo.designArea }} 亩</span></el-tag
+            >
           </el-col>
           <el-col :span="1.5">
-            <el-tag size="large" type="success">已流转面积：{{ detailInfo.transferAea }}亩</el-tag>
+            <el-tag size="large" type="success"
+              ><span style="font-size: 20px">已流转面积：{{ detailInfo.transferAea }} 亩</span></el-tag
+            >
           </el-col>
           <el-col :span="1.5">
-            <el-tag size="large" type="warning">租金：{{ detailInfo.landRent / 1000 }}万元</el-tag>
+            <el-tag size="large" type="warning"
+              ><span style="font-size: 20px">租金：{{ detailInfo.landRent / 1000 }} 万元</span></el-tag
+            >
           </el-col>
           <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
         </el-row>
@@ -123,7 +130,7 @@
           ></el-col>
           <el-col v-if="form.transferStatus == '1'" :span="12"
             ><el-form-item label="流转比例(%)" prop="transferRatio">
-              <el-input v-model="form.transferRatio" type="number" placeholder="请输入流转比例" /> </el-form-item
+              <el-input v-model="form.transferRatio" type="number" max="100" min="0" placeholder="请输入流转比例" /> </el-form-item
           ></el-col>
           <el-col v-if="form.transferStatus == '1'" :span="12">
             <el-form-item label="土地租金(元)" prop="landRent">
@@ -264,7 +271,21 @@ const data = reactive<PageData<LandTransferLedgerForm, LandTransferLedgerQuery>>
   rules: {
     id: [{ required: true, message: '主键ID不能为空', trigger: 'blur' }],
     projectId: [{ required: true, message: '项目ID不能为空', trigger: 'blur' }],
-    landType: [{ required: true, message: '土地类型不能为空', trigger: 'change' }]
+    landType: [{ required: true, message: '土地类型不能为空', trigger: 'change' }],
+    transferRatio: [
+      { required: true, message: '流转比例不能为空', trigger: ['blur', 'change'] }, // 必填
+      {
+        validator: (rule, value, callback) => {
+          // 校验数值是否在 0-100 之间（包含0和100）
+          if (value < 0 || value > 100) {
+            callback(new Error('流转比例必须在 0-100 之间'));
+          } else {
+            callback(); // 校验通过
+          }
+        },
+        trigger: 'blur' // 失去焦点时触发校验
+      }
+    ]
   }
 });
 const detailInfo = ref({