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 @@ ...@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13 * @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com * @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 * @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
...@@ -12,7 +12,9 @@ ...@@ -12,7 +12,9 @@
<div class="rarle"> <div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar> <tatle-bar :tatle="tatleName"></tatle-bar>
</div> </div>
<scroller-view height="calc(100vh - 50px)">
<div> <div>
<van-tabs color="#3672F1"> <van-tabs color="#3672F1">
<van-tab title="申请详情"> <van-tab title="申请详情">
<div class="layout"> <div class="layout">
...@@ -171,18 +173,17 @@ ...@@ -171,18 +173,17 @@
<!-- </van-step>--> <!-- </van-step>-->
<!-- </van-steps>--> <!-- </van-steps>-->
<scroller-view v-calculate-height pullup="true" pulldown="true"> <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-step v-for="(item,index) in bussList" :key = "index" style="padding-bottom:20%;" >
<van-row > <van-row >
<van-col span="5"> <span>{{item.name}}</span></van-col> <van-col span="5"> <span>{{item.name}}</span></van-col>
<van-col span="8"> <span>{{item.jobs}}</span></van-col> <van-col span="19" style="text-align:right;color: #999999; font-size: 14px;"> <span>{{item.time}}</span></van-col>
<van-col span="11"> <span>{{item.time}}</span></van-col>
</van-row> </van-row>
<van-row > <!-- <van-row >
<van-col span="5"> <span>{{item.falg}}</span></van-col> <van-col span="5"> <span>{{item.falg}}</span></van-col>
</van-row> </van-row> -->
</van-step> </van-step>
</van-steps> </van-steps>
...@@ -190,6 +191,7 @@ ...@@ -190,6 +191,7 @@
</van-tab> </van-tab>
</van-tabs> </van-tabs>
</div> </div>
</scroller-view>
</div> </div>
</template> </template>
...@@ -239,45 +241,45 @@ export default class AccommodDetails extends Vue { ...@@ -239,45 +241,45 @@ export default class AccommodDetails extends Vue {
} }
bussList:any =[ bussList:any =[
{ {
name :"赵飞", name :"意向申请",
jobs : "客户经理", jobs : "客户经理",
time : "2021/02/20 11:14:12", time : "2021/02/20 11:14:12",
falg:"同意" falg:"同意"
}, },
{ {
name :"李星琳", name :"业务受理",
jobs : "支行审批岗", jobs : "支行审批岗",
time : "2021/02/20 11:14:12", time : "2021/02/20 11:14:12",
falg:"同意" falg:"同意"
}, },
{ {
name :"孙先辉", name :"业务调查",
jobs : "支行行长", jobs : "支行行长",
time : "2021/02/20 11:14:12", time : "2021/02/20 11:14:12",
falg:"同意" falg:"同意"
}, },
{ {
name :"童菲可", name :"授信审批",
jobs : "某某审批岗", jobs : "某某审批岗",
time : "2021/02/20 11:14:12", time : "",
falg:"" falg:""
}, },
{ {
name :"孙晴", name :"合同签署",
jobs : "某某审批岗", jobs : "某某审批岗",
time : "2021/02/20 11:14:12", time : "",
falg:"" falg:""
}, },
{ {
name :"赵可欣", name :"合同审批",
jobs : "某某最终审批岗", jobs : "某某最终审批岗",
time : "2021/02/20 11:14:12", time : "",
falg:"" falg:""
...@@ -313,4 +315,10 @@ export default class AccommodDetails extends Vue { ...@@ -313,4 +315,10 @@ export default class AccommodDetails extends Vue {
font-size: 13px; font-size: 13px;
color: #333333; color: #333333;
} }
.step{
height: 100%;
width: 90%;
background-color:#ffffff;
}
</style> </style>
src/views/workbench/AccommodMain.vue
浏览文件 @ 05e9566f
...@@ -27,7 +27,8 @@ ...@@ -27,7 +27,8 @@
<van-row> <van-row>
<van-col span="14" class="lable"><span>合同金额(元)：</span></van-col> <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 span="10" class="contractAmount" style="color:rgb(255, 204, 0); font-size: 12px">{{
item.contractAmount }}
</van-col> </van-col>
</van-row> </van-row>
...@@ -44,14 +45,14 @@ ...@@ -44,14 +45,14 @@
</van-col> </van-col>
<van-col span="8"> <van-col span="8">
<!-- <svg class="icon" aria-hidden="true" v-if="item.status === 1">--> <!-- <svg class="icon" aria-hidden="true" v-if="item.status === 1">-->
<!-- <use xlink:href="#icon-yiqianding"></use>--> <!-- <use xlink:href="#icon-yiqianding"></use>-->
<!-- </svg>--> <!-- </svg>-->
<!-- <svg class="icon" aria-hidden="true" v-if="item.status === 2">--> <!-- <svg class="icon" aria-hidden="true" v-if="item.status === 2">-->
<!-- <use xlink:href="#icon-weiqianding"></use>--> <!-- <use xlink:href="#icon-weiqianding"></use>-->
<!-- </svg>--> <!-- </svg>-->
<img class="icon" v-if="item.status === 1" :src="require('@/assets/images/yiwancheng.png')"/> <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')"/> <img class="icon" v-if="item.status === 2" :src="require('@/assets/images/shoulizhong.png')" />
</van-col> </van-col>
</van-row> </van-row>
...@@ -60,7 +61,16 @@ ...@@ -60,7 +61,16 @@
<van-col span="24" class="lablel"> <van-col span="24" class="lablel">
<span>查看借据</span> <span>查看借据</span>
<img :src="require('@/assets/images/xiayiye.png')" style="width: 30px"/> <img :src="require('@/assets/images/xiayiye.png')" style="width: 30px" />
</van-col>
</van-row>
<van-row class="bottom" v-if="item.status === 2" @click="toProgress">
<van-col span="24" class="lablel">
<span>查看进度</span>
<img :src="require('@/assets/images/xiayiye.png')" style="width: 30px" />
</van-col> </van-col>
</van-row> </van-row>
...@@ -88,7 +98,8 @@ ...@@ -88,7 +98,8 @@
<van-row> <van-row>
<van-col span="14" class="lable"><span>申请金额(元)：</span></van-col> <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 span="10" class="contractAmount" style="color:rgb(255, 204, 0); font-size: 12px">{{
item.applyAmount }}
</van-col> </van-col>
</van-row> </van-row>
...@@ -105,14 +116,14 @@ ...@@ -105,14 +116,14 @@
</van-col> </van-col>
<van-col span="8"> <van-col span="8">
<!-- <svg class="icon" aria-hidden="true" v-if="item.status === 1">--> <!-- <svg class="icon" aria-hidden="true" v-if="item.status === 1">-->
<!-- <use xlink:href="#icon-yiqianding"></use>--> <!-- <use xlink:href="#icon-yiqianding"></use>-->
<!-- </svg>--> <!-- </svg>-->
<!-- <svg class="icon" aria-hidden="true" v-if="item.status === 2">--> <!-- <svg class="icon" aria-hidden="true" v-if="item.status === 2">-->
<!-- <use xlink:href="#icon-weiqianding"></use>--> <!-- <use xlink:href="#icon-weiqianding"></use>-->
<!-- </svg>--> <!-- </svg>-->
<img class="icon" v-if="item.status === 3" :src="require('@/assets/images/shenqingzhong.png')"/> <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')"/> <img class="icon" v-if="item.status === 2" :src="require('@/assets/images/shoulizhong.png')" />
</van-col> </van-col>
</van-row> </van-row>
...@@ -120,7 +131,7 @@ ...@@ -120,7 +131,7 @@
<van-col span="24" class="lablel"> <van-col span="24" class="lablel">
<span>查看进度</span> <span>查看进度</span>
<img :src="require('@/assets/images/xiayiye.png')" style="width: 30px"/> <img :src="require('@/assets/images/xiayiye.png')" style="width: 30px" />
</van-col> </van-col>
</van-row> </van-row>
...@@ -188,11 +199,11 @@ export default class AccommodMain extends Vue { ...@@ -188,11 +199,11 @@ export default class AccommodMain extends Vue {
//点击还款计划事件 //点击还款计划事件
onClickDetails(item: any) { onClickDetails(item: any) {
if(item.status==2||item.status==3){ if (item.status == 2 || item.status == 3) {
this.$router.push({ this.$router.push({
name: "AccommodDetails", name: "AccommodDetails",
}); });
}else if(item.status==1){ } else if (item.status == 1) {
this.$router.push({ this.$router.push({
name: "ContractDetail", name: "ContractDetail",
}); });
...@@ -244,6 +255,7 @@ export default class AccommodMain extends Vue { ...@@ -244,6 +255,7 @@ export default class AccommodMain extends Vue {
background: #ffffff; background: #ffffff;
border: none; border: none;
} }
.cardA { .cardA {
border-radius: 2%; border-radius: 2%;
//height: 28vh; //height: 28vh;
...@@ -296,6 +308,7 @@ export default class AccommodMain extends Vue { ...@@ -296,6 +308,7 @@ export default class AccommodMain extends Vue {
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
} }
.lablel { .lablel {
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
...@@ -305,11 +318,9 @@ export default class AccommodMain extends Vue { ...@@ -305,11 +318,9 @@ export default class AccommodMain extends Vue {
font-style: normal; font-style: normal;
height: 30px; height: 30px;
} }
::v-deep .scroller{
::v-deep .scroller {
padding-bottom: 2px; padding-bottom: 2px;
padding-top: 1%; padding-top: 1%;
} }
</style> </style>
src/views/workbench/ContractDetail.vue
浏览文件 @ 05e9566f
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
<div class="rarle"> <div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar> <tatle-bar :tatle="tatleName"></tatle-bar>
</div> </div>
<scroller-view height="calc(100vh - 50px)">
<div class="layout"> <div class="layout">
<van-row type="flex" class="CoolName"> <van-row type="flex" class="CoolName">
<van-col span="24" class="coollayout">个人信息</van-col> <van-col span="24" class="coollayout">个人信息</van-col>
...@@ -92,6 +93,7 @@ ...@@ -92,6 +93,7 @@
</van-row> </van-row>
</div> </div>
</div> </div>
</scroller-view>
</div> </div>
</template> </template>
......
src/views/workbench/businessProgress.vue
浏览文件 @ 05e9566f
...@@ -13,18 +13,18 @@ ...@@ -13,18 +13,18 @@
<tatle-bar :tatle="tatleName"></tatle-bar> <tatle-bar :tatle="tatleName"></tatle-bar>
</div> </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-step v-for="(item,index) in bussList" :key = "index" style="padding-bottom:20%;" >
<van-row > <van-row >
<van-col span="5"> <span>{{item.name}}</span></van-col> <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-row >
<van-col span="5"> <span>{{item.falg}}</span></van-col> <van-col span="5"> <span>{{item.falg}}</span></van-col>
</van-row> </van-row> -->
</van-step> </van-step>
</van-steps> </van-steps>
...@@ -46,49 +46,49 @@ Vue.use(Steps); ...@@ -46,49 +46,49 @@ Vue.use(Steps);
name: "businessProgress" name: "businessProgress"
}) })
export default class businessProgress extends Vue { export default class businessProgress extends Vue {
tatleName = "业务进度" tatleName = "申请审批进度"
bussList:any =[ bussList:any =[
{ {
name :"赵飞", name :"意向申请",
jobs : "客户经理", jobs : "客户经理",
time : "2021/02/20 11:14:12", time : "2021/02/20 11:14:12",
falg:"同意" falg:"同意"
}, },
{ {
name :"李星琳", name :"业务受理",
jobs : "支行审批岗", jobs : "支行审批岗",
time : "2021/02/20 11:14:12", time : "2021/02/20 11:14:12",
falg:"同意" falg:"同意"
}, },
{ {
name :"孙先辉", name :"业务调查",
jobs : "支行行长", jobs : "支行行长",
time : "2021/02/20 11:14:12", time : "2021/02/20 11:14:12",
falg:"同意" falg:"同意"
}, },
{ {
name :"童菲可", name :"授信审批",
jobs : "某某审批岗", jobs : "某某审批岗",
time : "2021/02/20 11:14:12", time : "",
falg:"" falg:""
}, },
{ {
name :"孙晴", name :"合同签署",
jobs : "某某审批岗", jobs : "某某审批岗",
time : "2021/02/20 11:14:12", time : "",
falg:"" falg:""
}, },
{ {
name :"赵可欣", name :"合同审批",
jobs : "某某最终审批岗", jobs : "某某最终审批岗",
time : "2021/02/20 11:14:12", time : "",
falg:"" falg:""
...@@ -112,7 +112,7 @@ export default class businessProgress extends Vue { ...@@ -112,7 +112,7 @@ export default class businessProgress extends Vue {
} }
.step{ .step{
height: 100%; height: 100%;
width: 100%; width: 90%;
background-color:#ffffff; background-color:#ffffff;
} }
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或