样式修改

pages/Workorder/Tenantbill/companybill/companybill.vue

@@ -65,7 +65,10 @@
 				</view>
 			</view>
 		<!-- 	列表 -->
-			<view class="u-listdata">
+		<view class="nodata" v-if="jfnodata==true" >
+			暂无数据
+		</view>
+			<view class="u-listdata"  v-if="jfnodata==false">
 				
 				
 				<u-list  @scrolltolower="scrolltolower" :pagingEnabled='true'>
@@ -113,6 +116,7 @@
 	export default {
 		data() {
 			return {
+				jfnodata:false,
 				showtype: false,
 				cdshow: true,
 				fatherparameter: {},
@@ -245,6 +249,7 @@
 							this.indexList.push(...res.data.data.list);
 								this.jfpost.page = this.jfpost.page + 1;
 								this.pd=true;
+								this.jfnodata=false;
 						} else {
 							uni.showToast({
 								title:'暂无更多数据了',
@@ -252,6 +257,7 @@
 								duration: 1500
 							})
 							this.pd=false;
+							this.jfnodata=true
 						}									
 								
 					})

pages/my/Changepassword/Changepassword.vue

@@ -1,21 +1,23 @@
 <template>
 	<view class="OutermostLayer">
 		<h4>登录密码修改</h4>
-		<u--form labelPosition="left" labelWidth='180' :model="model1" :rules="rules" ref="form1">
-			<u-form-item label="旧登录密码" prop="userInfo.oldpasswoed" borderBottom ref="item1">
-				<u--input v-model="model1.userInfo.oldpasswoed" border="surround"></u--input>
-			</u-form-item>
-			<u-form-item label="新登录密码" prop="userInfo.mewpasswoed1" borderBottom ref="item1">
-				<u--input v-model="model1.userInfo.mewpasswoed1" border="surround"></u--input>
-			</u-form-item>
-			</u-form-item>
-			<u-form-item label="请再次输入" prop="userInfo.mewpasswoed2" borderBottom ref="item1">
-				<u--input v-model="model1.userInfo.mewpasswoed2" border="surround"></u--input>
-			</u-form-item>
-
-		</u--form>
-		<view class="tijiao">
-			<u-button type="primary" @click="submit">确定修改</u-button>
+		<view class="xgmy">
+			<u--form labelPosition="left" labelWidth='180' :model="model1" :rules="rules" ref="form1">
+				<u-form-item label="旧登录密码" prop="userInfo.oldpasswoed" borderBottom ref="item1">
+					<u--input v-model="model1.userInfo.oldpasswoed" border="surround"></u--input>
+				</u-form-item>
+				<u-form-item label="新登录密码" prop="userInfo.mewpasswoed1" borderBottom ref="item1">
+					<u--input v-model="model1.userInfo.mewpasswoed1" border="surround"></u--input>
+				</u-form-item>
+				</u-form-item>
+				<u-form-item label="请再次输入" prop="userInfo.mewpasswoed2" borderBottom ref="item1">
+					<u--input v-model="model1.userInfo.mewpasswoed2" border="surround"></u--input>
+				</u-form-item>
+			
+			</u--form>
+			<view class="tijiao">
+				<u-button type="primary" @click="submit">确定修改</u-button>
+			</view>
 		</view>
 	</view>
 </template>
@@ -82,11 +84,15 @@
 <style lang="scss">
 	.tijiao {
 		margin-top: 50rpx;
+		padding-bottom: 30rpx;
 	}
-
+.xgmy{
+	padding: 20rpx;
+}
 	.OutermostLayer h4 {
 		font-size: 35rpx;
-		margin-bottom: 30rpx;
+		margin-bottom: 10rpx;
+		padding-top: 20rpx;
 		text-align: center;
 	}
 </style>

pages/my/Commentssuggestions/Commentssuggestions.vue

@@ -1,42 +1,45 @@
 <template>
