├── .gitignore
├── .hbuilderx
    └── launch.json
├── App.vue
├── FILE_PREVIEW.md
├── LICENSE
├── PUSH_MESSAGE.md
├── README.md
├── api
    └── api.js
├── colorui
    ├── animation.css
    ├── components
    │   └── cu-custom.vue
    ├── icon.css
    └── main.css
├── common
    ├── css
    │   ├── common.css
    │   ├── custom-dark.less
    │   ├── custom-light.less
    │   ├── iconfont.css
    │   └── uni.css
    └── lib
    │   ├── md5.min.js
    │   └── u-charts.min.js
├── components
    ├── mescroll-uni
    │   ├── components
    │   │   ├── mescroll-down.css
    │   │   ├── mescroll-down.vue
    │   │   ├── mescroll-empty.vue
    │   │   ├── mescroll-top.vue
    │   │   ├── mescroll-up.css
    │   │   └── mescroll-up.vue
    │   ├── mescroll-body.css
    │   ├── mescroll-body.vue
    │   ├── mescroll-mixins.js
    │   ├── mescroll-uni-option.js
    │   ├── mescroll-uni.css
    │   ├── mescroll-uni.js
    │   ├── mescroll-uni.vue
    │   ├── mixins
    │   │   ├── mescroll-comp.js
    │   │   ├── mescroll-more-item.js
    │   │   └── mescroll-more.js
    │   └── wxs
    │   │   ├── mixins.js
    │   │   ├── renderjs.js
    │   │   └── wxs.wxs
    ├── tui
    │   └── tui-datetime.vue
    ├── uni-badge
    │   └── uni-badge.vue
    ├── uni-card
    │   └── uni-card.vue
    ├── uni-goods-nav
    │   └── uni-goods-nav.vue
    ├── uni-icons
    │   └── uni-icons.vue
    ├── uni-list-item
    │   └── uni-list-item.vue
    ├── uni-list
    │   └── uni-list.vue
    ├── uni-nav-bar
    │   └── uni-nav-bar.vue
    ├── uni-popup
    │   └── uni-popup.vue
    ├── uni-status-bar
    │   └── uni-status-bar.vue
    ├── uni-tag
    │   └── uni-tag.vue
    └── watch-login
    │   ├── css
    │       └── icon.css
    │   ├── watch-button.vue
    │   └── watch-input.vue
├── config
    └── index.js
├── hybrid
    └── html
    │   ├── README.md
    │   ├── index.html
    │   └── js
    │       ├── h5uploader.js
    │       └── signclient.js
├── i18n
    ├── en-US.js
    ├── index.js
    └── zh-CN.js
├── main.js
├── manifest.json
├── package.json
├── pages.json
├── pages
    ├── analysis
    │   ├── index.vue
    │   ├── time-table.vue
    │   ├── ucharts-demo-data.js
    │   └── ucharts-demo.vue
    ├── file
    │   ├── file-preview.vue
    │   └── file-upload.vue
    ├── index
    │   ├── audit-idea.vue
    │   ├── index.vue
    │   ├── project
    │   │   ├── adjust-project.vue
    │   │   ├── audit-project.vue
    │   │   └── detail-project.vue
    │   └── user
    │   │   ├── audit-user.vue
    │   │   └── detail-user.vue
    ├── login
    │   ├── css
    │   │   └── main.css
    │   ├── forget.vue
    │   ├── login.vue
    │   └── register.vue
    ├── project
    │   ├── index.vue
    │   ├── project-detail.vue
    │   └── project-list.vue
    ├── user
    │   ├── index.vue
    │   └── setting.vue
    └── yzcloud
    │   ├── index.vue
    │   ├── signclient.js
    │   ├── yz-edit.vue
    │   └── yz-preview-callback.vue
├── static
    ├── img
    │   ├── backtop.png
    │   ├── edit.png
    │   ├── logo.png
    │   ├── project
    │   │   ├── asset.png
    │   │   ├── build.png
    │   │   ├── land.png
    │   │   └── purchase.png
    │   ├── tabbar
    │   │   ├── home.png
    │   │   ├── homeHL.png
    │   │   ├── org.png
    │   │   ├── orgHL.png
    │   │   ├── project.png
    │   │   ├── projectHL.png
    │   │   ├── todo.png
    │   │   ├── todoHL.png
    │   │   ├── tongji.png
    │   │   ├── tongjiHL.png
    │   │   ├── user.png
    │   │   ├── userHL.png
    │   │   ├── yz.png
    │   │   ├── yz2.png
    │   │   ├── yzHL.png
    │   │   └── yzHL2.png
    │   └── user
    │   │   └── agencyOrg.png
    └── uni.ttf
├── store
    ├── index.js
    └── modules
    │   ├── app.js
    │   ├── index.js
    │   └── user.js
├── uni.scss
├── unipush离线集成指南.md
├── utils
    ├── MinCache.js
    ├── MinRequest.js
    ├── MinRouter.js
    ├── checkResponse.js
    ├── datetime.js
    ├── graceChecker.js
    ├── index.js
    └── url.js
└── yarn.lock


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | .project
3 | unpackage/
4 | .vscode/
5 | .idea
6 | .DS_Store
7 | *.iml
8 | 


--------------------------------------------------------------------------------
/.hbuilderx/launch.json:
--------------------------------------------------------------------------------
 1 | { // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
 2 |   // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
 3 |     "version": "0.0",
 4 |     "configurations": [{
 5 |             "type": "uniCloud",
 6 |             "default": {
 7 |                 "launchtype": "remote"
 8 |             }
 9 |         }
10 |     ]
11 | }
12 | 


--------------------------------------------------------------------------------
/App.vue:
--------------------------------------------------------------------------------
  1 | <script>
  2 | 	import Vue from 'vue'
  3 | 	export default {
  4 | 		onLaunch: function() {
  5 | 			// 初始化系统
  6 | 			this.initSystem()
  7 | 			this.setTabBarText()
  8 | 			// 自动登录检测
  9 | 			this.autoLogin()
 10 | 			// 处理推送消息
 11 | 			this.handlePush()
 12 | 		},
 13 | 		methods: {
 14 | 			setTabBarText() {
 15 | 				uni.setTabBarItem({
 16 | 					index: 0,
 17 | 					text: this.$t('ToDo')
 18 | 				})
 19 | 				uni.setTabBarItem({
 20 | 					index: 1,
 21 | 					text: this.$t('YzCloud')
 22 | 				})
 23 | 				uni.setTabBarItem({
 24 | 					index: 2,
 25 | 					text: this.$t('Project')
 26 | 				})
 27 | 				uni.setTabBarItem({
 28 | 					index: 3,
 29 | 					text: this.$t('Statistics')
 30 | 				})
 31 | 				uni.setTabBarItem({
 32 | 					index: 4,
 33 | 					text: this.$t('Profile')
 34 | 				})
 35 | 			},
 36 | 			/**
 37 | 			 * 处理推送消息
 38 | 			 */
 39 | 			handlePush() {
 40 | 				// #ifdef APP-PLUS
 41 | 				const _self = this
 42 | 				const _handlePush = function(message) {
 43 | 					// 获取自定义信息
 44 | 					let payload = message.payload
 45 | 					try {
 46 | 						// JSON解析
 47 | 						payload = JSON.parse(payload)
 48 | 						// 携带自定义信息跳转应用页面
 49 | 						uni.navigateTo({
 50 | 							url: '/pages/xxx?data=' + JSON.stringify(payload)
 51 | 						})
 52 | 						
 53 | 					} catch(e) {}	
 54 | 				}
 55 | 				// 事件处理
 56 | 				plus.push.addEventListener('click', _handlePush)
 57 | 				plus.push.addEventListener('receive', _handlePush)
 58 | 				// #endif
 59 | 			},
 60 | 			/**
 61 | 			 * app整包更新检测
 62 | 			 */
 63 | 			appUpgrade(platform) {
 64 | 				if (platform !== 'android') {
 65 | 					return
 66 | 				}
 67 | 				//#ifdef APP-PLUS
 68 | 				plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => {
 69 | 					let params = {
 70 | 						appid: plus.runtime.appid,
 71 | 						version: wgtinfo.versionCode,
 72 | 						platform: platform
 73 | 					}
 74 | 					this.$minApi.findUpgradeApp(params).then(appRes => {
 75 | 						if (appRes.appid) {
 76 | 							uni.showModal({
 77 | 								title: "下载更新提示",
 78 | 								content: appRes.note,
 79 | 								showCancel: false,
 80 | 								confirmText: '确定',
 81 | 								success: sucRes => {
 82 | 									if (sucRes.confirm) {
 83 | 										plus.runtime.openURL(appRes.url)
 84 | 										// uni.downloadFile({
 85 | 										//     url: appRes.url,
 86 | 										//     success: res => {}
 87 | 										// })
 88 | 									}
 89 | 								}
 90 | 							})
 91 | 						}
 92 | 					})
 93 | 				})
 94 | 				//#endif
 95 | 			},
 96 | 			/**
 97 | 			 * 自动登录
 98 | 			 * 判断本地是否有账号信息，如果有，就自动重新登录
 99 | 			 */
100 | 			autoLogin() {
101 | 				this.$store.dispatch('autoLogin')
102 | 			},
103 | 			/**
104 | 			 * 初始化系统
105 | 			 */
106 | 			initSystem() {
107 | 				const self = this
108 | 				uni.getSystemInfo({
109 | 					success: function(e) {
110 | 						// app整包更新检测
111 | 						self.appUpgrade(e.platform)
112 | 
113 | 						// #ifndef MP
114 | 						Vue.prototype.StatusBar = e.statusBarHeight;
115 | 						if (e.platform == 'android') {
116 | 							Vue.prototype.CustomBar = e.statusBarHeight + 50;
117 | 						} else {
118 | 							Vue.prototype.CustomBar = e.statusBarHeight + 45;
119 | 						};
120 | 						// #endif
121 | 
122 | 						// #ifdef MP-WEIXIN
123 | 						Vue.prototype.StatusBar = e.statusBarHeight;
124 | 						let custom = wx.getMenuButtonBoundingClientRect();
125 | 						Vue.prototype.Custom = custom;
126 | 						Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
127 | 						// #endif		
128 | 
129 | 						// #ifdef MP-ALIPAY
130 | 						Vue.prototype.StatusBar = e.statusBarHeight;
131 | 						Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
132 | 						// #endif
133 | 					}
134 | 				})
135 | 			}
136 | 		}
137 | 	}
138 | </script>
139 | 
140 | <style lang="less">
141 | 	@import "common/css/uni.css";
142 | 	@import "colorui/main.css";
143 | 	@import "colorui/icon.css";
144 | 	@import "common/css/iconfont.css";
145 | 	@import "common/css/common.css";
146 | 	@import "common/css/custom-dark.less";
147 | 	@import "common/css/custom-light.less";
148 | </style>
149 | 


--------------------------------------------------------------------------------
/api/api.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import MinRequest from '@/utils/MinRequest'
 3 | import globalConfig from '@/config'
 4 | import { generateSign } from '@/pages/yzcloud/signclient.js'
 5 | 
 6 | const minRequest = new MinRequest()
 7 | 
 8 | // 请求拦截器
 9 | minRequest.interceptors.request((request) => {
10 | 	return request
11 | })
12 | 
13 | // 响应拦截器
14 | minRequest.interceptors.response((response) => {
15 | 	return response.data
16 | })
17 | 
18 | // 设置默认配置
19 | minRequest.setConfig((config) => {
20 | 	config.baseURL = globalConfig.baseUrl
21 | 	return config
22 | })
23 | 
24 | export default {
25 | 	// 这里统一管理api请求
26 | 	apis: {
27 | 		login(params) {
28 | 			return minRequest.post('/post/user/login', params)
29 | 		},
30 | 		userPwdModify(params) {
31 | 			return minRequest.post('/post/user/pwd/modify', params)
32 | 		},
33 | 		// 项目审批列表
34 | 		listAuditProject() {
35 | 			return minRequest.get('/get/audit/project/list')
36 | 		},
37 | 		// 用户审批列表
38 | 		listAuditUser() {
39 | 			return minRequest.get('/get/audit/user/list')
40 | 		},
41 | 		// 文档管理接口：HTTP上传文件
42 | 		yzEditHttpUploadFile({ fileUrl }) {
43 | 			const sign = generateSign(globalConfig.yzEditAPPKEY, {"appId": [globalConfig.yzEditAPPID],
44 | 				"fileUrl": [fileUrl]
45 | 			})
46 | 			return minRequest.post('/api/file/http', {
47 | 				fileUrl,
48 | 				appId: globalConfig.yzEditAPPID,
49 | 				sign
50 | 			}, {
51 | 				baseURL: globalConfig.yzDmcUrl
52 | 			})
53 | 		},
54 | 		// 格式转换接口
55 | 		yzConvertFile(params) {
56 | 			const sign = generateSign(globalConfig.yzFormatConvertAPPKEY, {"appId": [globalConfig.yzFormatConvertAPPID],
57 | 				"fileVersionId": [params.fileVersionId],
58 | 				"convertType": [params.convertType],
59 | 				"destinationName": [params.destinationName]
60 | 			})
61 | 			return minRequest.post('/api/convert/file', { ...params,
62 | 				appId: globalConfig.yzFormatConvertAPPID,
63 | 				sign
64 | 			}, {
65 | 				baseURL: globalConfig.yzEicUrl,
66 | 				header: {
67 | 					'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'
68 | 				}
69 | 			})
70 | 		}
71 | 		// 文档管理接口：上传文件
72 | 		// yzPreviewUploadFile({ file }) {
73 | 		// 	const sign = ''
74 | 		// 	return minRequest.post('/api/file/upload', {
75 | 		// 		file,
76 | 		// 		appId: globalConfig.yzPreviewAPPID,
77 | 		// 		sign
78 | 		// 	}, {
79 | 		// 		baseURL: globalConfig.yzDmcUrl
80 | 		// 	})
81 | 		// },
82 | 		// 永中云预览-在线预览
83 | 		// yzPreviewFile({ fileVersionId }) {
84 | 		// 	const sign = ''
85 | 		// 	return minRequest.get('/api/view/file', {
86 | 		// 		fileVersionId,
87 | 		// 		appId: globalConfig.yzPreviewAPPID,
88 | 		// 		sign
89 | 		// 	}, {
90 | 		// 		baseURL: globalConfig.yzEicUrl
91 | 		// 	})
92 | 		// }
93 | 	}
94 | }
95 | 


--------------------------------------------------------------------------------
/colorui/animation.css:
--------------------------------------------------------------------------------
  1 | /* 
  2 |   Animation 微动画  
  3 |   基于ColorUI组建库的动画模块 by 文晓港 2019年3月26日19:52:28
  4 |  */
  5 | 
  6 | /* css 滤镜 控制黑白底色gif的 */
  7 | .gif-black{  
  8 |   mix-blend-mode: screen;  
  9 | }
 10 | .gif-white{  
 11 |   mix-blend-mode: multiply; 
 12 | }
 13 | 
 14 | 
 15 | /* Animation css */
 16 | [class*=animation-] {
 17 |     animation-duration: .5s;
 18 |     animation-timing-function: ease-out;
 19 |     animation-fill-mode: both
 20 | }
 21 | 
 22 | .animation-fade {
 23 |     animation-name: fade;
 24 |     animation-duration: .8s;
 25 |     animation-timing-function: linear
 26 | }
 27 | 
 28 | .animation-scale-up {
 29 |     animation-name: scale-up
 30 | }
 31 | 
 32 | .animation-scale-down {
 33 |     animation-name: scale-down
 34 | }
 35 | 
 36 | .animation-slide-top {
 37 |     animation-name: slide-top
 38 | }
 39 | 
 40 | .animation-slide-bottom {
 41 |     animation-name: slide-bottom
 42 | }
 43 | 
 44 | .animation-slide-left {
 45 |     animation-name: slide-left
 46 | }
 47 | 
 48 | .animation-slide-right {
 49 |     animation-name: slide-right
 50 | }
 51 | 
 52 | .animation-shake {
 53 |     animation-name: shake
 54 | }
 55 | 
 56 | .animation-reverse {
 57 |     animation-direction: reverse
 58 | }
 59 | 
 60 | @keyframes fade {
 61 |     0% {
 62 |         opacity: 0
 63 |     }
 64 | 
 65 |     100% {
 66 |         opacity: 1
 67 |     }
 68 | }
 69 | 
 70 | @keyframes scale-up {
 71 |     0% {
 72 |         opacity: 0;
 73 |         transform: scale(.2)
 74 |     }
 75 | 
 76 |     100% {
 77 |         opacity: 1;
 78 |         transform: scale(1)
 79 |     }
 80 | }
 81 | 
 82 | @keyframes scale-down {
 83 |     0% {
 84 |         opacity: 0;
 85 |         transform: scale(1.8)
 86 |     }
 87 | 
 88 |     100% {
 89 |         opacity: 1;
 90 |         transform: scale(1)
 91 |     }
 92 | }
 93 | 
 94 | @keyframes slide-top {
 95 |     0% {
 96 |         opacity: 0;
 97 |         transform: translateY(-100%)
 98 |     }
 99 | 
100 |     100% {
101 |         opacity: 1;
102 |         transform: translateY(0)
103 |     }
104 | }
105 | 
106 | @keyframes slide-bottom {
107 |     0% {
108 |         opacity: 0;
109 |         transform: translateY(100%)
110 |     }
111 | 
112 |     100% {
113 |         opacity: 1;
114 |         transform: translateY(0)
115 |     }
116 | }
117 | 
118 | @keyframes shake {
119 | 
120 |     0%,
121 |     100% {
122 |         transform: translateX(0)
123 |     }
124 | 
125 |     10% {
126 |         transform: translateX(-9px)
127 |     }
128 | 
129 |     20% {
130 |         transform: translateX(8px)
131 |     }
132 | 
133 |     30% {
134 |         transform: translateX(-7px)
135 |     }
136 | 
137 |     40% {
138 |         transform: translateX(6px)
139 |     }
140 | 
141 |     50% {
142 |         transform: translateX(-5px)
143 |     }
144 | 
145 |     60% {
146 |         transform: translateX(4px)
147 |     }
148 | 
149 |     70% {
150 |         transform: translateX(-3px)
151 |     }
152 | 
153 |     80% {
154 |         transform: translateX(2px)
155 |     }
156 | 
157 |     90% {
158 |         transform: translateX(-1px)
159 |     }
160 | }
161 | 
162 | @keyframes slide-left {
163 |     0% {
164 |         opacity: 0;
165 |         transform: translateX(-100%)
166 |     }
167 | 
168 |     100% {
169 |         opacity: 1;
170 |         transform: translateX(0)
171 |     }
172 | }
173 | 
174 | @keyframes slide-right {
175 |     0% {
176 |         opacity: 0;
177 |         transform: translateX(100%)
178 |     }
179 | 
180 |     100% {
181 |         opacity: 1;
182 |         transform: translateX(0)
183 |     }
184 | }


--------------------------------------------------------------------------------
/colorui/components/cu-custom.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view class="cu-custom" :style="[{height:CustomBar + 'px'}]">
 4 | 			<view class="cu-bar fixed" :style="style" :class="[bgImage!=''?'none-bg text-white bg-img':'',bgColor]">
 5 | 				<view class="action" @tap="BackPage" v-if="isBack">
 6 | 					<text class="cuIcon-back"></text>
 7 | 					<slot name="backText"></slot>
 8 | 				</view>
 9 | 				<view class="content" :style="[{top:StatusBar + 'px'}]">
10 | 					<slot name="content"></slot>
11 | 				</view>
12 | 				<slot name="right"></slot>
13 | 			</view>
14 | 		</view>
15 | 	</view>
16 | </template>
17 | 
18 | <script>
19 | 	export default {
20 | 		data() {
21 | 			return {
22 | 				StatusBar: this.StatusBar,
23 | 				CustomBar: this.CustomBar
24 | 			};
25 | 		},
26 | 		name: 'cu-custom',
27 | 		computed: {
28 | 			style() {
29 | 				var StatusBar= this.StatusBar;
30 | 				var CustomBar= this.CustomBar;
31 | 				var bgImage = this.bgImage;
32 | 				var style = `height:${CustomBar}px;padding-top:${StatusBar}px;`;
33 | 				if (this.bgImage) {
34 | 					style = `${style}background-image:url(${bgImage});`;
35 | 				}
36 | 				return style
37 | 			}
38 | 		},
39 | 		props: {
40 | 			bgColor: {
41 | 				type: String,
42 | 				default: ''
43 | 			},
44 | 			isBack: {
45 | 				type: [Boolean, String],
46 | 				default: false
47 | 			},
48 | 			bgImage: {
49 | 				type: String,
50 | 				default: ''
51 | 			},
52 | 		},
53 | 		methods: {
54 | 			BackPage() {
55 | 				if (getCurrentPages().length < 2 && 'undefined' !== typeof __wxConfig) {
56 | 					let url = '/' + __wxConfig.pages[0]
57 | 					return uni.redirectTo({url})
58 | 				}
59 | 				uni.navigateBack({
60 | 					delta: 1
61 | 				});
62 | 			}
63 | 		}
64 | 	}
65 | </script>
66 | 
67 | <style>
68 | 
69 | </style>
70 | 


--------------------------------------------------------------------------------
/common/css/common.css:
--------------------------------------------------------------------------------
  1 | page, uni-page-body, #app {
  2 | 	height: 100%!important;
  3 | }
  4 | 
  5 | .w-h-100 {
  6 | 	height: 100%;
  7 | 	width: 100%;
  8 | }
  9 | 
 10 | .uni-flex {
 11 | 	display: flex;
 12 | }
 13 | 
 14 | .uni-row {
 15 | 	flex-direction: row;
 16 | 	justify-content: flex-start;
 17 | 	align-items: flex-start;
 18 | 	margin: 4rpx 0;
 19 | }
 20 | 
 21 | .uni-row .flex-item-20 {
 22 | 	color: #8799a3;
 23 | }
 24 | 
 25 | .uni-row .flex-item-30 {
 26 | 	color: #8799a3;
 27 | }
 28 | 
 29 | .flex-item-20 {
 30 | 	flex-basis: 20%;
 31 | }
 32 | 
 33 | .flex-item-80 {
 34 | 	flex-basis: 80%;
 35 | }
 36 | 
 37 | .flex-item-30 {
 38 | 	flex-basis: 30%;
 39 | }
 40 | 
 41 | .flex-item-70 {
 42 | 	flex-basis: 70%;
 43 | }
 44 | 
 45 | .my-iconfont {
 46 | 	font-size: 24rpx;
 47 | }
 48 | 
 49 | .footer-box {
 50 | 	display: flex;
 51 | 	justify-content: space-between;
 52 | 	width: 100%;
 53 | 	padding: 0 10%;
 54 | }
 55 | 
 56 | .footer-box__item {
 57 | 	width: 100%;
 58 | 	display: flex;
 59 | 	align-items: center;
 60 | }
 61 | 
 62 | .footer-box__item:nth-child(2) {
 63 | 	justify-content: center;
 64 | }
 65 | 
 66 | .footer-box__item:last-child {
 67 | 	justify-content: flex-end;
 68 | }
 69 | 
 70 | .audit-card-content {
 71 | 	margin: 0 20rpx;
 72 | }
 73 | 
 74 | .mycard .card-item {
 75 | 	margin-bottom: 20rpx;
 76 | }
 77 | 
 78 | .mycard {
 79 | 	margin-top: 20rpx;
 80 | }
 81 | 
 82 | .goods-carts {
 83 | 	width: 100%;
 84 | 	position: fixed;
 85 | 	bottom: 0;
 86 | }
 87 | 
 88 | /* 顶部搜索框 */
 89 | .input-view {
 90 | 	width: 100%;
 91 | 	display: flex;
 92 | 	background-color: #e7e7e7;
 93 | 	height: 30px;
 94 | 	border-radius: 15px;
 95 | 	padding: 0 4%;
 96 | 	flex-wrap: nowrap;
 97 | 	margin: 7px 10rpx;
 98 | 	line-height: 30px;
 99 | 	background: #f5f5f5;
100 | }
101 | 
102 | .input-view .uni-icon {
103 | 	line-height: 30px !important;
104 | }
105 | 
106 | .input-view .input {
107 | 	height: 30px;
108 | 	line-height: 30px;
109 | 	width: 94%;
110 | 	padding: 0 3%;
111 | }
112 | 
113 | .my-tab-bar .cu-item {
114 | 	height: auto;
115 | 	margin: 0;
116 | 	padding: 0;
117 | 	line-height: 44px;
118 | }
119 | 
120 | /* 底部分享 */
121 | .uni-share {
122 | 	background: #fff;
123 | }
124 | 
125 | .uni-share-padding-bottom {
126 | 	padding-bottom: 22%;
127 | }
128 | 
129 | .idea-textarea {
130 | 	border: 1rpx solid #d9d9d9;
131 | 	width: 100%;
132 | }
133 | 
134 | .uni-share-title {
135 | 	line-height: 60rpx;
136 | 	font-size: 24rpx;
137 | 	padding: 15rpx 0;
138 | 	text-align: center;
139 | }
140 | 
141 | .uni-share-content {
142 | 	display: flex;
143 | 	flex-wrap: wrap;
144 | 	padding: 15px 15px 0 15px;
145 | }
146 | 
147 | .uni-share-content-box {
148 | 	display: flex;
149 | 	flex-direction: column;
150 | 	align-items: center;
151 | 	width: 25%;
152 | 	box-sizing: border-box;
153 | }
154 | 
155 | .uni-share-content-image {
156 | 	display: flex;
157 | 	justify-content: center;
158 | 	align-items: center;
159 | 	width: 60rpx;
160 | 	height: 60rpx;
161 | 	overflow: hidden;
162 | 	border-radius: 10rpx;
163 | }
164 | 
165 | .uni-share-content-image .image {
166 | 	width: 100%;
167 | 	height: 100%;
168 | }
169 | 
170 | .uni-share-content-text {
171 | 	font-size: 26rpx;
172 | 	color: #333;
173 | 	padding-top: 5px;
174 | 	padding-bottom: 10px;
175 | }
176 | 
177 | .uni-share-btn {
178 | 	height: 90rpx;
179 | 	line-height: 90rpx;
180 | 	border-top: 1px #f5f5f5 solid;
181 | 	text-align: center;
182 | 	color: #666;
183 | }
184 | 
185 | .uni-timeline-item .uni-timeline-item-keynode {
186 | 	width: auto;
187 | }
188 | 
189 | .uni-timeline-last-item .uni-timeline-item-divider {
190 | 	background-color: #bbb !important;
191 | }
192 | 
193 | .uni-timeline-first-item .uni-timeline-item-divider {
194 | 	background-color: #1AAD19 !important;
195 | }
196 | 
197 | .uni-card__header-extra-text {
198 | 	width: auto !important;
199 | }
200 | 
201 | .scoll-y {
202 | 	height: 100%;
203 | }
204 | 
205 | .tui-tabs-relative::before {
206 | 	border-bottom: none!important;
207 | }
208 | 


--------------------------------------------------------------------------------
/common/css/custom-dark.less:
--------------------------------------------------------------------------------
 1 | @dark_bg_main: #0d1015;
 2 | @dark_bg: #161a23;
 3 | @dark_bg_sub: #2a2b2d;
 4 | @dark_text_main: #d3e0f3;
 5 | @dark_text_sub: #8c8c8c;
 6 | @dark_text_3: #434343;
 7 | @dark_text_4: #595959;
 8 | 
 9 | .custom-dark {
10 | 	background-color: @dark_bg_main!important;
11 | 	.uni-card {
12 | 		background-color: @dark_bg!important;
13 | 	}
14 | 	
15 | 	.uni-row .flex-item-80, .uni-row .flex-item-70, .uni-card__header, .uni-card__header-extra-text, .qiun-title-dot-light {
16 | 		color: @dark_text_main!important;
17 | 	}
18 | 	
19 | 	.uni-card--shadow {
20 | 		border: 1px solid @dark_text_3!important;
21 | 	}
22 | 	
23 | 	.uni-card__footer {
24 | 		border-top: 1px solid @dark_text_3!important;
25 | 	}
26 | 	
27 | 	.analysis, .cu-bar, .qiun-columns, .qiun-bg-white, .detail-item {
28 | 		background-color: @dark_bg!important;
29 | 		color: @dark_text_main!important;
30 | 		
31 | 		.analysis-num {
32 | 			color: #fff566;
33 | 		}
34 | 	}
35 | 	
36 | 	.cu-list, .cu-item {
37 | 		background-color: @dark_bg!important;
38 | 		color: @dark_text_main!important;
39 | 	}
40 | 	.cu-item:after {
41 | 		border-bottom: 1px solid @dark_text_3!important;
42 | 	}
43 | 	
44 | 	.cu-item.arrow::before {
45 | 		color: @dark_text_4!important;
46 | 	}
47 | 	
48 | 	.grid-text {
49 | 		color: @dark_text_main!important;
50 | 	}
51 | 	
52 | 	.main-list {
53 | 		.cuIcon {
54 | 			color: @dark_text_main!important;
55 | 		}
56 | 		.uni-input-input {
57 | 			background-color: @dark_bg_sub!important;
58 | 			color: @dark_text_main!important;
59 | 		}
60 | 	}
61 | }


--------------------------------------------------------------------------------
/common/css/custom-light.less:
--------------------------------------------------------------------------------
 1 | @light_bg: #ffffff;
 2 | @light_text_main: #000000;
 3 | @light_text_sub: #666666;
 4 | 
 5 | .custom-light {
 6 | 	.analysis, .cu-bar, .detail-item {
 7 | 		background-color: @light_bg;
 8 | 		color: @light_text_sub;
 9 | 		
10 | 		.analysis-num {
11 | 			color: #1890ff;
12 | 		}
13 | 	}
14 | }


--------------------------------------------------------------------------------
/components/mescroll-uni/components/mescroll-down.css:
--------------------------------------------------------------------------------
 1 | /* 下拉刷新区域 */
 2 | .mescroll-downwarp {
 3 | 	position: absolute;
 4 | 	top: -100%;
 5 | 	left: 0;
 6 | 	width: 100%;
 7 | 	height: 100%;
 8 | 	text-align: center;
 9 | }
10 | 
11 | /* 下拉刷新--内容区,定位于区域底部 */
12 | .mescroll-downwarp .downwarp-content {
13 | 	position: absolute;
14 | 	left: 0;
15 | 	bottom: 0;
16 | 	width: 100%;
17 | 	min-height: 60rpx;
18 | 	padding: 20rpx 0;
19 | 	text-align: center;
20 | }
21 | 
22 | /* 下拉刷新--提示文本 */
23 | .mescroll-downwarp .downwarp-tip {
24 | 	display: inline-block;
25 | 	font-size: 28rpx;
26 | 	vertical-align: middle;
27 | 	margin-left: 16rpx;
28 | 	/* color: gray; 已在style设置color,此处删去*/
29 | }
30 | 
31 | /* 下拉刷新--旋转进度条 */
32 | .mescroll-downwarp .downwarp-progress {
33 | 	display: inline-block;
34 | 	width: 32rpx;
35 | 	height: 32rpx;
36 | 	border-radius: 50%;
37 | 	border: 2rpx solid gray;
38 | 	border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
39 | 	vertical-align: middle;
40 | }
41 | 
42 | /* 旋转动画 */
43 | .mescroll-downwarp .mescroll-rotate {
44 | 	animation: mescrollDownRotate 0.6s linear infinite;
45 | }
46 | 
47 | @keyframes mescrollDownRotate {
48 | 	0% {
49 | 		transform: rotate(0deg);
50 | 	}
51 | 
52 | 	100% {
53 | 		transform: rotate(360deg);
54 | 	}
55 | }


--------------------------------------------------------------------------------
/components/mescroll-uni/components/mescroll-down.vue:
--------------------------------------------------------------------------------
 1 | <!-- 下拉刷新区域 -->
 2 | <template>
 3 | 	<view v-if="mOption.use" class="mescroll-downwarp" :style="{'background-color':mOption.bgColor,'color':mOption.textColor}">
 4 | 		<view class="downwarp-content">
 5 | 			<view class="downwarp-progress" :class="{'mescroll-rotate': isDownLoading}" :style="{'border-color':mOption.textColor, 'transform':downRotate}"></view>
 6 | 			<view class="downwarp-tip">{{downText}}</view>
 7 | 		</view>
 8 | 	</view>
 9 | </template>
10 | 
11 | <script>
12 | export default {
13 | 	props: {
14 | 		option: Object , // down的配置项
15 | 		type: Number, // 下拉状态（inOffset：1， outOffset：2， showLoading：3， endDownScroll：4）
16 | 		rate: Number // 下拉比率 (inOffset: rate<1; outOffset: rate>=1)
17 | 	},
18 | 	computed: {
19 | 		// 支付宝小程序需写成计算属性,prop定义default仍报错
20 | 		mOption(){
21 | 			return this.option || {}
22 | 		},
23 | 		// 是否在加载中
24 | 		isDownLoading(){
25 | 			return this.type === 3
26 | 		},
27 | 		// 旋转的角度
28 | 		downRotate(){
29 | 			return 'rotate(' + 360 * this.rate + 'deg)'
30 | 		},
31 | 		// 文本提示
32 | 		downText(){
33 | 			switch (this.type){
34 | 				case 1: return this.mOption.textInOffset;
35 | 				case 2: return this.mOption.textOutOffset;
36 | 				case 3: return this.mOption.textLoading;
37 | 				case 4: return this.mOption.textLoading;
38 | 				default: return this.mOption.textInOffset;
39 | 			}
40 | 		}
41 | 	}
42 | };
43 | </script>
44 | 
45 | <style>
46 | @import "./mescroll-down.css";
47 | </style>
48 | 


--------------------------------------------------------------------------------
/components/mescroll-uni/components/mescroll-empty.vue:
--------------------------------------------------------------------------------
 1 | <!--空布局
 2 | 
 3 | 可作为独立的组件, 不使用mescroll的页面也能单独引入, 以便APP全局统一管理:
 4 | import MescrollEmpty from '@/components/mescroll-uni/components/mescroll-empty.vue';
 5 | <mescroll-empty v-if="isShowEmpty" :option="optEmpty" @emptyclick="emptyClick"></mescroll-empty>
 6 | 
 7 | -->
 8 | <template>
 9 | 	<view class="mescroll-empty" :class="{ 'empty-fixed': option.fixed }" :style="{ 'z-index': option.zIndex, top: option.top }">
10 | 		<view> <image v-if="icon" class="empty-icon" :src="icon" mode="widthFix" /> </view>
11 | 		<view v-if="tip" class="empty-tip">{{ tip }}</view>
12 | 		<view v-if="option.btnText" class="empty-btn" @click="emptyClick">{{ option.btnText }}</view>
13 | 	</view>
14 | </template>
15 | 
16 | <script>
17 | // 引入全局配置
18 | import GlobalOption from './../mescroll-uni-option.js';
19 | export default {
20 | 	props: {
21 | 		// empty的配置项: 默认为GlobalOption.up.empty
22 | 		option: {
23 | 			type: Object,
24 | 			default() {
25 | 				return {};
26 | 			}
27 | 		}
28 | 	},
29 | 	// 使用computed获取配置,用于支持option的动态配置
30 | 	computed: {
31 | 		// 图标
32 | 		icon() {
33 | 			return this.option.icon == null ? GlobalOption.up.empty.icon : this.option.icon; // 此处不使用短路求值, 用于支持传空串不显示图标
34 | 		},
35 | 		// 文本提示
36 | 		tip() {
37 | 			return this.option.tip == null ? GlobalOption.up.empty.tip : this.option.tip; // 此处不使用短路求值, 用于支持传空串不显示文本提示
38 | 		}
39 | 	},
40 | 	methods: {
41 | 		// 点击按钮
42 | 		emptyClick() {
43 | 			this.$emit('emptyclick');
44 | 		}
45 | 	}
46 | };
47 | </script>
48 | 
49 | <style>
50 | /* 无任何数据的空布局 */
51 | .mescroll-empty {
52 | 	box-sizing: border-box;
53 | 	width: 100%;
54 | 	padding: 100rpx 50rpx;
55 | 	text-align: center;
56 | }
57 | 
58 | .mescroll-empty.empty-fixed {
59 | 	z-index: 99;
60 | 	position: absolute; /*transform会使fixed失效,最终会降级为absolute */
61 | 	top: 100rpx;
62 | 	left: 0;
63 | }
64 | 
65 | .mescroll-empty .empty-icon {
66 | 	width: 280rpx;
67 | 	height: 280rpx;
68 | }
69 | 
70 | .mescroll-empty .empty-tip {
71 | 	margin-top: 20rpx;
72 | 	font-size: 24rpx;
73 | 	color: gray;
74 | }
75 | 
76 | .mescroll-empty .empty-btn {
77 | 	display: inline-block;
78 | 	margin-top: 40rpx;
79 | 	min-width: 200rpx;
80 | 	padding: 18rpx;
81 | 	font-size: 28rpx;
82 | 	border: 1rpx solid #e04b28;
83 | 	border-radius: 60rpx;
84 | 	color: #e04b28;
85 | }
86 | 
87 | .mescroll-empty .empty-btn:active {
88 | 	opacity: 0.75;
89 | }
90 | </style>
91 | 


