首页 探索 帮助
注册 登录
twt
/
remind
关注 1
点赞 0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

first commit

twt 1 年之前
当前提交
08830ceed4
共有 31 个文件被更改，包括 2171 次插入 和 0 次删除
分列视图 显示文件统计
  1. 17 0
      App.vue
  2. 123 0
      components/call.vue
  3. 20 0
      index.html
  4. 22 0
      main.js
  5. 72 0
      manifest.json
  6. 35 0
      pages.json
  7. 504 0
      pages/index/birthday.vue
  8. 537 0
      pages/index/details.vue
  9. 243 0
      pages/index/index.vue
  10. 512 0
      pages/index/maintenance.vue
  11. 二进制
      static/img/chahao.png
  12. 二进制
      static/img/gb.png
  13. 二进制
      static/img/icon_advisor.png
  14. 二进制
      static/img/icon_backup.png
  15. 二进制
      static/img/icon_baox.png
  16. 二进制
      static/img/icon_baoy.png
  17. 二进制
      static/img/icon_ddztty.png
  18. 二进制
      static/img/icon_kehu.png
  19. 二进制
      static/img/icon_list_arrow.png
  20. 二进制
      static/img/icon_nians.png
  21. 二进制
      static/img/icon_search.png
  22. 二进制
      static/img/icon_shai.png
  23. 二进制
      static/img/icon_taoc.png
  24. 二进制
      static/img/icon_wechat.png
  25. 二进制
      static/img/jt.png
  26. 二进制
      static/img/nav_icon_back.png
  27. 二进制
      static/img/shang.png
  28. 二进制
      static/img/xia.png
  29. 二进制
      static/logo.png
  30. 10 0
      uni.promisify.adaptor.js
  31. 76 0
      uni.scss

+ 17 - 0
App.vue
查看文件 

@@ -0,0 +1,17 @@
 
+<script>
 
+	export default {
 
+		onLaunch: function() {
 
+			console.log('App Launch')
 
+		},
 
+		onShow: function() {
 
+			console.log('App Show')
 
+		},
 
+		onHide: function() {
 
+			console.log('App Hide')
 
+		}
 
+	}
 
+</script>
 
+
 
+<style>
 
+	/*每个页面公共css */
 
+</style>

+ 123 - 0
components/call.vue
查看文件 

@@ -0,0 +1,123 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="callbox">
 
+			<view class="call">
 
+				<view class="callTop">
 
+					<view class="callTitle">电话提醒</view>
 
+					<image src="../static/img/gb.png" mode="" class="callGb"></image>
 
+				</view>
 
+				<view class="txtBox">
 
+					<textarea placeholder-style="color:#999999" placeholder="请输入跟进内容，200字以内~" class="textarea"/>
 
+				</view>
 
+				<view class="shortcut">
 
+					<view class="shortcutTitle">快捷输入</view>
 
+					<view class="shortcutBox">
 
+						<view style="display: flex;padding-top: 16rpx;">
 
+							<view class="shortcutLine">这是快捷输入这是快捷输入</view>
 
+						</view>
 
+						<view style="display: flex;padding-top: 16rpx;">
 
+							<view class="shortcutLine">这是快捷输入这是这是快捷输入这是快捷输入快捷输入</view>
 
+						</view>
 
+						<view style="display: flex;padding-top: 16rpx;">
 
+							<view class="shortcutLine">这是快捷输入这是这是快捷输入这是快捷输入这是快捷输入这是快捷输入快捷输入</view>
 
+						</view>
 
+						
+						
+					</view>
 
+				</view>
 
+				
+				<view class="callBottom">
 
+					<view class="callcancellation">取消</view>
 
+					<view class="calltx">已提醒</view>
 
+				</view>
 
+				
+			</view>
 
+		
+		</view>
 
+		
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		data() {
 
+			return {
 
+				title: 'Hello'
 
+			}
 
+		},
 
+		onLoad() {
 
+
 
+		},
 
+		methods: {
 
+		
+        
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+.callbox{
 
+	width: 100vw;height: 100vh;
 
+	position: fixed;top: 0;left: 0;
 
+	background: rgba(0,0,0,0.4);
 
+	display: flex;
 
+	align-items: center;
 
+}
 
+.callcancellation{
 
+	width: 319rpx;border-right:1px solid #EEEEEE ;line-height: 80rpx;
 
+	text-align: center;color: #999999;font-size: 32rpx;
 
+}
 
+.calltx{
 
+	text-align: center;color: #3F90F7;font-size: 32rpx;line-height: 80rpx;width: 316rpx;
 
+}
 
+.callBottom{
 
+	border-top: 1px solid #EEEEEE;display: flex;
 
+}
 
+.call{
 
+	width: 638rpx;
 
+	height: 727rpx;
 
+	background: #FFFFFF;
 
+	border-radius: 24rpx;
 
+	margin-left: 56rpx;
 
+}
 
+.callTitle{
 
+	font-weight: 500;line-height: 30rpx;
 
+	color: #3C3C3C;
 
+	font-size: 28rpx;
 
+}
 
+.callGb{
 
+	width: 26rpx;height: 26rpx;
 
+}
 
+.callTop{
 
+	padding: 30rpx 20rpx;display: flex;justify-content: space-between;
 
+}
 
+.shortcut{
 
+	padding: 20rpx;
 
+}
 
+.shortcutTitle{
 
+	color: #999999;font-size: 24rpx;
 
+}
 
+.shortcutLine{
 
+	color: #3C3C3C;font-size: 24rpx;
 
+	height: 60rpx;line-height: 60rpx;
 
+	border-radius: 10rpx;padding: 0 24rpx;
 
+	border: 1px solid #EEEEEE;
 
+	max-width: 662rpx;
 
+	overflow: hidden;        /*内容会被修剪，并且其余内容是不可见的*/
 
+	text-overflow:ellipsis;  /*显示省略符号来代表被修剪的文本。*/
 
+	white-space: nowrap;     /*文本不换行*/
 
+
 
+}
 
+.txtBox{
 
+	padding: 6rpx 20rpx;
 
+}
 
+.callbox .textarea{
 
+	height: 180rpx;font-size: 28rpx;
 
+	background: #F4F5F7;padding: 26rpx 30rpx;
 
+	border-radius: 10rpx;
 
+	width: 538rpx;
 
+}
 
+</style>
 
+<!-- 
+
 
+ -->

+ 20 - 0
index.html
查看文件 

@@ -0,0 +1,20 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <script>
 
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
 
+        CSS.supports('top: constant(a)'))
 
