[feature]项目查询和明细页面调整

src/components/ListItem.vue

@@ -8,7 +8,7 @@
         </h1>
         <hr />
       </template>
-      <table :class="{ only_two: values[0].length < 3, more_four: values[0].length > 3 }">
+      <table :class="{ only_two: values[0].length < 3, more_four: values[0].length >= 3 }">
         <template v-for="(value, i ) in values">
           <tr>
             <th v-if="i === 0" v-for="text in value">{{ text }}</th>

src/modules/projectList/components/GuarantorList.vue

+<template>
+  <Cell v-if="!!moduleName" :title="moduleName" class="cell-title" />
+  <table>
+    <template v-for="(value, i ) in values">
+      <tr>
+        <th v-if="i === 0" v-for="text in value">{{ text }}</th>
+        <td v-else v-for="text in value">{{ text }}</td>
+      </tr>
+    </template>
+  </table>
+</template>
+
+<script setup>
+import { Cell } from 'vant'
+
+defineProps({
+  moduleName: {
+    type: String,
+    default: ''
+  },
+  values: {
+    type: Array,
+    default() { return [] }
+  },
+})
+
+defineEmits(['click'])
+</script>
+
+<style scoped lang="less">
+.cell-title {
+  :deep(.van-cell__title span::before) {
+    display: inline-block;
+    height: 50%;
+    width: 3px;
+    background-color: #3D59C0;
+    content: "";
+    margin-right: 5px;
+  }
+
+  :deep(.van-cell__value) {
+    color: black;
+  }
+}
+
+table {
+  width: 100%;
+  background-color: #fff;
+  th {
+    color: gray;
+  }
+
+  td,
+  th {
+    text-align: center;
+    height: 25px;
+    line-height: 20px;
+  }
+}
+</style>

src/modules/projectList/views/projectForm.vue

@@ -5,9 +5,9 @@
     <div class="content">
       <section class="form-area">
         <AuForm v-model="formBaseConfig" :key="form" moduleName="项目基本信息"/>
-      </section>
-      <section class="form-area">
+        <GuarantorList :values="listArr" moduleName="担保方信息" />
         <AuForm v-model="formGuarantorConfig" :key="form" moduleName="开票信息"/>
+        <Cell title="还款计划" is-link class="cell-title" to="/repayplan/views/plan"/>
       </section>
     </div>
   </div>
@@ -15,11 +15,22 @@
 
 <script setup>
 import { goBack } from "@/utils/globalFun"
-import { NavBar, Button, Field } from "vant";
+import { NavBar, Button, Field, Cell } from "vant";
 import AuForm from '@/components/AuForm.vue';
 import AuFormClass from "@/components/useAuForm";
+import GuarantorList from '../components/GuarantorList.vue'
 
 const form = $ref();
+const listArr = $ref([
+  {
+    sortId: 1,
+    name: '李某某'
+  },
+  {
+    sortId: 2,
+    name: '担保人2'
+  },
+])
 const formBaseConfig = $ref(new AuFormClass([
   {
     title: '合同编号',
@@ -66,7 +77,7 @@ const formGuarantorConfig = $ref(new AuFormClass([
     title: '纳税人类别',
     propName: 'paymentReqDate',
     type: 'input',
-    value: '',
+    value: '啊哈哈哈',
     isRequired: false,
     disabled: true,
   },
@@ -82,7 +93,7 @@ const formGuarantorConfig = $ref(new AuFormClass([
     title: '发票抬头',
     propName: 'paymentReqDat3e',
     type: 'input',
-    value: '',
+    value: '23456567X',
     isRequired: false,
     disabled: true
   },
@@ -106,6 +117,20 @@ const formGuarantorConfig = $ref(new AuFormClass([
 </script>
 
 <style lang="less" scoped>
+.cell-title {
+  :deep(.van-cell__title span::before) {
+    display: inline-block;
+    height: 50%;
+    width: 3px;
+    background-color: #3D59C0;
+    content: "";
+    margin-right: 5px;
+  }
+
+  :deep(.van-cell__value) {
+    color: black;
+  }
+}
 .sub {
   width: 70%;
   margin: 50px auto 5px;
@@ -113,6 +138,17 @@ const formGuarantorConfig = $ref(new AuFormClass([
 
 .form-area {
   padding: 10px;
+  .myformList+.myformList {
+    margin-top: 0px;
+  }
+  :deep(.van-field__label) {
+    color: #019ae5;
+    width: 35%;
+  }
+  :deep(.van-field__control--right){
+    text-align: left;
+    color: #323233 !important;
+  }
 }
 
 .content {