--------------------------------------------------------------------------------
/components/mescroll-uni/components/mescroll-top.vue:
--------------------------------------------------------------------------------
 1 | <!-- 回到顶部的按钮 -->
 2 | <template>
 3 | 	<image
 4 | 		v-if="mOption.src"
 5 | 		class="mescroll-totop"
 6 | 		:class="[value ? 'mescroll-totop-in' : 'mescroll-totop-out', {'mescroll-totop-safearea': mOption.safearea}]"
 7 | 		:style="{'z-index':mOption.zIndex, 'left': left, 'right': right, 'bottom':addUnit(mOption.bottom), 'width':addUnit(mOption.width), 'border-radius':addUnit(mOption.radius)}"
 8 | 		:src="mOption.src"
 9 | 		mode="widthFix"
10 | 		@click="toTopClick"
11 | 	/>
12 | </template>
13 | 
14 | <script>
15 | export default {
16 | 	props: {
17 | 		// up.toTop的配置项
18 | 		option: Object,
19 | 		// 是否显示
20 | 		value: false
21 | 	},
22 | 	computed: {
23 | 		// 支付宝小程序需写成计算属性,prop定义default仍报错
24 | 		mOption(){
25 | 			return this.option || {}
26 | 		},
27 | 		// 优先显示左边
28 | 		left(){
29 | 			return this.mOption.left ? this.addUnit(this.mOption.left) : 'auto';
30 | 		},
31 | 		// 右边距离 (优先显示左边)
32 | 		right() {
33 | 			return this.mOption.left ? 'auto' : this.addUnit(this.mOption.right);
34 | 		}
35 | 	},
36 | 	methods: {
37 | 		addUnit(num){
38 | 			if(!num) return 0;
39 | 			if(typeof num === 'number') return num + 'rpx';
40 | 			return num
41 | 		},
42 | 		toTopClick() {
43 | 			this.$emit('input', false); // 使v-model生效
44 | 			this.$emit('click'); // 派发点击事件
45 | 		}
46 | 	}
47 | };
48 | </script>
49 | 
50 | <style>
51 | /* 回到顶部的按钮 */
52 | .mescroll-totop {
53 | 	z-index: 9990;
54 | 	position: fixed !important; /* 加上important避免编译到H5,在多mescroll中定位失效 */
55 | 	right: 20rpx;
56 | 	bottom: 120rpx;
57 | 	width: 72rpx;
58 | 	height: auto;
59 | 	border-radius: 50%;
60 | 	opacity: 0;
61 | 	transition: opacity 0.5s; /* 过渡 */
62 | 	margin-bottom: var(--window-bottom); /* css变量 */
63 | }
64 | 
65 | /* 适配 iPhoneX */
66 | @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
67 | 	.mescroll-totop-safearea {
68 | 		margin-bottom: calc(var(--window-bottom) + constant(safe-area-inset-bottom)); /* window-bottom + 适配 iPhoneX */
69 | 		margin-bottom: calc(var(--window-bottom) + env(safe-area-inset-bottom));
70 | 	}
71 | }
72 | 
73 | /* 显示 -- 淡入 */
74 | .mescroll-totop-in {
75 | 	opacity: 1;
76 | }
77 | 
78 | /* 隐藏 -- 淡出且不接收事件*/
79 | .mescroll-totop-out {
80 | 	opacity: 0;
81 | 	pointer-events: none;
82 | }
83 | </style>
84 | 


--------------------------------------------------------------------------------
/components/mescroll-uni/components/mescroll-up.css:
--------------------------------------------------------------------------------
 1 | /* 上拉加载区域 */
 2 | .mescroll-upwarp {
 3 | 	box-sizing: border-box;
 4 | 	min-height: 110rpx;
 5 | 	padding: 30rpx 0;
 6 | 	text-align: center;
 7 | 	clear: both;
 8 | }
 9 | 
10 | /*提示文本 */
11 | .mescroll-upwarp .upwarp-tip,
12 | .mescroll-upwarp .upwarp-nodata {
13 | 	display: inline-block;
14 | 	font-size: 28rpx;
15 | 	vertical-align: middle;
16 | 	/* color: gray; 已在style设置color,此处删去*/
17 | }
18 | 
19 | .mescroll-upwarp .upwarp-tip {
20 | 	margin-left: 16rpx;
21 | }
22 | 
23 | /*旋转进度条 */
24 | .mescroll-upwarp .upwarp-progress {
25 | 	display: inline-block;
26 | 	width: 32rpx;
27 | 	height: 32rpx;
28 | 	border-radius: 50%;
29 | 	border: 2rpx solid gray;
30 | 	border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
31 | 	vertical-align: middle;
32 | }
33 | 
34 | /* 旋转动画 */
35 | .mescroll-upwarp .mescroll-rotate {
36 | 	animation: mescrollUpRotate 0.6s linear infinite;
37 | }
38 | 
39 | @keyframes mescrollUpRotate {
40 | 	0% {
41 | 		transform: rotate(0deg);
42 | 	}
43 | 
44 | 	100% {
45 | 		transform: rotate(360deg);
46 | 	}
47 | }


--------------------------------------------------------------------------------
/components/mescroll-uni/components/mescroll-up.vue:
--------------------------------------------------------------------------------
 1 | <!-- 上拉加载区域 -->
 2 | <template>
 3 | 	<view class="mescroll-upwarp" :style="{'background-color':mOption.bgColor,'color':mOption.textColor}">
 4 | 		<!-- 加载中 (此处不能用v-if,否则android小程序快速上拉可能会不断触发上拉回调) -->
 5 | 		<view v-show="isUpLoading">
 6 | 			<view class="upwarp-progress mescroll-rotate" :style="{'border-color':mOption.textColor}"></view>
 7 | 			<view class="upwarp-tip">{{ mOption.textLoading }}</view>
 8 | 		</view>
 9 | 		<!-- 无数据 -->
10 | 		<view v-if="isUpNoMore" class="upwarp-nodata">{{ mOption.textNoMore }}</view>
11 | 	</view>
12 | </template>
13 | 
14 | <script>
15 | export default {
16 | 	props: {
17 | 		option: Object, // up的配置项
18 | 		type: Number // 上拉加载的状态：0（loading前），1（loading中），2（没有更多了）
19 | 	},
20 | 	computed: {
21 | 		// 支付宝小程序需写成计算属性,prop定义default仍报错
22 | 		mOption() {
23 | 			return this.option || {};
24 | 		},
25 | 		// 加载中
26 | 		isUpLoading() {
27 | 			return this.type === 1;
28 | 		},
29 | 		// 没有更多了
30 | 		isUpNoMore() {
31 | 			return this.type === 2;
32 | 		}
33 | 	}
34 | };
35 | </script>
36 | 
37 | <style>
38 | @import './mescroll-up.css';
39 | </style>
40 | 


--------------------------------------------------------------------------------
/components/mescroll-uni/mescroll-body.css:
--------------------------------------------------------------------------------
 1 | .mescroll-body {
 2 | 	position: relative; /* 下拉刷新区域相对自身定位 */
 3 | 	height: auto; /* 不可固定高度,否则overflow:hidden导致无法滑动; 同时使设置的最小高生效,实现列表不满屏仍可下拉*/
 4 | 	overflow: hidden; /* 当有元素写在mescroll-body标签前面时,可遮住下拉刷新区域 */
 5 | 	box-sizing: border-box; /* 避免设置padding出现双滚动条的问题 */
 6 | }
 7 | 
 8 | /* 使sticky生效: 父元素不能overflow:hidden或者overflow:auto属性 */
 9 | .mescroll-body.mescorll-sticky{
10 | 	overflow: unset !important
11 | }
12 | 
13 | /* 适配 iPhoneX */
14 | @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
15 | 	.mescroll-safearea {
16 | 		padding-bottom: constant(safe-area-inset-bottom);
17 | 		padding-bottom: env(safe-area-inset-bottom);
18 | 	}
19 | }


--------------------------------------------------------------------------------
/components/mescroll-uni/mescroll-mixins.js:
--------------------------------------------------------------------------------
 1 | // mescroll-body 和 mescroll-uni 通用
 2 | 
 3 | // import MescrollUni from "./mescroll-uni.vue";
 4 | // import MescrollBody from "./mescroll-body.vue";
 5 | 
 6 | const MescrollMixin = {
 7 | 	// components: { // 非H5端无法通过mixin注册组件, 只能在main.js中注册全局组件或具体界面中注册
 8 | 	// 	MescrollUni,
 9 | 	// 	MescrollBody
10 | 	// },
11 | 	data() {
12 | 		return {
13 | 			mescroll: null //mescroll实例对象
14 | 		}
15 | 	},
16 | 	// 注册系统自带的下拉刷新 (配置down.native为true时生效, 还需在pages配置enablePullDownRefresh:true;详请参考mescroll-native的案例)
17 | 	onPullDownRefresh(){
18 | 		this.mescroll && this.mescroll.onPullDownRefresh();
19 | 	},
20 | 	// 注册列表滚动事件,用于判定在顶部可下拉刷新,在指定位置可显示隐藏回到顶部按钮 (此方法为页面生命周期,无法在子组件中触发, 仅在mescroll-body生效)
21 | 	onPageScroll(e) {
22 | 		this.mescroll && this.mescroll.onPageScroll(e);
23 | 	},
24 | 	// 注册滚动到底部的事件,用于上拉加载 (此方法为页面生命周期,无法在子组件中触发, 仅在mescroll-body生效)
25 | 	onReachBottom() {
26 | 		this.mescroll && this.mescroll.onReachBottom();
27 | 	},
28 | 	methods: {
29 | 		// mescroll组件初始化的回调,可获取到mescroll对象
30 | 		mescrollInit(mescroll) {
31 | 			this.mescroll = mescroll;
32 | 			this.mescrollInitByRef(); // 兼容字节跳动小程序
33 | 		},
34 | 		// 以ref的方式初始化mescroll对象 (兼容字节跳动小程序)
35 | 		mescrollInitByRef() {
36 | 			if(!this.mescroll || !this.mescroll.resetUpScroll){
37 | 				let mescrollRef = this.$refs.mescrollRef;
38 | 				if(mescrollRef) this.mescroll = mescrollRef.mescroll
39 | 			}
40 | 		},
41 | 		// 下拉刷新的回调 (mixin默认resetUpScroll)
42 | 		downCallback() {
43 | 			if(this.mescroll.optUp.use){
44 | 				this.mescroll.resetUpScroll()
45 | 			}else{
46 | 				setTimeout(()=>{
47 | 					this.mescroll.endSuccess();
48 | 				}, 500)
49 | 			}
50 | 		},
51 | 		// 上拉加载的回调
52 | 		upCallback() {
53 | 			// mixin默认延时500自动结束加载
54 | 			setTimeout(()=>{
55 | 				this.mescroll.endErr();
56 | 			}, 500)
57 | 		}
58 | 	},
59 | 	mounted() {
60 | 		this.mescrollInitByRef(); // 兼容字节跳动小程序, 避免未设置@init或@init此时未能取到ref的情况
61 | 	}
62 | 	
63 | }
64 | 
65 | export default MescrollMixin;
66 | 


--------------------------------------------------------------------------------
/components/mescroll-uni/mescroll-uni-option.js:
--------------------------------------------------------------------------------
 1 | // 全局配置
 2 | // mescroll-body 和 mescroll-uni 通用
 3 | const GlobalOption = {
 4 | 	down: {
 5 | 		// 其他down的配置参数也可以写,这里只展示了常用的配置:
 6 | 		textInOffset: '下拉刷新', // 下拉的距离在offset范围内的提示文本
 7 | 		textOutOffset: '释放更新', // 下拉的距离大于offset范围的提示文本
 8 | 		textLoading: '加载中 ...', // 加载中的提示文本
 9 | 		textSuccess: '加载成功', // 加载成功的文本
10 | 		textErr: '加载失败', // 加载失败的文本
11 | 		beforeEndDelay: 100, // 延时结束的时长 (显示加载成功/失败的时长)
12 | 		offset: 80, // 在列表顶部,下拉大于80px,松手即可触发下拉刷新的回调
13 | 		native: false // 是否使用系统自带的下拉刷新; 默认false; 仅在mescroll-body生效 (值为true时,还需在pages配置enablePullDownRefresh:true;详请参考mescroll-native的案例)
14 | 	},
15 | 	up: {
16 | 		// 其他up的配置参数也可以写,这里只展示了常用的配置:
17 | 		textLoading: '加载中 ...', // 加载中的提示文本
18 | 		textNoMore: '-- END --', // 没有更多数据的提示文本
19 | 		offset: 150, // 距底部多远时,触发upCallback,仅mescroll-uni生效 ( mescroll-body配置的是pages.json的 onReachBottomDistance )
20 | 		toTop: {
21 | 			// 回到顶部按钮,需配置src才显示
22 | 			src: "https://www.mescroll.com/img/mescroll-totop.png", // 图片路径 (建议放入static目录, 如 /static/img/mescroll-totop.png )
23 | 			offset: 1000, // 列表滚动多少距离才显示回到顶部按钮,默认1000px
24 | 			right: 20, // 到右边的距离, 默认20 (支持"20rpx", "20px", "20%"格式的值, 纯数字则默认单位rpx)
25 | 			bottom: 120, // 到底部的距离, 默认120 (支持"20rpx", "20px", "20%"格式的值, 纯数字则默认单位rpx)
26 | 			width: 72 // 回到顶部图标的宽度, 默认72 (支持"20rpx", "20px", "20%"格式的值, 纯数字则默认单位rpx)
27 | 		},
28 | 		empty: {
29 | 			use: true, // 是否显示空布局
30 | 			icon: "https://www.mescroll.com/img/mescroll-empty.png", // 图标路径 (建议放入static目录, 如 /static/img/mescroll-empty.png )
31 | 			tip: '~ 空空如也 ~' // 提示
32 | 		}
33 | 	}
34 | }
35 | 
36 | export default GlobalOption
37 | 


--------------------------------------------------------------------------------
/components/mescroll-uni/mescroll-uni.css:
--------------------------------------------------------------------------------
 1 | .mescroll-uni-warp{
 2 | 	height: 100%;
 3 | }
 4 | 
 5 | .mescroll-uni-content{
 6 | 	height: 100%;
 7 | }
 8 | 
 9 | .mescroll-uni {
10 | 	position: relative;
11 | 	width: 100%;
12 | 	height: 100%;
13 | 	min-height: 200rpx;
14 | 	overflow-y: auto;
15 | 	box-sizing: border-box; /* 避免设置padding出现双滚动条的问题 */
16 | }
17 | 
18 | /* 定位的方式固定高度 */
19 | .mescroll-uni-fixed{
20 | 	z-index: 1;
21 | 	position: fixed;
22 | 	top: 0;
23 | 	left: 0;
24 | 	right: 0;
25 | 	bottom: 0;
26 | 	width: auto; /* 使right生效 */
27 | 	height: auto; /* 使bottom生效 */
28 | }
29 | 
30 | /* 适配 iPhoneX */
31 | @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
32 | 	.mescroll-safearea {
33 | 		padding-bottom: constant(safe-area-inset-bottom);
34 | 		padding-bottom: env(safe-area-inset-bottom);
35 | 	}
36 | }
37 | 


--------------------------------------------------------------------------------
/components/mescroll-uni/mixins/mescroll-comp.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * mescroll-body写在子组件时,需通过mescroll的mixins补充子组件缺少的生命周期
 3 |  */
 4 | const MescrollCompMixin = {
 5 | 	// 因为子组件无onPageScroll和onReachBottom的页面生命周期，需在页面传递进到子组件 (一级)
 6 | 	onPageScroll(e) {
 7 | 		this.handlePageScroll(e)
 8 | 	},
 9 | 	onReachBottom() {
10 | 		this.handleReachBottom()
11 | 	},
12 | 	// 当down的native: true时, 还需传递此方法进到子组件
13 | 	onPullDownRefresh(){
14 | 		this.handlePullDownRefresh()
15 | 	},
16 | 	// mescroll-body写在子子子...组件的情况 (多级)
17 | 	data() {
18 | 		return {
19 | 			mescroll: {
20 | 				onPageScroll: e=>{
21 | 					this.handlePageScroll(e)
22 | 				},
23 | 				onReachBottom: ()=>{
24 | 					this.handleReachBottom()
25 | 				},
26 | 				onPullDownRefresh: ()=>{
27 | 					this.handlePullDownRefresh()
28 | 				}
29 | 			}
30 | 		}
31 | 	},
32 | 	methods:{
33 | 		handlePageScroll(e){
34 | 			let item = this.$refs["mescrollItem"];
35 | 			if(item && item.mescroll) item.mescroll.onPageScroll(e);
36 | 		},
37 | 		handleReachBottom(){
38 | 			let item = this.$refs["mescrollItem"];
39 | 			if(item && item.mescroll) item.mescroll.onReachBottom();
40 | 		},
41 | 		handlePullDownRefresh(){
42 | 			let item = this.$refs["mescrollItem"];
43 | 			if(item && item.mescroll) item.mescroll.onPullDownRefresh();
44 | 		}
45 | 	}
46 | }
47 | 
48 | export default MescrollCompMixin;
49 | 


--------------------------------------------------------------------------------
/components/mescroll-uni/mixins/mescroll-more-item.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * mescroll-more-item的mixins, 仅在多个 mescroll-body 写在子组件时使用 (参考 mescroll-more 案例)
 3 |  */
 4 | const MescrollMoreItemMixin = {
 5 | 	// 支付宝小程序不支持props的mixin,需写在具体的页面中
 6 | 	// #ifndef MP-ALIPAY || MP-DINGTALK
 7 | 	props:{
 8 | 		i: Number, // 每个tab页的专属下标
 9 | 		index: { // 当前tab的下标
10 | 			type: Number,
11 | 			default(){
12 | 				return 0
13 | 			}
14 | 		}
15 | 	},
16 | 	// #endif
17 | 	data() {
18 | 		return {
19 | 			downOption:{
20 | 				auto:false // 不自动加载
21 | 			},
22 | 			upOption:{
23 | 				auto:false // 不自动加载
24 | 			},
25 | 			isInit: false // 当前tab是否已初始化
26 | 		}
27 | 	},
28 | 	watch:{
29 | 		// 监听下标的变化
30 | 		index(val){
31 | 			if (this.i === val && !this.isInit) {
32 | 				this.isInit = true; // 标记为true
33 | 				this.mescroll && this.mescroll.triggerDownScroll();
34 | 			}
35 | 		}
36 | 	},
37 | 	methods: {
38 | 		// 以ref的方式初始化mescroll对象 (兼容字节跳动小程序)
39 | 		mescrollInitByRef() {
40 | 			if(!this.mescroll || !this.mescroll.resetUpScroll){
41 | 				// 字节跳动小程序编辑器不支持一个页面存在相同的ref, 多mescroll的ref需动态生成, 格式为'mescrollRef下标'
42 | 				let mescrollRef = this.$refs.mescrollRef || this.$refs['mescrollRef'+this.i];
43 | 				if(mescrollRef) this.mescroll = mescrollRef.mescroll
44 | 			}
45 | 		},
46 | 		// mescroll组件初始化的回调,可获取到mescroll对象 (覆盖mescroll-mixins.js的mescrollInit, 为了标记isInit)
47 | 		mescrollInit(mescroll) {
48 | 			this.mescroll = mescroll;
49 | 			this.mescrollInitByRef && this.mescrollInitByRef(); // 兼容字节跳动小程序
50 | 			// 自动加载当前tab的数据
51 | 			if(this.i === this.index){
52 | 				this.isInit = true; // 标记为true
53 | 				this.mescroll.triggerDownScroll();
54 | 			}
55 | 		},
56 | 	}
57 | }
58 | 
59 | export default MescrollMoreItemMixin;
60 | 


--------------------------------------------------------------------------------
/components/mescroll-uni/mixins/mescroll-more.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * mescroll-body写在子组件时, 需通过mescroll的mixins补充子组件缺少的生命周期
 3 |  */
 4 | const MescrollMoreMixin = {
 5 | 	data() {
 6 | 		return {
 7 | 			tabIndex: 0, // 当前tab下标
 8 | 			mescroll: {
 9 | 				onPageScroll: e=>{
10 | 					this.handlePageScroll(e)
11 | 				},
12 | 				onReachBottom: ()=>{
13 | 					this.handleReachBottom()
14 | 				},
15 | 				onPullDownRefresh: ()=>{
16 | 					this.handlePullDownRefresh()
17 | 				}
18 | 			}
19 | 		}
20 | 	},
21 | 	// 因为子组件无onPageScroll和onReachBottom的页面生命周期，需在页面传递进到子组件
22 | 	onPageScroll(e) {
23 | 		this.handlePageScroll(e)
24 | 	},
25 | 	onReachBottom() {
26 | 		this.handleReachBottom()
27 | 	},
28 | 	// 当down的native: true时, 还需传递此方法进到子组件
29 | 	onPullDownRefresh(){
30 | 		this.handlePullDownRefresh()
31 | 	},
32 | 	methods:{
33 | 		handlePageScroll(e){
34 | 			let mescroll = this.getMescroll(this.tabIndex);
35 | 			mescroll && mescroll.onPageScroll(e);
36 | 		},
37 | 		handleReachBottom(){
38 | 			let mescroll = this.getMescroll(this.tabIndex);
39 | 			mescroll && mescroll.onReachBottom();
40 | 		},
41 | 		handlePullDownRefresh(){
42 | 			let mescroll = this.getMescroll(this.tabIndex);
43 | 			mescroll && mescroll.onPullDownRefresh();
44 | 		},
45 | 		// 根据下标获取对应子组件的mescroll
46 | 		getMescroll(i){
47 | 			if(!this.mescrollItems) this.mescrollItems = [];
48 | 			if(!this.mescrollItems[i]) {
49 | 				// v-for中的refs
50 | 				let vForItem = this.$refs["mescrollItem"];
51 | 				if(vForItem){
52 | 					this.mescrollItems[i] = vForItem[i]
53 | 				}else{
54 | 					// 普通的refs,不可重复
55 | 					this.mescrollItems[i] = this.$refs["mescrollItem"+i];
56 | 				}
57 | 			}
58 | 			let item = this.mescrollItems[i]
59 | 			return item ? item.mescroll : null
60 | 		},
61 | 		// 切换tab,恢复滚动条位置
62 | 		tabChange(i){
63 | 			let mescroll = this.getMescroll(i);
64 | 			if(mescroll){
65 | 				// 延时(比$nextTick靠谱一些),确保元素已渲染
66 | 				setTimeout(()=>{
67 | 					mescroll.scrollTo(mescroll.getScrollTop(),0)
68 | 				},30)
69 | 			}
70 | 		}
71 | 	}
72 | }
73 | 
74 | export default MescrollMoreMixin;
75 | 


--------------------------------------------------------------------------------
/components/mescroll-uni/wxs/mixins.js:
--------------------------------------------------------------------------------
  1 | // 定义在wxs (含renderjs) 逻辑层的数据和方法, 与视图层相互通信
  2 | const WxsMixin = {
  3 | 	data() {
  4 | 		return {
  5 | 			// 传入wxs视图层的数据 (响应式)
  6 | 			wxsProp: {
  7 | 				optDown:{}, // 下拉刷新的配置
  8 | 				scrollTop:0, // 滚动条的距离
  9 | 				bodyHeight:0, // body的高度
 10 | 				isDownScrolling:false, // 是否正在下拉刷新中
 11 | 				isUpScrolling:false, // 是否正在上拉加载中
 12 | 				isScrollBody:true, // 是否为mescroll-body滚动
 13 | 				isUpBoth:true, // 上拉加载时,是否同时可以下拉刷新
 14 | 				t: 0 // 数据更新的标记 (只有数据更新了,才会触发wxs的Observer)
 15 | 			},
 16 | 			
 17 | 			// 标记调用wxs视图层的方法
 18 | 			callProp: {
 19 | 				callType: '', // 方法名
 20 | 				t: 0 // 数据更新的标记 (只有数据更新了,才会触发wxs的Observer)
 21 | 			},
 22 | 			
 23 | 			// 不用wxs的平台使用此处的wxsBiz对象,抹平wxs的写法 (微信小程序和APP使用的wxsBiz对象是./wxs/wxs.wxs)
 24 | 			// #ifndef MP-WEIXIN || MP-QQ || APP-PLUS || H5
 25 | 			wxsBiz: {
 26 | 				//注册列表touchstart事件,用于下拉刷新
 27 | 				touchstartEvent: e=> {
 28 | 					this.mescroll.touchstartEvent(e);
 29 | 				},
 30 | 				//注册列表touchmove事件,用于下拉刷新
 31 | 				touchmoveEvent: e=> {
 32 | 					this.mescroll.touchmoveEvent(e);
 33 | 				},
 34 | 				//注册列表touchend事件,用于下拉刷新
 35 | 				touchendEvent: e=> {
 36 | 					this.mescroll.touchendEvent(e);
 37 | 				},
 38 | 				propObserver(){}, // 抹平wxs的写法
 39 | 				callObserver(){} // 抹平wxs的写法
 40 | 			},
 41 | 			// #endif
 42 | 			
 43 | 			// 不用renderjs的平台使用此处的renderBiz对象,抹平renderjs的写法 (app 和 h5 使用的renderBiz对象是./wxs/renderjs.js)
 44 | 			// #ifndef APP-PLUS || H5
 45 | 			renderBiz: {
 46 | 				propObserver(){} // 抹平renderjs的写法
 47 | 			}
 48 | 			// #endif
 49 | 		}
 50 | 	},
 51 | 	methods: {
 52 | 		// wxs视图层调用逻辑层的回调
 53 | 		wxsCall(msg){
 54 | 			if(msg.type === 'setWxsProp'){
 55 | 				// 更新wxsProp数据 (值改变才触发更新)
 56 | 				this.wxsProp = {
 57 | 					optDown: this.mescroll.optDown,
 58 | 					scrollTop: this.mescroll.getScrollTop(),
 59 | 					bodyHeight: this.mescroll.getBodyHeight(),
 60 | 					isDownScrolling: this.mescroll.isDownScrolling,
 61 | 					isUpScrolling: this.mescroll.isUpScrolling,
 62 | 					isUpBoth: this.mescroll.optUp.isBoth,
 63 | 					isScrollBody:this.mescroll.isScrollBody,
 64 | 					t: Date.now()
 65 | 				}
 66 | 			}else if(msg.type === 'setLoadType'){
 67 | 				// 设置inOffset,outOffset的状态
 68 | 				this.downLoadType = msg.downLoadType
 69 | 				// 状态挂载到mescroll对象, 以便在其他组件中使用, 比如<me-video>中
 70 | 				this.$set(this.mescroll, 'downLoadType', this.downLoadType)
 71 | 				// 重置是否加载成功的状态
 72 | 				this.$set(this.mescroll, 'isDownEndSuccess', null)
 73 | 			}else if(msg.type === 'triggerDownScroll'){
 74 | 				// 主动触发下拉刷新
 75 | 				this.mescroll.triggerDownScroll();
 76 | 			}else if(msg.type === 'endDownScroll'){
 77 | 				// 结束下拉刷新
 78 | 				this.mescroll.endDownScroll();
 79 | 			}else if(msg.type === 'triggerUpScroll'){
 80 | 				// 主动触发上拉加载
 81 | 				this.mescroll.triggerUpScroll(true);
 82 | 			}
 83 | 		}
 84 | 	},
 85 | 	mounted() {
 86 | 		// #ifdef MP-WEIXIN || MP-QQ || APP-PLUS || H5
 87 | 		// 配置主动触发wxs显示加载进度的回调
 88 | 		this.mescroll.optDown.afterLoading = ()=>{
 89 | 			this.callProp = {callType: "showLoading", t: Date.now()} // 触发wxs的方法 (值改变才触发更新)
 90 | 		}
 91 | 		// 配置主动触发wxs隐藏加载进度的回调
 92 | 		this.mescroll.optDown.afterEndDownScroll = ()=>{
 93 | 			this.callProp = {callType: "endDownScroll", t: Date.now()} // 触发wxs的方法 (值改变才触发更新)
 94 | 			let delay = 300 + (this.mescroll.optDown.beforeEndDelay || 0)
 95 | 			setTimeout(()=>{
 96 | 				if(this.downLoadType === 4 || this.downLoadType === 0){
 97 | 					this.callProp = {callType: "clearTransform", t: Date.now()} // 触发wxs的方法 (值改变才触发更新)
 98 | 				}
 99 | 				// 状态挂载到mescroll对象, 以便在其他组件中使用, 比如<me-video>中
100 | 				this.$set(this.mescroll, 'downLoadType', this.downLoadType)
101 | 			}, delay)
102 | 		}
103 | 		// 初始化wxs的数据
104 | 		this.wxsCall({type: 'setWxsProp'})
105 | 		// #endif
106 | 	}
107 | }
108 | 
109 | export default WxsMixin;
110 | 


--------------------------------------------------------------------------------
/components/mescroll-uni/wxs/renderjs.js:
--------------------------------------------------------------------------------
 1 | // 使用renderjs直接操作window对象,实现动态控制app和h5的bounce
 2 | // bounce: iOS橡皮筋,Android半月弧,h5浏览器下拉背景等效果 (下拉刷新时禁止)
 3 | // https://uniapp.dcloud.io/frame?id=renderjs
 4 | 
 5 | // 与wxs的me实例一致
 6 | var me = {}
 7 | 
 8 | // 初始化window对象的touch事件 (仅初始化一次)
 9 | if(window && !window.$mescrollRenderInit){
10 | 	window.$mescrollRenderInit = true
11 | 	
12 | 	
13 | 	window.addEventListener('touchstart', function(e){
14 | 		if (me.disabled()) return;
15 | 		me.startPoint = me.getPoint(e); // 记录起点
16 | 	}, {passive: true})
17 | 	
18 | 	
19 | 	window.addEventListener('touchmove', function(e){
20 | 		if (me.disabled()) return;
21 | 		if (me.getScrollTop() > 0) return; // 需在顶部下拉,才禁止bounce
22 | 		
23 | 		var curPoint = me.getPoint(e); // 当前点
24 | 		var moveY = curPoint.y - me.startPoint.y; // 和起点比,移动的距离,大于0向下拉,小于0向上拉
25 | 		// 向下拉
26 | 		if (moveY > 0) {
27 | 			// 可下拉的条件
28 | 			if (!me.isDownScrolling && !me.optDown.isLock && (!me.isUpScrolling || (me.isUpScrolling && me.isUpBoth))) {
29 | 				
30 | 				// 只有touch在mescroll的view上面,才禁止bounce
31 | 				var el = e.target;
32 | 				var isMescrollTouch = false;
33 | 				while (el && el.tagName && el.tagName !== 'UNI-PAGE-BODY' && el.tagName != "BODY") {
34 | 					var cls = el.classList;
35 | 					if (cls && cls.contains('mescroll-render-touch')) {
36 | 						isMescrollTouch = true
37 | 						break;
38 | 					}
39 | 					el = el.parentNode; // 继续检查其父元素
40 | 				}
41 | 				// 禁止bounce (不会对swiper和iOS侧滑返回造成影响)
42 | 				if (isMescrollTouch && e.cancelable && !e.defaultPrevented) e.preventDefault();
43 | 			}
44 | 		}
45 | 	}, {passive: false})
46 | }
47 | 
48 | /* 获取滚动条的位置 */
49 | me.getScrollTop = function() {
50 | 	return me.scrollTop || 0
51 | }
52 | 
53 | /* 是否禁用下拉刷新 */
54 | me.disabled = function(){
55 | 	return !me.optDown || !me.optDown.use || me.optDown.native
56 | }
57 | 
58 | /* 根据点击滑动事件获取第一个手指的坐标 */
59 | me.getPoint = function(e) {
60 | 	if (!e) {
61 | 		return {x: 0,y: 0}
62 | 	}
63 | 	if (e.touches && e.touches[0]) {
64 | 		return {x: e.touches[0].pageX,y: e.touches[0].pageY}
65 | 	} else if (e.changedTouches && e.changedTouches[0]) {
66 | 		return {x: e.changedTouches[0].pageX,y: e.changedTouches[0].pageY}
67 | 	} else {
68 | 		return {x: e.clientX,y: e.clientY}
69 | 	}
70 | }
71 | 
72 | /**
73 |  * 监听逻辑层数据的变化 (实时更新数据)
74 |  */
75 | function propObserver(wxsProp) {
76 | 	me.optDown = wxsProp.optDown
77 | 	me.scrollTop = wxsProp.scrollTop
78 | 	me.isDownScrolling = wxsProp.isDownScrolling
79 | 	me.isUpScrolling = wxsProp.isUpScrolling
80 | 	me.isUpBoth = wxsProp.isUpBoth
81 | }
82 | 
83 | /* 导出模块 */
84 | const renderBiz = {
85 | 	data() {
86 | 		return {
87 | 			propObserver: propObserver,
88 | 		}
89 | 	}
90 | }
91 | 
92 | export default renderBiz;


--------------------------------------------------------------------------------
/components/uni-badge/uni-badge.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <text v-if="text" :class="inverted ? 'uni-badge-' + type + ' uni-badge--' + size + ' uni-badge-inverted' : 'uni-badge-' + type + ' uni-badge--' + size"
  3 |     class="uni-badge" @click="onClick()">{{ text }}</text>
  4 | </template>
  5 | 
  6 | <script>
  7 |   export default {
  8 |     name: 'UniBadge',
  9 |     props: {
 10 |       type: {
 11 |         type: String,
 12 |         default: 'default'
 13 |       },
 14 |       inverted: {
 15 |         type: Boolean,
 16 |         default: false
 17 |       },
 18 |       text: {
 19 |         type: String,
 20 |         default: ''
 21 |       },
 22 |       size: { // small.normal
 23 |         type: String,
 24 |         default: 'normal'
 25 |       }
 26 |     },
 27 |     methods: {
 28 |       onClick() {
 29 |         this.$emit('click')
 30 |       }
 31 |     }
 32 |   }
 33 | </script>
 34 | 
 35 | <style lang="scss">
 36 |   $bage-size:12px;
 37 |   $bage-small:scale(0.8);
 38 | 
 39 |   .uni-badge {
 40 |     font-family: 'Helvetica Neue', Helvetica, sans-serif;
 41 |     box-sizing: border-box;
 42 |     font-size: $bage-size;
 43 |     line-height: 1;
 44 |     display: inline-block;
 45 |     padding: 3px 6px;
 46 |     color: $uni-text-color;
 47 |     border-radius: 100px;
 48 |     background-color: $uni-bg-color-hover;
 49 | 
 50 |     &.uni-badge-inverted {
 51 |       padding: 0 5px 0 0;
 52 |       color: $uni-text-color-grey;
 53 |       background-color: transparent;
 54 |     }
 55 | 
 56 |     &-primary {
 57 |       color: $uni-text-color-inverse;
 58 |       background-color: $uni-color-primary;
 59 | 
 60 |       &.uni-badge-inverted {
 61 |         color: $uni-color-primary;
 62 |         background-color: transparent
 63 |       }
 64 |     }
 65 | 
 66 |     &-success {
 67 |       color: $uni-text-color-inverse;
 68 |       background-color: $uni-color-success;
 69 | 
 70 |       &.uni-badge-inverted {
 71 |         color: $uni-color-success;
 72 |         background-color: transparent
 73 |       }
 74 |     }
 75 | 
 76 |     &-warning {
 77 |       color: $uni-text-color-inverse;
 78 |       background-color: $uni-color-warning;
 79 | 
 80 |       &.uni-badge-inverted {
 81 |         color: $uni-color-warning;
 82 |         background-color: transparent
 83 |       }
 84 |     }
 85 | 
 86 |     &-error {
 87 |       color: $uni-text-color-inverse;
 88 |       background-color: $uni-color-error;
 89 | 
 90 |       &.uni-badge-inverted {
 91 |         color: $uni-color-error;
 92 |         background-color: transparent
 93 |       }
 94 |     }
 95 | 
 96 |     &--small {
 97 |       transform: $bage-small;
 98 |       transform-origin: center center;
 99 |     }
100 |   }
101 | </style>
102 | 


