测试优化

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

@@ -17,15 +17,6 @@
             <el-form-item label="责任人" prop="responsiblePerson">
               <el-input v-model="queryParams.responsiblePerson" placeholder="请输入责任人" clearable @keyup.enter="handleQuery" />
             </el-form-item>
-            <!-- <el-form-item label="预计完成时间" prop="expectedFinishDate">
-              <el-date-picker
-                clearable
-                v-model="queryParams.expectedFinishDate"
-                type="date"
-                value-format="YYYY-MM-DD"
-                placeholder="请选择预计完成时间"
-              />
-            </el-form-item> -->
             <el-form-item>
               <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
               <el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -41,15 +32,19 @@
             <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['land:landTransferLedger:add']">新增</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['land:landTransferLedger:remove']"
-              >删除</el-button
-            >
+            <el-tag size="large" type="primary">设计面积：{{ detailInfo.designArea }}亩</el-tag>
+          </el-col>
+          <el-col :span="1.5">
+            <el-tag size="large" type="success">已流转面积：{{ detailInfo.transferAea }}亩</el-tag>
+          </el-col>
+          <el-col :span="1.5">
+            <el-tag size="large" type="warning">租金：{{ detailInfo.landRent / 1000 }}万元</el-tag>
           </el-col>
           <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
         </el-row>
       </template>
       <el-table v-loading="loading" :data="landTransferLedgerList" @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" width="60" align="center" />
         <el-table-column label="土地类型" align="center" prop="landTypeName" />
         <el-table-column label="地块" align="center" prop="landName" />
         <el-table-column label="进场道路" align="center" prop="roadName" />
@@ -65,7 +60,6 @@
         <el-table-column label="状态说明" align="center" prop="statusDescription" />
         <el-table-column label="问题总结" align="center" prop="issueSummary" />
         <el-table-column label="下一步策略" align="center" prop="nextStrategy" width="180" />
-        <!-- 固定列 -->
         <el-table-column label="操作" align="center" fixed="right" width="200">
           <template #default="scope">
             <el-tooltip content="修改" placement="top">
@@ -189,7 +183,8 @@ import {
   getLandTransferLedger,
   delLandTransferLedger,
   addLandTransferLedger,
-  updateLandTransferLedger
+  updateLandTransferLedger,
+  landTransferLedgerCount
 } from '@/api/system/landTransfer/landTransferLedger';
 import { listEnterRoad } from '@/api/system/landTransfer/enterRoad';
 import { LandTransferLedgerVO, LandTransferLedgerQuery, LandTransferLedgerForm } from '@/api/system/landTransfer/landTransferLedger/types';
@@ -272,7 +267,11 @@ const data = reactive<PageData<LandTransferLedgerForm, LandTransferLedgerQuery>>
     landType: [{ required: true, message: '土地类型不能为空', trigger: 'change' }]
   }
 });
-
+const detailInfo = ref({
+  transferAea: 0,
+  transferRatio: 0,
+  landRent: 0
+});
 const { queryParams, form, rules } = toRefs(data);
 
 /** 查询项目土地流转台账列表 */
@@ -283,7 +282,10 @@ const getList = async () => {
   total.value = res.total;
   loading.value = false;
 };
-
+const getLandBlockList = async () => {
+  let res = await landTransferLedgerCount(currentProject.value?.id);
+  detailInfo.value = res.data;
+};
 /** 取消按钮 */
 const cancel = () => {
   dialog.visible = false;
@@ -385,6 +387,7 @@ const listeningProject = watch(
   () => currentProject.value?.id,
   (nid, oid) => {
     queryParams.value.projectId = nid;
+    getLandBlockList();
     getListLand();
     getList();
   }
@@ -394,6 +397,7 @@ onUnmounted(() => {
   listeningProject();
 });
 onMounted(() => {
+  getLandBlockList();
   getList();
   getListLand();
 });