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.
7 Commits
7 Branches
28 MiB
 
 
 
Tree: 821a700505
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '821a700505'
${ noResults }
NewZkgj/pages/index/index.vue

421 lines
9.9 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" @click="record" 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. 			record(){

  236. 				// 接待记录

  237. 				uni.navigateTo({

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

  239. 				});

  240. 			}

  241. 		},

  242. 	

  243. 	};

  244. </script>

  245. 

  246. <style lang="scss" scoped>

  247. .cented-box{

  248. 	padding: 30rpx;

  249. 	background: #F8F8F8;

  250. 	width: 100%;

  251. 	height: 100%;

  252. }

  253. .Switchingbox{

  254. 	width: 100%;

  255. 	height: 44rpx;

  256. 	display: flex;

  257. 	align-items: center;

  258. 	.Switching1{

  259. 		width: 44rpx;

  260. 		height: 44rpx;

  261. 		.Switching1-img{

  262. 			width: 44rpx;

  263. 			height: 44rpx;

  264. 		}

  265. 	}

  266. 	.Switching2{

  267. 		margin-left: 12rpx;

  268. 		font-size: 32rpx;

  269. 		color: #303030;

  270. 		font-weight: 500;

  271. 	}

  272. 	.Switching3{

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

  274. 		font-size: 32rpx;

  275. 		color: #303030;

  276. 		font-weight: 500;

  277. 	}

  278. 	.Switching4{

  279. 		width: 112rpx;

  280. 		font-size: 28rpx;

  281. 		color: #303030;

  282. 		font-weight: 400;

  283. 		text-align: right;

  284. 		text-decoration:underline

  285. 	}

  286. }

  287. .Workcard{

  288. 	width: 100%;

  289. 	background: #FFFFFF;

  290. 	height: 154rpx;

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

  292. 	border-radius: 12rpx;

  293. 	display: flex;

  294. 	.Workcard-box{

  295. 		flex: 1;

  296. 		height: 100%;

  297. 		.Workcardimg{

  298. 			width: 100%;

  299. 			text-align: center;

  300. 			margin-top: 42rpx;

  301. 			.Workcardimg1{

  302. 				width: 46rpx;

  303. 				height: 28rpx;

  304. 			}

  305. 			.Workcardimg3{

  306. 				width: 28rpx;

  307. 				height: 32rpx;

  308. 			}

  309. 		}

  310. 		.Workcardtext{

  311. 			width: 100%;

  312. 			text-align: center;

  313. 			font-size: 24rpx;

  314. 			font-weight: 400;

  315. 			color: #666666;

  316. 			margin-top: 20rpx;

  317. 		}

  318. 	}

  319. }

  320. .title{

  321. 	width: 100%;

  322. 	height: 30rpx;

  323. 	font-size: 30rpx;

  324. 	font-weight: 600;

  325. 	color: #333333;

  326. 	margin-top: 40rpx;

  327. 	margin-bottom: 24rpx;

  328. }

  329. .shebenbox{

  330. 	width: 100%;

  331. 	height: 156rpx;

  332. 	background: #FFFFFF;

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

  334. 	border-radius: 12rpx;

  335. 	display: flex;

  336. 	.shebenche{

  337. 		width: 25%;

  338. 		height: 100%;

  339. 		.shebenchenum{

  340. 			width: 100%;

  341. 			font-size: 36rpx;

  342. 			font-weight: 600;

  343. 			color: #333333;

  344. 			text-align: center;

  345. 			margin-top: 36rpx;

  346. 		}

  347. 		.shebenchetext{

  348. 			width: 100%;

  349. 			font-size: 24rpx;

  350. 			font-weight: 400;

  351. 			color: #666666;

  352. 			text-align: center;

  353. 			margin-top: 24rpx;

  354. 		}

  355. 	}

  356. }

  357. .real-timebox{

  358. 	width: 100%;

  359. 	background: #FFFFFF;

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

  361. 	border-radius: 12rpx;

  362. 	padding-bottom: 36rpx;

  363. 	.timebox{

  364. 		width: 100%;

  365. 		display: flex;

  366. 		.real{

  367. 			flex: 1;

  368. 			height: 100%;

  369. 			.realnum{

  370. 				width: 100%;

  371. 				font-size: 36rpx;

  372. 				font-weight: 600;

  373. 				color: #333333;

  374. 				text-align: center;

  375. 				margin-top: 36rpx;

  376. 			}

  377. 			.realtext{

  378. 				width: 100%;

  379. 				font-size: 24rpx;

  380. 				font-weight: 400;

  381. 				color: #666666;

  382. 				text-align: center;

  383. 				margin-top: 24rpx;

  384. 			}

  385. 		}

  386. 	}

  387. 

  388. }

  389. .commonly-box{

  390. 	width: 100%;

  391. 	background: #FFFFFF;

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

  393. 	border-radius: 12rpx;

  394. 	display: flex;

  395. 	flex-wrap: wrap;

  396. 	padding-bottom: 36rpx;

  397. 	.commonly{

  398. 		width: 25%;

  399. 		margin-top: 36rpx;

  400. 		.commonly-img{

  401. 			width: 100%;

  402. 			height: 68rpx;

  403. 			text-align: center;

  404. 			.commonly-img1{

  405. 				width: 68rpx;

  406. 				height: 68rpx;

  407. 				border-radius: 50%;

  408. 			}

  409. 		}

  410. 		.commonly-text{

  411. 			width: 100%;

  412. 			text-align: center;

  413. 			font-size: 24rpx;

  414. 			font-weight: 400;

  415. 			color: #333333;

  416. 			margin-top: 16rpx;

  417. 		}

  418. 	}

  419. }

  420. </style>