--------------------------------------------------------------------------------
/components/uni-card/uni-card.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <view
  3 |     :class="{ 'uni-card--full': isFull === true || isFull === 'true', 'uni-card--shadow': isShadow === true || isShadow === 'true' }"
  4 |     class="uni-card"
  5 |     @click="onClick">
  6 |     <view
  7 |       v-if="mode === 'style'"
  8 |       class="uni-card__thumbnailimage">
  9 |       <image
 10 |         :src="thumbnail"
 11 |         mode="aspectFill" />
 12 |       <view
 13 |         v-if="title"
 14 |         class="uni-card__thumbnailimage-title">{{ title }}</view>
 15 |     </view>
 16 |     <view
 17 |       v-if="mode === 'title'"
 18 |       class="uni-card__title">
 19 |       <view class="uni-card__title-header"><image
 20 |         :src="thumbnail"
 21 |         mode="aspectFill" /></view>
 22 |       <view class="uni-card__title-content">
 23 |         <view class="uni-card__title-content-title">{{ title }}</view>
 24 |         <view class="uni-card__title-content-extra">{{ extra }}</view>
 25 |       </view>
 26 |     </view>
 27 |     <!-- 标题 -->
 28 |     <view
 29 |       v-if="mode === 'basic' && title"
 30 |       class="uni-card__header"
 31 | 	  @tap="onTapHeader">
 32 |       <view
 33 |         v-if="thumbnail"
 34 |         class="uni-card__header-extra-img-view"><image
 35 |           :src="thumbnail"
 36 |           class="uni-card__header-extra-img" /></view>
 37 |       <view class="uni-card__header-title-text">{{ title }}</view>
 38 |       <view
 39 |         v-if="extra"
 40 |         class="uni-card__header-extra-text">{{ extra }}</view>
 41 |     </view>
 42 |     <!-- 内容 -->
 43 |     <view class="uni-card__content uni-card__content--pd">
 44 |       <view
 45 |         v-if="mode === 'style' && extra"
 46 |         class="uni-card__content-extra">{{ extra }}</view>
 47 |       <slot />
 48 |     </view>
 49 |     <!-- 底部 -->
 50 |     <view
 51 |       v-if="note"
 52 |       class="uni-card__footer">
 53 |       <slot name="footer">
 54 |         <text>{{ note }}</text>
 55 |       </slot>
 56 |     </view>
 57 |   </view>
 58 | </template>
 59 | 
 60 | <script>
 61 | export default {
 62 |   name: 'UniCard',
 63 |   props: {
 64 |     title: {
 65 |       type: String,
 66 |       default: ''
 67 |     }, // 标题
 68 |     extra: {
 69 |       type: String,
 70 |       default: ''
 71 |     }, // 扩展信息
 72 |     note: {
 73 |       type: String,
 74 |       default: ''
 75 |     }, // Tips
 76 |     thumbnail: {
 77 |       type: String,
 78 |       default: ''
 79 |     }, // 缩略图
 80 |     // 卡片模式 ， 可选值 basic：基础卡片 ；style ：图文卡片 ； title ：标题卡片
 81 |     mode: {
 82 |       type: String,
 83 |       default: 'basic'
 84 |     },
 85 |     isFull: {
 86 |       // 内容区域是否通栏
 87 |       type: Boolean,
 88 |       default: false
 89 |     },
 90 |     isShadow: {
 91 |       // 是否开启阴影
 92 |       type: Boolean,
 93 |       default: false
 94 |     }
 95 |   },
 96 |   methods: {
 97 |     onClick () {
 98 |       this.$emit('click')
 99 |     },
100 | 	onTapHeader() {
101 | 		this.$emit('tapHeader')
102 | 	}
103 |   }
104 | }
105 | </script>
106 | 
107 | <style lang="scss">
108 | $card-extra-width: 30%;
109 | $uni-spacing-marign: 24upx;
110 | 
111 | @mixin text-omit {
112 | 	text-overflow: ellipsis;
113 | 	white-space: nowrap;
114 | 	overflow: hidden;
115 | }
116 | 
117 | .uni-card {
118 | 	margin-left: $uni-spacing-marign;
119 | 	margin-right: $uni-spacing-marign;
120 | 	background: $uni-bg-color;
121 | 	box-shadow: none;
122 | 	position: relative;
123 | 	display: flex;
124 | 	flex-direction: column;
125 | 	border: 1px #ddd solid;
126 | 	border-radius: 6upx;
127 | 	overflow: hidden;
128 | 
129 | 	&__thumbnailimage {
130 | 		position: relative;
131 | 		height: 300upx;
132 | 
133 | 		image {
134 | 			width: 100%;
135 | 			height: 100%;
136 | 		}
137 | 
138 | 		&-title {
139 | 			position: absolute;
140 | 			bottom: 0;
141 | 			padding: 15upx 20upx;
142 | 			font-size: 32upx;
143 | 			width: 100%;
144 | 			color: #fff;
145 | 		}
146 | 	}
147 | 
148 | 	&__title {
149 | 		display: flex;
150 | 		padding: 20upx;
151 | 		border-bottom: 1px #f5f5f5 solid;
152 | 
153 | 		&-header {
154 | 			flex-shrink: 0;
155 | 			width: 80upx;
156 | 			height: 80upx;
157 | 			overflow: hidden;
158 | 			border-radius: 10upx;
159 | 
160 | 			image {
161 | 				width: 100%;
162 | 				height: 100%;
163 | 			}
164 | 		}
165 | 
166 | 		&-content {
167 | 			display: flex;
168 | 			flex-direction: column;
169 | 			justify-content: space-between;
170 | 			padding-left: 20upx;
171 | 			height: 80upx;
172 | 			overflow: hidden;
173 | 
174 | 			&-title {
175 | 				font-size: 30upx;
176 | 				overflow: hidden;
177 | 				text-overflow: ellipsis;
178 | 				white-space: nowrap;
179 | 			}
180 | 
181 | 			&-extra {
182 | 				font-size: 26upx;
183 | 				color: #999;
184 | 				overflow: hidden;
185 | 				text-overflow: ellipsis;
186 | 				white-space: nowrap;
187 | 			}
188 | 		}
189 | 	}
190 | 
191 | 	&__header {
192 | 		position: relative;
193 | 		display: flex;
194 | 		flex-direction: row;
195 | 		padding: $uni-spacing-col-base;
196 | 		align-items: center;
197 | 	}
198 | 
199 | 	&__header {
200 | 		&:after {
201 | 			position: absolute;
202 | 			bottom: 0;
203 | 			right: 0;
204 | 			left: 0;
205 | 			height: 1px;
206 | 			content: '';
207 | 			-webkit-transform: scaleY(0.5);
208 | 			transform: scaleY(0.5);
209 | 			background-color: $uni-border-color;
210 | 		}
211 | 
212 | 		&-title {
213 | 			flex: 1;
214 | 			margin-right: $uni-spacing-col-base;
215 | 			display: flex;
216 | 			flex-direction: row;
217 | 			justify-content: flex-start;
218 | 			align-items: center;
219 | 
220 | 			&-text {
221 | 				font-size: $uni-font-size-lg;
222 | 				flex: 1;
223 | 				@include text-omit;
224 | 			}
225 | 		}
226 | 
227 | 		&-extra {
228 | 			&-img-view {
229 | 				display: flex;
230 | 			}
231 | 
232 | 			&-img {
233 | 				height: $uni-img-size-sm;
234 | 				width: $uni-img-size-sm;
235 | 				margin-right: $uni-spacing-col-base;
236 | 			}
237 | 
238 | 			&-text {
239 | 				flex: 0 0 auto;
240 | 				width: $card-extra-width;
241 | 				margin-left: $uni-spacing-col-base;
242 | 				font-size: $uni-font-size-base;
243 | 				text-align: right;
244 | 				color: #666;
245 | 				@include text-omit;
246 | 			}
247 | 		}
248 | 	}
249 | 
250 | 	&__content {
251 | 		color: #555;
252 | 		&--pd {
253 | 			padding: $uni-spacing-col-base;
254 | 		}
255 | 
256 | 		&-extra {
257 | 			padding-bottom: 20upx;
258 | 			color: #999;
259 | 		}
260 | 	}
261 | 
262 | 	&__footer {
263 | 		// justify-content: space-between;
264 | 		padding: 20upx;
265 | 		color: $uni-text-color-grey;
266 | 		font-size: $uni-font-size-sm;
267 | 		border-top: 1px #f5f5f5 solid;
268 | 	}
269 | 
270 | 	&--shadow {
271 | 		border: 1px #ddd solid;
272 | 		box-shadow: 0px 1px 2px rgba($color: #000000, $alpha: 0.2);
273 | 		&:after {
274 | 			border: none;
275 | 		}
276 | 	}
277 | 
278 | 	&--full {
279 | 		margin: 0;
280 | 		border-left: none;
281 | 		border-right: none;
282 | 		border-radius: 0;
283 | 		// &:after {
284 | 		// 	border-left: none;
285 | 		// 	border-right: none;
286 | 		// 	border-radius: 0;
287 | 		// }
288 | 	}
289 | }
290 | </style>
291 | 


--------------------------------------------------------------------------------
/components/uni-goods-nav/uni-goods-nav.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <view>
  3 |     <!-- 底部占位 -->
  4 |     <view class="uni-tab__seat" />
  5 |     <view class="uni-tab__cart-box flex">
  6 |       <view class="flex uni-tab__cart-sub-box">
  7 |         <view
  8 |           v-for="(item,index) in options"
  9 |           :key="index"
 10 |           class="flex uni-tab__cart-button-left uni-tab__shop-cart"
 11 |           @click="onClick(index,item)">
 12 |           <view class="uni-tab__icon">
 13 |             <image
 14 |               :src="item.icon"
 15 |               mode="widthFix"/>
 16 |           </view>
 17 |           <text class="uni-tab__text">{{ item.text }}</text>
 18 |           <view class="flex uni-tab__dot-box">
 19 |             <view
 20 |               v-if="item.info"
 21 |               :class="{ 'uni-tab__dots': item.info > 9 }"
 22 |               class="uni-tab__dot ">
 23 |               {{ item.info }}
 24 |             </view>
 25 |           </view>
 26 |         </view>
 27 |       </view>
 28 |       <view
 29 |         :class="{'uni-tab__right':fill}"
 30 |         class="flex uni-tab__cart-sub-box ">
 31 |         <view
 32 |           v-for="(item,index) in buttonGroup"
 33 |           :key="index"
 34 |           :style="{backgroundColor:item.backgroundColor,color:item.color}"
 35 |           class="flex uni-tab__cart-button-right"
 36 |           @click="buttonClick(index,item)">{{ item.text }}</view>
 37 | 
 38 |           <!-- <view class="flex uni-tab__cart-button-right uni-tab__color-y ">立即购买</view> -->
 39 |       </view>
 40 |     </view>
 41 |   </view>
 42 | </template>
 43 | 
 44 | <script>
 45 | export default {
 46 |   name: 'UniGoodsNav',
 47 |   props: {
 48 |     options: {
 49 |       type: Array,
 50 |       default () {
 51 |         return [{
 52 |           icon: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/uni-ui/goodsnav/dianpu.png',
 53 |           text: '店铺'
 54 |         }, {
 55 |           icon: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/uni-ui/goodsnav/carts.png',
 56 |           text: '购物车'
 57 |         }]
 58 |       }
 59 |     },
 60 |     buttonGroup: {
 61 |       type: Array,
 62 |       default () {
 63 |         return [{
 64 |           text: '加入购物车',
 65 |           backgroundColor: '#ff0000',
 66 |           color: '#fff'
 67 |         },
 68 |         {
 69 |           text: '立即购买',
 70 |           backgroundColor: '#ffa200',
 71 |           color: '#fff'
 72 |         }
 73 |         ]
 74 |       }
 75 |     },
 76 |     fill: {
 77 |       type: Boolean,
 78 |       default: false
 79 |     }
 80 |   },
 81 |   methods: {
 82 |     onClick (index, item) {
 83 |       this.$emit('click', {
 84 |         index,
 85 |         content: item
 86 |       })
 87 |     },
 88 |     buttonClick (index, item) {
 89 |       if (uni.report) {
 90 |         uni.report(item.text, item.text)
 91 |       }
 92 |       this.$emit('buttonClick', {
 93 |         index,
 94 |         content: item
 95 |       })
 96 |     }
 97 |   }
 98 | }
 99 | </script>
100 | 
101 | <style>
102 |   .flex {
103 |     display: flex;
104 |   }
105 | 
106 |   .uni-tab__cart-box {
107 |     width: 100%;
108 |     height: 100rpx;
109 |     background: #fff;
110 |     z-index: 900;
111 |   }
112 | 
113 |   .uni-tab__cart-sub-box {
114 |     width: 100%;
115 |     box-sizing: border-box;
116 |   }
117 | 
118 |   .uni-tab__right {
119 |     margin: 5px 0;
120 |     margin-right: 10px;
121 |     border-radius: 100px;
122 |     overflow: hidden;
123 |   }
124 | 
125 |   .uni-tab__cart-button-left {
126 |     position: relative;
127 |     justify-content: center;
128 |     align-items: center;
129 |     flex-direction: column;
130 |     width: 100%;
131 |     font-size: 24rpx;
132 |   }
133 | 
134 |   .uni-tab__icon {
135 |     width: 40rpx;
136 |     height: 40rpx;
137 |   }
138 | 
139 |   .uni-tab__icon image {
140 |     width: 100%;
141 |     height: 100%;
142 |   }
143 | 
144 |   .uni-tab__cart-button-left .uni-tab__text {
145 |     margin-top: 5rpx;
146 |     font-size: 24rpx;
147 |     color: #666;
148 |   }
149 | 
150 |   .uni-tab__cart-button-right {
151 |     justify-content: center;
152 |     align-items: center;
153 |     width: 100%;
154 |     font-size: 24rpx;
155 |     color: #fff;
156 |   }
157 | 
158 |   .uni-tab__cart-button-right:active {
159 |     opacity: 0.7;
160 |   }
161 | 
162 |   .uni-tab__cart-button-left .uni-tab__dot-box {
163 |     position: absolute;
164 |     right: 40rpx;
165 |     top: 20rpx;
166 |     justify-content: center;
167 |     align-items: center;
168 |     width: 0;
169 |     height: 0;
170 |   }
171 | 
172 |   .uni-tab__dot-box .uni-tab__dot {
173 |     flex-shrink: 0;
174 |     width: 30rpx;
175 |     height: 30rpx;
176 |     line-height: 30rpx;
177 |     color: #ffffff;
178 |     text-align: center;
179 |     font-size: 12px;
180 |     background: #ff0000;
181 |     border-radius: 50%;
182 |   }
183 | 
184 |   .uni-tab__dot-box .uni-tab__dot.uni-tab__dots {
185 |     padding: 0 8rpx;
186 |     width: auto;
187 |     border-radius: 30rpx;
188 |   }
189 | 
190 |   .uni-tab__color-y {
191 |     background: #ffa200;
192 |   }
193 | 
194 |   .uni-tab__color-r {
195 |     background: #ff0000;
196 |   }
197 | </style>
198 | 


--------------------------------------------------------------------------------
/components/uni-list-item/uni-list-item.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <view
  3 |     :class="disabled ? 'uni-list-item--disabled' : ''"
  4 |     :hover-class="disabled || showSwitch ? '' : 'uni-list-item--hover'"
  5 |     class="uni-list-item"
  6 |     @click="onClick">
  7 |     <view class="uni-list-item__container">
  8 |       <view
  9 |         v-if="thumb"
 10 |         class="uni-list-item__icon"><image
 11 |           :src="thumb"
 12 |           class="uni-list-item__icon-img" /></view>
 13 |       <view
 14 |         v-else-if="showExtraIcon"
 15 |         class="uni-list-item__icon">
 16 |         <uni-icons
 17 |           :color="extraIcon.color"
 18 |           :size="extraIcon.size"
 19 |           :type="extraIcon.type"
 20 |           class="uni-icon-wrapper" />
 21 |       </view>
 22 |       <view class="uni-list-item__content">
 23 |         <view class="uni-list-item__content-title">{{ title }}</view>
 24 |         <view
 25 |           v-if="note"
 26 |           class="uni-list-item__content-note">{{ note }}</view>
 27 |       </view>
 28 |       <slot name="right">
 29 |         <view
 30 |           v-if="showBadge || showArrow || showSwitch"
 31 |           class="uni-list-item__extra">
 32 |           <uni-badge
 33 |             v-if="showBadge"
 34 |             :type="badgeType"
 35 |             :text="badgeText" />
 36 |           <switch
 37 |             v-if="showSwitch"
 38 |             :disabled="disabled"
 39 |             :checked="switchChecked"
 40 |             @change="onSwitchChange" />
 41 |           <uni-icons
 42 |             v-if="showArrow"
 43 |             :size="20"
 44 |             class="uni-icon-wrapper"
 45 |             color="#bbb"
 46 |             type="arrowright" />
 47 |         </view>
 48 |       </slot>
 49 |     </view>
 50 |   </view>
 51 | </template>
 52 | 
 53 | <script>
 54 | import uniIcons from '../uni-icons/uni-icons.vue'
 55 | import uniBadge from '../uni-badge/uni-badge.vue'
 56 | export default {
 57 |   name: 'UniListItem',
 58 |   components: {
 59 |     uniIcons,
 60 |     uniBadge
 61 |   },
 62 |   props: {
 63 |     title: {
 64 |       type: String,
 65 |       default: ''
 66 |     }, // 列表标题
 67 |     note: {
 68 |       type: String,
 69 |       default: ''
 70 |     }, // 列表描述
 71 |     disabled: {
 72 |       // 是否禁用
 73 |       type: [Boolean, String],
 74 |       default: false
 75 |     },
 76 |     showArrow: {
 77 |       // 是否显示箭头
 78 |       type: [Boolean, String],
 79 |       default: true
 80 |     },
 81 |     showBadge: {
 82 |       // 是否显示数字角标
 83 |       type: [Boolean, String],
 84 |       default: false
 85 |     },
 86 |     showSwitch: {
 87 |       // 是否显示Switch
 88 |       type: [Boolean, String],
 89 |       default: false
 90 |     },
 91 |     switchChecked: {
 92 |       // Switch是否被选中
 93 |       type: [Boolean, String],
 94 |       default: false
 95 |     },
 96 |     badgeText: {
 97 |       // badge内容
 98 |       type: String,
 99 |       default: ''
100 |     },
101 |     badgeType: {
102 |       // badge类型
103 |       type: String,
104 |       default: 'success'
105 |     },
106 |     thumb: {
107 |       // 缩略图
108 |       type: String,
109 |       default: ''
110 |     },
111 |     showExtraIcon: {
112 |       // 是否显示扩展图标
113 |       type: [Boolean, String],
114 |       default: false
115 |     },
116 |     extraIcon: {
117 |       type: Object,
118 |       default () {
119 |         return {
120 |           type: 'contact',
121 |           color: '#000000',
122 |           size: 20
123 |         }
124 |       }
125 |     }
126 |   },
127 |   data () {
128 |     return {}
129 |   },
130 |   methods: {
131 |     onClick () {
132 |       this.$emit('click')
133 |     },
134 |     onSwitchChange (e) {
135 |       this.$emit('switchChange', e.detail)
136 |     }
137 |   }
138 | }
139 | </script>
140 | 
141 | <style lang="scss">
142 | @mixin list-hover {
143 | 	background-color: $uni-bg-color-hover;
144 | }
145 | 
146 | @mixin list-disabled {
147 | 	opacity: 0.3;
148 | }
149 | 
150 | $list-item-pd: $uni-spacing-col-lg $uni-spacing-row-lg;
151 | 
152 | .uni-list-item {
153 | 	font-size: $uni-font-size-lg;
154 | 	position: relative;
155 | 	display: flex;
156 | 	flex-direction: column;
157 | 	justify-content: space-between;
158 | 	align-items: center;
159 | 
160 | 	&--disabled {
161 | 		@include list-disabled;
162 | 	}
163 | 
164 | 	&--hover {
165 | 		@include list-hover;
166 | 	}
167 | 
168 | 	&__container {
169 | 		padding: $list-item-pd;
170 | 		width: 100%;
171 | 		box-sizing: border-box;
172 | 		flex: 1;
173 | 		position: relative;
174 | 		display: flex;
175 | 		flex-direction: row;
176 | 		justify-content: space-between;
177 | 		align-items: center;
178 | 
179 | 		&:after {
180 | 			position: absolute;
181 | 			z-index: 3;
182 | 			right: 0;
183 | 			bottom: 0;
184 | 			left: 30upx;
185 | 			height: 1px;
186 | 			content: '';
187 | 			-webkit-transform: scaleY(0.5);
188 | 			transform: scaleY(0.5);
189 | 			background-color: $uni-border-color;
190 | 		}
191 | 	}
192 | 
193 | 	&__content {
194 | 		flex: 1;
195 | 		overflow: hidden;
196 | 		display: flex;
197 | 		flex-direction: column;
198 | 		color: #3b4144;
199 | 		&-title {
200 | 			font-size: $uni-font-size-lg;
201 | 			text-overflow: ellipsis;
202 | 			white-space: nowrap;
203 | 			color: inherit;
204 | 			line-height: 1.5;
205 | 			overflow: hidden;
206 | 		}
207 | 
208 | 		&-note {
209 | 			margin-top: 6upx;
210 | 			color: $uni-text-color-grey;
211 | 			font-size: $uni-font-size-base;
212 | 			white-space: normal;
213 | 			display: -webkit-box;
214 | 			-webkit-box-orient: vertical;
215 | 			-webkit-line-clamp: 2;
216 | 			overflow: hidden;
217 | 		}
218 | 	}
219 | 
220 | 	&__extra {
221 | 		width: 25%;
222 | 		display: flex;
223 | 		flex-direction: row;
224 | 		justify-content: flex-end;
225 | 		align-items: center;
226 | 	}
227 | 
228 | 	&__icon {
229 | 		margin-right: 18upx;
230 | 		display: flex;
231 | 		flex-direction: row;
232 | 		justify-content: center;
233 | 		align-items: center;
234 | 
235 | 		&-img {
236 | 			height: $uni-img-size-base;
237 | 			width: $uni-img-size-base;
238 | 		}
239 | 	}
240 | }
241 | 
242 | .uni-list > .uni-list-item:last-child .uni-list-item-container:after {
243 | 	height: 0px;
244 | }
245 | </style>
246 | 


--------------------------------------------------------------------------------
/components/uni-list/uni-list.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <view class="uni-list">
 3 |     <slot/>
 4 |   </view>
 5 | </template>
 6 | <script>
 7 | export default {
 8 |   name: 'UniList'
 9 | }
10 | </script>
11 | <style lang="scss">
12 | 	.uni-list {
13 | 		background-color: $uni-bg-color;
14 | 		position: relative;
15 | 		width: 100%;
16 | 		display: flex;
17 | 		flex-direction: column;
18 | 
19 | 		&:after {
20 | 			position: absolute;
21 | 			z-index: 10;
22 | 			right: 0;
23 | 			bottom: 0;
24 | 			left: 0;
25 | 			height: 1px;
26 | 			content: '';
27 | 			-webkit-transform: scaleY(0.5);
28 | 			transform: scaleY(0.5);
29 | 			background-color: $uni-border-color;
30 | 		}
31 | 
32 | 		&:before {
33 | 			position: absolute;
34 | 			z-index: 10;
35 | 			right: 0;
36 | 			top: 0;
37 | 			left: 0;
38 | 			height: 1px;
39 | 			content: '';
40 | 			-webkit-transform: scaleY(0.5);
41 | 			transform: scaleY(0.5);
42 | 			background-color: $uni-border-color;
43 | 		}
44 | 	}
45 | </style>
46 | 


--------------------------------------------------------------------------------
/components/uni-nav-bar/uni-nav-bar.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 
  3 |   <view class="uni-navbar">
  4 |     <view
  5 |       :class="{'uni-navbar--fixed': fixed,'uni-navbar--shadow':border,'uni-navbar--border':border}"
  6 |       :style="{'background-color':backgroundColor}"
  7 |       class="uni-navbar__content">
  8 |       <uni-status-bar v-if="statusBar"/>
  9 |       <view
 10 |         :style="{color:color}"
 11 |         class="uni-navbar__header uni-navbar__content_view">
 12 |         <view
 13 | 		  v-if="leftIcon.length || leftText.length"
 14 |           class="uni-navbar__header-btns uni-navbar__content_view"
 15 |           @tap="onClickLeft">
 16 |           <view
 17 |             v-if="leftIcon.length"
 18 |             class="uni-navbar__content_view">
 19 |             <uni-icons
 20 |               :type="leftIcon"
 21 |               :color="color"
 22 |               size="24"/>
 23 |           </view>
 24 |           <view
 25 |             v-if="leftText.length"
 26 |             :class="{'uni-navbar-btn-icon-left':!leftIcon.length}"
 27 |             class="uni-navbar-btn-text uni-navbar__content_view">{{ leftText }}</view>
 28 |           <slot name="left"/>
 29 |         </view>
 30 |         <view class="uni-navbar__header-container uni-navbar__content_view">
 31 |           <view
 32 |             v-if="title.length"
 33 |             class="uni-navbar__header-container-inner uni-navbar__content_view">{{ title }}</view>
 34 |           <!-- 标题插槽 -->
 35 |           <slot/>
 36 |         </view>
 37 |         <view
 38 | 		  v-if="rightIcon.length || rightText.length"
 39 |           :class="title.length?'uni-navbar__header-btns-right':''"
 40 |           class="uni-navbar__header-btns uni-navbar__content_view"
 41 |           @tap="onClickRight">
 42 |           <view
 43 |             v-if="rightIcon.length"
 44 |             class="uni-navbar__content_view">
 45 |             <uni-icons
 46 |               :type="rightIcon"
 47 |               :color="color"
 48 |               size="24"/>
 49 |           </view>
 50 |           <!-- 优先显示图标 -->
 51 |           <view
 52 |             v-if="rightText.length&&!rightIcon.length"
 53 |             class="uni-navbar-btn-text uni-navbar__content_view">{{ rightText }}</view>
 54 |           <slot name="right"/>
 55 |         </view>
 56 |       </view>
 57 |     </view>
 58 |     <view
 59 |       v-if="fixed"
 60 |       class="uni-navbar__placeholder">
 61 |       <uni-status-bar v-if="statusBar"/>
 62 |       <view class="uni-navbar__placeholder-view"/>
 63 |     </view>
 64 |   </view>
 65 | </template>
 66 | 
 67 | <script>
 68 | import uniStatusBar from '../uni-status-bar/uni-status-bar.vue'
 69 | import uniIcons from '../uni-icons/uni-icons.vue'
 70 | 
 71 | export default {
 72 |   name: 'UniNavBar',
 73 |   components: {
 74 |     uniStatusBar,
 75 |     uniIcons
 76 |   },
 77 |   props: {
 78 |     title: {
 79 |       type: String,
 80 |       default: ''
 81 |     },
 82 |     leftText: {
 83 |       type: String,
 84 |       default: ''
 85 |     },
 86 |     rightText: {
 87 |       type: String,
 88 |       default: ''
 89 |     },
 90 |     leftIcon: {
 91 |       type: String,
 92 |       default: ''
 93 |     },
 94 |     rightIcon: {
 95 |       type: String,
 96 |       default: ''
 97 |     },
 98 |     fixed: {
 99 |       type: [Boolean, String],
100 |       default: false
101 |     },
102 |     color: {
103 |       type: String,
104 |       default: '#000000'
105 |     },
106 |     backgroundColor: {
107 |       type: String,
108 |       default: '#FFFFFF'
109 |     },
110 |     statusBar: {
111 |       type: [Boolean, String],
112 |       default: false
113 |     },
114 |     shadow: {
115 |       type: [String, Boolean],
116 |       default: true
117 |     },
118 |     border: {
119 |       type: [String, Boolean],
120 |       default: true
121 |     }
122 |   },
123 |   methods: {
124 |     onClickLeft () {
125 |       this.$emit('click-left')
126 |     },
127 |     onClickRight () {
128 |       this.$emit('click-right')
129 |     }
130 |   }
131 | }
132 | </script>
133 | 
134 | <style lang="scss">
135 | 	$nav-height:44px;
136 | 
137 | 	.uni-navbar {
138 | 		&__content {
139 | 			display: block;
140 | 			position: relative;
141 | 			width: 100%;
142 | 			background-color: $uni-bg-color;
143 | 			overflow: hidden;
144 | 
145 | 			.uni-navbar__content_view {
146 | 				// line-height: $nav-height;
147 | 				display: flex;
148 | 				align-items: center;
149 | 			}
150 | 		}
151 | 
152 | 		&__header {
153 | 			display: flex;
154 | 			flex-direction: row;
155 | 			width: 100%;
156 | 			height: $nav-height;
157 | 			line-height: $nav-height;
158 | 			font-size: 16px;
159 | 
160 | 			&-btns {
161 | 				display: inline-flex;
162 | 				flex-wrap: nowrap;
163 | 				flex-shrink: 0;
164 | 				width: 120upx;
165 | 				padding: 0 12upx;
166 | 
167 | 				&:first-child {
168 | 					padding-left: 0;
169 | 				}
170 | 
171 | 				&:last-child {
172 | 					width: 60upx;
173 | 				}
174 | 
175 |         &-right:last-child{
176 |           width: 120rpx;
177 |           text-align: right;
178 |           flex-direction: row-reverse;
179 |         }
180 | 			}
181 | 
182 | 			&-container {
183 | 				width: 100%;
184 | 				// margin: 0 10upx;
185 | 
186 | 				&-inner {
187 | 					width: 100%;
188 | 					display: flex;
189 | 					justify-content: center;
190 | 					font-size: 30upx;
191 | 					// padding-right: 60upx;
192 | 				}
193 | 			}
194 | 		}
195 | 
196 | 		&__placeholder {
197 | 			&-view {
198 | 				height: $nav-height;
199 | 			}
200 | 		}
201 | 
202 | 		&--fixed {
203 | 			position: fixed;
204 | 			z-index: 998;
205 | 		}
206 | 
207 | 		&--shadow {
208 | 			box-shadow: 0 1px 6px #ccc;
209 | 		}
210 | 
211 | 		&--border:after {
212 | 			position: absolute;
213 | 			z-index: 3;
214 | 			bottom: 0;
215 | 			left: 0;
216 | 			right: 0;
217 | 			height: 1px;
218 | 			content: '';
219 | 			-webkit-transform: scaleY(.5);
220 | 			transform: scaleY(.5);
221 | 			background-color: $uni-border-color;
222 | 		}
223 | 	}
224 | </style>
225 | 


--------------------------------------------------------------------------------
/components/uni-popup/uni-popup.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <view
  3 |     v-if="showPopup"
  4 |     class="uni-popup">
  5 |     <view
  6 |       :class="[ani, animation ? 'ani' : '', !custom ? 'uni-custom' : '']"
  7 |       class="uni-popup__mask"
  8 |       @click="close(true)" />
  9 |     <view
 10 |       :class="[type, ani, animation ? 'ani' : '', !custom ? 'uni-custom' : '']"
 11 |       class="uni-popup__wrapper"
 12 |       @click="close(true)">
 13 |       <view
 14 |         class="uni-popup__wrapper-box"
 15 |         @click.stop="clear">
 16 |         <slot />
 17 |       </view>
 18 |     </view>
 19 |   </view>
 20 | </template>
 21 | 
 22 | <script>
 23 | export default {
 24 |   name: 'UniPopup',
 25 |   props: {
 26 |     // 开启动画
 27 |     animation: {
 28 |       type: Boolean,
 29 |       default: true
 30 |     },
 31 |     // 弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层
 32 |     type: {
 33 |       type: String,
 34 |       default: 'center'
 35 |     },
 36 |     // 是否开启自定义
 37 |     custom: {
 38 |       type: Boolean,
 39 |       default: false
 40 |     },
 41 |     // maskClick
 42 |     maskClick: {
 43 |       type: Boolean,
 44 |       default: true
 45 |     },
 46 |     show: {
 47 |       type: Boolean,
 48 |       default: true
 49 |     }
 50 |   },
 51 |   data () {
 52 |     return {
 53 |       ani: '',
 54 |       showPopup: false
 55 |     }
 56 |   },
 57 |   watch: {
 58 |     show (newValue) {
 59 |       if (newValue) {
 60 |         this.open()
 61 |       } else {
 62 |         this.close()
 63 |       }
 64 |     }
 65 |   },
 66 |   created () {},
 67 |   methods: {
 68 |     clear () {},
 69 |     open () {
 70 |       this.$emit('change', {
 71 |         show: true
 72 |       })
 73 |       this.showPopup = true
 74 |       this.$nextTick(() => {
 75 |         setTimeout(() => {
 76 |           this.ani = 'uni-' + this.type
 77 |         }, 30)
 78 |       })
 79 |     },
 80 |     close (type) {
 81 |       if (!this.maskClick && type) return
 82 |       this.$emit('change', {
 83 |         show: false
 84 |       })
 85 |       this.ani = ''
 86 |       this.$nextTick(() => {
 87 |         setTimeout(() => {
 88 |           this.showPopup = false
 89 |         }, 300)
 90 |       })
 91 |     }
 92 |   }
 93 | }
 94 | </script>
 95 | <style lang="scss">
 96 | .uni-popup {
 97 |   position: fixed;
 98 |   /*  #ifdef  H5  */
 99 |   top: 0px;
100 |   // top: 50px;
101 |   /*  #endif  */
102 |   /*  #ifndef  H5  */
103 |   top: 0px;
104 |   /*  #endif  */
105 |   bottom: 0;
106 |   left: 0;
107 |   right: 0;
108 |   z-index: 998;
109 |   overflow: hidden;
110 | 
111 |   &__mask {
112 |     position: absolute;
113 |     top: 0;
114 |     bottom: 0;
115 |     left: 0;
116 |     right: 0;
117 |     z-index: 998;
118 |     background: rgba(0, 0, 0, 0.4);
119 |     opacity: 0;
120 | 
121 |     &.ani {
122 |       transition: all 0.3s;
123 |     }
124 | 
125 |     &.uni-top,
126 |     &.uni-bottom,
127 |     &.uni-center {
128 |       opacity: 1;
129 |     }
130 |   }
131 | 
132 |   &__wrapper {
133 |     position: absolute;
134 |     z-index: 999;
135 |     box-sizing: border-box;
136 | 
137 |     &.ani {
138 |       transition: all 0.3s;
139 |     }
140 | 
141 |     &.top {
142 |       top: 0;
143 |       left: 0;
144 |       width: 100%;
145 |       transform: translateY(-100%);
146 |     }
147 | 
148 |     &.bottom {
149 |       bottom: 0;
150 |       left: 0;
151 |       width: 100%;
152 |       transform: translateY(100%);
153 |     }
154 | 
155 |     &.center {
156 |       width: 100%;
157 |       height: 100%;
158 |       display: flex;
159 |       justify-content: center;
160 |       align-items: center;
161 |       transform: scale(1.2);
162 |       opacity: 0;
163 |     }
164 | 
165 |     &-box {
166 |       position: relative;
167 |       box-sizing: border-box;
168 |     }
169 | 
170 |     &.uni-custom {
171 |       & .uni-popup__wrapper-box {
172 |         padding: 30upx;
173 |         background: #fff;
174 |       }
175 | 
176 |       &.center {
177 |         & .uni-popup__wrapper-box {
178 |           position: relative;
179 |           max-width: 80%;
180 |           max-height: 80%;
181 |           overflow-y: scroll;
182 |         }
183 |       }
184 | 
185 |       &.top,
186 |       &.bottom {
187 |         & .uni-popup__wrapper-box {
188 |           width: 100%;
189 |           max-height: 500px;
190 |           overflow-y: scroll;
191 |         }
192 |       }
193 |     }
194 | 
195 |     &.uni-top,
196 |     &.uni-bottom {
197 |       transform: translateY(0);
198 |     }
199 | 
200 |     &.uni-center {
201 |       transform: scale(1);
202 |       opacity: 1;
203 |     }
204 |   }
205 | }
206 | </style>
207 | 


--------------------------------------------------------------------------------
/components/uni-status-bar/uni-status-bar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <view
 3 |     :style="{ height: statusBarHeight }"
 4 |     class="uni-status-bar"><slot/></view>
 5 | </template>
 6 | 
 7 | <script>
 8 | var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px'
 9 | export default {
10 |   name: 'UniStatusBar',
11 |   data () {
12 |     return {
13 |       statusBarHeight: statusBarHeight
14 |     }
15 |   }
16 | }
17 | </script>
18 | 
19 | <style>
20 | .uni-status-bar {
21 | 	display: block;
22 | 	width: 100%;
23 | 	height: 20px;
24 | 	height: var(--status-bar-height);
25 | }
26 | </style>
27 | 


--------------------------------------------------------------------------------
/components/uni-tag/uni-tag.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <view
  3 |     v-if="text"
  4 |     :class="[
  5 |       disabled === true || disabled === 'true' ? 'uni-tag--disabled' : '',
  6 |       inverted === true || inverted === 'true' ? 'uni-tag--inverted' : '',
  7 |       circle === true || circle === 'true' ? 'uni-tag--circle' : '',
  8 |       mark === true || mark === 'true' ? 'uni-tag--mark' : '',
  9 |       'uni-tag--' + size,
 10 |       'uni-tag--' + type
 11 |     ]"
 12 |     class="uni-tag"
 13 |     @click="onClick()"
 14 |   >
 15 |     {{ text }}
 16 |   </view>
 17 | </template>
 18 | 
 19 | <script>
 20 | export default {
 21 |   name: 'UniTag',
 22 |   props: {
 23 |     type: {
 24 |       // 标签类型default、primary、success、warning、danger、royal
 25 |       type: String,
 26 |       default: 'default'
 27 |     },
 28 |     size: {
 29 |       // 标签大小 normal, small
 30 |       type: String,
 31 |       default: 'normal'
 32 |     },
 33 |     // 标签内容
 34 |     text: {
 35 |       type: String,
 36 |       default: ''
 37 |     },
 38 |     disabled: {
 39 |       // 是否为禁用状态
 40 |       type: [String, Boolean],
 41 |       defalut: false
 42 |     },
 43 |     inverted: {
 44 |       // 是否为空心
 45 |       type: [String, Boolean],
 46 |       defalut: false
 47 |     },
 48 |     circle: {
 49 |       // 是否为圆角样式
 50 |       type: [String, Boolean],
 51 |       defalut: false
 52 |     },
 53 |     mark: {
 54 |       // 是否为标记样式
 55 |       type: [String, Boolean],
 56 |       defalut: false
 57 |     }
 58 |   },
 59 |   methods: {
 60 |     onClick () {
 61 |       if (this.disabled === true || this.disabled === 'true') {
 62 |         return
 63 |       }
 64 |       this.$emit('click')
 65 |     }
 66 |   }
 67 | }
 68 | </script>
 69 | 
 70 | <style lang="scss">
 71 | $tag-pd: 0px 32upx;
 72 | $tag-small-pd: 0px 16upx;
 73 | 
 74 | @mixin tag-disabled {
 75 | 	opacity: 0.5;
 76 | }
 77 | 
 78 | .uni-tag {
 79 | 	box-sizing: border-box;
 80 | 	padding: $tag-pd;
 81 | 	height: 60upx;
 82 | 	line-height: calc(60upx - 2px);
 83 | 	font-size: $uni-font-size-base;
 84 | 	display: inline-flex;
 85 | 	align-items: center;
 86 | 	color: $uni-text-color;
 87 | 	border-radius: $uni-border-radius-base;
 88 | 	background-color: $uni-bg-color-grey;
 89 | 	border: 1px solid $uni-bg-color-grey;
 90 | 
 91 | 	&--circle {
 92 | 		border-radius: 30upx;
 93 | 	}
 94 | 	&--mark {
 95 | 		border-radius: 0 30upx 30upx 0;
 96 | 	}
 97 | 
 98 | 	&--disabled {
 99 | 		@include tag-disabled;
100 | 	}
101 | 
102 | 	&--small {
103 | 		height: 40upx;
104 | 		padding: $tag-small-pd;
105 | 		line-height: calc(40upx - 2px);
106 | 		font-size: $uni-font-size-sm;
107 | 	}
108 | 
109 | 	&--primary {
110 | 		color: $uni-text-color-inverse;
111 | 		background-color: $uni-color-primary;
112 | 		border: 1px solid $uni-color-primary;
113 | 
114 | 		&.uni-tag--inverted {
115 | 			color: $uni-color-primary;
116 | 			background-color: $uni-bg-color;
117 | 			border: 1px solid $uni-color-primary;
118 | 		}
119 | 	}
120 | 
121 | 	&--success {
122 | 		color: $uni-text-color-inverse;
123 | 		background-color: $uni-color-success;
124 | 		border: 1px solid $uni-color-success;
125 | 
126 | 		&.uni-tag--inverted {
127 | 			color: $uni-color-success;
128 | 			background-color: $uni-bg-color;
129 | 			border: 1px solid $uni-color-success;
130 | 		}
131 | 	}
132 | 
133 | 	&--warning {
134 | 		color: $uni-text-color-inverse;
135 | 		background-color: $uni-color-warning;
136 | 		border: 1px solid $uni-color-warning;
137 | 
138 | 		&.uni-tag--inverted {
139 | 			color: $uni-color-warning;
140 | 			background-color: $uni-bg-color;
141 | 			border: 1px solid $uni-color-warning;
142 | 		}
143 | 	}
144 | 
145 | 	&--error {
146 | 		color: $uni-text-color-inverse;
147 | 		background-color: $uni-color-error;
148 | 		border: 1px solid $uni-color-error;
149 | 
150 | 		&.uni-tag--inverted {
151 | 			color: $uni-color-error;
152 | 			background-color: $uni-bg-color;
153 | 			border: 1px solid $uni-color-error;
154 | 		}
155 | 	}
156 | 
157 | 	&--inverted {
158 | 		color: $uni-text-color;
159 | 		background-color: $uni-bg-color;
160 | 		border: 1px solid $uni-bg-color-grey;
161 | 	}
162 | }
163 | </style>
164 | 