+      document.write(
 
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
 
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
 
+    </script>
 
+    <title></title>
 
+    <!--preload-links-->
 
+    <!--app-context-->
 
+  </head>
 
+  <body>
 
+    <div id="app"><!--app-html--></div>
 
+    <script type="module" src="/main.js"></script>
 
+  </body>
 
+</html>

+ 22 - 0
main.js
查看文件 

@@ -0,0 +1,22 @@
 
+import App from './App'
 
+
 
+// #ifndef VUE3
 
+import Vue from 'vue'
 
+import './uni.promisify.adaptor'
 
+Vue.config.productionTip = false
 
+App.mpType = 'app'
 
+const app = new Vue({
 
+  ...App
 
+})
 
+app.$mount()
 
+// #endif
 
+
 
+// #ifdef VUE3
 
+import { createSSRApp } from 'vue'
 
+export function createApp() {
 
+  const app = createSSRApp(App)
 
+  return {
 
+    app
 
+  }
 
+}
 
+// #endif

+ 72 - 0
manifest.json
查看文件 

@@ -0,0 +1,72 @@
 
+{
 
+    "name" : "remind",
 
+    "appid" : "__UNI__71CE929",
 
+    "description" : "",
 
+    "versionName" : "1.0.0",
 
+    "versionCode" : "100",
 
+    "transformPx" : false,
 
+    /* 5+App特有相关 */
 
+    "app-plus" : {
 
+        "usingComponents" : true,
 
+        "nvueStyleCompiler" : "uni-app",
 
+        "compilerVersion" : 3,
 
+        "splashscreen" : {
 
+            "alwaysShowBeforeRender" : true,
 
+            "waiting" : true,
 
+            "autoclose" : true,
 
+            "delay" : 0
 
+        },
 
+        /* 模块配置 */
 
+        "modules" : {},
 
+        /* 应用发布信息 */
 
+        "distribute" : {
 
+            /* android打包配置 */
 
+            "android" : {
 
+                "permissions" : [
 
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
 
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
 
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
 
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
 
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
 
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
 
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
 
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
 
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
 
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
 
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
 
+                ]
 
+            },
 
+            /* ios打包配置 */
 
+            "ios" : {},
 
+            /* SDK配置 */
 
+            "sdkConfigs" : {}
 
+        }
 
+    },
 
+    /* 快应用特有相关 */
 
+    "quickapp" : {},
 
+    /* 小程序特有相关 */
 
+    "mp-weixin" : {
 
+        "appid" : "",
 
+        "setting" : {
 
+            "urlCheck" : false
 
+        },
 
+        "usingComponents" : true
 
+    },
 
+    "mp-alipay" : {
 
+        "usingComponents" : true
 
+    },
 
+    "mp-baidu" : {
 
+        "usingComponents" : true
 
+    },
 
+    "mp-toutiao" : {
 
+        "usingComponents" : true
 
+    },
 
+    "uniStatistics" : {
 
+        "enable" : false
 
+    },
 
+    "vueVersion" : "2"
 
+}

+ 35 - 0
pages.json
查看文件 

@@ -0,0 +1,35 @@
 
+{
 
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 
+		{
 
+			"path": "pages/index/index",
 
+			"style": {
 
+				"navigationStyle": "custom"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/index/maintenance",
 
+			"style": {
 
+				"navigationStyle": "custom"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/index/birthday",
 
+			"style": {
 
+				"navigationStyle": "custom"
 
+			}
 
+		},
 
+		{
 
+			"path": "pages/index/details",
 
+			"style": {
 
+				"navigationStyle": "custom"
 
+			}
 
+		}
 
+	],
 
+	"globalStyle": {
 
+		"navigationBarTextStyle": "black",
 
+		"navigationBarTitleText": "uni-app",
 
+		"navigationBarBackgroundColor": "#F8F8F8",
 
+		"backgroundColor": "#F8F8F8"
 
+	},
 
+	"uniIdRouter": {}
 
+}

+ 504 - 0
pages/index/birthday.vue
查看文件 

@@ -0,0 +1,504 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="zdyNavBox">
 
+			<view class="zdyNav">
 
+				<view class="zdyNavLeft">
 
+					<image src="../../static/img/nav_icon_back.png" mode="aspectFit" class="backImg" @click="goback">
 
+					</image>
 
+				</view>
 
+				<view class="zdyNavTitle">客户生日提醒</view>
 
+				<view style="width: 50px;"></view>
 
+			</view>
 
+		</view>
 
+		
+		<view style="height: 45px;"></view>
 
+		<view class="newtop">
 
+			<view class="topTabBox">
 
+				<view class="topTab tabActive">全部</view>
 
+				<view class="topTab">待我处理</view>
 
+				<view class="topTab">我已完成</view>
 
+				<view class="topTab">所以待处理</view>
 
+				<view class="topTab">所以已完成</view>
 
+			</view>
 
+			<view class="searchBox">
 
+			  <view class="searchInputBox">
 
+				  <image src="../../static/img/icon_search.png" mode="" class="iconSimg"></image>
 
+				  <input type="text" v-model="name" placeholder="订单号、手机号、联系人" class="searchInput" @confirm="searchCf">
 
+			       <image v-if="name" @click="ssql" src="../../static/img/chahao.png" mode="" class="sschahao"></image>
 
+			  </view>
 
+			  <image @click="screenSHowBtn" src="../../static/img/icon_shai.png" mode="" class="iconShai"></image>
 
+			</view>
 
+		</view>
 
+		
+		<!-- 列表 -->
 
+		<view class="listBox">
 
+			<view class="list">
 
+				<view class="listTop">
 
+					<view class="lcode">TX202209090009</view>
 
+					<view class="liststate">提醒单状态</view>
 
+				</view>
 
+				<view class="listCont">
 
+					<view class="listContNameBox">
 
+						<view class="listContName">鲁A29090 客户姓名</view>
 
+						<view class="wxBox">
 
+							<image src="../../static/img/icon_wechat.png" mode="" class="wechatIcon"></image>
 
+							<view class="wxNum">1</view>
 
+						</view>
 
+					</view>
 
+					<view class="listTitme">
 
+						<view class="listTitmeLeft">下次保养：2016-06-25</view>
 
+						<view class="listTitmeRight">距离天数：10</view>
 
+					</view>
 
+					<view class="listTitme">
 
+						<view class="listTitmeLeft">处理人：张三</view>
 
+					</view>
 
+					
+				</view>
 
+				<view class="listBottom">
 
+					<view class="listBtn">完成</view>
 
+					<view class="listBtn" style="margin-left: 20rpx;">微信提醒</view>
 
+					<view class="listBtn" style="margin-left: 20rpx;">短信提醒</view>
 
+					<view class="listBtn" style="margin-left: 20rpx;">电话提醒</view>
 
+				</view>
 
+			</view>
 
+			
+		</view>
 
+		
+		<!-- 列表 -->
 
+		
+		
+		<!-- 筛选弹框 -->
 
+		<view class="screenBox" v-if="screenSHow" @click="screenHide">
 
+		  <view class="screenCont" @click.stop="">
 
+			  <view class="screenTitle">筛选</view>
 
+			  <view class="screenBt">下次保养日期</view>
 
+			  <view class="sdTimeBox">
 
+				   <picker mode="date" :value="date1"  @change="bindDateChange1">
 
+						<view class="dateinput">{{date1?date1:'选择日期'}}</view>
 
+					</picker>
 
+					<view class="timeHx">-</view>
 
+					<picker mode="date" :value="date2"  @change="bindDateChange2">
 
+						<view class="dateinput">{{date2?date2:'选择日期'}}</view>
 
+					</picker>
 
+			  </view>
 
+			  <view class="screenBt">处理人</view>
 
+			  <view class="">
 
+			  	   <picker @change="bindPickerChange" :value="pickerindex" :range-key="'shopName'" :range="pickerarray">
 
+			  	 		<view class="uniPicker"> 
+							<view class="uniPickerName">
 
+							  {{shopName}}
 
+							</view>
 
+						   <image src="../../static/img/jt.png" mode=" " class="jtShopImg"></image>
 
+						</view>
 
+			  	   </picker>
 
+			  </view>
 
+			  <view class="screenBt">所属门店</view>
 
+			  <view class="">
 
+			  	   <picker @change="bindPickerChange" :value="pickerindex" :range-key="'shopName'" :range="pickerarray">
 
+			  	 		<view class="uniPicker"> 
+							<view class="uniPickerName">
 
+							  {{shopName}}
 
+							</view>
 
+						   <image src="../../static/img/jt.png" mode=" " class="jtShopImg"></image>
 
+						</view>
 
+			  	   </picker>
 
+			  </view>
 
+			  <view class="screenBt">提醒单状态</view>
 
+			  <view class="typelineBox">
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==1}" @click="typeLineCk(1)">未处理</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==2}" @click="typeLineCk(2)">处理中</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==3}" @click="typeLineCk(3)">已完成</view>
 
+			  </view> 
+			  <view class="screenBt">电话提醒</view>
 
+			  <view class="typelineBox">
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==1}" @click="typeLineCk(1)">未提现</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==2}" @click="typeLineCk(2)">已提醒</view>
 
+			  </view>
 
+			  <view class="screenBt">短信提醒</view>
 
+			  <view class="typelineBox">
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==1}" @click="typeLineCk(1)">未提现</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==2}" @click="typeLineCk(2)">已提醒</view>
 
+			  </view>
 
+			  <view class="screenBt">微信提醒</view>
 
+			  <view class="typelineBox">
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==1}" @click="typeLineCk(1)">未提现</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==2}" @click="typeLineCk(2)">已提醒</view>
 
+			  </view>
 
+			  <view class="screenBt">微信提醒</view>
 
+			  <view class="typelineBox">
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==1}" @click="typeLineCk(1)">未提现</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==2}" @click="typeLineCk(2)">已提醒</view>
 
+			  </view>
 
+			  <view class="screenBt">发放优惠券</view>
 
+			  <view class="typelineBox">
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==1}" @click="typeLineCk(1)">未发放</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==2}" @click="typeLineCk(2)">已发放</view>
 
+			  </view>
 
+			  <view style="height: 120rpx;"> </view>
 
+			   
+			   <view class="screenBottom">
 
+				   <view class="screenCz" @click="resetting">重置</view>
 
+				   <view class="screenY" @click="sub">确定</view>
 
+			   </view>
 
+		  </view>
 
+		</view>
 
+		
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		data() {
 
+			return {
 
+				pickerarray: [
 
+					{shopName:'66'},{shopName:'77'}
 
+				],
 
+				date1:'',
 
+				date2:'',
 
+				screenSHow:false,
 
+				pickerindex:'',
 
+				shopName:'',
 
+			}
 
+		},
 
+		onLoad() {
 
+
 
+		},
 
+		methods: {
 
+			resetting(){
 
+				
+			},
 
+			sub(){
 
+				
+			},
 
+			bindPickerChange(){
 
+				
+			},
 
+			screenHide(){
 
+				this.screenSHow=false;
 
+			},
 
+			screenSHowBtn(){
 
+				this.screenSHow=true;
 
+			},
 
+            goback(){
 
+				//app交互
 
+				var standalone = window.navigator.standalone
 
+				var userAgent = window.navigator.userAgent.toLowerCase()
 
+				var safari = /safari/.test(userAgent)
 
+				var ios = /iphone|ipod|ipad|mac/.test(userAgent)
 
+				var android = /android/.test(userAgent)
 
+				if (ios) {
 
+					 if ( true) {//!standalone&& !safari
 
+					   window.webkit.messageHandlers.goMyNav.postMessage(null)
 
+					 }
 
+				} else if (android) {
 
+					 window.android.postMessage()
 
+				}
 
+			}
 
+		},
 
+		
+	}
 
+</script>
 
+
 
+<style scoped>
 
+.listBox{
 
+	padding-top: 230rpx;
 
+	padding-left: 24rpx;
 
+	padding-right: 24rpx;
 
+}
 
+.list{
 
+	background: #FFFFFF;border-radius: 10rpx;
 
+}
 
+.listTop{
 
+	display: flex;justify-content: space-between;
 
+	padding: 20rpx;border-bottom: 1px solid #EEEEEE;
 
+}
 
+.wechatIcon{
 
+	width: 38rpx;height: 32rpx;
 
+}
 
+.listContNameBox{
 
+	display: flex;
 
+}
 
+.listContName{
 
+	line-height: 32rpx;font-weight: 600;
 
+color: #3C3C3C;font-size: 30rpx;padding-right: 18rpx;
 
+}
 
+.listCont{
 
+	padding: 20rpx;border-bottom: 1px solid #EEEEEE;
 
+}
 
+.wxBox{
 
+	position: relative;
 
+}
 
+.wxNum{
 
+	position: absolute;
 
+	top: 0;right: -10rpx;
 
+	width: 20rpx;height: 20rpx;
 
+	background: #FFFFFF;
 
+	border-radius: 50%;
 
+	border: 1rpx solid #07C060;
 
+	color: #07C060;font-size: 10rpx;
 
+	line-height: 20rpx;text-align: center;
 
+}
 
+.listCar{
 
+	color: #999999;border-radius: 5rpx;
 
+border: 1rpx solid #DDDDDD;font-size: 24rpx;
 
+line-height: 36rpx;padding: 0 14rpx;margin-top: 16rpx;
 
+}
 
+.listTitme{
 
+	display: flex;justify-content: space-between;padding-top: 16rpx;
 
+	font-weight: 400;
 
+	color: #999999;font-size: 24rpx;
 
+}
 
+.listTitmeRight{
 
+	color: #FF4F00;
 
+}
 
