[新增5大业务模块]

2024-03-01 09:41:35 +08:00
parent 788c1e7af4
commit d71b91162b
19 changed files with 2103 additions and 581 deletions
--- a/pages/business/other.vue
+++ b/pages/business/other.vue
@@ -0,0 +1,127 @@
+<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>