2023-5-19

pages.json

@@ -27,32 +27,28 @@
 		{
 			"path": "pages/home/order",
 			"style": {
-				// #ifndef MP-WEIXIN
 				"navigationStyle": "custom",
-				// #endif
 				"navigationBarTitleText": "订单"
 			}
 		},
 		{
 			"path": "pages/home/category",
 			"style": {
-				// #ifdef APP-PLUS
 				"navigationStyle": "custom",
-				// #endif
 				// #ifndef MP
-				"app-plus": {
-					"bounce": "none",
-					"titleNView": {
-						"searchInput": {
-							"backgroundColor": "rgba(231, 231, 231,.7)",
-							"borderRadius": "16px",
-							"placeholder": "商品搜索",
-							"disabled": true,
-							"placeholderColor": "#606266",
-							"align": "left"
-						}
-					}
-				},
+				// "app-plus": {
+				// 	"bounce": "none",
+				// 	"titleNView": {
+				// 		"searchInput": {
+				// 			"backgroundColor": "rgba(231, 231, 231,.7)",
+				// 			"borderRadius": "16px",
+				// 			"placeholder": "商品搜索",
+				// 			"disabled": true,
+				// 			"placeholderColor": "#606266",
+				// 			"align": "left"
+				// 		}
+				// 	}
+				// },
 				// #endif
 				"navigationBarTitleText": "分类"
 			}
@@ -243,12 +239,7 @@
 		{
 			"root": "pages/user",
 			"name": "user",
-			"pages": [{
-					"path": "realName/realNameAuthentication",
-					"style": {
-						"navigationBarTitleText": "实名认证"
-					}
-				},
+			"pages": [
 				{
 					"path": "realName/cropper",
 					"style": {
@@ -334,44 +325,7 @@
 					"style": {
 						"navigationBarTitleText": "邀请好友"
 					}
-				},
-				{
-					"path": "model/modelrz",
-					"style": {
-						"navigationBarTitleText": "资料认证"
-					}
-				},
-				{
-					"path": "model/model",
-					"style": {
-						"navigationBarTitleText": ""
-					}
-				},
-				{
-					"path": "model/modelList",
-					"style": {
-						"navigationBarTitleText": "模板列表"
-					}
-				},
-				{
-					"path": "model/mymodellist",
-					"style": {
-						"navigationBarTitleText": "我的模板"
-					}
-				},
-				{
-					"path": "model/shoprz",
-					"style": {
-						"navigationBarTitleText": "平台认证"
-					}
-				},
-				{
-					"path": "model/phb",
-					"style": {
-						"navigationBarTitleText": "排行榜"
-					}
 				}
-
 			]
 		}, {
 			"root": "pages/set",

pages/home/order.vue

@@ -1,5 +1,11 @@
 <template>
 	<view class="content">
+		<view class="header">
+			<view class="title">
+				我的订单
+			</view>
+		</view>
+
 		<view class="navbar">
 			<view v-for="(item, index) in navList" :key="index" class="nav-item"
 				:class="{ current: tabCurrentIndex === index }" @click="tabClick(index)">{{ item.text }}</view>
@@ -94,7 +100,7 @@
 				tabCurrentIndex: 0,
 				navList: [{
 						state: 0,
-						text: '待付款',
+						text: '待自提',
 						loadingType: 'more',
 						orderList: [],
 						page: 1, //当前页数
@@ -102,28 +108,12 @@
 					},
 					{
 						state: 1,
-						text: '待发货',
-						loadingType: 'more',
-						orderList: [],
-						page: 1, //当前页数
-						limit: 10 //每次信息条数
-					},
-					{
-						state: 2,
-						text: '待收货',
+						text: '待配送',
 						loadingType: 'more',
 						orderList: [],
 						page: 1, //当前页数
 						limit: 10 //每次信息条数
 					},
-					// {
-					// 	state: 3,
-					// 	text: '待评价',
-					// 	loadingType: 'more',
-					// 	orderList: [],
-					// 	page: 1, //当前页数
-					// 	limit: 10 //每次信息条数
-					// },
 					{
 						state: 4,
 						text: '已完成',
@@ -337,14 +327,26 @@
 </script>
 
 <style lang="scss">
-	page,
 	.content {
-		background: $page-color-base;
-		height: 100%;
+		min-height: 100vh;
+		background: linear-gradient(90deg, #3C82E6, #5395F5);
+		background-size: 100% 645rpx;
+	}
+
+	.header {
+		padding-top: var(--status-bar-height);
+
+		.title {
+			height: 50rpx;
+			font-size: 36rpx;
+			line-height: 50rpx;
+			text-align: center;
+			font-weight: bold;
+		}
 	}
 
 	.swiper-box {
-		height: calc(100% - 40px);
+		// height: calc(100% - 40px);
 	}
 
 	.list-scroll-content {

pages/modelData/index.vue

@@ -1,63 +0,0 @@
-<template>
-	<view>
-		<model1 :shareNumber='shareNumber' :isDefault='isDefault' v-if="modelId==3||modelId==1" :templateDetail='templateData' :isShare='isShare' :isLook='isLook'></model1>
-		<model2 :shareNumber='shareNumber' :isDefault='isDefault' v-if="modelId==4" :templateDetail='templateData' :isShare='isShare' :isLook='isLook'></model2>
-		<model3 :shareNumber='shareNumber' :isDefault='isDefault' v-if="modelId==5" :templateDetail='templateData' :isShare='isShare' :isLook='isLook'></model3>
-	</view>
-</template>
-
-<script>
-	import model1 from './modeltemplate/model_1.vue';
-	import model2 from './modeltemplate/model_2.vue'
-	import model3 from './modeltemplate/model_3.vue'
-	export default {
-		props: {
-			// 浏览数量
-			shareNumber: {
-				type: Number,
-				default:0
-			},
-			// 是否显示默认数据
-			isDefault: {
-				type: Boolean,
-				default:true
-			},
-			templateData: {
-				type: Object,
-				default: ()=>{
-					return {}
-				}
-			},
-			isShare:{
-				type: Boolean,
-				default:false
-			},
-			//1为模板2为用户
-			isLook:{
-				type: Number,
-				default:0
-			},
-			modelId:{
-				type: Number,
-				default:0
-			},
-		},
-		components: {
-			model1,
-			model2,
-			model3
-		},
-		data() {
-			return {
-				model: 0
-			}
-		},
-		onLoad() {
-			console.log('233');
-			uni.postMessage('打开页面')
-		},
-		onUnload() {
-			uni.postMessage('关闭页面')
-		}
-	}
-</script>

pages/modelData/modeltemplate/model_1.vue

@@ -1,708 +0,0 @@
-<template>
-	<view class="mone">
-		<view class="m-top">
-			<view class="top-user flex">
-				<image :src="cardInfo.avatar" mode="" class="user-logo"></image>
-			</view>
-			<view class="user-name">
-				{{cardInfo.name || '暂无'}}
-			</view>
-			<view class="u-zy">
-				<view class="">
-					职业:{{cardInfo.user_work_type_title || '暂无'}}
-				</view>
-			</view>
-			<!-- <button type="default" class="top-btn fx-btn" v-if="isShare" open-type="share">
-				<image :src="baseURL + '/resource/icon/model1/fx.png'" mode=""></image>
-			</button> -->
-			<view class="top-btn visit mvisit padding-r-10" v-if="isLook==1||isLook==2">
-				浏览:{{shareNumber}}
-			</view>
-			<image :src="baseURL + '/resource/icon/model1/hua7.png'" mode="" class="top-bg"></image>
-			
-		</view>
-		<view class="m-body gr">
-			<!-- 个人信息 -->
-			<view class="hua2">
-				<view class="m-card">
-					<image :src="baseURL + '/resource/icon/model1/card-bg.png'" mode="" class="card-bg"></image>
-					<view class=" flex">
-						<view class="card-tit flex" style="flex-shrink: 0;">
-							<image :src="baseURL + '/resource/icon/model1/m1.png'" mode="" class="tit-logo"></image>个人信息
-						</view>
-						<view class="u-bh flex">
-							<image :src="baseURL + '/resource/icon/model1/bh.png'" mode=""></image>编号:{{cardInfo.no|| "myj23031421"}}
-						</view>
-					</view>
-					
-					<view class="card-content">
-
-						<view class="user-info flex">
-							<view class="info-item-b">
-								年<text class="qianger"></text>龄： {{cardInfo.age|| '暂无'}}
-							</view>
-							<view class="info-item-b">
-								属<text class="qianger"></text>相： {{cardInfo.twelve|| '暂无'}}
-							</view>
-							<view class="info-item-b">
-								从<text class="qianger"></text>业： {{(cardInfo.work_year + '年')|| '暂无'}}
-							</view>
-							<view class="info-item-b">
-								星<text class="qianger"></text>座： {{cardInfo.constellation || '暂无'}}
-							</view>
-							<!-- <view class="info-item-b">
-								职<text class="qianger"></text>业： {{cardInfo.user_work_type_title || '暂无'}}
-							</view> -->
-							<view class="info-item-b">
-								籍<text class="qianger"></text>贯： {{cardInfo.ancestral_place || '暂无'}}
-							</view>
-							<view class="info-item-b">
-								民<text class="qianger"></text>族： {{cardInfo.minority || '暂无'}}
-							</view>
-							<view class="info-item-b">
-								学<text class="qianger"></text>历： {{cardInfo.education || '暂无'}}
-							</view>
-							<!-- <view class="info-item-b">
-								综 <text class="laner"></text> 合<text class="laner"></text>分： 50
-							</view> -->
-							<view class="info-item-q flex" style="align-items: flex-start;">
-								<text style="flex-shrink: 0;">服务地区：</text>
-								<view class="fwdz flex">
-									<view v-for="(fwitem,fwindex) in cardInfo.service_area_all">
-										{{fwitem}}{{fwindex ==(cardInfo.service_area_all.length -1) ?'': '、'  }}
-									</view>
-								</view>
-							</view>
-							<view class="info-item-q flex" style="align-items: flex-start;">
-								<text style="flex-shrink: 0;">服务价格： </text>
-								<view class="gzt">
-									<image :src="baseURL + '/resource/icon/model1/tiao.png'" mode=""></image>
-									<view class="gzt-price">
-										<text>{{cardInfo.service_min_price}}</text>元/{{ cardInfo.service_time_type_title && cardInfo.service_time_type_title.replace('每','')}}
-									</view>
-									<view class=" gzt-price-b">
-										<text>{{cardInfo.service_max_price}}</text>元/{{cardInfo.service_time_type_title && cardInfo.service_time_type_title.replace('每','')}}
-									</view>
-								</view>
-								<image :src="baseURL + '/resource/icon/model1/yrz.png'" mode="" class="rz"
-									v-if="cardInfo.is_type_audit == 1"></image>
-							</view>
-						</view>
-					</view>
-					<view class="" style="height: 80rpx;"></view>
-
-				</view>
-			</view>
-			<!-- 自我评价 -->
-			<view class="hua4">
-				<view class="hua3">
-					<view class="m-card">
-						<image :src="baseURL + '/resource/icon/model1/card-bg.png'" mode="" class="card-bg"></image>
-						<view class="card-tit flex">
-							<image :src="baseURL + '/resource/icon/model1/m2.png'" mode="" class="tit-logo"></image>自我展示
-						</view>
-						<view class="card-content">
-							{{cardInfo.service_intro_content}}
-						</view>
-						<view class="img-list flex" style="padding-top: 0;">
-							<image :src="siiitem" mode="" v-for="siiitem in cardInfo.service_intro_imgs"></image>
-						</view>
-					</view>
-				</view>
-			</view>
-			<!-- 我的证书 -->
-			<view class="hua5" v-if="cardInfo.service_audit_imgs && cardInfo.service_audit_imgs.length > 0">
-				<view class="m-card">
-					<image :src="baseURL + '/resource/icon/model1/card-bg.png'" mode="" class="card-bg"></image>
-					<view class="card-tit flex">
-						<image :src="baseURL + '/resource/icon/model1/m3.png'" mode="" class="tit-logo"></image>我的证书
-					</view>
-					<view class="img-list flex">
-						<image :src="saiitem" mode="" v-for="saiitem in cardInfo.service_audit_imgs"></image>
-					</view>
-				</view>
-			</view>
-			<!-- 服务内容 -->
-			<view class="hua6">
-				<view class="m-card">
-					<image :src="baseURL + '/resource/icon/model1/card-bg.png'" mode="" class="card-bg"></image>
-					<view class="card-tit flex">
-						<image :src="baseURL + '/resource/icon/model1/m4.png'" mode="" class="tit-logo"></image>服务内容
-					</view>
-					<view class="card-content">
-						<view class="fw" v-for="spaitem in cardInfo.service_project_ar">
-							<view class="fw-tit">
-								<text class="yg"></text>{{spaitem.title}}
-							</view>
-							<view class="fw-content">
-								{{spaitem.content}}
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-			<!-- 服务照片 -->
-			<view class="m-card" v-if="cardInfo.service_imgs && cardInfo.service_imgs.length > 0">
-				<image :src="baseURL + '/resource/icon/model1/card-bg.png'" mode="" class="card-bg"></image>
-				<view class="card-tit flex">
-					<image :src="baseURL + '/resource/icon/model1/m5.png'" mode="" class="tit-logo"></image>服务照片
-				</view>
-				<view class="img-list flex">
-					<image :src="siitem" mode="" v-for="siitem in cardInfo.service_imgs"></image>
-				</view>
-			</view>
-			<!-- 底部图片 -->
-			<image :src="baseURL + '/resource/icon/model1/m-btm.png'" mode="" class="m-btm"></image>
-		</view>
-	</view>
-</template>
-
-<script>
-	import {
-		mapState,
-	} from 'vuex';
-	export default {
-		props: {
-			// 浏览数量
-			shareNumber: {
-				type: Number,
-				default:0
-			},
-			// 是否显示默认数据
-			isDefault: {
-				type: Boolean,
-				default: true
-			},
-			isShare: {
-				type: Boolean,
-				default: false
-			},
-			//1为模板2为用户
-			isLook: {
-				type: Number,
-				default: 0
-			},
-			templateDetail: {
-				type: Object,
-				default: () => {
-					return {}
-				}
-			},
-		},
-		data() {
-			return {
-				defaults: {
-					name: '佚名',
-					avatar: 'https://api.myjie.cn/resource/icon/base/f.png',
-					age: '41',
-					twelve: '鼠',
-					work_year: '10',
-					constellation: '处女座',
-					ancestral_place: '浙江',
-					minority: '汉族',
-					education: '本科',
-					service_area_all: ['浙江省台州市路桥区'],
-					service_min_price: 100,
-					service_max_price: 200,
-					service_time_type_title: '每小时',
-					service_intro_content: '高级育婴师证|高级催乳师证|早产儿护理师母婴护理证|金牌月嫂证|产后恢复师证|公共营养师证|月子药膳调理师证|国际宝宝睡眠咨询师证|普通话二级甲等|中央广播电视大学学历|学前教育专业，深耕幼教十年，技能全面，性格活泼，有亲和力，做事干净利落，有很强的责任心。对宝宝有爱心，体贴新手妈妈。专业技能熟练。应急能力强。让家人放心、产妇舒心的坐好月子。',
-					service_intro_imgs: ['https://api.myjie.cn/resource/icon/base/pj1.png',
-						'https://api.myjie.cn/resource/icon/base/pj2.png',
-						'https://api.myjie.cn/resource/icon/base/pj3.png',
-						'https://api.myjie.cn/resource/icon/base/pj4.png'
-					],
-					service_audit_imgs: ['https://api.myjie.cn/resource/icon/base/zs1.png',
-						'https://api.myjie.cn/resource/icon/base/zs2.png',
-						'https://api.myjie.cn/resource/icon/base/zs3.png',
-						'https://api.myjie.cn/resource/icon/base/zs4.png'
-					],
-					service_project_ar: [{
-							title: '婴幼儿睡眠管理',
-							content: '如：日夜颠倒、睡眠不规律、乳头混淆、奶睡、抱睡等问题，帮助宝爸宝妈规律孩子作息、解决婴幼儿喂养困扰，培养良好的生活、学习习惯。'
-						}, {
-							title: '特色月子餐',
-							content: '套用客户的一句话“养眼、养心更养胃”！家常菜、面食、点心、甜品、靓汤、五谷杂粮粥、婴幼儿花样辅食等。'
-						},
-						{
-							title: '早产儿特殊护理',
-							content: '包括早产儿基础护理、安全喂养方法、追赶性生长、消化与免疫系统等技能，根据宝宝具体情况给予早产儿家长的科学入户指导。'
-						},
-						{
-							title: '0-6岁早期教育',
-							content: '在婴孩最敏感最能接受的时期进行事半功倍的适时教育，针对不同年龄段的孩子，开发婴幼儿潜能的教育，为孩子多元化和健康人格打下良好基础。'
-						}
-					],
-					is_type_audit: 1
-				}
-			}
-		},
-		computed: {
-			...mapState(['baseURL']),
-			cardInfo() {
-				if (this.isDefault) {
-					return this.defaults
-				} else {
-					return this.templateDetail
-				}
-			}
-		},
-	}
-</script>
-
-<style lang="scss" scoped>
-	.mone {
-		background-color: #f8e1df;
-		padding-bottom: 30rpx;
-
-		.m-top {
-			width: 750rpx;
-			position: relative;
-			width: 750rpx;
-			height: 450rpx;
-
-			.top-bg {
-				position: absolute;
-				width: 207rpx;
-				height: 123rpx;
-				bottom: 11rpx;
-				left:32rpx;
-			}
-
-			.readme {
-				width: 534rpx;
-				height: 83rpx;
-				position: absolute;
-				top: 172rpx;
-				left: 0;
-				right: 0;
-				margin: auto;
-			}
-			.u-zy {
-				position: absolute;
-				top: 375rpx;
-				left: 0;
-				right: 0;
-				margin: auto;
-				display: flex;
-				justify-content: center;
-				view {
-					display: inline-block;
-					padding: 8rpx 8rpx 8rpx 16rpx;
-					border: 1px solid #F46C85;
-					border-radius: 10rpx;
-					font-size: 26rpx;
-					font-weight: 500;
-					color: #F46C85;
-				}
-			}
-			.top-user {
-				width: 222rpx;
-				height: 222rpx;
-				background: #FEFEFE;
-				box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(50, 50, 52, 0.06);
-				border-radius: 50%;
-				position: absolute;
-				left: 0;
-				right: 0;
-				top: 80rpx;
-				justify-content: center;
-				align-items: center;
-				margin: auto;
-
-				.user-logo {
-					width: 200rpx;
-					height: 200rpx;
-					border-radius: 50%;
-					background-color: #fff;
-				}
-
-				.gp {
-					width: 133rpx;
-					height: 38rpx;
-					position: absolute;
-					bottom: 0;
-					left: 0;
-					right: 0;
-					margin: auto;
-				}
-			}
-
-			.user-name {
-				width: 750rpx;
-				font-size: 38rpx;
-				font-weight: bold;
-				color: #000000;
-				text-align: center;
-				position: absolute;
-				top: 318rpx;
-			}
-
-			.fx-btn {
-
-				padding: 0;
-
-				&::after {
-					border: none;
-				}
-
-
-
-
-				border-radius: 24rpx 0 0 24rpx;
-
-				image {
-					width: 150rpx;
-					height: 48rpx;
-					display: block;
-				}
-			}
-
-			.top-btn {
-				height: 48rpx;
-				position: absolute;
-				right: 0;
-				top: 70rpx;
-				line-height: 48rpx;
-				font-size: 24rpx;
-			}
-
-			.visit {
-				border-radius: 24rpx 0 0 24rpx;
-				top: 130rpx;
-				border: 1px solid #f65486;
-				color: #f65486;
-				padding-left: 24rpx;
-			}
-
-			.mvisit {
-				top: 70rpx;
-			}
-		}
-	}
-
-	.m-body {
-
-		width: 705rpx;
-		margin: auto;
-		margin-top: 20rpx;
-		background-color: #fff;
-		border-left: 8rpx solid #efa0ab;
-		border-right: 8rpx solid #efa0ab;
-		padding: 45rpx 0;
-	}
-
-	.gr {
-		position: relative;
-
-		&::before {
-			content: '';
-			position: absolute;
-			// left: 75px;
-			right: 0;
-			top: -30rpx;
-			width: 120px;
-			height: 174px;
-			background: url($base-url + '/resource/icon/model1/hua1.png') no-repeat;
-			background-size: 100% 100%;
-		}
-	}
-
-	.m-card {
-		width: 640rpx;
-		background: #fcf4f1;
-		border-radius: 20rpx;
-		position: relative;
-		// min-height: 270rpx;
-		margin: 0 auto 46rpx;
-
-		.card-tit {
-			width: 219rpx;
-			height: 57rpx;
-			background: #F46C85;
-			border-radius: 20rpx 28rpx 29rpx 0rpx;
-			justify-content: flex-start;
-			align-items: center;
-			padding: 0 20rpx;
-			font-size: 32rpx;
-			font-weight: bold;
-			color: #FFFFFF;
-
-			.tit-logo {
-				width: 32rpx;
-				height: 32rpx;
-				margin-right: 18rpx;
-			}
-		}
-
-		.card-bg {
-			width: 100%;
-			height: 270rpx;
-			position: absolute;
-			bottom: 0rpx;
-		}
-
-		.card-content {
-			padding: 25rpx 35rpx;
-			font-size: 26rpx;
-			font-weight: 500;
-			color: #2C2E35;
-			position: relative;
-		}
-
-		.img-list {
-			justify-content: space-between;
-			flex-wrap: wrap;
-			margin: auto;
-			padding: 30rpx 30rpx 0;
-			position: relative;
-
-			image {
-				width: 270rpx;
-				height: 270rpx;
-				background-color: #fff;
-				margin-bottom: 30rpx;
-				box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.6);
-			}
-
-
-		}
-
-		.fw {
-			font-size: 26rpx;
-			font-weight: 500;
-			color: #2C2E35;
-			padding: 10rpx 0;
-
-			.fw-tit {
-				color: #F46C85;
-				display: flex;
-				align-items: center;
-
-				.yg {
-					background-color: #F46C85;
-					display: inline-block;
-					width: 10rpx;
-					height: 10rpx;
-					border-radius: 50%;
-					margin-right: 10rpx;
-				}
-			}
-
-			.fw-content {
-				padding-top: 10rpx;
-				padding-left: 18rpx;
-				text-align: justify;
-			}
-
-		}
-
-		.user-info {
-			flex-wrap: wrap;
-			font-size: 26rpx;
-			font-weight: 500;
-			color: #000000;
-			position: relative;
-
-			.info-item-b,
-			.info-item-q {
-				padding: 10rpx 0;
-				color: #000000;
-				position: relative;
-
-				padding-left: 20rpx;
-
-				&::before {
-					display: inline-block;
-					content: '';
-					width: 10rpx;
-					height: 10rpx;
-					border-radius: 50%;
-					background-color: #F46C85;
-					position: absolute;
-					top: 22rpx;
-					left: 0;
-				}
-
-				.qianger {
-					width: 2em;
-					display: inline-block;
-				}
-
-				.laner {
-					width: 0.5em;
-					display: inline-block;
-				}
-			}
-
-			.info-item-b {
-				width: 50%;
-			}
-
-			.info-item-q {
-				width: 100%;
-				display: flex;
-				align-items: flex-start;
-				justify-content: start;
-
-				.fwdz {
-					flex-direction: column;
-					align-items: flex-start;
-				}
-
-				.gzt {
-					width: 312rpx;
-					height: 24rpx;
-					padding-top: 10rpx;
-					position: relative;
-
-					image {
-						width: 312rpx;
-						height: 24rpx;
-						position: relative;
-					}
-
-					.gzt-price,
-					.gzt-price-b {
-						width: 200rpx;
-						text-align: center;
-						position: absolute;
-						padding-top: 20rpx;
-
-						&::after {
-							content: '';
-							width: 0px;
-							height: 0rpx;
-							// background: #FEB8C6;
-							border: 14rpx solid;
-							border-color: transparent transparent #FEB8C6;
-							// border-top:transparent;
-							// border-left: transparent;
-							// border-right: transparent;
-							position: absolute;
-							top: -14rpx;
-							left: 0;
-							right: 0;
-							margin: auto;
-						}
-
-						text {
-							color: #F46C85;
-						}
-					}
-
-					.gzt-price {
-						left: -100rpx;
-					}
-
-					.gzt-price-b {
-						right: -100rpx;
-					}
-				}
-
-				.rz {
-					margin-top: 10rpx;
-					margin-left: 10rpx;
-					width: 87rpx;
-					height: 26rpx;
-				}
-			}
-		}
-	}
-
-	.m-btm {
-		width: 660rpx;
-		height: 384rpx;
-	}
-
-	.hua2 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 199rpx;
-			height: 298rpx;
-			background: url($base-url + '/resource/icon/model1/hua2.png') no-repeat;
-			position: absolute;
-			bottom: -100rpx;
-			right: 0;
-			background-size: 100% 100%;
-		}
-	}
-
-	.hua3 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 192rpx;
-			height: 223rpx;
-			background: url($base-url + '/resource/icon/model1/hua3.png') no-repeat;
-			position: absolute;
-			top: 0;
-			bottom: 0;
-			left: 0;
-			margin: auto;
-			background-size: 100% 100%;
-		}
-	}
-
-	.hua4 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 128rpx;
-			height: 145rpx;
-			background: url($base-url + '/resource/icon/model1/hua4.png') no-repeat;
-			position: absolute;
-			bottom: -70rpx;
-			right: 0;
-			background-size: 100% 100%;
-		}
-	}
-
-	.hua5 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 199rpx;
-			height: 298rpx;
-			background: url($base-url + '/resource/icon/model1/hua2.png') no-repeat;
-			position: absolute;
-			bottom: -100rpx;
-			left: 0;
-			background-size: 100% 100%;
-			transform: rotateY(180deg);
-		}
-	}
-
-	.hua6 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 192rpx;
-			height: 223rpx;
-			background: url($base-url + '/resource/icon/model1/hua3.png') no-repeat;
-			position: absolute;
-			bottom: -110rpx;
-			right: 0;
-			background-size: 100% 100%;
-			transform: rotateY(180deg);
-		}
-	}
-	.u-bh {
-		justify-content: flex-start;
-		padding-right: 10rpx;
-		image {
-			width: 26rpx;
-			height: 26rpx;
-			margin-right: 10rpx;
-		}
-		font-size: 28rpx;
-		font-weight: bold;
-		color: #F46C85;
-		
-	}
-</style>