--------------------------------------------------------------------------------
/components/watch-login/watch-button.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<!-- 按钮 -->
  4 | 		<button :class="['buttonBorder',!_rotate?'dlbutton':'dlbutton_loading']" :style="{'background':bgColor, 'color': fontColor}">
  5 | 			<view :class="_rotate?'rotate_loop':''" style="font-size: 30upx;line-height: 100upx">
  6 | 				<text v-if="_rotate" class="cuIcon cuIcon-loading1"></text>
  7 | 				<text v-if="!_rotate">{{ text }}</text>
  8 | 			</view>
  9 | 		</button>
 10 | 	</view>
 11 | </template>
 12 | 
 13 | <script>
 14 | 	export default {
 15 | 		props: {
 16 | 			text: String, //显示文本
 17 | 			rotate: {
 18 | 				//是否启动加载
 19 | 				type: [Boolean, String],
 20 | 				default: false,
 21 | 			},
 22 | 			bgColor: {
 23 | 				//按钮背景颜色
 24 | 				type: String,
 25 | 				default: "linear-gradient(to right, #0052D4, #4364F7, #6FB1FC)",
 26 | 			},
 27 | 			fontColor: {
 28 | 				//按钮字体颜色
 29 | 				type: String,
 30 | 				default: "#FFFFFF",
 31 | 			},
 32 | 		},
 33 | 		computed: {
 34 | 			_rotate() {
 35 | 				//处理值
 36 | 				return String(this.rotate) !== 'false'
 37 | 			},
 38 | 		}
 39 | 	}
 40 | </script>
 41 | 
 42 | <style>
 43 | 	@import url("./css/icon.css");
 44 | 
 45 | 	.dlbutton {
 46 | 		color: #FFFFFF;
 47 | 		font-size: 30upx;
 48 | 		width: 601upx;
 49 | 		height: 100upx;
 50 | 		background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6));
 51 | 		box-shadow: 0upx 0upx 13upx 0upx rgba(164, 217, 228, 0.4);
 52 | 		border-radius: 2.5rem;
 53 | 		line-height: 100upx;
 54 | 		text-align: center;
 55 | 		margin-left: auto;
 56 | 		margin-right: auto;
 57 | 		margin-top: 96upx;
 58 | 	}
 59 | 
 60 | 	/* .dlbutton uni-view, .dlbutton_loading uni-view {
 61 | 		font-size: 30upx !important;
 62 | 		line-height: 100upx !important;
 63 | 	} */
 64 | 
 65 | 	.dlbutton_loading {
 66 | 		color: #FFFFFF;
 67 | 		font-size: 30upx;
 68 | 		width: 100upx;
 69 | 		height: 100upx;
 70 | 		background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6));
 71 | 		box-shadow: 0upx 0upx 13upx 0upx rgba(164, 217, 228, 0.4);
 72 | 		border-radius: 2.5rem;
 73 | 		line-height: 100upx;
 74 | 		text-align: center;
 75 | 		margin-left: auto;
 76 | 		margin-right: auto;
 77 | 		margin-top: 96upx;
 78 | 	}
 79 | 
 80 | 	.buttonBorder {
 81 | 		border: none;
 82 | 		border-radius: 2.5rem;
 83 | 		-webkit-box-shadow: 0 0 60upx 0 rgba(0, 0, 0, .2);
 84 | 		box-shadow: 0 0 60upx 0 rgba(0, 0, 0, .2);
 85 | 		-webkit-transition: all 0.4s cubic-bezier(.57, .19, .51, .95);
 86 | 		-moz-transition: all 0.4s cubic-bezier(.57, .19, .51, .95);
 87 | 		-ms-transition: all 0.4s cubic-bezier(.57, .19, .51, .95);
 88 | 		-o-transition: all 0.4s cubic-bezier(.57, .19, .51, .95);
 89 | 		transition: all 0.4s cubic-bezier(.57, .19, .51, .95);
 90 | 	}
 91 | 
 92 | 	/* 旋转动画 */
 93 | 	.rotate_loop {
 94 | 		-webkit-transition-property: -webkit-transform;
 95 | 		-webkit-transition-duration: 1s;
 96 | 		-moz-transition-property: -moz-transform;
 97 | 		-moz-transition-duration: 1s;
 98 | 		-webkit-animation: rotate 1s linear infinite;
 99 | 		-moz-animation: rotate 1s linear infinite;
100 | 		-o-animation: rotate 1s linear infinite;
101 | 		animation: rotate 1s linear infinite;
102 | 	}
103 | 
104 | 	@-webkit-keyframes rotate {
105 | 		from {
106 | 			-webkit-transform: rotate(0deg)
107 | 		}
108 | 
109 | 		to {
110 | 			-webkit-transform: rotate(360deg)
111 | 		}
112 | 	}
113 | 
114 | 	@-moz-keyframes rotate {
115 | 		from {
116 | 			-moz-transform: rotate(0deg)
117 | 		}
118 | 
119 | 		to {
120 | 			-moz-transform: rotate(359deg)
121 | 		}
122 | 	}
123 | 
124 | 	@-o-keyframes rotate {
125 | 		from {
126 | 			-o-transform: rotate(0deg)
127 | 		}
128 | 
129 | 		to {
130 | 			-o-transform: rotate(359deg)
131 | 		}
132 | 	}
133 | 
134 | 	@keyframes rotate {
135 | 		from {
136 | 			transform: rotate(0deg)
137 | 		}
138 | 
139 | 		to {
140 | 			transform: rotate(359deg)
141 | 		}
142 | 	}
143 | </style>
144 | 


--------------------------------------------------------------------------------
/components/watch-login/watch-input.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="main-list oBorder">
  3 | 		<!-- 文本框 -->
  4 | 		<input 
  5 | 			class="main-input" 
  6 | 			:value="value" 
  7 | 			:type="_type" 
  8 | 			:maxlength="maxlength" 
  9 | 			:placeholder="placeholder" 
 10 | 			:password="type==='password'&&!showPassword" 
 11 | 			@input="onInput"
 12 | 		/>
 13 | 		<!-- 是否可见密码 -->
 14 | 		<image 
 15 | 			v-if="_isShowPass&&type==='password'&&!_isShowCode"
 16 | 			class="img cuIcon" 
 17 | 			:class="showPassword?'cuIcon-attention':'cuIcon-attentionforbid'" 
 18 | 			@tap="showPass"
 19 | 		></image>
 20 | 		<!-- 倒计时 -->
 21 | 		<view 
 22 | 			v-if="_isShowCode&&!_isShowPass"
 23 | 			:class="['vercode',{'vercode-run': second>0}]" 
 24 | 			@click="setCode"
 25 | 		>{{ getVerCodeSecond }}</view>
 26 | 		
 27 | 	</view>
 28 | </template>
 29 | 
 30 | <script>
 31 | 	var _this, countDown;
 32 | 	export default{
 33 | 		data(){
 34 | 			return{
 35 | 				showPassword: false, //是否显示明文
 36 | 				second: 0, //倒计时
 37 | 				isRunCode: false, //是否开始倒计时
 38 | 			}
 39 | 		},
 40 | 		props:{
 41 | 			type: String, //类型
 42 | 			value: String, //值
 43 | 			placeholder: String, //框内提示
 44 | 			maxlength: {
 45 | 				//最大长度
 46 | 				type: [Number,String],
 47 | 				default: 20,
 48 | 			},
 49 | 			isShowPass:{
 50 | 				//是否显示密码图标（二选一）
 51 | 				type: [Boolean,String],
 52 | 				default: false,
 53 | 			},
 54 | 			isShowCode:{
 55 | 				//是否显示获取验证码（二选一）
 56 | 				type: [Boolean,String],
 57 | 				default: false,
 58 | 			},
 59 | 			codeText:{
 60 | 				type: String,
 61 | 				default: "获取验证码",
 62 | 			},
 63 | 			setTime:{
 64 | 				//倒计时时间设置
 65 | 				type: [Number,String],
 66 | 				default: 60,
 67 | 			}
 68 | 		},
 69 | 		model: {
 70 | 			prop: 'value',
 71 | 			event: 'input'
 72 | 		},
 73 | 		mounted() {
 74 | 			_this=this
 75 | 			//准备触发
 76 | 			this.$on('runCode',(val)=>{
 77 |                 this.runCode(val);
 78 |             });
 79 | 			clearInterval(countDown);//先清理一次循环，避免缓存
 80 | 		},
 81 | 		methods:{
 82 | 			showPass(){
 83 | 				//是否显示密码
 84 | 				this.showPassword = !this.showPassword
 85 | 			},
 86 | 			onInput(e) {
 87 | 				//传出值
 88 | 				this.$emit('input', e.target.value)
 89 | 			},
 90 | 			setCode(){
 91 | 				//设置获取验证码的事件
 92 | 				if(this.isRunCode){
 93 | 					//判断是否开始倒计时，避免重复点击
 94 | 					return false;
 95 | 				}
 96 | 				this.$emit('setCode')
 97 | 			},
 98 | 			runCode(val){
 99 | 				//开始倒计时
100 | 				if(String(val)=="0"){
101 | 					
102 | 					//判断是否需要终止循环
103 | 					this.second = 0; //初始倒计时
104 | 					clearInterval(countDown);//清理循环
105 | 					this.isRunCode= false; //关闭循环状态
106 | 					return false;
107 | 				}
108 | 				if(this.isRunCode){
109 | 					//判断是否开始倒计时，避免重复点击
110 | 					return false;
111 | 				}
112 | 				this.isRunCode= true
113 | 				this.second = this._setTime //倒数秒数
114 | 				
115 | 				let _this=this;
116 | 				countDown = setInterval(function(){
117 | 					_this.second--
118 | 					if(_this.second==0){
119 | 						_this.isRunCode= false
120 | 						clearInterval(countDown)
121 | 					}
122 | 				},1000)
123 | 			}
124 | 			
125 | 			
126 | 		},
127 | 		computed:{
128 | 			_type(){
129 | 				//处理值
130 | 				const type = this.type
131 | 				return type == 'password' ? 'text' : type
132 | 			},
133 | 			_isShowPass() {
134 | 				//处理值
135 | 				return String(this.isShowPass) !== 'false'
136 | 			},
137 | 			_isShowCode() {
138 | 				//处理值
139 | 				return String(this.isShowCode) !== 'false'
140 | 			},
141 | 			_setTime() {
142 | 				//处理值
143 | 				const setTime = Number(this.setTime)
144 | 				return setTime>0 ? setTime : 60
145 | 			},
146 | 			getVerCodeSecond(){
147 | 				//验证码倒计时计算
148 | 				if(this.second<=0){
149 | 					return this.codeText;
150 | 				}else{
151 | 					if(this.second<10){
152 | 						return '0'+this.second;
153 | 					}else{
154 | 						return this.second;
155 | 					}
156 | 				}
157 | 				
158 | 			}
159 | 		}
160 | 	}
161 | </script>
162 | 
163 | <style>
164 | 	@import url("./css/icon.css");
165 | 	
166 | 	.main-list{
167 | 		display: flex;
168 | 		flex-direction: row;
169 | 		justify-content: space-between;
170 | 		align-items: center;
171 | 		height: 36upx;   /* Input 高度 */
172 | 		color: #333333;
173 | 		padding: 32upx;
174 | 		margin-top:24upx;
175 | 		margin-bottom: 24upx;
176 | 	}
177 | 	.img{
178 | 		width: 32upx;
179 | 		height: 53upx;
180 | 		font-size: 32upx;
181 | 	}
182 | 	.main-input{
183 | 		flex: 1;
184 | 		text-align: left;
185 | 		font-size: 28upx;
186 | 		/* line-height: 100upx; */
187 | 		padding-right: 10upx;
188 | 		margin-left: 20upx;
189 | 	}
190 | 	.vercode {
191 | 		color: rgba(0,0,0,0.7);
192 | 		font-size: 24upx;
193 | 		line-height: 100upx;
194 | 	}
195 | 	.vercode-run {
196 | 		color: rgba(0,0,0,0.4) !important;
197 | 	}
198 | 	.oBorder{
199 | 	    border: none;
200 | 	    border-radius: 2.5rem ;
201 | 	    -webkit-box-shadow: 0 0 60upx 0 rgba(43,86,112,.1) ;
202 | 	    box-shadow: 0 0 60upx 0 rgba(43,86,112,.1) ;
203 | 	}
204 | </style>
205 | 


--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * ip地址或域名
 3 |  */
 4 | const ipAddress = 'http://113.62.127.199:38080/app/mock/16'
 5 | // 文件访问地址
 6 | const fileAddr = 'http://localhost:8082/fileUpload/'
 7 | 
 8 | // 永中云服务
 9 | // 文档管理接口url
10 | const yzDmc = 'http://dmc.yozocloud.cn'
11 | const yzEic = 'http://eic.yozocloud.cn'
12 | // 云预览应用信息
13 | const yzPreviewAPPID = 'appId'
14 | const yzPreviewAPPKEY = 'appKey'
15 | // 云编辑应用信息
16 | const yzEditAPPID = 'appId'
17 | const yzEditAPPKEY = 'appKey'
18 | // 格式转换应用信息
19 | const yzFormatConvertAPPID = 'appId'
20 | const yzFormatConvertAPPKEY = 'appKey'
21 | /**
22 |  * api前缀
23 |  */
24 | const apiPrefix = '/apiUA'
25 | const apiYzDmc = '/apiYzDmc'
26 | const apiYzEic = '/apiYzEic'
27 | /**
28 |  * 针对不同平台的baseUrl
29 |  */
30 | const getBaseUrl = () => {
31 | 	// #ifdef H5
32 | 	return apiPrefix
33 | 	// #endif
34 | 	// #ifndef H5
35 | 	return ipAddress
36 | 	// #endif
37 | }
38 | const getYzDmc = () => {
39 | 	// #ifdef H5
40 | 	return apiYzDmc
41 | 	// #endif
42 | 	// #ifndef H5
43 | 	return yzDmc
44 | 	// #endif
45 | }
46 | const getYzEic = () => {
47 | 	// #ifdef H5
48 | 	return apiYzEic
49 | 	// #endif
50 | 	// #ifndef H5
51 | 	return yzEic
52 | 	// #endif
53 | }
54 | export default {
55 | 	/**
56 | 	 * 针对不同平台的baseUrl
57 | 	 */
58 | 	baseUrl: getBaseUrl(),
59 | 	fileAddr,
60 | 	yzDmcUrl: getYzDmc(),
61 | 	yzEic,
62 | 	yzEicUrl: getYzEic(),
63 | 	yzPreviewAPPID,
64 | 	yzPreviewAPPKEY,
65 | 	yzEditAPPID,
66 | 	yzEditAPPKEY,
67 | 	yzFormatConvertAPPID,
68 | 	yzFormatConvertAPPKEY
69 | }
70 | 


--------------------------------------------------------------------------------
/hybrid/html/README.md:
--------------------------------------------------------------------------------
1 | ## web-view加载本地html
2 | > 参考https://uniapp.dcloud.io/component/web-view


--------------------------------------------------------------------------------
/hybrid/html/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="zh-cn">
  3 | 
  4 | 	<head>
  5 | 		<meta charset="utf-8">
  6 | 		<title>H5文档上传</title>
  7 | 	</head>
  8 | 
  9 | 	<body>
 10 | 		<h1>H5文档上传</h1>
 11 | 		<input type="file" id="myfile" name="file" style="display:none" onchange="changeAgentContent()" />
 12 | 		<input type="text" value="" disabled id="myfileAgent" />
 13 | 		<input type="button" onclick="document.getElementById('myfile').click()" value="浏览..." />
 14 | 		<button id="uploader">上传</button>
 15 | 		
 16 | 		<!-- <form enctype="multipart/form-data" method="post" id="myForm" name="file">
 17 | 			<input type="file" id="myFile" name="file">
 18 | 			<button id="uploader">上传</button>
 19 | 		</form> -->
 20 | 		<!-- uni 的 SDK -->
 21 | 		<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.1.js"></script>
 22 | 		<script type="text/javascript" src="js/h5uploader.js"></script>
 23 | 		<script type="text/javascript" src="https://cdn.bootcss.com/crypto-js/3.1.9-1/crypto-js.min.js"></script>
 24 | 		<script type="text/javascript" src="js/signclient.js"></script>
 25 | 		<script type="text/javascript">
 26 | 			function getQueryString(key) {
 27 | 				var reg = new RegExp('(^|&)' + key + '=([^&]*)(&|$)')
 28 | 				var r = window.location.search.substr(1).match(reg)
 29 | 				if (r != null) return unescape(r[2])
 30 | 				return null
 31 | 			}
 32 | 			// 当前环境
 33 | 			uni.getEnv(function(res) {
 34 | 				console.log('当前环境：' + JSON.stringify(res));
 35 | 			});
 36 | 			function changeAgentContent(){
 37 | 			    document.getElementById("myfileAgent").value = document.getElementById("myfile").value;
 38 | 			}
 39 | 			
 40 | 			var info = getQueryString('info');
 41 | 			info = JSON.parse(decodeURIComponent(info));
 42 | 			var appId = info.appId;
 43 | 			var appKey = info.appKey;
 44 | 			var dmc = info.dmc;
 45 | 			// 永中app类型：云预览、云编辑、格式转换
 46 | 			var yzAppType = info.yzAppType
 47 | 			// 发送文件数据
 48 | 			function sendMessage(data) {
 49 | 				// 传递永中app类型
 50 | 				data.yzAppType = yzAppType
 51 | 				uni.postMessage({
 52 | 					data: {
 53 | 						action: data
 54 | 					}
 55 | 				});
 56 | 				// 关闭所有页面，打开到应用内的某个页面,url传递文件数据,表单页面通过reload接收数据,并在提交时传递
 57 | 				// uni.reLaunch({
 58 | 				// 	url: './h5Upload?fileData=' + data,
 59 | 				// })
 60 | 				// 关闭当前页面，跳转到应用内的某个页面
 61 | 				uni.redirectTo({
 62 | 					url: '/pages/yzcloud/yz-preview-callback?fileData=' + encodeURIComponent(JSON.stringify(data)),
 63 | 				})
 64 | 				
 65 | 				// 返回上一级页面,通过@message接收数据,并放到store中,以便提交时获取文件数据
 66 | 				// uni.navigateBack({
 67 | 				//     delta: 1
 68 | 				// });
 69 | 			}
 70 | 			var uploader = document.getElementById('uploader');
 71 | 			uploader.addEventListener("click", function(e) {
 72 | 				var sign = generateSign(appKey, {"appId": [appId]});
 73 | 				
 74 | 				// 以下是XMLHttpRequest上传文件的简单post请求
 75 | 				// var form = new FormData();
 76 | 				// form.append("file", document.getElementById('myfile').files[0]);
 77 | 				// var xhrForm = new XMLHttpRequest();
 78 | 				// xhrForm.open("POST", '/apiYzDmc/api/file/upload?appId=' + appId + '&sign=' + sign, true);
 79 | 				// xhrForm.send(form);
 80 | 				
 81 | 				// 以下是封装XMLHttpRequest，包含成功或失败回调函数
 82 | 				H5Uploader.upload({
 83 | 					// 上传url
 84 | 					action: dmc + '/api/file/upload?appId=' + appId + '&sign=' + sign,
 85 | 					id: 'myfile',
 86 | 					size: {
 87 | 						max: 50000, // 5000kb 
 88 | 						valide: function(e) {
 89 | 							if (e) {
 90 | 								alert("The size of " + e.name + " is exceed max value!");
 91 | 							}
 92 | 						}
 93 | 					}, // MB
 94 | 					type: {
 95 | 						name: 'csv;doc;docx;xls;xlsx;ppt;pptx;jpeg;jpg;png;gif;bmp;tif;rar;zip;uof;uot;uos;uop;pdf;ofd;',
 96 | 						valide: function(e) {
 97 | 							if (e) {
 98 | 								alert("The type of " + e.name + " is not supported!");
 99 | 							}
100 | 						}
101 | 					},
102 | 					progress: function() {
103 | 						var p = document.createElement('p');
104 | 						p.innerHTML = "uploading";
105 | 						p.id = "loading";
106 | 						document.body.appendChild(p);
107 | 					},
108 | 					success: function(data) {
109 | 						// alert(data);
110 | 						// if (data && data == 200) {
111 | 						// 	document.getElementById('loading').innerHTML = "The file upload successfully!";
112 | 						// 	alert("The file upload successfully.");
113 | 						// }
114 | 						
115 | 						// 上传完成，发送结果到应用中
116 | 						var tmpJson = JSON.parse(data)
117 | 						sendMessage(tmpJson.data);
118 | 					},
119 | 					fail: function(data) {
120 | 						alert("The file upload failed.");
121 | 					}
122 | 				});
123 | 			}, false);
124 | 		</script>
125 | 	</body>
126 | 
127 | </html>
128 | 


--------------------------------------------------------------------------------
/hybrid/html/js/h5uploader.js:
--------------------------------------------------------------------------------
  1 | /**!
  2 |  * h5uploader.js
  3 |  * This is a simple file upload plugin depends on HTML5. 
  4 |  * You can use it to mordern browser.
  5 |  * 
  6 |  * version: 1.0
  7 |  * Copyright 2015, Ziv | http://imziv.com
  8 |  * Released under the MIT License
  9 |  * https://github.com/wewoor/h5uploader
 10 |  **/
 11 | 
 12 | (function(window) {
 13 | 
 14 | 	window.H5Uploader = (function() {
 15 | 
 16 | 		function createXhr() {
 17 | 			if (typeof XMLHttpRequest != "undefined") {
 18 | 				return new XMLHttpRequest();
 19 | 			} else if (typeof ActiveXObject != "undefined") {
 20 | 				if (typeof arguments.callee.activeXString != "string") {
 21 | 					var versions = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp"];
 22 | 					for (var i = 0, len = versions.length; i < len; i++) {
 23 | 						try {
 24 | 							new ActiveXObject(versions[i]);
 25 | 							arguments.callee.activeXString = versions[i];
 26 | 							break;
 27 | 						} catch (e) {
 28 | 							throw new Error('Create XHR ActiveXObject error.' + e);
 29 | 						}
 30 | 					}
 31 | 				}
 32 | 				return new ActiveXObject(arguments.callee.activeXString);
 33 | 			} else throw new Error('No XHR object avaliable.' + e);
 34 | 		}
 35 | 
 36 | 		return {
 37 | 			upload: function(literals) {
 38 | 				if (Object.prototype.toString.call(literals) !== '[object Array]') {
 39 | 					this.handUpload(literals);
 40 | 				} else {
 41 | 					for (var i = 0; i < literals.length; i++) {
 42 | 						this.handUpload(literals[i]);
 43 | 					}
 44 | 				}
 45 | 			},
 46 | 
 47 | 			handUpload: function(literals) {
 48 | 
 49 | 				if (literals.action === undefined) {
 50 | 					throw new Error('The upload action address option is undefined.');
 51 | 				}
 52 | 
 53 | 				var xhr = createXhr();
 54 | 				xhr.open("POST", literals.action, true);
 55 | 				// xhr.setRequestHeader("Content-Type", "multipart/form-data");
 56 | 				// xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
 57 | 				xhr.onreadystatechange = function() {
 58 | 					if (xhr.readyState == 4) {
 59 | 						var body = xhr.responseText;
 60 | 						if (xhr.status >= 200 && xhr.status < 300 ||
 61 | 							xhr.status == 304) {
 62 | 							if (literals.success) {
 63 | 								literals.success(body);
 64 | 							}
 65 | 						} else {
 66 | 							if (literals.fail) {
 67 | 								literals.fail(body);
 68 | 							}
 69 | 						}
 70 | 					}
 71 | 				};
 72 | 				
 73 | 				if (!literals.id) {
 74 | 					throw new Error('The upload id option is undefined.');
 75 | 				}
 76 | 				// var myForm = document.getElementById(literals.formId);
 77 | 				var data = new FormData();
 78 | 				var file = document.getElementById(literals.id);
 79 | 				if (!file) {
 80 | 					throw new Error('The upload file element is undefined::id:' + literals.id);
 81 | 				}
 82 | 				var name = file.getAttribute('name');
 83 | 				if (!name) {
 84 | 					throw new Error('The upload file input name is undefined.');
 85 | 				}
 86 | 
 87 | 				if (literals.size) { // Check file Size
 88 | 					var evt = this.checkSize(file.files, literals.size.max);
 89 | 					if (evt) {
 90 | 						if (literals.size.valide) literals.size.valide(evt);
 91 | 						throw new Error('The upload file size exceed max value.');
 92 | 					}
 93 | 				}
 94 | 
 95 | 				if (literals.type) { // Check file type
 96 | 					var evt1 = this.checkType(file.files, literals.type.name);
 97 | 					if (evt1) {
 98 | 						if (literals.type.valide) literals.type.valide(evt1);
 99 | 						throw new Error('The upload file type is error.');
100 | 					}
101 | 				}
102 | 
103 | 				if (literals.progress) { // Progress
104 | 					literals.progress();
105 | 				}
106 | 				
107 | 				for (var i = 0; i < file.files.length; i++) {
108 | 					data.append(name, file.files[i]);
109 | 				}
110 | 				
111 | 				try {
112 | 					xhr.send(data);
113 | 				} catch (e) {
114 | 					throw new Error(e);
115 | 				}
116 | 			},
117 | 
118 | 			// Validate file size
119 | 			checkSize: function(file, size) {
120 | 				for (var i = 0; i < file.length; i++) {
121 | 					if (file[i].size > size * 1024) { // bytes
122 | 						return file[i];
123 | 					}
124 | 				}
125 | 			},
126 | 
127 | 			// Validate file type
128 | 			checkType: function(file, type) {
129 | 				for (var i = 0; i < file.length; i++) {
130 | 					var arr = file[i].name.split(".");
131 | 					if (type.indexOf(arr[arr.length - 1]) === -1) {
132 | 						return file[i];
133 | 					}
134 | 				}
135 | 			}
136 | 		};
137 | 	})();
138 | 
139 | })(window);
140 | 


--------------------------------------------------------------------------------
/hybrid/html/js/signclient.js:
--------------------------------------------------------------------------------
 1 | function generateSign(secret, params) {
 2 |     var fullParamStr = uniqSortParams(params);
 3 |     return hmacSHA256(fullParamStr, secret);
 4 | }
 5 | 
 6 | function uniqSortParams(params) {
 7 |     delete params.sign;
 8 | 
 9 |     var var5 = [];
10 |     var var6 = 0;
11 |     for (var key in params) {
12 |         var5[var6] = key;
13 |         var6++;
14 |     }
15 |     var5.sort(function (a, b) {
16 |         return a.localeCompare(b, 'zh-CN');
17 |     });
18 | 
19 |     var result = "";
20 |     for (var var7 = 0; var7 < var5.length; var7++) {
21 |         var key = var5[var7]
22 |         var var8 = params[key];
23 |         var8.sort(function (a, b) {
24 |             return a.localeCompare(b, 'zh-CN');
25 |         });
26 | 
27 |         if (var8 != null && var8.length > 0) {
28 |             for (var var9 = 0; var9 < var8.length; var9++) {
29 |                 result += key + "=" + var8[var9];
30 |             }
31 |         } else {
32 |             result += key + "=";
33 |         }
34 |     }
35 |     return result;
36 | }
37 | 
38 | function hmacSHA256(data, key) {
39 |     data != null ? data : "";
40 |     var var2 = CryptoJS.HmacSHA256(data, key);
41 |     var var3 = var2.toString(CryptoJS.enc.Hex);
42 |     return var3.toUpperCase();
43 | }
44 | 


--------------------------------------------------------------------------------
/i18n/en-US.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 | 	'ProjectApproval': 'Project Approval',
 3 | 	'ProjectAdjust': 'Project Adjust',
 4 | 	'UserApproval': 'User Approval',
 5 | 	'FilePreview': 'File Previewing',
 6 | 	'Project': 'Project',
 7 | 	'YzCloud': 'Yozo Cloud',
 8 | 	'YzDocPreview': 'Yozo Document Preview',
 9 | 	'YzDocEdit': 'Yozo Document Edit',
10 | 	'YzDocPreviewEdit': 'Yozo Document Preview/Edit',
11 | 	'DocUpload': 'Document Upload',
12 | 	'ProjectDetail': 'Project in detail',
13 | 	'Statistics': 'Statistics',
14 | 	'Profile': 'Profile',
15 | 	'ToDo': 'ToDo',
16 | 	'Language': 'Language',
17 | 	'Empty': 'Empty',
18 | 	'HardLoading': 'Hard loading',
19 | 	'NoMore': 'No more',
20 | 	'BasicInfo': 'Basic information',
21 | 	'Ok': 'Ok',
22 | 	'ClearSearchHistory': 'Clear search history',
23 | 	'Settings': 'Settings',
24 | 	'SignOut': 'Sign out',
25 | 	'ChangePassword': 'Change password',
26 | 	'Upgrade': 'Upgrade',
27 | 	'UserName': 'UserName',
28 | 	'Name': 'Name',
29 | 	'Role': 'Role',
30 | 	'RegisteredUser': 'Registered user',
31 | 	'ProjectThisMonth': 'Project this month',
32 | 	'System': 'System',
33 | 	'English': 'English',
34 | 	'Chinese': 'Chinese',
35 | 	'en': 'English',
36 | 	'zh-CN': 'Chinese',
37 | 	'Theme': 'Theme',
38 | 	'BluishGreen': 'bluish green',
39 | 	'Blush': 'blush',
40 | 	'Volcano': 'volcano',
41 | 	'Orange': 'Orange',
42 | 	'IndigoBlue': 'indigo-blue',
43 | 	'Indigo': 'indigo',
44 | 	'Verdant': 'verdant',
45 | 	'Water': 'water',
46 | 	'Grey': 'grey',
47 | 	'PinkGold': 'pink gold',
48 | 	'Dim': 'dim',
49 | 	'Verdigris': 'verdigris',
50 | 	'DeepBlack': 'deep black',
51 | 	'AgateGreen': 'agate green',
52 | 	'DarkGreen': 'dark green',
53 | 	'DarkMode': 'dark mode',
54 | 	'Dark': 'Dark',
55 | 	'ToLogin': 'To login'
56 | }
57 | 


--------------------------------------------------------------------------------
/i18n/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import VueI18n from 'vue-i18n'
 3 | import enUS from './en-US'
 4 | import zhCN from './zh-CN'
 5 | Vue.use(VueI18n)
 6 | 
 7 | let lang = uni.getStorageSync('_lang').data
 8 | if (!lang || lang === 'System') {
 9 | 	const res = uni.getSystemInfoSync()
10 | 	lang = res.language
11 | 	uni.setStorageSync('_lang', 'System')
12 | }
13 | 
14 | const i18n = new VueI18n({
15 | 	locale: lang,
16 | 	fallbackLocale: 'en',
17 | 	silentFallbackWarn: true,
18 | 	messages: {
19 | 		'en': enUS,
20 | 		'zh-CN': zhCN
21 | 	}
22 | })
23 | export default i18n
24 | 


--------------------------------------------------------------------------------
/i18n/zh-CN.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 | 	'ProjectApproval': '项目审批',
 3 | 	'ProjectAdjust': '项目调整',
 4 | 	'UserApproval': '用户审批',
 5 | 	'FilePreview': '文件预览',
 6 | 	'Project': '项目',
 7 | 	'YzCloud': '永中云服务',
 8 | 	'YzDocPreview': '永中云预览',
 9 | 	'YzDocEdit': '永中云编辑',
