提交 05e9566f 编写于 作者: jiangzaicheng's avatar jiangzaicheng

x

上级 d695499d
...@@ -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>
...@@ -238,50 +240,50 @@ export default class AccommodDetails extends Vue { ...@@ -238,50 +240,50 @@ export default class AccommodDetails extends Vue {
this.statusl = this.$route.params.status this.statusl = this.$route.params.status
} }
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>
...@@ -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>
......
...@@ -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:""
...@@ -111,8 +111,8 @@ export default class businessProgress extends Vue { ...@@ -111,8 +111,8 @@ export default class businessProgress extends Vue {
background-color:#ffffff; background-color:#ffffff;
} }
.step{ .step{
height: 100%; height: 100%;
width: 100%; width: 90%;
background-color:#ffffff; background-color:#ffffff;
} }
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册