Skip to content

M
mcep-h5
提交 05e9566f 编写于 作者: jiangzaicheng's avatar jiangzaicheng
浏览文件
操作

x

上级 d695499d
隐藏空白字符变更
内嵌 并排
正在显示 包含 181 行增加 和 160 行删除
src/views/workbench/AccommodDetails.vue
浏览文件 @ 05e9566f
......@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-08-18 14:19:37
* @LastEditTime: 2022-10-09 17:07:04
* @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
......@@ -12,7 +12,9 @@
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<scroller-view height="calc(100vh - 50px)">
<div>
<van-tabs color="#3672F1">
<van-tab title="申请详情">
<div class="layout">
......@@ -171,18 +173,17 @@
<!-- </van-step>-->
<!-- </van-steps>-->
<scroller-view v-calculate-height pullup="true" pulldown="true">
<van-steps class="step" direction="vertical" :active="active" style="padding-top:5%;" >
<van-steps class="step" direction="vertical" :active="active" style="margin: 10px;" >
<van-step v-for="(item,index) in bussList" :key = "index" style="padding-bottom:20%;" >
<van-row >
<van-col span="5"> <span>{{item.name}}</span></van-col>
<van-col span="8"> <span>{{item.jobs}}</span></van-col>
<van-col span="11"> <span>{{item.time}}</span></van-col>
<van-col span="19" style="text-align:right;color: #999999; font-size: 14px;"> <span>{{item.time}}</span></van-col>
</van-row>
<van-row >
<!-- <van-row >
<van-col span="5"> <span>{{item.falg}}</span></van-col>
</van-row>
</van-row> -->
</van-step>
</van-steps>
......@@ -190,6 +191,7 @@
</van-tab>
</van-tabs>
</div>
</scroller-view>
</div>
</template>
......@@ -238,50 +240,50 @@ export default class AccommodDetails extends Vue {
this.statusl = this.$route.params.status
}
bussList:any =[
{
name :"赵飞",
jobs : "客户经理",
time : "2021/02/20 11:14:12",
falg:"同意"
{
name :"意向申请",
jobs : "客户经理",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"李星琳",
jobs : "支行审批岗",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"业务受理",
jobs : "支行审批岗",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"孙先辉",
jobs : "支行行长",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"业务调查",
jobs : "支行行长",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"童菲可",
jobs : "某某审批岗",
time : "2021/02/20 11:14:12",
falg:""
},
{
name :"授信审批",
jobs : "某某审批岗",
time : "",
falg:""
},
{
name :"孙晴",
jobs : "某某审批岗",
time : "2021/02/20 11:14:12",
falg:""
},
{
name :"合同签署",
jobs : "某某审批岗",
time : "",
falg:""
},
{
name :"赵可欣",
jobs : "某某最终审批岗",
time : "2021/02/20 11:14:12",
falg:""
},
{
name :"合同审批",
jobs : "某某最终审批岗",
time : "",
falg:""
},
},
]
......@@ -313,4 +315,10 @@ export default class AccommodDetails extends Vue {
font-size: 13px;
color: #333333;
}
.step{
height: 100%;
width: 90%;
background-color:#ffffff;
}
</style>
src/views/workbench/AccommodMain.vue
浏览文件 @ 05e9566f
......@@ -14,128 +14,139 @@
</div>
<div>
<scroller-view :pullup="true" :pulldown="true" height="calc(100vh - 50px)">
<div class="cardA" v-for="(item, index) in productParam" :key="index">
<div>
<van-row @click="onClickDetails(item)">
<van-col span="16">
<van-col span="24" class="contractNo"><span>合同编号：</span>{{ item.contractNo }}</van-col>
<van-col style=" width: 100%; margin-left: 8%; line-height: 2;">
<van-row>
<van-col span="14" class="lable"><span>合同类型：</span></van-col>
<van-col span="10" class="contractType" style="font-size: 12px">{{ item.contractType }}</van-col>
</van-row>
<van-row>
<van-col span="14" class="lable"><span>合同金额(元)：</span></van-col>
<van-col span="10" class="contractAmount" style="color:rgb(255, 204, 0); font-size: 12px">{{ item.contractAmount }}
</van-col>
</van-row>
<van-row>
<van-col span="14" class="lable"><span>合同利率：</span></van-col>
<van-col span="10" class="contractRate" style="font-size: 12px">{{ item.contractRate }}</van-col>
</van-row>
<van-row>
<van-col span="14" class="lable"><span>到期日期：</span></van-col>
<van-col span="10" class="paymentMethod" style="font-size: 12px">{{ item.endDate }}</van-col>
</van-row>
<div class="cardA" v-for="(item, index) in productParam" :key="index">
<div>
<van-row @click="onClickDetails(item)">
<van-col span="16">
<van-col span="24" class="contractNo"><span>合同编号：</span>{{ item.contractNo }}</van-col>
<van-col style=" width: 100%; margin-left: 8%; line-height: 2;">
<van-row>
<van-col span="14" class="lable"><span>合同类型：</span></van-col>
<van-col span="10" class="contractType" style="font-size: 12px">{{ item.contractType }}</van-col>
</van-row>
<van-row>
<van-col span="14" class="lable"><span>合同金额(元)：</span></van-col>
<van-col span="10" class="contractAmount" style="color:rgb(255, 204, 0); font-size: 12px">{{
item.contractAmount }}
</van-col>
</van-row>
<van-row>
<van-col span="14" class="lable"><span>合同利率：</span></van-col>
<van-col span="10" class="contractRate" style="font-size: 12px">{{ item.contractRate }}</van-col>
</van-row>
<van-row>
<van-col span="14" class="lable"><span>到期日期：</span></van-col>
<van-col span="10" class="paymentMethod" style="font-size: 12px">{{ item.endDate }}</van-col>
</van-row>
</van-col>
</van-col>
</van-col>
<van-col span="8">
<!-- <svg class="icon" aria-hidden="true" v-if="item.status === 1">-->
<!-- <use xlink:href="#icon-yiqianding"></use>-->
<!-- </svg>-->
<!-- <svg class="icon" aria-hidden="true" v-if="item.status === 2">-->
<!-- <use xlink:href="#icon-weiqianding"></use>-->
<!-- </svg>-->
<img class="icon" v-if="item.status === 1" :src="require('@/assets/images/yiwancheng.png')"/>
<img class="icon" v-if="item.status === 2" :src="require('@/assets/images/shoulizhong.png')"/>
</van-col>
</van-row>
<van-col span="8">
<!-- <svg class="icon" aria-hidden="true" v-if="item.status === 1">-->
<!-- <use xlink:href="#icon-yiqianding"></use>-->
<!-- </svg>-->
<!-- <svg class="icon" aria-hidden="true" v-if="item.status === 2">-->
<!-- <use xlink:href="#icon-weiqianding"></use>-->
<!-- </svg>-->
<img class="icon" v-if="item.status === 1" :src="require('@/assets/images/yiwancheng.png')" />
<img class="icon" v-if="item.status === 2" :src="require('@/assets/images/shoulizhong.png')" />
</van-col>
</van-row>
<van-row class="bottom" v-if="item.status === 1" @click="toReceipt">
<van-col span="24" class="lablel">
<span>查看借据</span>
<img :src="require('@/assets/images/xiayiye.png')" style="width: 30px"/>
<van-col span="24" class="lablel">
<span>查看借据</span>
<img :src="require('@/assets/images/xiayiye.png')" style="width: 30px" />
</van-col>
</van-row>
</van-col>
</van-row>
<van-row class="bottom" v-if="item.status === 2" @click="toProgress">
</div>
<!-- <van-row type="flex" class="bottom" @click="onClickPicket()">
<van-col span="24" class="lablel">
<span>查看进度</span>
<img :src="require('@/assets/images/xiayiye.png')" style="width: 30px" />
</van-col>
</van-row>
</div>
<!-- <van-row type="flex" class="bottom" @click="onClickPicket()">
<van-col span="24" class="lablel"><span>查看合同</span>
<svg class="iconl" aria-hidden="true">
<use xlink:href="#icon-a-xiayiye24x24px"></use>
</svg>
</van-col>
</van-row> -->
</div>
<div class="card" v-for="(item, index) in productParamA" :key="index">
<div>
<van-row @click="onClickDetails(item)">
<van-col span="16">
<van-col span="24" class="contractNo"><span>产品意向申请：</span>{{ item.contractNo }}</van-col>
<van-col style=" width: 100%; margin-left: 8%; line-height: 2;">
<van-row>
<van-col span="14" class="lable"><span>产品名称：</span></van-col>
<van-col span="10" class="contractType" style="font-size: 12px">{{ item.productName }}</van-col>
</van-row>
<van-row>
<van-col span="14" class="lable"><span>申请金额(元)：</span></van-col>
<van-col span="10" class="contractAmount" style="color:rgb(255, 204, 0); font-size: 12px">{{ item.applyAmount }}
</van-col>
</van-row>
<van-row>
<van-col span="14" class="lable"><span>申请利率：</span></van-col>
<van-col span="10" class="contractRate" style="font-size: 12px">{{ item.applyRate }}</van-col>
</van-row>
<van-row>
<van-col span="14" class="lable"><span>申请日期：</span></van-col>
<van-col span="10" class="paymentMethod" style="font-size: 12px">{{ item.applyDate }}</van-col>
</van-row>
</div>
<div class="card" v-for="(item, index) in productParamA" :key="index">
<div>
<van-row @click="onClickDetails(item)">
<van-col span="16">
<van-col span="24" class="contractNo"><span>产品意向申请：</span>{{ item.contractNo }}</van-col>
<van-col style=" width: 100%; margin-left: 8%; line-height: 2;">
<van-row>
<van-col span="14" class="lable"><span>产品名称：</span></van-col>
<van-col span="10" class="contractType" style="font-size: 12px">{{ item.productName }}</van-col>
</van-row>
<van-row>
<van-col span="14" class="lable"><span>申请金额(元)：</span></van-col>
<van-col span="10" class="contractAmount" style="color:rgb(255, 204, 0); font-size: 12px">{{
item.applyAmount }}
</van-col>
</van-row>
<van-row>
<van-col span="14" class="lable"><span>申请利率：</span></van-col>
<van-col span="10" class="contractRate" style="font-size: 12px">{{ item.applyRate }}</van-col>
</van-row>
<van-row>
<van-col span="14" class="lable"><span>申请日期：</span></van-col>
<van-col span="10" class="paymentMethod" style="font-size: 12px">{{ item.applyDate }}</van-col>
</van-row>
</van-col>
</van-col>
<van-col span="8">
<!-- <svg class="icon" aria-hidden="true" v-if="item.status === 1">-->
<!-- <use xlink:href="#icon-yiqianding"></use>-->
<!-- </svg>-->
<!-- <svg class="icon" aria-hidden="true" v-if="item.status === 2">-->
<!-- <use xlink:href="#icon-weiqianding"></use>-->
<!-- </svg>-->
<img class="icon" v-if="item.status === 3" :src="require('@/assets/images/shenqingzhong.png')" />
<img class="icon" v-if="item.status === 2" :src="require('@/assets/images/shoulizhong.png')" />
</van-col>
</van-row>
</van-col>
<van-col span="8">
<!-- <svg class="icon" aria-hidden="true" v-if="item.status === 1">-->
<!-- <use xlink:href="#icon-yiqianding"></use>-->
<!-- </svg>-->
<!-- <svg class="icon" aria-hidden="true" v-if="item.status === 2">-->
<!-- <use xlink:href="#icon-weiqianding"></use>-->
<!-- </svg>-->
<img class="icon" v-if="item.status === 3" :src="require('@/assets/images/shenqingzhong.png')"/>
<img class="icon" v-if="item.status === 2" :src="require('@/assets/images/shoulizhong.png')"/>
</van-col>
</van-row>
<van-row class="bottom" @click="toProgress">
<van-row class="bottom" @click="toProgress">
<van-col span="24" class="lablel">
<span>查看进度</span>
<img :src="require('@/assets/images/xiayiye.png')" style="width: 30px"/>
<van-col span="24" class="lablel">
<span>查看进度</span>
<img :src="require('@/assets/images/xiayiye.png')" style="width: 30px" />
</van-col>
</van-row>
</van-col>
</van-row>
</div>
<!-- <van-row type="flex" class="bottom" @click="onClickPicket()">
</div>
<!-- <van-row type="flex" class="bottom" @click="onClickPicket()">
<van-col span="24" class="lablel"><span>查看合同</span>
<svg class="iconl" aria-hidden="true">
<use xlink:href="#icon-a-xiayiye24x24px"></use>
</svg>
</van-col>
</van-row> -->
</div>
</div>
</scroller-view>
</div>
</div>
......@@ -188,11 +199,11 @@ export default class AccommodMain extends Vue {
//点击还款计划事件
onClickDetails(item: any) {
if(item.status==2||item.status==3){
if (item.status == 2 || item.status == 3) {
this.$router.push({
name: "AccommodDetails",
});
}else if(item.status==1){
} else if (item.status == 1) {
this.$router.push({
name: "ContractDetail",
});
......@@ -244,6 +255,7 @@ export default class AccommodMain extends Vue {
background: #ffffff;
border: none;
}
.cardA {
border-radius: 2%;
//height: 28vh;
......@@ -296,6 +308,7 @@ export default class AccommodMain extends Vue {
font-weight: 400;
font-style: normal;
}
.lablel {
text-align: center;
font-size: 12px;
......@@ -305,11 +318,9 @@ export default class AccommodMain extends Vue {
font-style: normal;
height: 30px;
}
::v-deep .scroller{
padding-bottom: 2px;
padding-top: 1%;
}
::v-deep .scroller {
padding-bottom: 2px;
padding-top: 1%;
}
</style>
src/views/workbench/ContractDetail.vue
浏览文件 @ 05e9566f
......@@ -3,6 +3,7 @@
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<scroller-view height="calc(100vh - 50px)">
<div class="layout">
<van-row type="flex" class="CoolName">
<van-col span="24" class="coollayout">个人信息</van-col>
......@@ -92,6 +93,7 @@
</van-row>
</div>
</div>
</scroller-view>
</div>
</template>
......
src/views/workbench/businessProgress.vue
浏览文件 @ 05e9566f
......@@ -13,18 +13,18 @@
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<van-steps class="step" direction="vertical" :active="active" style="padding-top:5%;" >
<van-steps class="step" direction="vertical" :active="active" style=" margin: 10px;" >
<van-step v-for="(item,index) in bussList" :key = "index" style="padding-bottom:20%;" >
<van-row >
<van-col span="5"> <span>{{item.name}}</span></van-col>
<van-col span="8"> <span>{{item.jobs}}</span></van-col>
<van-col span="11"> <span>{{item.time}}</span></van-col>
<van-col span="19" style="text-align:right;color: #999999; font-size: 14px;"> <span>{{item.time}}</span></van-col>
</van-row>
<van-row >
<!-- <van-row >
<van-col span="5"> <span>{{item.falg}}</span></van-col>
</van-row>
</van-row> -->
</van-step>
</van-steps>
......@@ -46,49 +46,49 @@ Vue.use(Steps);
name: "businessProgress"
})
export default class businessProgress extends Vue {
tatleName = "业务进度"
tatleName = "申请审批进度"
bussList:any =[
{
name :"赵飞",
name :"意向申请",
jobs : "客户经理",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"李星琳",
name :"业务受理",
jobs : "支行审批岗",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"孙先辉",
name :"业务调查",
jobs : "支行行长",
time : "2021/02/20 11:14:12",
falg:"同意"
},
{
name :"童菲可",
name :"授信审批",
jobs : "某某审批岗",
time : "2021/02/20 11:14:12",
time : "",
falg:""
},
{
name :"孙晴",
name :"合同签署",
jobs : "某某审批岗",
time : "2021/02/20 11:14:12",
time : "",
falg:""
},
{
name :"赵可欣",
name :"合同审批",
jobs : "某某最终审批岗",
time : "2021/02/20 11:14:12",
time : "",
falg:""
......@@ -111,8 +111,8 @@ export default class businessProgress extends Vue {
background-color:#ffffff;
}
.step{
height: 100%;
width: 100%;
height: 100%;
width: 90%;
background-color:#ffffff;
}
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或