+.listBottom{
 
+	display: flex;
 
+	padding:  28rpx 20rpx;
 
+	
+}
 
+.listBtn{
 
+	font-size: 28rpx;line-height: 60rpx;
 
+	color: #333333;border-radius: 30rpx;
 
+border: 1rpx solid #DDDDDD;padding: 0 24rpx;
 
+}
 
+.liststate{
 
+	color: #3F90F7;
 
+}
 
+	.zdyNavBox {
 
+		width: 100vw;
 
+		background: #FFFFFF;
 
+		position: fixed;
 
+		top: 0;
 
+		left: 0;
 
+		z-index: 9999999;
 
+	    border-bottom: 1px solid #F4F5F7;
 
+	
+	}
 
+	
+	.zdyNav {
 
+		height: 44px;
 
+		display: flex;
 
+		justify-content: space-between;
 
+	
+		align-items: center;
 
+	
+	}
 
+	
+	.backImg {
 
+		width: 44rpx;
 
+		height: 44rpx;
 
+		margin-left: 10rpx;
 
+		margin-right: 20rpx;
 
+	}
 
+	.homeImg {
 
+		width: 44rpx;
 
+		height: 44rpx;
 
+	
+	}
 
+	
+	.zdyNavLeft {
 
+		display: flex;
 
+		align-items: center;
 
+	}
 
+	
+	.zdyNavTitle {
 
+	    font-weight: 500;
 
+		height: 44px;
 
+		background: #FFFFFF;
 
+		text-align: center;
 
+		font-size: 34rpx;
 
+		line-height: 44px;
 
+		color: #333333;
 
+	}
 
+	.content{
 
+		background: #F4F5F7;
 
+		min-height: 100vh;
 
+	}
 
+	.newtop{
 
+		 position: fixed;z-index: 11;
 
+	}
 
+	.searchInputBox{
 
+		width: 630rpx;
 
+		height: 72rpx;
 
+		background: #F4F5F7;
 
+		border-radius: 36rpx;
 
+		display: flex;
 
+	}
 
+	.searchInput{
 
+		font-size: 28rpx;padding-left: 16rpx;height: 72rpx;line-height: 72rpx;
 
+		width: 500rpx;
 
+	}
 
+	.iconSimg{
 
+		width: 40rpx;height: 40rpx;margin-top: 16rpx;margin-left: 20rpx;
 
+	}
 
+	.searchBox{
 
+		display: flex;background: #FFFFFF;padding: 24rpx;   
+		left: 0;
 
+	}
 
+	.screenBox{
 
+		width: 100%;
 
+		height: 100%;
 
+		position: fixed;
 
+		left: 0;
 
+		top: 0px;
 
+		background: rgba(0 ,0,0,0.5);
 
+		z-index: 999;
 
+	}
 
+	.screenBottom{
 
+		width: 649rpx;
 
+		height: 120rpx;
 
+		background: #FFFFFF;
 
+		box-shadow: 0rpx -2rpx 10rpx 0rpx rgba(153,153,153,0.2);
 
+		position: absolute;
 
+		bottom: 0;
 
+		right: 0;
 
+		display: flex;
 
+		justify-content: space-around;
 
+	}
 
+	.screenCz{
 
+		width: 291rpx;text-align: center;margin-top: 22rpx;
 
+		height: 74rpx;line-height: 74rpx;
 
+		background: #F4F5F7;color: #000000;
 
+		border-radius: 37rpx;font-size: 28rpx;
 
+	}
 
+	.screenY{
 
+		width: 291rpx;text-align: center;margin-top: 22rpx;
 
+		height: 74rpx;line-height: 74rpx;
 
+		background: #D53533;color: #FFFFFF;
 
+		border-radius: 37rpx;font-size: 28rpx;
 
+	}
 
+	.screenCont{
 
+		width: 650rpx;
 
+		height: 100%;
 
+		background: #FFFFFF;
 
+		margin-left: 100rpx;
 
+	}
 
+	.screenTitle{
 
+		font-weight: 400;font-size: 24rpx;padding-top:calc(44px + 20rpx);padding-left: 20rpx;
 
+		color: #333333;
 
+	}
 
+	.screenBt{
 
+		font-weight: 400;font-size: 24rpx;
 
+		color: #333333;padding-left: 20rpx;padding-top: 30rpx;
 
+	}
 
+	.iconShai{
 
+		width: 36rpx;height: 39rpx;margin-top: 17rpx;
 
+		margin-left: 30rpx;
 
+	}
 
+	.topTabBox{
 
+		display: flex;
 
+		background: #FFFFFF;
 
+	}
 
+	.topTab{
 
+		font-weight: 400;
 
+		color: #666666;
 
+		font-size: 32rpx;
 
+		line-height: 90rpx;
 
+		padding: 0 10rpx;
 
+	}
 
+.tabActive{
 
+	color: #3F90F7;
 
+	border-bottom: 2px solid #3F90F7;
 
+}
 
+.screenBox{
 
+		width: 100%;
 
+		height: 100%;
 
+		position: fixed;
 
+		left: 0;
 
+		top: 0;
 
+		background: rgba(0 ,0,0,0.5);
 
+		z-index: 999;
 
+	}
 
+	.screenBottom{
 
+		width: 649rpx;
 
+		height: 120rpx;
 
+		background: #FFFFFF;
 
+		box-shadow: 0rpx -2rpx 10rpx 0rpx rgba(153,153,153,0.2);
 
+		position: absolute;
 
+		bottom: 0;
 
+		right: 0;
 
+		display: flex;
 
+		justify-content: space-around;
 
+	}
 
+	.screenCz{
 
+		width: 291rpx;text-align: center;margin-top: 22rpx;
 
+		height: 74rpx;line-height: 74rpx;
 
+		background: #F4F5F7;color: #000000;
 
+		border-radius: 37rpx;font-size: 28rpx;
 
+	}
 
+	.screenY{
 
+		width: 291rpx;text-align: center;margin-top: 22rpx;
 
+		height: 74rpx;line-height: 74rpx;
 
+		background: #D53533;color: #FFFFFF;
 
+		border-radius: 37rpx;font-size: 28rpx;
 
+	}
 
+	.screenCont{
 
+		width: 650rpx;
 
+		height: 100%;
 
+		background: #FFFFFF;
 
+		margin-left: 100rpx;
 
+	}
 
+	
+	.screenBt{
 
+		font-weight: 400;font-size: 24rpx;
 
+		color: #333333;padding-left: 20rpx;padding-top: 30rpx;
 
+	}
 
+	.iconShai{
 
+		width: 36rpx;height: 39rpx;margin-top: 17rpx;
 
+		margin-left: 30rpx;
 
+	}
 
+	.iconSimg{
 
+		width: 40rpx;height: 40rpx;margin-top: 16rpx;margin-left: 20rpx;
 
+	}
 
+	.searchBox{
 
+		display: flex;background: #FFFFFF;padding: 24rpx;   
+		left: 0;
 
+	}
 
+	.typeLine{
 
+		width: 178rpx;color: #3C3C3C;
 
+		height: 64rpx;font-size: 24rpx;
 
+		background: #F4F5F7;margin-top: 20rpx;
 
+		border-radius: 36rpx;margin-right: 30rpx;
 
+		text-align: center;
 
+		line-height: 64rpx;
 
+	}
 
+	.typeactive{
 
+		border: 2rpx solid #D53533;height: 60rpx;color: #D53533;background: #FFFFFF;width: 174rpx;
 
+	}
 
+	.typelineBox{
 
+		display: flex;flex-wrap: wrap;padding-left: 20rpx;
 
+	}
 
+	.uniPicker{
 
+		width: 606rpx;
 
+		height: 64rpx;
 
+		background: #F4F5F7;font-size: 24rpx;
 
+		border-radius: 36rpx;color: #3C3C3C;
 
+		display: flex;justify-content: space-between;
 
+		margin-top: 20rpx;margin-left: 20rpx;
 
+	}
 
+	.jtShopImg{
 
+		width: 24rpx;height: 24rpx;margin-top: 20rpx;margin-right: 26rpx;
 
+		}
 
+	.uniPickerName{
 
+		padding-left: 20rpx;line-height: 64rpx;
 
+		overflow:hidden;
 
+		  white-space: nowrap;
 
+		  text-overflow: ellipsis;
 
+		  -o-text-overflow:ellipsis;
 
+		  width: 500rpx;
 
+	}
 
+	.dateinput{
 
+		width: 270rpx;color: #999999;
 
+		height: 64rpx;font-size: 24rpx;line-height: 64rpx;
 
+		background: #F4F5F7;padding-left: 20rpx;
 
+		border-radius: 36rpx;
 
+	}
 
+	.sdTimeBox{
 
+		display: flex;
 
+		padding-top: 20rpx;padding-left: 20rpx;
 
+	}
 
+	.timeHx{
 
+		font-weight: 400;line-height: 64rpx;padding: 0 4rpx;
 
+		color: #DDDDDD;font-size: 24rpx;
 
+	}
 
+</style>

+ 537 - 0
pages/index/details.vue
查看文件 

@@ -0,0 +1,537 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="zdyNavBox">
 
+			<view class="zdyNav">
 
+				<view class="zdyNavLeft">
 
+					<image src="../../static/img/icon_backup.png" mode="aspectFit" class="backImg" @click="goback">
 
+					</image>
 
+				</view>
 
+				<view class="zdyNavTitle">订单提醒详情</view>
 
+				<view style="width: 50px;"></view>
 
+			</view>
 
+		</view>
 
+		<view style="height: 44px;"></view>
 
+		<view class="topCont">
 
+			<view class="stateBox">
 
+				<image src="../../static/img/icon_ddztty.png" mode="" class="stateImg"></image>
 
+				<view class="stateTxt">提醒单状态</view>
 
+			</view>
 
+		</view>
 
+		<view class="topyh"></view>
 
+		<view class="nameBox">
 
+			<view class="nameTopBox">
 
+				<view class="nameTop">
 
+					<view class="nameTxt">这是客户姓名</view>
 
+					<view class="wxBox">
 
+						<image src="../../static/img/icon_wechat.png" mode="" class="wechatIcon"></image>
 