-	<view class="Commentssuggestions">
-		<view class="ssuggestion">
-			请您留下宝贵建议，我们会不断改进，精益求精，更好的为您提供服务。	
+	<view class="OutermostLayer">
+			<view class="Commentssuggestions">
+					<view class="ssuggestion">
+						请您留下宝贵建议，我们会不断改进，精益求精，更好的为您提供服务。	
+					</view>
+			<u--textarea v-model="ssuggestion" placeholder="请输入您的建议和评论" count ></u--textarea>
+			<view class="ssuggestion" style="padding-top: 30rpx;">
+						请您为这款APP打分。	
+					</view>
+			<view class="rates">
+				<view class="rates1">
+					APP界面美观
+				</view>
+				<view class="rates2">
+					<u-rate size=40 :count="count" v-model="score1"></u-rate>
+				</view>
+			</view>
+			<view class="rates">
+				<view class="rates1">
+					APP上手难易
+				</view>
+				<view class="rates2">
+					<u-rate size=40 :count="count" v-model="score2"></u-rate>
+				</view>
+			</view>
+			<view class="rates">
+				<view class="rates1">
+					APP相应速度
+				</view>
+				<view class="rates2">
+					<u-rate size=40 :count="count" v-model="score3"></u-rate>
+				</view>
+			</view>
+			
+			
+			<view class="yijian">
+				<u-button type="primary" text="提交意见"></u-button>
+			</view>
+				</view>
 		</view>
-<u--textarea v-model="ssuggestion" placeholder="请输入您的建议和评论" count ></u--textarea>
-<view class="ssuggestion" style="padding-top: 30rpx;">
-			请您为这款APP打分。	
-		</view>
-<view class="rates">
-	<view class="rates1">
-		APP界面美观
-	</view>
-	<view class="rates2">
-		<u-rate size=40 :count="count" v-model="score1"></u-rate>
-	</view>
-</view>
-<view class="rates">
-	<view class="rates1">
-		APP上手难易
-	</view>
-	<view class="rates2">
-		<u-rate size=40 :count="count" v-model="score2"></u-rate>
-	</view>
-</view>
-<view class="rates">
-	<view class="rates1">
-		APP相应速度
-	</view>
-	<view class="rates2">
-		<u-rate size=40 :count="count" v-model="score3"></u-rate>
-	</view>
-</view>
-
 
-<view class="yijian">
-	<u-button type="primary" text="提交意见"></u-button>
-</view>
-	</view>
 </template>
 
 <script>
