Commit c6e8292e authored by WangRui's avatar WangRui

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

parent 5482e697
......@@ -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>
......
<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>
......@@ -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 {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment