Jelajahi Sumber

样式修改

tanxue 2 bulan lalu
induk
melakukan
af035b4737

+ 18 - 0
common/styles/global/pages.scss

@@ -1042,4 +1042,22 @@
 			.kc-bind-btn + .kc-bind-btn{margin-left: 24rpx;}
 		}
 	}
+}
+
+/*** 子账号***/
+.phone-zzh-page{
+	.zzh-new-btn-box{
+		padding: 20rpx 24rpx 20rpx;background-color: #f4f6fa;box-sizing: border-box;
+		.phone-green-btn{font-size: 28rpx;}
+	}
+	.zzh-list-item-box{border-bottom: 20rpx solid #f4f6fa;}
+	.zzh-item-card{width: 100%;padding: 16rpx 0;}
+	.zzh-name-row{
+		font-size: 32rpx;color: #000;margin-bottom: 24rpx;
+		.row-item{width: 100%;line-height: 1.6;}
+		}
+	.zzh-btn-row{
+		display: flex;justify-content: center;
+		.zzh-btn{width: 160rpx;font-size: 26rpx;margin: 0 24rpx 0 0;}
+	}
 }

+ 10 - 10
pages/admin/zizhanghao/components/addUserDl.vue

@@ -3,18 +3,18 @@
 		<view class="phone-common-dialog">
 			<view class="common-body-box">
 				<view class="common-title">{{title}}</view>
-				<view class="common-content" :class="dialogContentClass">
-					<view class="form-label-input">
-						<view class="phone-form-label"><text class="form-label-require"></text>姓名</view>
-						<input v-model="realName" placeholder="请输入姓名" />
+				<view class="common-input-box">
+					<view class="common-input-row">
+						<view class="common-input-label"><text class="common-label-require">*</text>姓名:</view>
+						<input class="common-input" v-model="realName" placeholder="请输入姓名" />
 					</view>
-					<view class="form-label-input">
-						<view class="phone-form-label"><text class="form-label-require"></text>手机号</view>
-						<input v-model="userName" placeholder="请输入手机号" />
+					<view class="common-input-row">
+						<view class="common-input-label"><text class="common-label-require">*</text>密码:</view>
+						<input class="common-input" v-model="password" placeholder="请输入密码" />
 					</view>
-					<view class="form-label-input">
-						<view class="phone-form-label"><text class="form-label-require"></text>密码</view>
-						<input v-model="password" placeholder="请输入密码" />
+					<view class="common-input-row">
+						<view class="common-input-label"><text class="common-label-require">*</text>手机号:</view>
+						<input class="common-input" v-model="userName" placeholder="请输入手机号" />
 					</view>
 				</view>
 				<view class="common-btn-box">

+ 7 - 7
pages/admin/zizhanghao/components/editorUserDl.vue

@@ -3,14 +3,14 @@
 		<view class="phone-common-dialog">
 			<view class="common-body-box">
 				<view class="common-title">{{title}}</view>
-				<view class="common-content" :class="dialogContentClass">
-					<view class="form-label-input">
-						<view class="phone-form-label"><text class="form-label-require"></text>姓名</view>
-						<input v-model="realName" placeholder="请输入姓名" />
+				<view class="common-input-box">
+					<view class="common-input-row">
+						<view class="common-input-label"><text class="common-label-require">*</text>姓名:</view>
+						<input class="common-input" v-model="realName" placeholder="请输入姓名" />
 					</view>
-					<view class="form-label-input">
-						<view class="phone-form-label"><text class="form-label-require"></text>手机号</view>
-						<input v-model="userName" placeholder="请输入手机号" />
+					<view class="common-input-row">
+						<view class="common-input-label"><text class="common-label-require">*</text>手机号:</view>
+						<input class="common-input" v-model="userName" placeholder="请输入手机号" />
 					</view>
 				</view>
 				<view class="common-btn-box">

+ 9 - 9
pages/admin/zizhanghao/components/resetPassword.vue

@@ -3,14 +3,14 @@
 		<view class="phone-common-dialog">
 			<view class="common-body-box">
 				<view class="common-title">{{title}}</view>
-				<view class="common-content" :class="dialogContentClass">
-					<view class="form-label-input">
-						<view class="phone-form-label"><text class="form-label-require"></text>密码</view>
-						<input v-model="password" placeholder="请输入密码" />
+				<view class="common-input-box">
+					<view class="common-input-row">
+						<view class="common-input-label"><text class="common-label-require">*</text>新密码:</view>
+						<input class="common-input" v-model="password" placeholder="请输入密码" />
 					</view>
-					<view class="form-label-input">
-						<view class="phone-form-label"><text class="form-label-require"></text>确认密码</view>
-						<input v-model="password2" placeholder="请输入二次确认密码" />
+					<view class="common-input-row">
+						<view class="common-input-label"><text class="common-label-require">*</text>确认密码:</view>
+						<input class="common-input" v-model="password2" placeholder="请确认密码" />
 					</view>
 				</view>
 				<view class="common-btn-box">
@@ -75,14 +75,14 @@
 		if (!password.value) {
 			uni.showToast({
 				icon: 'none',
-				title: '请输入密码'
+				title: '请输入密码'
 			})
 			return;
 		}
 		if (!password2.value) {
 			uni.showToast({
 				icon: 'none',
-				title: '请输入二次确认密码'
+				title: '请确认密码'
 			})
 			return;
 		}

+ 12 - 15
pages/admin/zizhanghao/list.vue

@@ -1,32 +1,29 @@
 <template>
-	<view class="phone-list-page phone-banzheng-page">
+	<view class="phone-list-page phone-zzh-page">
 		<view class="phone-navBar-box">
 			<view @click="goUpPage" class="nav-bar-icon"></view>
 			<text class="nav-bar-title">子账号管理</text>
 			<uni-icons class="nav-bar-right-icon" type="search" size="22" color="#666" @click="searchBtn"></uni-icons>
 		</view>
-		<view class="banzheng-search-box">
-			<view class="select-item-box">
-			</view>
-			<view class="filter-btn" @click="handleAddZizhanghao">新增</view>
+		<view class="zzh-new-btn-box">
+			<button type="default" class="phone-green-btn" @click="handleAddZizhanghao">新增</button>
 		</view>
 		<!-- 课程列表 -->
 		<scroll-view scroll-y="true" refresher-enabled="true" :refresher-triggered="data.loading"
 			:refresher-threshold="50" refresher-background="transparent" @refresherrefresh="onRefresh" @scrolltolower="onScrolltolower"
 			class="phone-scroll-saixuan-view">
 			<uni-list>
-				<uni-list-item v-for="item in data.list" class="banzheng-list-item-box">
+				<uni-list-item v-for="item in data.list" class="zzh-list-item-box">
 					<template v-slot:body>
-						<view>
-							<view class="banzheng-list-card-box">
-								<view>家政公司: {{item.jzName}}</view>
-								<view>姓名:{{item.realName}}</view>
-								<view>手机:{{item.userName}}</view>
+						<view class="zzh-item-card">
+							<view class="zzh-name-row">
+								<view class="row-item">姓名:{{item.realName}}</view>
+								<view class="row-item">手机:{{item.userName}}</view>
 							</view>
-							<view>
-								<button @click="handleEditor(item)">编辑</button>
-								<button @click="handleDelete(item)">删除</button>
-								<button @click="handleReset(item)">重置密码</button>
+							<view class="zzh-btn-row">
+								<button class="zzh-btn phone-green-btn" type="default" @click="handleEditor(item)">编辑</button>
+								<button class="zzh-btn phone-green-btn" type="default" @click="handleReset(item)">重置密码</button>
+								<button class="zzh-btn phone-white-btn" type="default" @click="handleDelete(item)">删除</button>
 							</view>
 						</view>
 					</template>