pages/modelData/modeltemplate/model_2.vue

@@ -1,703 +0,0 @@
-<template>
-	<view class="mone">
-		<view class="m-top">
-			<image :src="baseURL + '/resource/icon/model2/tli.png'" mode="" class="top-left-img"></image>
-			<!-- <button type="default" class="top-btn fx-btn" v-if="isShare" open-type="share">
-				<image :src="baseURL + '/resource/icon/model1/fx.png'" mode=""></image>
-			</button> -->
-			<view class="top-btn visit mvisit padding-r-10" v-if="isLook==1||isLook==2">
-				浏览:{{shareNumber}}
-			</view>
-			
-		</view>
-		<view class="m-body ">
-			<!-- 个人信息 -->
-			<view class="hua3">
-			<view class="hua2 ">
-				<view class="m-card m-card-t "  >
-					<!-- 用户名称 -->
-					<view class="u-name">
-						{{cardInfo.name || '暂无'}}
-					</view>
-					<!-- 编号 -->
-					<view class="u-bh flex ">
-						<image :src="baseURL + '/resource/icon/model2/bh.png'" mode=""></image>编号:{{cardInfo.no || "myj23031421"}}
-					</view>
-					<!-- 头像 -->
-					<view class="user-img">
-						<image :src="baseURL + '/resource/icon/model2/txk.png'" mode="" class="base-bg"></image>
-						<image :src="cardInfo.avatar" mode=""  class="user-av"></image>
-					</view>
-					<!-- 职业 -->
-					<view class="zy-wrap" v-if="cardInfo.user_work_type_title">
-						<view class="zy">
-							职业:{{cardInfo.user_work_type_title || '暂无'}}
-						</view>
-						
-					</view>
-					<view class="card-content card-content-t">
-						<view class="user-info-t flex">
-			
-							<view class="info-item-b">
-								年龄： {{cardInfo.age|| '暂无'}}
-							</view>
-							<view class="info-item-b">
-								属相： {{cardInfo.twelve|| '暂无'}}
-							</view>
-							<view class="info-item-b">
-								从业： {{(cardInfo.work_year + '年')|| '暂无'}}
-							</view>
-							<view class="info-item-b">
-								星座： {{cardInfo.constellation.replace('座','') || '暂无'}}
-							</view>
-							<!-- <view class="info-item-b">
-								职业： {{cardInfo.user_work_type_title || '暂无'}}
-							</view> -->
-							<view class="info-item-b">
-								籍贯： {{cardInfo.ancestral_place || '暂无'}}
-							</view>
-							<view class="info-item-b">
-								民族： {{cardInfo.minority || '暂无'}}
-							</view>
-							<view class="info-item-b">
-								学历： {{cardInfo.education || '暂无'}}
-							</view>
-							
-						</view>
-						<view class="user-info flex">
-							<view class="info-item-q flex" style="align-items: flex-start;">
-								<text style="flex-shrink: 0;">服务地区：</text>
-								<view class="fwdz flex">
-									<view v-for="(fwitem,fwindex) in cardInfo.service_area_all">
-										{{fwitem}}{{fwindex ==(cardInfo.service_area_all.length -1) ?'': '、'  }}
-									</view>
-								</view>
-							</view>
-							<view class="info-item-q flex" style="align-items: flex-start;height: 110rpx;">
-								<text style="flex-shrink: 0;">服务价格： </text>
-								<view class="gzt">
-									<image :src="baseURL + '/resource/icon/model2/tiao.png'" mode=""></image>
-									<view class="gzt-price">
-										<text>{{cardInfo.service_min_price}}</text>元/{{ cardInfo.service_time_type_title && cardInfo.service_time_type_title.replace('每','')}}
-									</view>
-									<view class=" gzt-price-b">
-										<text>{{cardInfo.service_max_price}}</text>元/{{cardInfo.service_time_type_title && cardInfo.service_time_type_title.replace('每','')}}
-									</view>
-								</view>
-								<image :src="baseURL + '/resource/icon/model1/yrz.png'" mode="" class="rz"
-									v-if="cardInfo.is_type_audit == 1"></image>
-							</view>
-						</view>
-					</view>
-					<!-- <view class="" style="height: 40rpx;"></view> -->
-			
-				</view>
-			</view>	
-			</view>
-			
-			<!-- 自我评价 -->
-			<view class="hua4">
-				<view class="">
-					<view class="m-card">
-						<view class="card-tit flex">
-							<image :src="baseURL + '/resource/icon/model2/zwpj.png'" mode="" class=""></image>
-						</view>
-						<view class="card-content">
-							{{cardInfo.service_intro_content}}
-						</view>
-						<view class="img-list flex" style="padding-top: 0;">
-							<image :src="siiitem" mode="" v-for="siiitem in cardInfo.service_intro_imgs"></image>
-						</view>
-					</view>
-				</view>
-			</view>
-			<!-- 我的证书 -->
-			<view class="hua5" v-if="cardInfo.service_audit_imgs && cardInfo.service_audit_imgs.length > 0">
-				<view class="m-card">
-					<view class="card-tit flex">
-						<image :src="baseURL + '/resource/icon/model2/wdzs.png'" mode="" class=""></image>
-					</view>
-					<view class="img-list flex">
-						<image :src="saiitem" mode="" v-for="saiitem in cardInfo.service_audit_imgs"></image>
-					</view>
-				</view>
-			</view>
-			<!-- 服务内容 -->
-			<view class="hua6">
-				<view class="m-card">
-					<view class="card-tit flex">
-						<image :src="baseURL + '/resource/icon/model2/fwnr.png'" mode="" class=""></image>
-					</view>
-					<view class="card-content">
-						<view class="fw" v-for="spaitem in cardInfo.service_project_ar">
-							<view class="fw-tit">
-								<text class="yg"></text>{{spaitem.title}}
-							</view>
-							<view class="fw-content">
-								{{spaitem.content}}
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-			<!-- 服务照片 -->
-			<view class="hua7" v-if="cardInfo.service_imgs && cardInfo.service_imgs.length > 0">
-				<view class="hua8">
-					<view class="m-card" >
-						<view class="card-tit flex">
-							<image :src="baseURL + '/resource/icon/model2/fwzp.png'" mode="" class=""></image>
-						</view>
-						<view class="img-list flex">
-							<image :src="siitem" mode="" v-for="siitem in cardInfo.service_imgs"></image>
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	import {
-		mapState,
-	} from 'vuex';
-	export default {
-		props: {
-			// 浏览数量
-			shareNumber: {
-				type: Number,
-				default:0
-			},
-			// 是否显示默认数据
-			isDefault: {
-				type: Boolean,
-				default: true
-			},
-			isShare: {
-				type: Boolean,
-				default: false
-			},
-			//1为模板2为用户
-			isLook: {
-				type: Number,
-				default: 0
-			},
-			templateDetail: {
-				type: Object,
-				default: () => {
-					return {}
-				}
-			}
-		},
-		data() {
-			return {
-				defaults: {
-					name: '佚名',
-					avatar: 'https://api.myjie.cn/resource/icon/base/f.png',
-					age: '41',
-					twelve: '鼠',
-					work_year: '10',
-					constellation: '处女座',
-					ancestral_place: '浙江',
-					minority: '汉族',
-					education: '本科',
-					service_area_all: ['浙江省台州市路桥区'],
-					service_min_price: 100,
-					service_max_price: 200,
-					service_time_type_title: '每小时',
-					service_intro_content: '高级育婴师证|高级催乳师证|早产儿护理师母婴护理证|金牌月嫂证|产后恢复师证|公共营养师证|月子药膳调理师证|国际宝宝睡眠咨询师证|普通话二级甲等|中央广播电视大学学历|学前教育专业，深耕幼教十年，技能全面，性格活泼，有亲和力，做事干净利落，有很强的责任心。对宝宝有爱心，体贴新手妈妈。专业技能熟练。应急能力强。让家人放心、产妇舒心的坐好月子。',
-					service_intro_imgs: ['https://api.myjie.cn/resource/icon/base/pj1.png',
-						'https://api.myjie.cn/resource/icon/base/pj2.png',
-						'https://api.myjie.cn/resource/icon/base/pj3.png',
-						'https://api.myjie.cn/resource/icon/base/pj4.png'
-					],
-					service_audit_imgs: ['https://api.myjie.cn/resource/icon/base/zs1.png',
-						'https://api.myjie.cn/resource/icon/base/zs2.png',
-						'https://api.myjie.cn/resource/icon/base/zs3.png',
-						'https://api.myjie.cn/resource/icon/base/zs4.png'
-					],
-					service_project_ar: [{
-							title: '婴幼儿睡眠管理',
-							content: '如：日夜颠倒、睡眠不规律、乳头混淆、奶睡、抱睡等问题，帮助宝爸宝妈规律孩子作息、解决婴幼儿喂养困扰，培养良好的生活、学习习惯。'
-						}, {
-							title: '特色月子餐',
-							content: '套用客户的一句话“养眼、养心更养胃”！家常菜、面食、点心、甜品、靓汤、五谷杂粮粥、婴幼儿花样辅食等。'
-						},
-						{
-							title: '早产儿特殊护理',
-							content: '包括早产儿基础护理、安全喂养方法、追赶性生长、消化与免疫系统等技能，根据宝宝具体情况给予早产儿家长的科学入户指导。'
-						},
-						{
-							title: '0-6岁早期教育',
-							content: '在婴孩最敏感最能接受的时期进行事半功倍的适时教育，针对不同年龄段的孩子，开发婴幼儿潜能的教育，为孩子多元化和健康人格打下良好基础。'
-						}
-					],
-					is_type_audit: 1
-				}
-			}
-		},
-		computed: {
-			...mapState(['baseURL']),
-			cardInfo() {
-				console.log("进入");
-				if (this.isDefault) {
-					return this.defaults
-				} else {
-					return this.templateDetail
-				}
-			}
-		},
-	}
-</script>
-
-<style lang="scss" scoped>
-	.mone {
-		background-color: #fffbed;
-		padding-bottom: 43rpx;
-
-		.m-top {
-			width: 750rpx;
-			position: relative;
-			width: 750rpx;
-			height: 150rpx;
-			background-color: #fffbed;
-			.top-left-img {
-				position: absolute;
-				top: 0;
-				left: 0;
-				width: 280rpx;
-				height: 248rpx;
-			}
-			.top-bg {
-				position: relative;
-				width: 750rpx;
-				height: 370rpx;
-			}
-
-			.readme {
-				width: 534rpx;
-				height: 83rpx;
-				position: absolute;
-				top: 172rpx;
-				left: 0;
-				right: 0;
-				margin: auto;
-			}
-
-			.fx-btn {
-				padding: 0;
-				&::after {
-					border: none;
-				}
-				border-radius: 24rpx 0 0 24rpx;
-				image {
-					width: 150rpx;
-					height: 48rpx;
-					display: block;
-				}
-			}
-			.top-btn {
-				height: 48rpx;
-				position: absolute;
-				right: 0;
-				top: 70rpx;
-				line-height: 48rpx;
-				font-size: 24rpx;
-			}
-			.visit {
-				border-radius: 24rpx 0 0 24rpx;
-				top: 130rpx;
-				border: 1px solid #f65486;
-				color: #f65486;
-				padding-left: 24rpx;
-			}
-			.mvisit {
-				top: 70rpx;
-			}
-		}
-	}
-
-	.m-body {
-
-		width: 750rpx;
-		margin: auto;
-		margin-top: 20rpx;
-
-		padding: 45rpx 0;
-	}
-
-	.info-item-b,
-	.info-item-q {
-		padding: 10rpx 0;
-		color: #000000;
-		position: relative;
-
-		padding-left: 20rpx;
-		&::before {
-			display: inline-block;
-			content: '';
-			width: 15rpx;
-			height: 15rpx;
-			background: linear-gradient(225deg, #FE9E32, #FDE37D);
-			border-radius: 50%;
-			position: absolute;
-			top: 22rpx;
-			left: 0;
-		}
-
-		.qianger {
-			width: 2em;
-			display: inline-block;
-		}
-
-		.laner {
-			width: 0.5em;
-			display: inline-block;
-		}
-	}
-	.m-card-t {
-		border: none !important;
-		background: transparent !important;
-	}
-	.m-card {
-		width: 640rpx;
-		background: rgba(255, 255, 255, 0.6);
-		border-radius: 20rpx;
-		position: relative;
-		// min-height: 270rpx;
-		border: 4px solid #fff;
-		margin: 0 auto 46rpx;
-		.user-img {
-			position: absolute;
-			right: -20rpx;
-			top: -49rpx;
-			width: 318rpx;
-			height: 366rpx;
-			.base-bg {
-				width: 100%;
-				height: 100%;
-			}
-			.user-av {
-				width: 272rpx;
-				height: 272rpx;
-				position: absolute;
-				bottom: 17rpx;
-				left: 12rpx;
-			}
-		}
-		.zy-wrap {
-			position: absolute;
-			right: 0;
-			top: 330rpx;
-			width: 300rpx;
-			// background-color: #fea540;
-			display: flex;
-			justify-content: center;
-			font-size: 26rpx;
-			.zy {
-				display: inline-block;
-				margin: auto;
-				border: 1px solid #fea540;
-				border-radius: 10rpx;
-				padding: 8rpx 16rpx;
-				color: #fea540;
-				margin: auto;
-			}
-			
-		}
-		.card-tit {
-			justify-content: center;
-			padding-top: 55rpx;
-			position: relative;
-			padding-bottom: 30rpx;
-			&::after {
-				content: '';
-				width: 60rpx;
-				height: 10rpx;
-				background: #FE9E32;
-				border-radius: 5rpx;
-				position: absolute;
-				bottom: 10rpx;
-				left: 0;
-				right: 0;
-				margin: auto;
-			}
-
-			image {
-				width: 213rpx;
-				height: 47rpx;
-			}
-		}
-
-		.card-bg {
-			width: 100%;
-			height: 270rpx;
-			position: absolute;
-			bottom: 0rpx;
-		}
-
-		.card-content {
-			padding: 25rpx 35rpx;
-			font-size: 26rpx;
-			font-weight: 500;
-			color: #2C2E35;
-			position: relative;
-		}
-		.card-content-t {
-			padding: 0;
-		}
-
-		.img-list {
-			justify-content: space-between;
-			flex-wrap: wrap;
-			margin: auto;
-			padding: 30rpx 30rpx 0;
-			position: relative;
-
-			image {
-				width: 270rpx;
-				height: 270rpx;
-				background-color: #fff;
-				margin-bottom: 30rpx;
-				box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.6);
-			}
-
-
-		}
-
-		.fw {
-			font-size: 26rpx;
-			font-weight: 500;
-			color: #2C2E35;
-			padding: 10rpx 0;
-
-			.fw-tit {
-				color: #FE9E32;
-				display: flex;
-				align-items: center;
-
-				.yg {
-					background-color: #FE9E32;
-					display: inline-block;
-					width: 10rpx;
-					height: 10rpx;
-					border-radius: 50%;
-					margin-right: 10rpx;
-				}
-			}
-
-			.fw-content {
-				padding-top: 10rpx;
-				padding-left: 18rpx;
-				text-align: justify;
-			}
-
-		}
-
-
-	}
-	.user-info-t {
-		width: 350rpx;
-	}
-	.user-info, .user-info-t {
-		flex-wrap: wrap;
-		font-size: 26rpx;
-		font-weight: 500;
-		color: #000000;
-		position: relative;
-
-
-
-		.info-item-b {
-			width: 50%;
-		}
-
-		.info-item-q {
-			width: 100%;
-			display: flex;
-			align-items: flex-start;
-			justify-content: start;
-
-			.fwdz {
-				flex-direction: column;
-				align-items: flex-start;
-			}
-
-			.gzt {
-				width: 312rpx;
-				height: 24rpx;
-				padding-top: 10rpx;
-				position: relative;
-
-				image {
-					width: 312rpx;
-					height: 24rpx;
-					position: relative;
-				}
-
-				.gzt-price,
-				.gzt-price-b {
-					width: 200rpx;
-					text-align: center;
-					position: absolute;
-					padding-top: 20rpx;
-
-					&::after {
-						content: '';
-						width: 0px;
-						height: 0rpx;
-						border: 14rpx solid;
-						border-color: transparent transparent #FE9E32;
-						position: absolute;
-						top: -14rpx;
-						left: 0;
-						right: 0;
-						margin: auto;
-					}
-
-					text {
-						color:#FE9E32;
-					}
-				}
-
-				.gzt-price {
-					left: -100rpx;
-				}
-
-				.gzt-price-b {
-					right: -100rpx;
-				}
-			}
-
-			.rz {
-				margin-top: 10rpx;
-				margin-left: 10rpx;
-				width: 87rpx;
-				height: 26rpx;
-			}
-		}
-	}
-	.hua2 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 370rpx;
-			height: 629rpx;
-			border-radius: 20rpx 314rpx 315rpx 20rpx;
-			background: radial-gradient(ellipse at 0 50%, #e0f2f8,#f8f9ef, transparent);
-			// background: url($base-url + '/resource/icon/model1/hua2.png') no-repeat;
-			position: absolute;
-			bottom: -315rpx;
-			left: 0;
-			background-size: 100% 100%;
-		}
-	}
-
-	.hua3 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 360rpx;
-			height: 629rpx;
-			background: radial-gradient(ellipse at 100% 50%, #FFE4E9,#fff4f5, transparent);
-			position: absolute;
-			bottom: -400rpx;
-			right: 0;
-			margin: auto;
-			background-size: 100% 100%;
-		}
-	}
-
-	.hua4 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 272rpx;
-			height: 621rpx;
-			background: radial-gradient(ellipse at 100% 50%, #e0f2f8,#f8f9ef, transparent);
-			position: absolute;
-			bottom: -310rpx;
-			right: 0;
-			background-size: 100% 100%;
-		}
-	}
-
-	.hua5 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 199rpx;
-			height: 298rpx;
-			background: radial-gradient(ellipse at 100% 50%, #FFE4E9,#fff4f5, transparent);
-			position: absolute;
-			bottom: -100rpx;
-			left: 0;
-			background-size: 100% 100%;
-			transform: rotateY(180deg);
-		}
-	}
-
-	.hua6 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 313rpx;
-			height: 629rpx;
-			position: absolute;
-			background: radial-gradient(ellipse at 0 50%, #FFE4E9,#fff4f5, transparent);
-			bottom: -315rpx;
-			right: 0;
-			background-size: 100% 100%;
-			transform: rotateY(180deg);
-		}
-	}
-	.hua7 {
-		position: relative;
-		&::before {
-			content: '';
-			width: 344rpx;
-			height: 286rpx;
-			position: absolute;
-			background: url($base-url + '/resource/icon/model2/hua8.png') no-repeat;
-			bottom: -143rpx;
-			right: 0;
-			background-size: 100% 100%;
-		}
-	}
-	.hua8 {
-		position: relative;
-		&::before {
-			content: '';
-			width: 367rpx;
-			height: 372rpx;
-			position: absolute;
-			border-radius: 20rpx 150rpx 150rpx 20rpx;
-			background: radial-gradient(ellipse at 0% 50%, #FFE4E9,#fff7f2, transparent);
-			bottom: -143rpx;
-			left: 0;
-			background-size: 100% 100%;
-		}
-	}
-	.u-name {
-		font-size: 73rpx;
-		font-weight: 400;
-		color: #202E4F;
-	}
-	.u-bh {
-		justify-content: flex-start;
-		image {
-			width: 26rpx;
-			height: 26rpx;
-			margin-right: 10rpx;
-		}
-		font-size: 28rpx;
-		font-weight: bold;
-		color: #202e4f;
-		
-	}
-</style>

pages/modelData/modeltemplate/model_3.vue

@@ -1,641 +0,0 @@
-<template>
-	<view class="mone">
-		<view class="top-left-icon-1"></view>
-		<view class="top-center-icon-1"></view>
-		<view class="top-center-icon-2"></view>
-		<view class="top-right-icon-1 icon-box-border">
-			<view class="top-right-content icon-box-content">
-			</view>
-		</view>
-		<view class="user-bottom-icon icon-box-border">
-			<view class="user-bottom-content icon-box-content">
-			</view>
-		</view>
-		<image class="user-top-icon" :src="baseURL + '/resource/model/static/model3/tap3.png'" mode="scaleToFill"></image>
-		<image class="user-right-logo" :src="baseURL + '/resource/model/model3/tap13.png'" mode="widthFix"></image>
-		<view class="user-img">
-			<image class="image" :src="cardInfo.avatar" mode="widthFix"></image>
-		</view>
-		<image class="content-left-icon" :src="baseURL + '/resource/model/model3/tap6.png'" mode="widthFix"></image>
-		<image class="page-bottom-right" :src="baseURL + '/resource/model/model3/tap7.png'" mode="widthFix"></image>
-		<view class="share-number">
-			浏览：{{shareNumber}}
-		</view>
-		<view class="right-content">
-			<view class="name">
-				{{cardInfo.name || '暂无'}}
-			</view>
-			<view class="career margin-t-10">
-				职业：{{cardInfo.user_work_type_title || '暂无'}}
-			</view>
-			<view class="career margin-t-10">
-				编号：{{cardInfo.no}}
-			</view>
-			<image class="line-icon margin-t-10" :src="baseURL + '/resource/model/model3/tap11.png'" mode="widthFix"></image>
-		</view>
-		<image class="right-center-icon" :src="baseURL + '/resource/model/model3/tap5.png'" mode="widthFix"></image>
-		<view class="content ">
-			<view class="icon-round-min">
-
-			</view>
-			<view class="icon-round-base">
-
-			</view>
-			<view class="content-icon-right icon-box-border">
-				<view class="content-right-content icon-box-content">
-				</view>
-			</view>
-			<view class="center-data flex">
-				<view class="left">
-					<view class="list-item">
-						年龄： {{cardInfo.age|| '暂无'}}
-					</view>
-					<view class="list-item">
-						从业： {{(cardInfo.work_year + '年')|| '暂无'}}
-					</view>
-					<view class="list-item">
-						籍贯： {{cardInfo.ancestral_place || '暂无'}}
-					</view>
-					<view class="list-item">
-						学历： {{cardInfo.education || '暂无'}}
-					</view>
-				</view>
-				<view class="right">
-					<view class="list-item">
-						属相：{{cardInfo.twelve|| '暂无'}}
-					</view>
-					<view class="list-item">
-						星座：{{cardInfo.constellation || '暂无'}}
-					</view>
-					<view class="list-item">
-						民族： {{cardInfo.minority || '暂无'}}
-					</view>
-				</view>
-			</view>
-			<view class="list-item padding-l-30 margin-b-30">
-				服务地区：
-				<block v-for="(fwitem,fwindex) in cardInfo.service_area_all">
-					{{fwitem}}{{fwindex ==(cardInfo.service_area_all.length -1) ?'': '、'  }}
-				</block>
-			</view>
-			<view class="info-item-q flex-start ">
-				<text class="flex-shrink-false">服务价格： </text>
-				<view class="gzt">
-					<view class="line-box flex">
-						<view class="item" v-for="i in 18"></view>
-					</view>
-					<view class="gzt-price">
-						<text
-							class="money">{{cardInfo.service_min_price}}</text>元/{{ cardInfo.service_time_type_title && cardInfo.service_time_type_title.replace('每','')}}
-					</view>
-					<view class=" gzt-price-b">
-						<text
-							class="money">{{cardInfo.service_max_price}}</text>元/{{cardInfo.service_time_type_title && cardInfo.service_time_type_title.replace('每','')}}
-					</view>
-				</view>
-				<image :src="baseURL + '/resource/icon/model1/yrz.png'" mode="" class="rz"
-					v-if="cardInfo.is_type_audit == 1"></image>
-			</view>
-		</view>
-		<view class="content-text">
-			<view class="flex margin-b-20">
-				<view class="name">
-					自我评价
-				</view>
-				<image class="icon" :src="baseURL + '/resource/model/model3/tap13.png'" mode="widthFix"></image>
-			</view>
-			<view class="flex">
-				<view></view>
-				<image class="line" :src="baseURL + '/resource/model/model3/tap11.png'" mode="widthFix"></image>
-			</view>
-			<view class="text margin-t-20">
-				{{cardInfo.service_intro_content}}
-			</view>
-			<view class="img-list flex">
-				<image :src="siiitem" mode="scaleToFill" v-for="siiitem in cardInfo.service_intro_imgs"></image>
-			</view>
-		</view>
-		
-		<view class="content-text" >
-			<view class="flex margin-b-20">
-				<view class="name">
-					我的证书
-				</view>
-				<image class="icon" :src="baseURL + '/resource/model/model3/tap13.png'" mode="widthFix"></image>
-			</view>
-			<view class="flex">
-				<view></view>
-				<image class="line" :src="baseURL + '/resource/model/model3/tap11.png'" mode="widthFix"></image>
-			</view>
-			<view class="img-list flex" >
-				<image :src="siiitem" mode="scaleToFill" v-for="siiitem in cardInfo.service_audit_imgs"></image>
-			</view>
-		</view>
-		<view class="content-text">
-			<view class="flex margin-b-20">
-				<view class="name">
-					服务内容
-				</view>
-				<image class="icon" :src="baseURL + '/resource/model/model3/tap13.png'" mode="widthFix"></image>
-			</view>
-			<view class="flex">
-				<view></view>
-				<image class="line" :src="baseURL + '/resource/model/model3/tap11.png'" mode="widthFix"></image>
-			</view>
-			<view class="card-content">
-				<view class="fw" v-for="spaitem in cardInfo.service_project_ar">
-					<view class="fw-tit">
-						<text class="yg"></text>{{spaitem.title}}
-					</view>
-					<view class="fw-content">
-						{{spaitem.content}}
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="content-text">
-			<view class="flex margin-b-20">
-				<view class="name">
-					服务照片
-				</view>
-				<image class="icon" :src="baseURL + '/resource/model/model3/tap13.png'" mode="widthFix"></image>
-			</view>
-			<view class="flex">
-				<view></view>
-				<image class="line" :src="baseURL + '/resource/model/model3/tap11.png'" mode="widthFix"></image>
-			</view>
-			<view class="img-list flex" >
-				<image :src="siiitem" mode="scaleToFill" v-for="siiitem in cardInfo.service_imgs"></image>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	import {
-		mapState,
-	} from 'vuex';
-	export default {
-		props: {
-			// 浏览数量
-			shareNumber: {
-				type: Number,
-				default: 0
-			},
-			// 是否显示默认数据
-			isDefault: {
-				type: Boolean,
-				default: true
-			},
-			isShare: {
-				type: Boolean,
-				default: false
-			},
-			//1为模板2为用户
-			isLook: {
-				type: Number,
-				default: 0
-			},
-			templateDetail: {
-				type: Object,
-				default: () => {
-					return {}
-				}
-			}
-		},
-		data() {
-			return {
-				defaultDate: {
-					name: '佚名',
-					avatar: 'https://api.myjie.cn/resource/icon/base/f.png',
-					age: '41',
-					twelve: '鼠',
-					work_year: '10',
-					constellation: '处女座',
-					ancestral_place: '浙江',
-					minority: '汉族',
-					education: '本科',
-					no: 'myj23031421',
-					service_area_all: ['浙江省台州市路桥区'],
-					service_min_price: 100,
-					service_max_price: 200,
-					user_work_type_title: '母婴师',
-					service_time_type_title: '每小时',
-					service_intro_content: '高级育婴师证|高级催乳师证|早产儿护理师母婴护理证|金牌月嫂证|产后恢复师证|公共营养师证|月子药膳调理师证|国际宝宝睡眠咨询师证|普通话二级甲等|中央广播电视大学学历|学前教育专业，深耕幼教十年，技能全面，性格活泼，有亲和力，做事干净利落，有很强的责任心。对宝宝有爱心，体贴新手妈妈。专业技能熟练。应急能力强。让家人放心、产妇舒心的坐好月子。',
-					service_intro_imgs: ['https://api.myjie.cn/resource/icon/base/pj1.png',
-						'https://api.myjie.cn/resource/icon/base/pj2.png',
-						'https://api.myjie.cn/resource/icon/base/pj3.png',
-						'https://api.myjie.cn/resource/icon/base/pj4.png'
-					],
-					service_audit_imgs: ['https://api.myjie.cn/resource/icon/base/zs1.png',
-						'https://api.myjie.cn/resource/icon/base/zs2.png',
-						'https://api.myjie.cn/resource/icon/base/zs3.png',
-						'https://api.myjie.cn/resource/icon/base/zs4.png'
-					],
-					service_project_ar: [{
-							title: '婴幼儿睡眠管理',
-							content: '如：日夜颠倒、睡眠不规律、乳头混淆、奶睡、抱睡等问题，帮助宝爸宝妈规律孩子作息、解决婴幼儿喂养困扰，培养良好的生活、学习习惯。'
-						}, {
-							title: '特色月子餐',
-							content: '套用客户的一句话“养眼、养心更养胃”！家常菜、面食、点心、甜品、靓汤、五谷杂粮粥、婴幼儿花样辅食等。'
-						},
-						{
-							title: '早产儿特殊护理',
-							content: '包括早产儿基础护理、安全喂养方法、追赶性生长、消化与免疫系统等技能，根据宝宝具体情况给予早产儿家长的科学入户指导。'
-						},
-						{
-							title: '0-6岁早期教育',
-							content: '在婴孩最敏感最能接受的时期进行事半功倍的适时教育，针对不同年龄段的孩子，开发婴幼儿潜能的教育，为孩子多元化和健康人格打下良好基础。'
-						}
-					],
-					is_type_audit: 1
-				}
-			}
-		},
-		computed: {
-			...mapState(['baseURL']),
-			cardInfo() {
-				if (this.isDefault) {
-					return this.defaultDate
-				} else {
-					return this.templateDetail
-				}
-			}
-		},
-	}
-</script>
-
-<style lang="scss" scoped>
-	.mone {
-		padding-bottom: 150rpx;
-		background-color: #FFFFFF;
-		min-height: 100vh;
-		padding-top: 580rpx;
-		position: relative;
-		.top-left-icon-1 {
-			background-color: rgba(15, 61, 96, 1);
-			border-bottom-right-radius: 110rpx;
-			width: 250rpx;
-			height: 200rpx;
-			position: absolute;
-			top: -120rpx;
-			left: -130rpx;
-		}
-
-		.top-center-icon-1 {
-			border-radius: 100rpx;
-			width: 60rpx;
-			height: 60rpx;
-			position: absolute;
-			border: 1px solid rgba(43, 117, 180, 1);
-			top: 50rpx;
-			left: 310rpx;
-		}
-
-		.top-center-icon-2 {
-			border-radius: 100rpx;
-			width: 35rpx;
-			height: 35rpx;
-			position: absolute;
-			border: 1px solid rgba(215, 215, 215, 1);
-			top: 125rpx;
-			left: 525rpx;
-		}
-
-		.top-right-icon-1 {
-			padding: 30rpx;
-			width: 200rpx;
-			height: 200rpx;
-			border: 1px dashed rgba(215, 215, 215, 1);
-			top: -100rpx;
-			right: -50rpx;
-
-			.top-right-content {
-				background-color: rgba(215, 215, 215, 1);
-			}
-		}
-
-		.user-top-icon {
-			width: 106rpx;
-			height: 97rpx;
-			position: absolute;
-			top: 157rpx;
-			left: 205rpx;
-		}
-
-		.user-right-logo {
-			width: 235rpx;
-			position: absolute;
-			top: 246rpx;
-			right: 154rpx;
-		}
-
-		.user-img {
-			width: 280rpx;
-			height: 280rpx;
-			border: 3px solid #FFFFFF;
-			border-radius: 200rpx;
-			position: absolute;
-			top: 186rpx;
-			left: 50rpx;
-			overflow: hidden;
-
-			.image {
-				width: 100%;
-			}
-		}
-
-		.user-bottom-icon {
-			padding: 30rpx;
-			width: 210rpx;
-			height: 210rpx;
-			border: 1px dashed rgba(15, 61, 96, 1);
-			top: 380rpx;
-			left: 36rpx;
-
-			.user-bottom-content {
-				background-color: rgba(15, 61, 96, 1);
-			}
-		}
-
-		.share-number {
-			border-top-left-radius: 99rpx;
-			border-bottom-left-radius: 99rpx;
-			font-size: $font-base;
-			color: #266B9E;
-			border: 2px solid #266B9E;
-			position: absolute;
-			top: 150rpx;
-			right: 0rpx;
-			line-height: 1;
-			padding: 10rpx;
-			padding-left: 25rpx;
-		}
-
-		.right-content {
-			position: absolute;
-			right: 0;
-			top: 350rpx;
-			width: 390rpx;
-
-			.name {
-				font-size: 60rpx;
-				font-family: FZYanSongS-DB-GB;
-				color: #266B9E;
-			}
-
-			.career {
-				font-size: 30rpx;
-				font-family: FZYanSongS-DB-GB;
-				color: #266B9E;
-			}
-
-			.line-icon {
-				width: 360rpx;
-			}
-		}
-
-		.right-center-icon {
-			width: 190rpx;
-			position: absolute;
-			top: 900rpx;
-			right: 0;
-		}
-		.page-bottom-right{
-			width: 188rpx;
-			position: absolute;
-			bottom: 130rpx;
-			right: 0;
-		}
-	}
-
-	.icon-box-border {
-		border-radius: 1000rpx;
-		position: absolute;
-
-		.icon-box-content {
-			width: 100%;
-			height: 100%;
-			border-radius: 900rpx;
-		}
-	}
-	.content-left-icon{
-		width: 86rpx;
-		position: absolute;
-		top: 1800rpx;
-		left: 0rpx;
-	}
-	.content-text {
-		margin: 30rpx;
-		padding: 55rpx;
-		background-color: rgba(245, 248, 250, 1);
-		position: relative;
-		.card-content {
-			font-size: 26rpx;
-			font-weight: 500;
-			color: #2C2E35;
-			position: relative;
-			.fw {
-				font-size: 26rpx;
-				font-weight: 500;
-				color: #2C2E35;
-				padding: 10rpx 0;
-			
-				.fw-tit {
-					color: #266B9E;
-					display: flex;
-					align-items: center;
-			
-					.yg {
-						background-color: #266B9E;
-						display: inline-block;
-						width: 10rpx;
-						height: 10rpx;
-						border-radius: 50%;
-						margin-right: 10rpx;
-					}
-				}
-			
-				.fw-content {
-					padding-top: 10rpx;
-					padding-left: 18rpx;
-					text-align: justify;
-				}
-			
-			}
-		}
-		.name {
-			font-size: 65rpx;
-			font-family: FZYanSongS-DB-GB;
-			font-weight: bold;
-			background-color: #266B9E;
-			line-height: 60rpx;
-			padding: 20rpx 40rpx;
-			padding-bottom: 25rpx;
-			color: #FFF;
-		}
-
-		.icon {
-			width: 223rpx;
-		}
-
-		.line {
-			width: 400rpx;
-		}
-
-		.text {
-			line-height: 1.5;
-			font-size: 26rpx;
-			font-family: Adobe Heiti Std;
-		}
-	}
-
-	.content {
-		padding: 36rpx;
-		line-height: 1;
-		font-size: $font-lg;
-		color: #266B9E;
-		font-weight: bold;
-		position: relative;
-		padding-bottom: 50rpx;
-		margin-bottom: 30rpx;
-
-		.content-icon-right {
-			position: absolute;
-			right: 50rpx;
-			top: 100rpx;
-			border: 1px solid #266B9E;
-			width: 75rpx;
-			height: 75rpx;
-			padding: 10rpx;
-
-			.content-right-content {
-				background-color: rgb(217, 217, 217);
-			}
-		}
-
-		.icon-round-min {
-			background-color: rgb(28, 109, 161);
-			border-radius: 100rpx;
-			width: 30rpx;
-			height: 30rpx;
-			position: absolute;
-			top: 30rpx;
-			left: 300rpx;
-		}
-
-		.icon-round-base {
-			background-color: rgb(28, 109, 161);
-			border-radius: 100rpx;
-			width: 60rpx;
-			height: 60rpx;
-			position: absolute;
-			top: 160rpx;
-			left: 280rpx;
-		}
-
-		.center-data {
-
-			align-items: flex-start;
-			border-left: 1px dashed #E6E6E6;
-
-			.left,
-			.right {
-				width: 50%;
-				padding-left: 30rpx;
-				text-align: left;
-			}
-
-			.list-item {
-				margin-bottom: 30rpx;
-			}
-		}
-
-		.info-item-q {
-			width: 100%;
-			display: flex;
-			align-items: flex-start;
-			justify-content: start;
-			padding-left: 30rpx;
-
-
-			.gzt {
-				width: 350rpx;
-				height: 24rpx;
-				position: relative;
-
-				.line-box {
-					width: 350rpx;
-					height: 24rpx;
-					position: relative;
-					background-color: rgb(36, 109, 179);
-					border-radius: 50rpx;
-					overflow: hidden;
-
-					.item {
-						margin-left: 10rpx;
-						background-color: #5294C9;
-						width: 10rpx;
-						height: 50rpx;
-						transform: rotate(18deg);
-					}
-				}
-
-				.gzt-price,
-				.gzt-price-b {
-					width: 200rpx;
-					text-align: center;
-					position: absolute;
-					padding-top: 20rpx;
-					color: $font-color-dark;
-
-					&::after {
-						content: '';
-						width: 0px;
-						height: 0rpx;
-						border: 14rpx solid;
-						border-color: transparent transparent #FEB8C6;
-						position: absolute;
-						top: -14rpx;
-						left: 0;
-						right: 0;
-						margin: auto;
-					}
-
-					text {
-						color: #236BA5;
-					}
-				}
-
-				.gzt-price {
-					left: -100rpx;
-				}
-
-				.gzt-price-b {
-					right: -100rpx;
-				}
-			}
-
-			.rz {
-				margin-left: 10rpx;
-				width: 87rpx;
-				height: 26rpx;
-			}
-		}
-	}
-
-	.img-list {
-		justify-content: space-between;
-		flex-wrap: wrap;
-		margin: auto;
-		position: relative;
-		padding-top: 50rpx;
-		image {
-			width: 270rpx;
-			height: 270rpx;
-			background-color: #fff;
-			margin-bottom: 30rpx;
-			box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.6);
-		}
-	}
-</style>

