liumin
/
NewZkgj
1
0
Forkuj 0
Kod Zgłoszenia 0 Oczekujące zmiany 0 Wydania 0 Wiki Aktywność
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
9 Commity
7 Gałęzie
28 MiB
 
 
 
Drzewo: 62f9186fdf
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z '62f9186fdf'
${ noResults }
NewZkgj/pages/index/index.vue

435 wiersze
10 KiB
Czysty Wina Historia 

  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" @click="record">

  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" @click="toequipment()">

  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. 			

  145. 			<view class="commonly" @click="toconsultanonduty()">

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

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

  148. 				</view>

  149. 				<view class="commonly-text">值班顾问</view>

  150. 			</view>

  151. 			

  152. 			<view class="commonly">

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

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

  155. 				</view>

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

  157. 			</view>

  158. 			<view class="commonly">

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

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

  161. 				</view>

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

  163. 			</view>

  164. 			<view class="commonly">

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

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

  167. 				</view>

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

  169. 			</view>

  170. 		</view>

  171. 		

  172. 		

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

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

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

  176. 		</view>

  177. 	</view>

  178. </template>

  179. 

  180. <script>

  181. 	export default {

  182. 		data() {

  183. 			return {

  184. 				userInfo:{},

  185. 				Showhiddenunits:false,

  186. 				lpanlist:[],

  187. 				buildingname:'',

  188. 				buildingID:'',

  189. 				buildingishow:false

  190. 			};

  191. 		},

  192. 		components: {},

  193. 		onShow() {

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

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

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

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

  198. 				this.buildingishow=false;

  199. 			}else{

  200. 				this.buildingishow=true;

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

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

  203. 				

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

  205. 					item.label=item.propertyName;

  206. 					item.value=item.id

  207. 				})

  208. 				this.lpanlist=this.userInfo.zkProperties

  209. 				

  210. 			}

  211. 		},

  212. 		methods: {

  213. 			//选择楼盘弹框

  214. 			piskbuilding(){

  215. 				this.Showhiddenunits=true;

  216. 			},

  217. 			// 楼盘选择确认

  218. 			confirm(e) {

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

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

  221. 				let lopan={

  222. 					id:e[0].value,

  223. 					name:e[0].label

  224. 				}

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

  226. 			},

  227. 			// 楼盘选择取消

  228. 			cancel(){

  229. 				this.Showhiddenunits=false;

  230. 			},

  231. 			//销讲数据

  232. 			Piabodata(){

  233. 				uni.navigateTo({

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

  235. 				});

  236. 			},

  237. 			// 接待记录

  238. 			record(){

  239. 				uni.navigateTo({

  240. 				    url: '/pages/center/records/index'

  241. 				});

  242. 			},

  243. 			//值班顾问

  244. 			toconsultanonduty(){

  245. 				uni.navigateTo({

  246. 				    url: '/pages/mine/consultanonduty/index'

  247. 				});

  248. 			},

  249. 			//设备

  250. 			toequipment(){

  251. 				uni.navigateTo({

  252. 				    url: '/pages/mine/equipment/index'

  253. 				});

  254. 			}

  255. 		},

  256. 	

  257. 	};

  258. </script>

  259. 

  260. <style lang="scss" scoped>

  261. .cented-box{

  262. 	padding: 30rpx;

  263. 	background: #F8F8F8;

  264. 	width: 100%;

  265. 	height: 100%;

  266. }

  267. .Switchingbox{

  268. 	width: 100%;

  269. 	height: 44rpx;

  270. 	display: flex;

  271. 	align-items: center;

  272. 	.Switching1{

  273. 		width: 44rpx;

  274. 		height: 44rpx;

  275. 		.Switching1-img{

  276. 			width: 44rpx;

  277. 			height: 44rpx;

  278. 		}

  279. 	}

  280. 	.Switching2{

  281. 		margin-left: 12rpx;

  282. 		font-size: 32rpx;

  283. 		color: #303030;

  284. 		font-weight: 500;

  285. 	}

  286. 	.Switching3{

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

  288. 		font-size: 32rpx;

  289. 		color: #303030;

  290. 		font-weight: 500;

  291. 	}

  292. 	.Switching4{

  293. 		width: 112rpx;

  294. 		font-size: 28rpx;

  295. 		color: #303030;

  296. 		font-weight: 400;

  297. 		text-align: right;

  298. 		text-decoration:underline

  299. 	}

  300. }

  301. .Workcard{

  302. 	width: 100%;

  303. 	background: #FFFFFF;

  304. 	height: 154rpx;

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

  306. 	border-radius: 12rpx;

  307. 	display: flex;

  308. 	.Workcard-box{

  309. 		flex: 1;

  310. 		height: 100%;

  311. 		.Workcardimg{

  312. 			width: 100%;

  313. 			text-align: center;

  314. 			margin-top: 42rpx;

  315. 			.Workcardimg1{

  316. 				width: 46rpx;

  317. 				height: 28rpx;

  318. 			}

  319. 			.Workcardimg3{

  320. 				width: 28rpx;

  321. 				height: 32rpx;

  322. 			}

  323. 		}

  324. 		.Workcardtext{

  325. 			width: 100%;

  326. 			text-align: center;

  327. 			font-size: 24rpx;

  328. 			font-weight: 400;

  329. 			color: #666666;

  330. 			margin-top: 20rpx;

  331. 		}

  332. 	}

  333. }

  334. .title{

  335. 	width: 100%;

  336. 	height: 30rpx;

  337. 	font-size: 30rpx;

  338. 	font-weight: 600;

  339. 	color: #333333;

  340. 	margin-top: 40rpx;

  341. 	margin-bottom: 24rpx;

  342. }

  343. .shebenbox{

  344. 	width: 100%;

  345. 	height: 156rpx;

  346. 	background: #FFFFFF;

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

  348. 	border-radius: 12rpx;

  349. 	display: flex;

  350. 	.shebenche{

  351. 		width: 25%;

  352. 		height: 100%;

  353. 		.shebenchenum{

  354. 			width: 100%;

  355. 			font-size: 36rpx;

  356. 			font-weight: 600;

  357. 			color: #333333;

  358. 			text-align: center;

  359. 			margin-top: 36rpx;

  360. 		}

  361. 		.shebenchetext{

  362. 			width: 100%;

  363. 			font-size: 24rpx;

  364. 			font-weight: 400;

  365. 			color: #666666;

  366. 			text-align: center;

  367. 			margin-top: 24rpx;

  368. 		}

  369. 	}

  370. }

  371. .real-timebox{

  372. 	width: 100%;

  373. 	background: #FFFFFF;

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

  375. 	border-radius: 12rpx;

  376. 	padding-bottom: 36rpx;

  377. 	.timebox{

  378. 		width: 100%;

  379. 		display: flex;

  380. 		.real{

  381. 			flex: 1;

  382. 			height: 100%;

  383. 			.realnum{

  384. 				width: 100%;

  385. 				font-size: 36rpx;

  386. 				font-weight: 600;

  387. 				color: #333333;

  388. 				text-align: center;

  389. 				margin-top: 36rpx;

  390. 			}

  391. 			.realtext{

  392. 				width: 100%;

  393. 				font-size: 24rpx;

  394. 				font-weight: 400;

  395. 				color: #666666;

  396. 				text-align: center;

  397. 				margin-top: 24rpx;

  398. 			}

  399. 		}

  400. 	}

  401. 

  402. }

  403. .commonly-box{

  404. 	width: 100%;

  405. 	background: #FFFFFF;

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

  407. 	border-radius: 12rpx;

  408. 	display: flex;

  409. 	flex-wrap: wrap;

  410. 	padding-bottom: 36rpx;

  411. 	.commonly{

  412. 		width: 25%;

  413. 		margin-top: 36rpx;

  414. 		.commonly-img{

  415. 			width: 100%;

  416. 			height: 68rpx;

  417. 			text-align: center;

  418. 			.commonly-img1{

  419. 				width: 68rpx;

  420. 				height: 68rpx;

  421. 				border-radius: 50%;

  422. 			}

  423. 		}

  424. 		.commonly-text{

  425. 			width: 100%;

  426. 			text-align: center;

  427. 			font-size: 24rpx;

  428. 			font-weight: 400;

  429. 			color: #333333;

  430. 			margin-top: 16rpx;

  431. 		}

  432. 	}

  433. }

  434. </style>