+						<view class="wxNum">1</view>
 
+					</view>
 
+				</view>
 
+				<image src="../../static/img/icon_list_arrow.png" mode="" class="namejt"></image>
 
+			</view>
 
+			<view class="vipbox">
 
+				<view class="vipJb">普通会员</view>
 
+				<view class="vipName">
 
+					<image src="../../static/img/icon_advisor.png" mode="" class="vipIcon"></image>
 
+					<view class="vipNameTxt">赵禁蚊</view>
 
+				</view>
 
+			</view>
 
+			<view class="sourceBox">
 
+				<view class="nameline">客户来源：推荐</view>
 
+				<view class="nameline">客户来源：推荐</view>
 
+			</view>
 
+			<view class="nameline">客户备注：这是客户备注这是客户备注</view>
 
+			<view class="nameline">所属门店：连锁店过长长长长长长长长长长长换行换行长长长</view>
 
+		</view>
 
+		
+		<view class="dlineBox">
 
+			<view class="nameTopBox">
 
+				<view class="nameTxt">鲁A29090</view>
 
+				<image src="../../static/img/icon_list_arrow.png" mode="" class="namejt"></image>
 
+			</view>
 
+			<view style="display: flex;">
 
+				<view class="listCar">东风日产-轩逸-2022款 e-POWER 超智PLUS</view>
 
+			</view>
 
+		</view>
 
+		<view class="txCont">
 
+			<view class="txTop">
 
+				<view class="txTitle">提醒信息</view>
 
+				<view class="txTopBtn">未完成提醒单</view>
 
+			</view>
 
+			<view class="txLine">
 
+				<view class="txLineLeft">单号</view>
 
+				<view class="txLineRight">CGJHB879888803</view>
 
+			</view>
 
+			<view class="txLine">
 
+				<view class="txLineLeft">提醒生成日期</view>
 
+				<view class="txLineRight">2017-05-17</view>
 
+			</view>
 
+			<view class="txLine">
 
+				<view class="txLineLeft">提醒失效日期</view>
 
+				<view class="txLineRight">2017-05-17</view>
 
+			</view>
 
+			<view class="txLine">
 
+				<view class="txLineLeft">提醒类型</view>
 
+				<view class="txLineRight">保养提醒</view>
 
+			</view>
 
+			<view class="txLine">
 
+				<view class="txLineLeft">处理人</view>
 
+				<view class="txLineRight">CGJHB879888803</view>
 
+			</view>
 
+			<view class="txLine">
 
+				<view class="txLineLeft">上次到店日期</view>
 
+				<view class="txLineRight">CGJHB879888803</view>
 
+			</view>
 
+			<view class="txLine">
 
+				<view class="txLineLeft">上次消费门店</view>
 
+				<view class="txLineRight">CGJHB879888803</view>
 
+			</view>
 
+			<view class="txLine">
 
+				<view class="txLineLeft">上次到店里程</view>
 
+				<view class="txLineRight">CGJHB879888803</view>
 
+			</view>
 
+			<view class="txLine">
 
+				<view class="txLineLeft">下次保养里程</view>
 
+				<view class="txLineRight">CGJHB879888803</view>
 
+			</view>
 
+			<view class="txLine">
 
+				<view class="txLineLeft">下次保养日期</view>
 
+				<view class="txLineRight">CGJHB879888803</view>
 
+			</view>
 
+			<view class="txLine">
 
+				<view class="txLineLeft">距离天数</view>
 
+				<view class="txLineRight">CGJHB879888803</view>
 
+			</view>
 
+		</view>
 
+		
+		<!-- 跟进进度 -->
 
+		<view class="txCont">
 
+			<view class="followUp">
 
+				<view class="followUpLeft">
 
+					<view class="followUpLeftb"></view>
 
+					<view class="txTitle">提醒信息</view>
 
+				</view>
 
+				<view class="txTopBtn">添加记录</view>
 
+			</view>
 
+			<view class="txtBox">
 
+				<textarea placeholder-style="color:#999999" placeholder="请输入跟进内容，200字以内~" class="textarea"/>
 
+			</view>
 
+			<view class="shortcut">
 
+				<view class="shortcutTitle">快捷输入</view>
 
+				<view class="shortcutBox">
 
+					<view style="display: flex;padding-top: 16rpx;">
 
+						<view class="shortcutLine">这是快捷输入这是快捷输入</view>
 
+					</view>
 
+					<view style="display: flex;padding-top: 16rpx;">
 
+						<view class="shortcutLine">这是快捷输入这是这是快捷输入这是快捷输入快捷输入</view>
 
+					</view>
 
+					<view style="display: flex;padding-top: 16rpx;">
 
+						<view class="shortcutLine">这是快捷输入这是这是快捷输入这是快捷输入这是快捷输入这是快捷输入快捷输入</view>
 
+					</view>
 
+					
+					
+				</view>
 
+			</view>
 
+		</view>
 
+		
+		<!-- 跟进记录 -->
 
+		<view class="txCont">
 
+			<view class="txTop">
 
+				<view class="txTitle">跟进记录</view>
 
+			</view>
 
+			<view class="genjin">
 
+				<view class="genjinLine">
 
+					<view class="genjinLineLeft">
 
+						<view style="height: 10rpx;"></view>
 
+						<view class="gjround"></view>
 
+						<view class="gjsx"></view>
 
+					</view>
 
+					<view class="genjinLineRight">
 
+						<view class="genjinLineRightTime">2022-06-13 15:18:52 刘璐</view>
 
+						<view class="genjinCint">
 
+							
+							<span class="genjinS1">提醒</span>
 
+							<span class="genjinSpan">这是跟进标记内容这是跟进标记内容这是跟</span>
 
+							<span class="genjinsee">（查看跟进内容）</span>
 
+						</view>
 
+					</view>
 
+				</view>
 
+				<view class="genjinLine">
 
+					<view class="genjinLineLeft">
 
+						<view class="gjsx2"></view>
 
+						<view class="gjround"></view>
 
+						<view class="gjsx"></view>
 
+					</view>
 
+					<view class="genjinLineRight">
 
+						<view class="genjinLineRightTime">2022-06-13 15:18:52 刘璐</view>
 
+						<view class="genjinCint">
 
+							<span class="genjinS2">已完成</span>
 
+							<span class="genjinSpan">这是跟进标记内容这是跟进标记内容这是跟</span>
 
+						</view>
 
+					</view>
 
+				</view>
 
+				<view class="genjinLine">
 
+					<view class="genjinLineLeft">
 
+						<view class="gjsx2"></view> 
+						<view class="gjround"></view>
 
+						
+					</view>
 
+					<view class="genjinLineRight">
 
+						<view class="genjinLineRightTime">2022-06-13 15:18:52 刘璐</view>
 
+						<view class="genjinCint">
 
+							<span class="genjinS2">已失效</span>
 
+							<span class="genjinSpan">这是跟进标记内容这是跟进标记内容这是跟</span>
 
+						</view>
 
+					</view>
 
+				</view>
 
+			</view>
 
+		</view>
 
+		<view style="height: 140rpx;"></view>
 
+		<view class="bottomBox">
 
+			<view class="more">
 
+				<span class="moreSpan">更多</span>
 
+				<image src="../../static/img/xia.png" mode=" " class="moreJt"></image>
 
+			</view>
 
+			<view class="bottomBtn1">完成</view>
 
+			<view class="bottomBtn2">微信提醒</view>
 
+			<view class="bottomBtn3">电话提醒</view>
 
+			
+		</view>
 
+		<call></call>
 
+	</view>
 
+</template>
 
+
 
+<script>
 
+	import call from '../../components/call.vue'
 