pages/user/model/model.vue

@@ -1,799 +0,0 @@
-<template>
-	<view class="content mone" v-if="baseURL">
-		<model :modelId='mtype' :templateData='userTemplate' :isShare='isShare' :isLook='isLook' :isDefault='isDefault'
-			:share-number='shareNumber'></model>
-		<view class="fxmp flex bottom" v-if="type==2">
-			<button class="share" type="default" open-type="share">
-				分享名片
-			</button>
-		</view>
-		<view class="fxmp flex bottom" v-if="type==3">
-			<button class="share" type="default" open-type="share">
-				分享名片
-			</button>
-			<view class="nav-model " @click="navto('/pages/user/model/modelrz?type=1&modelid=' + mtype)">
-				修改名片
-			</view>
-		</view>
-		<block v-if="type==0">
-			<view class="ljrz bottom" v-if="userInfo.work_type_id <=0"
-				@click="navto('/pages/user/model/modelrz?modelid=' + mtype + '&type=2')">
-				生成我的名片
-			</view>
-			<view v-else class="create-model flex bottom">
-				<view class="price-show">
-					模板费用：<text>{{modelInfo.price*1}}</text>
-				</view>
-				<view class="to-show" @click="preview">
-					模板预览
-				</view>
-				<view class="by-now" @click="gobuy">
-					立即使用
-				</view>
-			</view>
-		</block>
-		<view class="yl bottom" v-if="previewShow" @click="outPreview">
-			结束预览
-		</view>
-	</view>
-</template>
-
-<script>
-	import {
-		mapState,
-		mapMutations
-	} from 'vuex';
-	import {
-		getUserCardInfo,
-		getCommonUserCardInfo,
-		getShowTemplateItem,
-		subShowTemplateOrder
-	} from '@/api/model.js'
-	import {
-		getUser
-	} from '@/api/user.js';
-	import {
-		saveUrl,
-		interceptor
-	} from '@/utils/loginUtils.js';
-	import model from '@/pages/modelData/index.vue';
-	export default {
-		components: {
-			model
-		},
-		data() {
-			return {
-				mtype: 1, //modelid
-				shareId: '', //保存分享uid
-				// 默认显示数据
-				cardInfo: {},
-				// 是否显示默认
-				isDefault: true,
-				shareNumber: 0, //浏览量
-				userTemplate: {}, //用户展示数据
-				modelInfo: {}, //当前模板信息
-				payType: 'wxpay',
-				type: 0, //0为商品页面进入1为个人中心进入修改预览2为分享查看预览，3为已购模板进入查看分享
-				isShare: false, //是否显示分享按钮
-				isLook: 0, //1为平台浏览量2为用户浏览量0为不显示
-				previewShow: false, //是否显示预览
-			}
-		},
-		onLoad(opt) {
-
-			// #ifndef MP
-			if (opt.spread) {
-				// 存储其他邀请人
-				uni.setStorageSync('spread', opt.spread);
-			}
-
-			// #endif
-			// #ifdef MP
-			if (opt.scene) {
-				// 存储小程序邀请人
-				uni.setStorage({
-					key: 'spread_code',
-					data: opt.scene
-				});
-			}
-			uni.hideShareMenu();
-			// #endif
-
-			// 获取模板id
-			this.mtype = +opt.mtype
-			// 获取查看类型
-			this.type = +opt.type
-			// 是否首页进入
-			if (this.type === 0) {
-				this.isLook = 1;
-				this.getShowTemplateItem();
-				if (this.userInfo.uid) {
-					this.getCommonUserCardInfo(this.userInfo.uid);
-				}
-				return
-			}
-			//个人中心提交数据预览
-			if (this.type === 1) {
-				this.userTemplate = uni.getStorageSync('modeldata');
-				uni.setNavigationBarTitle({
-					title:'名片预览'
-				})
-				return
-			}
-			//分享预览
-			if (this.type === 2) {
-				console.log(opt.type, 'opt.type');
-				this.isLook = 2;
-				this.getCommonUserCardInfo(opt.uid);
-				return
-			}
-			//我的模板页进入预览
-			if (this.type === 3) {
-				console.log(opt.type, 'opt.type');
-				this.isShare = true;
-				this.isLook = 2;
-				this.shareId = this.userInfo.uid;
-				this.getCommonUserCardInfo(this.userInfo.uid);
-				return
-			}
-			// if(opt.look && opt.look == 2) {
-			// 	this.islook = opt.look
-			// 	this.cardInfo = uni.getStorageSync('modeldata')
-			// 	this.is_yl = true
-
-			// }else {
-			// 	if (opt.look && opt.look == 1) {
-			// 		uni.showShareMenu();
-			// 		this.look = false
-			// 	}
-			// 	if (opt.uid) {
-			// 		this.shareId = opt.uid
-			// 		this.getCommonUserCardInfo(opt.uid)
-			// 	} else {
-			// 		this.getShowTemplateItem()
-			// 	}
-			// }
-
-
-		},
-		computed: {
-			...mapState(['baseURL']),
-			...mapState('user', ['userInfo']),
-		},
-		onShow() {
-
-			// this.getUser()
-		},
-		// #ifdef MP
-		onShareAppMessage(options) {
-			// 设置菜单中的转发按钮触发转发事件时的转发内容
-			let pages = getCurrentPages(); //获取加载的页面
-			let currentPage = pages[pages.length - 1]; //获取当前页面的对象
-			let url = currentPage.route; //当前页面url
-			let item = currentPage.options; //如果要获取url中所带的参数可以查看options
-			let shareObj = {}
-			console.log(url,'url');
-			shareObj = {
-				title: this.userTemplate.name + '母婴界数字名片', // 默认是小程序的名称(可以写slogan等)
-				path: url + '?uid=' + this.shareId + '&mtype=' + this.mtype + '&type=2', // 默认是当前页面，必须是以‘/’开头的完整路径
-				imageUrl: '',
-				success: function(res) {
-					// 转发成功之后的回调
-					if (res.errMsg == 'shareAppMessage:ok') {}
-				},
-				fail: function() {
-					// 转发失败之后的回调
-					if (res.errMsg == 'shareAppMessage:fail cancel') {
-						// 用户取消转发
-					} else if (res.errMsg == 'shareAppMessage:fail') {
-						// 转发失败，其中 detail message 为详细失败信息
-					}
-				}
-			};
-			console.log(shareObj)
-			return shareObj;
-		},
-		// #endif
-		onUnload() {
-			let pages = getCurrentPages(); //获取加载的页面
-			let currentPage = pages[pages.length - 2]; //获取当前页面的对象
-			// console.log(currentPage.route)
-			if (currentPage.route == 'pages/public/wxLogin') {
-				uni.switchTab({
-					url: '/pages/home/index'
-				})
-			}
-		},
-		methods: {
-			...mapMutations('user', ['setUserInfo']),
-			// 模板预览
-			preview() {
-				if (!this.userInfo.uid) {
-					uni.showModal({
-						title: '提示',
-						content: '您未登录是否登录查看',
-						cancelText: '取消',
-						confirmText: '立即登录',
-						success: res => {
-							if (res.confirm) {
-								saveUrl();
-								interceptor();
-							}
-						},
-						fail: () => {},
-						complete: () => {}
-					});
-					return
-				}
-				// 判断是否显示默认数据
-				if (this.userTemplate.id) {
-					this.isDefault = false;
-				} else {
-					this.isDefault = true;
-				}
-				this.previewShow = true;
-
-				// 隐藏浏览数量
-				this.isLook = 0;
-			},
-			// 结束预览
-			outPreview() {
-				// 显示默认数据
-				this.isDefault = true;
-				this.previewShow = false;
-				if (this.type == 0) {
-					this.isLook = 1;
-					return
-				}
-				if (this.type == 3) {
-					this.isLook = 2;
-					return
-				}
-			},
-			// 监听web视图反馈
-			changeDate(base) {
-				console.log(base, 'mss');
-			},
-			navto(url) {
-				uni.navigateTo({
-					url
-				})
-			},
-			getUser() {
-				const that = this;
-				getUser({}).then((e) => {
-					that.setUserInfo(e.data)
-					if (e.data.work_type_id > 0 && that.shareId == '') {
-						that.getUserCardInfo()
-					} else {
-						that.cardInfo = {}
-					}
-				}).catch((e) => {})
-			},
-			gobuy() {
-				let that = this
-				subShowTemplateOrder({
-					id: that.mtype,
-					pay_type: that.payType
-				}).then(res => {
-					if (res.data.status == 1) {
-						uni.showModal({
-							title: '提示',
-							content: '支付成功！',
-							cancelText: '关闭',
-							confirmText: '查看模板',
-							success: res => {
-								if (res.confirm) {
-									uni.reLaunch({
-										url: '/pages/user/model/model?mtype=' +
-											that.mtype,
-									});
-								}
-							},
-							fail: () => {},
-							complete: () => {}
-						});
-					} else {
-						let da = res.data.jsApiParameters;
-						let data = {
-							appId: da.appId,
-							// #ifdef H5
-							timestamp: da.timeStamp,
-							// #endif
-							// #ifdef MP
-							timeStamp: da.timeStamp + '',
-							// #endif
-							nonceStr: da.nonceStr,
-							package: da.package,
-							signType: da.signType,
-							paySign: da.paySign,
-							success: function(res) {
-								// obj.paySuccessTo();
-								// alert('支付成功')
-								uni.showModal({
-									title: '提示',
-									content: '支付成功！',
-									cancelText: '关闭',
-									confirmText: '查看模板',
-									success: res => {
-										if (res.confirm) {
-											uni.reLaunch({
-												url: '/pages/user/model/model?mtype=' +
-													that.mtype,
-											});
-										}
-									},
-									fail: () => {},
-									complete: () => {}
-								});
-								console.log('支付成功')
-							},
-							fail: (err) => {
-								console.log(err)
-								// alert('支付失败')
-								// uni.navigateTo({
-								// 	url: '/pages/order/order?state=0'
-								// });
-							}
-						};
-						console.log(data, 'timeStamp')
-						if (that.payType == 'wxpay') {
-							console.log('到这里')
-							wx.requestPayment(data)
-						}
-					}
-
-				})
-			},
-			// 获取模板详情
-			getShowTemplateItem() {
-				let that = this
-				getShowTemplateItem({
-					id: that.mtype
-				}).then(res => {
-					that.modelInfo = res.data;
-					if (that.type == 0) {
-						uni.setNavigationBarTitle({
-							title:that.modelInfo.title
-						})
-						that.shareNumber = res.data.look_count
-					}
-				})
-			},
-			// 加载用户模板数据
-			getCommonUserCardInfo(uid) {
-				let that = this
-				getCommonUserCardInfo({
-					uid: uid
-				}).then(res => {
-					let arr = []
-					let basearr = res.data.service_area_all
-					basearr.forEach(item => {
-						arr.push(item[0].name + item[1].name + item[2].name)
-					})
-					res.data.service_area_all = arr
-					// 保存用户模板数据
-					that.userTemplate = res.data
-					// 判断是否从用户个人中心或者分享进入
-					if (that.type == 3 || that.type == 2) {
-						// 修改为非默认数据
-						that.isDefault = false;
-						that.shareNumber = res.data.card_look_count;
-						uni.setNavigationBarTitle({
-							title: this.userTemplate.name + '的分享名片'
-						})
-					}
-				})
-			},
-			getUserCardInfo() {
-				let that = this
-				getUserCardInfo().then(res => {
-					console.log(res)
-					let arr = []
-					let basearr = res.data.service_area_all
-					basearr.forEach(item => {
-						arr.push(item[0].name + item[1].name + item[2].name)
-					})
-					res.data.service_area_all = arr
-					that.cardInfo = res.data
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.bottom_padding {
-		height: 45px;
-		width: 100%;
-	}
-
-	.m-card {
-		width: 640rpx;
-		background: #fcf4f1;
-		border-radius: 20rpx;
-		position: relative;
-		// min-height: 270rpx;
-		margin: 0 auto 46rpx;
-
-		.card-tit {
-			width: 219rpx;
-			height: 57rpx;
-			background: #F46C85;
-			border-radius: 20rpx 28rpx 29rpx 0rpx;
-			justify-content: flex-start;
-			align-items: center;
-			padding: 0 20rpx;
-			font-size: 32rpx;
-			font-weight: bold;
-			color: #FFFFFF;
-
-			.tit-logo {
-				width: 32rpx;
-				height: 32rpx;
-				margin-right: 18rpx;
-			}
-		}
-
-		.card-bg {
-			width: 100%;
-			height: 270rpx;
-			position: absolute;
-			bottom: 0rpx;
-		}
-
-		.card-content {
-			padding: 25rpx 35rpx;
-			font-size: 26rpx;
-			font-weight: 500;
-			color: #2C2E35;
-			position: relative;
-		}
-
-		.img-list {
-			justify-content: space-between;
-			flex-wrap: wrap;
-			margin: auto;
-			padding: 30rpx 30rpx 0;
-			position: relative;
-
-			image {
-				width: 270rpx;
-				height: 270rpx;
-				background-color: #fff;
-				margin-bottom: 30rpx;
-				box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.6);
-			}
-
-
-		}
-
-		.fw {
-			font-size: 26rpx;
-			font-weight: 500;
-			color: #2C2E35;
-			padding: 10rpx 0;
-
-			.fw-tit {
-				color: #F46C85;
-				display: flex;
-				align-items: center;
-
-				.yg {
-					background-color: #F46C85;
-					display: inline-block;
-					width: 10rpx;
-					height: 10rpx;
-					border-radius: 50%;
-					margin-right: 10rpx;
-				}
-			}
-
-			.fw-content {
-				padding-top: 10rpx;
-				padding-left: 18rpx;
-				text-align: justify;
-			}
-
-		}
-
-		.user-info {
-			flex-wrap: wrap;
-			font-size: 26rpx;
-			font-weight: 500;
-			color: #000000;
-			position: relative;
-
-			.info-item-b,
-			.info-item-q {
-				padding: 10rpx 0;
-				color: #000000;
-				position: relative;
-
-				padding-left: 20rpx;
-
-				&::before {
-					display: inline-block;
-					content: '';
-					width: 10rpx;
-					height: 10rpx;
-					border-radius: 50%;
-					background-color: #F46C85;
-					position: absolute;
-					top: 22rpx;
-					left: 0;
-				}
-
-				.qianger {
-					width: 2em;
-					display: inline-block;
-				}
-
-				.laner {
-					width: 0.5em;
-					display: inline-block;
-				}
-			}
-
-			.info-item-b {
-				width: 50%;
-			}
-
-			.info-item-q {
-				width: 100%;
-				display: flex;
-				align-items: flex-start;
-				justify-content: start;
-
-				.fwdz {
-					flex-direction: column;
-					align-items: flex-start;
-				}
-
-				.gzt {
-					width: 312rpx;
-					height: 24rpx;
-					padding-top: 10rpx;
-					position: relative;
-
-					image {
-						width: 312rpx;
-						height: 24rpx;
-						position: relative;
-					}
-
-					.gzt-price,
-					.gzt-price-b {
-						width: 200rpx;
-						text-align: center;
-						position: absolute;
-						padding-top: 20rpx;
-
-						&::after {
-							content: '';
-							width: 0px;
-							height: 0rpx;
-							// background: #FEB8C6;
-							border: 14rpx solid;
-							border-color: transparent transparent #FEB8C6;
-							// border-top:transparent;
-							// border-left: transparent;
-							// border-right: transparent;
-							position: absolute;
-							top: -14rpx;
-							left: 0;
-							right: 0;
-							margin: auto;
-						}
-
-						text {
-							color: #F46C85;
-						}
-					}
-
-					.gzt-price {
-						left: -100rpx;
-					}
-
-					.gzt-price-b {
-						right: -100rpx;
-					}
-				}
-
-				.rz {
-					margin-top: 10rpx;
-					margin-left: 10rpx;
-					width: 87rpx;
-					height: 26rpx;
-				}
-			}
-		}
-	}
-
-	.m-btm {
-		width: 660rpx;
-		height: 384rpx;
-	}
-
-	.hua2 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 199rpx;
-			height: 298rpx;
-			background: url($base-url + '/resource/icon/model1/hua2.png') no-repeat;
-			position: absolute;
-			bottom: -100rpx;
-			right: 0;
-			background-size: 100% 100%;
-		}
-	}
-
-	.hua3 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 192rpx;
-			height: 223rpx;
-			background: url($base-url + '/resource/icon/model1/hua3.png') no-repeat;
-			position: absolute;
-			top: 0;
-			bottom: 0;
-			left: 0;
-			margin: auto;
-			background-size: 100% 100%;
-		}
-	}
-
-	.hua4 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 128rpx;
-			height: 145rpx;
-			background: url($base-url + '/resource/icon/model1/hua4.png') no-repeat;
-			position: absolute;
-			bottom: -70rpx;
-			right: 0;
-			background-size: 100% 100%;
-		}
-	}
-
-	.hua5 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 199rpx;
-			height: 298rpx;
-			background: url($base-url + '/resource/icon/model1/hua2.png') no-repeat;
-			position: absolute;
-			bottom: -100rpx;
-			left: 0;
-			background-size: 100% 100%;
-			transform: rotateY(180deg);
-		}
-	}
-
-	.hua6 {
-		position: relative;
-
-		&::before {
-			content: '';
-			width: 192rpx;
-			height: 223rpx;
-			background: url($base-url + '/resource/icon/model1/hua3.png') no-repeat;
-			position: absolute;
-			bottom: -110rpx;
-			right: 0;
-			background-size: 100% 100%;
-			transform: rotateY(180deg);
-		}
-	}
-
-
-	.fxmp {
-		width: 750rpx;
-		
-		.share {
-			width: 50%;
-			padding: 0;
-			border-radius: 0;
-			flex-grow: 1;
-			background-color: $base-color;
-			color: #fff;
-			font-size: 32rpx;
-			&::after {
-				border: none;
-			}
-		}
-
-		.nav-model {
-			background-color: #FFF;
-			color: $base-color;
-			width: 50%;
-		}
-	}
-
-	.fxmp {
-		position: fixed;
-		width: 750rpx;
-		bottom: 0;
-		padding: 0;
-		background: #f65486;
-		// border-radius: 5rpx;
-		font-size: 30rpx;
-		font-weight: 500;
-		color: #FFFFFF;
-		text-align: center;
-	}
-
-	.create-model {
-		position: fixed;
-		width: 750rpx;
-		bottom: 0;
-		// border-radius: 5rpx;
-		font-size: 32rpx;
-		font-weight: 500;
-		text-align: center;
-
-		.price-show {
-			font-size: 32rpx;
-			font-weight: 500;
-			color: #333333;
-			background-color: #fff;
-			flex-grow: 1;
-
-			text {
-				font-size: 48rpx;
-				font-weight: 500;
-				color: #FC6F6D;
-			}
-		}
-
-		.to-show,
-		.by-now {
-			width: 223rpx;
-			background: #fa98b6;
-			flex-shrink: 0;
-			font-size: 34rpx;
-			color: #fff;
-		}
-
-		.by-now {
-			background: #f65486;
-		}
-	}
-
-	.yl {
-		position: fixed;
-		bottom: 0;
-		width: 750rpx;
-		font-size: 32rpx;
-		font-weight: 500;
-		text-align: center;
-		color: #fff;
-		text-align: center;
-		font-size: 34rpx;
-		background-color: #f65486;
-	}
-
-	.ljrz {
-		position: fixed;
-		width: 750rpx;
-		bottom: 0;
-		font-size: 32rpx;
-		font-weight: 500;
-		text-align: center;
-		background-color: #f65486;
-		color: #fff;
-	}
-
-	.bottom {
-		line-height: 45px;
-		height: 45px;
-	}
-</style>

