更新任务图标菜单数量

2022/bj-static/webapp/biz/css/base-2022.css

@@ -13,14 +13,14 @@
  color: #333333;
}
.task-menu-item {
.task-menu-item-list {
  display: flex;
  margin-left: .15rem;
  margin-right: .15rem;
  flex-wrap: wrap;
}
.task-menu-item-wdly {
.task-menu-item {
  margin-top: .12rem;
  width: 20%;
}
@@ -156,242 +156,209 @@
  line-height: .22rem;
  color: #0085D0;
}
.task-num{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  top:0;
  margin-left: .08rem;
  margin-top: -.06rem;
  min-width: .16rem;
  height: .16rem;
  line-height: 1;
  font-size: 12px;
  text-align: center;
  color: #FFFFFF;
  background: #E34D59;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}
/* 任务图标 */
.task-icon {
  position: relative;
  height: .36rem;
  background: url('../img/task/wdly.png') center no-repeat;
  background-size: .36rem auto;
}
.task-menu-item-lh .task-icon {
  background-image:  url('../img/task/lh.png');
}
.task-menu-item-bfqd .task-icon {
  background-image:  url('../img/task/bfqd.png');
}
.task-menu-item-xrz .task-icon {
  background-image:  url('../img/task/xrz.png');
}
.task-menu-item-bwl .task-icon {
  background-image:  url('../img/task/bwl.png');
}
.task-menu-item-ksjd .task-icon {
  background-image:  url('../img/task/ksjd.png');
}
.task-menu-item-wdkh .task-icon {
  background-image:  url('../img/task/wdkh.png');
}
.task-menu-item-zzs .task-icon {
  background-image:  url('../img/task/zzs.png');
}
/* 任务图标 */
.wdly-icon {
  height: .36rem;
  background: url('../img/wdly.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-bms .task-icon {
  background-image:  url('../img/task/bms.png');
}
.lh-icon {
  height: .36rem;
  background: url('../img/lh.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-xsrw .task-icon {
  background-image:  url('../img/task/xsrw.png');
}
.bfqd-icon {
  height: .36rem;
  background: url('../img/bfqd.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-lsj .task-icon {
  background-image:  url('../img/task/lsj.png');
}
.xrz-icon {
  height: .36rem;
  background: url('../img/xrz.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-sjgj .task-icon {
  background-image:  url('../img/task/sjgj.png');
}
.bwl-icon {
  height: .36rem;
  background: url('../img/bwl.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-wdsj .task-icon {
  background-image:  url('../img/task/wdsj.png');
}
.ksjd-icon {
  height: .36rem;
  background: url('../img/ksjd.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-rxdz .task-icon {
  background-image:  url('../img/task/rxdz.png');
}
.wdkh-icon {
  height: .36rem;
  background: url('../img/wdkh.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-cpdt .task-icon {
  background-image:  url('../img/task/cpdt.png');
}
.zzs-icon {
  height: .36rem;
  background: url('../img/zzs.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-sydt .task-icon {
  background-image:  url('../img/task/sydt.png');
}
.bms-icon {
  height: .36rem;
  background: url('../img/bms.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-zykt .task-icon {
  background-image:  url('../img/task/zykt.png');
}
.xsrw-icon {
  height: .36rem;
  background: url('../img/xsrw.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-kthdqr .task-icon {
  background-image:  url('../img/task/kthdqr.png');
}
.lsj-icon {
  height: .36rem;
  background: url('../img/lsj.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-zybmz .task-icon {
  background-image:  url('../img/task/zybmz.png');
}
.sjgj-icon {
  height: .36rem;
  background: url('../img/sjgj.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-kclb .task-icon {
  background-image:  url('../img/task/kclb.png');
}
.wdsj-icon {
  height: .36rem;
  background: url('../img/wdsj.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-gwcxd .task-icon {
  background-image:  url('../img/task/gwcxd.png');
}
.rxdz-icon {
  height: .36rem;
  background: url('../img/rxdz.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-xysp .task-icon {
  background-image:  url('../img/task/xysp.png');
}
.cpdt-icon {
  height: .36rem;
  background: url('../img/cpdt.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-htqsqr .task-icon {
  background-image:  url('../img/task/htqsqr.png');
}
.sydt-icon {
  height: .36rem;
  background: url('../img/sydt.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-xysd .task-icon {
  background-image:  url('../img/task/xysd.png');
}
.blank-icon {
  height: .36rem;
  background: url('../img/blank.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-ddtmh .task-icon {
  background-image:  url('../img/task/ddtmh.png');
}
.zykt-icon {
  height: .36rem;
  background: url('../img/zykt.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-pdzz .task-icon {
  background-image:  url('../img/task/pdzz.png');
}
.kthdqr-icon {
  height: .36rem;
  background: url('../img/kthdqr.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-wdcd .task-icon {
  background-image:  url('../img/task/wdcd.png');
}
.zybmz-icon {
  height: .36rem;
  background: url('../img/zybmz.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-wdbz .task-icon {
  background-image:  url('../img/task/wdbz.png');
}
.kclb-icon {
  height: .36rem;
  background: url('../img/kclb.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-wdpj .task-icon {
  background-image:  url('../img/task/wdpj.png');
}
.gwcxd-icon {
  height: .36rem;
  background: url('../img/gwcxd.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-wdxyd .task-icon {
  background-image:  url('../img/task/wdxyd.png');
}
.xysp-icon {
  height: .36rem;
  background: url('../img/xysp.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-qfcd .task-icon {
  background-image:  url('../img/task/qfcd.png');
}
.htqsqr-icon {
  height: .36rem;
  background: url('../img/htqsqr.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-khyd .task-icon {
  background-image:  url('../img/task/khyd.png');
}
.xysd-icon {
  height: .36rem;
  background: url('../img/xysd.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-khmy .task-icon {
  background-image:  url('../img/task/khmy.png');
}
.ddtmh-icon {
  height: .36rem;
  background: url('../img/ddtmh.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-htdq .task-icon {
  background-image:  url('../img/task/htdq.png');
}
.pdzz-icon {
  height: .36rem;
  background: url('../img/pdzz.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-ywdq .task-icon {
  background-image:  url('../img/task/ywdq.png');
}
.wdcd-icon {
  height: .36rem;
  background: url('../img/wdcd.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-cyrw .task-icon {
  background-image:  url('../img/task/cyrw.png');
}
.wdbz-icon {
  height: .36rem;
  background: url('../img/wdbz.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-zcrw .task-icon {
  background-image:  url('../img/task/zcrw.png');
}
.wdpj-icon {
  height: .36rem;
  background: url('../img/wdpj.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-qfcd .task-icon {
  background-image:  url('../img/task/qfcd.png');
}
.wdxyd-icon {
  height: .36rem;
  background: url('../img/wdxyd.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-yjbj .task-icon {
  background-image:  url('../img/task/yjbj.png');
}
.qfcd-icon {
  height: .36rem;
  background: url('../img/qfcd.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-gzdj .task-icon {
  background-image:  url('../img/task/gzdj.png');
}
.khyd-icon {
  height: .36rem;
  background: url('../img/khyd.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-slakscx .task-icon {
  background-image:  url('../img/task/slakscx.png');
}
.khmy-icon {
  height: .36rem;
  background: url('../img/khmy.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-zfjsq .task-icon {
  background-image:  url('../img/task/zfjsq.png');
}
.htdq-icon {
  height: .36rem;
  background: url('../img/htdq.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-jkh5 .task-icon {
  background-image:  url('../img/task/jkh5.png');
}
.ywdq-icon {
  height: .36rem;
  background: url('../img/ywdq.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-xjca .task-icon {
  background-image:  url('../img/task/xjca.png');
}
.cyrw-icon {
  height: .36rem;
  background: url('../img/cyrw.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-zxqyywsl .task-icon {
  background-image:  url('../img/task/zxqyywsl.png');
}
.zcrw-icon {
  height: .36rem;
  background: url('../img/zcrw.png') center no-repeat;
  background-size: .36rem auto;
.task-menu-item-sgjsd .task-icon {
  background-image:  url('../img/task/sgjsd.png');
}

2022/bj-static/webapp/template/general/2022-task-list.html

@@ -40,185 +40,216 @@
      <div class=" ipu-flex-col ipu-flex-col-auto customer-info-content common-page-content">
        <div class="task-menu-kqwx">
          <div class="task-menu-title">客情维系</div>
          <div class="task-menu-item">
            <div class="task-menu-item-wdly">
              <div class="wdly-icon"></div>
          <div class="task-menu-item-list">
            <div class="task-menu-item task-menu-item-wdly">
              <div class="task-icon">
                <span class="task-num">1</span>
              </div>
              <div class="task-menu-item-text">我的楼宇</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="bfqd-icon"></div>
            <div class="task-menu-item task-menu-item-bfqd">
              <div class="task-icon">
                <span class="task-num">22</span>
              </div>
              <div class="task-menu-item-text">拜访签到</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="xrz-icon"></div>
            <div class="task-menu-item task-menu-item-xrz">
              <div class="task-icon">
                <!--最多只能展示99-->
                <span class="task-num">99</span>
              </div>
              <div class="task-menu-item-text">写日志</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="bwl-icon"></div>
            <div class="task-menu-item task-menu-item-bwl">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">备忘录</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="lh-icon"></div>
            <div class="task-menu-item task-menu-item-lh">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">立户</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="ksjd-icon"></div>
            <div class="task-menu-item task-menu-item-ksjd">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">快速建档</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="wdkh-icon"></div>
            <div class="task-menu-item task-menu-item-wdkh">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">我的客户</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="zzs-icon"></div>
            <div class="task-menu-item task-menu-item-zzs">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">组织树</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="bms-icon"></div>
            <div class="task-menu-item task-menu-item-bms">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">部门树</div>
            </div>
          </div>
        </div>
        <div class="task-menu-kqwx">
          <div class="task-menu-title">商机拓展</div>
          <div class="task-menu-item">
            <div class="task-menu-item-wdly">
              <div class="xsrw-icon"></div>
          <div class="task-menu-item-list">
            <div class="task-menu-item task-menu-item-xsrw">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">线索任务</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="lsj-icon"></div>
            <div class="task-menu-item task-menu-item-lsj">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">录商机</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="sjgj-icon"></div>
            <div class="task-menu-item task-menu-item-sjgj">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">商机跟进</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="wdsj-icon"></div>
            <div class="task-menu-item task-menu-item-wdsj">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">我的商机</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="rxdz-icon"></div>
            <div class="task-menu-item task-menu-item-rxdz">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">柔性定制</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="cpdt-icon"></div>
            <div class="task-menu-item task-menu-item-cpdt">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">产品大厅</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="sydt-icon"></div>
            <div class="task-menu-item task-menu-item-sydt">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">时延地图</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="blank-icon"></div>
              <div class="task-menu-item-text"></div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="blank-icon"></div>
              <div class="task-menu-item-text"></div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="blank-icon"></div>
              <div class="task-menu-item-text"></div>
            </div>
          </div>
        </div>
        <div class="task-menu-kqwx">
          <div class="task-menu-title">业务办理</div>
          <div class="task-menu-item">
            <div class="task-menu-item-wdly">
              <div class="zykt-icon"></div>
          <div class="task-menu-item-list">
            <div class="task-menu-item task-menu-item-zykt">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">资源勘探</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="kthdqr-icon"></div>
            <div class="task-menu-item task-menu-item-kthdqr">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">勘探回单确认</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="zybmz-icon"></div>
            <div class="task-menu-item task-menu-item-zybmz">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">资源不满足</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="kclb-icon"></div>
            <div class="task-menu-item task-menu-item-kclb">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">勘察列表</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="gwcxd-icon"></div>
            <div class="task-menu-item task-menu-item-gwcxd">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">购物车下单</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="xysp-icon"></div>
            <div class="task-menu-item task-menu-item-xysp">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">协议审批</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="htqsqr-icon"></div>
            <div class="task-menu-item task-menu-item-htqsqr">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">合同签署确认</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="xysd-icon"></div>
            <div class="task-menu-item task-menu-item-xysd">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">协议甩单</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="ddtmh-icon"></div>
            <div class="task-menu-item task-menu-item-ddtmh">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">订单透明化</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="pdzz-icon"></div>
            <div class="task-menu-item task-menu-item-pdzz">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">派单综资</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="wdcd-icon"></div>
            <div class="task-menu-item task-menu-item-wdcd">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">我的催单</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="wdbz-icon"></div>
            <div class="task-menu-item task-menu-item-wdbz">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">我的保障</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="wdpj-icon"></div>
            <div class="task-menu-item task-menu-item-wdpj">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">我的评价</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="wdxyd-icon"></div>
            <div class="task-menu-item task-menu-item-wdxyd">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">我的协议单</div>
            </div>
            <div class="task-menu-item task-menu-item-zfjsq">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">资费计算器</div>
            </div>
            <div class="task-menu-item task-menu-item-jkh5">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">即客H5</div>
            </div>
            <div class="task-menu-item task-menu-item-xjca">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">新建CA</div>
            </div>
            <div class="task-menu-item task-menu-item-zxqyywsl">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">中小企业业务受理</div>
            </div>
            <div class="task-menu-item task-menu-item-sgjsd">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">施工建设单</div>
            </div>
          </div>
        </div>
        <div class="task-menu-kqwx">
          <div class="task-menu-title">业务维系</div>
          <div class="task-menu-item">
            <div class="task-menu-item-wdly">
              <div class="qfcd-icon"></div>
          <div class="task-menu-item-list">
            <div class="task-menu-item task-menu-item-qfcd">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">欠费催单</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="khyd-icon"></div>
            <div class="task-menu-item task-menu-item-khyd">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">客户异动</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="khmy-icon"></div>
            <div class="task-menu-item task-menu-item-khmy">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">客户满意</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="htdq-icon"></div>
            <div class="task-menu-item task-menu-item-htdq">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">合同到期</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="ywdq-icon"></div>
            <div class="task-menu-item task-menu-item-ywdq">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">业务到期</div>
            </div>
            <div class="task-menu-item task-menu-item-yjbj">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">一键报警</div>
            </div>
            <div class="task-menu-item task-menu-item-gzdj">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">故障定界</div>
            </div>
            <div class="task-menu-item task-menu-item-slakscx">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">SLA可视查询</div>
            </div>
            <div class="task-menu-item task-menu-item-cyywcx">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">成员业务查询</div>
            </div>
          </div>
        </div>
        <div class="task-menu-kqwx">
          <div class="task-menu-title">任务管理</div>
          <div class="task-menu-item">
            <div class="task-menu-item-wdly">
              <div class="cyrw-icon"></div>
          <div class="task-menu-item-list">
            <div class="task-menu-item task-menu-item-cyrw">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">成员任务</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="zcrw-icon"></div>
            <div class="task-menu-item task-menu-item-zcrw">
              <div class="task-icon"></div>
              <div class="task-menu-item-text">驻场任务</div>
            </div>
          </div>