登录页面修改,上报状态滑动

components/evan-steps/evan-steps.vue

@@ -1,66 +1,67 @@
 <template>
-	<view class="evan-steps" :class="'evan-steps--'+direction">
+	<view class="evan-steps" :class="'evan-steps--' + direction">
 		<slot></slot>
 	</view>
 </template>
 
 <script>
-	export default {
-		name: 'EvanSteps',
-		props: {
-			direction: {
-				type: String,
-				default: 'vertical'
-			},
-			active: {
-				type: Number,
-				default: 0
-			},
-			// wait process finish error
-			status: {
-				type: String,
-				default: 'process'
-			},
-			primaryColor: {
-				type: String,
-				default: '#108ee9'
-			},
-			errorColor: {
-				type: String,
-				default: '#F43347'
-			}
+export default {
+	name: 'EvanSteps',
+	props: {
+		direction: {
+			type: String,
+			default: 'vertical'
 		},
-		data() {
-			return {
-				steps: []
-			}
+		active: {
+			type: Number,
+			default: 0
+		},
+		// wait process finish error
+		status: {
+			type: String,
+			default: 'process'
+		},
+		primaryColor: {
+			type: String,
+			default: '#108ee9'
+		},
+		errorColor: {
+			type: String,
+			default: '#F43347'
 		}
+	},
+	data() {
+		return {
+			steps: []
+		};
 	}
+};
 </script>
 
 <style lang="scss">
-	.evan-steps {
-		/* #ifdef APP-NVUE */
-		flex: 1;
-		/* #endif */
-		/* #ifndef APP-NVUE */
-		width: 100%;
-		/* #endif */
-	}
-
-	.evan-steps--vertical {}
+.evan-steps {
+	/* #ifdef APP-NVUE */
+	flex: 1;
+	/* #endif */
+	/* #ifndef APP-NVUE */
+	width: 100%;
+	/* #endif */
+}
 
-	.evan-steps--horizontal {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: flex-start;
+.evan-steps--vertical {
+}
 
-		/* #ifndef APP-NVUE */
-		evan-step {
-			flex: 1;
-		}
-		/* #endif */
+.evan-steps--horizontal {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: row;
+	align-items: flex-start;
+	overflow-x: scroll;
+	/* #ifndef APP-NVUE */
+	evan-step {
+		flex: 1;
 	}
+	/* #endif */
+}
 </style>

pages/login.vue

@@ -1,9 +1,9 @@
 <template>
   <view class="normal-login-container">
     <view class="logo-content align-center justify-center flex">
-      <image style="width: 100rpx;height: 100rpx;" :src="globalConfig.appInfo.logo" mode="widthFix">
+      <!-- <image style="width: 100rpx;height: 100rpx;" :src="globalConfig.appInfo.logo" mode="widthFix"> -->
       </image>
-      <text class="title">若依移动端登录</text>
+      <text class="title">动端登录</text>
     </view>
     <view class="login-form-content">
       <view class="input-item flex align-center">

subPackWork/myReport/reportDetail.vue

@@ -7,8 +7,8 @@
 					<button class="rignt-button" size="mini" @click="goList">处理记录</button>
 				</view>
 				<view class="status-bottom">
-					<evan-steps :active="Number(datas.status -1)" direction="horizontal">
-						<evan-step v-for="item in processState" :title="item.dictLabel"></evan-step>
+					<evan-steps :active="Number(datas.status-1)" direction="horizontal">
+						<evan-step class="step-items" v-for="item in processState" :title="item.dictLabel"></evan-step>
 <!-- 						<evan-step title="处警"></evan-step>
 						<evan-step title="结警"></evan-step>
 						<evan-step title="归档"></evan-step> -->
@@ -149,9 +149,12 @@ export default {
 		 getReportType(){
 			   getDicts("alarm_status").then(res =>{
 				   if(res.code === 200){
+						 let arr = []
 					  res.data.forEach(item =>{
-						  this.processState.push(item)
+						  arr.push(item)
 					  }) 
+						this.processState = arr
+						console.log(this.processState)
 				   }
 			   })
 		 },
@@ -216,4 +219,7 @@ export default {
 		}
 	}
 }
+.step-items:first-child{
+	margin-left: 300rpx;
+}
 </style>