pages/user/model/modelList.vue

@@ -1,193 +0,0 @@
-<template>
-	<view class="indexBox">
-		<view class="hot-list-box">
-			<view class="list-box">
-				<view class="list" v-for="(item,index) in navList.orderList">
-					<view class="list-image-box">
-						<image class="list-image" :src="item.img" mode="widthFix"></image>
-					</view>
-					<view class="list-content">
-						<view class="list-title clamp">
-							{{item.title}}
-						</view>
-						<view class="list-money flex flex-start">
-							<view class="money">
-								￥{{item.price}}
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-		<uni-load-more :status="navList.loadingType"></uni-load-more>
-	</view>
-</template>
-
-<script>
-	import {
-		mapState,
-		mapMutations
-	} from 'vuex';
-	import {
-		share
-	} from '@/api/wx';
-	import {
-		getBannerList,
-		getShowTemplateList
-	} from '@/api/model.js';
-	export default {
-		data() {
-			return {
-				ishot:0,//判断是否热门
-				isrecommend:0,//判断是否推荐
-				// 商品列表
-				navList: {
-					state: 1,
-					loadingType: 'more',
-					orderList: [],
-					page: 1, //当前页数
-					limit: 10, //每次信息条数
-					count: 0, //总消息条数
-				},
-			};
-		},
-		onLoad: function(option) {
-			if(option.isrecommend){
-				uni.setNavigationBarTitle({
-					title:'精品推荐'
-				})
-				this.isrecommend = option.isrecommend
-			}else if(option.ishot){
-				uni.setNavigationBarTitle({
-					title:'热门装扮'
-				})
-				this.ishot = option.ishot
-			}
-			this.getShowTemplateList();
-		},
-		// 滚动到底部
-		onReachBottom() {
-			this.getShowTemplateList();
-		},
-		methods: {
-			// 获取模板列表
-			getShowTemplateList(source) {
-				//这里是将订单挂载到tab列表下
-				let navItem = this.navList;
-				let state = navItem.state;
-				if (source === 'tabChange' && navItem.loaded === true) {
-					//tab切换只有第一次需要加载数据
-					return;
-				}
-				if (navItem.loadingType === 'loading') {
-					//防止重复加载
-					return;
-				}
-				if (navItem.loadingType === 'noMore') {
-					//防止重复加载
-					return;
-				}
-				// 修改当前对象状态为加载中
-				navItem.loadingType = 'loading';
-				getShowTemplateList({
-						is_recommend: this.isrecommend,
-						is_hot: this.ishot,
-						page: navItem.page,
-						pageSize: navItem.limit
-					})
-					.then(({
-						data
-					}) => {
-						let arr = data.list.map(e => {
-							return e;
-						});
-						navItem.orderList = navItem.orderList.concat(arr);
-						navItem.page++;
-						if (navItem.limit == arr.length) {
-							//判断是否还有数据， 有改为 more， 没有改为noMore
-							navItem.loadingType = 'more';
-							return;
-						} else {
-							//判断是否还有数据， 有改为 more， 没有改为noMore
-							navItem.loadingType = 'noMore';
-						}
-						uni.hideLoading();
-						this.$set(navItem, 'loaded', true);
-					})
-					.catch(e => {
-						console.log(e);
-					});
-
-			},
-			navTo(url) {
-				if (url) {
-					if (url.indexOf('http') > -1) {
-						// #ifdef H5
-						window.location.href = url
-						// #endif
-						// #ifdef APP
-						plus.runtime.openURL(url)
-						// #endif
-					} else {
-						uni.navigateTo({
-							url: url
-						})
-					}
-				}
-			}
-		},
-	};
-</script>
-
-<style lang="scss">
-	page,
-	.indexBox {
-		height: auto;
-		min-height: 100%;
-	}
-
-	.hot-list-box {
-		padding: $page-row-spacing;
-		padding-bottom: 0;
-
-		.list-box {
-			display: flex;
-			flex-wrap: wrap;
-			justify-content: space-between;
-			align-items: flex-start;
-			padding-bottom: 20rpx;
-
-			.list {
-				box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
-				border-radius: 15rpx;
-
-				.list-image-box {
-					width: 330rpx;
-					height: 420rpx;
-					overflow: hidden;
-
-					.list-image {
-						width: 100%;
-					}
-				}
-
-				.list-content {
-					padding: 20rpx;
-					line-height: 1;
-					.list-title {
-						color: $font-color-dark;
-						font-size: $font-base;
-						margin-bottom: 20rpx;
-					}
-
-					.list-money {
-						.money {
-							font: $font-lg;
-							color: #FF3342;
-						}
-					}
-				}
-			}
-		}
-	}
-</style>