+	export default {
 
+		components: {
 
+			call
 
+		},
 
+		data() {
 
+			return {
 
+				title: 'Hello'
 
+			}
 
+		},
 
+		onLoad() {
 
+
 
+		},
 
+		methods: {
 
+		 
+         goback(){
 
+         	//app交互
 
+         	var standalone = window.navigator.standalone
 
+         	var userAgent = window.navigator.userAgent.toLowerCase()
 
+         	var safari = /safari/.test(userAgent)
 
+         	var ios = /iphone|ipod|ipad|mac/.test(userAgent)
 
+         	var android = /android/.test(userAgent)
 
+         	if (ios) {
 
+         		 if ( true) {//!standalone&& !safari
 
+         		   window.webkit.messageHandlers.goMyNav.postMessage(null)
 
+         		 }
 
+         	} else if (android) {
 
+         		 window.android.postMessage()
 
+         	}
 
+         }
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+.moreJt{
 
+	width: 32rpx;height: 26rpx;margin-top: 33rpx;
 
+}
 
+.bottomBtn1{
 
+	width: 160rpx;text-align: center;margin-top: 16rpx;
 
+	height: 88rpx;font-weight: 500;margin-left: 20rpx;
 
+    color: #FFFFFF;line-height: 88rpx;
 
+	background: #F19D01;
 
+	border-radius: 10rpx;
 
+}
 
+.bottomBtn2{
 
+	width: 160rpx;text-align: center;margin-top: 16rpx;
 
+	height: 88rpx;font-weight: 500;margin-left: 20rpx;
 
+	color: #FFFFFF;line-height: 88rpx;
 
+	background: #3F90F7;
 
+	border-radius: 10rpx;
 
+}
 
+.bottomBtn3{
 
+	width: 160rpx;text-align: center;margin-top: 16rpx;
 
+	height: 88rpx;font-weight: 500;margin-left: 20rpx;
 
+	color: #FFFFFF;line-height: 88rpx;
 
+	background: #F19D01;
 
+	border-radius: 10rpx;
 
+}
 
+.more{
 
+	width: 160rpx;line-height: 88rpx;
 
+	height: 88rpx;margin-top: 16rpx;margin-left: 24rpx;
 
+	background: #F4F5F7;
 
+	border-radius: 10rpx;
 
+	display: flex;justify-content: center;
 
+}
 
+.moreSpan{
 
+	font-weight: 500;font-size: 30rpx;padding-left: 33rpx;
 
+	color: #3F90F7;
 
+}
 
+.bottomBox{
 
+	width: 750rpx;display: flex;
 
+	height: 120rpx;
 
+	background: #FFFFFF;
 
+	position: fixed;left: 0;bottom: 0;
 
+}
 
+.genjin{
 
+	padding: 30rpx 20rpx;
 
+}
 
+.genjinLine{
 
+	display: flex;
 
+}
 
+.genjinS1{
 
+	font-weight: 400;font-size: 22rpx;line-height: 30rpx;padding: 0 4rpx;
 
+	color: #F19D01;border-radius: 4rpx;
 
+border: 1px solid #F19D01;
 
+}
 
+.genjinS2{
 
+	font-weight: 400;font-size: 22rpx;line-height: 30rpx;padding: 0 4rpx;
 
+	color: #999999;border-radius: 4rpx;
 
+	border: 1px solid #DDDDDD;
 
+}
 
+.genjinSpan{
 
+	color: #3C3C3C;font-size: 28rpx;line-height: 34rpx;padding-left: 16rpx;
 
+}
 
+.genjinsee{
 
+	color: #3F90F7;font-size: 28rpx;line-height: 34rpx;
 
+}
 
+.genjinLineRightTime{
 
+	font-size: 24rpx;
 
+color: #999999;
 
+padding-bottom: 16rpx;
 
+}
 
+.genjinLineLeft{
 
+	padding-right: 30rpx;
 
+}
 
+.gjround{
 
+	width: 16rpx;
 
+	height: 16rpx;
 
+	background: #DDDDDD;
 
+	border-radius: 8rpx;
 
+}
 
+.gjsx{
 
+	width: 2rpx;
 
+	background: #F4F5F7; 
+	height: 160rpx;
 
+	margin-left: 7rpx;
 
+}
 
+.gjsx2{
 
+	width: 2rpx;
 
+	background: #F4F5F7; 
+	height: 10rpx;
 
+	margin-left: 7rpx;
 
+}
 
+.followUp{
 
+	display: flex;justify-content: space-between;
 
+	padding: 30rpx 20rpx;border-bottom: 1px solid #EEEEEE;
 
+}
 
+.followUpLeft{
 
+	display: flex;
 
+}
 
+.followUpLeftb{
 
+	width: 6rpx;margin-right: 10rpx;
 
+	height: 24rpx;margin-top: 22rpx;
 
+	background: #3F90F7;
 
+	border-radius: 1px;
 
+}
 
+.shortcut{
 
+	padding: 20rpx;
 
+}
 
+.shortcutTitle{
 
+	color: #999999;font-size: 24rpx;
 
+}
 
+.shortcutLine{
 
+	color: #3C3C3C;font-size: 24rpx;
 
+	height: 60rpx;line-height: 60rpx;
 
+	border-radius: 10rpx;padding: 0 24rpx;
 
+	border: 1px solid #EEEEEE;
 
+	max-width: 662rpx;
 
+	overflow: hidden;        /*内容会被修剪，并且其余内容是不可见的*/
 
+	text-overflow:ellipsis;  /*显示省略符号来代表被修剪的文本。*/
 
+	white-space: nowrap;     /*文本不换行*/
 
+
 
+}
 
+.txtBox{
 
+	padding: 35rpx 20rpx;
 
+}
 
+.textarea{
 
+	height: 180rpx;font-size: 28rpx;
 
+	background: #F4F5F7;padding: 26rpx 30rpx;
 
+	border-radius: 10rpx;
 
+}
 
+.txCont{
 
+	background: #fff;border-radius: 10rpx;
 
+	margin-left: 24rpx;
 
+	margin-right: 24rpx;
 
+	margin-top: 20rpx;
 
+	padding-bottom: 30rpx;
 
+}
 
+.txTop{
 
+	display: flex;justify-content: space-between;
 
+	padding: 30rpx 20rpx;border-bottom: 1px solid #EEEEEE;
 
+}
 
+.txTitle{
 
+	color: #3C3C3C;font-weight: 500;font-size: 32rpx;line-height: 62rpx;
 
+}
 
+.txTopBtn{
 
+	font-weight: 400;
 
+    color: #333333;font-size: 28rpx;
 
+	height: 60rpx;padding: 0 24rpx;
 
+	border-radius: 30rpx;
 
+	border: 1rpx solid #DDDDDD;
 
+	line-height: 60rpx;text-align: center;
 
+}
 
+.txLine{
 
+	display: flex;font-weight: 400;font-size: 28rpx;padding-top: 30rpx;
 
+	padding-left: 20rpx;
 
+}
 
+.txLineLeft{
 
+	color: #666666;width: 200rpx;
 
+}
 
+.txLineRight{
 
+	color: #333333;
 
+}
 
+.dlineBox{
 
+	background: #fff;border-radius: 10rpx;
 
+	padding: 30rpx 20rpx;
 
+	margin-left: 24rpx;
 
+	margin-right: 24rpx;
 
+	margin-top: 20rpx;
 
+}
 
+.listCar{
 
+	color: #999999;border-radius: 5rpx;
 
+border: 1rpx solid #DDDDDD;font-size: 24rpx;
 
+line-height: 36rpx;padding: 0 14rpx;margin-top: 16rpx;
 
+}
 
+.sourceBox{
 
+	display: flex;justify-content: space-between;
 
+}
 
+.vipIcon{
 
+	width: 28rpx;height: 28rpx;margin-top: 3rpx;
 
+}
 
+.nameline{
 
+	color: #999999;font-size: 24rpx;padding-top: 16rpx;
 
+}
 
+.vipbox{
 
+	display: flex;justify-content: space-between;padding-top: 18rpx;
 
+}
 
+.vipJb{
 
+color: #F19D01;	font-size: 24rpx;background: #FFF8EB;
 
+border-radius: 5rpx;line-height: 36rpx;width: 112rpx;text-align: center;
 
+}
 
+.vipNameTxt{
 
+	font-weight: 400;font-size: 24rpx;padding-left: 10rpx;
 
+	color: #999999;line-height: 36rpx;
 
+}
 
+.vipName{
 
+	display: flex;
 
+}
 
+.nameBox{
 
+	background: #fff;border-radius: 10rpx;
 
+	padding: 30rpx 20rpx;
 
+	margin-left: 24rpx;
 
+	margin-right: 24rpx;
 
+	margin-top: -120rpx;
 
+}
 
+.namejt{
 
+	width: 13rpx;height: 24rpx;margin-top: 4rpx;
 
+}
 
+.nameTopBox{
 
+	display: flex;justify-content: space-between;
 
+}
 
+.stateBox{
 
+	display: flex;justify-content: center;padding-top: 50rpx;
 
+}
 
+.stateImg{
 
+	width: 50rpx;height: 50rpx;
 
+}
 
+.stateTxt{
 
+	line-height: 50rpx;padding-left: 20rpx;color: #FFFFFF;font-size: 36rpx;font-weight: 500;
 
+}
 
+.nameTop{
 
+	display: flex;
 
+}
 
+.nameTxt{
 
+	font-weight: 500;font-size: 30rpx;padding-right: 18rpx;
 
+	color: #333333;line-height: 38rpx;
 
+}
 
+.wechatIcon{
 
+	width: 38rpx;height: 32rpx;
 
+}
 
+.wxBox{
 
+	position: relative;
 
+}
 
+.wxNum{
 
+	position: absolute;
 
+	top: 0;right: -10rpx;
 
+	width: 20rpx;height: 20rpx;
 
+	background: #FFFFFF;
 
+	border-radius: 50%;
 
+	border: 1rpx solid #07C060;
 
+	color: #07C060;font-size: 10rpx;
 
+	line-height: 20rpx;text-align: center;
 
+}
 
+.zdyNavBox {
 
+		width: 100vw;
 
+		background: #3F90F7;
 
+		position: fixed;
 
+		top: 0;
 
+		left: 0;
 
+		z-index: 9999999;
 
+	  
+	
+	}
 
+	
+	.zdyNav {
 
+		height: 44px;
 
+		display: flex;
 
+		justify-content: space-between;
 
+	
+		align-items: center;
 
+	
+	}
 
+	
+	.backImg {
 
+		width: 22rpx;
 
+		height: 35rpx;
 
+		margin-left: 20rpx;
 
+		margin-right: 20rpx;
 
+	}
 
+	.homeImg {
 
+		width: 44rpx;
 
+		height: 44rpx;
 
+	
+	}
 
+	
+	.zdyNavLeft {
 
+		display: flex;
 
+		align-items: center;
 
+	}
 
+	
+	.zdyNavTitle {
 
+	    font-weight: 500;
 
+		height: 44px;
 
+		text-align: center;
 
+		font-size: 34rpx;
 
+		line-height: 44px;
 
+		color: #fff;
 
+	}
 
+.topCont{
 
+	height: 200rpx;background: #3F90F7;
 
+}
 
+.topyh{
 
+	height: 80rpx;background: #3F90F7;
 
+	border-bottom-left-radius: 50%;border-bottom-right-radius: 50%;
 
+}
 
+.content{
 
+	background: #F4F5F7;min-height: 100vh;
 
+}
 
+</style>
 
+<!-- 
+
 
+ -->

+ 243 - 0
pages/index/index.vue
查看文件 

@@ -0,0 +1,243 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="zdyNavBox">
 
+			<view class="zdyNav">
 
+				<view class="zdyNavLeft">
 
+					<image src="../../static/img/nav_icon_back.png" mode="aspectFit" class="backImg" @click="goback">
 
+					</image>
 
+				</view>
 
+				<view class="zdyNavTitle">客户提醒</view>
 
+				<view style="width: 50px;"></view>
 
+			</view>
 
+		</view>
 
+		<view style="height: 45px;"></view>
 
+		
+		<view class="lineBox">
 
+			<view class="line" @click="goRouter('maintenance')">
 
+				<view class="lineTop">
 
+					<view class="lineTopLeft">
 
+						<image src="../../static/img/icon_baoy.png" mode="" class="lineImg"></image>
 
+						<view class="lineTitle">保养提醒</view>
 
+					</view>
 
+					<image src="../../static/img/jt.png" mode="" class="lineJt"></image>
 
+				</view>
 
+				 <view class="lineCont">
 
+					<view class="lineK">
 
+						<view class="linems">待我处理：</view>
 
+						<view class="lineNum">10</view>
 
+					</view>
 
+					<view class="lineK">
 
+						<view class="linems">所有待处理：</view>
 
+						<view class="lineNum">10</view>
 
+					</view>
 
+				 </view>
 
+			</view>
 
+			<view class="grey"></view>
 
+			<view class="line">
 
+				<view class="lineTop">
 
+					<view class="lineTopLeft">
 
+						<image src="../../static/img/icon_baox.png" mode="" class="lineImg"></image>
 
+						<view class="lineTitle">保险提醒</view>
 
+					</view>
 
+					<image src="../../static/img/jt.png" mode="" class="lineJt"></image>
 
+				</view>
 
+				 <view class="lineCont">
 
+					<view class="lineK">
 
+						<view class="linems">待我处理：</view>
 
+						<view class="lineNum">10</view>
 
+					</view>
 
+					<view class="lineK">
 
+						<view class="linems">所有待处理：</view>
 
+						<view class="lineNum">10</view>
 
+					</view>
 
+				 </view>
 
+			</view>
 
+			<view class="grey"></view>
 
+			<view class="line">
 
+				<view class="lineTop">
 
+					<view class="lineTopLeft">
 
+						<image src="../../static/img/icon_nians.png" mode="" class="lineImg"></image>
 
+						<view class="lineTitle">年审提醒</view>
 
+					</view>
 
+					<image src="../../static/img/jt.png" mode="" class="lineJt"></image>
 
+				</view>
 
+				 <view class="lineCont">
 
+					<view class="lineK">
 
+						<view class="linems">待我处理：</view>
 
+						<view class="lineNum">10</view>
 
+					</view>
 
+					<view class="lineK">
 
+						<view class="linems">所有待处理：</view>
 
+						<view class="lineNum">10</view>
 
+					</view>
 
+				 </view>
 
+			</view>
 
+			<view class="grey"></view>
 
+			<view class="line">
 
+				<view class="lineTop">
 
+					<view class="lineTopLeft">
 
+						<image src="../../static/img/icon_kehu.png" mode="" class="lineImg"></image>
 
+						<view class="lineTitle">客户生日提醒</view>
 
+					</view>
 
+					<image src="../../static/img/jt.png" mode="" class="lineJt"></image>
 
+				</view>
 
+				 <view class="lineCont">
 
+					<view class="lineK">
 
+						<view class="linems">待我处理：</view>
 
+						<view class="lineNum">10</view>
 
+					</view>
 
+					<view class="lineK">
 
+						<view class="linems">所有待处理：</view>
 
+						<view class="lineNum">10</view>
 
+					</view>
 
+				 </view>
 
+			</view>
 
+			<view class="grey"></view>
 
+			<view class="line">
 
+				<view class="lineTop">
 
+					<view class="lineTopLeft">
 
+						<image src="../../static/img/icon_taoc.png" mode="" class="lineImg"></image>
 
+						<view class="lineTitle">套餐到期提醒</view>
 
+					</view>
 
+					<image src="../../static/img/jt.png" mode="" class="lineJt"></image>
 
+				</view>
 
+				 <view class="lineCont">
 
+					<view class="lineK">
 
+						<view class="linems">待我处理：</view>
 
+						<view class="lineNum">10</view>
 
+					</view>
 
+					<view class="lineK">
 
+						<view class="linems">所有待处理：</view>
 
+						<view class="lineNum">10</view>
 
+					</view>
 
+				 </view>
 
+			</view>
 
+			
+		</view>
 
+		
+		
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		data() {
 
+			return {
 
+				title: 'Hello'
 
+			}
 
+		},
 
+		onLoad() {
 
+
 
+		},
 
+		methods: {
 
+		 goRouter(url){
 
+			 uni.navigateTo({
 
+			 	url:url
 
+			 })
 
+		 },
 
+         goback(){
 
+         	//app交互
 
+         	var standalone = window.navigator.standalone
 
+         	var userAgent = window.navigator.userAgent.toLowerCase()
 
+         	var safari = /safari/.test(userAgent)
 
+         	var ios = /iphone|ipod|ipad|mac/.test(userAgent)
 
+         	var android = /android/.test(userAgent)
 
+         	if (ios) {
 
+         		 if ( true) {//!standalone&& !safari
 
+         		   window.webkit.messageHandlers.goMyNav.postMessage(null)
 
+         		 }
 
+         	} else if (android) {
 
+         		 window.android.postMessage()
 
+         	}
 
+         }
 
+		}
 
+	}
 
+</script>
 
+
 
+<style scoped>
 
+.zdyNavBox {
 
+		width: 100vw;
 
+		background: #FFFFFF;
 
+		position: fixed;
 
+		top: 0;
 
+		left: 0;
 
+		z-index: 9999999;
 
+	    border-bottom: 1px solid #F4F5F7;
 
+	
+	}
 
+	
+	.zdyNav {
 
+		height: 44px;
 
+		display: flex;
 
+		justify-content: space-between;
 
+	
+		align-items: center;
 
+	
+	}
 
+	
+	.backImg {
 
+		width: 44rpx;
 
+		height: 44rpx;
 
+		margin-left: 10rpx;
 
+		margin-right: 20rpx;
 
+	}
 
+	.homeImg {
 
+		width: 44rpx;
 
+		height: 44rpx;
 
+	
+	}
 
+	
+	.zdyNavLeft {
 
+		display: flex;
 
+		align-items: center;
 
+	}
 
+	
+	.zdyNavTitle {
 
+	    font-weight: 500;
 
+		height: 44px;
 
+		background: #FFFFFF;
 
+		text-align: center;
 
+		font-size: 34rpx;
 
+		line-height: 44px;
 
+		color: #333333;
 
+	}
 
+.lineTop{
 
+	display: flex;
 
+	justify-content: space-between;
 
+	padding-bottom: 18rpx;
 
+}
 
+.lineImg{
 
+	width: 48rpx;height: 48rpx;
 
+}
 
+.lineJt{
 
+	width: 32rpx;height: 32rpx;
 
+}
 
+.lineTopLeft{
 
+	display: flex;
 
+	
+}
 
+.lineTitle{
 
+	line-height: 48rpx;padding-left: 24rpx;font-weight: 600;
 
+color: #333333;font-size: 30rpx;
 
+}
 
+.lineCont{
 
+	display: flex;justify-content: space-between;background: #F7F7F7;
 
+	padding: 18rpx 20rpx;border-radius: 10rpx;
 
+}
 
+.lineK{
 
+	display: flex;
 
+}
 
+.grey{
 
+	height: 20rpx;
 
+	background: #F4F5F7;
 
+}
 
+.line{
 
+	padding: 24rpx;
 
+}
 
+.linems{
 
+	color: #666666;font-size: 24rpx;
 
+}
 
+.lineNum{
 
+	color: #FF4F00;font-size: 24rpx;
 
+}
 
+</style>

+ 512 - 0
pages/index/maintenance.vue
查看文件 

@@ -0,0 +1,512 @@
 
+<template>
 
+	<view class="content">
 
+		<view class="zdyNavBox">
 
+			<view class="zdyNav">
 
+				<view class="zdyNavLeft">
 
+					<image src="../../static/img/nav_icon_back.png" mode="aspectFit" class="backImg" @click="goback">
 
+					</image>
 
+				</view>
 
+				<view class="zdyNavTitle">保养提醒</view>
 
+				<view style="width: 50px;"></view>
 
+			</view>
 
+		</view>
 
+		
+		<view style="height: 45px;"></view>
 
+		<view class="newtop">
 
+			<view class="topTabBox">
 
+				<view class="topTab tabActive">全部</view>
 
+				<view class="topTab">待我处理</view>
 
+				<view class="topTab">我已完成</view>
 
+				<view class="topTab">所以待处理</view>
 
+				<view class="topTab">所以已完成</view>
 
+			</view>
 
+			<view class="searchBox">
 
+			  <view class="searchInputBox">
 
+				  <image src="../../static/img/icon_search.png" mode="" class="iconSimg"></image>
 
+				  <input type="text" v-model="name" placeholder="订单号、手机号、联系人" class="searchInput" @confirm="searchCf">
 
+			       <image v-if="name" @click="ssql" src="../../static/img/chahao.png" mode="" class="sschahao"></image>
 
+			  </view>
 
+			  <image @click="screenSHowBtn" src="../../static/img/icon_shai.png" mode="" class="iconShai"></image>
 
+			</view>
 
+		</view>
 
+		
+		<!-- 列表 -->
 
+		<view class="listBox">
 
+			<view class="list">
 
+				<view class="listTop">
 
+					<view class="lcode">TX202209090009</view>
 
+					<view class="liststate">提醒单状态</view>
 
+				</view>
 
+				<view class="listCont" @click="goDetail()">
 
+					<view class="listContNameBox">
 
+						<view class="listContName">鲁A29090 客户姓名</view>
 
+						<view class="wxBox">
 
+							<image src="../../static/img/icon_wechat.png" mode="" class="wechatIcon"></image>
 
+							<view class="wxNum">1</view>
 
+						</view>
 
+					</view>
 
+					<view style="display: flex;">
 
+						<view class="listCar">东风日产-轩逸-2022款 e-POWER 超智PLUS</view>
 
+					</view>
 
+					<view class="listTitme">
 
+						<view class="listTitmeLeft">下次保养：2016-06-25</view>
 
+						<view class="listTitmeRight">距离天数：10</view>
 
+					</view>
 
+					<view class="listTitme">
 
+						<view class="listTitmeLeft">处理人：张三</view>
 
+					</view>
 
+					
+				</view>
 
+				<view class="listBottom">
 
+					<view class="listBtn">完成</view>
 
+					<view class="listBtn" style="margin-left: 20rpx;">微信提醒</view>
 
+					<view class="listBtn" style="margin-left: 20rpx;">短信提醒</view>
 
+					<view class="listBtn" style="margin-left: 20rpx;">电话提醒</view>
 
+				</view>
 
+			</view>
 
+			
+		</view>
 
+		
+		<!-- 列表 -->
 
+		
+		
+		<!-- 筛选弹框 -->
 
+		<view class="screenBox" v-if="screenSHow" @click="screenHide">
 
+		  <view class="screenCont" @click.stop="">
 
+			  <view class="screenTitle">筛选</view>
 
+			  <view class="screenBt">下次保养日期</view>
 
+			  <view class="sdTimeBox">
 
+				   <picker mode="date" :value="date1"  @change="bindDateChange1">
 
+						<view class="dateinput">{{date1?date1:'选择日期'}}</view>
 
+					</picker>
 
+					<view class="timeHx">-</view>
 
+					<picker mode="date" :value="date2"  @change="bindDateChange2">
 
+						<view class="dateinput">{{date2?date2:'选择日期'}}</view>
 
+					</picker>
 
+			  </view>
 
+			  <view class="screenBt">处理人</view>
 
+			  <view class="">
 
+			  	   <picker @change="bindPickerChange" :value="pickerindex" :range-key="'shopName'" :range="pickerarray">
 
+			  	 		<view class="uniPicker"> 
+							<view class="uniPickerName">
 
+							  {{shopName}}
 
+							</view>
 
+						   <image src="../../static/img/jt.png" mode=" " class="jtShopImg"></image>
 
+						</view>
 
+			  	   </picker>
 
+			  </view>
 
+			  <view class="screenBt">所属门店</view>
 
+			  <view class="">
 
+			  	   <picker @change="bindPickerChange" :value="pickerindex" :range-key="'shopName'" :range="pickerarray">
 
+			  	 		<view class="uniPicker"> 
+							<view class="uniPickerName">
 
+							  {{shopName}}
 
+							</view>
 
+						   <image src="../../static/img/jt.png" mode=" " class="jtShopImg"></image>
 
+						</view>
 
+			  	   </picker>
 
+			  </view>
 
+			  <view class="screenBt">提醒单状态</view>
 
+			  <view class="typelineBox">
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==1}" @click="typeLineCk(1)">未处理</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==2}" @click="typeLineCk(2)">处理中</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==3}" @click="typeLineCk(3)">已完成</view>
 
