liumin
/
zkPCproject
0
0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
389 Révisions
4 Branches
45 MiB
 
 
 
Aborescence: 58a08c0536
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '58a08c0536'
${ noResults }
zkPCproject/src/page/wel.vue

1490 lignes
56 KiB
Brut Annotations Historique 

  1. <template>

  2.   <div class="box-center">

  3.     <div v-if="role==3&&info.userRoleType!=6">

  4.           <div class="app-titel">

  5.             <div class="titel-text">时间</div>

  6.             <div class="toptimeqhuan">

  7.               <div :class="{ tophove: TimetoAhoose == 0 }" @click="tabtimetap(0)">今天</div>

  8.               <div :class="{ tophove: TimetoAhoose == 1 }" @click="tabtimetap(1)"> 近7天 </div>

  9.               <div :class="{ tophove: TimetoAhoose == 2 }" @click="tabtimetap(2)">  近30天 </div>

  10.             </div>

  11.             <div style="margin-left: 26px">

  12.               <el-date-picker

  13.                 @change="confirmtime()"

  14.                 v-model="customtime"

  15.                  :clearable='false'

  16.                 type="daterange"

  17.                 range-separator="-"

  18.                 :default-time="['00:00:00', '23:59:59']"

  19.                 value-format="yyyy-MM-dd"

  20.                 start-placeholder="开始日期"

  21.                 end-placeholder="结束日期"

  22.               >

  23.               </el-date-picker>

  24.           </div>

  25.         </div>

  26.         <!-- 卡片部分 -->

  27.         <div class="page-container">

  28.             <div class="pagechen">

  29.               <div class="pageboxtitle1">接待量 (次)</div>

  30.               <div class="pageboxtitle2">

  31.                 <div class="span1">{{cardlist.datalist.receptionCount || 0}}</div>

  32.                 <div class="span2">

  33.                   <span class="span2-1"> 环比:{{cardlist.sequential.receptionCount || 0}}</span>

  34.                   <span class="span2-2" v-if="cardlist.liftlist.receptionCount>0">

  35.                     <i class="el-icon-top" style="color: red;"></i>

  36.                     {{cardlist.liftlist.receptionCount || 0}}

  37.                   </span>

  38.                   <span class="span2-3" v-if="cardlist.liftlist.receptionCount<0">

  39.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  40.                     {{cardlist.liftlist.receptionCount || 0}}

  41.                   </span>

  42.                 </div>

  43.               </div>

  44.             </div>

  45.             <div class="pagechen">

  46.               <div class="pageboxtitle1">有效接待(次)</div>

  47.               <div class="pageboxtitle2">

  48.                 <div class="span1">{{cardlist.datalist.activeCustomer || 0}}</div>

  49.                 <div class="span2">

  50.                   <span class="span2-1"> 环比:{{cardlist.sequential.activeCustomer || 0}}</span>

  51.                   <!-- <span class="span2-2">{{cardlist.liftlist.activeCustomer || 0}}%</span> -->

  52.                   <span class="span2-2" v-if="cardlist.liftlist.activeCustomer>0">

  53.                     <i class="el-icon-top" style="color: red;"></i>

  54.                     {{cardlist.liftlist.activeCustomer || 0}}

  55.                   </span>

  56.                   <span class="span2-3" v-if="cardlist.liftlist.activeCustomer<0">

  57.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  58.                     {{cardlist.liftlist.activeCustomer || 0}}

  59.                   </span>

  60.                 </div>

  61.               </div>

  62.             </div>

  63.             <div class="pagechen">

  64.               <div class="pageboxtitle1">正在接待</div>

  65.               <div class="pageboxtitle2">

  66.                 <div class="span1">{{cardlist.datalist.receivingCustomer || 0}}</div>

  67.               </div>

  68.             </div>

  69.             <div class="pagechen">

  70.               <div class="pageboxtitle1">平均接待时长(分钟)</div>

  71.               <div class="pageboxtitle2">

  72.                 <div class="span1">{{cardlist.datalist.avgDuration || 0}}</div>

  73.                 <div class="span2">

  74.                   <span class="span2-1"> 环比:{{cardlist.sequential.avgDuration || 0}}</span>

  75.                   <!-- <span class="span2-2">{{cardlist.liftlist.avgDuration || 0}}%</span> -->

  76.                   <span class="span2-2" v-if="cardlist.liftlist.avgDuration>0">

  77.                     <i class="el-icon-top" style="color: red;"></i>

  78.                     {{cardlist.liftlist.avgDuration || 0}}

  79.                   </span>

  80.                   <span class="span2-3" v-if="cardlist.liftlist.avgDuration<0">

  81.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  82.                     {{cardlist.liftlist.avgDuration || 0}}

  83.                   </span>

  84.                 </div>

  85.               </div>

  86.             </div>

  87.             <div class="pagechen">

  88.               <div class="pageboxtitle1">平均执行率(%)</div>

  89.               <div class="pageboxtitle2">

  90.                 <div class="span1">{{cardlist.datalist.fraction || 0}}</div>

  91.                 <div class="span2">

  92.                   <span class="span2-1"> 环比:{{cardlist.sequential.fraction || 0}}</span>

  93.                   <!-- <span class="span2-2">{{cardlist.liftlist.fraction || 0}}%</span> -->

  94.                   <span class="span2-2" v-if="cardlist.liftlist.fraction>0">

  95.                     <i class="el-icon-top" style="color: red;"></i>

  96.                     {{cardlist.liftlist.fraction || 0}}%

  97.                   </span>

  98.                   <span class="span2-3" v-if="cardlist.liftlist.fraction<0">

  99.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  100.                     {{cardlist.liftlist.fraction || 0}}%

  101.                   </span>

  102.                 </div>

  103.               </div>

  104.             </div>

  105.         </div>

  106.         <div style=" margin-top: 20px;" class="page-container">

  107.             <div class="pagechen">

  108.               <div class="pageboxtitle1">违禁接待次数(次)</div>

  109.               <div class="pageboxtitle2">

  110.                   <div class="span1">{{cardlist.datalist.prohibitedCustomer || 0}}</div>

  111.               <div class="span2">

  112.                 <span class="span2-1"> 环比:{{cardlist.sequential.prohibitedCustomer || 0}}</span>

  113.                 <!-- <span class="span2-2">{{cardlist.liftlist.prohibitedCustomer || 0}}%</span> -->

  114.                  <span class="span2-2" v-if="cardlist.liftlist.prohibitedCustomer>0">

  115.                     <i class="el-icon-top" style="color: red;"></i>

  116.                     {{cardlist.liftlist.prohibitedCustomer || 0}}

  117.                   </span>

  118.                   <span class="span2-3" v-if="cardlist.liftlist.prohibitedCustomer<0">

  119.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  120.                     {{cardlist.liftlist.prohibitedCustomer || 0}}

  121.                   </span>

  122.               </div>

  123.               </div>

  124.             </div>

  125.             <div class="pagechen">

  126.               <div class="pageboxtitle1">违禁接待占比(%)</div>

  127.               <div class="pageboxtitle2">

  128.                   <div class="span1">{{cardlist.datalist.prohibitedZb || 0}}</div>

  129.               <div class="span2">

  130.                 <span class="span2-1"> 环比:{{cardlist.sequential.prohibitedZb || 0}}</span>

  131.                 <!-- <span class="span2-2">{{cardlist.liftlist.prohibitedZb || 0}}%</span> -->

  132.                   <span class="span2-2" v-if="cardlist.liftlist.prohibitedZb>0">

  133.                     <i class="el-icon-top" style="color: red;"></i>

  134.                     {{cardlist.liftlist.prohibitedZb || 0}}%

  135.                   </span>

  136.                   <span class="span2-3" v-if="cardlist.liftlist.prohibitedZb<0">

  137.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  138.                     {{cardlist.liftlist.prohibitedZb || 0}}%

  139.                   </span>

  140.               </div>

  141.               </div>

  142.             </div>

  143.             <div class="pagechen">

  144.               <div class="pageboxtitle1">顾问(人)</div>

  145.               <div class="pageboxtitle2">

  146.                     <div class="span1">{{cardlist.datalist.accountNum || 0}}</div>

  147.               <div class="span2">

  148.                 <span class="span2-1"> 环比:{{cardlist.sequential.accountNum || 0}}</span>

  149.                 <!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> -->

  150.                   <span class="span2-2" v-if="cardlist.liftlist.accountNum>0">

  151.                     <i class="el-icon-top" style="color: red;"></i>

  152.                     {{cardlist.liftlist.accountNum || 0}}

  153.                   </span>

  154.                   <span class="span2-3" v-if="cardlist.liftlist.accountNum<0">

  155.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  156.                     {{cardlist.liftlist.accountNum || 0}}

  157.                   </span>

  158.               </div>

  159.               </div>

  160.             </div>

  161.             <div class="pagechen1"></div>

  162.             <div class="pagechen1" ></div>

  163.         </div>

  164. 

  165.         <div class="app-box-san">

  166.            <div class="zuo">

  167.               <div class="title">

  168.                 <div class="text1">维度触达占比</div>

  169.               </div>

  170.               <div v-if="indexZxllist.length==0" style="display:flex;justify-content: center; align-items: center;height: 60%;text-align:center;color: #909399;">

  171.               <div class="imgboxc" style="margin-top:40px;">

  172.                 <img class="imgboxc-img" src="/img/nullnull.png" alt="" />

  173.                 <div class="nulltext">暂无数据</div>

  174.               </div>

  175.               </div>

  176.                <div v-else   class="tabbox" style="display:flex;flex-wrap: wrap;height: 290px;overflow-y: auto;width: 90%;margin:0 auto;">

  177.                   <div v-for="(item,index) in indexZxllist" :key="index" style="width:33.3%;margin-top: 10px;cursor: pointer;">

  178.                     <div style="width:130px;height:100px;margin:0 auto;"><el-progress :stroke-width="12" :width='130'  type="dashboard" :percentage="item.zxl" ></el-progress></div>

  179.                     <div style="width:100%;text-align: center;margin-top:20px;">

  180.                        <el-tooltip :content="item.name" placement="top">

  181.                           <div style="width:80%;text-align: center;margin:0 auto;">{{item.name.substring(0,6)}}</div>

  182.                         </el-tooltip>

  183.                       </div>

  184. 

  185.                   </div>

  186.                </div>

  187.            </div>

  188.            <div class="you">

  189.               <div class="title">

  190.                 <div class="text1">顾问执行率排名(TOP10)</div>

  191.               </div>

  192. 

  193.               <div  v-if="employeeExecutionRatelist.list.length==0" style="display:flex;justify-content: center; align-items: center;height: 60%;text-align:center;color: #909399;">

  194.               <div class="imgboxc"  style="margin-top:40px;">

  195.                 <img class="imgboxc-img" src="/img/nullnull.png" alt="" />

  196.                 <div class="nulltext">暂无数据</div>

  197.               </div>

  198.               </div>

  199.               <div class="hejisan"  v-if="employeeExecutionRatelist.list.length!=0">

  200.                   <div  class="sanbox1" style="width: 40%;">

  201.                     <div class="text1-1">顾问</div>

  202.                     <div class="text1-2">{{employeeExecutionRatelist.num || ''}}</div>

  203.                   </div>

  204.                   <div  class="sanbox1" style="width: 25%;">

  205.                     <div class="text1-1">平均执行</div>

  206.                     <div class="text1-2">{{employeeExecutionRatelist.fraction || ''}}%</div>

  207.                   </div>

  208.               </div>

  209.               <div class="tabbox"  v-if="employeeExecutionRatelist.list.length!=0">

  210.                 <div style="overflow-y:auto;height: 230px;width: 94%;margin: 0 auto;">

  211.                     <div class="jinbox" v-for="(item,i) in employeeExecutionRatelist.list" :key='i'>

  212.                         <div class="jinboxtit">{{item.accountName}}</div>

  213.                         <div class="jinbox-box">

  214.                             <div class="boxbaifenbi" :style="'width:'+(item.fraction)+'%;'"></div>

  215.                         </div>

  216.                         <div class="jinboxbott">{{item.fraction}}%</div>

  217.                     </div>

  218.                 </div>

  219.               </div>

  220.            </div>

  221.         </div>

  222. 

  223.         <div class="app-box-san" >

  224.           <div class="zuo">

  225.             <div class="title">

  226.               <div class="text1">违禁提醒</div>

  227.             </div>

  228. 

  229.             <div class="tabbox" >

  230.               <el-table

  231.                   :header-cell-style="{background:'#F2F4F5'}"

  232.                   :data="prohibitedlist"

  233.                   height="320"

  234.                   style="width: 100%;font-size: 14px;">

  235.                   <el-table-column

  236.                     prop="agentName"

  237.                     label="顾问"

  238.                     align="center">

  239.                   </el-table-column>

  240. 

  241.                   <el-table-column

  242.                     prop="name"

  243.                     label="客户"

  244.                     align="center">

  245.                   </el-table-column>

  246. 

  247.                   <el-table-column

  248.                     prop="staTime"

  249.                     label="接待时间"

  250.                     align="center">

  251.                   </el-table-column>

  252. 

  253.                   <el-table-column

  254.                     prop="date"

  255.                     label="操作"

  256.                     align="center">

  257.                       <template slot-scope="{row}">

  258.                         <div @click="goinfo(row)"  style="color: #2671E2;cursor:pointer;">查看</div>

  259.                       </template>

  260.                   </el-table-column>

  261.                 </el-table>

  262.               </div>

  263. 

  264.           </div>

  265.           <div class="you">

  266.             <div class="title"  style="cursor: pointer;">

  267. 

  268.               <el-badge :value="equNum" class="item" style="  margin-right: 10px;" :hidden="equNum==0?true:false">

  269.                 <div class="text1" @click="tabclick('1')" :class="{ colostyle: classatec == 1 }">离线工牌</div>

  270.               </el-badge>

  271.                 <el-badge :value="equNum1" class="item" :hidden="equNum1==0?true:false">

  272.                 <div class="text1" @click="tabclick('0')" :class="{ colostyle: classatec == 0 }">低电工牌</div>

  273.               </el-badge>

  274. 

  275.             </div>

  276.               <div class="tabbox" v-if="classatec==0">

  277.                 <el-table

  278.                   :header-cell-style="{background:'#F2F4F5'}"

  279.                   :data="equipmentList"

  280.                   height="320"

  281.                   style="width: 100%;font-size: 14px;">>

  282.                   <el-table-column

  283.                     prop="accName"

  284.                     label="顾问"

  285.                     align="center">

  286.                   </el-table-column>

  287. 

  288.                   <el-table-column

  289.                     prop="accPhone"

  290.                     label="电话"

  291.                     align="center">

  292.                   </el-table-column>

  293.                     <el-table-column

  294.                     prop="imei"

  295.                     label="设备号"

  296.                     align="center">

  297.                   </el-table-column>

  298.                   <el-table-column

  299.                     prop="address"

  300.                     label="录音状态"

  301.                     align="center">

  302.                      <template slot-scope="scope" style="">

  303.                        <span v-if="scope.row.recCmd=='start'">开启</span>

  304.                        <span v-if="scope.row.recCmd=='stop'">关闭</span>

  305.                      </template>

  306.                   </el-table-column>

  307. 

  308.                   <el-table-column

  309.                     prop="electricity"

  310.                     label="电量"

  311.                     align="center">

  312.                   </el-table-column>

  313.                 </el-table>

  314.               </div>

  315.               <div class="tabbox" v-if="classatec==1">

  316.                 <el-table

  317.                   :header-cell-style="{background:'#F2F4F5'}"

  318.                   :data="equipmentList"

  319.                   height="320"

  320.                    style="width: 100%;font-size: 14px;">>

  321.                   <el-table-column

  322.                     prop="accName"

  323.                     label="顾问"

  324.                     align="center">

  325.                   </el-table-column>

  326.                   <el-table-column

  327.                     prop="accPhone"

  328.                     label="电话"

  329.                     align="center">

  330.                   </el-table-column>

  331.                       <el-table-column

  332.                     prop="imei"

  333.                     label="设备号"

  334.                     align="center">

  335.                   </el-table-column>

  336.                   <el-table-column

  337.                     prop="updateTime"

  338.                     label="离线时间"

  339.                     align="center">

  340.                   </el-table-column>

  341.                 </el-table>

  342.               </div>

  343.           </div>

  344.       </div>

  345.     </div>

  346. 

  347.     <div v-if="role!=3&&info.userRoleType!=6">

  348.         <!-- 系统后台 -->

  349.         <div style="margin-bottom:10px; cursor:pointer;" v-if="role!=2">

  350.           <span style="font-weight:bold;font-size: 18px;">待处理</span>

  351.           <div class="page-container">

  352. 

  353.              <div class="pagechen" @click="jumpto('1')" v-if="role==0">

  354.               <div class="pageboxtitle1">30天到期的代理商</div>

  355.               <div class="pageboxtitle3">

  356.                 {{sysTop.matuityOfAgent||0}}

  357.               </div>

  358.             </div>

  359. 

  360.             <div class="pagechen"  @click="jumpto('2')">

  361.               <div class="pageboxtitle1">30天到期的楼盘</div>

  362.               <div class="pageboxtitle3">

  363.                 {{sysTop.matuityOfHouse||0}}

  364.               </div>

  365.             </div>

  366. 

  367.             <div class="pagechen"  @click="jumpto('3')">

  368.               <div class="pageboxtitle1">离线设备</div>

  369.               <div class="pageboxtitle3">

  370.                 {{sysTop.offlineEquipmentQUantity||0}}

  371.               </div>

  372.             </div>

  373. 

  374.            <div class="pagechen"  @click="jumpto('4')">

  375.               <div class="pageboxtitle1">低电量设备</div>

  376.               <div class="pageboxtitle3">

  377.                 {{sysTop.lowElectricityEquipmentQuantity||0}}

  378.               </div>

  379.             </div>

  380.             </div>

  381.           </div>

  382.           <div style="font-weight:bold;font-size: 18px; margin:10px 0 ;">数据简报</div>

  383.           <div class="app-titel">

  384.             <div class="titel-text">时间</div>

  385.             <div class="toptimeqhuan">

  386.               <div :class="{ tophove: TimetoAhoose == 0 }" @click="tabtimetap(0)">今天</div>

  387.               <div :class="{ tophove: TimetoAhoose == 1 }" @click="tabtimetap(1)"> 近7天 </div>

  388.               <div :class="{ tophove: TimetoAhoose == 2 }" @click="tabtimetap(2)">  近30天 </div>

  389.             </div>

  390.             <div style="margin-left: 26px">

  391.               <el-date-picker

  392.                 @change="confirmtime()"

  393.                 v-model="customtime"

  394.                  :clearable='false'

  395.                 type="daterange"

  396.                 range-separator="-"

  397.                 :default-time="['00:00:00', '23:59:59']"

  398.                 value-format="yyyy-MM-dd"

  399.                 start-placeholder="开始日期"

  400.                 end-placeholder="结束日期"

  401.               >

  402.               </el-date-picker>

  403.           </div>

  404.         </div>

  405.       <div v-if="role!=2">

  406.         <!-- 卡片部分 -->

  407.         <div class="page-container" >

  408.             <div class="pagechen">

  409.               <div class="pageboxtitle1">新增楼盘数</div>

  410.               <div class="pageboxtitle2">

  411.                 <div class="span1">{{sysSec.newAddHouseQuantity || 0}}</div>

  412.                 <div class="span2">

  413.                   <span class="span2-1"> 环比:{{sysCompare.newAddHouseQuantity || 0}}</span>

  414.                   <span class="span2-2" v-if="orderBy.newAddHouseQuantity>0">

  415.                     <i class="el-icon-top" style="color: red;"></i>

  416.                     {{orderBy.newAddHouseQuantity || 0}}

  417.                   </span>

  418.                   <span class="span2-3" v-if="orderBy.newAddHouseQuantity<0">

  419.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  420.                     {{orderBy.newAddHouseQuantity || 0}}

  421.                   </span>

  422.                 </div>

  423.               </div>

  424.             </div>

  425.             <div class="pagechen">

  426.               <div class="pageboxtitle1">活跃楼盘数</div>

  427.               <div class="pageboxtitle2">

  428.                 <div class="span1">{{sysSec.activeHouseQuantity || 0}}</div>

  429.                 <div class="span2">

  430.                   <span class="span2-1"> 环比:{{sysCompare.activeHouseQuantity || 0}}</span>

  431.                    <span class="span2-2" v-if="orderBy.activeHouseQuantity>0">

  432.                     <i class="el-icon-top" style="color: red;"></i>

  433.                     {{orderBy.activeHouseQuantity || 0}}

  434.                   </span>

  435.                   <span class="span2-3" v-if="orderBy.activeHouseQuantity<0">

  436.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  437.                     {{orderBy.activeHouseQuantity || 0}}

  438.                   </span>

  439.                 </div>

  440.               </div>

  441.             </div>

  442.             <div class="pagechen">

  443.               <div class="pageboxtitle1">销售设备数</div>

  444.               <div class="pageboxtitle2">

  445.                 <div class="span1">{{sysSec.equipmentQuantityWithSold || 0}}</div>

  446.                 <div class="span2">

  447.                   <span class="span2-1"> 环比:{{sysCompare.equipmentQuantityWithSold || 0}}</span>

  448.                   <!-- <span class="span2-2">{{cardlist.liftlist.avgDuration || 0}}%</span> -->

  449.                   <span class="span2-2" v-if="orderBy.equipmentQuantityWithSold>0">

  450.                     <i class="el-icon-top" style="color: red;"></i>

  451.                     {{orderBy.equipmentQuantityWithSold || 0}}

  452.                   </span>

  453.                   <span class="span2-3" v-if="orderBy.equipmentQuantityWithSold<0">

  454.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  455.                     {{orderBy.equipmentQuantityWithSold || 0}}

  456.                   </span>

  457.                 </div>

  458.               </div>

  459.             </div>

  460.             <div class="pagechen">

  461.               <div class="pageboxtitle1">活跃设备数</div>

  462.               <div class="pageboxtitle2">

  463.                 <div class="span1">{{sysSec.activeEquipmentQuantity || 0}}</div>

  464.                 <div class="span2">

  465.                   <span class="span2-1"> 环比:{{sysCompare.activeEquipmentQuantity || 0}}</span>

  466.                   <!-- <span class="span2-2">{{cardlist.liftlist.fraction || 0}}%</span> -->

  467.                   <span class="span2-2" v-if="orderBy.activeEquipmentQuantity>0">

  468.                     <i class="el-icon-top" style="color: red;"></i>

  469.                     {{orderBy.activeEquipmentQuantity || 0}}

  470.                   </span>

  471.                   <span class="span2-3" v-if="orderBy.activeEquipmentQuantity<0">

  472.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  473.                     {{orderBy.activeEquipmentQuantity || 0}}

  474.                   </span>

  475.                 </div>

  476.               </div>

  477.             </div>

  478. 

  479.             <div class="pagechen">

  480.               <div class="pageboxtitle1">活跃用户数</div>

  481.               <div class="pageboxtitle2">

  482.                   <div class="span1">{{sysSec.activeUserQuantity || 0}}</div>

  483.               <div class="span2">

  484.                 <span class="span2-1"> 环比:{{sysCompare.activeUserQuantity || 0}}</span>

  485.                 <!-- <span class="span2-2">{{cardlist.liftlist.prohibitedCustomer || 0}}%</span> -->

  486.                  <span class="span2-2" v-if="orderBy.activeUserQuantity>0">

  487.                     <i class="el-icon-top" style="color: red;"></i>

  488.                     {{orderBy.activeUserQuantity || 0}}

  489.                   </span>

  490.                   <span class="span2-3" v-if="orderBy.activeUserQuantity<0">

  491.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  492.                     {{orderBy.activeUserQuantity || 0}}

  493.                   </span>

  494.               </div>

  495.               </div>

  496.             </div>

  497.         </div>

  498.         <div style=" margin-top: 20px;" class="page-container">

  499.             <div class="pagechen">

  500.               <div class="pageboxtitle1">接待量</div>

  501.               <div class="pageboxtitle2">

  502.                   <div class="span1">{{sysSec.receptionCount || 0}}</div>

  503.               <div class="span2">

  504.                 <span class="span2-1"> 环比:{{sysCompare.receptionCount || 0}}</span>

  505.                 <!-- <span class="span2-2">{{cardlist.liftlist.prohibitedZb || 0}}%</span> -->

  506.                   <span class="span2-2" v-if="orderBy.receptionCount>0">

  507.                     <i class="el-icon-top" style="color: red;"></i>

  508.                     {{orderBy.receptionCount || 0}}

  509.                   </span>

  510.                   <span class="span2-3" v-if="orderBy.receptionCount<0">

  511.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  512.                     {{orderBy.receptionCount || 0}}

  513.                   </span>

  514.               </div>

  515.               </div>

  516.             </div>

  517.             <div class="pagechen">

  518.               <div class="pageboxtitle1">有效接待</div>

  519.               <div class="pageboxtitle2">

  520.               <div class="span1">{{sysSec.activeCustomer || 0}}</div>

  521.               <div class="span2">

  522.                 <span class="span2-1"> 环比:{{sysCompare.activeCustomer || 0}}</span>

  523.                 <!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> -->

  524.                   <span class="span2-2" v-if="orderBy.activeCustomer>0">

  525.                     <i class="el-icon-top" style="color: red;"></i>

  526.                     {{orderBy.activeCustomer || 0}}

  527.                   </span>

  528.                   <span class="span2-3" v-if="orderBy.activeCustomer<0">

  529.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  530.                     {{orderBy.activeCustomer || 0}}

  531.                   </span>

  532.               </div>

  533.               </div>

  534.             </div>

  535.             <div class="pagechen">

  536.               <div class="pageboxtitle1">违禁接待次数</div>

  537.               <div class="pageboxtitle2">

  538.               <div class="span1">{{sysSec.prohibitedCount || 0}}</div>

  539.               <div class="span2">

  540.                 <span class="span2-1"> 环比:{{sysCompare.prohibitedCount || 0}}</span>

  541.                 <!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> -->

  542.                   <span class="span2-2" v-if="orderBy.prohibitedCount>0">

  543.                     <i class="el-icon-top" style="color: red;"></i>

  544.                     {{orderBy.prohibitedCount || 0}}

  545.                   </span>

  546.                   <span class="span2-3" v-if="orderBy.prohibitedCount<0">

  547.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  548.                     {{orderBy.prohibitedCount || 0}}

  549.                   </span>

  550.               </div>

  551.               </div>

  552.             </div>

  553.             <div class="pagechen">

  554.               <div class="pageboxtitle1">平均接待时长(分钟)</div>

  555.               <div class="pageboxtitle2">

  556.               <div class="span1">{{sysSec.receptionTimeWithAvg || 0}}</div>

  557.               <div class="span2">

  558.                 <span class="span2-1"> 环比:{{sysCompare.receptionTimeWithAvg || 0}}</span>

  559.                 <!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> -->

  560.                   <span class="span2-2" v-if="orderBy.receptionTimeWithAvg>0">

  561.                     <i class="el-icon-top" style="color: red;"></i>

  562.                     {{orderBy.receptionTimeWithAvg || 0}}

  563.                   </span>

  564.                   <span class="span2-3" v-if="orderBy.receptionTimeWithAvg<0">

  565.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  566.                     {{orderBy.receptionTimeWithAvg || 0}}

  567.                   </span>

  568.               </div>

  569.               </div>

  570.             </div>

  571.             <div class="pagechen">

  572.               <div class="pageboxtitle1">录音总时长(小时)</div>

  573.               <div class="pageboxtitle2">

  574.               <div class="span1">{{sysSec.receptionTime || 0}}</div>

  575.               <div class="span2">

  576.                 <span class="span2-1"> 环比:{{sysCompare.receptionTime || 0}}</span>

  577.                 <!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> -->

  578.                   <span class="span2-2" v-if="orderBy.receptionTime>0">

  579.                     <i class="el-icon-top" style="color: red;"></i>

  580.                     {{orderBy.receptionTime || 0}}

  581.                   </span>

  582.                   <span class="span2-3" v-if="orderBy.receptionTime<0">

  583.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  584.                     {{orderBy.receptionTime || 0}}

  585.                   </span>

  586.               </div>

  587.               </div>

  588.             </div>

  589.         </div>

  590.         </div>

  591.       <div v-if="role==2">

  592.         <!-- 卡片部分 -->

  593.         <div class="page-container" >

  594. 

  595.             <div class="pagechen">

  596.               <div class="pageboxtitle1">接待量</div>

  597.               <div class="pageboxtitle2">

  598.                   <div class="span1">{{sysSec.receptionCount || 0}}</div>

  599.               <div class="span2">

  600.                 <span class="span2-1"> 环比:{{sysCompare.receptionCount || 0}}</span>

  601.                 <!-- <span class="span2-2">{{cardlist.liftlist.prohibitedZb || 0}}%</span> -->

  602.                   <span class="span2-2" v-if="orderBy.receptionCount>0">

  603.                     <i class="el-icon-top" style="color: red;"></i>

  604.                     {{orderBy.receptionCount || 0}}

  605.                   </span>

  606.                   <span class="span2-3" v-if="orderBy.receptionCount<0">

  607.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  608.                     {{orderBy.receptionCount || 0}}

  609.                   </span>

  610.               </div>

  611.               </div>

  612.             </div>

  613. 

  614.             <div class="pagechen">

  615.               <div class="pageboxtitle1">有效接待</div>

  616.               <div class="pageboxtitle2">

  617.               <div class="span1">{{sysSec.activeCustomer || 0}}</div>

  618.               <div class="span2">

  619.                 <span class="span2-1"> 环比:{{sysCompare.activeCustomer || 0}}</span>

  620.                 <!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> -->

  621.                   <span class="span2-2" v-if="orderBy.activeCustomer>0">

  622.                     <i class="el-icon-top" style="color: red;"></i>

  623.                     {{orderBy.activeCustomer || 0}}

  624.                   </span>

  625.                   <span class="span2-3" v-if="orderBy.activeCustomer<0">

  626.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  627.                     {{orderBy.activeCustomer || 0}}

  628.                   </span>

  629.               </div>

  630.               </div>

  631.             </div>

  632.             <div class="pagechen">

  633.               <div class="pageboxtitle1">无效接待</div>

  634.               <div class="pageboxtitle2">

  635.                 <div class="span1">{{sysSec.invalidCustomer || 0}}</div>

  636.                 <div class="span2">

  637.                   <span class="span2-1"> 环比:{{sysCompare.invalidCustomer || 0}}</span>

  638.                   <span class="span2-2" v-if="orderBy.invalidCustomer>0">

  639.                     <i class="el-icon-top" style="color: red;"></i>

  640.                     {{orderBy.invalidCustomer || 0}}

  641.                   </span>

  642.                   <span class="span2-3" v-if="orderBy.invalidCustomer<0">

  643.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  644.                     {{orderBy.invalidCustomer || 0}}

  645.                   </span>

  646.                 </div>

  647.               </div>

  648.             </div>

  649. 

  650.               <div class="pagechen">

  651.               <div class="pageboxtitle1">接待时长(小时)</div>

  652.               <div class="pageboxtitle2">

  653.               <div class="span1">{{sysSec.receptionTime || 0}}</div>

  654.               <div class="span2">

  655.                 <span class="span2-1"> 环比:{{sysCompare.receptionTime || 0}}</span>

  656.                 <!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> -->

  657.                   <span class="span2-2" v-if="orderBy.receptionTime>0">

  658.                     <i class="el-icon-top" style="color: red;"></i>

  659.                     {{orderBy.receptionTime || 0}}

  660.                   </span>

  661.                   <span class="span2-3" v-if="orderBy.receptionTime<0">

  662.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  663.                     {{orderBy.receptionTime || 0}}

  664.                   </span>

  665.               </div>

  666.               </div>

  667.             </div>

  668. 

  669.             <div class="pagechen">

  670.               <div class="pageboxtitle1">平均接待时长(分钟)</div>

  671.               <div class="pageboxtitle2">

  672.               <div class="span1">{{sysSec.receptionTimeWithAvg || 0}}</div>

  673.               <div class="span2">

  674.                 <span class="span2-1"> 环比:{{sysCompare.receptionTimeWithAvg || 0}}</span>

  675.                 <!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> -->

  676.                   <span class="span2-2" v-if="orderBy.receptionTimeWithAvg>0">

  677.                     <i class="el-icon-top" style="color: red;"></i>

  678.                     {{orderBy.receptionTimeWithAvg || 0}}

  679.                   </span>

  680.                   <span class="span2-3" v-if="orderBy.receptionTimeWithAvg<0">

  681.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  682.                     {{orderBy.receptionTimeWithAvg || 0}}

  683.                   </span>

  684.               </div>

  685.               </div>

  686.             </div>

  687. 

  688. 

  689. 

  690. 

  691.         </div>

  692.         <div style=" margin-top: 20px;" class="page-container">

  693. 

  694.               <div class="pagechen">

  695.               <div class="pageboxtitle1">平均执行率</div>

  696.               <div class="pageboxtitle2">

  697.                 <div class="span1">{{sysSec.avgFration || 0}}</div>

  698.                 <div class="span2">

  699.                   <span class="span2-1"> 环比:{{sysCompare.avgFration || 0}}</span>

  700.                   <!-- <span class="span2-2">{{cardlist.liftlist.avgDuration || 0}}%</span> -->

  701.                   <span class="span2-2" v-if="orderBy.avgFration>0">

  702.                     <i class="el-icon-top" style="color: red;"></i>

  703.                     {{orderBy.avgFration || 0}}%

  704.                   </span>

  705.                   <span class="span2-3" v-if="orderBy.avgFration<0">

  706.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  707.                     {{orderBy.avgFration || 0}}%

  708.                   </span>

  709.                 </div>

  710.               </div>

  711.             </div>

  712. 

  713. 

  714.               <div class="pagechen">

  715.               <div class="pageboxtitle1">违禁接待次数</div>

  716.               <div class="pageboxtitle2">

  717.               <div class="span1">{{sysSec.prohibitedCount || 0}}</div>

  718.               <div class="span2">

  719.                 <span class="span2-1"> 环比:{{sysCompare.prohibitedCount || 0}}</span>

  720.                 <!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> -->

  721.                   <span class="span2-2" v-if="orderBy.prohibitedCount>0">

  722.                     <i class="el-icon-top" style="color: red;"></i>

  723.                     {{orderBy.prohibitedCount || 0}}

  724.                   </span>

  725.                   <span class="span2-3" v-if="orderBy.prohibitedCount<0">

  726.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  727.                     {{orderBy.prohibitedCount || 0}}

  728.                   </span>

  729.               </div>

  730.               </div>

  731.             </div>

  732. 

  733.             <div class="pagechen">

  734.               <div class="pageboxtitle1">活跃设备</div>

  735.               <div class="pageboxtitle2">

  736.                 <div class="span1">{{sysSec.activeEquipmentQuantity || 0}}</div>

  737.                 <div class="span2">

  738.                   <span class="span2-1"> 环比:{{sysCompare.activeEquipmentQuantity || 0}}</span>

  739.                   <!-- <span class="span2-2">{{cardlist.liftlist.fraction || 0}}%</span> -->

  740.                   <span class="span2-2" v-if="orderBy.activeEquipmentQuantity>0">

  741.                     <i class="el-icon-top" style="color: red;"></i>

  742.                     {{orderBy.activeEquipmentQuantity || 0}}

  743.                   </span>

  744.                   <span class="span2-3" v-if="orderBy.activeEquipmentQuantity<0">

  745.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  746.                     {{orderBy.activeEquipmentQuantity || 0}}

  747.                   </span>

  748.                 </div>

  749.               </div>

  750.             </div>

  751. 

  752.             <div class="pagechen">

  753.               <div class="pageboxtitle1">活跃设备占比</div>

  754.               <div class="pageboxtitle2">

  755.                   <div class="span1">{{sysSec.activeEquipmentQuantityZB || 0}}</div>

  756.               <div class="span2">

  757.                 <span class="span2-1"> 环比:{{sysCompare.activeEquipmentQuantityZB || 0}}</span>

  758.                 <!-- <span class="span2-2">{{cardlist.liftlist.prohibitedCustomer || 0}}%</span> -->

  759.                  <span class="span2-2" v-if="orderBy.activeEquipmentQuantityZB>0">

  760.                     <i class="el-icon-top" style="color: red;"></i>

  761.                     {{orderBy.activeEquipmentQuantityZB || 0}}%

  762.                   </span>

  763.                   <span class="span2-3" v-if="orderBy.activeEquipmentQuantityZB<0">

  764.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  765.                     {{orderBy.activeEquipmentQuantityZB || 0}}%

  766.                   </span>

  767.               </div>

  768.               </div>

  769.             </div>

  770. 

  771. 

  772. 

  773.           <div class="pagechen">

  774.               <div class="pageboxtitle1">活跃楼盘数</div>

  775.               <div class="pageboxtitle2">

  776.                 <div class="span1">{{sysSec.activeHouseQuantity || 0}}</div>

  777.                 <div class="span2">

  778.                   <span class="span2-1"> 环比:{{sysCompare.activeHouseQuantity || 0}}</span>

  779.                   <!-- <span class="span2-2">{{cardlist.liftlist.activeCustomer || 0}}%</span> -->

  780.                   <span class="span2-2" v-if="orderBy.activeHouseQuantity>0">

  781.                     <i class="el-icon-top" style="color: red;"></i>

  782.                     {{orderBy.activeHouseQuantity || 0}}

  783.                   </span>

  784.                   <span class="span2-3" v-if="orderBy.activeHouseQuantity<0">

  785.                      <i class="el-icon-bottom" style="color: #25CEBA;"></i>

  786.                     {{orderBy.activeHouseQuantity || 0}}

  787.                   </span>

  788.                 </div>

  789.               </div>

  790.             </div>

  791. 

  792.         </div>

  793.         </div>

  794. 

  795.         <div class="app-box-san">

  796.           <div class="zuo">

  797.             <div class="title1"  style="cursor: pointer;">

  798.               <div>{{role==2?'楼盘排名（TOP10）':'公司排名（TOP10）'}}</div>

  799.               <div style="display:flex;">

  800.                 <div class="text1" style="margin-right:10px;" @click="classatec1=0" :class="{ colostyle: classatec1 == 0 }">接待量</div>

  801.                 <div class="text1" @click="classatec1=1" :class="{ colostyle: classatec1 == 1 }">平均执行率</div>

  802.               </div>

  803.             </div>

  804.             <div class="tabbox">

  805.               <el-table

  806.                   :header-cell-style="{background:'#F2F4F5'}"

  807.                   :data="companyRank"

  808.                   height="320"

  809.                    style="width: 100%;font-size: 14px;">>

  810.                   <el-table-column

  811.                     prop="companyName"

  812.                     :label="role==2?'楼盘名称':'公司名称'"

  813.                     align="center">

  814.                     <template slot-scope="{row}">

  815.                       {{role!=2?row.companyName:row.houseName}}

  816.                     </template>

  817.                   </el-table-column>

  818. 

  819.                   <el-table-column

  820.                   v-if="classatec1==0"

  821.                     prop="receptionCount"

  822.                     label="接待量"

  823.                     align="center">

  824.                   </el-table-column>

  825.                   <el-table-column

  826.                   v-if="classatec1==0"

  827.                     prop="receptionTime"

  828.                     label="接待时长（小时）"

  829.                     align="center">

  830. 

  831.                   </el-table-column>

  832.                   <el-table-column

  833.                     v-if="classatec1==1"

  834.                     prop="avgFration"

  835.                     label="平均执行率"

  836.                     align="center">

  837.                     <template slot-scope="{row}">

  838.                       {{row.avgFration||0}}%

  839.                     </template>

  840.                   </el-table-column>

  841.                 </el-table>

  842.               </div>

  843. 

  844.           </div>

  845.           <div class="you">

  846.             <div class="title1"  style="cursor: pointer;">

  847.               <div>{{role==2?'顾问排名（TOP10）':'楼盘排名（TOP10）'}}</div>

  848.               <div style="display:flex;">

  849.                 <div class="text1" style="margin-right:10px;" @click="classatec2=0" :class="{ colostyle: classatec2 == 0 }">接待量</div>

  850.                 <div class="text1" @click="classatec2=1" :class="{ colostyle: classatec2 == 1 }">平均执行率</div>

  851.               </div>

  852.             </div>

  853. 

  854.             <div class="tabbox">

  855.               <el-table

  856.                   :header-cell-style="{background:'#F2F4F5'}"

  857.                   :data="houseRank"

  858.                   height="320"

  859.                     style="width: 100%;font-size: 14px;">>

  860.                   <el-table-column

  861.                     prop="houseName"

  862.                     :label="role==2?'顾问名称':'楼盘名称'"

  863.                     align="center">

  864.                      <template slot-scope="{row}">

  865.                       {{role!=2?row.houseName:row.accountName}}

  866.                     </template>

  867.                   </el-table-column>

  868. 

  869.                   <el-table-column

  870.                     prop="receptionCount"

  871.                     v-if="classatec2==0"

  872.                     label="接待量"

  873.                     align="center">

  874.                   </el-table-column>

  875. 

  876.                   <el-table-column

  877.                   v-if="classatec2==0"

  878.                     prop="receptionTime"

  879.                     label="接待时长（小时）"

  880.                     align="center">

  881.                   </el-table-column>

  882.                   <el-table-column

  883.                     v-if="classatec2==1"

  884.                     prop="avgFration"

  885.                     label="平均执行率"

  886.                     align="center">

  887.                     <template slot-scope="{row}">

  888.                       {{row.avgFration||0}}%

  889.                     </template>

  890.                   </el-table-column>

  891.                 </el-table>

  892.               </div>

  893.           </div>

  894.       </div>

  895.     </div>

  896.     <div v-if="info.userRoleType==6" style="text-align: center;font-size: 30px; margin: 300px auto;">

  897.       欢迎光临

  898.     </div>

  899.   </div>

  900. </template>

  901. 

  902. <script>

  903. import { getStore, setStore } from "@/util/store";

  904. export default {

  905.   name: 'Wel',

  906.   data() {

  907.     return {

  908.       role:'',

  909.       houseId:"",

  910.       houseList:[],

  911.       houseRank:[],

  912.       companyRank:[],

  913.       classatec:1,

  914.       classatec1:0,

  915.       classatec2:0,

  916.       customtime:[],

  917.       statDateStart:'',

  918.       statDateEnd:'',

  919.       TimetoAhoose:1,

  920.       equNum:0,

  921.       equNum1:0,

  922.       cardlist:{

  923.         datalist:{},

  924.         liftlist:{},

  925.         sequential:{},

  926.       },

  927.       sysData:{},

  928.       orderBy:{},

  929.       sysCompare:{},

  930.       sysTop:{},

  931.       sysSec:{},

  932.       tableData: [],

  933.       equipmentList:[],

  934.       prohibitedlist:[],

  935.       indexZxllist:[],

  936.       employeeExecutionRatelist:{

  937.         num:'',

  938.         list:[],

  939.         fraction:''

  940.       },

  941.       info:{},

  942. 

  943.     }

  944.   },

  945.    mounted() {

  946.     //  location.reload();

  947.     this.role=localStorage.getItem("orgType");

  948.     this.info = getStore({ name: "userInfo" });

  949.     if(this.role==3){

  950.       this.houseId = localStorage.getItem("houseId");

  951. 

  952.         this.getgicd();

  953.         // 获取维度占比

  954.         this.getindexZxllist()

  955.         // 员工执行率

  956.         this.getemployeeExecutionRatelist()

  957.         // 违禁提醒列表

  958.         this.findProhibitedRecord()

  959.         // 获取设备

  960.         this.findAllZkEquipment()

  961.     }

  962.     // else if(this.role==0){

  963.     //   // 系统

  964.     //     //  this.zkhousePage()

  965.     //     this.waitingForOperation()

  966.     // }

  967.     // else if(this.role==1){

  968.     //   // 代理商

  969.     //     //  this.zkhousePage()

  970.     // }

  971.     else{

  972.       // 公司

  973.       this.waitingForOperation()

  974.     }

  975. 

  976.   },

  977.   methods: {

  978.     goinfo(row){

  979.          this.$api.http.findByCusIdcusId({cusId:row.id}).then((res) => {

  980.         if(res.data.length==0){

  981.           this.$message({

  982.             message: '无录音',

  983.             type: 'warning'

  984.           });

  985.         }else{

  986.             this.$router.push({

  987.               path: "/Receive/index",

  988.               query: { flag: row.id ,AudioIdx:0},

  989.             });

  990.         }

  991.       })

  992.     },

  993.     jumpto(ind){

  994.        let  num = 24 * 3600 * 1000 * 29;

  995.        let dang=this.getCurrentTime()

  996.        let timevt=this.timestampToTime(new Date(dang).getTime() + num);

  997.        let newtime=[dang,timevt]

  998.       // console.log(newtime)

  999.       //  return

  1000.         if(ind==1){

  1001.           this.$router.push({

  1002.             path: "/Customer/AgentManagement",

  1003.             query: { residueTime: newtime,serviceStatus:0 },

  1004.           });

  1005.         }else if(ind==2){

  1006.            this.$router.push({

  1007.             path: "/building/index",

  1008.             query: {  residueTime: newtime,serviceStatus:0 },

  1009.           });

  1010.         }else if(ind==3){

  1011.            this.$router.push({

  1012.             path: "/Equipment/state",

  1013.             query: { flag: 1 },

  1014.           });

  1015.         }else{

  1016.            this.$router.push({

  1017.             path: "/Equipment/state",

  1018.             query: { flag: 2,electricity:20},

  1019.           });

  1020.         }

  1021.     },

  1022.     timestampToTime(timestamp) {

  1023.       var date = new Date(timestamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000

  1024.       var yyyy = date.getFullYear() + "-";

  1025.       var MM =(date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1): date.getMonth() + 1) + "-";

  1026.       var dd =(date.getDate() < 10 ? "0" + date.getDate() : date.getDate());

  1027.       return yyyy + MM + dd;

  1028.     },

  1029.     getCurrentTime() {

  1030.         //获取当前时间并打印

  1031.     　　let yy = new Date().getFullYear();

  1032.     　　let mm = new Date().getMonth()+1;

  1033.         if(mm<10){

  1034.           mm='0'+mm

  1035.         }

  1036.     　　let dd = new Date().getDate();

  1037.       // console.log(dd,'时间')

  1038.       if(dd<10){

  1039.        dd='0'+dd

  1040.       }

  1041.     　  let gettime = yy+'-'+mm+'-'+dd

  1042.     　  return gettime

  1043.     },

  1044.        //切换楼盘

  1045.     houseChange() {

  1046.         this.TimetoAhoose=0;

  1047.         this.statDateStart='';

  1048.         this.statDateEnd='';

  1049.         this.getgicd()

  1050.         this.findProhibitedRecord()

  1051.     },

  1052.     // 系统获取第一个数据

  1053.     waitingForOperation(){

  1054.       let obj={

  1055.         dateType: this.TimetoAhoose==5?null:this.TimetoAhoose,

  1056.         // dateType: 1,

  1057.         orderBy:1,

  1058.         startDate: this.statDateStart,

  1059.         endDate:this.statDateEnd,

  1060.          orgType: localStorage.getItem("orgType"),

  1061.       }

  1062.       if(this.role==1){

  1063.         obj.agentId=localStorage.getItem('agentId')/1

  1064.       }

  1065.       if(this.role==2){

  1066.         obj.orgCode=localStorage.getItem('orgCode')

  1067.       }

  1068.       this.$api.api.waitingForOperation(obj)

  1069.       .then(res=>{

  1070.         // console.log(res);

  1071.         // this.sysData=res.data

  1072.         this.sysTop=res.data.top

  1073.         this.sysSec=res.data.midA

  1074.         this.sysCompare=res.data.midB

  1075.         this.orderBy=res.data.midC

  1076.         if(this.role==2){

  1077.         this.houseRank=res.data.accountRank

  1078.         this.companyRank=res.data.houseRank

  1079.         }else{

  1080.         this.houseRank=res.data.houseRank

  1081.         this.companyRank=res.data.companyRank

  1082.         }

  1083. 

  1084.       })

  1085.     },

  1086.     //获取楼盘

  1087.     zkhousePage() {

  1088.       this.$api.api

  1089.         .findHouseByUser({

  1090.           orgType: localStorage.getItem("orgType"),

  1091.         })

  1092.         .then((res) => {

  1093.           this.houseList = res.data;

  1094.           this.houseId = res.data[0].id;

  1095.           this.getgicd();

  1096.           this.getindexZxllist()

  1097.           this.getemployeeExecutionRatelist()

  1098.           this.findProhibitedRecord()

  1099.           this.findAllZkEquipment()

  1100.         });

  1101.     },

  1102.     //获取卡片数据

  1103.     getgicd(){

  1104.        let obj = {

  1105.         houseId:this.houseId,

  1106.         dateType: this.TimetoAhoose==5?null:this.TimetoAhoose,

  1107.         statDateStart: this.statDateStart,

  1108.         statDateEnd:this.statDateEnd

  1109.       };

  1110.       this.$api.http.houseIndex(obj).then((res) => {

  1111. 

  1112.             this.cardlist.datalist={

  1113.               receptionCount:res.data.todayStat.receptionCount,

  1114.               activeCustomer:res.data.todayStat.activeCustomer,

  1115.               receivingCustomer:res.data.todayStat.receivingCustomer,

  1116.               avgDuration:res.data.todayStat.avgDuration,

  1117.               fraction:res.data.todayStat.fraction,

  1118.               prohibitedCustomer:res.data.todayStat.prohibitedCustomer,

  1119.               prohibitedZb:res.data.todayStat.prohibitedZb,

  1120.               accountNum:res.data.todayStat.accountNum,

  1121. 

  1122.             }

  1123.             this.cardlist.liftlist={

  1124.               receptionCount:res.data.comparedStat.receptionCount,

  1125.               activeCustomer:res.data.comparedStat.activeCustomer,

  1126.               receivingCustomer:res.data.comparedStat.receivingCustomer,

  1127.               avgDuration:res.data.comparedStat.avgDuration,

  1128.               fraction:res.data.comparedStat.fraction,

  1129.               prohibitedCustomer:res.data.comparedStat.prohibitedCustomer,

  1130.               prohibitedZb:res.data.comparedStat.prohibitedZb,

  1131.               accountNum:res.data.comparedStat.accountNum,

  1132.             }

  1133.              this.cardlist.sequential={

  1134.               receptionCount:res.data.yesterdayStat.receptionCount,

  1135.               activeCustomer:res.data.yesterdayStat.activeCustomer,

  1136.               receivingCustomer:res.data.yesterdayStat.receivingCustomer,

  1137.               avgDuration:res.data.yesterdayStat.avgDuration,

  1138.               fraction:res.data.yesterdayStat.fraction,

  1139.               prohibitedCustomer:res.data.yesterdayStat.prohibitedCustomer,

  1140.               prohibitedZb:res.data.yesterdayStat.prohibitedZb,

  1141.               accountNum:res.data.yesterdayStat.accountNum,

  1142.             }

  1143.       });

  1144.     },

  1145.     //获取设备

  1146.     findAllZkEquipment(){

  1147.       this.equipmentList=[];

  1148.         this.$api.http.findAllZkEquipment({

  1149.           onLine:this.classatec,

  1150.           houseId:this.houseId

  1151.         }).then((res) => {

  1152.           // 在这里赋值 低电

  1153.           this.equNum=res.data.offline

  1154.           this.equNum1=res.data.lowpower

  1155.           this.equipmentList=res.data.list;

  1156.         })

  1157.     },

  1158.     //获取违禁提醒列表

  1159.     findProhibitedRecord(){

  1160.           this.prohibitedlist=[];

  1161.           this.$api.http.findProhibitedRecord({

  1162.             houseId:this.houseId,

  1163.             dateType:this.TimetoAhoose==5?null:this.TimetoAhoose,

  1164.             statDateStart: this.statDateStart,

  1165.             statDateEnd:this.statDateEnd

  1166.           }).then((res) => {

  1167.               this.prohibitedlist=res.data;

  1168.           })

  1169.     },

  1170.     getindexZxllist(){

  1171.           this.indexZxllist=[]

  1172.           this.$api.http.getindexZxllist({

  1173.             houseId:this.houseId,

  1174.             dateType:this.TimetoAhoose==5?null:this.TimetoAhoose,

  1175.             statDateStart: this.statDateStart,

  1176.             statDateEnd:this.statDateEnd

  1177.           }).then((res) => {

  1178.            this.indexZxllist=res.data.list||[]

  1179.           })

  1180.     },

  1181.     getemployeeExecutionRatelist(){

  1182.           this.employeeExecutionRatelist={

  1183.             num:'',

  1184.             list:[],

  1185.             fraction:''

  1186.           }

  1187.           this.$api.http.getemployeeExecutionRatelist({

  1188.             houseId:this.houseId,

  1189.             dateType: this.TimetoAhoose==5?null:this.TimetoAhoose,

  1190.             statDateStart: this.statDateStart,

  1191.             statDateEnd:this.statDateEnd

  1192.           }).then((res) => {

  1193.                this.employeeExecutionRatelist=res.data

  1194.           })

  1195.     },

  1196. 

  1197.       tabclick(i){

  1198.         this.classatec=i;

  1199.         this.findAllZkEquipment()

  1200.       },

  1201.       tabclick2(e){

  1202.         console.log(e);

  1203.       },

  1204.       tabclick1(e){

  1205.         console.log(e);

  1206.       },

  1207.       tabtimetap(i){

  1208.         this.statDateStart='';

  1209.         this.statDateEnd='';

  1210.         this.customtime=[];

  1211.         this.TimetoAhoose=i;

  1212.         if(this.role==3){

  1213.         this.getgicd()

  1214.         this.getindexZxllist()

  1215.         this.getemployeeExecutionRatelist()

  1216.         this.findProhibitedRecord()

  1217.         }else{

  1218.           this.waitingForOperation()

  1219.         }

  1220. 

  1221.       },

  1222.       //切换时间

  1223.       confirmtime() {

  1224.         this.statDateStart=this.customtime[0];

  1225.         this.statDateEnd=this.customtime[1];

  1226.         this.TimetoAhoose=5;

  1227.         if(this.role==3){

  1228.         this.getgicd()

  1229.         this.getindexZxllist()

  1230.         this.getemployeeExecutionRatelist()

  1231.         this.findProhibitedRecord()

  1232.         }else{

  1233.           this.waitingForOperation()

  1234.         }

  1235.       },

  1236.   }

  1237. }

  1238. </script>

  1239. 

  1240. <style scoped="scoped" lang="scss">

  1241. .box-center{

  1242.   width: 100%;

  1243.   padding: 15px;

  1244.   min-width:1000px;

  1245.   padding-bottom: 100px;

  1246. }

  1247. .page-container{

  1248.   width: 100%;

  1249.   display: flex;

  1250.   margin-top: 16px;

  1251.   .pagechen1{

  1252.     flex: 1;

  1253.     // min-width: 190px;

  1254.     border-radius: 4px;

  1255.     margin-right: 20px;

  1256.     padding: 20px;

  1257.   }

  1258.   .pagechen{

  1259.     flex: 1;

  1260.     // min-width: 190px;

  1261.     background: #FFFFFF;

  1262.     box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);

  1263.     border-radius: 4px;

  1264.     margin-right: 20px;

  1265.     padding: 20px;

  1266.     .pageboxtitle1{

  1267.       width: 100%;

  1268.       font-size: 16px;

  1269.       font-weight: 400;

  1270.       color: #666666;

  1271.       line-height: 16px;

  1272.     }

  1273.     .pageboxtitle2{

  1274.       width: 100%;

  1275.       margin-top: 14px;

  1276.       display: flex;

  1277.       flex-wrap: wrap;

  1278.       .span1{

  1279.         width: 100px;

  1280.           height: 30px;

  1281.         font-size: 30px;

  1282.         font-weight: normal;

  1283.         color: #32363D;

  1284.         line-height: 30px;

  1285.       }

  1286.        .span2{

  1287.          height: 30px;

  1288.          font-size: 16px;

  1289.          display:flex;

  1290.          align-items:flex-end;

  1291.          .span2-1{

  1292.            color: #424D64;

  1293.            margin-right: 15px;

  1294.            font-weight: 400;

  1295.          }

  1296.          .span2-2{

  1297.            font-weight: 600;

  1298.            color: #E6273A;

  1299.          }

  1300.          .span2-3{

  1301.            font-weight: 600;

  1302.            color:#25CEBA;

  1303.          }

  1304.       }

  1305.     }

  1306.     .pageboxtitle3{

  1307.       text-align: center;

  1308.       font-size: 30px;

  1309.       line-height: 44px;

  1310.     }

  1311.   }

  1312. }

  1313. .colostyle{

  1314.   color: #1E90FF;

  1315.   // font-size: 18px;

  1316.   font-weight: 600;

  1317. }

  1318. .table-box{

  1319.   width:98.8%;

  1320.   height: 400px;

  1321.   background: #FFFFFF;

  1322.   border-radius: 4px;

  1323.   margin-top: 24px;

  1324.   .title{

  1325.     width: 100%;

  1326.     height: 50px;

  1327.     line-height: 50px;

  1328.     font-size: 16px;

  1329.     text-indent: 30px;

  1330.     font-weight: 500;

  1331.     color: #32363D;

  1332.     // border-bottom: 1px solid #E6E6E6;

  1333.   }

  1334.   .tabbox{

  1335.     padding-left: 30px;

  1336.     padding-right: 30px;

  1337.     margin-top: 20px;

  1338.   }

  1339. }

  1340.  .el-row {

  1341.     margin-bottom: 20px;

  1342.     &:last-child {

  1343.       margin-bottom: 0;

  1344.     }

  1345.   }

  1346. 

  1347. 

  1348.   .app-box-san{

  1349.   width: 100%;

  1350.   height: 350px;

  1351.   display: flex;

  1352.   margin-top: 15px;

  1353.   .zuo{

  1354.     // flex: 1;

  1355.     height: 100%;

  1356.     margin-right: 15px;

  1357.     background: #FFFFFF;

  1358.     border-radius: 4px;

  1359.     width: 48.7%;

  1360.     .title{

  1361.       width: 100%;

  1362.       height: 55px;

  1363.       // border-bottom: 1px solid #E0E0E0;

  1364.       display: flex;

  1365.       align-content: center;

  1366.       .text1{

  1367.           flex: 2;

  1368.           line-height: 55px;

  1369.           text-indent: 20px;

  1370.           font-weight: 500;

  1371.           font-size: 16px;

  1372.       }

  1373.     }

  1374.   }

  1375.   .you{

  1376.     height: 100%;

  1377.     width: 49%;

  1378.     background: #FFFFFF;

  1379.     border-radius: 4px;

  1380.     .title{

  1381.       width: 100%;

  1382.       height: 55px;

  1383.       // border-bottom: 1px solid #E0E0E0;

  1384.       display: flex;

  1385.       align-content: center;

  1386.       .text1{

  1387.           line-height: 55px;

  1388.           text-indent: 20px;

  1389.           font-weight: 500;

  1390.           font-size: 16px;

  1391.       }

  1392.     }

  1393.   }

  1394. }

  1395. 

  1396. .tophove {

  1397.   color: #ffffff;

  1398.   background: #2671e2;

  1399. }

  1400. .app-titel {

  1401.   width: 100%;

  1402.   display: flex;

  1403.   align-items: center;

  1404.   .titel-text {

  1405.     height: 100%;

  1406.     font-size: 16px;

  1407.     color: #32363d;

  1408.   }

  1409.   .toptimeqhuan {

  1410.     width: 190px;

  1411.     height: 32px;

  1412.     background: #ffffff;

  1413.     border-radius: 4px;

  1414.     border: 1px solid #e0e0e0;

  1415.     display: flex;

  1416.     align-items: center;

  1417.     overflow: hidden;

  1418.     margin-left: 20px;

  1419.     cursor: pointer;

  1420.   }

  1421.   .toptimeqhuan div {

  1422.     flex: 1;

  1423.     text-align: center;

  1424.     line-height: 32px;

  1425.     font-size: 14px;

  1426.   }

  1427. }

  1428. // 进度条

  1429.  .jinbox {

  1430.       width: 100%;

  1431.       height: 18px;

  1432.       line-height: 18px;

  1433.       display: flex;

  1434.       font-size: 16px;

  1435.       color: #2C3542;

  1436.       margin-top: 20px;

  1437.       .jinboxtit {

  1438.             width: 14%;

  1439.             height: 18px;

  1440.             padding-right: 6px;

  1441.             white-space: nowrap;

  1442.             text-overflow:ellipsis;

  1443.             overflow: hidden;

  1444.         }

  1445.         .jinbox-box {

  1446.             width: 75%;

  1447.             height: 100%;

  1448.             border-radius: 8px;

  1449.             background: #F2F2F2;

  1450.         }

  1451.         .boxbaifenbi {

  1452.             height: 100%;

  1453.             background:#60D7A0;

  1454.             border-radius: 8px;

  1455.         }

  1456.         .boxbaifenbi2 {

  1457.             height: 100%;

  1458.             background: #5B8FF9;

  1459.         }

  1460.         .jinboxbott {

  1461.             width: 16%;

  1462.             text-indent: 50px;

  1463.         }

  1464.   }

  1465.   .hejisan{

  1466. 		width: 92%;

  1467. 		margin: 0 auto;

  1468. 		display: flex;

  1469. 		.text1-1{

  1470. 			color: #666666;

  1471. 		}

  1472. 		.text1-2{

  1473. 			color: #333333;

  1474. 			margin-top: 10px;

  1475. 		}

  1476. 	}

  1477.   .title1{

  1478.     width: 100%;

  1479.     height: 55px;

  1480.     display: flex;

  1481.     align-content: center;

  1482.     justify-content: space-between;

  1483.     padding: 0 20px;

  1484.     line-height: 55px;

  1485.   }

  1486.   /deep/ .el-badge__content{

  1487.     top:10px;

  1488.   }

  1489. </style>