update

mobile-code/src/components/app-textarea.vue

@@ -95,7 +95,7 @@ export default {
 	.app {
 		width: 100%;
 		height: 100%;
-		line-height: 1;
+		// line-height: 1;
 		display: inline-block;
 		& .textarea-input {
 			width: 100%;
@@ -119,18 +119,18 @@ export default {
 				word-wrap: break-word;
 				word-break: break-all;
 				white-space: pre-wrap;
-				line-height: 33px;
+				// line-height: 33px;
 			}
 			& .textarea-placeholder {
 				display: inline-block;
 				font-size: 28px;
-				color: #797979;
+				color: #ccc;
 				vertical-align: middle;
 			}
 		}
 	}
 	.placeholder {
 		font-size: 28px;
-		color: #797979;
+		color: #ccc;
 	}
 </style>

mobile-code/src/components/app-uploader.vue

@@ -4,26 +4,14 @@
 			<ul>
 				<li class="list_img" v-for="(item,index) in showImgList" :key="index"
 					:style="{ width: size + 'rpx', height: size + 'rpx' }">
-					<view class="iconfont icondelete" @click="delImg(index)" v-if='!disableds'></view>
-					<image :src="http+item.url" @click="viewImg(item.url)"
-						   :style="{ width: size + 'rpx', height: size + 'rpx' }"></image>
+					<view class="iconfont icondelete" @click="delImg(index)"></view>
+					<image :src="item" @click="viewImg(item)"
+						   :style="{ width: size + 'rpx', height: size + 'rpx' }" :mode="imgMode" ></image>
 				</li>
-				<div v-if='!disableds'>
-						<li v-if="showImgList.length < num" class="uploadImg" @click="chooseImage"
-							:style="{ width: size + 'rpx', height: size + 'rpx' }">
-							<view class="iconfont">&#xe716;</view>
-						</li>
-				</div>
-				<div v-if='disableds'>
-					<li v-if="showImgList.length < num" class="uploadImg"
-						:style="{ width: size + 'rpx', height: size + 'rpx' }">
-						<view class="iconfont">&#xe716;</view>
-					</li>
-				</div>
-				<!-- <li v-if="(showImgList.length < num)&&(disabled==false)" class="uploadImg" @click="chooseImage"
+				<li v-if="showImgList.length < num" class="uploadImg" @click="chooseImage"
 					:style="{ width: size + 'rpx', height: size + 'rpx' }">
-					<view class="iconfont">&#xe716;</view>
-				</li> -->
+					<view class="iconfont icontupiantianjia"></view>
+				</li>
 			</ul>
 		</div>
 	</view>
@@ -31,7 +19,7 @@
 <script>
 import { uploadPic } from '@/api/common'
 export default {
-	name: 'App_uploader',
+	name: 'app-uploader',
 	props: {
 		// 传入的图片数组
 		imgList: {
@@ -79,20 +67,23 @@ export default {
 		},
 		multiple: { // 是否多图上传
 			type: Boolean,
-			default: false
+			default: true
 		},
 		disabled: {  // 是否只读
 			type: Boolean,
 			default: false
+		},
+		// 图片展示模式
+		imgMode: {
+			type: String,
+			default: 'scaleToFill'
 		}
 	},
 	data() {
 		return {
 		    showImgList: [],
 			base64ImgList: [],
-			xssarr: ['data:', 'text', 'txt', 'html', 'js', 'css', 'json', 'exe', 'sql', 'xml', 'doc', 'docx'],
-			disableds: true,
-			http: this.$constant.formal
+			xssarr: ['data:', 'text', 'txt', 'html', 'js', 'css', 'json', 'exe', 'sql', 'xml', 'doc', 'docx']
 		}
 	},
 	onLoad() {
@@ -109,8 +100,6 @@ export default {
 			uni.removeStorageSync(this.saveStr)
 		}
 		this.showImgList = [...this.imgList]
-		// this.showImgList = this.imgList
-		// console.log('组件',this.imgList)
 	},
 	methods: {
 		chooseImage: async function() {
@@ -134,8 +123,7 @@ export default {
 		    let base64ImgList = that.base64ImgList
 			let params = {}
 			if (base64ImgList.length === 1) {
-				// params['file[content]'] = base64ImgList[0]
-				params.coding = base64ImgList[0]
+				params['file[content]'] = base64ImgList[0]
 			} else {
 				base64ImgList.forEach((item, index) => {
 					params[`file[${index}][content]`] = item
@@ -147,40 +135,21 @@ export default {
 					relative_path: 1
 				}).then(res => {
 					if (res.status === 'success') {
-						uni.hideLoading()
-						let imgs = {}
-						imgs.url = res.data.upload_file_dir
-						imgs.urls = res.data.url
 						that.showImgList = [
-						    ...that.showImgList
+						    ...that.showImgList,
+							...res.data.image_url.reverse()
 						]
-						that.showImgList.unshift(imgs)
-						let showing = that.showImgList
-						let imgbox = []
-						showing.map((item, index) => {
-							let imgs = {}
-							if (item.url) {
-								imgs.url = item.url
-								// imgs.urls = that.$constant.formal + item.url
-							} else {
-								imgs.url = item
-								// imgs.urls = that.$constant.formal +item
-							}
-							imgbox.push(imgs)
-						})
-						that.showImgList = imgbox
-						this.$emit('currentUpload', imgs)
+						this.$emit('currentUpload', res.data.image_url.reverse())
 						this.$emit('getResult', that.showImgList)
 						resolve(that.showImgList)
 					} else {
-						uni.hideLoading()
 						reject(res)
 					}
 				})
 			})
 		},
 		// 转64
-		async	blobToBase64(tempFilePaths) {
+		async blobToBase64(tempFilePaths) {
 			let that = this
 			that.base64ImgList = []
 			let newImgList = [...tempFilePaths]
@@ -284,14 +253,15 @@ export default {
 			for (let i = 0; i < tempFiles.length; i++) {
 				// 大于1.5m就不让上传
 				let fileSize =	tempFiles[i].size
-				if (fileSize > 1024 * 1024 * 20) {
-					// uni.showToast({
-					// 	title: '上传图片不能大于10M',
-					// 	duration: 2000,
-					// 	icon: 'none'
-					// })
+				if (fileSize > 1024 * 1024 * 1.5) {
+					uni.showToast({
+						title: '过滤不能大于1.5m的文件',
+						duration: 2000,
+						icon: 'none'
+					})
 					continue
 				}
+
 				// 文件类型设置
 				let spl = tempFiles[i].path.split('.')
 				let fileType = spl[spl.length - 1]
@@ -303,15 +273,12 @@ export default {
 					})
 					continue
 				}
+
 				newtempFiles.push(tempFiles[i])
 				newtempFilePaths.push(tempFilePaths[i])
 			}
 			res.tempFiles = newtempFiles
 			res.tempFilePaths = newtempFilePaths
-			uni.showLoading({
-				title: '图片上传中...',
-				mask: true
-			})
 			// console.log('过滤完了')
 		},
 		// 删除
@@ -331,11 +298,9 @@ export default {
 		},
 		// 预览
 		viewImg(path) {
-			let arr = []
-			arr[0] = this.$constant.formal + path
 			uni.previewImage({
-				urls: arr,
-				current: this.$constant.formal + path
+				urls: this.showImgList,
+				current: path
 			})
 		},
 		// 获取图片信息
@@ -377,6 +342,9 @@ export default {
 
 	.upload-box {
 		padding: 0 30px;
+		&:first-child {
+			padding-left: 0;
+		}
 
 		& > ul {
 			display: inline-block;

mobile-code/src/pages.json

@@ -111,6 +111,29 @@
 					}
 				}
 			]
+		},
+		{
+			"root": "pages/staff",
+			"pages": [
+				{
+					"path": "list",
+					"style": {
+						"navigationBarTitleText": "员工管理"
+					}
+				},
+				{
+					"path": "add",
+					"style": {
+						"navigationBarTitleText": "添加员工"
+					}
+				},
+				{
+					"path": "sel-member",
+					"style": {
+						"navigationBarTitleText": "客户列表"
+					}
+				}
+			]
 		}
 	],
 	"globalStyle": {

mobile-code/src/pages/ad/add.vue

@@ -1,68 +1,176 @@
 <template>
 	<div class="app-content">
-        <!-- 广告信息 -->
+		<!-- 广告信息 -->
 		<div class="module-com input-line-wrap">
 			<tui-list-cell class="line-cell" :hover="false">
-				<div class="tui-title">广告图名称</div>
+				<div class="tui-title required">广告图名称</div>
 				<input v-model="form.receiveUserName" placeholder-class="phcolor" class="tui-input" name="name" placeholder="请输入姓名" maxlength="50" type="number" />
 			</tui-list-cell>
 			<tui-list-cell class="line-cell" :arrow="true">
-				<div class="tui-title">开始时间</div>
+				<div class="tui-title required">开始时间</div>
 				<picker mode="date" :value="form.reachTime" @change="selTimeFn" class="tui-input">
 					<div v-if="form.reachTime">{{ form.reachTime }}</div>
 					<div class="tui-placeholder" v-else>请选择</div>
 				</picker>
 			</tui-list-cell>
 			<tui-list-cell class="line-cell" :arrow="true">
-				<div class="tui-title">到期时间</div>
+				<div class="tui-title required">到期时间</div>
 				<picker mode="date" :value="form.reachTime" @change="selTimeFn" class="tui-input">
 					<div v-if="form.reachTime">{{ form.reachTime }}</div>
 					<div class="tui-placeholder" v-else>请选择</div>
 				</picker>
 			</tui-list-cell>
-			<tui-list-cell class="line-cell between" :hover="false" @click="selRegionFn">
+			<tui-list-cell class="line-cell between switch" padding="14rpx 30rpx" :hover="false">
 				<div class="tui-title">马上开启</div>
-				<div class="">
-				    <switch checked @change="switchChangeFn" />
-                </div>
+				<div>
+					<switch checked @change="switchChangeFn" />
+				</div>
 			</tui-list-cell>
 		</div>
-        <!--  -->
+		<!-- 广告图片 -->
+		<div class="module-com input-line-wrap">
+			<tui-list-cell class="line-img-wrap" :hover="false">
+				<div>
+					<span class="ad-name required">广告图片</span>
+					<span class="app-color-3 app-size-24">只能上传jpg/png格式</span>
+				</div>
+				<div class="line-img">
+					<app-uploader @chooseImage="chooseUploader" :multiple="false" ref="appUploader" :imgList.sync="imgList" />
+				</div>
+			</tui-list-cell>
+		</div>
+		<!-- 链接方式 -->
 		<div class="module-com input-line-wrap">
 			<tui-list-cell class="line-cell" :hover="false">
-				<div class="tui-title">广告图名称</div>
-				<input v-model="form.receiveUserName" placeholder-class="phcolor" class="tui-input" name="name" placeholder="请输入姓名" maxlength="50" type="number" />
+				<div class="tui-title required">链接方式</div>
+				<radio-group class="tui-input flex-center-between" @change="radioChange">
+					<label class="list" for="customLink">
+						<radio id="customLink" value="自定义链接" checked="checked" />
+						<span class="checkbox-text">自定义链接</span>
+					</label>
+					<label class="list" for="goodsLink">
+						<radio id="goodsLink" value="链接商品" />
+						<span class="checkbox-text">链接商品</span>
+					</label>
+				</radio-group>
 			</tui-list-cell>
+			<block v-if="false">
+				<tui-list-cell class="line-cell" :hover="false">
+					<textarea class="tui-textarea" placeholder-class="phcolor" placeholder="请填写链接，留空点图片不跳转" auto-height />
+				</tui-list-cell>
+			</block>
+			<block v-else>
+				<tui-list-cell class="goods-blo" :hover="false">
+					<div class="goods-list-wrap">
+						<div class="goods-list" v-for="(item, index) in 2" :key="index">
+							<div class="list-img">
+								<img src="../../static/images/interest/invite.png" alt mode="center" />
+							</div>
+							<div class="list-right">
+								<div>花之物语 红色系</div>
+								<div class="app-price">￥389.50</div>
+							</div>
+						</div>
+					</div>
+					<div class="admin-button-com blue" @click="$util.pageTo('/pages/ad/sel-goods')">选择商品</div>
+				</tui-list-cell>
+			</block>
 		</div>
-    </div>
+		<!-- 确认 -->
+		<div class="confirm-btn">
+			<div class="admin-button-com big blue">确认</div>
+		</div>
+	</div>
 </template>
 
 <script>
 import TuiListCell from '@/components/plugin/list-cell'
+import AppUploader from '@/components/app-uploader'
 export default {
 	name: 'ad-add',
 	components: {
-		TuiListCell
+		TuiListCell,
+		AppUploader
 	},
 	data() {
 		return {
-			form: {}
+			form: {},
+			imgList: []
 		}
 	},
 	methods: {
 		selTimeFn(e) {
 			this.form.reachTime = e.detail.value
+		},
+		switchChangeFn() {},
+		radioChange() {},
+		chooseUploader() {
+			console.log('afda')
+			// modifySiteCover({
+			// 	site_info_id: this.detail.site_info_id,
+			// 	cover: encodeURIComponent(this.imgList[0])
+			// }).then(res => {
+			// 	this.form.cover = this.imgList[0]
+			// 	this.imgList.splice(0, 1)
+			// 	uni.showToast({
+			// 		title: '更换成功',
+			// 		icon: 'none'
+			// 	})
+			// })
 		}
 	}
 }
 </script>
 
 <style lang="scss" scoped>
-.app-content {
-    min-height: calc(100vh - 20px);
-    padding-top: 20px;
-}
-.module-com {
-    margin-bottom: 20px;
-}
+	.app-content {
+		min-height: calc(100vh - 20px);
+		padding-top: 20px;
+	}
+	.module-com {
+		margin-bottom: 20px;
+		.line-img-wrap {
+			display: block;
+			.line-img {
+				margin-top: 30px;
+			}
+		}
+		.goods-blo {
+			display: block;
+			.goods-list-wrap {
+				.goods-list {
+					@include disFlex(center, flex-start);
+					margin-bottom: 20px;
+					.list-img {
+						width: 120px;
+						height: 120px;
+						margin-right: 20px;
+						img {
+							height: 100%;
+						}
+					}
+					.list-right {
+						.app-price {
+							margin-top: 10px;
+						}
+					}
+				}
+			}
+			.admin-button-com {
+				width: 125px;
+			}
+		}
+		.ad-name {
+			color: $fontColor2;
+			margin-right: 20px;
+		}
+	}
+	// 按钮
+	.confirm-btn {
+		width: calc(100% - 60px);
+		margin: 60px 30px 20px;
+		.admin-button-com {
+			width: calc(100% - 40px);
+		}
+	}
 </style>

mobile-code/src/pages/admin/components/plugin/time-axis.vue

@@ -5,14 +5,14 @@
 </template>
 
 <script>
-	export default {
-		name:"tuiTimeAxis",
-		data() {
-			return {
+export default {
+	name: 'tuiTimeAxis',
+	data() {
+		return {
 
-			};
 		}
 	}
+}
 </script>
 
 <style>

mobile-code/src/pages/admin/components/plugin/timeaxis-item.vue

@@ -8,21 +8,21 @@
 </template>
 
 <script>
-	export default {
-		name: "tuiTimeaxisItem",
-		props: {
-			//节点背景色
-			bgcolor: {
-				type: String,
-				default: "#fafafa"
-			}
-		},
-		data() {
-			return {
+export default {
+	name: 'tuiTimeaxisItem',
+	props: {
+		// 节点背景色
+		bgcolor: {
+			type: String,
+			default: '#fafafa'
+		}
+	},
+	data() {
+		return {
 
-			};
 		}
 	}
+}
 </script>
 
 <style>

mobile-code/src/pages/admin/workbench.vue

@@ -137,9 +137,7 @@ export default {
 				{
 					name: '广告管理',
 					img: tabIcon4,
-					funtion: () => {
-						this.remarkModal = true
-					}
+					url: '/pages/ad/list'
 				},
 				{
 					name: '促销',

mobile-code/src/pages/staff/add.vue

@@ -0,0 +1,125 @@
+<template>
+	<div class="app-content">
+		<!-- 员工信息 -->
+		<div class="module-com input-line-wrap">
+			<tui-list-cell class="line-cell" :hover="false">
+				<div class="tui-title required">员工姓名</div>
+				<input v-model="form.receiveUserName" placeholder-class="phcolor" class="tui-input" name="name" placeholder="请输入姓名" maxlength="50" type="number" />
+			</tui-list-cell>
+			<tui-list-cell class="line-cell" :arrow="true">
+				<div class="tui-title required">角色</div>
+				<div v-if="true">老板</div>
+				<div class="tui-placeholder" v-else>请选择</div>
+			</tui-list-cell>
+			<tui-list-cell class="line-cell" :arrow="true" @click="$util.pageTo('/pages/staff/sel-member')">
+				<div class="tui-title required">关联微信</div>
+				<div v-if="true" class="member-wrap flex-center">
+                    <div class="member-img">
+				        <app-avatar-module :width="60" />
+                    </div>
+                    <div class="member-det">
+                        <div class="app-size-28">冯宝宝</div>
+                        <div>153928272822</div>
+                    </div>
+                </div>
+				<div class="tui-placeholder" v-else>请选择</div>
+			</tui-list-cell>
+		</div>
+		<div class="prompt-text">注: 关联的微信号要注册会员并关注公从号</div>
+		<!-- 收款通知 -->
+		<div class="module-com input-line-wrap">
+			<tui-list-cell class="line-cell between" padding="14rpx 30rpx" :hover="false">
+				<div class="tui-title">收款通知</div>
+				<div>
+					<switch checked @change="switchChangeFn" />
+				</div>
+			</tui-list-cell>
+		</div>
+		<!-- 登录信息 -->
+		<div class="module-com input-line-wrap">
+			<tui-list-cell class="line-cell" :hover="false">
+				<div class="tui-title required">登陆密码</div>
+				<input v-model="form.receiveUserName" placeholder-class="phcolor" class="tui-input" name="name" placeholder="请输入" maxlength="50" type="number" />
+			</tui-list-cell>
+			<tui-list-cell class="line-cell" :hover="false">
+				<div class="tui-title required">确认密码</div>
+				<input v-model="form.receiveUserName" placeholder-class="phcolor" class="tui-input" name="name" placeholder="请输入" maxlength="50" type="number" />
+			</tui-list-cell>
+			<tui-list-cell class="line-cell remark-wrap" :hover="false">
+				<div class="tui-title">备注信息</div>
+				<div class="tui-input">
+					<textarea class="tui-textarea remark" placeholder-class="phcolor" placeholder="请输入内容" />
+				</div>
+			</tui-list-cell>
+		</div>
+		<!-- 马上启用 -->
+		<div class="module-com input-line-wrap">
+			<tui-list-cell class="line-cell between" padding="14rpx 30rpx" :hover="false">
+				<div class="tui-title">马上启用</div>
+				<div>
+					<switch checked @change="switchChangeFn" />
+				</div>
+			</tui-list-cell>
+		</div>
+		<!-- 提交 -->
+		<div class="confirm-btn">
+			<div class="admin-button-com big blue">提交</div>
+		</div>
+	</div>
+</template>
+
+<script>
+import TuiListCell from '@/components/plugin/list-cell'
+import AppAvatarModule from '@/components/module/app-avatar'
+export default {
+	name: 'staff-add',
+	components: {
+		TuiListCell,
+		AppAvatarModule
+	},
+	data() {
+		return {
+			form: {}
+		}
+	},
+	methods: {
+		switchChangeFn() {}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+	.app-content {
+		min-height: calc(100vh - 20px);
+		padding-top: 20px;
+	}
+	.prompt-text {
+		color: $fontColor3;
+		padding-left: 30px;
+		margin-bottom: 30px;
+	}
+	// ---
+	.module-com {
+        margin-bottom: 20px;
+        .member-wrap {
+            .member-det {
+                font-size: 24px;
+                margin-left: 20px;
+            }
+        }
+		.remark-wrap {
+            align-items: flex-start;
+			.remark {
+				height: 240px;
+			}
+		}
+	}
+	// 按钮
+	.confirm-btn {
+		width: calc(100% - 60px);
+		margin: 60px 30px 20px;
+		.admin-button-com {
+			width: calc(100% - 40px);
+		}
+	}
+</style>

mobile-code/src/pages/staff/list.vue

@@ -0,0 +1,197 @@
+<template>
+	<div class="app-content">
+		<!-- <app-tabs :tabs="tabs" :isFixed="true" :currentTab="tabIndex" @change="change" itemWidth="33.33%" /> -->
+		<!-- 员工列表 -->
+		<block v-if="tabIndex == 0">
+			<!-- 列表 -->
+			<div class="list-wrap staff-list">
+				<div class="list" v-for="(item, index) in 4" :key="index">
+					<div>
+						<app-avatar-module :width="90" />
+					</div>
+					<div class="list-det">
+						<div class="list-det-left">
+							<div>
+								<span class="staff-name">按当地</span>
+								<span>员工</span>
+							</div>
+							<div class="flex-center">
+								<div class="status-list">
+									<i class="iconfont icondagou"></i>
+									<span>收款通知</span>
+								</div>
+								<div class="status-list">
+									<i class="iconfont icondagou"></i>
+									<span>启用</span>
+								</div>
+							</div>
+						</div>
+						<div class="list-det-right">
+							<div>
+								<i class="iconfont iconbianji"></i>
+							</div>
+							<div>
+								<i class="iconfont iconshanchu1"></i>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- 按钮 -->
+			<div class="app-footer">
+				<div class="admin-button-com middle blue">添加</div>
+			</div>
+		</block>
+		<!-- 角色管理 -->
+		<block v-if="tabIndex == 1">
+			<!-- 列表 -->
+			<div class="list-wrap role-list">
+				<div class="list">
+					<div class="app-size-32">销售部(10)</div>
+					<div class="role-option">
+						<div>
+							<i class="iconfont iconbianji"></i>
+						</div>
+						<div>
+							<i class="iconfont iconshanchu1"></i>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- 按钮 -->
+			<div class="app-footer">
+				<div class="admin-button-com middle blue">添加角色</div>
+			</div>
+		</block>
+		<!-- 操作记录 -->
+		<block v-if="tabIndex == 2">
+			<!-- 列表 -->
+			<div class="list-wrap"></div>
+		</block>
+	</div>
+</template>
+
+<script>
+import AppTabs from '@/components/plugin/tabs'
+import AppAvatarModule from '@/components/module/app-avatar'
+// 时间轴
+import TimeAxis from '@/pages/admin/components/plugin/time-axis'
+import TimeaxisItem from '@/pages/admin/components/plugin/timeaxis-item'
+export default {
+	name: 'staff-list',
+	components: {
+		AppTabs,
+		AppAvatarModule,
+		TimeAxis,
+		TimeaxisItem
+	},
+	data() {
+		return {
+			tabIndex: 2,
+			tabs: [
+				{
+					name: '员工列表'
+				},
+				{
+					name: '角色管理'
+				},
+				{
+					name: '操作记录'
+				}
+			]
+		}
+	},
+	methods: {
+		change() {}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+	.app-content {
+		min-height: calc(100vh - 200px);
+		padding-top: 100px;
+		padding-bottom: 100px;
+	}
+	// 列表公共
+	.list-wrap {
+		background-color: #fff;
+		.list {
+			@include disFlex(center, flex-start);
+			margin: 0 30px;
+			padding: 30px 0;
+			border-bottom: 2px solid $borderColor;
+		}
+	}
+	// 员工列表
+	.staff-list {
+		.list-det {
+			width: calc(100% - 110px);
+			color: $fontColor3;
+			margin-left: 20px;
+			@include disFlex(center, space-between);
+			.list-det-left {
+				.staff-name {
+					color: #333;
+					font-size: 30px;
+					font-weight: 600;
+					margin-right: 10px;
+				}
+				.flex-center {
+					margin-top: 10px;
+				}
+				.status-list {
+					margin-left: 60px;
+					&:first-child {
+						margin-left: 0;
+					}
+					.iconfont {
+						color: $fontColor3;
+						font-size: 24px;
+						margin-right: 10px;
+					}
+				}
+			}
+			.list-det-right {
+				@include disFlex(center, flex-start);
+				& > div {
+					margin-left: 50px;
+					&:first-child {
+						margin-left: 0;
+					}
+				}
+				.iconfont {
+					font-size: 36px;
+					color: $fontColor3;
+				}
+			}
+		}
+	}
+	// 角色管理
+	.role-list {
+        .list {
+            justify-content: space-between;
+        }
+		.role-option {
+			@include disFlex(center, flex-start);
+			& > div {
+				margin-left: 50px;
+				&:first-child {
+					margin-left: 0;
+				}
+			}
+			.iconfont {
+				font-size: 36px;
+				color: $fontColor3;
+			}
+		}
+	}
+	// 按钮
+	.app-footer {
+		justify-content: flex-end;
+		.admin-button-com {
+			width: 160px;
+			margin-right: 30px;
+		}
+	}
+</style>

mobile-code/src/pages/staff/sel-member.vue

@@ -0,0 +1,18 @@
+<template>
+	<div class="app-content">
+		<sel-search-module></sel-search-module>
+	</div>
+</template>
+
+<script>
+import SelSearchModule from '@/pages/admin/components/sel-search'
+export default {
+	name: 'staff-sel-member',
+	components: {
+		SelSearchModule
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

mobile-code/src/static/css/common.scss

@@ -131,11 +131,22 @@ body {
 
 // ======================= 输入框公共样式 - start ====================
 .input-line-wrap {
+    // 是否必填
+    .required::before {
+        content: '*';
+        color: #F04545;
+        font-size: 28px;
+        margin-right: 8px;;
+    }
     // 公共
     .line-cell {
         &.between {
             justify-content: space-between;
         }
+        // &.switch {
+        //     padding-top: 14px;
+        //     padding-bottom: 14px;
+        // }
         .tui-title {
             width: 210px;
             color: $fontColor2;
@@ -144,6 +155,10 @@ body {
             width: calc(100% - 210px);
             font-size: 28px;
         }
+        .tui-textarea {
+            width: 100%;
+            font-size: 28px;
+        }
         .tui-operate {
             width: calc(100% - 210px);
             font-size: 28px;