+			  </view> 
+			  <view class="screenBt">电话提醒</view>
 
+			  <view class="typelineBox">
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==1}" @click="typeLineCk(1)">未提现</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==2}" @click="typeLineCk(2)">已提醒</view>
 
+			  </view>
 
+			  <view class="screenBt">短信提醒</view>
 
+			  <view class="typelineBox">
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==1}" @click="typeLineCk(1)">未提现</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==2}" @click="typeLineCk(2)">已提醒</view>
 
+			  </view>
 
+			  <view class="screenBt">微信提醒</view>
 
+			  <view class="typelineBox">
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==1}" @click="typeLineCk(1)">未提现</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==2}" @click="typeLineCk(2)">已提醒</view>
 
+			  </view>
 
+			  <view class="screenBt">微信提醒</view>
 
+			  <view class="typelineBox">
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==1}" @click="typeLineCk(1)">未提现</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==2}" @click="typeLineCk(2)">已提醒</view>
 
+			  </view>
 
+			  <view class="screenBt">发放优惠券</view>
 
+			  <view class="typelineBox">
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==1}" @click="typeLineCk(1)">未发放</view>
 
+				  <view class="typeLine" :class="{typeactive:typeLineIndex==2}" @click="typeLineCk(2)">已发放</view>
 
+			  </view>
 