10 | 	'YzDocPreviewEdit': '永中云预览/云编辑',
11 | 	'DocUpload': '文档上传',
12 | 	'ProjectDetail': '项目详细',
13 | 	'Statistics': '统计',
14 | 	'Profile': '我的',
15 | 	'ToDo': '待办',
16 | 	'Language': '语言',
17 | 	'Empty': '空',
18 | 	'HardLoading': '努力加载中',
19 | 	'NoMore': '没有了',
20 | 	'BasicInfo': '基本信息',
21 | 	'UserName': '用户名',
22 | 	'Name': '姓名',
23 | 	'Role': '角色',
24 | 	'RegisteredUser': '注册用户',
25 | 	'ProjectThisMonth': '本月项目',
26 | 	'Ok': '确认',
27 | 	'ClearSearchHistory': '清空搜索历史',
28 | 	'Settings': '软件设置',
29 | 	'SignOut': '退出登录',
30 | 	'ChangePassword': '修改密码',
31 | 	'Upgrade': '软件升级',
32 | 	'System': '跟随系统',
33 | 	'English': '英文',
34 | 	'Chinese': '中文',
35 | 	'en': '英文',
36 | 	'zh-CN': '中文',
37 | 	'Theme': '主题',
38 | 	'BluishGreen': '青碧',
39 | 	'Blush': '酡颜',
40 | 	'Volcano': '火山',
41 | 	'Orange': '橘黄',
42 | 	'IndigoBlue': '靛青',
43 | 	'Indigo': '靛蓝',
44 | 	'Verdant': '苍翠',
45 | 	'Water': '水色',
46 | 	'Grey': '灰色',
47 | 	'PinkGold': '赤金',
48 | 	'Dim': '黯',
49 | 	'Verdigris': '铜绿',
50 | 	'DeepBlack': '玄青',
51 | 	'AgateGreen': '湖绿',
52 | 	'DarkGreen': '苍色',
53 | 	'DarkMode': '深色模式',
54 | 	'Dark': '暗黑',
55 | 	'ToLogin': '去登录'
56 | }
57 | 


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App'
 3 | import store from './store'
 4 | import i18n from './i18n'
 5 | import _ from 'lodash'
 6 | import MinRequest from './utils//MinRequest'
 7 | import minApi from './api/api'
 8 | import MinCache from './utils/MinCache'
 9 | // mescroll-body
10 | import MescrollBody from "@/components/mescroll-uni/mescroll-body.vue"
11 | 
12 | Vue.config.productionTip = false
13 | Vue.prototype.$store = store
14 | Vue.use(MinRequest)
15 | // 注册缓存器
16 | Vue.use(MinCache)
17 | // mescroll-body
18 | Vue.component('mescroll-body', MescrollBody)
19 | 
20 | App.mpType = 'app'
21 | Vue.prototype._i18n = i18n
22 | Vue.prototype.$_ = _
23 | 
24 | const app = new Vue({
25 | 	store,
26 | 	minApi,
27 | 	i18n,
28 | 	...App
29 | })
30 | app.$mount()
31 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name": "uniapp-admin",
 3 | 	"version": "2.1.0",
 4 | 	"main": "index.js",
 5 | 	"repository": "https://github.com/silianpan/uniapp-admin.git",
 6 | 	"author": "silianpan <liu.pan@silianpan.cn>",
 7 | 	"license": "MIT",
 8 | 	"dependencies": {
 9 | 		"crypto-js": "^4.0.0",
10 | 		"lodash": "^4.17.21",
11 | 		"vue-i18n": "^8.23.0"
12 | 	}
13 | }
14 | 


--------------------------------------------------------------------------------
/pages.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
  3 | 		{
  4 | 			"path": "pages/index/index",
  5 | 			"style": {
  6 | 				"app-plus": {
  7 | 					"bounce": "none" // 可选: 是否禁止iOS回弹和Android触顶触底的弧形阴影, 默认允许 (可配在 'globalStyle')
  8 | 				},
  9 | 				"mp-alipay": {
 10 | 					"allowsBounceVertical": "NO" // 可选: 取消支付宝和钉钉小程序的iOS回弹 (可配在 'globalStyle')
 11 | 				}
 12 | 			}
 13 | 		},
 14 | 		{
 15 | 			"path": "pages/login/login",
 16 | 			"style": {
 17 | 				"titleNView": false
 18 | 			}
 19 | 		},
 20 | 		{
 21 | 			"path": "pages/index/project/detail-project"
 22 | 		},
 23 | 		{
 24 | 			"path": "pages/index/project/adjust-project"
 25 | 		},
 26 | 		{
 27 | 			"path": "pages/index/user/detail-user"
 28 | 		},
 29 | 		{
 30 | 			"path": "pages/file/file-preview"
 31 | 		},
 32 | 		{
 33 | 			"path": "pages/project/index"
 34 | 		},
 35 | 		{
 36 | 			"path": "pages/project/project-detail"
 37 | 		},
 38 | 		{
 39 | 			"path": "pages/analysis/index"
 40 | 		},
 41 | 		{
 42 | 			"path": "pages/user/index"
 43 | 		},
 44 | 		{
 45 | 			"path": "pages/user/setting"
 46 | 		},
 47 | 		{
 48 | 			"path": "pages/yzcloud/index"
 49 | 		},
 50 | 		{
 51 | 			"path": "pages/file/file-upload"
 52 | 		},
 53 | 		{
 54 | 			"path": "pages/yzcloud/yz-preview-callback"
 55 | 		},
 56 | 		{
 57 | 			"path": "pages/yzcloud/yz-edit"
 58 | 		}
 59 | 	],
 60 | 	"tabBar": {
 61 | 		"color": "#8a8a8a",
 62 | 		"selectedColor": "#4364F7",
 63 | 		"backgroundColor": "#ffffff",
 64 | 		"list": [{
 65 | 			"pagePath": "pages/index/index",
 66 | 			"iconPath": "static/img/tabbar/todo.png",
 67 | 			"selectedIconPath": "static/img/tabbar/todoHL.png"
 68 | 		}, {
 69 | 			"pagePath": "pages/yzcloud/index",
 70 | 			"iconPath": "static/img/tabbar/yz.png",
 71 | 			"selectedIconPath": "static/img/tabbar/yzHL.png"
 72 | 		}, {
 73 | 			"pagePath": "pages/project/index",
 74 | 			"iconPath": "static/img/tabbar/project.png",
 75 | 			"selectedIconPath": "static/img/tabbar/projectHL.png"
 76 | 		}, {
 77 | 			"pagePath": "pages/analysis/index",
 78 | 			"iconPath": "static/img/tabbar/tongji.png",
 79 | 			"selectedIconPath": "static/img/tabbar/tongjiHL.png"
 80 | 		}, {
 81 | 			"pagePath": "pages/user/index",
 82 | 			"iconPath": "static/img/tabbar/user.png",
 83 | 			"selectedIconPath": "static/img/tabbar/userHL.png"
 84 | 		}]
 85 | 	},
 86 | 	"globalStyle": {
 87 | 		// "navigationBarTextStyle": "white",
 88 | 		// "navigationBarTitleText": "uniapp-admin",
 89 | 		// "navigationBarBackgroundColor": "#4364F7",
 90 | 		// "backgroundColor": "#F8F8F8"
 91 | 		// "mp-alipay": {
 92 | 		// 	/* 支付宝小程序特有相关 */
 93 | 		// 	"transparentTitle": "always",
 94 | 		// 	"allowsBounceVertical": "NO"
 95 | 		// },
 96 | 		// "navigationBarBackgroundColor": "#0081ff",
 97 | 		// "navigationBarTitleText": "uniapp-admin",
 98 | 		// "navigationStyle": "custom",
 99 | 		// "navigationBarTextStyle": "white"
100 | 	}
101 | }
102 | 


--------------------------------------------------------------------------------
/pages/analysis/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view :class="darkMode?'custom-dark':'custom-light'">
 3 | 		<view class="analysis padding-xs flex align-center">
 4 | 			<view class="flex-sub text-center">
 5 | 				<view class="solid-bottom text-xxl padding">
 6 | 					<text class="analysis-num">{{userNum}}</text>
 7 | 				</view>
 8 | 				<view class="padding">{{$t('RegisteredUser')}}</view>
 9 | 			</view>
10 | 			<view class="flex-sub text-center">
11 | 				<view class="solid-bottom text-xxl padding">
12 | 					<text class="analysis-num">{{projectNum}}</text>
13 | 				</view>
14 | 				<view class="padding">{{$t('ProjectThisMonth')}}</view>
15 | 			</view>
16 | 		</view>
17 | 		<ucharts-demo></ucharts-demo>
18 | 		<project-time-table></project-time-table>
19 | 	</view>
20 | </template>
21 | 
22 | <script>
23 | 	import { mapGetters } from 'vuex'
24 | 	import ProjectTimeTable from '@/pages/analysis/time-table.vue'
25 | 	import UchartsDemo from '@/pages/analysis/ucharts-demo.vue'
26 | 	export default {
27 | 		components: {
28 | 			ProjectTimeTable,
29 | 			UchartsDemo
30 | 		},
31 | 		computed: {
32 | 			...mapGetters(['themeBgColor', 'darkMode']),
33 | 		},
34 | 		data() {
35 | 			return {
36 | 				projectNum: 199,
37 | 				userNum: 128
38 | 			}
39 | 		},
40 | 		onReady() {
41 | 			uni.setNavigationBarTitle({
42 | 			    title: this.$t('Statistics')
43 | 			})
44 | 			this.setNavBarColor()
45 | 		},
46 | 		onShow() {
47 | 			this.setNavBarColor()
48 | 		},
49 | 		methods: {
50 | 			setNavBarColor() {
51 | 				// navBar-bg-color
52 | 				uni.setNavigationBarColor({
53 | 				    frontColor: '#ffffff',
54 | 				    backgroundColor: this.themeBgColor,
55 | 				    animation: {
56 | 				        duration: 400,
57 | 				        timingFunc: 'easeIn'
58 | 				    }
59 | 				})
60 | 			}
61 | 		}
62 | 	}
63 | </script>
64 | 


--------------------------------------------------------------------------------
/pages/analysis/time-table.vue:
--------------------------------------------------------------------------------
  1 | <!-- 一周项目一览表 -->
  2 | <template>
  3 | 	<view>
  4 | 		<view v-for="(value, key) in weekDate" :key="key">
  5 | 			<view class="cu-bar solid-bottom margin-top-xs">
  6 | 				<view class="action">
  7 | 					<text class="cuIcon-title text-blue"></text>{{value.title}}
  8 | 				</view>
  9 | 			</view>
 10 | 			<view class="cu-list menu project-list" v-for="project in value.projects" :key="project.id" @tap="clickCard(project)">
 11 | 				<view class="cu-item">
 12 | 					<view class="content padding-tb-sm">
 13 | 						<view>{{project.projectName}}</view>
 14 | 						<view class="text-gray text-sm">项目类型：{{project.projectType}}</view>
 15 | 						<view class="text-gray text-sm">所在区域：{{project.area}}</view>
 16 | 						<view class="text-gray text-sm">项目地址：{{project.addr}}</view>
 17 | 						<view class="text-gray text-sm">立项时间：{{project.createTime}}</view>
 18 | 					</view>
 19 | 				</view>
 20 | 			</view>
 21 | 		</view>
 22 | 	</view>
 23 | </template>
 24 | 
 25 | <script>
 26 | 	import {
 27 | 		formatDateDay
 28 | 	} from '@/utils/datetime.js'
 29 | 	export default {
 30 | 		data() {
 31 | 			return {
 32 | 				weekDate: {},
 33 | 				projectData: [{
 34 | 						id: 1,
 35 | 						projectName: '国旗护卫队服装采购项目',
 36 | 						projectType: '采购',
 37 | 						area: '省外',
 38 | 						addr: '云南省',
 39 | 						createTime: '2019-10-19 17:00'
 40 | 					},
 41 | 					{
 42 | 						id: 2,
 43 | 						projectName: '超声高频外科集成系统（超声刀）项目',
 44 | 						projectType: '系统集成',
 45 | 						area: '省外',
 46 | 						addr: '广东省',
 47 | 						createTime: '2019-09-21 13:00'
 48 | 					},
 49 | 					{
 50 | 						id: 3,
 51 | 						projectName: '培训考试信息管理系统项目',
 52 | 						projectType: '软件研发',
 53 | 						area: '省内',
 54 | 						addr: '四川省',
 55 | 						createTime: '2019-10-21 17:38'
 56 | 					}
 57 | 				]
 58 | 			}
 59 | 		},
 60 | 		mounted() {
 61 | 			this.initWeek()
 62 | 			this.queryProject()
 63 | 		},
 64 | 		methods: {
 65 | 			formatDateDay,
 66 | 			queryProject() {
 67 | 				let projectMap = {}
 68 | 				this.projectData.forEach(item => {
 69 | 					let dateKey = item.createTime
 70 | 					if (!projectMap.hasOwnProperty(dateKey)) {
 71 | 						projectMap[dateKey] = []
 72 | 					}
 73 | 					projectMap[dateKey].push(item)
 74 | 				})
 75 | 
 76 | 				for (let wKey in this.weekDate) {
 77 | 					if (projectMap.hasOwnProperty(wKey)) {
 78 | 						this.$set(this.weekDate[wKey], 'projects', projectMap[wKey])
 79 | 					}
 80 | 				}
 81 | 			},
 82 | 			initWeek() {
 83 | 				let now = new Date()
 84 | 				let day = now.getDay()
 85 | 				day = day === 0 ? 7 : day
 86 | 				let remain = 7 - day
 87 | 				let weekStr = [
 88 | 					'周一',
 89 | 					'周二',
 90 | 					'周三',
 91 | 					'周四',
 92 | 					'周五',
 93 | 					'周六',
 94 | 					'周日'
 95 | 				]
 96 | 
 97 | 				let ret = {}
 98 | 				for (let i = 0; i < day; i++) {
 99 | 					let cDate = new Date(now.getTime() - (1000 * 60 * 60 * 24 * (day - i - 1)))
100 | 					let date = this.formatDateDay(cDate.getTime())
101 | 					let cDay = cDate.getDay() === 0 ? 7 : cDate.getDay()
102 | 					ret[date] = {
103 | 						title: `${date}(${weekStr[cDay - 1]})`
104 | 					}
105 | 				}
106 | 
107 | 				for (let i = 0; i < remain; i++) {
108 | 					let cDate = new Date(now.getTime() + (1000 * 60 * 60 * 24 * (i + 1)))
109 | 					let date = this.formatDateDay(cDate.getTime())
110 | 					let cDay = cDate.getDay() === 0 ? 7 : cDate.getDay()
111 | 					ret[date] = {
112 | 						title: `${date}(${weekStr[cDay - 1]})`
113 | 					}
114 | 				}
115 | 				this.weekDate = ret
116 | 			},
117 | 			clickCard(item) {}
118 | 		}
119 | 	}
120 | </script>
121 | 
122 | <style>
123 | 	.project-list+.project-list {
124 | 		margin-top: 2rpx !important;
125 | 	}
126 | </style>
127 | 


--------------------------------------------------------------------------------
/pages/analysis/ucharts-demo.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="qiun-columns">
  3 | 		<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
  4 | 			<view class="qiun-title-dot-light">柱状图</view>
  5 | 		</view>
  6 | 		<view class="qiun-charts">
  7 | 			<!--#ifdef MP-ALIPAY -->
  8 | 			<canvas canvas-id="canvasColumn" id="canvasColumn" class="charts" :style="{'width':cWidth*pixelRatio+'px','height':cHeight*pixelRatio+'px', 'transform': 'scale('+(1/pixelRatio)+')','margin-left':-cWidth*(pixelRatio-1)/2+'px','margin-top':-cHeight*(pixelRatio-1)/2+'px'}"></canvas>
  9 | 			<!--#endif-->
 10 | 			<!--#ifndef MP-ALIPAY -->
 11 | 			<canvas canvas-id="canvasColumn" id="canvasColumn" class="charts"></canvas>
 12 | 			<!--#endif-->
 13 | 		</view>
 14 | 	</view>
 15 | </template>
 16 | 
 17 | <script>
 18 | 	import uCharts from '@/common/lib/u-charts.min.js'
 19 | 	import {
 20 | 		demoData
 21 | 	} from './ucharts-demo-data.js'
 22 | 	var _self;
 23 | 	var canvaColumn = null;
 24 | 	export default {
 25 | 		data() {
 26 | 			return {
 27 | 				cWidth: '',
 28 | 				cHeight: '',
 29 | 				pixelRatio: 1,
 30 | 				serverData: ''
 31 | 			}
 32 | 		},
 33 | 		mounted() {
 34 | 			_self = this;
 35 | 			//#ifdef MP-ALIPAY
 36 | 			uni.getSystemInfo({
 37 | 				success: function(res) {
 38 | 					if (res.pixelRatio > 1) {
 39 | 						//正常这里给2就行，如果pixelRatio=3性能会降低一点
 40 | 						//_self.pixelRatio =res.pixelRatio;
 41 | 						_self.pixelRatio = 2;
 42 | 					}
 43 | 				}
 44 | 			});
 45 | 			//#endif
 46 | 			this.cWidth = uni.upx2px(750);
 47 | 			this.cHeight = uni.upx2px(500);
 48 | 			this.getServerData();
 49 | 		},
 50 | 		methods: {
 51 | 			getServerData() {
 52 | 				console.log(demoData.data)
 53 | 				let Column = {
 54 | 					categories: [],
 55 | 					series: []
 56 | 				};
 57 | 				//这里我后台返回的是数组，所以用等于，如果您后台返回的是单条数据，需要push进去
 58 | 				Column.categories = demoData.data.ColumnB.categories;
 59 | 				Column.series = demoData.data.ColumnB.series;
 60 | 				_self.textarea = JSON.stringify(demoData.data.ColumnB);
 61 | 				_self.showColumn("canvasColumn", Column);
 62 | 			},
 63 | 			showColumn(canvasId, chartData) {
 64 | 				canvaColumn = new uCharts({
 65 | 					$this: _self,
 66 | 					canvasId: canvasId,
 67 | 					type: 'column',
 68 | 					legend: true,
 69 | 					fontSize: 11,
 70 | 					background: '#FFFFFF',
 71 | 					pixelRatio: _self.pixelRatio,
 72 | 					animation: true,
 73 | 					categories: chartData.categories,
 74 | 					series: chartData.series,
 75 | 					xAxis: {
 76 | 						disableGrid: true,
 77 | 					},
 78 | 					yAxis: {},
 79 | 					dataLabel: true,
 80 | 					width: _self.cWidth * _self.pixelRatio,
 81 | 					height: _self.cHeight * _self.pixelRatio,
 82 | 					extra: {
 83 | 						column: {
 84 | 							width: _self.cWidth * _self.pixelRatio * 0.45 / chartData.categories.length
 85 | 						}
 86 | 					}
 87 | 				});
 88 | 			},
 89 | 			changeData() {
 90 | 				canvaColumn.updateData({
 91 | 					series: _self.serverData.ColumnB.series,
 92 | 					categories: _self.serverData.ColumnB.categories
 93 | 				});
 94 | 			}
 95 | 		}
 96 | 	}
 97 | </script>
 98 | 
 99 | <style>
100 | 	page {
101 | 		background: #F2F2F2;
102 | 		width: 750upx;
103 | 		overflow-x: hidden;
104 | 	}
105 | 
106 | 	.qiun-padding {
107 | 		padding: 2%;
108 | 		width: 96%;
109 | 	}
110 | 
111 | 	.qiun-wrap {
112 | 		display: flex;
113 | 		flex-wrap: wrap;
114 | 	}
115 | 
116 | 	.qiun-rows {
117 | 		display: flex;
118 | 		flex-direction: row !important;
119 | 	}
120 | 
121 | 	.qiun-columns {
122 | 		display: flex;
123 | 		flex-direction: column !important;
124 | 	}
125 | 
126 | 	.qiun-common-mt {
127 | 		margin-top: 10upx;
128 | 	}
129 | 
130 | 	.qiun-bg-white {
131 | 		background: #FFFFFF;
132 | 	}
133 | 
134 | 	.qiun-title-bar {
135 | 		/* width: 96%; */
136 | 		padding: 10upx 2%;
137 | 		flex-wrap: nowrap;
138 | 	}
139 | 
140 | 	.qiun-title-dot-light {
141 | 		border-left: 10upx solid #0ea391;
142 | 		padding-left: 10upx;
143 | 		font-size: 32upx;
144 | 		color: #000000
145 | 	}
146 | 
147 | 	/* 通用样式 */
148 | 	.qiun-charts {
149 | 		width: 750upx;
150 | 		height: 500upx;
151 | 		background-color: #FFFFFF;
152 | 	}
153 | 
154 | 	.charts {
155 | 		width: 750upx;
156 | 		height: 500upx;
157 | 		background-color: #FFFFFF;
158 | 	}
159 | </style>
160 | 


--------------------------------------------------------------------------------
/pages/file/file-preview.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<web-view :src="allUrl"></web-view>
 4 | 	</view>
 5 | </template>
 6 | 
 7 | <script>
 8 | 	import { mapGetters } from 'vuex'
 9 | 	import globalConfig from '@/config'
10 | 	export default {
11 | 		data() {
12 | 			return {
13 | 				// viewerUrl: '/hybrid/html/web/viewer.html',
14 | 				viewerUrl: globalConfig.baseUrl + '/pdf/web/viewer.html',
15 | 				allUrl: ''
16 | 			}
17 | 		},
18 | 		computed: {
19 | 			...mapGetters(['themeBgColor', 'darkMode']),
20 | 		},
21 | 		onReady() {
22 | 			uni.setNavigationBarTitle({
23 | 			    title: this.$t('FilePreview')
24 | 			})
25 | 			// navBar-bg-color
26 | 			uni.setNavigationBarColor({
27 | 			    frontColor: '#ffffff',
28 | 			    backgroundColor: this.themeBgColor,
29 | 			    animation: {
30 | 			        duration: 400,
31 | 			        timingFunc: 'easeIn'
32 | 			    }
33 | 			})
34 | 			// #ifdef APP-PLUS
35 | 			var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象
36 | 			setTimeout(function() {
37 | 				wv = currentWebview.children()[0]
38 | 				wv.setStyle({scalable:true})
39 | 			}, 1000); //如果是页面初始化调用时，需要延时一下
40 | 			// #endif
41 | 		},
42 | 		onLoad(options) {
43 | 			let fileUrl = encodeURIComponent(
44 | 				globalConfig.baseUrl + '/api/attachment?name=' + options.name + '&url=' + options.url)
45 | 			this.allUrl = this.viewerUrl + '?file=' + fileUrl
46 | 		}
47 | 	}
48 | </script>
49 | 


--------------------------------------------------------------------------------
/pages/file/file-upload.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view :class="darkMode?'custom-dark':'custom-light'">
 3 | 		<web-view :src="'/hybrid/html/index.html?info=' + info" @message="handleMessage"></web-view>
 4 | 	</view>
 5 | </template>
 6 | 
 7 | <script>
 8 | 	import { mapGetters } from 'vuex'
 9 | 	import globalConfig from '@/config'
10 | 	export default {
11 | 		data() {
12 | 			return {
13 | 				info: {}
14 | 			}
15 | 		},
16 | 		computed: {
17 | 			...mapGetters(['themeBgColor', 'darkMode']),
18 | 		},
19 | 		onLoad(option) {
20 | 			this.info = encodeURIComponent(JSON.stringify({
21 | 				appId: option.yzAppType == 1 ? globalConfig.yzPreviewAPPID : 
22 | 					(option.yzAppType == 2 ? globalConfig.yzEditAPPID : globalConfig.yzFormatConvertAPPID),
23 | 				appKey: option.yzAppType == 1 ? globalConfig.yzPreviewAPPKEY : 
24 | 					(option.yzAppType == 2 ? globalConfig.yzEditAPPKEY : globalConfig.yzFormatConvertAPPKEY),
25 | 				dmc: globalConfig.yzDmcUrl,
26 | 				yzAppType: option.yzAppType
27 | 			}))
28 | 		},
29 | 		onReady() {
30 | 			uni.setNavigationBarTitle({
31 | 			    title: this.$t('DocUpload')
32 | 			})
33 | 			this.setNavBarColor()
34 | 		},
35 | 		onShow() {
36 | 			this.setNavBarColor()
37 | 		},
38 | 		methods: {
39 | 			setNavBarColor() {
40 | 				// navBar-bg-color
41 | 				uni.setNavigationBarColor({
42 | 				    frontColor: '#ffffff',
43 | 				    backgroundColor: this.themeBgColor,
44 | 				    animation: {
45 | 				        duration: 400,
46 | 				        timingFunc: 'easeIn'
47 | 				    }
48 | 				})
49 | 			},
50 | 			handleMessage(evt) {
51 | 				let msg = '@message传递数据：' + JSON.stringify(evt.detail.data)
52 | 				uni.showModal({
53 | 					content: msg,
54 | 					showCancel: false
55 | 				});
56 | 				// todo 写入到store中
57 | 			}
58 | 		}
59 | 	}
60 | </script>
61 | 


--------------------------------------------------------------------------------
/pages/index/audit-idea.vue:
--------------------------------------------------------------------------------
  1 | <!-- 项目申请审批意见 -->
  2 | <template>
  3 | 	<uni-popup ref="share" type="bottom" :custom="true">
  4 | 		<view class="uni-share" :class="isPaddingBottom?'uni-share-padding-bottom':''">
  5 | 			<view class="uni-share-content">
  6 | 				<!-- <view class="uni-form-item uni-column">
  7 | 					<view class="title">填写处理反馈(非必填)</view>
  8 | 					<textarea v-model="auditIdea" class="idea-textarea" placeholder="请输入" />
  9 | 				</view> -->
 10 | 				<view class="margin-left-sm">填写处理反馈(非必填)</view>
 11 | 				<view class="cu-form-group idea-textarea">
 12 | 					<textarea maxlength="-1" v-model="auditIdea" placeholder="请输入"></textarea>
 13 | 				</view>
 14 | 			</view>
 15 | 			<view class="flex">
 16 | 				<view class="flex-sub margin-sm">
 17 | 					<button class="cu-btn block shadow bg-white" @tap="cancelClick">取消</button>
 18 | 				</view>
 19 | 				<view class="flex-sub margin-sm" v-if="isPass">
 20 | 					<button class="cu-btn block shadow bg-green" @tap="passClick">通过</button>
 21 | 				</view>
 22 | 				<view class="flex-sub margin-sm" v-if="!isPass">
 23 | 					<button class="cu-btn block shadow bg-red" @tap="unPassClick">拒绝</button>
 24 | 				</view>
 25 | 			</view>
 26 | 		</view>
 27 | 	</uni-popup>
 28 | </template>
 29 | 
 30 | <script>
 31 | 	import uniPopup from '@/components/uni-popup/uni-popup.vue'
 32 | 	import { mapGetters } from 'vuex'
 33 | 	export default {
 34 | 		props: {
 35 | 			isPass: {
 36 | 				type: Boolean,
 37 | 				required: true
 38 | 			},
 39 | 			isPaddingBottom: {
 40 | 				type: Boolean,
 41 | 				default: false
 42 | 			}
 43 | 		},
 44 | 		components: {
 45 | 			uniPopup
 46 | 		},
 47 | 		computed: {
 48 | 			...mapGetters(['user'])
 49 | 		},
 50 | 		data() {
 51 | 			return {
 52 | 				auditIdea: ''
 53 | 			}
 54 | 		},
 55 | 		mounted() {
 56 | 			this.initAuditIdea()
 57 | 		},
 58 | 		watch: {
 59 | 			isPass() {
 60 | 				this.initAuditIdea()
 61 | 			}
 62 | 		},
 63 | 		methods: {
 64 | 			// 初始化审核意见
 65 | 			initAuditIdea() {
 66 | 				this.auditIdea = this.isPass ? '通过' : '不通过'
 67 | 			},
 68 | 			cancelClick() {
 69 | 				this.$refs.share.close()
 70 | 				// 更新数据
 71 | 				this.$emit('updateQuery')
 72 | 			},
 73 | 			passClick() {
 74 | 				uni.showLoading({
 75 | 					title: '正在提交数据...'
 76 | 				})
 77 | 				/**
 78 | 				 * todo: api请求审批意见
 79 | 				 */
 80 | 				setTimeout(() => {
 81 | 					uni.hideLoading()
 82 | 					uni.showToast({
 83 | 						title: '审批通过！',
 84 | 						icon: 'success'
 85 | 					})
 86 | 					// 取消返回更新
 87 | 					this.cancelClick()
 88 | 				}, 1000)
 89 | 			},
 90 | 			unPassClick() {
 91 | 				uni.showLoading({
 92 | 					title: '正在提交数据...'
 93 | 				})
 94 | 				/**
 95 | 				 * todo: api请求审批意见
 96 | 				 */
 97 | 				setTimeout(() => {
 98 | 					uni.hideLoading()
 99 | 					uni.showToast({
100 | 						title: '审批不通过！',
101 | 						icon: 'none'
102 | 					})
103 | 					// 取消返回更新
104 | 					this.cancelClick()
105 | 				}, 1000)
106 | 			}
107 | 		}
108 | 	}
109 | </script>
110 | 


--------------------------------------------------------------------------------
/pages/index/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<uni-nav-bar :fixed="true" color="#333333" :background-color="themeBgColor" :border="false">
  4 | 			<view class="input-view">
  5 | 				<uni-icons type="search" size="22" color="#666666" />
  6 | 				<input v-model="searchVal" confirm-type="search" class="input" type="text" placeholder="搜索项目/机构" @confirm="search">
  7 | 				<uni-icons :color="'#999999'" v-if="searchVal!==''" class="icon-clear" type="clear" size="22" @click="clear" />
  8 | 			</view>
  9 | 		</uni-nav-bar>
 10 | 
 11 | 		<uni-nav-bar :fixed="true" color="#333333" :background-color="themeBgColor" :border="false">
 12 | 			<scroll-view scroll-x scroll-with-animation :scroll-left="scrollLeft" style="z-index: 9999;">
 13 | 				<view class="tui-tabs-view tui-tabs-relative text-white" style="height:80rpx;padding:0 30rpx;top:auto" :style="{backgroundColor:themeBgColor}">
 14 | 					<view v-for="(item, index) in tabbar" :key="index" class="tui-tabs-item" style="width:50%" @tap.stop="swichNav(index)">
 15 | 						<view class="tui-tabs-title" :class="{'tui-tabs-active':currentTab==index,'tui-tabs-disabled':item.disabled}"
 16 | 						 :style="{color:currentTab==index?'#ffffb8':'#ffffff',fontSize:'28rpx',lineHeight:'28rpx',fontWeight:false && currentTab==index?'bold':'normal'}">{{item.name}}</view>
 17 | 					</view>
 18 | 					<view class="tui-tabs-slider" :style="{transform:'translateX('+scrollLeft+'px)',width:'68rpx',height:'6rpx',bottom:'0rpx',background:'#ffffb8'}"></view>
 19 | 				</view>
 20 | 			</scroll-view>
 21 | 		</uni-nav-bar>
 22 | 		<swiper :class="darkMode?'custom-dark':'custom-light'" class="tab-content" :current="currentTab" duration="300" @change="switchTab" :style="{height:winHeight+'px'}">
 23 | 			<swiper-item>
 24 | 				<scroll-view scroll-y class="scoll-y">
 25 | 					<audit-project ref="auditProjectRef"></audit-project>
 26 | 				</scroll-view>
 27 | 			</swiper-item>
 28 | 			<swiper-item>
 29 | 				<scroll-view scroll-y class="scoll-y">
 30 | 					<audit-user ref="auditUserRef"></audit-user>
 31 | 				</scroll-view>
 32 | 			</swiper-item>
 33 | 		</swiper>
 34 | 	</view>
 35 | </template>
 36 | 
 37 | <script>
 38 | 	import { mapGetters } from 'vuex'
 39 | 	import uniIcons from '@/components/uni-icons/uni-icons.vue'
 40 | 	import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue'
 41 | 	import auditUser from './user/audit-user'
 42 | 	import auditProject from './project/audit-project'
 43 | 	import md5 from '@/common/lib/md5.min.js'
 44 | 	export default {
 45 | 		components: {
 46 | 			uniIcons,
 47 | 			uniNavBar,
 48 | 			auditUser,
 49 | 			auditProject
 50 | 		},
 51 | 		computed: {
 52 | 			...mapGetters(['themeBgColor', 'darkMode']),
 53 | 			tabbar() {
 54 | 				return [{
 55 | 					name: this.$t('ProjectApproval')
 56 | 				}, {
 57 | 					name: this.$t('UserApproval')
 58 | 				}]
 59 | 			}
 60 | 		},
 61 | 		data() {
 62 | 			return {
 63 | 				bgColor: '#FFFFFF',
 64 | 				winHeight: "", // 窗口高度
 65 | 				currentTab: 0, // 预设当前项的值
 66 | 				scrollLeft: 0, // tab标题的滚动条位置
 67 | 				searchVal: ''
 68 | 			}
 69 | 		},
 70 | 		onReady() {
 71 | 			uni.setNavigationBarTitle({
 72 | 			    title: this.$t('ToDo')
 73 | 			})
 74 | 			this.setNavBarColor()
 75 | 			this.setDarkMode()
 76 | 		},
 77 | 		watch: {
 78 | 			themeBgColor() {
 79 | 				this.setNavBarColor()
 80 | 			},
 81 | 			darkMode() {
 82 | 				this.setDarkMode()
 83 | 			}
 84 | 		},
 85 | 		onLoad() {
 86 | 			//  高度自适应
 87 | 			uni.getSystemInfo({
 88 | 				success: res => {
 89 | 					this.winHeight = res.windowHeight
 90 | 					this.winWidth = res.windowWidth
 91 | 					this.checkCor()
 92 | 				}
 93 | 			})
 94 | 		},
 95 | 		onShow(e) {
 96 | 			// setNavBar
 97 | 			this.setNavBarColor()
 98 | 			// pages
 99 | 			let pages = getCurrentPages()
100 | 			let currPage = pages[pages.length - 1]
101 | 			if (currPage.isDoRefresh === true) {
102 | 				currPage.isDoRefresh = false
103 | 				this.search()
104 | 			}
105 | 		},
106 | 		methods: {
107 | 			setDarkMode() {
108 | 				this.darkMode ? uni.setTabBarStyle({
109 | 				  backgroundColor: '#2a2b2d'
110 | 				}) : uni.setTabBarStyle({
111 | 					backgroundColor: '#ffffff'
112 | 				})
113 | 			},
114 | 			setNavBarColor() {
115 | 				// navBar-bg-color
116 | 				uni.setNavigationBarColor({
117 | 				    frontColor: '#ffffff',
118 | 				    backgroundColor: this.themeBgColor,
119 | 				    animation: {
120 | 				        duration: 400,
121 | 				        timingFunc: 'easeIn'
122 | 				    }
123 | 				})
124 | 			},
125 | 			// swichNav(e) {
126 | 			// 	this.currentTab = e.index
127 | 			// },
128 | 			// 滚动切换标签样式
129 | 			switchTab(e) {
130 | 				this.currentTab = e.detail.current
131 | 				this.checkCor()
132 | 			},
133 | 			// 判断当前滚动超过一屏时，设置tab标题滚动条。
134 | 			checkCorSwitchTab() {
135 | 				if (this.currentTab > 3) {
136 | 					// 这里距离按实际计算
137 | 					this.scrollLeft = 300
138 | 				} else {
139 | 					this.scrollLeft = 0
140 | 				}
141 | 			},
142 | 			checkCor() {
143 | 				let tabsNum = this.tabbar.length
144 | 				let padding = this.winWidth / 750 * 30
145 | 				let width = this.winWidth - padding * 2
146 | 				let left = (width / tabsNum - (this.winWidth / 750 * 68)) / 2 + padding
147 | 				let scrollLeft = left
148 | 				if (this.currentTab > 0) {
149 | 					scrollLeft = scrollLeft + (width / tabsNum) * this.currentTab
150 | 				}
151 | 				this.scrollLeft = scrollLeft
152 | 			},
153 | 			// 点击标题切换当前页时改变样式
154 | 			swichNav(index) {
155 | 				let item = this.tabbar[index]
156 | 				if (item && item.disabled) return
157 | 				if (this.currentTab == index) {
158 | 					return false
159 | 				} else {
160 | 					this.currentTab = Number(index)
161 | 				}
162 | 			},
163 | 			search() {
164 | 				if (this.currentTab == 0) {
165 | 					this.$refs.auditProjectRef.queryByName(this.searchVal)
166 | 				} else if (this.currentTab == 1) {
167 | 					this.$refs.auditUserRef.queryByName(this.searchVal)
168 | 				}
169 | 			},
170 | 			clear() {
171 | 				this.searchVal = ''
172 | 				this.search()
173 | 			}
174 | 		}
175 | 	}
176 | </script>
177 | 
178 | <style>
179 | 	/* tab start */
180 | 	.tui-tabs-view {
181 | 		width: 100%;
182 | 		box-sizing: border-box;
183 | 		display: flex;
184 | 		align-items: center;
185 | 		justify-content: space-between;
186 | 		z-index: 9999;
187 | 	}
188 | 
189 | 	.tui-tabs-relative {
190 | 		position: relative;
191 | 	}
192 | 
193 | 	.tui-tabs-fixed {
194 | 		position: fixed;
195 | 		left: 0;
196 | 	}
197 | 
198 | 	.tui-tabs-fixed::before,
199 | 	.tui-tabs-relative::before {
200 | 		content: '';
201 | 		position: absolute;
202 | 		border-bottom: 1rpx solid #eaeef1;
203 | 		-webkit-transform: scaleY(0.5);
204 | 		transform: scaleY(0.5);
205 | 		bottom: 0;
206 | 		right: 0;
207 | 		left: 0;
208 | 	}
209 | 
210 | 	.tui-unlined::before {
211 | 		border-bottom: 0 !important
212 | 	}
213 | 
214 | 	.tui-tabs-item {
215 | 		display: flex;
216 | 		align-items: center;
217 | 		justify-content: center;
218 | 	}
219 | 
220 | 	.tui-tabs-disabled {
221 | 		opacity: .6;
222 | 	}
223 | 
224 | 	.tui-tabs-title {
225 | 		display: flex;
226 | 		align-items: center;
227 | 		justify-content: center;
228 | 		position: relative;
229 | 		z-index: 2;
230 | 	}
231 | 
232 | 	.tui-tabs-active {
233 | 		transition: all 0.15s ease-in-out;
234 | 	}
235 | 
236 | 	.tui-tabs-slider {
237 | 		border-radius: 40rpx;
238 | 		position: absolute;
239 | 		left: 0;
240 | 		transition: all 0.15s ease-in-out;
241 | 		z-index: 0;
242 | 	}
243 | 
244 | 	/* tab end */
245 | </style>
246 | 