pages/user/model/modelrz.vue

@@ -1,947 +0,0 @@
-<template>
-	<view class="content ">
-
-		<view class="item-name">
-			上传头像
-		</view>
-		<view class="con_box">
-			<view class="con_image">
-				<image class="img" @click="navCroper(400,400,'one')"
-					:src="updata.avatar||`../../../static/image/upImg.png`">
-				</image>
-			</view>
-		</view>
-		<view class="item-name">
-			基本信息
-		</view>
-		<view class="listBox">
-			<view class="list">
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="font-color-red font-size-sm">✲</text> <text class="title">真实姓名</text>
-					</view>
-					<view class="right flex">
-						<input class="input" v-model="updata.name" type="text" placeholder="请填写真实姓名"
-							placeholder-class="placeholder" />
-					</view>
-				</view>
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="font-color-red font-size-sm">✲</text><text class="title">手机号</text>
-					</view>
-					<view class="right flex">
-						<input class="input" v-model="updata.phone" type="text" placeholder="请填写手机号"
-							placeholder-class="placeholder" />
-					</view>
-				</view>
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="font-color-red font-size-sm">✲</text><text class="title">身份证号</text>
-					</view>
-					<view class="right flex">
-						<input class="input" v-model="updata.cardId" type="text" placeholder="请填写身份证号"
-							placeholder-class="placeholder" />
-					</view>
-				</view>
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="title">从业时长</text>
-					</view>
-					<view class="right flex">
-						<input class="input" v-model="updata.work_year" type="number" placeholder="请填写从业时长"
-							placeholder-class="placeholder" />
-					</view>
-				</view>
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="title">籍贯</text>
-					</view>
-					<view class="right flex">
-						<pickerAddress @change="changeAncestralPlace">
-							{{
-								updata.ancestral_place||'请选择籍贯'
-							}}
-						</pickerAddress>
-					</view>
-				</view>
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="title">学历</text>
-					</view>
-					<view class="right flex">
-						<picker class="input" :range='educationList' mode="selector" @change="changeEducation">
-							<view>
-								{{updata.education||'选择学历'}}
-							</view>
-						</picker>
-					</view>
-				</view>
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="title">民族</text>
-					</view>
-					<view class="right flex">
-						<input class="input" v-model="updata.minority" type="text" placeholder="请填写民族"
-							placeholder-class="placeholder" />
-					</view>
-				</view>
-				<!-- <view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="title">出生日期</text>
-					</view>
-					<view class="right flex">
-						<picker class="input" value='2000-01-01' mode="date" @change="changetime">
-							<view>
-								{{updata.time||'请选择日期'}}
-							</view>
-						</picker>
-					</view>
-				</view> -->
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="font-color-red font-size-sm">✲</text><text class="title">职业</text>
-					</view>
-					<view class="right flex">
-						<picker class="input" :range='workTypeList' range-key='title' mode="selector"
-							@change="changeWorkType">
-							<view>
-								{{updata.word.title||'选择职业'}}
-							</view>
-						</picker>
-					</view>
-				</view>
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="font-color-red font-size-sm">✲</text><text class="title">收费类型</text>
-					</view>
-					<view class="right flex">
-						<picker class="input" :value="updata.timetype.ind" :range='timeTypeList' range-key='title'
-							mode="selector" @change="changetimetype">
-							<view>
-								{{updata.timetype.title||'收费时间类型'}}
-							</view>
-						</picker>
-					</view>
-				</view>
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="font-color-red font-size-sm">✲</text><text class="title">最低价</text>
-					</view>
-					<view class="right flex">
-						<input class="input" v-model="updata.minMoney" type="number" placeholder="请输入最低收费价"
-							placeholder-class="placeholder" />
-					</view>
-				</view>
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="font-color-red font-size-sm">✲</text><text class="title">最高价</text>
-					</view>
-					<view class="right flex">
-						<input class="input" v-model="updata.maxMoney" type="number" placeholder="请输入最高收费价"
-							placeholder-class="placeholder" />
-					</view>
-				</view>
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="font-color-red font-size-sm">✲</text><text class="title">服务区域</text>
-					</view>
-					<view class="right">
-						<view class="citylist">
-							<view class="flex margin-b-20" v-for="(item,ind) in updata.onCity" :key="ind">
-								<view></view>
-								<view>
-									{{item.province+item.city+item.district}}
-									<text class="margin-l-10 del" @click="updata.onCity.splice(ind,1)">
-										删除
-									</text>
-								</view>
-							</view>
-							<view class="flex">
-								<view></view>
-								<pickerAddress class="buttom" @change="onCityClick">添加地区</pickerAddress>
-							</view>
-						</view>
-
-					</view>
-				</view>
-				<view class="flex listItem">
-					<view class="flex titleBox">
-						<text class="font-color-red font-size-sm">✲</text><text class="title">服务内容</text>
-					</view>
-					<view class="right">
-						<checkbox-group @change="checkTypeChange">
-							<label class="flex timetype margin-b-10" v-for="(item,ind) in typeList" :key="item.id">
-								<view class="margin-r-10">{{item.title}}</view>
-								<view>
-									<checkbox :value="`${item.id}`" :checked="item.checked" />
-								</view>
-							</label>
-						</checkbox-group>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="item-name">
-			自我展示
-		</view>
-		<view class="listBox">
-			<view class="list">
-				<view class="listItem">
-					<textarea class="textarea" auto-height :maxlength='-1' v-model="updata.mymask" type="text" placeholder="自我评价\n\n本人从业***年，已经服务***名客户\n成长经历：\n从事母婴工作之前是做***行业的，于***年经过专业培训后进入母婴行业；先后学习了***\n性格特征：\n本人性格直爽，具有很强的服务意识，做事认真负责，擅长……类工作\n服务格言：\n全心全意服务好每一位客户"	placeholder-class="textareaplaceholder" />
-				</view>
-			</view>
-			<view class="con_box">
-				<view class="con_image" v-for="(item,ind) in updata.imageList">
-					<image class="img" @click="navCroper(400,400,'tab',ind)" :src="item"></image>
-					<image @click="updata.imageList.splice(ind,1)" class="tip" src="../../../static/icon/goodsExit.png"
-						mode="scaleToFill"></image>
-				</view>
-				<view class="con_image">
-					<image class="img" @click="navCroper(400,400,'all')" src="../../../static/image/upImg.png"></image>
-				</view>
-			</view>
-		</view>
-		<view class="item-name">
-			我的证书
-		</view>
-		<view class="listBox">
-			<view class="con_box">
-				<view class="con_image" v-for="(item,ind) in updata.service_audit_imgs">
-					<image class="img" @click="navCroper(400,400,'audit',ind)" :src="item"></image>
-					<image @click="updata.service_audit_imgs.splice(ind,1)" class="tip"
-						src="../../../static/icon/goodsExit.png" mode="scaleToFill"></image>
-				</view>
-				<view class="con_image">
-					<image class="img" @click="navCroper(400,400,'auditall')" src="../../../static/image/upImg.png">
-					</image>
-				</view>
-			</view>
-		</view>
-		<view class="item-name">
-			服务展示
-		</view>
-		<view class="listBox">
-			<view class="con_box">
-				<view class="con_image" v-for="(item,ind) in updata.service_imgs">
-					<image class="img" @click="navCroper(400,400,'service',ind)" :src="item"></image>
-					<image @click="updata.service_imgs.splice(ind,1)" class="tip"
-						src="../../../static/icon/goodsExit.png" mode="scaleToFill"></image>
-				</view>
-				<view class="con_image">
-					<image class="img" @click="navCroper(400,400,'serviceall')" src="../../../static/image/upImg.png">
-					</image>
-				</view>
-			</view>
-		</view>
-		<view class="base-buttom flex">
-			<view class="updata flex flex-center" :class="{ 'bg-gray': loding }" @click="loding ? '' : confirm()">
-				提交
-			</view>
-			<view class="ylan flex flex-center" @click="look">
-				预览
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	import {
-		getServiceTimeTypeList,
-		getServiceTypeList,
-		subInfoAudit,
-		getUserWorkTypeList,
-		getUserCardInfo
-	} from '@/api/model.js';
-	import {
-		isCardNo
-	} from '@/utils/rocessor.js';
-	import {
-		getAstro,
-		getShengXiao,
-		IdCard
-	} from '@/utils/twelve.js';
-	import {
-		mapState
-	} from "vuex"
-
-	import pickerAddress from '@/components/wangding-pickerAddress/wangding-pickerAddress.vue';
-
-	export default {
-		components: {
-			pickerAddress
-		},
-		data() {
-			return {
-				// 上传数据
-				updata: {
-					avatar: '', //用户头像
-					name: '', //用户名称
-					phone: '', //手机号
-					cardId: '', //身份证号
-					minMoney: '', //最低价
-					maxMoney: '', //最高价
-					checkedType: [], //选中的服务类型
-					time: '', //出生日期
-					timetype: {
-						title: '',
-						code: '',
-						ind: 0 //默认0
-					}, //选中的时间类型
-					onCity: [], //选中的城市
-					mymask: '', //自评
-					imageList: [], //自评上传图片列表
-					ancestral_place: '', //籍贯
-					education: '', //学历
-					minority: '', //民族
-					work_year: '', //从业时长
-					word: {
-						title: '',
-						id: ''
-					},
-					service_audit_imgs: [], //我的证书
-					service_imgs: [], //服务展示
-				},
-				typeList: [], //服务类型
-				timeTypeList: [], //时间类型
-				workTypeList: [], //工作类型
-				loding: false, //是否载入中
-				type: 0, //0为新增，1为修改2为商品页进入注册
-				userModelData: {}, //保存获取的用户模板
-				modelid: '', //保存要预览的模板id
-				educationList: ['小学', '初中', '高中', '大专', '本科', '研究生', '博士'] //学历列表
-			};
-		},
-		async onLoad(options) {
-			this.modelid = options.modelid
-			if (options.type == 1) {
-				this.type = 1;
-				await this.getUserCardInfo()
-			} else if (options.type == 2) {
-				this.type = 0
-			}
-			this.init()
-		},
-		computed: {
-			// #ifdef H5
-			...mapState(['urlFile']),
-			// #endif
-			...mapState(['baseURL']),
-		},
-		methods: {
-			// 选择学历
-			changeEducation(res) {
-				this.updata.education = this.educationList[res.detail.value];
-				console.log(res);
-			},
-			// 初始化
-			init() {
-				const that = this;
-				getServiceTimeTypeList().then(
-					(res) => {
-						that.timeTypeList = res.data.list.map((arr) => {
-							return arr
-						})
-						if (that.type == 0) {
-							that.updata.timetype = that.timeTypeList[0];
-						} else
-						if (that.type == 1) {
-							for (let i = 0; i < that.timeTypeList.length; i++) {
-								if (that.timeTypeList[i].code == that.userModelData.service_type) {
-									that.updata.timetype = that.timeTypeList[i]
-									that.updata.timetype.ind = i;
-									break
-								}
-							}
-						}
-					}
-				).catch(
-					(res) => {
-						console.log(res);
-					}
-				)
-				getServiceTypeList().then(
-					(res) => {
-						that.typeList = res.data.list
-						if (that.type == 1) {
-							for (let i = 0; i < that.userModelData.service_project_ar.length; i++) {
-								for (let a = 0; a < that.typeList.length; a++) {
-									if (+that.typeList[a].id == +that.userModelData.service_project_ar[i].id) {
-										that.typeList[a].checked = true;
-										that.updata.checkedType.push('' + that.typeList[a].id)
-									}
-								}
-							}
-						}
-						console.log(res, '服务');
-					}
-				).catch(
-					(res) => {
-						console.log(res);
-					}
-				)
-				getUserWorkTypeList().then(
-					(res) => {
-						console.log(res);
-						that.workTypeList = res.data.list
-						if (that.type == 0) {
-							that.updata.word = that.workTypeList[0];
-						} else if (that.type == 1) {
-							for (let i = 0; i < that.workTypeList.length; i++) {
-								console.log(that.userModelData.user_work_type_id, 'word', that.workTypeList[i].id);
-								if (that.workTypeList[i].id == that.userModelData.user_work_type_id) {
-									that.updata.word = that.workTypeList[i];
-									break
-								}
-							}
-						}
-					}
-				).catch(
-					(res) => {
-						console.log(res);
-					}
-				)
-			},
-			// 跳转查看预览页面
-			look() {
-				const that = this;
-				if (!that.rendl()) {
-					return
-				}
-				const birthday = IdCard('' + that.updata.cardId, 1);
-				// 复制选中的服务数组
-				let arr = [...that.updata.checkedType]
-				let pushar = [];
-				that.typeList.forEach(
-					(re) => {
-						for (let i = 0; i < arr.length; i++) {
-							console.log(arr[i], '循环');
-							if (+arr[i] == +re.id) {
-								// 删除已选中的对象
-								arr.splice(i, 1)
-								pushar.push(re)
-								break
-							}
-						}
-					}
-				)
-
-				let data = {
-					name: that.updata.name,
-					avatar: that.updata.avatar,
-					age: IdCard(that.updata.cardId, 3),
-					twelve: getShengXiao(birthday),
-					work_year: that.updata.work_year,
-					constellation: getAstro(...(birthday.split('-'))),
-					ancestral_place: that.updata.ancestral_place,
-					minority: that.updata.minority,
-					education: that.updata.education,
-					service_area_all: that.updata.onCity.map(
-						(item) => {
-							return item.province + item.city + item.district
-						}
-					),
-					service_min_price: that.updata.minMoney,
-					service_max_price: that.updata.maxMoney,
-					service_time_type_title: that.updata.timetype.title,
-					service_intro_content: that.updata.mymask,
-					service_intro_imgs: that.updata.service_imgs,
-					service_audit_imgs: that.updata.service_audit_imgs,
-					service_project_ar: pushar,
-					is_type_audit: 1
-				}
-				uni.setStorageSync('modeldata', data)
-
-
-
-				uni.navigateTo({
-					url: '/pages/user/model/model?mtype=' + that.modelid + '&type=1'
-				})
-			},
-			// 获取用户提交数据
-			getUserCardInfo() {
-				const that = this;
-				return new Promise((resolve, reject) => {
-					getUserCardInfo().then(
-						(data) => {
-							const res = data.data;
-							// 存储返回用户数据
-							that.userModelData = res;
-							that.updata = Object.assign(that.updata, {
-								avatar: res.avatar, //用户头像
-								name: res.name, //用户名称
-								phone: res.mobile, //手机号
-								cardId: res.idcard, //身份证号
-								minMoney: res.service_min_price, //最低价
-								maxMoney: res.service_max_price, //最高价
-								time: res.birthday, //出生日期
-								onCity: res.service_area_all.map((arr) => {
-									return {
-										province: arr[0].name,
-										city: arr[1].name,
-										district: arr[2].name
-									}
-								}), //选中的城市
-								mymask: res.service_intro_content, //自评
-								imageList: res.service_intro_imgs, //自评上传图片列表
-								ancestral_place: res.ancestral_place, //籍贯
-								education: res.education, //学历
-								minority: res.minority, //民族
-
-								work_year: res.work_year, //从业时长
-								service_audit_imgs: res.service_audit_imgs, //我的证书
-								service_imgs: res.service_imgs, //服务展示
-							})
-							console.log(that.updata, 'that.updata');
-							resolve('初始化数据成功')
-						}
-					).catch(
-						(res) => {
-							reject(res)
-						}
-					)
-				})
-
-			},
-			// 选中的服务类型
-			checkTypeChange(type) {
-				this.updata.checkedType = type.detail.value;
-				console.log(type)
-			},
-			// 选中的工作类型
-			changeWorkType(type) {
-				this.updata.word = this.workTypeList[type.detail.value];
-				console.log(this.updata.word)
-			},
-			// 选择时间类型
-			changetimetype(res) {
-				this.updata.timetype = this.timeTypeList[res.detail.value];
-			},
-			// 时间选择
-			changetime(time) {
-				this.updata.time = time.detail.value;
-				console.log(time);
-			},
-			// 选择籍贯
-			changeAncestralPlace({
-				data
-			}) {
-				this.updata.ancestral_place = data[2];
-			},
-			// 选择省市区
-			onCityClick({
-				data
-			}) {
-				let address = {};
-				address.province = data[0];
-				address.city = data[1];
-				address.district = data[2];
-				this.updata.onCity.push(address)
-				console.log(this.onCity, 'cs');
-			},
-			upLoad(path) {
-				// #ifdef H5
-				console.log(path, 'h5');
-				// #endif
-				uni.showLoading({
-					title: '图片上传中',
-					mask: true
-				});
-				return new Promise((resolve, error) => {
-					uni.uploadFile({
-						url: this.baseURL + '/api/user/qiniuUpload', //仅为示例，非真实的接口地址
-						filePath: path,
-						name: 'file',
-						header: {
-							"token": uni.getStorageSync('token')
-						},
-						success: (uploadFileRes) => {
-							if ("string" === typeof uploadFileRes.data) {
-								resolve(JSON.parse(uploadFileRes.data).data)
-							} else {
-								resolve(uploadFileRes.data.data)
-							}
-						},
-						complete() {
-							uni.hideLoading()
-						}
-					});
-				})
-			},
-			// 图片裁切
-			/**
-			 * @param {Number} w 裁切宽度比例
-			 * @param {Number} h 裁切高度比例
-			 * @param {Number} mw 图片最小宽度
-			 * @param {Number} mh 图片最小高度
-			 * @param {String} url url修改
-			 */
-			navCroper(w, h, type, ind) {
-				let that = this;
-				let tt = (type == 'upimg' ? 2 : 1)
-				this.onImg(tt).then((url) => {
-					uni.navigateTo({
-						url: `../realName/cropper?width=${w}&height=${h}`,
-						events: {
-							uploadSuccess(res) {
-								that.upLoad(res).then((urldata) => {
-									console.log(urldata);
-									if (type == 'one') {
-										that.updata.avatar = urldata.img
-									} else if (type == 'all') {
-										that.updata.imageList.push(urldata.img)
-									} else if (type == 'tab') {
-										that.updata.imageList.splice(ind, 1, urldata.img)
-									} else if (type == 'audit') {
-										that.updata.service_audit_imgs.splice(ind, 1, urldata.img)
-									} else if (type == 'auditall') {
-										that.updata.service_audit_imgs.push(urldata.img)
-									} else if (type == 'service') {
-										that.updata.service_imgs.splice(ind, 1, urldata.img)
-									} else if (type == 'serviceall') {
-										that.updata.service_imgs.push(urldata.img)
-									}
-								})
-							}
-						},
-						success: function(res) {
-							// 通过eventChannel向被打开页面传送数据
-							res.eventChannel.emit('urlNext', {
-								url
-							})
-						}
-					})
-				})
-			},
-			onImg(type) {
-				const _this = this
-				return new Promise((ok, erro) => {
-					// 判断是否需要选择
-					if (type == 1) {
-						uni.showActionSheet({
-							itemList: ['拍照', '选择一张照片'],
-							success: function(res) {
-								_this.chooseImage(res.tapIndex).then((url) => {
-									ok(url)
-								}).catch((res) => {
-									erro(res)
-								})
-							},
-							fail: function(res) {
-								erro(res)
-								console.log(res.errMsg);
-							}
-						});
-					}
-					// 判断是否只需要拍照
-					if (type == 2) {
-						_this.chooseImage(0).then((url) => {
-							ok(url)
-						}).catch((res) => {
-							erro(res)
-						})
-					}
-				})
-
-			},
-			chooseImage: function(index) {
-				const _this = this
-				return new Promise((ok, error) => {
-					// 从相册/相机选择
-					// 如需直接开相机或直接选相册，请只使用一个选项
-					const sourceType = index === 0 ? ['camera'] : ['album']
-					uni.chooseImage({
-						count: 1, //默认9
-						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
-						sourceType: sourceType,
-						success: function(res) {
-							ok(res.tempFilePaths[0])
-						},
-						fail(e) {
-							uni.showModal({
-								title: '文件打开错误',
-								content: '请设置授权文件存储权限',
-								showCancel: false,
-							});
-							error(e)
-						}
-					});
-				})
-			},
-			// 实名认证
-			confirm(e) {
-				const that = this;
-				if (!that.rendl()) {
-					return
-				}
-				that.loding = true;
-				subInfoAudit({
-						avatar: that.updata.avatar,
-						name: that.updata.name,
-						mobile: that.updata.phone,
-						idcard: that.updata.cardId,
-						service_type: that.updata.timetype.code,
-						service_min_price: that.updata.minMoney,
-						service_max_price: that.updata.maxMoney,
-						service_area: that.updata.onCity.map((arr) => {
-							return arr.district
-						}),
-						service_project: that.updata.checkedType,
-						service_intro_content: that.updata.mymask,
-						service_intro_imgs: that.updata.imageList,
-						work_year: that.updata.work_year,
-						ancestral_place: that.updata.ancestral_place,
-						education: that.updata.education,
-						minority: that.updata.minority,
-						service_audit_imgs: that.updata.service_audit_imgs,
-						service_imgs: that.updata.service_imgs,
-						user_work_type_id: that.updata.word.id,
-					})
-					.then((e) => {
-						that.loding = false;
-						this.$api.msg(e.msg);
-					})
-					.catch(err => {
-						this.loding = false;
-						console.log(err);
-					});
-			},
-			// 认证
-			rendl() {
-				const that = this;
-				if (!that.updata.avatar) {
-					uni.showModal({
-						title: '错误',
-						content: '请上传头像',
-						showCancel: false,
-					});
-					return false
-				}
-
-				if (!that.updata.name) {
-					uni.showModal({
-						title: '错误',
-						content: '请填写姓名',
-						showCancel: false,
-					});
-					return false
-				}
-				if (!that.updata.cardId) {
-					uni.showModal({
-						title: '错误',
-						content: '请填写身份证号',
-						showCancel: false,
-					});
-					return
-				} else if (!isCardNo(that.updata.cardId)) {
-					uni.showModal({
-						title: '错误',
-						content: '请填写正确的身份证号',
-						showCancel: false,
-					});
-					return false
-				}
-				if (!that.updata.phone) {
-					uni.showModal({
-						title: '错误',
-						content: '请填写手机号',
-						showCancel: false,
-					});
-					return false
-				}
-				if (!that.updata.timetype.code) {
-					uni.showModal({
-						title: '错误',
-						content: '请选择收费时间类型',
-						showCancel: false,
-					});
-					return false
-				}
-				if (!that.updata.minMoney) {
-					uni.showModal({
-						title: '错误',
-						content: '请填写最低收费价',
-						showCancel: false,
-					});
-					return false
-				}
-				if (!that.updata.maxMoney) {
-					uni.showModal({
-						title: '错误',
-						content: '请填写最高收费价',
-						showCancel: false,
-					});
-					return false
-				}
-				if (that.updata.onCity.length == 0) {
-					uni.showModal({
-						title: '错误',
-						content: '请选择服务区域',
-						showCancel: false,
-					});
-					return false
-				}
-				if (that.updata.checkedType.length == 0) {
-					uni.showModal({
-						title: '错误',
-						content: '请选择服务内容',
-						showCancel: false,
-					});
-					return false
-				}
-				return true
-			}
-		}
-	};
-</script>
-
-<style lang="scss">
-	.content,
-	page {
-		min-height: 100%;
-	}
-
-	.content {
-		padding-bottom: 150rpx;
-	}
-
-	.item-name {
-		margin: $page-row-spacing;
-		font-size: $font-lg;
-		font-weight: bold;
-		color: $font-color-dark;
-	}
-
-	.con_box {
-		margin: $page-row-spacing;
-
-		.con_image {
-			width: 150rpx;
-			height: 150rpx;
-			display: inline-block;
-			margin-right: 20rpx;
-			position: relative;
-
-			.img {
-				width: 100%;
-				height: 100%;
-			}
-
-			.tip {
-				position: absolute;
-				top: -10rpx;
-				right: -10rpx;
-				width: 30rpx;
-				height: 30rpx;
-				background-color: #FFF;
-				border-radius: 99rpx;
-			}
-		}
-	}
-
-	.listBox {
-		margin: $page-row-spacing;
-		margin-top: 30rpx;
-		border-radius: 20rpx;
-		overflow: hidden;
-		background-color: #FFFFFF;
-	}
-
-	.list {
-		.input {
-			text-align: right;
-			font-size: $font-base;
-			color: $color-gray;
-			width: 100%;
-		}
-
-		.listItem {
-			padding: 35rpx 40rpx;
-			border-bottom: 1px solid $page-color-light;
-			.textarea{
-				font-size: $font-base;
-				width: 100%;
-				word-wrap: break-word;
-				white-space: pre-line;
-				min-height: 9rem;
-				
-			}
-			/deep/ .textareaplaceholder{
-				word-wrap: break-word;
-				white-space: pre-line;
-			}
-		}
-
-		.listIconImg {
-			width: 36rpx;
-		}
-
-		.right {
-			color: $font-color-light;
-			font-size: $font-base;
-			flex-grow: 1;
-			justify-content: flex-end;
-
-			.timetype {
-				width: 100%;
-				justify-content: flex-end;
-			}
-
-			.citylist {
-				.del {
-					color: $color-red;
-					font-size: $font-sm;
-					border: 1px solid $color-red;
-					border-radius: 10rpx;
-					line-height: 1;
-					padding: 5rpx 15rpx;
-				}
-			}
-
-			.img {
-				width: 26rpx;
-			}
-
-			.buttom {
-				color: $base-color;
-				border: 1px solid $base-color;
-				border-radius: 10rpx;
-				line-height: 1;
-				padding: 10rpx 20rpx;
-			}
-		}
-
-		.titleBox {
-			.title {
-				color: $font-color-base;
-				font-size: $font-base;
-			}
-		}
-	}
-
-	.bg-gray {
-		background-color: $color-gray;
-	}
-
-	.base-buttom {
-		position: fixed;
-		bottom: 0rpx;
-		right: 0rpx;
-		left: 0rpx;
-		margin: 0;
-		padding: 0;
-		height: 100rpx;
-		border-radius: 0;
-
-		.updata,
-		.ylan {
-			width: 50%;
-			height: 100%;
-			justify-content: center;
-		}
-
-		.ylan {
-			background-color: #FFF;
-			color: $font-color-dark;
-		}
-	}
-</style>