+			  <view style="height: 120rpx;"> </view>
 
+			   
+			   <view class="screenBottom">
 
+				   <view class="screenCz" @click="resetting">重置</view>
 
+				   <view class="screenY" @click="sub">确定</view>
 
+			   </view>
 
+		  </view>
 
+		</view>
 
+		
+	</view>
 
+</template>
 
+
 
+<script>
 
+	export default {
 
+		data() {
 
+			return {
 
+				pickerarray: [
 
+					{shopName:'66'},{shopName:'77'}
 
+				],
 
+				date1:'',
 
+				date2:'',
 
+				screenSHow:false,
 
+				pickerindex:'',
 
+				shopName:'',
 
+			}
 
+		},
 
+		onLoad() {
 
+
 
+		},
 
+		methods: {
 
+			resetting(){
 
+				
+			},
 
+			sub(){
 
+				
+			},
 
+			bindPickerChange(){
 
+				
+			},
 
+			screenHide(){
 
+				this.screenSHow=false;
 
+			},
 
+			screenSHowBtn(){
 
+				this.screenSHow=true;
 
+			},
 
+			goDetail(){
 
+				uni.navigateTo({
 
+					url:'details'
 
+				})
 
+			},
 
+            goback(){
 
+				//app交互
 
+				var standalone = window.navigator.standalone
 
+				var userAgent = window.navigator.userAgent.toLowerCase()
 
+				var safari = /safari/.test(userAgent)
 
+				var ios = /iphone|ipod|ipad|mac/.test(userAgent)
 
+				var android = /android/.test(userAgent)
 
+				if (ios) {
 
+					 if ( true) {//!standalone&& !safari
 
+					   window.webkit.messageHandlers.goMyNav.postMessage(null)
 
+					 }
 
+				} else if (android) {
 
+					 window.android.postMessage()
 
+				}
 
+			}
 
+		},
 
+		
+	}
 
+</script>
 
+
 
+<style scoped>
 
+.listBox{
 
+	padding-top: 230rpx;
 
+	padding-left: 24rpx;
 
+	padding-right: 24rpx;
 
+}
 
+.list{
 
+	background: #FFFFFF;border-radius: 10rpx;
 
+}
 
+.listTop{
 
+	display: flex;justify-content: space-between;
 
+	padding: 20rpx;border-bottom: 1px solid #EEEEEE;
 
+}
 
+.wechatIcon{
 
+	width: 38rpx;height: 32rpx;
 
+}
 
+.listContNameBox{
 
+	display: flex;
 
+}
 
+.listContName{
 
+	line-height: 32rpx;font-weight: 600;
 
+color: #3C3C3C;font-size: 30rpx;padding-right: 18rpx;
 
+}
 
+.listCont{
 
+	padding: 20rpx;border-bottom: 1px solid #EEEEEE;
 
+}
 
+.wxBox{
 
+	position: relative;
 
+}
 
+.wxNum{
 
+	position: absolute;
 
+	top: 0;right: -10rpx;
 
+	width: 20rpx;height: 20rpx;
 
+	background: #FFFFFF;
 
+	border-radius: 50%;
 
+	border: 1rpx solid #07C060;
 
+	color: #07C060;font-size: 10rpx;
 
+	line-height: 20rpx;text-align: center;
 
+}
 
+.listCar{
 
+	color: #999999;border-radius: 5rpx;
 
+border: 1rpx solid #DDDDDD;font-size: 24rpx;
 
+line-height: 36rpx;padding: 0 14rpx;margin-top: 16rpx;
 
+}
 
+.listTitme{
 
+	display: flex;justify-content: space-between;padding-top: 16rpx;
 
+	font-weight: 400;
 
+	color: #999999;font-size: 24rpx;
 
+}
 
+.listTitmeRight{
 
+	color: #FF4F00;
 
+}
 
+.listBottom{
 
+	display: flex;
 
+	padding:  28rpx 20rpx;
 
+	
+}
 
+.listBtn{
 
+	font-size: 28rpx;line-height: 60rpx;
 
+	color: #333333;border-radius: 30rpx;
 
+border: 1rpx solid #DDDDDD;padding: 0 24rpx;
 
+}
 
+.liststate{
 
+	color: #3F90F7;
 
+}
 
+	.zdyNavBox {
 
+		width: 100vw;
 
+		background: #FFFFFF;
 
+		position: fixed;
 
+		top: 0;
 
+		left: 0;
 
+		z-index: 9999999;
 
+	    border-bottom: 1px solid #F4F5F7;
 
+	
+	}
 
+	
+	.zdyNav {
 
+		height: 44px;
 
+		display: flex;
 
+		justify-content: space-between;
 
+	
+		align-items: center;
 
+	
+	}
 
+	
+	.backImg {
 
+		width: 44rpx;
 
+		height: 44rpx;
 
+		margin-left: 10rpx;
 
+		margin-right: 20rpx;
 
+	}
 
+	.homeImg {
 
+		width: 44rpx;
 
+		height: 44rpx;
 
+	
+	}
 
+	
+	.zdyNavLeft {
 
+		display: flex;
 
+		align-items: center;
 
+	}
 
+	
+	.zdyNavTitle {
 
+	    font-weight: 500;
 
+		height: 44px;
 
+		background: #FFFFFF;
 
+		text-align: center;
 
+		font-size: 34rpx;
 
+		line-height: 44px;
 
+		color: #333333;
 
+	}
 
+	.content{
 
+		background: #F4F5F7;
 
+		min-height: 100vh;
 
+	}
 
+	.newtop{
 
+		 position: fixed;z-index: 11;
 
+	}
 
+	.searchInputBox{
 
+		width: 630rpx;
 
+		height: 72rpx;
 
+		background: #F4F5F7;
 
+		border-radius: 36rpx;
 
+		display: flex;
 
+	}
 
+	.searchInput{
 
+		font-size: 28rpx;padding-left: 16rpx;height: 72rpx;line-height: 72rpx;
 
+		width: 500rpx;
 
+	}
 
+	.iconSimg{
 
+		width: 40rpx;height: 40rpx;margin-top: 16rpx;margin-left: 20rpx;
 
+	}
 
+	.searchBox{
 
+		display: flex;background: #FFFFFF;padding: 24rpx;   
+		left: 0;
 
+	}
 
+	.screenBox{
 
+		width: 100%;
 
+		height: 100%;
 
+		position: fixed;
 
+		left: 0;
 
+		top: 0px;
 
+		background: rgba(0 ,0,0,0.5);
 
+		z-index: 999;
 
+	}
 