--------------------------------------------------------------------------------
/pages/index/project/audit-project.vue:
--------------------------------------------------------------------------------
  1 | <!-- 项目审批 -->
  2 | <template>
  3 | 	<view style="margin-bottom: 100rpx">
  4 | 		<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback">
  5 | 			<view class="mycard">
  6 | 				<view v-for="item in cardList" :key="item.id" class="card-item">
  7 | 					<uni-card is-full :title="item.projectType" is-shadow note="true" :extra="item.createTime"
  8 | 						:thumbnail="`/static/img/project/${formatProjectType(item.projectType)}`"
  9 | 						@tapHeader="clickCard(item)">
 10 | 						<view class="audit-card-content">
 11 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 12 | 								<view class="flex-item-20">项目名称</view>
 13 | 								<view class="flex-item-80">{{item.projectName}}</view>
 14 | 							</view>
 15 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 16 | 								<view class="flex-item-20">项目类型</view>
 17 | 								<view class="flex-item-80">{{item.projectType}}</view>
 18 | 							</view>
 19 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 20 | 								<view class="flex-item-20">所在区域</view>
 21 | 								<view class="flex-item-80">{{item.area}}</view>
 22 | 							</view>
 23 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 24 | 								<view class="flex-item-20">项目地址</view>
 25 | 								<view class="flex-item-80">{{item.addr}}</view>
 26 | 							</view>
 27 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 28 | 								<view class="flex-item-20">立项人</view>
 29 | 								<view class="flex-item-80">{{item.createUser}}</view>
 30 | 							</view>
 31 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 32 | 								<view class="flex-item-20">审核状态</view>
 33 | 								<view class="flex-item-80">
 34 | 									<uni-tag size="small" :text="formatAuditStatus(item.auditStatus).text"
 35 | 										:type="formatAuditStatus(item.auditStatus).color" :circle="true"></uni-tag>
 36 | 								</view>
 37 | 							</view>
 38 | 							<view class="uni-flex uni-row">
 39 | 								<view class="flex-item-20">附件</view>
 40 | 								<view class="flex-item-80">
 41 | 									<view v-for="atta in item.attachment" :key="atta.url" @tap="filePreview(atta)">
 42 | 										<uni-icons color="#007aff" type="paperclip" size="22"></uni-icons>
 43 | 										<text>{{atta.name}}</text>
 44 | 									</view>
 45 | 								</view>
 46 | 							</view>
 47 | 						</view>
 48 | 
 49 | 						<template v-slot:footer>
 50 | 							<view class="footer-box">
 51 | 								<view class="iconfont icontongguo my-iconfont text-green" @tap="passClick(item)">通过
 52 | 								</view>
 53 | 								<view class="iconfont iconweibiaoti522 my-iconfont text-red" @tap="unPassClick(item)">拒绝
 54 | 								</view>
 55 | 								<view class="my-iconfont text-blue" @tap="adjustClick(item)">调整</view>
 56 | 							</view>
 57 | 						</template>
 58 | 					</uni-card>
 59 | 				</view>
 60 | 			</view>
 61 | 		</mescroll-body>
 62 | 		<audit-idea ref="popupAuditIdeaRef" :isPass="isPass" :isPaddingBottom="true" @updateQuery="updateQuery">
 63 | 		</audit-idea>
 64 | 	</view>
 65 | </template>
 66 | 
 67 | <script>
 68 | 	import MescrollMixin from '@/components/mescroll-uni/mescroll-mixins.js'
 69 | 	import uniCard from "@/components/uni-card/uni-card"
 70 | 	import uniTag from '@/components/uni-tag/uni-tag.vue'
 71 | 	import uniIcons from '@/components/uni-icons/uni-icons.vue'
 72 | 	import auditIdea from '@/pages/index/audit-idea.vue'
 73 | 	import {
 74 | 		mapGetters
 75 | 	} from 'vuex'
 76 | 	import {
 77 | 		filePreview,
 78 | 		formatAuditStatus,
 79 | 		formatProjectType
 80 | 	} from '@/utils/index.js'
 81 | 	export default {
 82 | 		mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
 83 | 		components: {
 84 | 			uniCard,
 85 | 			uniTag,
 86 | 			uniIcons,
 87 | 			auditIdea
 88 | 		},
 89 | 		computed: mapGetters(['user']),
 90 | 		data() {
 91 | 			return {
 92 | 				isPass: false,
 93 | 				selectedProject: {},
 94 | 				// 列表数据
 95 | 				cardList: []
 96 | 			}
 97 | 		},
 98 | 		methods: {
 99 | 			filePreview,
100 | 			formatAuditStatus,
101 | 			formatProjectType,
102 | 			/* 上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
103 | 			upCallback(page) {
104 | 				if (!this.user) {
105 | 					this.mescroll.endErr()
106 | 					return
107 | 				}
108 | 				this.$minApi.listAuditProject({}, page.num, page.size).then(res => {
109 | 					const curPageData = res.data // 当前页面获取数据
110 | 					const totalSize = 10 // 后台接口有返回列表的总数据量totalSize
111 | 					this.mescroll.endBySize(curPageData.length, totalSize)
112 | 					// 设置列表数据
113 | 					if (page.num == 1) this.cardList = [] // 如果是第一页需手动置空列表
114 | 					this.cardList = this.cardList.concat(curPageData) // 追加新数据
115 | 				}).catch(() => {
116 | 					this.mescroll.endErr()
117 | 				})
118 | 			},
119 | 			clickCard(item) {
120 | 				uni.navigateTo({
121 | 					url: '/pages/index/project/detail-project?data=' + JSON.stringify(item)
122 | 				})
123 | 			},
124 | 			adjustClick(item) {
125 | 				uni.navigateTo({
126 | 					url: '/pages/index/project/adjust-project?data=' + JSON.stringify(item)
127 | 				})
128 | 			},
129 | 			passClick(item) {
130 | 				this.selectedProject = item
131 | 				this.isPass = true
132 | 				this.$refs.popupAuditIdeaRef.$refs.share.open()
133 | 			},
134 | 			unPassClick(item) {
135 | 				this.selectedProject = item
136 | 				this.isPass = false
137 | 				this.$refs.popupAuditIdeaRef.$refs.share.open()
138 | 			},
139 | 			async queryByName(name) {
140 | 				uni.showLoading({
141 | 					title: '正在查询数据...'
142 | 				})
143 | 				const res = await this.$minApi.listAuditProject()
144 | 				if (res.ok()) {
145 | 					this.cardList = res.data
146 | 				}
147 | 				uni.hideLoading()
148 | 			},
149 | 			updateQuery() {
150 | 				this.queryByName()
151 | 			}
152 | 		}
153 | 	}
154 | </script>
155 | 
156 | <style>
157 | 	.mescroll-totop {
158 | 		opacity: 1 !important;
159 | 	}
160 | </style>
161 | 


--------------------------------------------------------------------------------
/pages/index/user/audit-user.vue:
--------------------------------------------------------------------------------
  1 | <!-- 单位审批 -->
  2 | <template>
  3 | 	<view style="margin-bottom: 100rpx">
  4 | 		<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback">
  5 | 			<view class="mycard">
  6 | 				<view v-for="item in cardList" :key="item.id" class="card-item">
  7 | 					<uni-card is-full :title="item.orgType" is-shadow note="true" :extra="item.createTime"
  8 | 						:thumbnail="'/static/img/user/agencyOrg.png'" @tapHeader="clickCard(item)">
  9 | 						<view class="audit-card-content">
 10 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 11 | 								<view class="flex-item-20">单位名称</view>
 12 | 								<view class="flex-item-80">{{item.orgName}}</view>
 13 | 							</view>
 14 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 15 | 								<view class="flex-item-20">组织机构代码</view>
 16 | 								<view class="flex-item-80">{{item.orgNo}}</view>
 17 | 							</view>
 18 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 19 | 								<view class="flex-item-20">单位类别</view>
 20 | 								<view class="flex-item-80">{{item.orgType}}</view>
 21 | 							</view>
 22 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 23 | 								<view class="flex-item-20">法定代表人</view>
 24 | 								<view class="flex-item-80">{{item.orgRepresent}}</view>
 25 | 							</view>
 26 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 27 | 								<view class="flex-item-20">注册地</view>
 28 | 								<view class="flex-item-80">{{item.orgRegAddress}}</view>
 29 | 							</view>
 30 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 31 | 								<view class="flex-item-20">审核状态</view>
 32 | 								<view class="flex-item-80">
 33 | 									<uni-tag size="small" :text="formatAuditStatus(item.status).text"
 34 | 										:type="formatAuditStatus(item.status).color" :circle="true"></uni-tag>
 35 | 								</view>
 36 | 							</view>
 37 | 							<view class="uni-flex uni-row">
 38 | 								<view class="flex-item-20">附件</view>
 39 | 								<view class="flex-item-80">
 40 | 									<view v-for="atta in item.attachment" :key="atta.url" @tap="filePreview(atta)">
 41 | 										<uni-icons color="#007aff" type="paperclip" size="22"></uni-icons>
 42 | 										<text>{{atta.name}}</text>
 43 | 									</view>
 44 | 								</view>
 45 | 							</view>
 46 | 						</view>
 47 | 						<template v-slot:footer>
 48 | 							<view class="footer-box">
 49 | 								<view class="iconfont icontongguo my-iconfont text-green" @tap="passClick(item)">通过
 50 | 								</view>
 51 | 								<view class="iconfont iconweibiaoti522 my-iconfont text-red" @tap="unPassClick(item)">拒绝
 52 | 								</view>
 53 | 							</view>
 54 | 						</template>
 55 | 					</uni-card>
 56 | 				</view>
 57 | 			</view>
 58 | 		</mescroll-body>
 59 | 		<audit-idea ref="popupAuditIdeaRef" :isPass="isPass" :isPaddingBottom="true" @updateQuery="updateQuery">
 60 | 		</audit-idea>
 61 | 	</view>
 62 | </template>
 63 | 
 64 | <script>
 65 | 	import MescrollMixin from '@/components/mescroll-uni/mescroll-mixins.js'
 66 | 	import uniCard from "@/components/uni-card/uni-card"
 67 | 	import uniTag from '@/components/uni-tag/uni-tag.vue'
 68 | 	import uniIcons from '@/components/uni-icons/uni-icons.vue'
 69 | 	import auditIdea from '@/pages/index/audit-idea.vue'
 70 | 	import {
 71 | 		mapGetters
 72 | 	} from 'vuex'
 73 | 	import {
 74 | 		filePreview,
 75 | 		formatAuditStatus
 76 | 	} from '@/utils/index.js'
 77 | 	export default {
 78 | 		mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
 79 | 		components: {
 80 | 			uniCard,
 81 | 			uniTag,
 82 | 			uniIcons,
 83 | 			auditIdea
 84 | 		},
 85 | 		computed: mapGetters(['user']),
 86 | 		data() {
 87 | 			return {
 88 | 				isPass: false,
 89 | 				selectedUserItem: {},
 90 | 				// 列表数据
 91 | 				cardList: []
 92 | 			}
 93 | 		},
 94 | 		methods: {
 95 | 			filePreview,
 96 | 			formatAuditStatus,
 97 | 			/* 上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
 98 | 			upCallback(page) {
 99 | 				if (!this.user) {
100 | 					this.mescroll.endErr()
101 | 					return
102 | 				}
103 | 				this.$minApi.listAuditUser({}, page.num, page.size).then(res => {
104 | 					const curPageData = res.data // 当前页面获取数据
105 | 					const totalSize = 10 // 后台接口有返回列表的总数据量totalSize
106 | 					this.mescroll.endBySize(curPageData.length, totalSize)
107 | 					// 设置列表数据
108 | 					if (page.num == 1) this.cardList = [] // 如果是第一页需手动置空列表
109 | 					this.cardList = this.cardList.concat(curPageData) // 追加新数据
110 | 				}).catch(() => {
111 | 					this.mescroll.endErr()
112 | 				})
113 | 			},
114 | 			clickCard(item) {
115 | 				uni.navigateTo({
116 | 					url: '/pages/index/user/detail-user?data=' + JSON.stringify(item)
117 | 				})
118 | 			},
119 | 			passClick(item) {
120 | 				this.selectedUserItem = item
121 | 				this.isPass = true
122 | 				this.$refs.popupAuditIdeaRef.$refs.share.open()
123 | 			},
124 | 			unPassClick(item) {
125 | 				this.selectedUserItem = item
126 | 				this.isPass = false
127 | 				this.$refs.popupAuditIdeaRef.$refs.share.open()
128 | 			},
129 | 			async queryByName(name) {
130 | 				uni.showLoading({
131 | 					title: '正在查询数据...'
132 | 				})
133 | 				const res = await this.$minApi.listAuditUser()
134 | 				if (res.ok()) {
135 | 					this.cardList = res.data
136 | 				}
137 | 				uni.hideLoading()
138 | 			},
139 | 			updateQuery() {
140 | 				this.queryByName()
141 | 			}
142 | 		}
143 | 	}
144 | </script>
145 | 


--------------------------------------------------------------------------------
/pages/login/css/main.css:
--------------------------------------------------------------------------------
 1 | .content {
 2 | 	display: flex;
 3 | 	flex-direction: column;
 4 | 	justify-content:center;
 5 | 	/* margin-top: 128rpx; */
 6 | }
 7 | 
 8 | /* 头部 logo */
 9 | .header {
10 | 	/* width:161rpx; */
11 | 	/* height:161rpx; */
12 | 	/* box-shadow:0rpx 0rpx 60rpx 0rpx rgba(0,0,0,0.1); */
13 | 	/* border-radius:50%; */
14 | 	/* background-color: #000000; */
15 | 	margin-top: 128rpx;
16 | 	margin-bottom: 72rpx;
17 | 	margin-left: auto;
18 | 	margin-right: auto;
19 | }
20 | .header image{
21 | 	width:180rpx;
22 | 	height:221rpx;
23 | 	/* border-radius:50%; */
24 | }
25 | 
26 | /* 主体 */
27 | .main {
28 | 	display: flex;
29 | 	flex-direction: column;
30 | 	padding-left: 70rpx;
31 | 	padding-right: 70rpx;
32 | }
33 | .tips {
34 | 	color: #999999;
35 | 	font-size: 28rpx;
36 | 	margin-top: 64rpx;
37 | 	margin-left: 48rpx;
38 | }
39 | 
40 | /* 其他登录方式 */
41 | .other_login{
42 | 	display: flex;
43 | 	flex-direction: row;
44 | 	justify-content: center;
45 | 	align-items: center;
46 | 	margin-top: 256rpx;
47 | 	text-align: center;
48 | }
49 | .login_icon{
50 | 	border: none;
51 | 	font-size: 64rpx;
52 | 	margin: 0 64rpx 0 64rpx;
53 | 	color: rgba(0,0,0,0.7)
54 | }
55 | .wechat_color{
56 | 	color: #83DC42;
57 | }
58 | .weibo_color{
59 | 	color: #F9221D;
60 | }
61 | .github_color{
62 | 	color: #24292E;
63 | }
64 | 
65 | /* 底部 */
66 | .footer{
67 | 	display: flex;
68 | 	flex-direction: row;
69 | 	justify-content: center;
70 | 	align-items: center;
71 | 	font-size: 28rpx;
72 | 	margin-top: 64rpx;
73 | 	color: rgba(0,0,0,0.7);
74 | 	text-align: center;
75 | 	height: 40rpx;
76 | 	line-height: 40rpx;
77 | }
78 | .footer text{
79 | 	font-size: 24rpx;
80 | 	margin-left: 15rpx;
81 | 	margin-right: 15rpx;
82 | }


--------------------------------------------------------------------------------
/pages/login/forget.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="forget">
  3 | 
  4 | 		<view class="content">
  5 | 			<!-- 主体 -->
  6 | 			<view class="main">
  7 | 				<view class="tips">若你忘记了密码，可在此重置新密码。</view>
  8 | 				<wInput v-model="phoneData" type="text" maxlength="11" placeholder="请输入手机号码"></wInput>
  9 | 				<wInput v-model="passData" type="password" maxlength="11" placeholder="请输入新密码" isShowPass></wInput>
 10 | 
 11 | 				<wInput v-model="verCode" type="number" maxlength="4" placeholder="验证码" isShowCode codeText="获取重置码" setTime="30"
 12 | 				 ref="runCode" @setCode="getVerCode()"></wInput>
 13 | 			</view>
 14 | 
 15 | 			<wButton text="重置密码" :rotate="isRotate" @click.native="startRePass()"></wButton>
 16 | 
 17 | 		</view>
 18 | 	</view>
 19 | </template>
 20 | 
 21 | <script>
 22 | 	var _this;
 23 | 	import wInput from '../../components/watch-login/watch-input.vue' //input
 24 | 	import wButton from '../../components/watch-login/watch-button.vue' //button
 25 | 	export default {
 26 | 		data() {
 27 | 			return {
 28 | 				phoneData: "", //电话
 29 | 				passData: "", //密码
 30 | 				verCode: "", //验证码
 31 | 				isRotate: false, //是否加载旋转
 32 | 			}
 33 | 		},
 34 | 		components: {
 35 | 			wInput,
 36 | 			wButton
 37 | 		},
 38 | 		mounted() {
 39 | 			_this = this;
 40 | 		},
 41 | 		methods: {
 42 | 			getVerCode() {
 43 | 				//获取验证码
 44 | 				if (_this.phoneData.length != 11) {
 45 | 					uni.showToast({
 46 | 						icon: 'none',
 47 | 						position: 'bottom',
 48 | 						title: '手机号不正确'
 49 | 					});
 50 | 					return false;
 51 | 				}
 52 | 				this.$refs.runCode.$emit('runCode'); //触发倒计时（一般用于请求成功验证码后调用）
 53 | 				uni.showToast({
 54 | 					icon: 'none',
 55 | 					position: 'bottom',
 56 | 					title: '模拟倒计时触发'
 57 | 				});
 58 | 
 59 | 				setTimeout(function() {
 60 | 					_this.$refs.runCode.$emit('runCode', 0); //假装模拟下需要 终止倒计时
 61 | 					uni.showToast({
 62 | 						icon: 'none',
 63 | 						position: 'bottom',
 64 | 						title: '模拟倒计时终止'
 65 | 					});
 66 | 				}, 3000)
 67 | 			},
 68 | 			startRePass() {
 69 | 				//重置密码
 70 | 				if (this.isRotate) {
 71 | 					//判断是否加载中，避免重复点击请求
 72 | 					return false;
 73 | 				}
 74 | 				if (this.phoneData.length != 11) {
 75 | 					uni.showToast({
 76 | 						icon: 'none',
 77 | 						position: 'bottom',
 78 | 						title: '手机号不正确'
 79 | 					});
 80 | 					return false;
 81 | 				}
 82 | 				if (this.passData.length < 6) {
 83 | 					uni.showToast({
 84 | 						icon: 'none',
 85 | 						position: 'bottom',
 86 | 						title: '密码不正确'
 87 | 					});
 88 | 					return false;
 89 | 				}
 90 | 				if (this.verCode.length != 4) {
 91 | 					uni.showToast({
 92 | 						icon: 'none',
 93 | 						position: 'bottom',
 94 | 						title: '验证码不正确'
 95 | 					});
 96 | 					return false;
 97 | 				}
 98 | 				_this.isRotate = true
 99 | 				setTimeout(function() {
100 | 					_this.isRotate = false
101 | 				}, 3000)
102 | 
103 | 
104 | 			}
105 | 		}
106 | 	}
107 | </script>
108 | 
109 | <style>
110 | 	@import url("../../components/watch-login/css/icon.css");
111 | 	@import url("./css/main.css");
112 | </style>
113 | 


--------------------------------------------------------------------------------
/pages/login/login.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="login login-bg w-h-100" :class="darkMode?'custom-dark':'custom-light'">
  3 | 		<view class="content">
  4 | 			<!-- 头部logo -->
  5 | 			<view class="header">
  6 | 				<image :src="logoImage"></image>
  7 | 			</view>
  8 | 			<!-- 主体表单 -->
  9 | 			<view class="main">
 10 | 				<wInput v-model="phoneData" type="text" maxlength="11" placeholder="用户名/电话"></wInput>
 11 | 				<wInput v-model="passData" type="password" maxlength="11" placeholder="密码" isShowPass></wInput>
 12 | 			</view>
 13 | 			<wButton text="登 录" :rotate="isRotate" @click.native="startLogin()"></wButton>
 14 | 		</view>
 15 | 	</view>
 16 | </template>
 17 | 
 18 | <script>
 19 | 	import { mapGetters } from 'vuex'
 20 | 	import wInput from '@/components/watch-login/watch-input.vue'
 21 | 	import wButton from '@/components/watch-login/watch-button.vue'
 22 | 	import md5 from '@/common/lib/md5.min.js'
 23 | 
 24 | 	export default {
 25 | 		computed: {
 26 | 			...mapGetters(['darkMode'])
 27 | 		},
 28 | 		data() {
 29 | 			return {
 30 | 				// logo图片
 31 | 				logoImage: '/static/img/logo.png',
 32 | 				phoneData: '', //用户/电话
 33 | 				passData: '', //密码
 34 | 				isRotate: false, //是否加载旋转
 35 | 			};
 36 | 		},
 37 | 		components: {
 38 | 			wInput,
 39 | 			wButton,
 40 | 		},
 41 | 		onLoad(options) {
 42 | 			if (options.errorMsg) {
 43 | 				uni.showToast({
 44 | 					title: options.errorMsg,
 45 | 					icon: 'none'
 46 | 				})
 47 | 			}
 48 | 		},
 49 | 		methods: {
 50 | 			login(params) {
 51 | 				if (params) {
 52 | 					this.isRotate = true
 53 | 					this.$store.dispatch('login', params).then(res => {
 54 | 						this.isRotate = false
 55 | 						uni.reLaunch({
 56 | 							url: '/pages/index/index',
 57 | 						})
 58 | 					}).catch(() => {
 59 | 						this.isRotate = false
 60 | 					})
 61 | 				}
 62 | 			},
 63 | 			startLogin() {
 64 | 				//登录
 65 | 				if (this.isRotate) {
 66 | 					//判断是否加载中，避免重复点击请求
 67 | 					return false;
 68 | 				}
 69 | 				if (this.phoneData.length == "") {
 70 | 					uni.showToast({
 71 | 						icon: 'none',
 72 | 						position: 'bottom',
 73 | 						title: '用户名不能为空'
 74 | 					});
 75 | 					return;
 76 | 				}
 77 | 				if (this.passData.length < 5) {
 78 | 					uni.showToast({
 79 | 						icon: 'none',
 80 | 						position: 'bottom',
 81 | 						title: '密码不正确'
 82 | 					});
 83 | 					return;
 84 | 				}
 85 | 
 86 | 				// 网络请求
 87 | 				const params = {
 88 | 					name: this.phoneData,
 89 | 					passwd: md5(this.passData)
 90 | 				}
 91 | 				this.login(params)
 92 | 			}
 93 | 		}
 94 | 	}
 95 | </script>
 96 | 
 97 | <style>
 98 | 	@import url("../../components/watch-login/css/icon.css");
 99 | 	@import url("./css/main.css");
100 | 
101 | 	.login-bg {
102 | 		/* width: 100%;
103 | 		height: 100%;
104 | 		background-image: url('/static/img/login-bg.png');
105 | 		background-size: cover;
106 | 		background-position: 50%;
107 | 		position: absolute; */
108 | 	}
109 | 
110 | 	.login-bg .content .header uni-image {
111 | 		width: 241rpx;
112 | 		height: 241rpx;
113 | 	}
114 | 
115 | 	/* .login-bg .content .header {
116 | 		width: 241rpx;
117 | 		height: 241rpx;
118 | 		background-size: 241rpx;
119 | 		background-image: url('/static/img/logo.png');
120 | 	} */
121 | </style>
122 | 


--------------------------------------------------------------------------------
/pages/project/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<uni-nav-bar :fixed="true" color="#333333" :background-color="themeBgColor" :border="false">
 4 | 			<view class="input-view">
 5 | 				<uni-icons type="search" size="22" color="#666666" />
 6 | 				<input v-model="searchVal" confirm-type="search" class="input" type="text" placeholder="搜索项目" @confirm="search">
 7 | 				<uni-icons :color="'#999999'" v-if="searchVal!==''" class="icon-clear" type="clear" size="22" @click="clear" />
 8 | 			</view>
 9 | 		</uni-nav-bar>
10 | 		<swiper :class="darkMode?'custom-dark':'custom-light'" class="tab-content" :style="{height:winHeight+'px'}">
11 | 			<swiper-item>
12 | 				<scroll-view scroll-y class="scoll-y">
13 | 					<project-list ref="projectListRef"></project-list>
14 | 				</scroll-view>
15 | 			</swiper-item>
16 | 		</swiper>
17 | 	</view>
18 | </template>
19 | 
20 | <script>
21 | 	import { mapGetters } from 'vuex'
22 | 	import uniIcons from '@/components/uni-icons/uni-icons.vue'
23 | 	import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue'
24 | 	import projectList from '@/pages/project/project-list.vue'
25 | 	export default {
26 | 		components: {
27 | 			uniIcons,
28 | 			uniNavBar,
29 | 			projectList
30 | 		},
31 | 		computed: {
32 | 			...mapGetters(['themeBgColor', 'darkMode']),
33 | 		},
34 | 		data() {
35 | 			return {
36 | 				searchVal: '',
37 | 				// 窗口高度
38 | 				winHeight: ""
39 | 			}
40 | 		},
41 | 		onReady() {
42 | 			uni.setNavigationBarTitle({
43 | 			    title: this.$t('Project')
44 | 			})
45 | 			this.setNavBarColor()
46 | 		},
47 | 		onShow() {
48 | 			this.setNavBarColor()
49 | 		},
50 | 		onLoad() {
51 | 			//  高度自适应
52 | 			uni.getSystemInfo({
53 | 				success: res => {
54 | 					this.winHeight = res.windowHeight
55 | 				}
56 | 			})
57 | 		},
58 | 		methods: {
59 | 			setNavBarColor() {
60 | 				// navBar-bg-color
61 | 				uni.setNavigationBarColor({
62 | 				    frontColor: '#ffffff',
63 | 				    backgroundColor: this.themeBgColor,
64 | 				    animation: {
65 | 				        duration: 400,
66 | 				        timingFunc: 'easeIn'
67 | 				    }
68 | 				})
69 | 			},
70 | 			search() {
71 | 				this.$refs.projectListRef.queryByName(this.searchVal)
72 | 			},
73 | 			clear() {
74 | 				this.searchVal = ''
75 | 				this.search()
76 | 			}
77 | 		}
78 | 	}
79 | </script>
80 | 


--------------------------------------------------------------------------------
/pages/project/project-list.vue:
--------------------------------------------------------------------------------
  1 | <!-- 项目查询 -->
  2 | <template>
  3 | 	<view>
  4 | 		<mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback">
  5 | 			<view class="mycard">
  6 | 				<view v-for="item in cardList" :key="item.id" class="card-item">
  7 | 					<uni-card is-full :title="item.projectType" is-shadow :extra="item.createTime"
  8 | 						:thumbnail="`/static/img/project/${formatProjectType(item.projectType)}`"
  9 | 						@tapHeader="clickCard(item)">
 10 | 						<view class="audit-card-content">
 11 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 12 | 								<view class="flex-item-20">项目名称</view>
 13 | 								<view class="flex-item-80">{{item.projectName}}</view>
 14 | 							</view>
 15 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 16 | 								<view class="flex-item-20">项目类型</view>
 17 | 								<view class="flex-item-80">{{item.projectType}}</view>
 18 | 							</view>
 19 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 20 | 								<view class="flex-item-20">所在区域</view>
 21 | 								<view class="flex-item-80">{{item.area}}</view>
 22 | 							</view>
 23 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 24 | 								<view class="flex-item-20">项目地址</view>
 25 | 								<view class="flex-item-80">{{item.addr}}</view>
 26 | 							</view>
 27 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 28 | 								<view class="flex-item-20">立项人</view>
 29 | 								<view class="flex-item-80">{{item.createUser}}</view>
 30 | 							</view>
 31 | 							<view class="uni-flex uni-row" @tap="clickCard(item)">
 32 | 								<view class="flex-item-20">审核状态</view>
 33 | 								<view class="flex-item-80">
 34 | 									<uni-tag size="small" :text="formatAuditStatus(item.auditStatus).text"
 35 | 										:type="formatAuditStatus(item.auditStatus).color" :circle="true"></uni-tag>
 36 | 								</view>
 37 | 							</view>
 38 | 							<view class="uni-flex uni-row">
 39 | 								<view class="flex-item-20">附件</view>
 40 | 								<view class="flex-item-80">
 41 | 									<view v-for="atta in item.attachment" :key="atta.url" @tap="filePreview(atta)">
 42 | 										<uni-icons color="#007aff" type="paperclip" size="22"></uni-icons>
 43 | 										<text>{{atta.name}}</text>
 44 | 									</view>
 45 | 								</view>
 46 | 							</view>
 47 | 						</view>
 48 | 					</uni-card>
 49 | 				</view>
 50 | 			</view>
 51 | 		</mescroll-body>
 52 | 	</view>
 53 | </template>
 54 | 
 55 | <script>
 56 | 	import MescrollMixin from '@/components/mescroll-uni/mescroll-mixins.js'
 57 | 	import uniCard from "@/components/uni-card/uni-card"
 58 | 	import uniTag from '@/components/uni-tag/uni-tag.vue'
 59 | 	import uniIcons from '@/components/uni-icons/uni-icons.vue'
 60 | 	import {
 61 | 		mapGetters
 62 | 	} from 'vuex'
 63 | 	import {
 64 | 		filePreview,
 65 | 		formatAuditStatus,
 66 | 		formatProjectType
 67 | 	} from '@/utils/index.js'
 68 | 	export default {
 69 | 		mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
 70 | 		components: {
 71 | 			uniCard,
 72 | 			uniTag,
 73 | 			uniIcons
 74 | 		},
 75 | 		computed: mapGetters(['user']),
 76 | 		data() {
 77 | 			return {
 78 | 				isPass: false,
 79 | 				selectedProject: {},
 80 | 				// 列表数据
 81 | 				cardList: []
 82 | 			}
 83 | 		},
 84 | 		methods: {
 85 | 			filePreview,
 86 | 			formatAuditStatus,
 87 | 			formatProjectType,
 88 | 			/* 上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
 89 | 			upCallback(page) {
 90 | 				if (!this.user) {
 91 | 					this.mescroll.endErr()
 92 | 					return
 93 | 				}
 94 | 				this.$minApi.listAuditProject({}, page.num, page.size).then(res => {
 95 | 					const curPageData = res.data // 当前页面获取数据
 96 | 					const totalSize = 10 // 后台接口有返回列表的总数据量totalSize
 97 | 					this.mescroll.endBySize(curPageData.length, totalSize)
 98 | 					// 设置列表数据
 99 | 					if (page.num == 1) this.cardList = [] // 如果是第一页需手动置空列表
100 | 					this.cardList = this.cardList.concat(curPageData) // 追加新数据
101 | 				}).catch(() => {
102 | 					this.mescroll.endErr()
103 | 				})
104 | 			},
105 | 			clickCard(item) {
106 | 				uni.navigateTo({
107 | 					url: '/pages/project/project-detail?data=' + JSON.stringify(item)
108 | 				})
109 | 			},
110 | 			async queryByName(name) {
111 | 				uni.showLoading({
112 | 					title: '正在查询数据...'
113 | 				})
114 | 				const res = await this.$minApi.listAuditProject()
115 | 				if (res.ok()) {
116 | 					this.cardList = res.data
117 | 				}
118 | 				uni.hideLoading()
119 | 			},
120 | 			updateQuery() {
121 | 				this.queryByName()
122 | 			}
123 | 		}
124 | 	}
125 | </script>
126 | 
127 | <style>
128 | 	.mescroll-totop {
129 | 		opacity: 1 !important;
130 | 	}
131 | </style>
132 | 


--------------------------------------------------------------------------------
/pages/user/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view :class="darkMode?'custom-dark':'custom-light'" class="w-h-100">
  3 | 		<view class="cu-bar solid-bottom">
  4 | 			<view class="action">
  5 | 				<text class="cuIcon-title text-blue"></text>{{$t('BasicInfo')}}
  6 | 			</view>
  7 | 		</view>
  8 | 		<view class="padding-lr padding-tb-xs">
  9 | 			<view class="uni-flex uni-row">
 10 | 				<view class="flex-item-30">{{$t('UserName')}}</view>
 11 | 				<view class="flex-item-70">{{user?user.name:''}}</view>
 12 | 			</view>
 13 | 		</view>
 14 | 		<view class="padding-lr padding-tb-xs">
 15 | 			<view class="uni-flex uni-row">
 16 | 				<view class="flex-item-30">{{$t('Name')}}</view>
 17 | 				<view class="flex-item-70">{{user?user.userName:''}}</view>
 18 | 			</view>
 19 | 		</view>
 20 | 		<view class="padding-lr padding-tb-xs">
 21 | 			<view class="uni-flex uni-row">
 22 | 				<view class="flex-item-30">{{$t('Role')}}</view>
 23 | 				<view class="flex-item-70">{{user?user.roleStr:''}}</view>
 24 | 			</view>
 25 | 		</view>
 26 | 		<view class="padding-lr padding-tb-xs">
 27 | 			<button class="cu-btn block shadow bg-gradual-pink margin" @tap="tapSettings">{{$t('Settings')}}</button>
 28 | 			<button class="cu-btn block shadow bg-gradual-blue margin" @tap="modifyPass">{{$t('ChangePassword')}}</button>
 29 | 			<button class="cu-btn block shadow bg-gradual-orange margin" @tap="appUpgrade">{{$t('Upgrade')}}</button>
 30 | 			<button class="cu-btn block shadow bg-white margin text-red" @tap="logout">{{$t('SignOut')}}</button>
 31 | 		</view>
 32 | 		<view v-if="appInfo.version" class="text-grey text-center">
 33 | 			{{appInfo.name}} {{appInfo.version}}
 34 | 		</view>
 35 | 		<uni-popup ref="modifyPassPopup" type="bottom" :custom="true">
 36 | 			<view class="uni-share uni-share-padding-bottom">
 37 | 				<view>
 38 | 					<form>
 39 | 						<view class="cu-form-group">
 40 | 							<view class="title">原密码</view>
 41 | 							<input password placeholder="原密码" name="oldPassword" v-model="item.oldPassword"></input>
 42 | 						</view>
 43 | 						<view class="cu-form-group">
 44 | 							<view class="title">新密码</view>
 45 | 							<input password placeholder="新密码" name="newPassword" v-model="item.newPassword"></input>
 46 | 						</view>
 47 | 					</form>
 48 | 					<view class="flex">
 49 | 						<view class="flex-sub margin-sm">
 50 | 							<button class="cu-btn block bg-blue margin" @tap="okClick">确认</button>
 51 | 						</view>
 52 | 					</view>
 53 | 				</view>
 54 | 			</view>
 55 | 		</uni-popup>
 56 | 	</view>
 57 | </template>
 58 | 
 59 | <script>
 60 | 	import { mapGetters } from 'vuex'
 61 | 	import uniPopup from '@/components/uni-popup/uni-popup.vue'
 62 | 	import md5 from '@/common/lib/md5.min.js'
 63 | 	export default {
 64 | 		components: {
 65 | 			uniPopup
 66 | 		},
 67 | 		computed: {
 68 | 			...mapGetters(['user', 'themeBgColor', 'darkMode'])
 69 | 		},
 70 | 		data() {
 71 | 			return {
 72 | 				appInfo: {
 73 | 					version: '',
 74 | 					name: ''
 75 | 				},
 76 | 				item: {
 77 | 					oldPassword: '',
 78 | 					newPassword: ''
 79 | 				}
 80 | 			}
 81 | 		},
 82 | 		onShow() {
 83 | 			this.initTheme()
 84 | 		},
 85 | 		onReady() {
 86 | 			uni.setNavigationBarTitle({
 87 | 			    title: this.$t('Profile')
 88 | 			})
 89 | 			this.initTheme()
 90 | 		},
 91 | 		onLoad() {
 92 | 			//#ifdef APP-PLUS
 93 | 			plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => {
 94 | 				this.appInfo.version = wgtinfo.version
 95 | 				this.appInfo.name = wgtinfo.name
 96 | 			})
 97 | 			//#endif
 98 | 		},
 99 | 		methods: {
100 | 			initTheme() {
101 | 				this.setNavBarColor()
102 | 				this.setDarkMode()
103 | 			},
104 | 			setDarkMode() {
105 | 				this.darkMode ? uni.setTabBarStyle({
106 | 				  backgroundColor: '#2a2b2d'
107 | 				}) : uni.setTabBarStyle({
108 | 					backgroundColor: '#ffffff'
109 | 				})
110 | 			},
111 | 			setNavBarColor() {
112 | 				// navBar-bg-color
113 | 				uni.setNavigationBarColor({
114 | 				    frontColor: '#ffffff',
115 | 				    backgroundColor: this.themeBgColor,
116 | 				    animation: {
117 | 				        duration: 400,
118 | 				        timingFunc: 'easeIn'
119 | 				    }
120 | 				})
121 | 			},
122 | 			okClick() {
123 | 				const params = {
124 | 					id: this.user.id,
125 | 					password: md5(this.item.oldPassword),
126 | 					newpw: md5(this.item.newPassword)
127 | 				}
128 | 				this.$minApi.userPwdModify(params).then(res => {
129 | 					if (res.ok()) {
130 | 						this.$refs.modifyPassPopup.close()
131 | 						uni.showToast({
132 | 							title: '修改成功',
133 | 							icon: 'none'
134 | 						})
135 | 						setTimeout(() => {
136 | 							this.logout()
137 | 						}, 2000)
138 | 					} else {
139 | 						uni.showToast({
140 | 							title: '原密码不正确！',
141 | 							icon: 'none'
142 | 						})
143 | 					}
144 | 				})
145 | 			},
146 | 			modifyPass() {
147 | 				this.$refs.modifyPassPopup.open()
148 | 			},
149 | 			logout() {
150 | 				this.$store.dispatch('logout')
151 | 			},
152 | 			tapSettings() {
153 | 				uni.navigateTo({
154 | 					url: '/pages/user/setting'
155 | 				})
156 | 			},
157 | 			/**
158 | 			 * app整包更新检测
159 | 			 */
160 | 			appUpgrade() {
161 | 				//#ifndef APP-PLUS
162 | 				uni.showToast({
163 | 					title: '目前只支持Android版本软件更新',
164 | 					icon: 'none'
165 | 				})
166 | 				//#endif
167 | 				//#ifdef APP-PLUS
168 | 				uni.getSystemInfo({
169 | 					success: sysInfo => {
170 | 						let platform = sysInfo.platform
171 | 						plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => {
172 | 							// this.appInfo.version = wgtinfo.version
173 | 							// this.appInfo.name = wgtinfo.name
174 | 							let params = {
175 | 								appid: plus.runtime.appid,
176 | 								version: wgtinfo.versionCode,
177 | 								platform: platform
178 | 							}
179 | 							this.$minApi.findUpgradeApp(params).then(appRes => {
180 | 								if (appRes.appid) {
181 | 									uni.showModal({
182 | 										title: "下载更新提示",
183 | 										content: appRes.note,
184 | 										showCancel: false,
185 | 										confirmText: '确定',
186 | 										success: sucRes => {
187 | 											if (sucRes.confirm) {
188 | 												plus.runtime.openURL(appRes.url)
189 | 												// uni.downloadFile({
190 | 												//     url: appRes.url,
191 | 												//     success: res => {}
192 | 												// })
193 | 											}
194 | 										}
195 | 									})
196 | 								} else {
197 | 									uni.showToast({
198 | 										title: '已经是最新版本了。',
199 | 										icon: 'none'
200 | 									})
201 | 								}
202 | 							})
203 | 						})
204 | 					}
205 | 				})
206 | 				//#endif
207 | 			}
208 | 		}
209 | 	}
210 | </script>
211 | 


