liumin
/
NewZkgj
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4 Commits
7 Branches
28 MiB
 
 
 
Tree: ca7ea865e2
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'ca7ea865e2'
${ noResults }
NewZkgj/pages/index/index.vue

415 lines
9.8 KiB
Raw Blame History 

  1. <template>

  2. 	<view class="cented-box">

  3. 		<view class="Switchingbox"> 

  4. 			<view class="Switching1">

  5. 				<image class="Switching1-img" src="../../static/images/building.png" mode=""></image>

  6. 			</view>

  7. 			<view class="Switching2">楼盘：</view>

  8. 			<view class="Switching3">{{buildingname}}</view>

  9. 			<view class="Switching4" v-if="buildingishow" @click="piskbuilding()">切换楼盘</view>

  10. 		</view>

  11. 		<view class="title" style="margin-top: 30rpx;">我的工牌</view>

  12. 		<view class="Workcard">

  13. 			<view class="Workcard-box">

  14. 				<view class="Workcardimg">

  15. 					<image class="Workcardimg1" src="../../static/images/battery.png" mode=""></image>

  16. 				</view>

  17. 				<view class="Workcardtext">电量：96%</view>

  18. 			</view>

  19. 			<view class="Workcard-box">

  20. 				<view class="Workcardimg">

  21. 					<image class="Workcardimg1" src="../../static/images/signal5.png" mode=""></image>

  22. 				</view>

  23. 				<view class="Workcardtext">信号：弱</view>

  24. 			</view>

  25. 			<view class="Workcard-box">

  26. 				<view class="Workcardimg">

  27. 					<image class="Workcardimg3" src="../../static/images/Thtapedrive2.png" mode=""></image>

  28. 				</view>

  29. 				<view class="Workcardtext">录音：未开启</view>

  30. 			</view>

  31. 		</view>

  32. 		<view class="title">设备</view>

  33. 		<view class="shebenbox">

  34. 			<view class="shebenche">

  35. 				<view class="shebenchenum">158</view>

  36. 				<view class="shebenchetext">设备总数</view>

  37. 			</view>

  38. 			<view class="shebenche">

  39. 				<view class="shebenchenum">5</view>

  40. 				<view class="shebenchetext">在线</view>

  41. 			</view>

  42. 			<view class="shebenche">

  43. 				<view class="shebenchenum">2</view>

  44. 				<view class="shebenchetext">活跃</view>

  45. 			</view>

  46. 			<view class="shebenche">

  47. 				<view class="shebenchenum" style="color: red;">5</view>

  48. 				<view class="shebenchetext">急需充电</view>

  49. 			</view>

  50. 		</view>

  51. 		<view class="title">实时统计</view>

  52. 		<view class="real-timebox">

  53. 			<view class="timebox">

  54. 				<view class="real">

  55. 					<view class="realnum">44</view>

  56. 					<view class="realtext">接待量</view>

  57. 				</view>

  58. 				<view class="real">

  59. 					<view class="realnum">44</view>

  60. 					<view class="realtext">正在接待</view>

  61. 				</view>

  62. 				<view class="real">

  63. 					<view class="realnum">44</view>

  64. 					<view class="realtext">接待客户</view>

  65. 				</view>

  66. 				<view class="real">

  67. 					<view class="realnum">44</view>

  68. 					<view class="realtext">录音时长</view>

  69. 				</view>

  70. 			</view>

  71. 			<view class="timebox">

  72. 				<view class="real">

  73. 					<view class="realnum">44</view>

  74. 					<view class="realtext">未标顾问</view>

  75. 				</view>

  76. 				<view class="real">

  77. 					<view class="realnum">44</view>

  78. 					<view class="realtext">平均执行率</view>

  79. 				</view>

  80. 				<view class="real">

  81. 					<view class="realnum">44</view>

  82. 					<view class="realtext">平均得分</view>

  83. 				</view>

  84. 				<view class="real">

  85. 					<!-- <view class="realnum" style="color: red;">44</view>

  86. 					<view class="realtext">违禁提醒</view> -->

  87. 				</view>

  88. 			</view>

  89. 		</view>

  90. 		

  91. 		<view class="title">本周工作</view>

  92. 		<view class="real-timebox">

  93. 			<view class="timebox">

  94. 				<view class="real">

  95. 					<view class="realnum">44</view>

  96. 					<view class="realtext">接待量</view>

  97. 				</view>

  98. 				<view class="real">

  99. 					<view class="realnum">44</view>

  100. 					<view class="realtext">接待客户</view>

  101. 				</view>

  102. 				<view class="real">

  103. 					<view class="realnum">44</view>

  104. 					<view class="realtext">录音时长</view>

  105. 				</view>

  106. 			</view>

  107. 			<view class="timebox">

  108. 				

  109. 				<view class="real">

  110. 					<view class="realnum">44</view>

  111. 					<view class="realtext">平均执行率</view>

  112. 				</view>

  113. 				<view class="real">

  114. 					<view class="realnum">44</view>

  115. 					<view class="realtext">平均得分</view>

  116. 				</view>

  117. 				<view class="real">

  118. 					<!-- <view class="realnum">44</view>

  119. 					<view class="realtext">违禁预警</view> -->

  120. 				</view>

  121. 			</view>

  122. 		</view>

  123. 		

  124. 		<view class="title">常用功能</view>

  125. 		<view class="commonly-box">

  126. 			<view class="commonly" @click="Piabodata()">

  127. 				<view class="commonly-img">

  128. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  129. 				</view>

  130. 				<view class="commonly-text">销讲数据</view>

  131. 			</view>

  132. 			<view class="commonly">

  133. 				<view class="commonly-img">

  134. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  135. 				</view>

  136. 				<view class="commonly-text">客户管理</view>

  137. 			</view>

  138. 			<view class="commonly">

  139. 				<view class="commonly-img">

  140. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  141. 				</view>

  142. 				<view class="commonly-text">客户管理</view>

  143. 			</view>

  144. 			<view class="commonly">

  145. 				<view class="commonly-img">

  146. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  147. 				</view>

  148. 				<view class="commonly-text">客户管理</view>

  149. 			</view>

  150. 			<view class="commonly">

  151. 				<view class="commonly-img">

  152. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  153. 				</view>

  154. 				<view class="commonly-text">客户管理</view>

  155. 			</view>

  156. 			<view class="commonly">

  157. 				<view class="commonly-img">

  158. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  159. 				</view>

  160. 				<view class="commonly-text">客户管理</view>

  161. 			</view>

  162. 			<view class="commonly">

  163. 				<view class="commonly-img">

  164. 					<image class="commonly-img1" src="../../static/images/building.png" mode=""></image>

  165. 				</view>

  166. 				<view class="commonly-text">客户管理</view>

  167. 			</view>

  168. 		</view>

  169. 		

  170. 		

  171. 		<!-- 楼盘切换 -->

  172. 		<view v-if="Showhiddenunits">

  173. 			<u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="lpanlist" @cancel="cancel" @confirm="confirm"></u-select>

  174. 		</view>

  175. 	</view>

  176. </template>

  177. 

  178. <script>

  179. 	export default {

  180. 		data() {

  181. 			return {

  182. 				userInfo:{},

  183. 				Showhiddenunits:false,

  184. 				lpanlist:[],

  185. 				buildingname:'',

  186. 				buildingID:'',

  187. 				buildingishow:false

  188. 			};

  189. 		},

  190. 		components: {},

  191. 		onShow() {

  192. 			this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');

  193. 			if(this.userInfo.zkProperties.length==1){

  194. 				this.buildingID=uni.getStorageSync('buildingID').id;

  195. 				this.buildingname=uni.getStorageSync('buildingID').name;

  196. 				this.buildingishow=false;

  197. 			}else{

  198. 				this.buildingishow=true;

  199. 				this.buildingname=uni.getStorageSync('buildingID').name;

  200. 				this.buildingID=uni.getStorageSync('buildingID').id;

  201. 				

  202. 				this.userInfo.zkProperties.forEach(item=>{

  203. 					item.label=item.propertyName;

  204. 					item.value=item.id

  205. 				})

  206. 				this.lpanlist=this.userInfo.zkProperties

  207. 				

  208. 			}

  209. 		},

  210. 		methods: {

  211. 			//选择楼盘弹框

  212. 			piskbuilding(){

  213. 				this.Showhiddenunits=true;

  214. 			},

  215. 			// 楼盘选择确认

  216. 			confirm(e) {

  217. 				this.buildingname=e[0].label;

  218. 				this.buildingID=e[0].value;

  219. 				let lopan={

  220. 					id:e[0].value,

  221. 					name:e[0].label

  222. 				}

  223. 				uni.setStorageSync("buildingID", lopan); //楼盘id写入缓存

  224. 			},

  225. 			// 楼盘选择取消

  226. 			cancel(){

  227. 				this.Showhiddenunits=false;

  228. 			},

  229. 			//销讲数据

  230. 			Piabodata(){

  231. 				uni.navigateTo({

  232. 				    url: '/pages/center/Piabodata/index'

  233. 				});

  234. 			}

  235. 		},

  236. 	

  237. 	};

  238. </script>

  239. 

  240. <style lang="scss" scoped>

  241. .cented-box{

  242. 	padding: 30rpx;

  243. 	background: #F8F8F8;

  244. 	width: 100%;

  245. 	height: 100%;

  246. }

  247. .Switchingbox{

  248. 	width: 100%;

  249. 	height: 44rpx;

  250. 	display: flex;

  251. 	align-items: center;

  252. 	.Switching1{

  253. 		width: 44rpx;

  254. 		height: 44rpx;

  255. 		.Switching1-img{

  256. 			width: 44rpx;

  257. 			height: 44rpx;

  258. 		}

  259. 	}

  260. 	.Switching2{

  261. 		margin-left: 12rpx;

  262. 		font-size: 32rpx;

  263. 		color: #303030;

  264. 		font-weight: 500;

  265. 	}

  266. 	.Switching3{

  267. 		width: calc(100% - 280rpx);

  268. 		font-size: 32rpx;

  269. 		color: #303030;

  270. 		font-weight: 500;

  271. 	}

  272. 	.Switching4{

  273. 		width: 112rpx;

  274. 		font-size: 28rpx;

  275. 		color: #303030;

  276. 		font-weight: 400;

  277. 		text-align: right;

  278. 		text-decoration:underline

  279. 	}

  280. }

  281. .Workcard{

  282. 	width: 100%;

  283. 	background: #FFFFFF;

  284. 	height: 154rpx;

  285. 	box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);

  286. 	border-radius: 12rpx;

  287. 	display: flex;

  288. 	.Workcard-box{

  289. 		flex: 1;

  290. 		height: 100%;

  291. 		.Workcardimg{

  292. 			width: 100%;

  293. 			text-align: center;

  294. 			margin-top: 42rpx;

  295. 			.Workcardimg1{

  296. 				width: 46rpx;

  297. 				height: 28rpx;

  298. 			}

  299. 			.Workcardimg3{

  300. 				width: 28rpx;

  301. 				height: 32rpx;

  302. 			}

  303. 		}

  304. 		.Workcardtext{

  305. 			width: 100%;

  306. 			text-align: center;

  307. 			font-size: 24rpx;

  308. 			font-weight: 400;

  309. 			color: #666666;

  310. 			margin-top: 20rpx;

  311. 		}

  312. 	}

  313. }

  314. .title{

  315. 	width: 100%;

  316. 	height: 30rpx;

  317. 	font-size: 30rpx;

  318. 	font-weight: 600;

  319. 	color: #333333;

  320. 	margin-top: 40rpx;

  321. 	margin-bottom: 24rpx;

  322. }

  323. .shebenbox{

  324. 	width: 100%;

  325. 	height: 156rpx;

  326. 	background: #FFFFFF;

  327. 	box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);

  328. 	border-radius: 12rpx;

  329. 	display: flex;

  330. 	.shebenche{

  331. 		width: 25%;

  332. 		height: 100%;

  333. 		.shebenchenum{

  334. 			width: 100%;

  335. 			font-size: 36rpx;

  336. 			font-weight: 600;

  337. 			color: #333333;

  338. 			text-align: center;

  339. 			margin-top: 36rpx;

  340. 		}

  341. 		.shebenchetext{

  342. 			width: 100%;

  343. 			font-size: 24rpx;

  344. 			font-weight: 400;

  345. 			color: #666666;

  346. 			text-align: center;

  347. 			margin-top: 24rpx;

  348. 		}

  349. 	}

  350. }

  351. .real-timebox{

  352. 	width: 100%;

  353. 	background: #FFFFFF;

  354. 	box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);

  355. 	border-radius: 12rpx;

  356. 	padding-bottom: 36rpx;

  357. 	.timebox{

  358. 		width: 100%;

  359. 		display: flex;

  360. 		.real{

  361. 			flex: 1;

  362. 			height: 100%;

  363. 			.realnum{

  364. 				width: 100%;

  365. 				font-size: 36rpx;

  366. 				font-weight: 600;

  367. 				color: #333333;

  368. 				text-align: center;

  369. 				margin-top: 36rpx;

  370. 			}

  371. 			.realtext{

  372. 				width: 100%;

  373. 				font-size: 24rpx;

  374. 				font-weight: 400;

  375. 				color: #666666;

  376. 				text-align: center;

  377. 				margin-top: 24rpx;

  378. 			}

  379. 		}

  380. 	}

  381. 

  382. }

  383. .commonly-box{

  384. 	width: 100%;

  385. 	background: #FFFFFF;

  386. 	box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);

  387. 	border-radius: 12rpx;

  388. 	display: flex;

  389. 	flex-wrap: wrap;

  390. 	padding-bottom: 36rpx;

  391. 	.commonly{

  392. 		width: 25%;

  393. 		margin-top: 36rpx;

  394. 		.commonly-img{

  395. 			width: 100%;

  396. 			height: 68rpx;

  397. 			text-align: center;

  398. 			.commonly-img1{

  399. 				width: 68rpx;

  400. 				height: 68rpx;

  401. 				border-radius: 50%;

  402. 			}

  403. 		}

  404. 		.commonly-text{

  405. 			width: 100%;

  406. 			text-align: center;

  407. 			font-size: 24rpx;

  408. 			font-weight: 400;

  409. 			color: #333333;

  410. 			margin-top: 16rpx;

  411. 		}

  412. 	}

  413. }

  414. </style>