127 lines
3.8 KiB
Vue
127 lines
3.8 KiB
Vue
<template>
|
|
<view class="content">
|
|
<view class="flex">
|
|
<view class="flex-item" @click="onNav('ConsultWork')">
|
|
<image class="flex-icon" src="/static/icons/icon_00.png" mode="aspectFill"></image>
|
|
<view class="flex-title">
|
|
<view class="flex-name">协商调解咨询类</view>
|
|
<view class="flex-tips">信用卡、贷款业务</view>
|
|
</view>
|
|
<view class="flex-btn">去查看</view>
|
|
</view>
|
|
<view class="flex-item" @click="onNav('AccountWork')">
|
|
<image class="flex-icon" src="/static/icons/work_icon_30.png" mode="aspectFill"></image>
|
|
<view class="flex-title">
|
|
<view class="flex-name">账户管理咨询类</view>
|
|
<view class="flex-tips">客户账户管理咨询类订单</view>
|
|
</view>
|
|
<view class="flex-btn">去查看</view>
|
|
</view>
|
|
<view class="flex-item" @click="onNav('DelegationWork')">
|
|
<image class="flex-icon" src="/static/icons/work_icon_29.png" mode="aspectFill"></image>
|
|
<view class="flex-title">
|
|
<view class="flex-name">委托管理类</view>
|
|
<view class="flex-tips">客户委托管理类订单</view>
|
|
</view>
|
|
<view class="flex-btn">去查看</view>
|
|
</view>
|
|
|
|
<view class="flex-item" @click="onNav('ServiceWork')">
|
|
<image class="flex-icon" src="/static/icons/icon_01.png" mode="aspectFill"></image>
|
|
<view class="flex-title">
|
|
<view class="flex-name">法律咨询类</view>
|
|
<view class="flex-tips">个人、企业法律</view>
|
|
</view>
|
|
<view class="flex-btn">去查看</view>
|
|
</view>
|
|
<view class="flex-item" @click="onNav('ActionWork')">
|
|
<image class="flex-icon" src="/static/icons/icon_02.png" mode="aspectFill"></image>
|
|
<view class="flex-title">
|
|
<view class="flex-name">诉讼委托咨询类</view>
|
|
<view class="flex-tips">案件委托、拓展服务</view>
|
|
</view>
|
|
<view class="flex-btn">去查看</view>
|
|
</view>
|
|
<view class="flex-item" @click="onNav('EnableWork')">
|
|
<image class="flex-icon" src="/static/icons/icon_03.png" mode="aspectFill"></image>
|
|
<view class="flex-title">
|
|
<view class="flex-name">增收赋能咨询类</view>
|
|
<view class="flex-tips">销售、领袖、演说等</view>
|
|
</view>
|
|
<view class="flex-btn">去查看</view>
|
|
</view>
|
|
<view class="flex-item" @click="onNav('AccountWork2')">
|
|
<image class="flex-icon" src="/static/icons/icon_04.png" mode="aspectFill"></image>
|
|
<view class="flex-title">
|
|
<view class="flex-name">线下订单</view>
|
|
<view class="flex-tips">线下咨询类订单</view>
|
|
</view>
|
|
<view class="flex-btn">去查看</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {};
|
|
},
|
|
onShow() {},
|
|
methods: {
|
|
// 跳转
|
|
onNav(name, obj){
|
|
let params = obj || {}
|
|
this.$Router.push({name, params})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.content{
|
|
padding: 30rpx 0;
|
|
}
|
|
.flex{
|
|
width: 100%;
|
|
padding: 0 30rpx;
|
|
box-sizing: border-box;
|
|
&-item{
|
|
background: white;
|
|
padding: 30rpx;
|
|
border-radius: 30rpx;
|
|
margin-bottom: 30rpx;
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
.flex-icon{ width: 48px; height: 48px; border-radius: 30rpx; }
|
|
.flex-title{
|
|
box-sizing: border-box;
|
|
padding-left: 30rpx;
|
|
.flex-name {
|
|
color: #293f66;
|
|
font-size: 34rpx;
|
|
font-weight: bold;
|
|
padding: 4rpx 0;
|
|
}
|
|
.flex-tips {
|
|
color: #929db3;
|
|
font-size: 28rpx;
|
|
}
|
|
}
|
|
.flex-btn {
|
|
position: absolute;
|
|
right: 30rpx;
|
|
top: 48rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
border-radius: 80rpx;
|
|
color: #468bff;
|
|
background-color: #f8fbff;
|
|
border: 2rpx solid #d8e6ff;
|
|
font-size: 28rpx;
|
|
padding: 0 25rpx;
|
|
}
|
|
}
|
|
}
|
|
</style> |