--------------------------------------------------------------------------------
/pages/user/setting.vue:
--------------------------------------------------------------------------------
  1 | <!-- setting -->
  2 | <template>
  3 | 	<scroll-view scroll-y :class="darkMode?'custom-dark':'custom-light'" class="w-h-100">
  4 | 		<view class="bg-white margin-top-xs">
  5 | 			<view class="cu-list menu sm-border u-skeleton-rect">
  6 | 				<view class="cu-item arrow" @tap="tapLang">
  7 | 					<view class="content">
  8 | 						<text class="list-left-icon cu-avatar round bg-purple iconfont iconyuyan1" />
  9 | 						<text class="user-item padding-left-sm">{{ $t('Language') }}</text>
 10 | 					</view>
 11 | 					<view class="action">
 12 | 						<view>{{ $t(currentLang) }}</view>
 13 | 					</view>
 14 | 				</view>
 15 | 				<view class="cu-item arrow" @tap="tapTheme">
 16 | 					<view class="content">
 17 | 						<text class="list-left-icon cu-avatar round bg-red iconfont icontheme" />
 18 | 						<text class="user-item padding-left-sm">{{ $t('Theme') }}</text>
 19 | 					</view>
 20 | 					<view class="action">
 21 | 						<view class="cu-tag round light text-white" :style="{backgroundColor:themeBgColor}">{{ currentTheme }}</view>
 22 | 					</view>
 23 | 				</view>
 24 | 				<view class="cu-item">
 25 | 					<view class="content">
 26 | 						<text class="list-left-icon cu-avatar round bg-orange iconfont iconyueliang" />
 27 | 						<text class="user-item padding-left-sm">{{ $t('DarkMode') }}</text>
 28 | 					</view>
 29 | 					<view class="action">
 30 | 						<!-- <u-switch v-model="darkModeChecked" @change="changeDarkMode" /> -->
 31 | 						<switch color="#2979ff" :checked="darkModeChecked" @change="changeDarkMode" />
 32 | 					</view>
 33 | 				</view>
 34 | 			</view>
 35 | 		</view>
 36 | 		
 37 | 		<!-- languages modal -->
 38 | 		<view class="cu-modal bottom-modal" :class="modalLang" @tap="modalLang = null">
 39 | 			<view class="cu-dialog">
 40 | 				<view class="cu-list menu">
 41 | 					<view @tap="clickLang(index)" class="cu-item" v-for="(item, index) in listLang" :key="item.text">
 42 | 						<view class="content">
 43 | 							<text>{{item.text}}</text>
 44 | 						</view>
 45 | 					</view>
 46 | 				</view>
 47 | 			</view>
 48 | 		</view>
 49 | 		
 50 | 		<!-- theme modal -->
 51 | 		<view class="cu-modal bottom-modal" :class="modalTheme" @tap="modalTheme = null">
 52 | 			<view class="cu-dialog">
 53 | 				<view class="grid col-3 padding-sm">
 54 | 					<view class="padding-sm" v-for="(item,index) in listTheme" :key="`theme-${index}`" @tap="clickTheme(item)">
 55 | 						<view class="padding radius text-center shadow-blur" :style="{backgroundColor: item.color}">
 56 | 							<view class="text-lg text-white">{{item.text}}</view>
 57 | 						</view>
 58 | 					</view>
 59 | 				</view>
 60 | 			</view>
 61 | 		</view>
 62 | 	</scroll-view>
 63 | </template>
 64 | 
 65 | <script>
 66 | 	import { mapGetters } from 'vuex'
 67 | 	export default {
 68 | 		computed: {
 69 | 			...mapGetters(['themeBgColor', 'darkMode']),
 70 | 			listLang() {
 71 | 				return [{ text: 'System' },
 72 | 					{ text: 'English' },
 73 | 					{ text: '中文' }]
 74 | 			},
 75 | 			listTheme() {
 76 | 				return [
 77 | 					{ text: this.$t('Dark'), color: '#161a23' },
 78 | 					{ text: this.$t('Indigo'), color: '#27547d' },
 79 | 					{ text: this.$t('IndigoBlue'), color: '#177cb0' },
 80 | 					{ text: this.$t('Volcano'), color: '#fa541c' },
 81 | 					{ text: this.$t('BluishGreen'), color: '#48c0a3' },
 82 | 					{ text: this.$t('Blush'), color: '#f9906f' },
 83 | 					{ text: this.$t('Orange'), color: '#ff8936' },
 84 | 					{ text: this.$t('Verdant'), color: '#519a73' },
 85 | 					{ text: this.$t('Water'), color: '#88ada6' },
 86 | 					{ text: this.$t('Grey'), color: '#808080' },
 87 | 					{ text: this.$t('PinkGold'), color: '#f2be45' },
 88 | 					{ text: this.$t('Dim'), color: '#41555d' },
 89 | 					{ text: this.$t('Verdigris'), color: '#549688' },
 90 | 					{ text: this.$t('DeepBlack'), color: '#3d3b4f' },
 91 | 					// { text: this.$t('AgateGreen'), color: '#25f8cb' },
 92 | 					{ text: this.$t('DarkGreen'), color: '#75878a' }
 93 | 				]
 94 | 			}
 95 | 		},
 96 | 		data() {
 97 | 			return {
 98 | 				darkModeChecked: false,
 99 | 				modalTheme: null,
100 | 				modalLang: null,
101 | 				currentLang: '',
102 | 				currentTheme: ''
103 | 			}
104 | 		},
105 | 		onReady() {
106 | 			uni.setNavigationBarTitle({
107 | 			    title: this.$t('Settings')
108 | 			})
109 | 			// navBar-bg-color
110 | 			uni.setNavigationBarColor({
111 | 			    frontColor: '#ffffff',
112 | 			    backgroundColor: this.themeBgColor,
113 | 			    animation: {
114 | 			        duration: 400,
115 | 			        timingFunc: 'easeIn'
116 | 			    }
117 | 			})
118 | 		},
119 | 		mounted() {
120 | 			this.getCurrentLang()
121 | 			this.getCurrentTheme()
122 | 			this.darkModeChecked = this.darkMode
123 | 		},
124 | 		methods: {
125 | 			getCurrentTheme() {
126 | 				const tmp = this.listTheme.filter(item => item.color === this.themeBgColor)
127 | 				this.currentTheme = tmp[0].text
128 | 			},
129 | 			getCurrentLang() {
130 | 				this.currentLang = uni.getStorageSync('_lang').data || 'System'
131 | 			},
132 | 			tapLang() {
133 | 				this.modalLang = 'show'
134 | 			},
135 | 			clickLang(index) {
136 | 				if (index === 0) {
137 | 					const res = uni.getSystemInfoSync()
138 | 					this.$i18n.locale = res.language
139 | 					this.$cache.set('_lang', 'System', 0)
140 | 				} else if (index === 1) {
141 | 					this.$cache.set('_lang', 'en', 0)
142 | 					this.$i18n.locale = 'en'
143 | 				} else if (index === 2) {
144 | 					this.$cache.set('_lang', 'zh-CN', 0)
145 | 					this.$i18n.locale = 'zh-CN'
146 | 				}
147 | 				this.getCurrentLang()
148 | 			},
149 | 			tapTheme() {
150 | 				this.modalTheme = 'show'
151 | 			},
152 | 			clickTheme(item) {
153 | 				this.currentTheme = item.text
154 | 				const color = item.color
155 | 				this.$store.dispatch('initThemeBgColor', color)
156 | 				// navBar-bg-color
157 | 				uni.setNavigationBarColor({
158 | 				    frontColor: '#ffffff',
159 | 				    backgroundColor: color,
160 | 				    animation: {
161 | 				        duration: 400,
162 | 				        timingFunc: 'easeIn'
163 | 				    }
164 | 				})
165 | 			},
166 | 			changeDarkMode(e) {
167 | 				const status = e.target.value
168 | 				this.$store.dispatch('initDarkMode', status)
169 | 				this.setDarkMode(status)
170 | 			},
171 | 			setDarkMode(status) {
172 | 				status ? uni.setTabBarStyle({
173 | 				  backgroundColor: '#2a2b2d'
174 | 				}) : uni.setTabBarStyle({
175 | 					backgroundColor: '#ffffff'
176 | 				})
177 | 			}
178 | 		}
179 | 	}
180 | </script>
181 | 


--------------------------------------------------------------------------------
/pages/yzcloud/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view :class="darkMode?'custom-dark':'custom-light'" class="w-h-100">
 3 | 		<button style="margin:20rpx 60rpx" type="primary" @click="uploadPreviewFile">H5上传文件，云预览</button>
 4 | 		<button style="margin:20rpx 60rpx" type="primary" @click="uploadEditFile">H5上传文件，云编辑</button>
 5 | 		<button style="margin:20rpx 60rpx" type="primary" @click="uploadEditFileHttp">HTTP上传文件，云编辑</button>
 6 | 		<button style="margin:20rpx 60rpx" type="primary" @click="uploadFormatConvertFile">H5上传文件，格式转换</button>
 7 | 	</view>
 8 | </template>
 9 | 
10 | <script>
11 | 	import { mapGetters } from 'vuex'
12 | 	import globalConfig from '@/config'
13 | 	import { generateSign } from './signclient.js'
14 | 	export default {
15 | 		computed: {
16 | 			...mapGetters(['themeBgColor', 'darkMode']),
17 | 		},
18 | 		onReady() {
19 | 			uni.setNavigationBarTitle({
20 | 			    title: this.$t('YzCloud')
21 | 			})
22 | 			this.setNavBarColor()
23 | 		},
24 | 		onShow() {
25 | 			this.setNavBarColor()
26 | 		},
27 | 		methods: {
28 | 			setNavBarColor() {
29 | 				// navBar-bg-color
30 | 				uni.setNavigationBarColor({
31 | 				    frontColor: '#ffffff',
32 | 				    backgroundColor: this.themeBgColor,
33 | 				    animation: {
34 | 				        duration: 400,
35 | 				        timingFunc: 'easeIn'
36 | 				    }
37 | 				})
38 | 			},
39 | 			uploadPreviewFile() {
40 | 				uni.navigateTo({
41 | 					url: '/pages/file/file-upload?yzAppType=1'
42 | 				})
43 | 			},
44 | 			uploadEditFile() {
45 | 				uni.navigateTo({
46 | 					url: '/pages/file/file-upload?yzAppType=2'
47 | 				})
48 | 			},
49 | 			uploadFormatConvertFile() {
50 | 				uni.navigateTo({
51 | 					url: '/pages/file/file-upload?yzAppType=3'
52 | 				})
53 | 			},
54 | 			uploadEditFileHttp() {
55 | 				const fileUrl = 'http://113.62.127.199:8090/fileUpload/1.docx'
56 | 				uni.showLoading({
57 | 					title: '正在上传',
58 | 					mask: false
59 | 				})
60 | 				this.$minApi.yzEditHttpUploadFile({ fileUrl }).then(res => {
61 | 					uni.hideLoading()
62 | 					uni.showToast({
63 | 						title: '上传成功'
64 | 					})
65 | 					const fileVersionId = res.data.fileVersionId
66 | 					const sign = generateSign(globalConfig.yzEditAPPKEY, {"appId": [globalConfig.yzEditAPPID], 
67 | 						"fileVersionId": [fileVersionId], 
68 | 						"userRight": ["0"], // 模式：0:编辑（默认）1:只读
69 | 						"userName": ['silianpan'], // 用户名称
70 | 					})
71 | 					uni.navigateTo({
72 | 						url: '/pages/yzcloud/yz-edit?url=' + 
73 | 							encodeURIComponent(`${globalConfig.yzEic}/api/edit/file?fileVersionId=${fileVersionId}&appId=${globalConfig.yzEditAPPID}&sign=${sign}&userRight=1&userName=silianpan`)
74 | 					})
75 | 				}).catch(err => {
76 | 					uni.hideLoading()
77 | 					uni.showToast({
78 | 						title: '上传失败'
79 | 					})
80 | 				})
81 | 			}
82 | 		}
83 | 	}
84 | </script>
85 | 


--------------------------------------------------------------------------------
/pages/yzcloud/signclient.js:
--------------------------------------------------------------------------------
 1 | import CryptoJS from 'crypto-js'
 2 | 
 3 | function uniqSortParams(params) {
 4 | 	delete params.sign
 5 | 
 6 | 	var var5 = []
 7 | 	var var6 = 0
 8 | 	for (var key in params) {
 9 | 		var5[var6] = key
10 | 		var6++
11 | 	}
12 | 	var5.sort(function(a, b) {
13 | 		return a.localeCompare(b, 'zh-CN')
14 | 	})
15 | 
16 | 	var result = ""
17 | 	for (var var7 = 0; var7 < var5.length; var7++) {
18 | 		var key = var5[var7]
19 | 		var var8 = params[key]
20 | 		var8.sort(function(a, b) {
21 | 			return a.localeCompare(b, 'zh-CN')
22 | 		})
23 | 
24 | 		if (var8 != null && var8.length > 0) {
25 | 			for (var var9 = 0; var9 < var8.length; var9++) {
26 | 				result += key + "=" + var8[var9]
27 | 			}
28 | 		} else {
29 | 			result += key + "="
30 | 		}
31 | 	}
32 | 	return result
33 | }
34 | 
35 | function hmacSHA256(data, key) {
36 | 	data != null ? data : ""
37 | 	var var2 = CryptoJS.HmacSHA256(data, key)
38 | 	var var3 = var2.toString(CryptoJS.enc.Hex)
39 | 	return var3.toUpperCase()
40 | }
41 | 
42 | export const generateSign = (secret, params) => {
43 | 	var fullParamStr = uniqSortParams(params)
44 | 	return hmacSHA256(fullParamStr, secret)
45 | }
46 | 


--------------------------------------------------------------------------------
/pages/yzcloud/yz-edit.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view :class="darkMode?'custom-dark':'custom-light'">
 3 | 		<web-view v-if="url" :src="url"></web-view>
 4 | 		<view v-else>文档地址无效，无法加载该文档</view>
 5 | 	</view>
 6 | </template>
 7 | 
 8 | <script>
 9 | 	import { mapGetters } from 'vuex'
10 | 	export default {
11 | 		computed: {
12 | 			...mapGetters(['themeBgColor', 'darkMode']),
13 | 		},
14 | 		data() {
15 | 			return {
16 | 				url: ''
17 | 			}
18 | 		},
19 | 		onLoad(option) {
20 | 			this.url = decodeURIComponent(option.url)
21 | 		},
22 | 		onReady() {
23 | 			uni.setNavigationBarTitle({
24 | 				title: this.$t('YzDocEdit')
25 | 			})
26 | 			this.setNavBarColor()
27 | 		},
28 | 		onShow() {
29 | 			this.setNavBarColor()
30 | 		},
31 | 		methods: {
32 | 			setNavBarColor() {
33 | 				// navBar-bg-color
34 | 				uni.setNavigationBarColor({
35 | 					frontColor: '#ffffff',
36 | 					backgroundColor: this.themeBgColor,
37 | 					animation: {
38 | 						duration: 400,
39 | 						timingFunc: 'easeIn'
40 | 					}
41 | 				})
42 | 			}
43 | 		}
44 | 	}
45 | </script>
46 | 


--------------------------------------------------------------------------------
/pages/yzcloud/yz-preview-callback.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view :class="darkMode?'custom-dark':'custom-light'">
 3 | 		<web-view v-if="yzPreviewUrl" :src="yzPreviewUrl"></web-view>
 4 | 		<view v-else-if="convertMsg">{{ convertMsg }}</view>
 5 | 		<view v-else>文档地址无效，无法加载该文档</view>
 6 | 	</view>
 7 | </template>
 8 | 
 9 | <script>
10 | 	import { mapGetters } from 'vuex'
11 | 	import globalConfig from '@/config'
12 | 	import { generateSign } from '@/pages/yzcloud/signclient.js'
13 | 	export default {
14 | 		computed: {
15 | 			...mapGetters(['themeBgColor', 'darkMode']),
16 | 		},
17 | 		data() {
18 | 			return {
19 | 				yzPreviewUrl: '',
20 | 				convertMsg: ''
21 | 			}
22 | 		},
23 | 		onLoad(option) {
24 | 			// 接收H5页面，跳转页面url传递数据
25 | 			if (option.fileData) {
26 | 				const d = JSON.parse(decodeURIComponent(option.fileData))
27 | 				if (d.yzAppType == 1) {
28 | 					const sign = generateSign(globalConfig.yzPreviewAPPKEY, {"appId": [globalConfig.yzPreviewAPPID], 
29 | 						"fileVersionId": [d.fileVersionId], 
30 | 						"watermark": ["uniapp-admin"], // 水印内容
31 | 						"isCopy": [1], // 是否防复制，1是0否
32 | 						"viewType": [2], // 预览模式0-标清 1-canvas预览 2-高清
33 | 						// "pageStart": [2], // 预览页数起始页
34 | 						// "pageEnd": [3], // 预览页数终止页
35 | 						// "isShowBar": [1], // 是否显示黑条1是0否
36 | 						// "htmlTitle": ['uniapp-admin'], // html标签名字
37 | 						// "isDownload": [1], // 是否支持源文件下载1是0否
38 | 					})
39 | 					this.yzPreviewUrl = globalConfig.yzEic + '/api/view/file' + '?fileVersionId=' + d.fileVersionId + '&appId=' +
40 | 						globalConfig.yzPreviewAPPID + '&sign=' + sign + '&watermark=uniapp-admin&isCopy=1&viewType=2'
41 | 				} else if (d.yzAppType == 2) {
42 | 					const sign = generateSign(globalConfig.yzEditAPPKEY, {"appId": [globalConfig.yzEditAPPID],
43 | 						"fileVersionId": [d.fileVersionId], 
44 | 						"userRight": ["0"], // 模式：0:编辑（默认）1:只读
45 | 						"userName": ['silianpan'], // 用户名称
46 | 					})
47 | 					this.yzPreviewUrl = `${globalConfig.yzEic}/api/edit/file?fileVersionId=${d.fileVersionId}&appId=${globalConfig.yzEditAPPID}&sign=${sign}&userRight=0&userName=silianpan`
48 | 				} else if (d.yzAppType == 3) {
49 | 					this.convertMsg = '正在转换文档...'
50 | 					this.$minApi.yzConvertFile({
51 | 						fileVersionId: d.fileVersionId,
52 | 						convertType: 1,
53 | 						destinationName: 'ua'
54 | 					}).then(res => {
55 | 						this.convertMsg = '转换完成\n\n' + JSON.stringify(res) 
56 | 						uni.showModal({
57 | 							content: JSON.stringify(res),
58 | 							showCancel: false
59 | 						})
60 | 					})
61 | 				}
62 | 			}
63 | 		},
64 | 		onReady() {
65 | 			uni.setNavigationBarTitle({
66 | 			    title: this.$t('YzDocPreviewEdit')
67 | 			})
68 | 			this.setNavBarColor()
69 | 		},
70 | 		onShow() {
71 | 			this.setNavBarColor()
72 | 		},
73 | 		methods: {
74 | 			setNavBarColor() {
75 | 				// navBar-bg-color
76 | 				uni.setNavigationBarColor({
77 | 				    frontColor: '#ffffff',
78 | 				    backgroundColor: this.themeBgColor,
79 | 				    animation: {
80 | 				        duration: 400,
81 | 				        timingFunc: 'easeIn'
82 | 				    }
83 | 				})
84 | 			}
85 | 		}
86 | 	}
87 | </script>
88 | 


--------------------------------------------------------------------------------
/static/img/backtop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/backtop.png


--------------------------------------------------------------------------------
/static/img/edit.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/edit.png


--------------------------------------------------------------------------------
/static/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/logo.png


--------------------------------------------------------------------------------
/static/img/project/asset.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/project/asset.png


--------------------------------------------------------------------------------
/static/img/project/build.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/project/build.png


--------------------------------------------------------------------------------
/static/img/project/land.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/project/land.png


--------------------------------------------------------------------------------
/static/img/project/purchase.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/project/purchase.png


--------------------------------------------------------------------------------
/static/img/tabbar/home.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/home.png


--------------------------------------------------------------------------------
/static/img/tabbar/homeHL.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/homeHL.png


--------------------------------------------------------------------------------
/static/img/tabbar/org.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/org.png


--------------------------------------------------------------------------------
/static/img/tabbar/orgHL.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/orgHL.png


--------------------------------------------------------------------------------
/static/img/tabbar/project.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/project.png


--------------------------------------------------------------------------------
/static/img/tabbar/projectHL.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/projectHL.png


--------------------------------------------------------------------------------
/static/img/tabbar/todo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/todo.png


--------------------------------------------------------------------------------
/static/img/tabbar/todoHL.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/todoHL.png


--------------------------------------------------------------------------------
/static/img/tabbar/tongji.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/tongji.png


--------------------------------------------------------------------------------
/static/img/tabbar/tongjiHL.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/tongjiHL.png


--------------------------------------------------------------------------------
/static/img/tabbar/user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/user.png


--------------------------------------------------------------------------------
/static/img/tabbar/userHL.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/userHL.png


--------------------------------------------------------------------------------
/static/img/tabbar/yz.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/yz.png


--------------------------------------------------------------------------------
/static/img/tabbar/yz2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/yz2.png


--------------------------------------------------------------------------------
/static/img/tabbar/yzHL.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/yzHL.png


--------------------------------------------------------------------------------
/static/img/tabbar/yzHL2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/tabbar/yzHL2.png


--------------------------------------------------------------------------------
/static/img/user/agencyOrg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/img/user/agencyOrg.png


--------------------------------------------------------------------------------
/static/uni.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lavieAll/uniapp-admin/9c866f28530db2f7d9ea71cc06864da46c8d83da/static/uni.ttf


--------------------------------------------------------------------------------
/store/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Vuex from 'vuex'
3 | import modules from './modules/index.js'
4 | Vue.use(Vuex)
5 | 
6 | const store = new Vuex.Store(modules)
7 | export default store
8 | 


--------------------------------------------------------------------------------
/store/modules/app.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import _ from 'lodash'
 3 | export default {
 4 | 	state: {
 5 | 		themeBgColor: '',
 6 | 		darkMode: null
 7 | 	},
 8 | 	getters: {
 9 | 		themeBgColor: state => {
10 | 			const color = Vue.prototype.$cache.get('_themeBgColor')
11 | 			if (_.isEmpty(color) && _.isEmpty(state.themeBgColor)) {
12 | 				return '#27547d'
13 | 			}
14 | 			return !_.isEmpty(state.themeBgColor) ? state.themeBgColor : color
15 | 		},
16 | 		darkMode: state => {
17 | 			const dark = Vue.prototype.$cache.get('_darkMode')
18 | 			if (_.isNil(dark) && _.isNil(state.darkMode)) {
19 | 				return false
20 | 			}
21 | 			return !_.isNil(state.darkMode) ? state.darkMode : dark
22 | 		}
23 | 	},
24 | 	mutations: {
25 | 		setThemeBgColor: (state, themeBgColor) => {
26 | 			// state.themeBgColor = themeBgColor
27 | 			Vue.set(state, 'themeBgColor', themeBgColor)
28 | 			Vue.prototype.$cache.set('_themeBgColor', themeBgColor, 0)
29 | 		},
30 | 		setDarkMode: (state, darkMode) => {
31 | 			Vue.set(state, 'darkMode', darkMode)
32 | 			Vue.prototype.$cache.set('_darkMode', darkMode, 0)
33 | 		}
34 | 	},
35 | 	actions: {
36 | 		initThemeBgColor({ commit }, themeBgColor) {
37 | 			commit('setThemeBgColor', themeBgColor)
38 | 		},
39 | 		initDarkMode({ commit }, darkMode) {
40 | 			commit('setDarkMode', darkMode)
41 | 		}
42 | 	}
43 | }


--------------------------------------------------------------------------------
/store/modules/index.js:
--------------------------------------------------------------------------------
 1 | import _ from 'lodash'
 2 | 
 3 | const files = require.context('.', false, /\.js$/)
 4 | const modules = {}
 5 | 
 6 | files.keys().forEach(key => {
 7 | 	if (key === './index.js') return
 8 | 	_.mergeWith(modules,files(key).default)
 9 | })
10 | export default modules
11 | 


--------------------------------------------------------------------------------
/store/modules/user.js:
--------------------------------------------------------------------------------
  1 | import Vue from 'vue'
  2 | import _ from 'lodash'
  3 | export default {
  4 | 	state: {
  5 | 		user: null
  6 | 	},
  7 | 	mutations: {
  8 | 		login(state, user) {
  9 | 			state.user = user
 10 | 			// 缓存用户信息
 11 | 			Vue.prototype.$cache.set('_userInfo', user, 0)
 12 | 		},
 13 | 		logout(state) {
 14 | 			state.user = null
 15 | 			// 清理缓存用户信息
 16 | 			Vue.prototype.$cache.delete('_userInfo')
 17 | 		}
 18 | 	},
 19 | 	actions: {
 20 | 		autoLogin({ commit, getters, dispatch }) {
 21 | 			// 判断本地是否有账号信息，如果有，就自动重新登录
 22 | 			if (getters.user && getters.user.id && getters.user.name && getters.user.passwd) {
 23 | 				const params = {
 24 | 					name: getters.user.name,
 25 | 					passwd: getters.user.passwd
 26 | 				}
 27 | 				uni.showLoading({
 28 | 					title: '自动登录中...'
 29 | 				})
 30 | 				dispatch('login', params).then(res => {
 31 | 					uni.hideLoading()
 32 | 					// uni.showToast({
 33 | 					// 	title: '已自动登录！',
 34 | 					// 	icon: 'success'
 35 | 					// })
 36 | 				}).catch(() => {
 37 | 					uni.hideLoading()
 38 | 					uni.showToast({
 39 | 						title: '会话过期，请重新登录！',
 40 | 						icon: 'none'
 41 | 					})
 42 | 					setTimeout(() => {
 43 | 						uni.reLaunch({
 44 | 							url: '/pages/login/login'
 45 | 						})
 46 | 					}, 1000)
 47 | 				})
 48 | 			} else {
 49 | 				// 如果本地没有账号信息，就提示用户必须登录
 50 | 				uni.showModal({
 51 | 					title: '未登录',
 52 | 					content: '您未登录，需要登录后才能继续',
 53 | 					showCancel: false,
 54 | 					confirmText: '确定',
 55 | 					success: res => {
 56 | 						if (res.confirm) {
 57 | 							uni.reLaunch({
 58 | 								url: '/pages/login/login'
 59 | 							})
 60 | 						}
 61 | 					}
 62 | 				})
 63 | 			}
 64 | 		},
 65 | 		login({ commit }, params) {
 66 | 			return new Promise((resolve, reject) => {
 67 | 				Vue.prototype.$minApi.login(params).then(res => {
 68 | 					if (res.ok()) {
 69 | 						let tmp = { ...params, ...res.data }
 70 | 						commit('login', tmp)
 71 | 
 72 | 						// 关于消息推送的保存
 73 | 						// 保存clientid到服务器
 74 | 						// #ifdef APP-PLUS
 75 | 						const clientInfo = plus.push.getClientInfo()
 76 | 						let pushUser = {
 77 | 							clientid: clientInfo.clientid,
 78 | 							appid: clientInfo.appid,
 79 | 							appkey: clientInfo.appkey,
 80 | 							userName: tmp.userName,
 81 | 							userRole: tmp.roleStr
 82 | 						}
 83 | 						// 提交api请求，服务端保存客户端角色信息
 84 | 						// Vue.prototype.$minApi.savePushUser(pushUser)
 85 | 						// #endif
 86 | 
 87 | 						resolve(res)
 88 | 					} else {
 89 | 						reject(res)
 90 | 					}
 91 | 				}).catch(err => {
 92 | 					reject(err)
 93 | 				})
 94 | 			})
 95 | 		},
 96 | 		logout({ commit }) {
 97 | 			commit('logout')
 98 | 			uni.reLaunch({
 99 | 				url: '/pages/login/login'
100 | 			})
101 | 		}
102 | 	},
103 | 	getters: {
104 | 		user: state => {
105 | 			if (state.user) {
106 | 				return state.user
107 | 			}
108 | 			return Vue.prototype.$cache.get('_userInfo')
109 | 		}
110 | 	}
111 | }
112 | 


--------------------------------------------------------------------------------
/uni.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * 这里是uni-app内置的常用样式变量
 3 |  *
 4 |  * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 5 |  * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 6 |  *
 7 |  */
 8 | 
 9 | /**
10 |  * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
11 |  *
12 |  * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
13 |  */
14 | 
15 | /* 颜色变量 */
16 | 
17 | /* 行为相关颜色 */
18 | $uni-color-primary: #007aff;
19 | $uni-color-success: #4cd964;
20 | $uni-color-warning: #f0ad4e;
21 | $uni-color-error: #dd524d;
22 | 
23 | /* 文字基本颜色 */
24 | $uni-text-color:#333;//基本色
25 | $uni-text-color-inverse:#fff;//反色
26 | $uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
27 | $uni-text-color-placeholder: #808080;
28 | $uni-text-color-disable:#c0c0c0;
29 | 
30 | /* 背景颜色 */
31 | $uni-bg-color:#ffffff;
32 | $uni-bg-color-grey:#f8f8f8;
33 | $uni-bg-color-hover:#f1f1f1;//点击状态颜色
34 | $uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
35 | 
36 | /* 边框颜色 */
37 | $uni-border-color:#c8c7cc;
38 | 
39 | /* 尺寸变量 */
40 | 
41 | /* 文字尺寸 */
42 | $uni-font-size-sm:24upx;
43 | $uni-font-size-base:28upx;
44 | $uni-font-size-lg:32upx;
45 | 
46 | /* 图片尺寸 */
47 | $uni-img-size-sm:40upx;
48 | $uni-img-size-base:52upx;
49 | $uni-img-size-lg:80upx;
50 | 
51 | /* Border Radius */
52 | $uni-border-radius-sm: 4upx;
53 | $uni-border-radius-base: 6upx;
54 | $uni-border-radius-lg: 12upx;
55 | $uni-border-radius-circle: 50%;
56 | 
57 | /* 水平间距 */
58 | $uni-spacing-row-sm: 10px;
59 | $uni-spacing-row-base: 20upx;
60 | $uni-spacing-row-lg: 30upx;
61 | 
62 | /* 垂直间距 */
63 | $uni-spacing-col-sm: 8upx;
64 | $uni-spacing-col-base: 16upx;
65 | $uni-spacing-col-lg: 24upx;
66 | 
67 | /* 透明度 */
68 | $uni-opacity-disabled: 0.3; // 组件禁用态的透明度
69 | 
70 | /* 文章场景相关 */
71 | $uni-color-title: #2C405A; // 文章标题颜色
72 | $uni-font-size-title:40upx;
73 | $uni-color-subtitle: #555555; // 二级标题颜色
74 | $uni-font-size-subtitle:36upx;
75 | $uni-color-paragraph: #3F536E; // 文章段落颜色
76 | $uni-font-size-paragraph:30upx;