+	.screenBottom{
 
+		width: 649rpx;
 
+		height: 120rpx;
 
+		background: #FFFFFF;
 
+		box-shadow: 0rpx -2rpx 10rpx 0rpx rgba(153,153,153,0.2);
 
+		position: absolute;
 
+		bottom: 0;
 
+		right: 0;
 
+		display: flex;
 
+		justify-content: space-around;
 
+	}
 
+	.screenCz{
 
+		width: 291rpx;text-align: center;margin-top: 22rpx;
 
+		height: 74rpx;line-height: 74rpx;
 
+		background: #F4F5F7;color: #000000;
 
+		border-radius: 37rpx;font-size: 28rpx;
 
+	}
 
+	.screenY{
 
+		width: 291rpx;text-align: center;margin-top: 22rpx;
 
+		height: 74rpx;line-height: 74rpx;
 
+		background: #D53533;color: #FFFFFF;
 
+		border-radius: 37rpx;font-size: 28rpx;
 
+	}
 
+	.screenCont{
 
+		width: 650rpx;
 
+		height: 100%;
 
+		background: #FFFFFF;
 
+		margin-left: 100rpx;
 
+	}
 
+	.screenTitle{
 
+		font-weight: 400;font-size: 24rpx;padding-top:calc(44px + 20rpx);padding-left: 20rpx;
 
+		color: #333333;
 
+	}
 
+	.screenBt{
 
+		font-weight: 400;font-size: 24rpx;
 
+		color: #333333;padding-left: 20rpx;padding-top: 30rpx;
 
+	}
 
+	.iconShai{
 
+		width: 36rpx;height: 39rpx;margin-top: 17rpx;
 
+		margin-left: 30rpx;
 
+	}
 
+	.topTabBox{
 
+		display: flex;
 
+		background: #FFFFFF;
 
+	}
 
+	.topTab{
 
+		font-weight: 400;
 
+		color: #666666;
 
+		font-size: 32rpx;
 
+		line-height: 90rpx;
 
+		padding: 0 10rpx;
 
+	}
 
+.tabActive{
 
+	color: #3F90F7;
 
+	border-bottom: 2px solid #3F90F7;
 
+}
 
+.screenBox{
 
+		width: 100%;
 
+		height: 100%;
 
+		position: fixed;
 
+		left: 0;
 
+		top: 0;
 
+		background: rgba(0 ,0,0,0.5);
 
+		z-index: 999;
 
+	}
 
+	.screenBottom{
 
+		width: 649rpx;
 
+		height: 120rpx;
 
+		background: #FFFFFF;
 
+		box-shadow: 0rpx -2rpx 10rpx 0rpx rgba(153,153,153,0.2);
 
+		position: absolute;
 
+		bottom: 0;
 
+		right: 0;
 
+		display: flex;
 
+		justify-content: space-around;
 
+	}
 
+	.screenCz{
 
+		width: 291rpx;text-align: center;margin-top: 22rpx;
 
+		height: 74rpx;line-height: 74rpx;
 
+		background: #F4F5F7;color: #000000;
 
+		border-radius: 37rpx;font-size: 28rpx;
 
+	}
 
+	.screenY{
 
+		width: 291rpx;text-align: center;margin-top: 22rpx;
 
+		height: 74rpx;line-height: 74rpx;
 
+		background: #D53533;color: #FFFFFF;
 
+		border-radius: 37rpx;font-size: 28rpx;
 
+	}
 
+	.screenCont{
 
+		width: 650rpx;
 
+		height: 100%;
 
+		background: #FFFFFF;
 
+		margin-left: 100rpx;
 
+	}
 
+	
+	.screenBt{
 
+		font-weight: 400;font-size: 24rpx;
 
+		color: #333333;padding-left: 20rpx;padding-top: 30rpx;
 
+	}
 
+	.iconShai{
 
+		width: 36rpx;height: 39rpx;margin-top: 17rpx;
 
+		margin-left: 30rpx;
 
+	}
 
+	.iconSimg{
 
+		width: 40rpx;height: 40rpx;margin-top: 16rpx;margin-left: 20rpx;
 
+	}
 
+	.searchBox{
 
+		display: flex;background: #FFFFFF;padding: 24rpx;   
+		left: 0;
 
+	}
 
+	.typeLine{
 
+		width: 178rpx;color: #3C3C3C;
 
+		height: 64rpx;font-size: 24rpx;
 
+		background: #F4F5F7;margin-top: 20rpx;
 
+		border-radius: 36rpx;margin-right: 30rpx;
 
+		text-align: center;
 
+		line-height: 64rpx;
 
+	}
 
+	.typeactive{
 
+		border: 2rpx solid #D53533;height: 60rpx;color: #D53533;background: #FFFFFF;width: 174rpx;
 
+	}
 
+	.typelineBox{
 
+		display: flex;flex-wrap: wrap;padding-left: 20rpx;
 
+	}
 
+	.uniPicker{
 
+		width: 606rpx;
 
+		height: 64rpx;
 
+		background: #F4F5F7;font-size: 24rpx;
 
+		border-radius: 36rpx;color: #3C3C3C;
 
+		display: flex;justify-content: space-between;
 
+		margin-top: 20rpx;margin-left: 20rpx;
 
+	}
 
+	.jtShopImg{
 
+		width: 24rpx;height: 24rpx;margin-top: 20rpx;margin-right: 26rpx;
 
+		}
 
+	.uniPickerName{
 
+		padding-left: 20rpx;line-height: 64rpx;
 
+		overflow:hidden;
 
+		  white-space: nowrap;
 
+		  text-overflow: ellipsis;
 
+		  -o-text-overflow:ellipsis;
 
+		  width: 500rpx;
 
+	}
 
+	.dateinput{
 
+		width: 270rpx;color: #999999;
 
+		height: 64rpx;font-size: 24rpx;line-height: 64rpx;
 
+		background: #F4F5F7;padding-left: 20rpx;
 
+		border-radius: 36rpx;
 
+	}
 
+	.sdTimeBox{
 
+		display: flex;
 
+		padding-top: 20rpx;padding-left: 20rpx;
 
+	}
 
+	.timeHx{
 
+		font-weight: 400;line-height: 64rpx;padding: 0 4rpx;
 
+		color: #DDDDDD;font-size: 24rpx;
 
+	}
 
+</style>

二进制
static/img/chahao.png
查看文件


二进制
static/img/gb.png
查看文件


二进制
static/img/icon_advisor.png
查看文件


二进制
static/img/icon_backup.png
查看文件


二进制
static/img/icon_baox.png
查看文件


二进制
static/img/icon_baoy.png
查看文件


二进制
static/img/icon_ddztty.png
查看文件


二进制
static/img/icon_kehu.png
查看文件


二进制
static/img/icon_list_arrow.png
查看文件


二进制
static/img/icon_nians.png
查看文件


二进制
static/img/icon_search.png
查看文件


二进制
static/img/icon_shai.png
查看文件


二进制
static/img/icon_taoc.png
查看文件


二进制
static/img/icon_wechat.png
查看文件


二进制
static/img/jt.png
查看文件


二进制
static/img/nav_icon_back.png
查看文件


二进制
static/img/shang.png
查看文件


二进制
static/img/xia.png
查看文件


二进制
static/logo.png
查看文件


+ 10 - 0
uni.promisify.adaptor.js
查看文件 

@@ -0,0 +1,10 @@
 
+uni.addInterceptor({
 
+  returnValue (res) {
 
+    if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
 
+      return res;
 
+    }
 
+    return new Promise((resolve, reject) => {
 
+      res.then((res) => res[0] ? reject(res[0]) : resolve(res[1]));
 
+    });
 
+  },
 
+});

+ 76 - 0
uni.scss
查看文件 

@@ -0,0 +1,76 @@
 
+/**
 
+ * 这里是uni-app内置的常用样式变量
 
+ *
 
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 
+ *
 
+ */
 
+
 
+/**
 
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 
+ *
 
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 
+ */
 
+
 
+/* 颜色变量 */
 
+
 
+/* 行为相关颜色 */
 
+$uni-color-primary: #007aff;
 
+$uni-color-success: #4cd964;
 
+$uni-color-warning: #f0ad4e;
 
+$uni-color-error: #dd524d;
 
+
 
+/* 文字基本颜色 */
 
+$uni-text-color:#333;//基本色
 
+$uni-text-color-inverse:#fff;//反色
 
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
 
+$uni-text-color-placeholder: #808080;
 
+$uni-text-color-disable:#c0c0c0;
 
+
 
+/* 背景颜色 */
 
+$uni-bg-color:#ffffff;
 
+$uni-bg-color-grey:#f8f8f8;
 
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
 
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
 
+
 
+/* 边框颜色 */
 
+$uni-border-color:#c8c7cc;
 
+
 
+/* 尺寸变量 */
 
+
 
+/* 文字尺寸 */
 
+$uni-font-size-sm:12px;
 
+$uni-font-size-base:14px;
 
+$uni-font-size-lg:16;
 
+
 
+/* 图片尺寸 */
 
+$uni-img-size-sm:20px;
 
+$uni-img-size-base:26px;
 
+$uni-img-size-lg:40px;
 
+
 
+/* Border Radius */
 
+$uni-border-radius-sm: 2px;
 
+$uni-border-radius-base: 3px;
 
+$uni-border-radius-lg: 6px;
 
+$uni-border-radius-circle: 50%;
 
+
 
+/* 水平间距 */
 
+$uni-spacing-row-sm: 5px;
 
+$uni-spacing-row-base: 10px;
 
+$uni-spacing-row-lg: 15px;
 
+
 
+/* 垂直间距 */
 
+$uni-spacing-col-sm: 4px;
 
+$uni-spacing-col-base: 8px;
 
+$uni-spacing-col-lg: 12px;
 
+
 
+/* 透明度 */
 
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
 
+
 
+/* 文章场景相关 */
 
+$uni-color-title: #2C405A; // 文章标题颜色
 
+$uni-font-size-title:20px;
 
+$uni-color-subtitle: #555555; // 二级标题颜色
 
+$uni-font-size-subtitle:26px;
 
+$uni-color-paragraph: #3F536E; // 文章段落颜色
 
+$uni-font-size-paragraph:15px;