@@ -57,8 +60,8 @@ score3:3,
 
 <style>
 	.Commentssuggestions {
-		width: 690rpx;
-		padding: 30rpx;	
+		
+		padding: 20rpx;
 	}
 	.ssuggestion{
 		font-size: 30rpx;

pages/my/Mydistribution/Mydistribution.vue

@@ -1,23 +1,25 @@
 <template>
 	<view class="OutermostLayer">		
-		<view class="addllayer">
-				<u-button type="primary" text="添加" @click="addnewdata"></u-button>
-		</view>
-			<u-cell-group>				
-				 <u-cell title="电力维修" label="B栋13楼电力设备出现问题" @click="distributiondetil"  :isLink="true">
-					 <u-icon slot="icon" size="45" name="order"></u-icon>
-				 </u-cell>
-				 <u-cell title="电力维修" label="B栋13楼电力设备出现问题"  @click="distributiondetil"   :isLink="true">
-				 					 <u-icon slot="icon" size="45" name="order"></u-icon>
-				 </u-cell>
-				 <u-cell title="电力维修" label="B栋13楼电力设备出现问题"  @click="distributiondetil"  :isLink="true">
-				 					 <u-icon slot="icon" size="45" name="order"></u-icon>
-				 </u-cell>
-				 <u-cell title="电力维修" label="B栋13楼电力设备出现问题"  @click="distributiondetil"  :isLink="true">
-				 					 <u-icon slot="icon" size="45" name="order"></u-icon>
-				 </u-cell>
-			</u-cell-group>
-			
+		
+			<view class="paifa">
+				<view class="addllayer">
+						<u-button type="primary" text="添加" @click="addnewdata"></u-button>
+				</view>
+					<u-cell-group>				
+						 <u-cell title="电力维修" label="B栋13楼电力设备出现问题" @click="distributiondetil"  :isLink="true">
+							 <u-icon slot="icon" size="45" name="order"></u-icon>
+						 </u-cell>
+						 <u-cell title="电力维修" label="B栋13楼电力设备出现问题"  @click="distributiondetil"   :isLink="true">
+						 					 <u-icon slot="icon" size="45" name="order"></u-icon>
+						 </u-cell>
+						 <u-cell title="电力维修" label="B栋13楼电力设备出现问题"  @click="distributiondetil"  :isLink="true">
+						 					 <u-icon slot="icon" size="45" name="order"></u-icon>
+						 </u-cell>
+						 <u-cell title="电力维修" label="B栋13楼电力设备出现问题"  @click="distributiondetil"  :isLink="true">
+						 					 <u-icon slot="icon" size="45" name="order"></u-icon>
+						 </u-cell>
+					</u-cell-group>
+			</view>
 			
 		</view>
 </template>
@@ -49,4 +51,7 @@
 .addllayer{
 	margin-bottom: 20rpx;
 }
+.paifa{
+	padding: 20rpx;
+}
 </style>

pages/my/Mydistribution/distributiondetil/distributiondetil.vue

@@ -78,6 +78,7 @@
 		justify-content: space-between;
 		align-items: center;
 		margin-top: 40rpx;
+		padding: 30rpx;
 	}
 	
 	.queding {

pages/my/Mydistribution/distributionedit/distributionedit.vue

@@ -1,48 +1,51 @@
 <template>
 	<view class="OutermostLayer">
-		<!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
-		<u--form labelPosition="left" :model="model1" :rules="rules" ref="form1">
-			<u-form-item labelWidth='180' label="任务名称:" prop="userInfo.name" borderBottom ref="item1">
-				<u--input v-model="model1.userInfo.name" border="none"></u--input>
-			</u-form-item>
-			<u-form-item labelWidth='180' label="办结日期:" prop="userInfo.mydays" borderBottom @click="showPicker = true;"
-				ref="item1">
-				<u--input v-model="model1.userInfo.mydays" disabled disabledColor="#ffffff" placeholder="请选择办结日期"
-					border="none"></u--input>
-
-				<u-icon slot="right" name="arrow-right"></u-icon>
-			</u-form-item>
-
-			<u-form-item labelWidth='180' label="任务类型:" prop="userInfo.tasktype" borderBottom @click="showSex = true;"
-				ref="item1">
-				<u--input v-model="model1.userInfo.tasktype" disabled disabledColor="#ffffff" placeholder="请选择任务类型"
-					border="none"></u--input>
-				<u-icon slot="right" name="arrow-right"></u-icon>
-			</u-form-item>
-
-			<u-form-item labelWidth='180' label="紧急程度:" prop="userInfo.taskdegree" borderBottom
-				@click="showtaskdegree = true;" ref="item1">
-				<u--input v-model="model1.userInfo.taskdegree" disabled disabledColor="#ffffff" placeholder="请选择紧急程度"
-					border="none"></u--input>
-				<u-icon slot="right" name="arrow-right"></u-icon>
-			</u-form-item>
-
-			<u-form-item labelWidth='180' label="办理人员:" prop="userInfo.taskdegree" borderBottom
-				@click="showtaskpeople = true;" ref="item1">
-				<u--input v-model="model1.userInfo.taskpeople" disabled disabledColor="#ffffff" placeholder="请选择办理人员"
-					border="none"></u--input>
-				<u-icon slot="right" name="arrow-right"></u-icon>
-			</u-form-item>
-		</u--form>
-
-		<view class="guidang">
-			<view class="queding">
-				<u-button type="primary" :plain="true" text="返回" @click="returndata"></u-button>
-			</view>
-			<view class="queding">
-				<u-button type="primary" text="确定" @click="editdata"></u-button>
-			</view>
+		
+<view class="wfgz">
+	<!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
+	<u--form labelPosition="left" :model="model1" :rules="rules" ref="form1">
+		<u-form-item labelWidth='180' label="任务名称:" prop="userInfo.name" borderBottom ref="item1">
+			<u--input v-model="model1.userInfo.name" border="none"></u--input>
+		</u-form-item>
+		<u-form-item labelWidth='180' label="办结日期:" prop="userInfo.mydays" borderBottom @click="showPicker = true;"
+			ref="item1">
+			<u--input v-model="model1.userInfo.mydays" disabled disabledColor="#ffffff" placeholder="请选择办结日期"
+				border="none"></u--input>
+	
+			<u-icon slot="right" name="arrow-right"></u-icon>
+		</u-form-item>
+	
+		<u-form-item labelWidth='180' label="任务类型:" prop="userInfo.tasktype" borderBottom @click="showSex = true;"
+			ref="item1">
+			<u--input v-model="model1.userInfo.tasktype" disabled disabledColor="#ffffff" placeholder="请选择任务类型"
+				border="none"></u--input>
+			<u-icon slot="right" name="arrow-right"></u-icon>
+		</u-form-item>
+	
+		<u-form-item labelWidth='180' label="紧急程度:" prop="userInfo.taskdegree" borderBottom
+			@click="showtaskdegree = true;" ref="item1">
+			<u--input v-model="model1.userInfo.taskdegree" disabled disabledColor="#ffffff" placeholder="请选择紧急程度"
+				border="none"></u--input>
+			<u-icon slot="right" name="arrow-right"></u-icon>
+		</u-form-item>
+	
+		<u-form-item labelWidth='180' label="办理人员:" prop="userInfo.taskdegree" borderBottom
+			@click="showtaskpeople = true;" ref="item1">
+			<u--input v-model="model1.userInfo.taskpeople" disabled disabledColor="#ffffff" placeholder="请选择办理人员"
+				border="none"></u--input>
+			<u-icon slot="right" name="arrow-right"></u-icon>
+		</u-form-item>
+	</u--form>
+	
+	<view class="guidang">
+		<view class="queding">
+			<u-button type="primary" :plain="true" text="返回" @click="returndata"></u-button>
 		</view>
+		<view class="queding">
+			<u-button type="primary" text="确定" @click="editdata"></u-button>
+		</view>
+	</view>
+</view>
 
 
 		<u-picker @cancel='showtaskpeople = false' @confirm='peopleconfirm' :show="showtaskpeople"
@@ -228,4 +231,7 @@ uni.navigateBack({
 	.queding {
 		width: 40%;
 	}
+	.wfgz{
+		padding: 20rpx;
+	}
 </style>

pages/my/Mytask/Taskdetails/Taskdetails.vue

@@ -1,65 +1,67 @@
 <template>
 	<view class="OutermostLayer">
-		<view class="tasktime">
-			任务需在5月15号之前完成，当前剩余49天
-		</view>
-		<u-divider text="分割线" :dot="true"></u-divider>
-		<view class="tasktop">
-			<view class="tasktop1">
-				<view class="taskdetals1">
-					<u-icon name="man-add-fill" color="#2979ff" size="35"></u-icon>
+		<view class="renwu">
+			<view class="tasktime">
+				任务需在5月15号之前完成，当前剩余49天
+			</view>
+			<u-divider text="分割线" :dot="true"></u-divider>
+			<view class="tasktop">
+				<view class="tasktop1">
+					<view class="taskdetals1">
+						<u-icon name="man-add-fill" color="#2979ff" size="35"></u-icon>
+					</view>
+					<view class="taskdetals2">
+						发布人：李伟
+					</view>
 				</view>
-				<view class="taskdetals2">
-					发布人：李伟
+				<view class="tasktop1">
+					<view class="taskdetals1">
+						<u-icon name="calendar-fill" color="#2979ff" size="35"></u-icon>
+					</view>
+					<view class="taskdetals2">
+						办结日期：2023-05-15
+					</view>
 				</view>
-			</view>
-			<view class="tasktop1">
-				<view class="taskdetals1">
-					<u-icon name="calendar-fill" color="#2979ff" size="35"></u-icon>
+				<view class="tasktop1">
+					<view class="taskdetals1">
+						<u-icon name="bell-fill" color="#2979ff" size="35"></u-icon>
+					</view>
+					<view class="taskdetals2">
+						紧急程度：一般
+					</view>
 				</view>
-				<view class="taskdetals2">
-					办结日期：2023-05-15
+				<view class="tasktop1">
+					<view class="taskdetals1">
+						<u-icon name="tags-fill" color="#2979ff" size="35"></u-icon>
+					</view>
+					<view class="taskdetals2">
+						任务类型：日常性工作
+					</view>
 				</view>
 			</view>
-			<view class="tasktop1">
+			<view class="description">
 				<view class="taskdetals1">
-					<u-icon name="bell-fill" color="#2979ff" size="35"></u-icon>
+					<u-icon name="file-text-fill" color="#2979ff" size="35"></u-icon>
 				</view>
 				<view class="taskdetals2">
-					紧急程度：一般
+					请在5月15号之前，把B栋所有楼层的灯光设备检查完毕，并详细记录每层楼道的灯光寿命情况，把损坏的灯泡上报维修部。				
 				</view>
 			</view>
-			<view class="tasktop1">
-				<view class="taskdetals1">
-					<u-icon name="tags-fill" color="#2979ff" size="35"></u-icon>
+			<u-divider text="分割线" :dot="true"></u-divider>
+			<u--textarea v-model="opinion" placeholder="请详细描述反馈" count></u--textarea>
+			
+			<view class="guidang">
+				<view class="queding">
+					<u-button type="primary" text="归档" @click="guidang"></u-button>
 				</view>
-				<view class="taskdetals2">
-					任务类型：日常性工作
+				<view class="queding">
+					<u-button type="primary" :plain="true" text="转办" @click="zhuanban"></u-button>
 				</view>
 			</view>
+			
+			<u-picker :show="show" title='转办人' @cancel='closezb' @confirm="confirm" :columns="columns" keyName="label">
+			</u-picker>
 		</view>
-		<view class="description">
-			<view class="taskdetals1">
-				<u-icon name="file-text-fill" color="#2979ff" size="35"></u-icon>
-			</view>
-			<view class="taskdetals2">
-				请在5月15号之前，把B栋所有楼层的灯光设备检查完毕，并详细记录每层楼道的灯光寿命情况，把损坏的灯泡上报维修部。				
-			</view>
-		</view>
-		<u-divider text="分割线" :dot="true"></u-divider>
-		<u--textarea v-model="opinion" placeholder="请详细描述反馈" count></u--textarea>
-
-		<view class="guidang">
-			<view class="queding">
-				<u-button type="primary" text="归档" @click="guidang"></u-button>
-			</view>
-			<view class="queding">
-				<u-button type="primary" :plain="true" text="转办" @click="zhuanban"></u-button>
-			</view>
-		</view>
-
-		<u-picker :show="show" title='转办人' @cancel='closezb' @confirm="confirm" :columns="columns" keyName="label">
-		</u-picker>
 	</view>
 </template>
 
@@ -110,6 +112,9 @@
 
 
 <style>
+	.renwu{
+		padding: 20rpx;
+	}
 	.guidang {
 		display: flex;
 		justify-content: space-between;

pages/my/Personalinformation/Informationmodification/Informationmodification.vue

@@ -1,4 +1,5 @@
 <template>
+	<view class="OutermostLayer">
 	<view class="Personalinformationedit">
 
 				<!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
@@ -118,7 +119,7 @@
 				<view class="submitdata">
 					<u-button  type="primary" @click="submit">提交</u-button>
 				</view>
-			
+			</view>	
 	</view>
 </template>
 
@@ -229,7 +230,6 @@
 
 <style lang="scss">
 .Personalinformationedit{
-	width: 690rpx;
 	padding: 30rpx;
 	
 }

pages/my/Personalinformation/Personalinformation.vue

@@ -1,4 +1,5 @@
 <template>
+	<view class="OutermostLayer">
 	<view class="Personalinformation">
 		<u-cell-group>
 			<u-cell
@@ -46,6 +47,7 @@
 		></u-cell>	
 		</u-cell-group>
 	</view>
+		</view>
 </template>
 
 <script>
@@ -71,7 +73,6 @@
 
 <style lang="scss">
 .Personalinformation{
-	width: 690rpx;
 	padding: 30rpx;
 }
 

uni.scss

@@ -15,7 +15,9 @@
 
 .OutermostLayer {
 		width: 690rpx;
-		padding: 30rpx;	
+		margin: 0rpx auto;	
+		background-color: #fff;
+		border-radius: 9rpx;
 	}