--------------------------------------------------------------------------------
/unipush离线集成指南.md:
--------------------------------------------------------------------------------
  1 | ## 关于unipush离线集成的方法
  2 | ### 准备
  3 | 1. 通过官方途径申请UniPush账号，参考[使用指南](http://ask.dcloud.net.cn/article/35622)
  4 | 
  5 | 2. [离线SDK](https://ask.dcloud.net.cn/article/103)
  6 | 
  7 | ### 配置
  8 | 
  9 | * 依赖文件
 10 | 
 11 | 将aps-unipush-release.aar拷贝到已有项目libs文件夹下。
 12 | 	
 13 | * gradle配置
 14 | 
 15 | 打开build.gradle，在defaultConfig添加manifestPlaceholders节点，如下图所示，将io.dcloud.HBuilder替换成自己的应用包名，将appid等信息替换成申请之后的appid等。
 16 | ~~~
 17 | android {
 18 |     defaultConfig {
 19 |         manifestPlaceholders = [
 20 |                 "plus.unipush.appid" : "pPyZWvH3Fa6PXba19ID0091",
 21 |                 "plus.unipush.appkey" : "b7dOGlNPHR7pqwUxcXPVi44",
 22 |                 "plus.unipush.appsecret": "IxVYAT9qws8dlNElacmSg12",
 23 |                 "apk.applicationId":"io.dcloud.HBuilder"
 24 |         ]
 25 |     }
 26 | }
 27 | ~~~
 28 | 
 29 | * 厂商配置
 30 | 	
 31 | 添加下列内容到androidmanifest.xml中（未申请平台无需添加）
 32 | ~~~
 33 |         <meta-data
 34 |             android:name="MIPUSH_APPID"
 35 |             android:value="XM_${XIAOMI_APP_ID}" />
 36 |         <meta-data
 37 |             android:name="MIPUSH_APPKEY"
 38 |             android:value="XM_${XIAOMI_APP_KEY}" />
 39 |         <meta-data
 40 |             android:name="MEIZUPUSH_APPID"
 41 |             android:value="MZ_${MEIZU_APP_ID}" />
 42 |         <meta-data
 43 |             android:name="MEIZUPUSH_APPKEY"
 44 |             android:value="MZ_${MEIZU_APP_KEY}" />
 45 |         <meta-data
 46 |             android:name="com.huawei.hms.client.appid"
 47 |             android:value="${HUAWEI_APP_ID}" />
 48 |         <meta-data
 49 |             android:name="OPPOPUSH_APPKEY"
 50 |             android:value="OP_${OPPO_APP_KEY}" />
 51 |         <meta-data
 52 |             android:name="OPPOPUSH_APPSECRET"
 53 |             android:value="OP_${OPPO_APP_SECRET}" />
 54 |         <meta-data
 55 |             android:name="com.vivo.push.app_id"
 56 |             android:value="${VIVO_APP_ID}" />
 57 |         <meta-data
 58 |             android:name="com.vivo.push.api_key"
 59 |             android:value="${VIVO_APP_KEY}" />
 60 | ~~~
 61 | 		
 62 | 修改build.gradle，添加对应平台申请的appkey或appid（键名必须统一，如XIAOMI_APP_ID比如同时存在于build.gradle文件和Androidmanifest.xml文件中），如下所示:
 63 | 
 64 | ~~~
 65 | android {
 66 |     defaultConfig {
 67 |         manifestPlaceholders = [
 68 |                 "plus.unipush.appid" : "pPyZWvH3Fa6PXba19ID0091",
 69 |                 "plus.unipush.appkey" : "b7dOGlNPHR7pqwUxcXPVi45",
 70 |                 "plus.unipush.appsecret": "IxVYAT9qws8dlNElacmSg12",
 71 |                 "apk.applicationId":"io.dcloud.HBuilder",
 72 | 				"XIAOMI_APP_ID":"ccccccccc"
 73 |         ]
 74 |     }
 75 | }
 76 | ~~~
 77 | 
 78 | * dcloud_properties.xml配置
 79 | 
 80 | 在properties中添加如下配置，features节点与services节点必须同时配置！
 81 | 
 82 | ~~~
 83 | <properties>
 84 | 	<features>
 85 | 		<feature name="Push" value="io.dcloud.feature.aps.APSFeatureImpl">
 86 | 			<module name="unipush" value="io.dcloud.feature.unipush.GTPushService"/>
 87 | 		</feature>
 88 | 	</features>	
 89 | 	<services>
 90 | 		<service name="push" value="io.dcloud.feature.aps.APSFeatureImpl"/>
 91 | 	</services>
 92 | </properties>
 93 | ~~~
 94 | 
 95 | * 其余配置
 96 | 
 97 | oppo集成UniPush时需在Androidmanifest.xml的入口activity中添加如下配置：
 98 | 
 99 | ~~~
100 | <activity
101 |             android:name="io.dcloud.PandoraEntry">
102 |             <intent-filter>
103 |                 <action android:name="android.intent.action.MAIN" />
104 |                 <category android:name="android.intent.category.LAUNCHER" />
105 |             </intent-filter>
106 | 			/*oppo配置开始*/
107 |             <intent-filter>
108 |                 <action android:name="android.intent.action.oppopush" />
109 |                 <category android:name="android.intent.category.DEFAULT" />
110 |             </intent-filter>
111 | 			/*oppo配置结束*/
112 |         </activity>
113 | ~~~
114 | 
115 | ### 注意
116 | 
117 | * UniPush与个推及小米推送存在冲突，使用时请确保小米推送及个推相关文件已删除。
118 | * 上述账号信息仅为展示使用，使用时需替换成自己申请的appkey等信息。
119 | * 为了最大化的减少配置，权限及其他厂商配置统统放入aar中。


--------------------------------------------------------------------------------
/utils/MinCache.js:
--------------------------------------------------------------------------------
  1 | let cacheMap = new Map()
  2 | let timeoutDefault = 1200
  3 | 
  4 | function isTimeout(name) {
  5 | 	const data = cacheMap.get(name)
  6 | 	if (!data) return true
  7 | 	if (data.timeout === 0) return false
  8 | 	const currentTime = Date.now()
  9 | 	const overTime = (currentTime - data.createTime) / 1000
 10 | 	if (overTime > data.timeout) {
 11 | 		cacheMap.delete(name)
 12 | 		if (name.startsWith('_')) {
 13 | 			try {
 14 | 				uni.removeStorageSync(name)
 15 | 			} catch (e) {
 16 | 				console.log(e)
 17 | 			}
 18 | 		}
 19 | 		return true
 20 | 	}
 21 | 	return false
 22 | }
 23 | 
 24 | class CacheCell {
 25 | 	constructor(data, timeout) {
 26 | 		this.data = data
 27 | 		this.timeout = timeout
 28 | 		this.createTime = Date.now()
 29 | 	}
 30 | }
 31 | 
 32 | class MinCache {
 33 | 	constructor(timeout) {
 34 | 		try {
 35 | 			const res = uni.getStorageInfoSync()
 36 | 			res.keys.forEach(name => {
 37 | 				try {
 38 | 					const value = uni.getStorageSync(name)
 39 | 					cacheMap.set(name, value)
 40 | 				} catch (e) {
 41 | 					console.log(e)
 42 | 				}
 43 | 			})
 44 | 		} catch (e) {
 45 | 			console.log(e)
 46 | 		}
 47 | 		timeoutDefault = timeout
 48 | 	}
 49 | 	set(name, data, timeout = timeoutDefault) {
 50 | 		const cachecell = new CacheCell(data, timeout)
 51 | 		let cache = null
 52 | 		if (name.startsWith('_')) {
 53 | 			try {
 54 | 				uni.setStorageSync(name, cachecell)
 55 | 				cache = cacheMap.set(name, cachecell)
 56 | 			} catch (e) {
 57 | 				console.log(e)
 58 | 			}
 59 | 		} else {
 60 | 			cache = cacheMap.set(name, cachecell)
 61 | 		}
 62 | 		return cache
 63 | 	}
 64 | 	get(name) {
 65 | 		return isTimeout(name) ? null : cacheMap.get(name).data
 66 | 	}
 67 | 	delete(name) {
 68 | 		let value = false
 69 | 		if (name.startsWith('_')) {
 70 | 			try {
 71 | 				uni.removeStorageSync(name)
 72 | 				value = cacheMap.delete(name)
 73 | 			} catch (e) {
 74 | 				console.log(e)
 75 | 			}
 76 | 		} else {
 77 | 			value = cacheMap.delete(name)
 78 | 		}
 79 | 		return value
 80 | 	}
 81 | 	has(name) {
 82 | 		return !isTimeout(name)
 83 | 	}
 84 | 	clear() {
 85 | 		let value = false
 86 | 		try {
 87 | 			uni.clearStorageSync()
 88 | 			cacheMap.clear()
 89 | 			value = true
 90 | 		} catch (e) {
 91 | 			console.log(e)
 92 | 		}
 93 | 		return value
 94 | 	}
 95 | }
 96 | 
 97 | MinCache.install = function(Vue, {
 98 | 	timeout = 1200
 99 | } = {}) {
100 | 	Vue.prototype.$cache = new MinCache(timeout)
101 | }
102 | 
103 | export default MinCache
104 | 


--------------------------------------------------------------------------------
/utils/MinRequest.js:
--------------------------------------------------------------------------------
  1 | const config = Symbol('config')
  2 | const isCompleteURL = Symbol('isCompleteURL')
  3 | const requestBefore = Symbol('requestBefore')
  4 | const requestAfter = Symbol('requestAfter')
  5 | import { checkLogin, checkResult } from '@/utils/checkResponse'
  6 | 
  7 | class MinRequest {
  8 | 	[config] = {
  9 | 		baseURL: '',
 10 | 		header: {
 11 | 			'content-type': 'application/json'
 12 | 		},
 13 | 		method: 'GET',
 14 | 		dataType: 'json',
 15 | 		responseType: 'text'
 16 | 	}
 17 | 
 18 | 	interceptors = {
 19 | 		request: (func) => {
 20 | 			if (func) {
 21 | 				MinRequest[requestBefore] = func
 22 | 			} else {
 23 | 				MinRequest[requestBefore] = (request) => request
 24 | 			}
 25 | 
 26 | 		},
 27 | 		response: (func) => {
 28 | 			if (func) {
 29 | 				MinRequest[requestAfter] = func
 30 | 			} else {
 31 | 				MinRequest[requestAfter] = (response) => response
 32 | 			}
 33 | 		}
 34 | 	}
 35 | 
 36 | 	static[requestBefore](config) {
 37 | 		return config
 38 | 	}
 39 | 
 40 | 	static[requestAfter](response) {
 41 | 		return response
 42 | 	}
 43 | 
 44 | 	static[isCompleteURL](url) {
 45 | 		return /(http|https):\/\/([\w.]+\/?)\S*/.test(url)
 46 | 	}
 47 | 
 48 | 	setConfig(func) {
 49 | 		this[config] = func(this[config])
 50 | 	}
 51 | 
 52 | 	request(options = {}) {
 53 | 		options.baseURL = options.baseURL || this[config].baseURL
 54 | 		options.dataType = options.dataType || this[config].dataType
 55 | 		options.url = MinRequest[isCompleteURL](options.url) ? options.url : (options.baseURL + options.url)
 56 | 		options.data = options.data
 57 | 		options.header = { ...options.header,
 58 | 			...this[config].header
 59 | 		}
 60 | 		options.method = options.method || this[config].method
 61 | 
 62 | 		options = { ...options,
 63 | 			...MinRequest[requestBefore](options)
 64 | 		}
 65 | 
 66 | 		return new Promise((resolve, reject) => {
 67 | 			options.success = function(res) {
 68 | 				resolve(MinRequest[requestAfter](res))
 69 | 			}
 70 | 			options.fail = function(err) {
 71 | 				reject(MinRequest[requestAfter](err))
 72 | 			}
 73 | 			uni.request(options)
 74 | 		})
 75 | 	}
 76 | 
 77 | 	get(url, data, options = {}) {
 78 | 		options.url = url
 79 | 		options.data = data
 80 | 		options.method = 'GET'
 81 | 		return this.request(options).then(checkLogin).then(checkResult)
 82 | 	}
 83 | 
 84 | 	post(url, data, options = {}) {
 85 | 		options.url = url
 86 | 		options.data = data
 87 | 		options.method = 'POST'
 88 | 		return this.request(options).then(checkLogin).then(checkResult)
 89 | 	}
 90 | 	
 91 | 	delete(url, data, options = {}) {
 92 | 		options.url = url
 93 | 		options.data = data
 94 | 		options.method = 'DELETE'
 95 | 		return this.request(options).then(checkLogin).then(checkResult)
 96 | 	}
 97 | }
 98 | 
 99 | MinRequest.install = function(Vue) {
100 | 	Vue.mixin({
101 | 		beforeCreate: function() {
102 | 			if (this.$options.minApi) {
103 | 				Vue._minApi = this.$options.minApi
104 | 			}
105 | 		}
106 | 	})
107 | 	Object.defineProperty(Vue.prototype, '$minApi', {
108 | 		get: function() {
109 | 			return Vue._minApi.apis
110 | 		}
111 | 	})
112 | }
113 | 
114 | export default MinRequest
115 | 


--------------------------------------------------------------------------------
/utils/MinRouter.js:
--------------------------------------------------------------------------------
  1 | const toString = Object.prototype.toString
  2 | 
  3 | function isObject(value) {
  4 | 	return toString.call(value) === '[object Object]'
  5 | }
  6 | 
  7 | function isString(value) {
  8 | 	return toString.call(value) === '[object String]'
  9 | }
 10 | 
 11 | function isDefault(value) {
 12 | 	return value === void 0
 13 | }
 14 | 
 15 | function openPage(args) {
 16 | 	let name, query = {},
 17 | 		queryStr = null,
 18 | 		path, type, isName = false
 19 | 	switch (true) {
 20 | 		case isObject(args):
 21 | 			({
 22 | 				name,
 23 | 				query = {}
 24 | 			} = args)
 25 | 			break
 26 | 		case isString(args):
 27 | 			name = args
 28 | 			break
 29 | 		default:
 30 | 			throw new Error('参数必须是对象或者字符串')
 31 | 	}
 32 | 	if (isObject(query)) {
 33 | 		queryStr = encodeURIComponent(JSON.stringify(query))
 34 | 	} else {
 35 | 		throw new Error('query数据必须是Object')
 36 | 	}
 37 | 	this.$minRouter.forEach(item => {
 38 | 		if (item.name === name) {
 39 | 			path = item.path
 40 | 			type = item.type || 'navigateTo'
 41 | 			isName = true
 42 | 		}
 43 | 	})
 44 | 	if (!isName) {
 45 | 		throw new Error(`没有${name}页面`)
 46 | 	}
 47 | 	if (!['navigateTo', 'switchTab', 'reLaunch', 'redirectTo'].includes(type)) {
 48 | 		throw new Error(`name:${name}里面的type必须是以下的值['navigateTo', 'switchTab', 'reLaunch', 'redirectTo']`)
 49 | 	}
 50 | 	return new Promise((resolve, reject) => {
 51 | 		uni[type]({
 52 | 			url: `/${path}?query=${queryStr}`,
 53 | 			success: resolve,
 54 | 			fail: reject
 55 | 		})
 56 | 	})
 57 | }
 58 | 
 59 | function parseURL() {
 60 | 	const query = this.$root.$mp.query.query
 61 | 	if (query) {
 62 | 		return JSON.parse(decodeURIComponent(query))
 63 | 	} else {
 64 | 		return {}
 65 | 	}
 66 | }
 67 | 
 68 | function install(Vue) {
 69 | 	Vue.mixin({
 70 | 		beforeCreate: function() {
 71 | 			if (!isDefault(this.$options.minRouter)) {
 72 | 				Vue._minRouter = this.$options.minRouter
 73 | 			}
 74 | 		}
 75 | 	})
 76 | 	Object.defineProperty(Vue.prototype, '$minRouter', {
 77 | 		get: function() {
 78 | 			return Vue._minRouter._router
 79 | 		}
 80 | 	})
 81 | 	Object.defineProperty(Vue.prototype, '$parseURL', {
 82 | 		get: function() {
 83 | 			return Vue._minRouter.parseURL
 84 | 		}
 85 | 	})
 86 | 	Object.defineProperty(Vue.prototype, '$openPage', {
 87 | 		get: function() {
 88 | 			return Vue._minRouter.openPage
 89 | 		}
 90 | 	})
 91 | }
 92 | 
 93 | function MinRouter(options) {
 94 | 	if (!(this instanceof MinRouter)) {
 95 | 		throw Error("MinRouter是一个构造函数，应该用`new`关键字调用")
 96 | 	}
 97 | 	isDefault(options) && (options = {})
 98 | 	this.options = options
 99 | 	this._router = options.routes || []
100 | }
101 | MinRouter.install = install
102 | MinRouter.prototype.openPage = openPage
103 | MinRouter.prototype.parseURL = parseURL
104 | export default MinRouter
105 | 


--------------------------------------------------------------------------------
/utils/checkResponse.js:
--------------------------------------------------------------------------------
  1 | import Vue from 'vue'
  2 | const HttpErrorCode = {
  3 | 	400: '请求错误',
  4 | 	401: '未授权，请登陆',
  5 | 	403: '拒绝访问',
  6 | 	404: '请求地址出错',
  7 | 	408: '请求超时',
  8 | 	500: '服务器内部错误',
  9 | 	501: '服务未实现',
 10 | 	502: '网关错误',
 11 | 	503: '服务不可用',
 12 | 	504: '网关超时',
 13 | 	505: 'HTTP版本不受支持'
 14 | }
 15 | 
 16 | // 去抖
 17 | function debounce(fn, wait) {
 18 | 	let callback = fn
 19 | 	let timerId = null
 20 | 
 21 | 	function debounced() {
 22 | 		// 保存作用域
 23 | 		let context = this
 24 | 		// 保存参数，例如 event 对象
 25 | 		let args = arguments
 26 | 
 27 | 		clearTimeout(timerId)
 28 | 		timerId = setTimeout(function() {
 29 | 			callback.apply(context, args)
 30 | 		}, wait)
 31 | 	}
 32 | 
 33 | 	// 返回一个闭包
 34 | 	return debounced
 35 | }
 36 | 
 37 | // 节流
 38 | function throttle(fn, wait) {
 39 | 	let callback = fn
 40 | 	let timerId = null
 41 | 
 42 | 	// 是否是第一次执行
 43 | 	let firstInvoke = true
 44 | 
 45 | 	function throttled() {
 46 | 		let context = this
 47 | 		let args = arguments
 48 | 
 49 | 		// 如果是第一次触发，直接执行
 50 | 		if (firstInvoke) {
 51 | 			callback.apply(context, args)
 52 | 			firstInvoke = false
 53 | 			return
 54 | 		}
 55 | 
 56 | 		// 如果定时器已存在，直接返回。        
 57 | 		if (timerId) {
 58 | 			return
 59 | 		}
 60 | 
 61 | 		timerId = setTimeout(function() {
 62 | 			// 注意这里 将 clearTimeout 放到 内部来执行了
 63 | 			clearTimeout(timerId)
 64 | 			timerId = null
 65 | 
 66 | 			callback.apply(context, args)
 67 | 		}, wait)
 68 | 	}
 69 | 
 70 | 	// 返回一个闭包
 71 | 	return throttled
 72 | }
 73 | 
 74 | /**
 75 |  * 跳转到登录页面
 76 |  */
 77 | const goLoginDebounce = debounce(
 78 | 	function() {
 79 | 		Vue.prototype.$store.dispatch('logout')
 80 | 	},
 81 | 	250
 82 | )
 83 | /**
 84 |  * 展示出错误信息
 85 |  */
 86 | const showErrorMsg = debounce(
 87 | 	function(msg) {
 88 | 		uni.showToast({
 89 | 			title: msg,
 90 | 			icon: 'none'
 91 | 		})
 92 | 	},
 93 | 	250
 94 | )
 95 | 
 96 | /**
 97 |  *
 98 |  *检查reponse返回状态
 99 |  * @author silianpan
100 |  * @date 2019-11-29
101 |  * @param {*} [response={}]
102 |  * @returns
103 |  */
104 | export const checkStatus = (response = {}) => {
105 | 	let {
106 | 		status,
107 | 		statusText
108 | 	} = response
109 | 	if (status === 200 || status === 304) {
110 | 		return response.data
111 | 	} else {
112 | 		let msg = HttpErrorCode[status] || statusText
113 | 		showErrorMsg(msg)
114 | 		return {
115 | 			code: status,
116 | 			msg: msg
117 | 		}
118 | 	}
119 | }
120 | 
121 | /**
122 |  *检查登录状态
123 |  *
124 |  * @author silianpan
125 |  * @date 2019-11-29
126 |  * @param {*} response
127 |  * @returns
128 |  */
129 | export const checkLogin = (response) => {
130 | 	let { code } = response
131 | 	if (code === 401) {
132 | 		goLoginDebounce()
133 | 	}
134 | 	return response
135 | }
136 | /**
137 |  *检查服务器返回结果
138 |  * @author silianpan
139 |  * @date 2019-11-29
140 |  * @param {*} result
141 |  * @returns
142 |  */
143 | export const checkResult = (result) => {
144 | 	// 对后台返回结果检测
145 | 	// if (!result.isOk) {
146 | 	// 	showErrorMsg(result.errMsg || '请求失败')
147 | 	// }
148 | 	let { code } = result
149 | 	result.ok = function() {
150 | 		return false
151 | 	}
152 | 	if (code === 200) {
153 | 		result.ok = function() {
154 | 			return true
155 | 		}
156 | 	} else {
157 | 		showErrorMsg(result.msg || HttpErrorCode[code] || '请求失败')
158 | 	}
159 | 	return result
160 | }
161 | 


--------------------------------------------------------------------------------
/utils/datetime.js:
--------------------------------------------------------------------------------
 1 | export const formatDateDay = time => {
 2 | 	return parseTime(time, '{y}-{m}-{d}')
 3 | }
 4 | export const formatDate = time => {
 5 | 	return parseTime(time, '{y}-{m}-{d} {h}:{i}')
 6 | }
 7 | const parseTime = (time, cFormat) => {
 8 | 	if (!time) {
 9 | 		return null
10 | 	}
11 | 	if (arguments.length === 0) {
12 | 		return null
13 | 	}
14 | 	const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
15 | 	let date
16 | 	if (typeof time === 'object') {
17 | 		date = time
18 | 	} else {
19 | 		if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
20 | 			time = parseInt(time)
21 | 		}
22 | 		if ((typeof time === 'number') && (time.toString().length === 10)) {
23 | 			time = time * 1000
24 | 		}
25 | 		date = new Date(time)
26 | 	}
27 | 	const formatObj = {
28 | 		y: date.getFullYear(),
29 | 		m: date.getMonth() + 1,
30 | 		d: date.getDate(),
31 | 		h: date.getHours(),
32 | 		i: date.getMinutes(),
33 | 		s: date.getSeconds(),
34 | 		a: date.getDay()
35 | 	}
36 | 	const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
37 | 		let value = formatObj[key]
38 | 		// Note: getDay() returns 0 on Sunday
39 | 		if (key === 'a') {
40 | 			return ['日', '一', '二', '三', '四', '五', '六'][value]
41 | 		}
42 | 		if (result.length > 0 && value < 10) {
43 | 			value = '0' + value
44 | 		}
45 | 		return value || 0
46 | 	})
47 | 	return time_str
48 | }
49 | export const formatSimpleTime = (time, option) => {
50 | 	if (('' + time).length === 10) {
51 | 		time = parseInt(time) * 1000
52 | 	} else {
53 | 		time = +time
54 | 	}
55 | 	const d = new Date(time)
56 | 	const now = Date.now()
57 | 
58 | 	const diff = (now - d) / 1000
59 | 
60 | 	if (diff < 30) {
61 | 		return '刚刚'
62 | 	} else if (diff < 3600) {
63 | 		// less 1 hour
64 | 		return Math.ceil(diff / 60) + '分钟前'
65 | 	} else if (diff < 3600 * 24) {
66 | 		return Math.ceil(diff / 3600) + '小时前'
67 | 	} else if (diff < 3600 * 24 * 2) {
68 | 		return '1天前'
69 | 	}
70 | 	if (option) {
71 | 		return parseTime(time, option)
72 | 	} else {
73 | 		return (
74 | 			d.getMonth() +
75 | 			1 +
76 | 			'月' +
77 | 			d.getDate() +
78 | 			'日' +
79 | 			d.getHours() +
80 | 			'时' +
81 | 			d.getMinutes() +
82 | 			'分'
83 | 		)
84 | 	}
85 | }
86 | 


--------------------------------------------------------------------------------
/utils/graceChecker.js:
--------------------------------------------------------------------------------
 1 | /**
 2 | 数据验证（表单验证）
 3 | 来自 grace.hcoder.net 
 4 | 作者 hcoder 深海
 5 | */
 6 | module.exports = {
 7 | 	error:'',
 8 | 	check : function (data, rule){
 9 | 		for(var i = 0; i < rule.length; i++){
10 | 			if (!rule[i].checkType){return true;}
11 | 			if (!rule[i].name) {return true;}
12 | 			if (!rule[i].errorMsg) {return true;}
13 | 			if (!data[rule[i].name]) {this.error = rule[i].errorMsg; return false;}
14 | 			switch (rule[i].checkType){
15 | 				case 'string':
16 | 					var reg = new RegExp('^.{' + rule[i].checkRule + '}$');
17 | 					if(!reg.test(data[rule[i].name])) {this.error = rule[i].errorMsg; return false;}
18 | 				break;
19 | 				case 'int':
20 | 					var reg = new RegExp('^(-[1-9]|[1-9])[0-9]{' + rule[i].checkRule + '}$');
21 | 					if(!reg.test(data[rule[i].name])) {this.error = rule[i].errorMsg; return false;}
22 | 					break;
23 | 				break;
24 | 				case 'between':
25 | 					if (!this.isNumber(data[rule[i].name])){
26 | 						this.error = rule[i].errorMsg;
27 | 						return false;
28 | 					}
29 | 					var minMax = rule[i].checkRule.split(',');
30 | 					minMax[0] = Number(minMax[0]);
31 | 					minMax[1] = Number(minMax[1]);
32 | 					if (data[rule[i].name] > minMax[1] || data[rule[i].name] < minMax[0]) {
33 | 						this.error = rule[i].errorMsg;
34 | 						return false;
35 | 					}
36 | 				break;
37 | 				case 'betweenD':
38 | 					var reg = /^-?[1-9][0-9]?$/;
39 | 					if (!reg.test(data[rule[i].name])) { this.error = rule[i].errorMsg; return false; }
40 | 					var minMax = rule[i].checkRule.split(',');
41 | 					minMax[0] = Number(minMax[0]);
42 | 					minMax[1] = Number(minMax[1]);
43 | 					if (data[rule[i].name] > minMax[1] || data[rule[i].name] < minMax[0]) {
44 | 						this.error = rule[i].errorMsg;
45 | 						return false;
46 | 					}
47 | 				break;
48 | 				case 'betweenF': 
49 | 					var reg = /^-?[0-9][0-9]?.+[0-9]+$/;
50 | 					if (!reg.test(data[rule[i].name])){this.error = rule[i].errorMsg; return false;}
51 | 					var minMax = rule[i].checkRule.split(',');
52 | 					minMax[0] = Number(minMax[0]);
53 | 					minMax[1] = Number(minMax[1]);
54 | 					if (data[rule[i].name] > minMax[1] || data[rule[i].name] < minMax[0]) {
55 | 						this.error = rule[i].errorMsg;
56 | 						return false;
57 | 					}
58 | 				break;
59 | 				case 'same':
60 | 					if (data[rule[i].name] != rule[i].checkRule) { this.error = rule[i].errorMsg; return false;}
61 | 				break;
62 | 				case 'notsame':
63 | 					if (data[rule[i].name] == rule[i].checkRule) { this.error = rule[i].errorMsg; return false; }
64 | 				break;
65 | 				case 'email':
66 | 					var reg = /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
67 | 					if (!reg.test(data[rule[i].name])) { this.error = rule[i].errorMsg; return false; }
68 | 				break;
69 | 				case 'phoneno':
70 | 					var reg = /^1[0-9]{10,10}$/;
71 | 					if (!reg.test(data[rule[i].name])) { this.error = rule[i].errorMsg; return false; }
72 | 				break;
73 | 				case 'zipcode':
74 | 					var reg = /^[0-9]{6}$/;
75 | 					if (!reg.test(data[rule[i].name])) { this.error = rule[i].errorMsg; return false; }
76 | 				break;
77 | 				case 'reg':
78 | 					var reg = new RegExp(rule[i].checkRule);
79 | 					if (!reg.test(data[rule[i].name])) { this.error = rule[i].errorMsg; return false; }
80 | 				break;
81 | 				case 'in':
82 | 					if(rule[i].checkRule.indexOf(data[rule[i].name]) == -1){
83 | 						this.error = rule[i].errorMsg; return false;
84 | 					}
85 | 				break;
86 | 				case 'notnull':
87 | 					if(data[rule[i].name] == null || data[rule[i].name].length < 1){this.error = rule[i].errorMsg; return false;}
88 | 				break;
89 | 			}
90 | 		}
91 | 		return true;
92 | 	},
93 | 	isNumber : function (checkVal){
94 | 		var reg = /^-?[1-9][0-9]?.?[0-9]*$/;
95 | 		return reg.test(checkVal);
96 | 	}
97 | }


--------------------------------------------------------------------------------
/utils/index.js:
--------------------------------------------------------------------------------
  1 | import globalConfig from '@/config'
  2 | 
  3 | /**
  4 |  * 随机从数据中选取n项元素
  5 |  */
  6 | export const getRandomArrayElements = (arr, count) => {
  7 | 	var shuffled = arr.slice(0),
  8 | 		i = arr.length,
  9 | 		min = i - count,
 10 | 		temp, index
 11 | 	while (i-- > min) {
 12 | 		index = Math.floor((i + 1) * Math.random())
 13 | 		temp = shuffled[index]
 14 | 		shuffled[index] = shuffled[i]
 15 | 		shuffled[i] = temp
 16 | 	}
 17 | 	return shuffled.slice(min)
 18 | }
 19 | 
 20 | export const formatArr = (segmentType, sep = '/') => {
 21 | 	let result = ''
 22 | 	if (segmentType) {
 23 | 		try {
 24 | 			const segmentArr = JSON.parse(segmentType)
 25 | 			segmentArr.forEach(item => {
 26 | 				result += item + sep
 27 | 			})
 28 | 		} catch (error) {
 29 | 			return segmentType
 30 | 		}
 31 | 	}
 32 | 	if (result) {
 33 | 		let len = sep.length > 1 ? 2 : 1
 34 | 		result = result.substring(0, result.length - len)
 35 | 	}
 36 | 	return result
 37 | }
 38 | export const formatProjectType = pt => {
 39 | 	if (!pt) {
 40 | 		return ''
 41 | 	}
 42 | 	if (pt.indexOf('工程施工') !== -1) {
 43 | 		return 'build.png'
 44 | 	} else if (pt.indexOf('采购') !== -1) {
 45 | 		return 'purchase.png'
 46 | 	} else if (pt.indexOf('软件研发') !== -1) {
 47 | 		return 'asset.png'
 48 | 	} else if (pt.indexOf('系统集成') !== -1) {
 49 | 		return 'land.png'
 50 | 	}
 51 | 	return ''
 52 | }
 53 | // 格式化附件json字符串
 54 | export const formatJsonStr = attaJsonStr => {
 55 | 	if (attaJsonStr && attaJsonStr.length > 0) {
 56 | 		try {
 57 | 			return JSON.parse(attaJsonStr)
 58 | 		} catch (e) {
 59 | 			return []
 60 | 		}
 61 | 	}
 62 | 	return []
 63 | }
 64 | 
 65 | export const formatAuditStatus = status => {
 66 | 	let text = ''
 67 | 	let color = ''
 68 | 	switch (status) {
 69 | 		case '-1':
 70 | 			;
 71 | 			(() => {
 72 | 				text = '未提交'
 73 | 				color = 'primary'
 74 | 			})()
 75 | 			break
 76 | 		case '0':
 77 | 			;
 78 | 			(() => {
 79 | 				text = '不通过'
 80 | 				color = 'error'
 81 | 			})()
 82 | 			break
 83 | 		case '1':
 84 | 			;
 85 | 			(() => {
 86 | 				text = '通过'
 87 | 				color = 'success'
 88 | 			})()
 89 | 			break
 90 | 		default:
 91 | 			;
 92 | 			(() => {
 93 | 				text = '待审核'
 94 | 				color = 'warning'
 95 | 			})()
 96 | 			break
 97 | 	}
 98 | 	return {
 99 | 		color,
100 | 		text
101 | 	}
102 | }
103 | 
104 | /**
105 |  * 附件预览
106 |  * @param {Object} atta附件{name:'',url:''}
107 |  */
108 | export const filePreview = atta => {
109 | 	let name = atta.name
110 | 	let url = atta.url
111 | 	// 判断文件类型
112 | 	if (url && typeof url === 'string') {
113 | 		let index = url.lastIndexOf('.')
114 | 		let suffix = url.substring(index + 1)
115 | 		if (suffix) {
116 | 			suffix = suffix.toLowerCase()
117 | 			switch (suffix) {
118 | 				case 'pdf':
119 | 				case 'doc':
120 | 				case 'docx':
121 | 				case 'xls':
122 | 				case 'xlsx':
123 | 				case 'ppt':
124 | 				case 'pptx':
125 | 					// 转换为pdf进行预览
126 | 					uni.navigateTo({
127 | 						url: '/pages/file/file-preview?name=' + name + '&url=' + url
128 | 					})
129 | 					break
130 | 				case 'jpg':
131 | 				case 'jpeg':
132 | 				case 'png':
133 | 				case 'bmp':
134 | 				case 'gif':
135 | 					// 预览图片
136 | 					uni.previewImage({
137 | 						urls: [globalConfig.fileAddr + url],
138 | 						longPressActions: {
139 | 							itemList: ['发送给朋友', '保存图片', '收藏'],
140 | 							success: function(data) {
141 | 								console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
142 | 							},
143 | 							fail: function(err) {
144 | 								console.log(err.errMsg);
145 | 							}
146 | 						}
147 | 					})
148 | 					break
149 | 			}
150 | 		}
151 | 	}
152 | }
153 | 


--------------------------------------------------------------------------------
/utils/url.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * 获取href页面参数key
 3 |  */
 4 | export const getQueryString = key => {
 5 |   // 方法一：正则
 6 |   var reg = new RegExp('(^|&)' + key + '=([^&]*)(&|$)')
 7 |   var r = window.location.search.substr(1).match(reg)
 8 |   if (r != null) return unescape(r[2])
 9 |   return null
10 | 
11 |   // 方法二：字符串
12 |   // var url = window.location.search;
13 |   // var theRequest = new Object();
14 |   // if (url.indexOf("?") != -1) {
15 |   // var str = url.substr(1);
16 |   // var strs = str.split("&");
17 |   // for (var i = 0; i < strs.length; i++) {
18 |   //     theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
19 |   //     }
20 |   // }
21 | }
22 | 
23 | /**
24 |  * 获取url中的参数key
25 |  */
26 | export const getQueryString4Url = (url, key) => {
27 |   const reg = new RegExp('(^|&)' + key + '=([^&]*)(&|$)')
28 |   const r = url.substr(url.indexOf('?') + 1).match(reg)
29 |   if (r != null) return unescape(r[2])
30 |   return null
31 | }
32 | 


--------------------------------------------------------------------------------
/yarn.lock:
--------------------------------------------------------------------------------
 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
 2 | # yarn lockfile v1
 3 | 
 4 | 
 5 | crypto-js@^4.0.0:
 6 |   version "4.0.0"
 7 |   resolved "https://registry.npm.taobao.org/crypto-js/download/crypto-js-4.0.0.tgz#2904ab2677a9d042856a2ea2ef80de92e4a36dcc"
 8 |   integrity sha1-KQSrJnep0EKFai6i74DekuSjbcw=
 9 | 
10 | lodash@^4.17.21:
11 |   version "4.17.21"
12 |   resolved "https://registry.npm.taobao.org/lodash/download/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
13 |   integrity sha1-Z5WRxWTDv/quhFTPCz3zcMPWkRw=
14 | 
15 | vue-i18n@^8.23.0:
16 |   version "8.23.0"
17 |   resolved "https://registry.npm.taobao.org/vue-i18n/download/vue-i18n-8.23.0.tgz#4a65681a1dfe716d47e1d00ddbd6e0b88ea36735"
18 |   integrity sha1-SmVoGh3+cW1H4dAN29bguI6jZzU=
19 | 


--------------------------------------------------------------------------------