Acher
/
newEdition
1
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Toiminta
AI销管
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.
66 Commitit
13 Branchit
9.8 MiB
 
 
 
 
Puu: aa985a7c1c
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from 'aa985a7c1c'
${ noResults }
newEdition/pages/index/index.vue

1197 rivejä
34 KiB
Raaka Blame 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. 

  12. 		<view class="title" style="margin-top: 30rpx; display: flex; justify-content: space-between;" v-if="permissions.myisshebei">

  13. 			<view class="">

  14. 				我的工牌:{{imeiCode||'未绑定'}}

  15. 			</view>

  16. 			<view class="" style="color: #2671E2; font-weight: normal;">

  17. 				<!-- 接待中 -->

  18. 				{{openFlag=='start'?'接待中':''}}

  19. 			</view>

  20. 		</view>

  21. 		<view v-if="permissions.myisshebei">

  22. 			<view class="Workcard" v-if="Whetheroffline==true">

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

  24. 					<view class="Workcardimg">

  25. 						<view class="Workcardimg1">

  26. 							<view v-if="percentage>20" class="bar" :style="{width : percentage + '%' }"></view>

  27. 							<view v-if="percentage<20" class="bar1" :style="{width : percentage + '%' }"></view>

  28. 						</view>

  29. 					</view>

  30. 					<view class="Workcardtext">电量：{{percentage}}%</view>

  31. 				</view>

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

  33. 					<view class="Workcardimg">

  34. 						<image v-if="signalDevice==''" class="Workcardimg2" src="../../static/images/signal0.png"

  35. 							mode=""></image>

  36. 						<image v-else-if="signalDevice<20 && signalDevice>0" class="Workcardimg2"

  37. 							src="../../static/images/signal1.png" mode=""></image>

  38. 						<image v-else-if="signalDevice<50 && signalDevice>20" class="Workcardimg2"

  39. 							src="../../static/images/signal2.png" mode=""></image>

  40. 						<image v-else-if="signalDevice<70 && signalDevice>50" class="Workcardimg2"

  41. 							src="../../static/images/signal3.png" mode=""></image>

  42. 						<image v-else-if="signalDevice<90 && signalDevice>70" class="Workcardimg2"

  43. 							src="../../static/images/signal4.png" mode=""></image>

  44. 						<image v-else-if="signalDevice<=100 && signalDevice>90" class="Workcardimg2"

  45. 							src="../../static/images/signal5.png" mode=""></image>

  46. 					</view>

  47. 					<view class="Workcardtext">信号：{{signalDevicetext}}</view>

  48. 				</view>

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

  50. 					<view class="Workcardimg">

  51. 						<image v-if="audioStatus=='true'" class="Workcardimg3"

  52. 							src="../../static/images/Thtapedrive1.png" mode=""></image>

  53. 						<image v-if="audioStatus=='false'" class="Workcardimg3"

  54. 							src="../../static/images/Thtapedrive2.png" mode=""></image>

  55. 					</view>

  56. 					<view v-if="audioStatus=='true'" class="Workcardtext">录音：已开启</view>

  57. 					<view v-if="audioStatus=='false'" class="Workcardtext">录音：未开启</view>

  58. 				</view>

  59. 			</view>

  60. 			<view class="Workcard" v-if="Whetheroffline==false">

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

  62. 					<view class="Workcardimg">

  63. 						<image class="Workcardimg4" src="../../static/images/offline.png" mode=""></image>

  64. 					</view>

  65. 					<view class="Workcardtext">设备离线</view>

  66. 				</view>

  67. 			</view>

  68. 		</view>

  69. 

  70. <!-- 

  71. 		<view class="title" v-if="permissions.shebeinum">待处理</view>

  72. 		<view class="shebenbox" v-if="permissions.shebeinum" >

  73. 			<view class="shebenche" @click="indexStatus(0)">

  74. 				<view class="shebenchenum">{{operation.receptionCount || 0}}</view>

  75. 				<view class="shebenchetext">接待即将结束</view>

  76. 			</view>

  77. 			<view class="shebenche" @click="indexStatus(1)">

  78. 				<view class="shebenchenum">{{operation.accountCount || 0}}</view>

  79. 				<view class="shebenchetext">未标顾问</view>

  80. 			</view>

  81. 			<view class="shebenche" @click="indexStatus(3)">

  82. 				<view class="shebenchenum">{{operation.forbiddenCount || 0}}</view>

  83. 				<view class="shebenchetext">违禁提醒</view>

  84. 			</view>

  85. 		</view> -->

  86. 

  87. 		<view class="title" v-if="permissions.shebeinum">设备总览</view>

  88. 		<view class="shebenbox" v-if="permissions.shebeinum" >

  89. 

  90. 			<view class="shebenche" @click="tapjumpequipment(0)">

  91. 				<view class="shebenchenum">{{equipmentobj.totalNum || 0}}</view>

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

  93. 			</view>

  94. 			<view class="shebenche" @click="tapjumpequipment(1)">

  95. 				<view class="shebenchenum">{{equipmentobj.onlineNum || 0}}</view>

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

  97. 			</view>

  98. 			<view class="shebenche" @click="tapjumpequipment(3)">

  99. 				<view class="shebenchenum">{{equipmentobj.activeNum || 0}}</view>

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

  101. 			</view>

  102. 			

  103. 			<view class="shebenche" @click="tapjumpequipment(2)">

  104. 				<view class="shebenchenum" style="color: red;">{{operation.lowPowerNum || 0}}</view>

  105. 				<view class="shebenchetext">低电工牌</view>

  106. 			</view>

  107. 			

  108. 			<!-- <view class="shebenche" @click="tapjumpequipment(2)">

  109. 				<view class="shebenchenum" style="color: red;">{{equipmentobj.lowPowerNum || 0}}</view>

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

  111. 			</view> -->

  112. 		</view>

  113. 

  114. 		

  115. 

  116. 		<view class="title" v-if="permissions.shishinum">今日工作</view>

  117. 		<view class="real-timebox" v-if="permissions.shishinum">

  118. 			<view class="timebox">

  119. 				<view class="real" @click="tapjumpreception('1')">

  120. 					<view class="realnum">{{realtimeobj.fraction || 0}}%</view>

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

  122. 				</view>

  123. 				<view class="real" @click="tapjumpreception('1')">

  124. 					<view class="realnum">{{realtimeobj.receptionCount || 0}}</view>

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

  126. 				</view>

  127. 				<view class="real" @click="tapjumpreception('2')">

  128. 					<view class="realnum">{{realtimeobj.receivingCustomer || 0}}</view>

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

  130. 				</view>

  131. 				<view class="real" @click="tapjumpreception('6')">

  132. 					<view class="realnum">{{realtimeobj.activeCustomer|| 0}}</view>

  133. 					<view class="realtext">有效接待</view>

  134. 				</view>

  135. 			</view>

  136. 			<view class="timebox">

  137. 				<view class="real" @click="tapjumpreception('1')">

  138. 					<view class="realnum">{{realtimeobj.avgDuration|| 0}}</view>

  139. 					<view class="realtext">平均接待时长</view>

  140. 				</view>

  141. 				<view class="real" @click="tapjumpreception('4')">

  142. 					<view class="realnum">{{realtimeobj.tagCustomer || 0}}</view>

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

  144. 				</view>

  145. 				<view class="real">

  146. 					<view @click="prohibitedtap(1)" v-if="methodsisshow==true" class="realnum" style="color: red;">

  147. 						{{realtimeobj.prohibitedCustomer || 0}}</view>

  148. 					<view @click="prohibitedtap(1)" v-if="methodsisshow==true" class="realtext">违禁预警</view>

  149. 				</view>

  150. 				<view class="real">

  151. 					<view class="realnum"></view>

  152. 					<view class="realtext"></view>

  153. 				</view>

  154. 

  155. 			</view>

  156. 		</view>

  157. 

  158. 

  159. 

  160. 		<view class="title" v-if="permissions.jileinum" style="display: flex;">

  161. 			<view style="width: 70%;"  @click="taptimeisshow">

  162. 				<!-- 概览 -->

  163. 				{{choiceIndex}}累计<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>

  164. 			</view>

  165. <!-- 			<view class="cet" style="display: flex;">

  166. 				<view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 2 }" @click="tabtimeclick(2)">近7天

  167. 				</view>

  168. 				<view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 6 }" @click="tabtimeclick(6)">

  169. 					近30天</view>

  170. 				<view class="cetview" :class="{ activecllasscet: zhixingcenterindex == 7 }" @click="tabtimeclick(7)">自定义

  171. 				</view>

  172. 			</view> -->

  173. 		</view>

  174. 		<view class="real-timebox" v-if="permissions.jileinum">

  175. 			<view class="timebox">

  176. 				<view class="real" @click="tapjumpreception('3')">

  177. 					<view class="realnum">{{Thisweekobj.fraction || 0}}%</view>

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

  179. 				</view>

  180. 				<view class="real" @click="tapjumpreception('3')">

  181. 					<view class="realnum">{{Thisweekobj.receptionCount || 0}}</view>

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

  183. 				</view>

  184. 				<view class="real" @click="tapjumpreception('7')">

  185. 					<view class="realnum">{{Thisweekobj.activeCustomer|| 0}}</view>

  186. 					<view class="realtext">有效接待</view>

  187. 				</view>

  188. 			</view>

  189. 			<view class="timebox">

  190. 				<view class="real" @click="tapjumpreception('3')">

  191. 					<view class="realnum">{{Thisweekobj.avgDuration|| 0}}</view>

  192. 					<view class="realtext">平均接待时长</view>

  193. 				</view>

  194. 				<view class="real" @click="prohibitedtap(2)" v-if="methodsisshow==true">

  195. 					<view class="realnum" style="color: red;">{{Thisweekobj.prohibitedCustomer || 0}}</view>

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

  197. 				</view>

  198. 				<view class="real" v-else>

  199. 					<view class="realnum"></view>

  200. 					<view class="realtext"></view>

  201. 				</view>

  202. 				<view class="real">

  203. 					<view class="realnum"></view>

  204. 					<view class="realtext"></view>

  205. 				</view>

  206. 			</view>

  207. 		</view>

  208. 

  209. 

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

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

  212. <!-- 			<view class="commonly" @click="Piabodata('客户管理')" v-if="permissions.commonly1">

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

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

  215. 				</view>

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

  217. 			</view> -->

  218. 

  219. 			<view class="commonly" @click="Piabodata('接待记录')" v-if="permissions.commonly2">

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

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

  222. 				</view>

  223. 				<view class="commonly-text">接待记录</view>

  224. 			</view>

  225. 

  226. 			<view class="commonly" @click="Piabodata('违禁记录')" v-if="permissions.commonly3">

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

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

  229. 				</view>

  230. 				<view class="commonly-text">违禁记录</view>

  231. 			</view>

  232. 

  233. 			<view class="commonly" @click="Piabodata('销讲分析')" v-if="permissions.commonly4">

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

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

  236. 				</view>

  237. 				<view class="commonly-text">销讲分析</view>

  238. 			</view>

  239. 

  240. 			<view class="commonly" @click="Piabodata('设备管理')" v-if="permissions.commonly5">

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

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

  243. 				</view>

  244. 				<view class="commonly-text">设备管理</view>

  245. 			</view>

  246. 

  247. 			<view class="commonly" @click="Piabodata('值班顾问')" v-if="permissions.commonly6">

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

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

  250. 				</view>

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

  252. 			</view>

  253. 			

  254. <!-- 			<view class="commonly" @click="Piabodata('日报')" v-if="permissions.commonly6">

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

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

  257. 				</view>

  258. 				<view class="commonly-text">日报</view>

  259. 			</view> -->

  260. 

  261. 			<view class="commonly" @click="Piabodata('顾问排名')" v-if="permissions.commonly7">

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

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

  264. 				</view>

  265. 				<view class="commonly-text">顾问排名</view>

  266. 			</view>

  267. 			

  268. 			

  269. 			

  270. 			<view class="commonly" @click="toTrendAnalysis()" v-if="permissions.commonly8">

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

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

  273. 				</view>

  274. 				<view class="commonly-text">销讲趋势</view>

  275. 			</view>

  276. 			

  277. 			<view class="commonly" @click="toStaffAnalysis()" v-if="permissions.commonly9">

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

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

  280. 				</view>

  281. 				<view class="commonly-text">员工分析</view>

  282. 			</view>

  283. 			

  284. 			<view class="commonly" @click="toUserinsightinto()" v-if="permissions.commonly10">

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

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

  287. 				</view>

  288. 				<view class="commonly-text">用户画像</view>

  289. 			</view>

  290. 			

  291. 			<view class="commonly" @click="Theteamcompared()" v-if="permissions.commonly11">

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

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

  294. 				</view>

  295. 				<view class="commonly-text">团队对比</view>

  296. 			</view>

  297. 			

  298. 			<view class="commonly" @click="Groupcontrast()" v-if="permissions.commonly12">

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

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

  301. 				</view>

  302. 				<view class="commonly-text">集团对比</view>

  303. 			</view>

  304. 

  305. 		</view>

  306. 

  307. 

  308. 		<!-- 项目切换 -->

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

  310. 			<u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="lpanlist"

  311. 				@cancel="cancel" @confirm="confirm"></u-select>

  312. 		</view>

  313. 		<u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar>

  314. 

  315. 		<u-popup v-model="timeshow" mode="bottom">

  316. 			<view class="timeview" :style="{ color: zhixingcenterindex == 2 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(2,'近7天')">近7天</view>

  317. 			<view class="timeview" :style="{ color: zhixingcenterindex == 6 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(6,'近30天')">近30天</view>

  318. 			<view class="timeview" :style="{ color: zhixingcenterindex == 7 ? '#2B6EFF' : '#333333' }" @click="tabtimetap(7,'自定义')">自定义</view>

  319. 		</u-popup>

  320. 

  321. 		<!-- 底部导航栏 -->

  322. 		<u-tabbar :mid-button="true" activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList"></u-tabbar>

  323. 

  324. 	</view>

  325. </template>

  326. 

  327. <script>

  328. 	var config = require("../../config");

  329. 	import tabbarList from '@/utils/tabbar.js'

  330. 	export default {

  331. 		data() {

  332. 			return {

  333. 				// tabbar配置项

  334. 				current: 2,

  335. 				tabbarList: tabbarList,

  336. 				//--- end --- tabbar配置项

  337. 				userInfo: {},

  338. 				Showhiddenunits: false,

  339. 				lpanlist: [], //项目列表

  340. 				buildingname: '', //项目名

  341. 				buildingID: '', //项目id

  342. 				buildingishow: false, //是否选择项目

  343. 				// Myworkcard: false,

  344. 				percentage: '', //设备电量

  345. 				Whetheroffline: false, //是否离线

  346. 				signalDevice: 0, //信号

  347. 				signalDevicetext: "",

  348. 				imeiCode:'',//设备号

  349. 				openFlag:'',//接待是否

  350. 				choiceIndex:'近7天',

  351. 				audioStatus: false,

  352. 				equipmentisshow: false,

  353. 				timeshow:false,

  354. 				equipmentobj: {

  355. 					totalNum: '',

  356. 					onlineNum: '',

  357. 					activeNum: '',

  358. 					lowPowerNum: '',

  359. 				},

  360. 				operation:{

  361. 					receptionCount:'',

  362. 					accountCount:'',

  363. 					forbiddenCount:'',

  364. 					lowPowerNum:''

  365. 				},

  366. 				Menulist: [],

  367. 				realtimeobj: {

  368. 					sumCustomer: '',

  369. 					receivingCustomer: '',

  370. 					activeCustomer: '',

  371. 					prohibitedCustomer: '',

  372. 					tagCustomer: '',

  373. 					fraction: '',

  374. 					receptionCount: ''

  375. 				},

  376. 				Thisweekobj: {

  377. 					sumCustomer: '',

  378. 					receivingCustomer: '',

  379. 					activeCustomer: '',

  380. 					prohibitedCustomer: '',

  381. 					tagCustomer: '',

  382. 					fraction: '',

  383. 					receptionCount: ''

  384. 				},

  385. 				methodsisshow: false,

  386. 				zhixingcenterindex: 2,

  387. 				totalTimeShow: false,

  388. 				statDateStart: '',

  389. 				statDateEnd: '',

  390. 				permissions: {

  391. 					commonly1: false,

  392. 					commonly2: false,

  393. 					commonly3: false,

  394. 					commonly4: false,

  395. 					commonly5: false,

  396. 					commonly6: false,

  397. 					commonly7: false,

  398. 					myisshebei: false,

  399. 					shebeinum: false,

  400. 					shishinum: false,

  401. 					jileinum: false

  402. 				},

  403. 

  404. 				// 标记顾问 bjgw

  405. 				// 接待无效标记 jdwxbj

  406. 				// 设为优秀案例 swyxal

  407. 				// 常错词 ccc

  408. 				// 校准 xz

  409. 				// 查看违禁执行 ckwjzx

  410. 			};

  411. 		},

  412. 		components: {},

  413. 		onLoad() {

  414. 			this.sendLog()

  415. 		},

  416. 		

  417. 		onPullDownRefresh() {

  418. 			this.getMenu()

  419. 

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

  421. 			if (this.userInfo.dataCode == 6 || this.userInfo.dataCode == 3) {

  422. 				this.methodsisshow = false;

  423. 			} else {

  424. 				this.methodsisshow = true;

  425. 			}

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

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

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

  429. 				this.buildingishow = false;

  430. 			} else {

  431. 				this.buildingishow = true;

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

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

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

  435. 					item.label = item.propertyName;

  436. 					item.value = item.id

  437. 				})

  438. 				this.lpanlist = this.userInfo.zkProperties

  439. 			}

  440. 			if (this.userInfo.dataCode == 6) {

  441. 				// this.Myworkcard = true;

  442. 				this.equipmentisshow = false;

  443. 				this.iniodianloang()

  444. 			} else {

  445. 				this.equipmentisshow = true;

  446. 				// this.Myworkcard = false;

  447. 				this.initequipment()

  448. 				this.waitForOperation()

  449. 			}

  450. 			this.initworkThisWeek()

  451. 			this.initrealTimeStatistics()

  452. 			setTimeout(() => {

  453. 				uni.stopPullDownRefresh()

  454. 			}, 3000)

  455. 		},

  456. 		

  457. 		onShow() {

  458. 			this.getMenu()

  459. 

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

  461. 			if (this.userInfo.dataCode == 6 || this.userInfo.dataCode == 3) {

  462. 				this.methodsisshow = false;

  463. 			} else {

  464. 				this.methodsisshow = true;

  465. 			}

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

  467. 				console.log('asdklajkl')

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

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

  470. 				this.buildingishow = false;

  471. 				uni.setStorageSync('orgCode', this.userInfo.zkProperties[0].orgCode)

  472. 			} else {

  473. 				this.buildingishow = true;

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

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

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

  477. 					item.label = item.propertyName;

  478. 					item.value = item.id

  479. 				})

  480. 				this.lpanlist = this.userInfo.zkProperties

  481. 			}

  482. 			if (this.userInfo.dataCode == 6) {

  483. 				// this.Myworkcard = true;

  484. 				this.equipmentisshow = false;

  485. 				this.iniodianloang()

  486. 			} else {

  487. 				this.equipmentisshow = true;

  488. 				// this.Myworkcard = false;

  489. 				this.initequipment()

  490. 				this.waitForOperation()

  491. 			}

  492. 			this.initworkThisWeek()

  493. 			this.initrealTimeStatistics()

  494. 		},

  495. 		methods: {

  496. 			indexStatus(i){

  497. 				if (this.permissions.commonly5 == true) {

  498. 					if(i==0){

  499. 						uni.switchTab({

  500. 							url:"/pages/index/customer"

  501. 						})

  502. 					}else if(i==1){

  503. 						uni.navigateTo({

  504. 							url: '/pages/center/records/index?refresh=refresh&markAdvisor=0'

  505. 						});

  506. 					}else if(i==3){

  507. 						uni.navigateTo({

  508. 							url: '/pages/center/prohibited/index?refresh=refresh'

  509. 						});

  510. 					}

  511. 				}

  512. 			},

  513. 			sendLog(){

  514. 				uni.request({

  515. 					url: config.service.addLog,

  516. 					method: "POST",

  517. 					header: {

  518. 						'content-type': 'application/json',

  519. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  520. 					},

  521. 					data: {

  522. 						houseId: this.buildingID,

  523. 						serviceId:"test"

  524. 					},

  525. 					success: (data) => {

  526. 						console.log(data)

  527. 					}

  528. 				})

  529. 			},

  530. 			//时间选择

  531. 			tabtimetap(index,str){

  532. 				this.timeshow=false;

  533. 				if (index == 7) {

  534. 					this.totalTimeShow = true;

  535. 				} else {

  536. 					console.log(str)

  537. 					this.choiceIndex=str

  538. 					this.zhixingcenterindex = index;

  539. 					this.initworkThisWeek()

  540. 				}

  541. 			},

  542. 			taptimeisshow(){

  543. 				this.timeshow=true;

  544. 			},

  545. 			//获取权限

  546. 			getMenu() {

  547. 				uni.request({

  548. 					url: config.service.getMenu,

  549. 					method: "POST",

  550. 					header: {

  551. 						'content-type': 'application/json',

  552. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  553. 					},

  554. 					success: (data) => {

  555. 						console.log(data, 'dsadjsakljlkj123kl12321')

  556. 						let rescor = data.data;

  557. 						if (rescor.code == 0) {

  558. 							uni.setStorageSync("weapp_session_Menu_data", rescor.data)

  559. 							let newmenulist = uni.getStorageSync('weapp_session_Menu_data');

  560. 							this.permissions.commonly1 = newmenulist.khgl;

  561. 							this.permissions.commonly2 = newmenulist.jdjl;

  562. 							this.permissions.commonly3 = newmenulist.wjjl;

  563. 							this.permissions.commonly4 = newmenulist.xjfx;

  564. 							this.permissions.commonly5 = newmenulist.sbgl;

  565. 							this.permissions.commonly6 = newmenulist.zbgw;

  566. 							this.permissions.commonly7 = newmenulist.gwpm;

  567. 							

  568. 							this.permissions.commonly8=newmenulist.lpdb;

  569. 							this.permissions.commonly9=newmenulist.xjqs;

  570. 							this.permissions.commonly10=newmenulist.tddb;

  571. 							this.permissions.commonly11=newmenulist.gwnl;

  572. 							this.permissions.commonly12=newmenulist.yhhx;

  573. 

  574. 							this.permissions.myisshebei = newmenulist.wdsb;

  575. 							this.permissions.shebeinum = newmenulist.sbtj;

  576. 							this.permissions.shishinum = newmenulist.sstj;

  577. 							this.permissions.jileinum = newmenulist.gzlj;

  578. 						}

  579. 					}

  580. 				})

  581. 			},

  582. 			//自定义时间

  583. 			totalTimeChange(e) {

  584. 				this.statDateStart = e.startDate;

  585. 				this.statDateEnd = e.endDate;

  586. 				this.choiceIndex= `${e.startDate.replace(/\-/g, '.')}-${e.endDate.replace(/\-/g, '.')}`

  587. 				this.zhixingcenterindex = 7;

  588. 				this.initworkThisWeek()

  589. 			},

  590. 			tabtimeclick(i) {

  591. 				if (i == 7) {

  592. 					this.totalTimeShow = true;

  593. 				} else {

  594. 					this.zhixingcenterindex = i;

  595. 					this.initworkThisWeek()

  596. 				}

  597. 			},

  598. 			initworkThisWeek() {

  599. 				uni.request({

  600. 					url: config.service.workThisWeek,

  601. 					method: "POST",

  602. 					header: {

  603. 						'content-type': 'application/json',

  604. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  605. 					},

  606. 					data: {

  607. 						houseId: this.buildingID,

  608. 						dateType: this.zhixingcenterindex == 7 ? null : this.zhixingcenterindex,

  609. 						statDateStart: this.statDateStart,

  610. 						statDateEnd: this.statDateEnd

  611. 					},

  612. 					success: (data) => {

  613. 						if (data.data.data == null) {

  614. 							return

  615. 						} else {

  616. 							this.Thisweekobj = {

  617. 								sumCustomer: data.data.data.sumCustomer,

  618. 								receivingCustomer: data.data.data.receivingCustomer,

  619. 								activeCustomer: data.data.data.activeCustomer,

  620. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

  621. 								avgDuration: data.data.data.avgDuration || 0,

  622. 								tagCustomer: data.data.data.tagCustomer,

  623. 								fraction: data.data.data.fraction,

  624. 								receptionCount: data.data.data.receptionCount

  625. 							}

  626. 						}

  627. 					}

  628. 				})

  629. 			},

  630. 			//实时统计

  631. 			initrealTimeStatistics() {

  632. 				uni.request({

  633. 					url: config.service.realTimeStatistics,

  634. 					method: "POST",

  635. 					header: {

  636. 						'content-type': 'application/json',

  637. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  638. 					},

  639. 					data: {

  640. 						houseId: this.buildingID

  641. 					},

  642. 					success: (data) => {

  643. 						if (data.data.data == null) {

  644. 							return

  645. 						} else {

  646. 							this.realtimeobj = {

  647. 								sumCustomer: data.data.data.sumCustomer,

  648. 								receivingCustomer: data.data.data.receivingCustomer,

  649. 								activeCustomer: data.data.data.activeCustomer,

  650. 								prohibitedCustomer: data.data.data.prohibitedCustomer,

  651. 								avgDuration: data.data.data.avgDuration || 0,

  652. 								tagCustomer: data.data.data.tagCustomer,

  653. 								fraction: data.data.data.fraction,

  654. 								receptionCount: data.data.data.receptionCount

  655. 							}

  656. 						}

  657. 					}

  658. 				})

  659. 			},

  660. 

  661. 			//设备

  662. 			initequipment() {

  663. 				uni.request({

  664. 					url: config.service.findEquipmentState,

  665. 					method: "POST",

  666. 					header: {

  667. 						'content-type': 'application/json',

  668. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  669. 					},

  670. 					data: {

  671. 						propertyId: this.buildingID

  672. 					},

  673. 					success: (data) => {

  674. 						if (data.data.data == null) {

  675. 							return

  676. 						} else {

  677. 							this.equipmentobj = {

  678. 								totalNum: data.data.data.totalNum,

  679. 								onlineNum: data.data.data.onlineNum,

  680. 								activeNum: data.data.data.activeNum,

  681. 								lowPowerNum: data.data.data.lowPowerNum,

  682. 							}

  683. 						}

  684. 					}

  685. 				})

  686. 			},

  687. 			// 待处理

  688. 			waitForOperation (){

  689. 				this.$u.post('/cusLvStatistics/waitForOperation ',{

  690. 					houseId:this.buildingID

  691. 				})

  692. 				.then(res=>{

  693. 					// console.log(res,'带接待')

  694. 					this.operation.receptionCount=res.receptionCount

  695. 					this.operation.accountCount=res.accountCount

  696. 					this.operation.forbiddenCount=res.forbiddenCount

  697. 					this.operation.lowPowerNum=res.lowPowerNum

  698. 				})

  699. 			},

  700. 			//我的工牌

  701. 			iniodianloang() {

  702. 				uni.request({

  703. 					url: config.service.findElectricity,

  704. 					method: "POST",

  705. 					header: {

  706. 						'content-type': 'application/json',

  707. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  708. 					},

  709. 					data: {

  710. 						propertyId: this.buildingID,

  711. 						accPhone: this.userInfo.username

  712. 					},

  713. 					success: (data) => {

  714. 						if (data.data.data == null) {

  715. 							return

  716. 						} else {

  717. 							this.imeiCode=data.data.data.imei

  718. 							this.openFlag=data.data.data.recCmd

  719. 							if (data.data.data > 100) {

  720. 								this.percentage = 100;

  721. 							} else {

  722. 								if (data.data.data.onLine == 0) {

  723. 									this.Whetheroffline = false;

  724. 								} else {

  725. 									this.Whetheroffline = true;

  726. 									this.percentage = data.data.data.electricity;

  727. 									this.signalDevice = data.data.data.signalDevice / 1;

  728. 									console.log(this.signalDevice)

  729. 									this.audioStatus = data.data.data.simAudioStatus;

  730. 									if (this.signalDevice > 80) {

  731. 										this.signalDevicetext = '高';

  732. 									} else {

  733. 										if (this.signalDevice == 0) {

  734. 											this.signalDevicetext = '无';

  735. 										} else {

  736. 											this.signalDevicetext = '低';

  737. 										}

  738. 									}

  739. 								}

  740. 

  741. 							}

  742. 						}

  743. 					}

  744. 				})

  745. 			},

  746. 			//选择项目弹框

  747. 			piskbuilding() {

  748. 				// this.Showhiddenunits = true;

  749. 				uni.navigateTo({

  750. 					url:"../mine/selectBuilding"

  751. 				})

  752. 			},

  753. 			// 项目选择确认

  754. 			confirm(e) {

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

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

  757. 				let lopan = {

  758. 					id: e[0].value,

  759. 					name: e[0].label

  760. 				}

  761. 				uni.setStorageSync("buildingID", lopan); //项目id写入缓存

  762. 				uni.setStorageSync("orgCode", e[0].orgCode); //项目id写入缓存

  763. 				this.initworkThisWeek()

  764. 				this.initrealTimeStatistics()

  765. 				this.waitForOperation()

  766. 				this.initequipment()

  767. 				this.iniodianloang()

  768. 

  769. 			},

  770. 			// 项目选择取消

  771. 			cancel() {

  772. 				this.Showhiddenunits = false;

  773. 			},

  774. 			tapjumpequipment(i) {

  775. 				if (this.permissions.commonly5 == true) {

  776. 					uni.navigateTo({

  777. 						url: '/pages/mine/equipment/index?active=' + i

  778. 					});

  779. 				}

  780. 			},

  781. 			prohibitedtap(i) {

  782. 				if (i == 1) {

  783. 					uni.navigateTo({

  784. 						url: '/pages/center/prohibited/index?refresh=' + 'refresh' + '&activeTotal=' + '0'

  785. 					});

  786. 				} else {

  787. 					if (this.zhixingcenterindex == 2) {

  788. 						uni.navigateTo({

  789. 							url: '/pages/center/prohibited/index?refresh=' + 'refresh' + '&activeTotal=' + '2'

  790. 						});

  791. 					} else if (this.zhixingcenterindex == 6) {

  792. 						uni.navigateTo({

  793. 							url: '/pages/center/prohibited/index?refresh=' + 'refresh' + '&activeTotal=' + '3'

  794. 						});

  795. 					} else {

  796. 						uni.navigateTo({

  797. 							url: '/pages/center/prohibited/index?refresh=' + 'refresh' + '&activeTotal=' + '4' +

  798. 								'&staTime=' + this.statDateStart + '&endtime=' + this.statDateEnd

  799. 						});

  800. 					}

  801. 				}

  802. 			},

  803. 			tapjumpreception(i) {

  804. 				if (this.permissions.commonly2 == true) {

  805. 					if (i == 1) {

  806. 						uni.navigateTo({

  807. 							url: '/pages/center/records/index?refresh=' + 'refresh' + '&activeTotal=' + '0'

  808. 						});

  809. 					} else if (i == 2) {

  810. 						uni.switchTab({

  811. 							url: '/pages/index/customer'

  812. 						});

  813. 					} else if (i == 3) {

  814. 						if (this.zhixingcenterindex == 2) {

  815. 							uni.navigateTo({

  816. 								url: '/pages/center/records/index?refresh=' + 'refresh' + '&activeTotal=' + '2'

  817. 							});

  818. 						} else if (this.zhixingcenterindex == 6) {

  819. 							uni.navigateTo({

  820. 								url: '/pages/center/records/index?refresh=' + 'refresh' + '&activeTotal=' + '3'

  821. 							});

  822. 						} else {

  823. 							uni.navigateTo({

  824. 								url: '/pages/center/records/index?refresh=' + 'refresh' + '&activeTotal=' + '4' +

  825. 									'&staTime=' + this.statDateStart + '&endtime=' + this.statDateEnd

  826. 							});

  827. 						}

  828. 

  829. 					} else if (i == 6) {

  830. 						uni.navigateTo({

  831. 							url: '/pages/center/records/index?refresh=' + 'refresh' + '&activeTotal=' + '0' +

  832. 								'&validInvalid=0'

  833. 						});

  834. 					} else if (i == 7) {

  835. 						if (this.zhixingcenterindex == 2) {

  836. 							uni.navigateTo({

  837. 								url: '/pages/center/records/index?refresh=' + 'refresh' + '&activeTotal=' + '2' +

  838. 									'&validInvalid=0'

  839. 							});

  840. 						} else if (this.zhixingcenterindex == 6) {

  841. 							uni.navigateTo({

  842. 								url: '/pages/center/records/index?refresh=' + 'refresh' + '&activeTotal=' + '3' +

  843. 									'&validInvalid=0'

  844. 							});

  845. 						} else {

  846. 							uni.navigateTo({

  847. 								url: '/pages/center/records/index?refresh=' + 'refresh' + '&activeTotal=' + '4' +

  848. 									'&staTime=' + this.statDateStart + '&endtime=' + this.statDateEnd +

  849. 									'&validInvalid=0'

  850. 							});

  851. 						}

  852. 					} else {

  853. 						uni.navigateTo({

  854. 							url: '/pages/center/records/index?refresh=' + 'refresh' + '&activeTotal=0' +

  855. 								'&markAdvisor=0'

  856. 						});

  857. 					}

  858. 				}

  859. 			},

  860. 			//集团对比

  861. 			Groupcontrast() {

  862. 				uni.navigateTo({

  863. 					url: '/pages/center/Piabodata/Groupcontrast'

  864. 				});

  865. 			},

  866. 			//团队对比

  867. 			Theteamcompared() {

  868. 				// if (this.teamList.length == 0) {

  869. 				// 	uni.showToast({

  870. 				// 		title: '没有团队呢',

  871. 				// 		icon: 'none'

  872. 				// 	})

  873. 				// 	return

  874. 				// }

  875. 				uni.navigateTo({

  876. 					url: '/pages/center/Piabodata/Theteamcompared'

  877. 				});

  878. 			},

  879. 			//用户洞察

  880. 			toUserinsightinto() {

  881. 				uni.navigateTo({

  882. 					url: '/pages/center/Piabodata/Userinsightinto'

  883. 				});

  884. 			},

  885. 			//趋势分析

  886. 			toTrendAnalysis() {

  887. 				uni.navigateTo({

  888. 					url: '/pages/center/Piabodata/TrendAnalysis'

  889. 				});

  890. 			},

  891. 			//员工分析

  892. 			toStaffAnalysis() {

  893. 				// if (this.staffList.length == 0) {

  894. 				// 	uni.showToast({

  895. 				// 		title: '没有团队呢',

  896. 				// 		icon: 'none'

  897. 				// 	})

  898. 				// 	return

  899. 				// }

  900. 				uni.navigateTo({

  901. 					url: '/pages/center/Piabodata/StaffAnalysis'

  902. 				});

  903. 			},

  904. 			Piabodata(item) {

  905. 				if (item == '销讲分析') {

  906. 					uni.navigateTo({

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

  908. 					});

  909. 				} else if (item == '接待记录') {

  910. 					uni.navigateTo({

  911. 						url: '/pages/center/records/index?refresh=' + 'refresh'

  912. 					});

  913. 				} else if (item == '值班顾问') {

  914. 					uni.navigateTo({

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

  916. 					});

  917. 				} else if (item == '设备管理') {

  918. 					uni.navigateTo({

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

  920. 					});

  921. 				} else if (item == '顾问排名') {

  922. 					uni.navigateTo({

  923. 						url: '/pages/center/Piabodata/Employeesstatistics'

  924. 					});

  925. 				} else if (item == '违禁记录') {

  926. 					uni.navigateTo({

  927. 						url: '/pages/center/prohibited/index?refresh=' + 'refresh'

  928. 					});

  929. 				}else if (item == '日报') {

  930. 					uni.navigateTo({

  931. 						url: '/pages/mine/daily/dailyList?refresh=' + 'refresh'

  932. 					});

  933. 				} else {

  934. 					uni.navigateTo({

  935. 						url: '/pages/center/consumer/index?refresh=' + 'refresh'

  936. 					});

  937. 				}

  938. 

  939. 

  940. 			},

  941. 		},

  942. 

  943. 	};

  944. </script>

  945. 

  946. <style lang="scss" scoped>

  947. 	.activecllasscet {

  948. 		font-size: 28rpx;

  949. 		font-weight: 400;

  950. 		color: #008ef2;

  951. 	}

  952. 

  953. 	.cet {

  954. 		font-size: 28rpx;

  955. 		font-weight: 400;

  956. 		color: #333333;

  957. 

  958. 		.cetview {

  959. 			margin-left: 20rpx;

  960. 		}

  961. 	}

  962. 

  963. 	.cented-box {

  964. 		padding: 30rpx;

  965. 		background: #F8F8F8;

  966. 		width: 100%;

  967. 		height: 100%;

  968. 	}

  969. 

  970. 	.Switchingbox {

  971. 		width: 100%;

  972. 		height: 44rpx;

  973. 		display: flex;

  974. 		align-items: center;

  975. 

  976. 		.Switching1 {

  977. 			width: 44rpx;

  978. 			height: 44rpx;

  979. 

  980. 			.Switching1-img {

  981. 				width: 44rpx;

  982. 				height: 44rpx;

  983. 			}

  984. 		}

  985. 

  986. 		.Switching2 {

  987. 			margin-left: 12rpx;

  988. 			font-size: 32rpx;

  989. 			color: #303030;

  990. 			font-weight: 500;

  991. 		}

  992. 

  993. 		.Switching3 {

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

  995. 			font-size: 32rpx;

  996. 			color: #303030;

  997. 			font-weight: 500;

  998. 		}

  999. 

  1000. 		.Switching4 {

  1001. 			width: 112rpx;

  1002. 			font-size: 28rpx;

  1003. 			color: #303030;

  1004. 			font-weight: 400;

  1005. 			text-align: right;

  1006. 			text-decoration: underline

  1007. 		}

  1008. 	}

  1009. 

  1010. 	.Workcard {

  1011. 		width: 100%;

  1012. 		background: #FFFFFF;

  1013. 		height: 154rpx;

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

  1015. 		border-radius: 12rpx;

  1016. 		display: flex;

  1017. 

  1018. 		.Workcard-box {

  1019. 			flex: 1;

  1020. 			height: 100%;

  1021. 

  1022. 			.Workcardimg {

  1023. 				width: 100%;

  1024. 				display: flex;

  1025. 				justify-content: center;

  1026. 				margin-top: 42rpx;

  1027. 

  1028. 				.Workcardimg1 {

  1029. 					width: 64rpx;

  1030. 					height: 36rpx;

  1031. 					background-image: url(../../static/images/battery.png);

  1032. 					background-size: 100% 100%;

  1033. 					padding: 8rpx;

  1034. 					transform: rotate(-90deg);

  1035. 					.bar {

  1036. 						background-color: #43CD80;

  1037. 						height: 100%;

  1038. 						border-radius: 4rpx;

  1039. 					}

  1040. 

  1041. 					.bar1 {

  1042. 						background-color: red;

  1043. 						height: 100%;

  1044. 						border-radius: 4rpx;

  1045. 					}

  1046. 				}

  1047. 

  1048. 				.Workcardimg2 {

  1049. 					width: 56rpx;

  1050. 					height: 36rpx;

  1051. 				}

  1052. 

  1053. 				.Workcardimg3 {

  1054. 					width: 34rpx;

  1055. 					height: 36rpx;

  1056. 				}

  1057. 

  1058. 				.Workcardimg4 {

  1059. 					width: 50rpx;

  1060. 					height: 40rpx;

  1061. 				}

  1062. 			}

  1063. 

  1064. 			.Workcardtext {

  1065. 				width: 100%;

  1066. 				text-align: center;

  1067. 				font-size: 24rpx;

  1068. 				font-weight: 400;

  1069. 				color: #666666;

  1070. 				margin-top: 20rpx;

  1071. 			}

  1072. 		}

  1073. 	}

  1074. 

  1075. 	.title {

  1076. 		width: 100%;

  1077. 		height: 30rpx;

  1078. 		font-size: 30rpx;

  1079. 		font-weight: 600;

  1080. 		color: #333333;

  1081. 		margin-top: 40rpx;

  1082. 		margin-bottom: 24rpx;

  1083. 	}

  1084. 

  1085. 	.shebenbox {

  1086. 		width: 100%;

  1087. 		height: 156rpx;

  1088. 		background: #FFFFFF;

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

  1090. 		border-radius: 12rpx;

  1091. 		display: flex;

  1092. 

  1093. 		.shebenche {

  1094. 			width: 25%;

  1095. 			height: 100%;

  1096. 

  1097. 			.shebenchenum {

  1098. 				width: 100%;

  1099. 				font-size: 36rpx;

  1100. 				font-weight: 600;

  1101. 				color: #333333;

  1102. 				text-align: center;

  1103. 				margin-top: 28rpx;

  1104. 			}

  1105. 

  1106. 			.shebenchetext {

  1107. 				width: 100%;

  1108. 				font-size: 24rpx;

  1109. 				font-weight: 400;

  1110. 				color: #666666;

  1111. 				text-align: center;

  1112. 				margin-top: 24rpx;

  1113. 			}

  1114. 		}

  1115. 	}

  1116. 

  1117. 	.real-timebox {

  1118. 		width: 100%;

  1119. 		background: #FFFFFF;

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

  1121. 		border-radius: 12rpx;

  1122. 		padding-bottom: 36rpx;

  1123. 

  1124. 		.timebox {

  1125. 			width: 100%;

  1126. 			display: flex;

  1127. 

  1128. 			.real {

  1129. 				flex: 1;

  1130. 				height: 100%;

  1131. 

  1132. 				.realnum {

  1133. 					width: 100%;

  1134. 					font-size: 36rpx;

  1135. 					font-weight: 600;

  1136. 					color: #333333;

  1137. 					text-align: center;

  1138. 					margin-top: 36rpx;

  1139. 				}

  1140. 

  1141. 				.realtext {

  1142. 					width: 100%;

  1143. 					font-size: 24rpx;

  1144. 					font-weight: 400;

  1145. 					color: #666666;

  1146. 					text-align: center;

  1147. 					margin-top: 24rpx;

  1148. 				}

  1149. 			}

  1150. 		}

  1151. 

  1152. 	}

  1153. 

  1154. 	.commonly-box {

  1155. 		width: 100%;

  1156. 		background: #FFFFFF;

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

  1158. 		border-radius: 12rpx;

  1159. 		display: flex;

  1160. 		flex-wrap: wrap;

  1161. 		padding-bottom: 36rpx;

  1162. 

  1163. 		.commonly {

  1164. 			width: 25%;

  1165. 			margin-top: 36rpx;

  1166. 

  1167. 			.commonly-img {

  1168. 				width: 100%;

  1169. 				height: 68rpx;

  1170. 				text-align: center;

  1171. 

  1172. 				.commonly-img1 {

  1173. 					width: 68rpx;

  1174. 					height: 68rpx;

  1175. 					border-radius: 50%;

  1176. 				}

  1177. 			}

  1178. 

  1179. 			.commonly-text {

  1180. 				width: 100%;

  1181. 				text-align: center;

  1182. 				font-size: 24rpx;

  1183. 				font-weight: 400;

  1184. 				color: #333333;

  1185. 				margin-top: 16rpx;

  1186. 			}

  1187. 		}

  1188. 	}

  1189. 	.timeview{

  1190. 		height: 80rpx;

  1191. 		line-height: 80rpx;

  1192. 		width: 100%;

  1193. 		text-align: center;

  1194. 		border-bottom: 1px solid #F8F8F8;

  1195. 	}

  1196. </style>