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

src/components/AuForm.vue

@@ -228,4 +228,4 @@ function getClass(item) {
   flex: 1 1 45%;
   margin-bottom: 3vw;
 }
-</style>
\ No newline at end of file
+</style>

src/modules/projectList/api/index.js

+import { get, put, post, File, deleteReq } from '@/utils/http'
+
+const baseURL = import.meta.env.VITE_HTTP_BASE_URL
+const api = {
+    // getMakingList (data) { // 查询合同制作列表
+    //   return get(
+    //     `${baseURL}/hlct/v1/0/contracts/toMake`,
+    //     {...data}
+    //   )
+    // },
+};
+
+export default api;

src/modules/projectList/store/index.js

+const state = {};
+
+export default {
+    namespaced: true,
+    state,
+};

src/modules/projectList/views/index.vue

+<template>
+  <div class="container">
+    <NavBar title="项目查询" left-arrow @click-left="goBack" />
+
+    <section class="list">
+      <Search v-model="value" placeholder="请输入项目编号/机型/代理店" />
+      <Notice detail="只对已关联的项目进行查询" />
+      <PullRefresh v-model="refreshing" @refresh="onRefresh" class="scroll">
+        <List :finished="finished" finished-text="没有更多了" @load="loadApproval">
+          <ListItem v-for="item in listValue" :other_title="item.other_title" :title="item.title" :values="item.values"
+                    @click="jump" />
+        </List>
+      </PullRefresh>
+    </section>
+
+    <Plus @click="jump" />
+  </div>
+</template>
+
+<script setup>
+import { goBack } from "@/utils/globalFun"
+import { NavBar, List, PullRefresh, Search } from "vant";
+import Notice from '@/components/Notice.vue'
+import ListItem from '@/components/ListItem.vue'
+import Plus from '@/components/Plus.vue'
+import api from "../api";
+import { useRouter } from "vue-router";
+
+const listValue = $ref([
+  {
+    title: '2204-DB001-001',
+    other_title: "2022-07-18",
+    values: [["机型", "状态", "代理店"], ["HB2015-1MO", "正常", "江苏-宁隆"]]
+  }
+])
+
+const refreshing = $ref(true);
+const finished = $ref(true);
+
+const onRefresh = () => {
+  // 下拉重置参数，重新加载
+};
+
+const loadApproval = () => {
+
+}
+
+const router = useRouter();
+const jump = () => {
+  router.push({ name: 'projectList-views-projectForm' })
+}
+</script>
+
+<style scoped lang="less">
+.list {
+  box-sizing: border-box;
+  height: calc(100vh - var(--van-nav-bar-height));
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding-top: 8px;
+  padding-bottom: 10px;
+}
+
+.scroll {
+  box-sizing: border-box;
+  height: 100%;
+  overflow-y: auto;
+}
+</style>
+
+<route>
+{
+meta: {
+title: '项目查询'
+}
+}
+</route>
+

src/modules/projectList/views/projectForm.vue

+<template>
+  <div class="container">
+    <NavBar title="项目信息明细" left-arrow @click-left="goBack" />
+
+    <div class="content">
+      <section class="form-area">
+        <AuForm v-model="formBaseConfig" :key="form" moduleName="项目基本信息"/>
+      </section>
+      <section class="form-area">
+        <AuForm v-model="formGuarantorConfig" :key="form" moduleName="开票信息"/>
+      </section>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { goBack } from "@/utils/globalFun"
+import { NavBar, Button, Field } from "vant";
+import AuForm from '@/components/AuForm.vue';
+import AuFormClass from "@/components/useAuForm";
+
+const form = $ref();
+const formBaseConfig = $ref(new AuFormClass([
+  {
+    title: '合同编号',
+    propName: 'paymentReqDate',
+    type: 'input',
+    value: '',
+    isRequired: false,
+    disabled: true,
+  },
+  {
+    title: '项目编号',
+    propName: 'paymentReqDat3e',
+    type: 'input',
+    value: '1000',
+    isRequired: false,
+    disabled: true,
+  },
+  {
+    title: '代理店',
+    propName: 'paymentReqDat3e',
+    type: 'input',
+    value: '',
+    disabled: true
+  },
+  {
+    title: '租赁类型',
+    propName: 'paymentReqDat3e',
+    type: 'input',
+    value: '',
+    isRequired: false,
+    disabled: true
+  },
+  {
+    title: '首付款金额',
+    propName: 'paymentReqDat3e',
+    type: 'input',
+    value: '',
+    isRequired: false,
+    disabled: true
+  },
+]))
+const formGuarantorConfig = $ref(new AuFormClass([
+  {
+    title: '纳税人类别',
+    propName: 'paymentReqDate',
+    type: 'input',
+    value: '',
+    isRequired: false,
+    disabled: true,
+  },
+  {
+    title: '纳税人识别',
+    propName: 'paymentReqDat3e',
+    type: 'input',
+    value: '1000',
+    isRequired: false,
+    disabled: true,
+  },
+  {
+    title: '发票抬头',
+    propName: 'paymentReqDat3e',
+    type: 'input',
+    value: '',
+    isRequired: false,
+    disabled: true
+  },
+  {
+    title: '发票电话',
+    propName: 'paymentReqDat3e',
+    type: 'input',
+    value: '',
+    isRequired: false,
+    disabled: true
+  },
+  {
+    title: '发票地址',
+    propName: 'paymentReqDat3e',
+    type: 'input',
+    value: '',
+    isRequired: false,
+    disabled: true
+  },
+]))
+</script>
+
+<style lang="less" scoped>
+.sub {
+  width: 70%;
+  margin: 50px auto 5px;
+}
+
+.form-area {
+  padding: 10px;
+}
+
+.content {
+  height: calc(100% - var(--van-nav-bar-height));
+  overflow-y: auto;
+}
+</style>