pages/user/model/mymodellist.vue

@@ -1,203 +0,0 @@
-<template>
-	<view class="indexBox">
-		<view class="hot-list-box">
-			<view class="list-box">
-				<view class="list" @click="navTo('/pages/user/model/model?mtype=' + item.show_template_id + '&type=3')"
-					v-for="(item,index) in navList.orderList">
-					<view class="list-image-box">
-						<image class="list-image" :src="item.img" mode="widthFix"></image>
-					</view>
-					<view class="list-content">
-						<view class="list-title clamp">
-							{{item.title}}
-						</view>
-						<view v-if="item.is_default==0" class="list-money action" @click.stop="setmodel(item)">
-							设为默认
-						</view>
-						<view v-else class="list-money" @click.stop="">
-							默认模板
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-		<uni-load-more :status="navList.loadingType"></uni-load-more>
-	</view>
-</template>
-
-<script>
-	import {
-		mapState,
-		mapMutations
-	} from 'vuex';
-	import {
-		share
-	} from '@/api/wx';
-	import {
-		userShowTemplateList,
-		setShowTemplate
-	} from '@/api/model.js';
-	export default {
-		data() {
-			return {
-				// 商品列表
-				navList: {
-					state: 1,
-					loadingType: 'more',
-					orderList: [],
-					page: 1, //当前页数
-					limit: 10, //每次信息条数
-					count: 0, //总消息条数
-				},
-			};
-		},
-		onLoad: function(option) {
-			this.getList();
-		},
-		// 滚动到底部
-		onReachBottom() {
-			this.getList();
-		},
-		methods: {
-			// 设为默认
-			setmodel(item) {
-				setShowTemplate({
-						show_template_id: item.show_template_id
-					})
-					.then((res) => {
-						item.is_default=1;
-						uni.showToast({
-							title:res.msg
-						})
-					})
-					.catch(e => {
-
-					});
-			},
-			// 获取模板列表
-			getList(source) {
-				//这里是将订单挂载到tab列表下
-				let navItem = this.navList;
-				let state = navItem.state;
-				if (source === 'tabChange' && navItem.loaded === true) {
-					//tab切换只有第一次需要加载数据
-					return;
-				}
-				if (navItem.loadingType === 'loading') {
-					//防止重复加载
-					return;
-				}
-				if (navItem.loadingType === 'noMore') {
-					//防止重复加载
-					return;
-				}
-				// 修改当前对象状态为加载中
-				navItem.loadingType = 'loading';
-				userShowTemplateList({
-						page: navItem.page,
-						pageSize: navItem.limit
-					})
-					.then(({
-						data
-					}) => {
-						let arr = data.list.map(e => {
-							return e;
-						});
-						navItem.orderList = navItem.orderList.concat(arr);
-						navItem.page++;
-						if (navItem.limit == arr.length) {
-							//判断是否还有数据， 有改为 more， 没有改为noMore
-							navItem.loadingType = 'more';
-							return;
-						} else {
-							//判断是否还有数据， 有改为 more， 没有改为noMore
-							navItem.loadingType = 'noMore';
-						}
-						uni.hideLoading();
-						this.$set(navItem, 'loaded', true);
-					})
-					.catch(e => {
-						console.log(e);
-					});
-
-			},
-			navTo(url) {
-				if (url) {
-					if (url.indexOf('http') > -1) {
-						// #ifdef H5
-						window.location.href = url
-						// #endif
-						// #ifdef APP
-						plus.runtime.openURL(url)
-						// #endif
-					} else {
-						uni.navigateTo({
-							url: url
-						})
-					}
-				}
-			}
-		},
-	};
-</script>
-
-<style lang="scss">
-	page,
-	.indexBox {
-		height: auto;
-		min-height: 100%;
-	}
-
-	.hot-list-box {
-		padding: $page-row-spacing;
-		padding-bottom: 0;
-
-		.list-box {
-			display: flex;
-			flex-wrap: wrap;
-			justify-content: space-between;
-			align-items: flex-start;
-			padding-bottom: 20rpx;
-
-			.list {
-				box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
-				border-radius: 15rpx;
-
-				.list-image-box {
-					width: 330rpx;
-					height: 420rpx;
-					overflow: hidden;
-
-					.list-image {
-						width: 100%;
-					}
-				}
-
-				.list-content {
-					padding: 20rpx;
-					line-height: 1;
-
-					.list-title {
-						color: $font-color-dark;
-						font-size: $font-base;
-						margin-bottom: 10rpx;
-					}
-
-					.list-money {
-						border-radius: 10rpx;
-						padding: 20rpx 20rpx;
-						background: linear-gradient(to bottom, #ff629f, rgba(255, 98, 159, 0.5));
-						text-align: center;
-						font-size: $font-lg;
-						font-weight: bold;
-						color: #FFFFFF;
-						&.action{
-							background: #FFFFFF;
-							color: $font-color-dark;
-						}
-					}
-				}
-			}
-		}
-	}
-</style>

pages/user/model/phb.vue

@@ -1,318 +0,0 @@
-<template>
-	<view class="content">
-		<view class="nav flex">
-			<view class="nav-item" v-for="(item,index) in navList" @click="navClick(index)"
-				:class="{'action': index == currentIndex}">
-				{{item.title}}
-			</view>
-		</view>
-		<image :src="top_bg" mode="" class="top-bg"></image>
-		<view class="bd-wrap flex">
-			<view class="bd">
-				<image :src="tit_bg" mode="widthFix" class="bd-tit"></image>
-				<view class="bd-top flex">
-					<view class="top-item">
-						<view class="top-logo yp">
-							
-						</view>
-						<view class="top-name">
-							李小图
-						</view>
-						<view class="top-visit">
-							86.4W
-						</view>
-					</view>
-					<view class="top-item-center">
-						<view class="top-logo  jp">
-							
-						</view>
-						<view class="top-name">
-							李小图
-						</view>
-						<view class="top-visit">
-							86.4W
-						</view>
-					</view>
-					<view class="top-item">
-						<view class="top-logo tp">
-							
-						</view>
-						<view class="top-name">
-							李小图
-						</view>
-						<view class="top-visit">
-							86.4W
-						</view>
-					</view>
-				</view>
-				<view class="bd-btm-item flex" v-for="item in 3">
-					<image src="" mode="" class="item-img"></image>
-					<view class="flex item-info">
-						<view class="item-name">
-							杨阿姨 <image :src="rz" mode=""></image>
-						</view>
-						<view class="item-zy">
-							育儿嫂
-						</view>
-						<view class="item-where">
-							48岁 丨 甘肃人
-						</view>
-						<view class="" style="flex-grow: 1;">
-							
-						</view>
-						<view class="item-vist">
-							浏览量:2362
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="" style="height: 60rpx;">
-
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				top_bg: this.$store.state.baseURL + '/resource/icon/base/phb-bg.png',
-				tit_bg: this.$store.state.baseURL + '/resource/icon/llph.png',
-				rz: this.$store.state.baseURL + '/resource/icon/rz.png',
-				navList: [{
-					title: '周排行',
-					state: 0
-				}, {
-					title: '月排行',
-					state: 1
-				}],
-				currentIndex: 0,
-			}
-		},
-		onLoad() {
-
-		},
-		onShow() {
-			console.log(this.$store.state.baseURL)
-		},
-		onReachBottom() {
-
-		},
-		onReady() {
-
-		},
-		methods: {
-			navClick(index) {
-				this.currentIndex = index
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	page,
-	.content {
-		height: auto;
-		min-height: 100%;
-		background-color: #900408;
-	}
-
-	.nav {
-		width: 750rpx;
-		height: 88rpx;
-
-		.nav-item {
-			line-height: 88rpx;
-			width: 50%;
-			text-align: center;
-			font-size: 30rpx;
-			font-weight: 500;
-			color: #333333;
-			height: 100%;
-		}
-
-		.action {
-			font-weight: bold;
-			position: relative;
-
-			&::after {
-				content: '';
-				width: 50rpx;
-				height: 6rpx;
-				background: #FE5B38;
-				border-radius: 3rpx;
-				position: absolute;
-				left: 0;
-				right: 0;
-				bottom: 6rpx;
-				margin: auto;
-			}
-		}
-
-		background-color: #fff;
-	}
-
-	.top-bg {
-		width: 750rpx;
-		height: 742rpx;
-	}
-
-	.bd-wrap {
-		width: 699rpx;
-		background: #F6E7E4;
-		border-radius: 14rpx;
-		justify-content: center;
-		margin: -150rpx auto 0;
-		position: relative;
-		padding: 16rpx;
-		.bd {
-			width: 666rpx;
-			background: #FFFFFF;
-			border: 2px solid #A30F0E;
-			border-radius: 14rpx;
-			position: relative;
-			padding: 35rpx;
-			.bd-tit {
-				width: 443rpx;
-				height: 69rpx;
-				position: absolute;
-				top: -35rpx;
-				left: 0;
-				right: 0;
-				margin: auto;
-			}
-			.bd-top {
-				height: 376rpx;
-				width: 100%;
-				
-				padding-bottom: 47rpx;
-				.jp,.yp,.tp {
-					&::after {
-						content: '';
-						width: 58rpx;
-						height: 66rpx;
-						position: absolute;
-						position: absolute;
-						bottom: 10rpx;
-						right: -10rpx;
-						z-index: 999;
-					}
-				}
-				.jp {
-					&::after {
-						
-						background: url($base-url + '/resource/icon/jp.png') no-repeat;
-						background-size: 100% 100%;
-					}
-				}
-				.yp {
-					&::after {
-						right: -15rpx;
-						background: url($base-url + '/resource/icon/yp.png') no-repeat;
-						background-size: 100% 100%;
-					}
-				}
-				.tp {
-					&::after {
-						right: -15rpx;
-						background: url($base-url + '/resource/icon/tp.png') no-repeat;
-						background-size: 100% 100%;
-					}
-				}
-				.top-item, .top-item-center {
-					height: 100%;
-					display: flex;
-					flex-direction: column;
-					justify-content: flex-end;
-					align-items: center;
-					.top-logo {
-						border-radius: 50%;
-						border: #900408 1px solid;
-						position: relative;
-					}
-					.top-name {
-						font-size: 26rpx;
-						font-weight: bold;
-						color: #A30F0E;
-						margin: 15rpx 0;
-					}
-					.top-visit {
-						font-size: 22rpx;
-						font-weight: bold;
-						color: #171717;
-					}
-				}
-				.top-item {
-					flex-grow: 3;
-					.top-logo {
-						width: 139rpx;
-						height: 139rpx;
-					}
-				}
-				.top-item-center {
-					flex-grow: 4;
-					.top-logo {
-						width: 198rpx;
-						height: 197rpx;
-					}
-				}
-			}
-			.bd-btm-item {
-				height: 260rpx;
-				border-top:  #f2f2f2 1px solid;
-				justify-content: flex-start;
-				.item-info {
-					height: 100%;
-					flex-grow: 1;
-					flex-direction: column;
-					justify-content: flex-start;
-					align-items: flex-start;
-					padding: 34rpx 0 21rpx;
-					
-					.item-name {
-						font-size: 31rpx;
-						font-weight: bold;
-						color: #333333;
-						display: flex;
-						align-items: center;
-						justify-content: flex-start;
-						image {
-							width: 100rpx;
-							height: 30rpx;
-							margin-left: 10rpx;
-						}
-					}
-					.item-zy {
-						padding: 6rpx 20rpx;
-						background: #fee7e4;
-						border-radius: 5rpx;
-						font-size: 22rpx;
-						font-weight: 500;
-						color: #F86859;
-						margin: 16rpx 0 20rpx;
-					}
-					.item-vist,.item-where {
-						font-weight: 500;
-						color: #969696;
-					}
-					.item-vist {
-						font-size: 22rpx;
-						justify-items: flex-end;
-					}
-					.item-where {
-						font-size: 24rpx;
-					}
-				}
-				.item-img {
-					flex-shrink: 0;
-					width: 160rpx;
-					height: 220rpx;
-					margin-right: 22rpx;
-					background-color: #eee;
-				}
-				
-			}
-		}
-	}
-</style>

pages/user/model/shoprz.vue

@@ -1,333 +0,0 @@
-<template>
-	<view class="content ">
-		<view class="item-name">
-			工资认证
-		</view>
-		<view class="listBox">
-			<view class="con_box">
-				<view class="tip">
-					请上传最近3单工资证明
-				</view>
-				<view class="con_image" v-for="(item,ind) in updata.service_audit_imgs">
-					<image class="img" @click="navCroper(400,400,'audit',ind)"
-						:src="item"></image>
-					<image @click="updata.service_audit_imgs.splice(ind,1)" class="tip" src="../../../static/icon/goodsExit.png" mode="scaleToFill"></image>
-				</view>
-				<view class="con_image">
-					<image class="img" @click="navCroper(400,400,'auditall')"
-						src="../../../static/image/upImg.png"></image>
-				</view>
-			</view>
-		</view>
-		<view class="base-buttom" :class="{ 'bg-gray': loding }" @click="loding ? '' : confirm()">提交</view>
-	</view>
-</template>
-
-<script>
-	import {
-		subTypeAudit
-	} from '@/api/model.js';
-
-	import {
-		mapState
-	} from "vuex"
-	export default {
-		data() {
-			return {
-				// 上传数据
-				updata:{
-					service_audit_imgs: [], //服务图片
-				},
-				loding: false, //是否载入中
-
-			};
-		},
-		onLoad(options) {
-			this.init()
-		},
-		computed: {
-			// #ifdef H5
-			...mapState(['urlFile']),
-			// #endif
-			...mapState(['baseURL']),
-		},
-		methods: {
-			// 初始化
-			init() {
-				const that = this;
-			},
-			upLoad(path) {
-				// #ifdef H5
-				console.log(path, 'h5');
-				// #endif
-				uni.showLoading({
-					title: '图片上传中',
-					mask: true
-				});
-				return new Promise((resolve, error) => {
-					uni.uploadFile({
-						url: this.baseURL + '/api/user/qiniuUpload', //仅为示例，非真实的接口地址
-						filePath: path,
-						name: 'file',
-						header: {
-							"token": uni.getStorageSync('token')
-						},
-						success: (uploadFileRes) => {
-							if ("string" === typeof uploadFileRes.data) {
-								resolve(JSON.parse(uploadFileRes.data).data)
-							} else {
-								resolve(uploadFileRes.data.data)
-							}
-						},
-						complete() {
-							uni.hideLoading()
-						}
-					});
-				})
-			},
-			// 图片裁切
-			/**
-			 * @param {Number} w 裁切宽度比例
-			 * @param {Number} h 裁切高度比例
-			 * @param {Number} mw 图片最小宽度
-			 * @param {Number} mh 图片最小高度
-			 * @param {String} url url修改
-			 */
-			navCroper(w, h, type, ind) {
-				let that = this;
-				let tt = (type == 'upimg' ? 2 : 1)
-				this.onImg(tt).then((url) => {
-					uni.navigateTo({
-						url: `../realName/cropper?width=${w}&height=${h}`,
-						events: {
-							uploadSuccess(res) {
-								that.upLoad(res).then((urldata) => {
-									 if (type == 'audit') {
-										that.updata.service_audit_imgs.splice(ind, 1, urldata.img)
-									}else if (type == 'auditall') {
-										that.updata.service_audit_imgs.push( urldata.img)
-									}
-								})
-							}
-						},
-						success: function(res) {
-							// 通过eventChannel向被打开页面传送数据
-							res.eventChannel.emit('urlNext', {
-								url
-							})
-						}
-					})
-				})
-			},
-			onImg(type) {
-				const _this = this
-				return new Promise((ok, erro) => {
-					// 判断是否需要选择
-					if (type == 1) {
-						uni.showActionSheet({
-							itemList: ['拍照', '选择一张照片'],
-							success: function(res) {
-								_this.chooseImage(res.tapIndex).then((url) => {
-									ok(url)
-								}).catch((res) => {
-									erro(res)
-								})
-							},
-							fail: function(res) {
-								erro(res)
-								console.log(res.errMsg);
-							}
-						});
-					}
-					// 判断是否只需要拍照
-					if (type == 2) {
-						_this.chooseImage(0).then((url) => {
-							ok(url)
-						}).catch((res) => {
-							erro(res)
-						})
-					}
-				})
-
-			},
-			chooseImage: function(index) {
-				const _this = this
-				return new Promise((ok, error) => {
-					// 从相册/相机选择
-					// 如需直接开相机或直接选相册，请只使用一个选项
-					const sourceType = index === 0 ? ['camera'] : ['album']
-					uni.chooseImage({
-						count: 1, //默认9
-						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
-						sourceType: sourceType,
-						success: function(res) {
-							ok(res.tempFilePaths[0])
-						},
-						fail(e) {
-							uni.showModal({
-								title: '文件打开错误',
-								content: '请设置授权文件存储权限',
-								showCancel: false,
-							});
-							error(e)
-						}
-					});
-				})
-
-			},
-
-			// 实名认证
-			confirm(e) {
-				const that = this;
-				if (that.updata.service_audit_imgs.length==0) {
-					uni.showModal({
-						title: '错误',
-						content: '请上传工资截图',
-						showCancel: false,
-					});
-					return
-				}
-				that.loding = true;
-				subTypeAudit({
-						service_audit_imgs:that.updata.service_audit_imgs
-					})
-					.then((e) => {
-						that.loding = false;
-						this.$api.msg(e.msg);
-					})
-					.catch(err => {
-						this.loding = false;
-						console.log(err);
-					});
-			}
-		}
-	};
-</script>
-
-<style lang="scss">
-	.content,
-	page {
-		min-height: 100%;
-	}
-
-	.content {
-		padding-bottom: 150rpx;
-	}
-
-	.item-name {
-		margin: $page-row-spacing;
-		font-size: $font-lg;
-		font-weight: bold;
-		color: $font-color-dark;
-	}
-
-	.con_box {
-		margin: $page-row-spacing;
-		.tip{
-			color: #999999;
-			font-size: $font-base;
-			margin-bottom: 20rpx;
-		}
-		.con_image {
-			width: 150rpx;
-			height: 150rpx;
-			display: inline-block;
-			margin-right: 20rpx;
-			position: relative;
-
-			.img {
-				width: 100%;
-				height: 100%;
-			}
-
-			.tip {
-				position: absolute;
-				top: -10rpx;
-				right: -10rpx;
-				width: 30rpx;
-				height: 30rpx;
-				background-color: #FFF;
-				border-radius: 99rpx;
-			}
-		}
-	}
-
-	.listBox {
-		margin: $page-row-spacing;
-		margin-top: 30rpx;
-		border-radius: 20rpx;
-		overflow: hidden;
-		background-color: #FFFFFF;
-	}
-
-	.list {
-		.input {
-			text-align: right;
-			font-size: $font-base;
-			color: $color-gray;
-			width: 100%;
-		}
-
-		.listItem {
-			padding: 35rpx 40rpx;
-			border-bottom: 1px solid $page-color-light;
-		}
-
-		.listIconImg {
-			width: 36rpx;
-		}
-
-		.right {
-			color: $font-color-light;
-			font-size: $font-base;
-			flex-grow: 1;
-			justify-content: flex-end;
-
-			.timetype {
-				width: 100%;
-				justify-content: flex-end;
-			}
-
-			.citylist {
-				.del {
-					color: $color-red;
-					font-size: $font-sm;
-					border: 1px solid $color-red;
-					border-radius: 10rpx;
-					line-height: 1;
-					padding: 5rpx 15rpx;
-				}
-			}
-
-			.img {
-				width: 26rpx;
-			}
-
-			.buttom {
-				color: $base-color;
-				border: 1px solid $base-color;
-				border-radius: 10rpx;
-				line-height: 1;
-				padding: 10rpx 20rpx;
-			}
-		}
-
-		.titleBox {
-			.title {
-				color: $font-color-base;
-				font-size: $font-base;
-			}
-		}
-	}
-
-	.bg-gray {
-		background-color: $color-gray;
-	}
-
-	.base-buttom {
-		position: fixed;
-		bottom: 30rpx;
-		right: 0rpx;
-		left: 0rpx;
-	}
-</style>