liumin
/
NewZkgj
1
0
Derivar 0
Código Questões 0 Pedidos de integração 0 Lançamentos 0 Wiki Trabalho
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
13 Cometimentos
7 Ramos
28 MiB
 
 
 
Árvore: 66c14c211d
Ramos Etiquetas
${ item.name }
Criar ramo ${ searchTerm }
de '66c14c211d'
${ noResults }
NewZkgj/pages/index/index.vue

441 linhas
10 KiB
Em bruto Responsabilidade Histórico 

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

  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. 			goConsumer(){

  257. 				uni.navigateTo({

  258. 				    url: '/pages/center/consumer/index'

  259. 				});

  260. 			},

  261. 		},

  262. 	

  263. 	};

  264. </script>

  265. 

  266. <style lang="scss" scoped>

  267. .cented-box{

  268. 	padding: 30rpx;

  269. 	background: #F8F8F8;

  270. 	width: 100%;

  271. 	height: 100%;

  272. }

  273. .Switchingbox{

  274. 	width: 100%;

  275. 	height: 44rpx;

  276. 	display: flex;

  277. 	align-items: center;

  278. 	.Switching1{

  279. 		width: 44rpx;

  280. 		height: 44rpx;

  281. 		.Switching1-img{

  282. 			width: 44rpx;

  283. 			height: 44rpx;

  284. 		}

  285. 	}

  286. 	.Switching2{

  287. 		margin-left: 12rpx;

  288. 		font-size: 32rpx;

  289. 		color: #303030;

  290. 		font-weight: 500;

  291. 	}

  292. 	.Switching3{

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

  294. 		font-size: 32rpx;

  295. 		color: #303030;

  296. 		font-weight: 500;

  297. 	}

  298. 	.Switching4{

  299. 		width: 112rpx;

  300. 		font-size: 28rpx;

  301. 		color: #303030;

  302. 		font-weight: 400;

  303. 		text-align: right;

  304. 		text-decoration:underline

  305. 	}

  306. }

  307. .Workcard{

  308. 	width: 100%;

  309. 	background: #FFFFFF;

  310. 	height: 154rpx;

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

  312. 	border-radius: 12rpx;

  313. 	display: flex;

  314. 	.Workcard-box{

  315. 		flex: 1;

  316. 		height: 100%;

  317. 		.Workcardimg{

  318. 			width: 100%;

  319. 			text-align: center;

  320. 			margin-top: 42rpx;

  321. 			.Workcardimg1{

  322. 				width: 46rpx;

  323. 				height: 28rpx;

  324. 			}

  325. 			.Workcardimg3{

  326. 				width: 28rpx;

  327. 				height: 32rpx;

  328. 			}

  329. 		}

  330. 		.Workcardtext{

  331. 			width: 100%;

  332. 			text-align: center;

  333. 			font-size: 24rpx;

  334. 			font-weight: 400;

  335. 			color: #666666;

  336. 			margin-top: 20rpx;

  337. 		}

  338. 	}

  339. }

  340. .title{

  341. 	width: 100%;

  342. 	height: 30rpx;

  343. 	font-size: 30rpx;

  344. 	font-weight: 600;

  345. 	color: #333333;

  346. 	margin-top: 40rpx;

  347. 	margin-bottom: 24rpx;

  348. }

  349. .shebenbox{

  350. 	width: 100%;

  351. 	height: 156rpx;

  352. 	background: #FFFFFF;

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

  354. 	border-radius: 12rpx;

  355. 	display: flex;

  356. 	.shebenche{

  357. 		width: 25%;

  358. 		height: 100%;

  359. 		.shebenchenum{

  360. 			width: 100%;

  361. 			font-size: 36rpx;

  362. 			font-weight: 600;

  363. 			color: #333333;

  364. 			text-align: center;

  365. 			margin-top: 36rpx;

  366. 		}

  367. 		.shebenchetext{

  368. 			width: 100%;

  369. 			font-size: 24rpx;

  370. 			font-weight: 400;

  371. 			color: #666666;

  372. 			text-align: center;

  373. 			margin-top: 24rpx;

  374. 		}

  375. 	}

  376. }

  377. .real-timebox{

  378. 	width: 100%;

  379. 	background: #FFFFFF;

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

  381. 	border-radius: 12rpx;

  382. 	padding-bottom: 36rpx;

  383. 	.timebox{

  384. 		width: 100%;

  385. 		display: flex;

  386. 		.real{

  387. 			flex: 1;

  388. 			height: 100%;

  389. 			.realnum{

  390. 				width: 100%;

  391. 				font-size: 36rpx;

  392. 				font-weight: 600;

  393. 				color: #333333;

  394. 				text-align: center;

  395. 				margin-top: 36rpx;

  396. 			}

  397. 			.realtext{

  398. 				width: 100%;

  399. 				font-size: 24rpx;

  400. 				font-weight: 400;

  401. 				color: #666666;

  402. 				text-align: center;

  403. 				margin-top: 24rpx;

  404. 			}

  405. 		}

  406. 	}

  407. 

  408. }

  409. .commonly-box{

  410. 	width: 100%;

  411. 	background: #FFFFFF;

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

  413. 	border-radius: 12rpx;

  414. 	display: flex;

  415. 	flex-wrap: wrap;

  416. 	padding-bottom: 36rpx;

  417. 	.commonly{

  418. 		width: 25%;

  419. 		margin-top: 36rpx;

  420. 		.commonly-img{

  421. 			width: 100%;

  422. 			height: 68rpx;

  423. 			text-align: center;

  424. 			.commonly-img1{

  425. 				width: 68rpx;

  426. 				height: 68rpx;

  427. 				border-radius: 50%;

  428. 			}

  429. 		}

  430. 		.commonly-text{

  431. 			width: 100%;

  432. 			text-align: center;

  433. 			font-size: 24rpx;

  434. 			font-weight: 400;

  435. 			color: #333333;

  436. 			margin-top: 16rpx;

  437. 		}

  438. 	}

  439. }

  440. </style>