Merge branch 'static-static' of http://10.1.235.20:3000/core/static into static-static

2019/bj-zqzt/biz/css/base.css

@@ -3577,17 +3577,13 @@ button.add-others {
  height: .48rem;
  background:rgba(255, 255, 255, 1);
  width: 14.4%;
  border-left: 1px solid #E6E9ED;
  border-top:1px solid #E6E9ED; ;
}
.customer-small-btn.ipu-active {
  opacity: .7;
}
.customer-btns .customer-small-btn:first-child {
  border-width: 0;
}
.customer-btns .customer-big-btn {
  height: .48rem;
  width: 56.8%;
  background:linear-gradient(180deg,rgba(63,148,248,1) 0%,rgba(69,127,255,1) 100%);
}
.customer-big-btn.ipu-active {
@@ -3626,6 +3622,29 @@ button.add-others {
  background: url(../img/business-btn.png) center center no-repeat;
  background-size: contain;
}
.unsuspend-btn.customer-small-btn .btn-pic{
  width: .18rem;
  background: url(../img/unsuspend-btn.png) center center no-repeat;
  background-size: contain;
}
.unsuspend-btn.customer-small-btn.disabled-btn .btn-pic{
  width: .18rem;
  background: url(../img/unsuspend-disabled-btn.png) center center no-repeat;
  background-size: contain;
}
.unsuspend-btn.customer-small-btn.disabled-btn .btn-text{
  color: rgba(142, 147, 153, .4);
}
.suspend-btn.customer-small-btn .btn-pic{
  width: .18rem;
  background: url(../img/suspend-btn.png) center center no-repeat;
  background-size: contain;
}
.delay-btn.customer-small-btn .btn-pic{
  width: .18rem;
  background: url(../img/delay-btn.png) center center no-repeat;
  background-size: contain;
}
.customer-small-btn .btn-text {
  font-size: .1rem;
  font-weight: 400;
@@ -3643,13 +3662,14 @@ button.add-others {
  background: url(../img/sign-btn.png) center center no-repeat;
  background-size: contain;
}
.emergency-btn.customer-big-btn .btn-pic {
  background: url(../img/emergency-btn.png) center center no-repeat;
  background-size: contain;
}
.edit-submit-btn.customer-big-btn .btn-pic {
  background: url(../img/edit-btn.png) center center no-repeat;
  background-size: contain;
}
.pages-customer-details-examine .customer-btns .sign-in-btn.customer-big-btn{
  width: 71.2%;
}
.customer-big-btn .btn-text {
  font-size: .16rem;
  font-weight:500;
@@ -7101,3 +7121,62 @@ ul li .details-info {
.resource-select .agreement-sheet-item.active {
  background-color: rgba(63, 147, 248, .15);
}
/*施工建设单详情*/
.construction-company-name {
  color: #2B2F33;
  font-size: .19rem;
  font-weight:bold;
  line-height: .22rem;
}
.construction-company-address {
  margin-top:.1rem;
  font-size: .14rem;
  font-weight:400;
  line-height: .18rem;
  color: #5C6066;
}
#service-handling-details.ipu-active {
  opacity: .7;
}
.construction-approval-area {
  background-color: #FFFFFF;
  margin-top:.08rem;
}
.construction-approval-area .normal-tab-head{
  padding-left:0;
}
.construction-approval-area .normal-tab-head ul li {
  padding: .15rem .17rem;
}
.construction-approval-area .normal-tab-body {
  padding-left: .17rem;
  padding-right: .17rem;
  background-color: #FFFFFF;
}
.construction-approval-area .sj-audit-date,.construction-approval-area .sj-audit-time {
  color: #8E9399;
}
.construction-approval-area .sj-audit-item.active .sj-audit-date,.construction-approval-area .sj-audit-item.active .sj-audit-time {
  color: #5C6066;
}
.construction-approval-area .sj-audit-title {
  font-weight: 600;
  font-size: .14rem;
  line-height: .22rem;
}
.construction-approval-area .sj-audit-user{
  margin-top:.04rem;
  padding-bottom: 0;
  font-size: .13rem;
  line-height: .2rem;
}
.sj-audit-reason, .sj-audit-desc {
  margin-top: .04rem;
  padding-bottom: 0;
  font-size: .13rem;
  line-height: .2rem;
  color: rgba(142, 147, 153, .4);
}
.sj-audit-item.active .sj-audit-reason,.sj-audit-item.active .sj-audit-desc {
  color: rgba(142, 147, 153, 1);
}

2019/bj-zqzt/biz/js/construction-sheet-details.js

@@ -0,0 +1,45 @@
require(['jquery', 'ipuUI'], function ($, ipuUI) {
  $(function () {
    init();
    // 页面初始化
    function init() {
    }
    // 审批轨迹tab切换
    $(".sheet-details-area").on("click", ".normal-tab-head>ul>li", function () {
      $(this).addClass("active").siblings(".active").removeClass("active");
      let index = $(this).index(".normal-tab-head li");
      $(".normal-tab-body>ul>li.normal-tab-item:eq(" + index + ")").addClass("active").siblings(".active").removeClass("active");
    });
    // 业务受理详情
    $('.sheet-details-area').on('click', '#service-handling-details', function () {
      location.href = "service-handling-details.html"
    })
    // 打电话
    $('.sheet-details-area').on('click', '.call-pic', function () {
      let phoneNumber = $(this).data("phone");
      ipuUI.toast(phoneNumber);
    })
    // 操作按钮
    $('.customer-btns>div').on('click', function () {
      let option = $(this).find(".btn-text").text().trim();
      if (option == "解挂") {
        if (!$(this).has("disabled-btn")) {
          location.href = "work-order-unsuspend.html"
        }
      } else if (option == "挂起") {
        location.href = "work-order-suspend.html"
      } else if (option == "延期") {
        location.href = "work-order-delay.html"
      } else if (option == "加急") {
        location.href = "work-order-emergency.html"
      }
    })
  });
});

2019/bj-zqzt/construction-sheet-details.html

@@ -0,0 +1,214 @@
<!DOCTYPE html>
<html lang="en">
<head>
  <title>施工建设单详情</title>
  <meta charset="utf-8">
  <!-- 宽度自动适配 -->
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
  <!-- 不识别页面上的数字为可拨打号码 -->
  <meta content="telephone=no" name="format-detection"/>
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
  <script src="ipu/lib/requirejs/require.min.js"></script>
  <script src="biz/js/require-config.js"></script>
  <script src="biz/js/construction-sheet-details.js"></script>
</head>
<body class="pages-construction-sheet-details main-body-bg-grey">
<div class="ipu-pages">
  <div class="ipu-page">
    <div class="ipu-flex-row ipu-flex-vertical">
      <div class="ipu-flex-col common-border-bottom">
        <div class="ipu-toolbar">
          <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:;" id="back">
            <div class="left-back"></div>
          </a>
          <h1 class="ipu-toolbar-title">施工建设单详情</h1>
        </div>
      </div>
      <div class="ipu-flex-col ipu-flex-col-auto sheet-details-area">
        <div class="normal-content-area">
          <div class="construction-company-name">北京龙湖兴润置业有限公司</div>
          <div class="construction-company-address">东城区东总布胡同58号天润财富中心1层</div>
          <div class="normal-content-item ipu-flex">
            <div class="normal-content-tag ipu-flex-col">26码</div>
            <div class="normal-content-value ipu-flex-col-auto">26009946073</div>
          </div>
          <div class="normal-content-item ipu-flex">
            <div class="normal-content-tag ipu-flex-col">业务类型</div>
            <div class="normal-content-value ipu-flex-col-auto">互联网专线</div>
          </div>
          <div class="normal-content-item ipu-flex">
            <div class="normal-content-tag ipu-flex-col">所处阶段</div>
            <div class="normal-content-value ipu-flex-col-auto">设计阶段</div>
          </div>
          <div class="normal-content-item ipu-flex">
            <div class="normal-content-tag ipu-flex-col">完成时间</div>
            <div class="normal-content-value ipu-flex-col-auto">2020-05-20 18:32:22</div>
          </div>
        </div>
        <div class="normal-content-area" id="service-handling-details">
          <div class="ipu-flex ipu-flex-align-center ipu-flex-justify-space">
            <div class="normal-content-title main-blue" style="margin-bottom: 0">业务受理详情</div>
            <div class="sheet-arrow-right"></div>
          </div>
        </div>
        <div class="construction-approval-area">
          <div class="normal-tab-head common-border-bottom">
            <ul style="display: flex;justify-content: start">
              <li class="active">工单历史轨迹</li>
              <li>工单干预轨迹</li>
            </ul>
          </div>
          <div class="normal-tab-body" style="padding-top:.15rem;">
            <ul>
              <!--工单历史轨迹-->
              <li class="normal-tab-item active">
                <div class="sj-audit-history agreement-sheet-approval">
                  <div class="ipu-flex sj-audit-item active">
                    <div class="ipu-flex-grow-0 sj-audit-timesatmp">
                      <div class="sj-audit-date">2019-04-25</div>
                      <div class="sj-audit-time">15:31:32</div>
                    </div>
                    <div class="ipu-flex-grow-1 sj-audit-result">
                      <div class="sj-audit-title">第三次综资施工</div>
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
                        <div>张晓明</div>
                        <div class="call-pic" data-phone="13423454321"></div>
                      </div>
                    </div>
                  </div>
                  <div class="ipu-flex sj-audit-item">
                    <div class="ipu-flex-grow-0 sj-audit-timesatmp">
                      <div class="sj-audit-date">2019-04-21</div>
                      <div class="sj-audit-time">15:31:32</div>
                    </div>
                    <div class="ipu-flex-grow-1 sj-audit-result">
                      <div class="sj-audit-title">第二次综资施工</div>
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
                        <div>张晓明</div>
                        <div class="call-pic" data-phone="13423454321"></div>
                      </div>
                    </div>
                  </div>
                  <div class="ipu-flex sj-audit-item">
                    <div class="ipu-flex-grow-0 sj-audit-timesatmp">
                      <div class="sj-audit-date">2019-04-21</div>
                      <div class="sj-audit-time">15:31:29</div>
                    </div>
                    <div class="ipu-flex-grow-1 sj-audit-result">
                      <div class="sj-audit-title">第一次综资施工</div>
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
                        <div>张晓明</div>
                        <div class="call-pic" data-phone="13423454321"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
              <!--工单干预轨迹-->
              <li class="normal-tab-item">
                <div class="sj-audit-history agreement-sheet-approval">
                  <div class="ipu-flex sj-audit-item active">
                    <div class="ipu-flex-grow-0 sj-audit-timesatmp">
                      <div class="sj-audit-date">2019-04-25</div>
                      <div class="sj-audit-time">15:31:32</div>
                    </div>
                    <div class="ipu-flex-grow-1 sj-audit-result">
                      <div class="sj-audit-title">工单状态</div>
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
                        <div>操作人(二级部门 三级部门)</div>
                        <div class="call-pic" data-phone="13423454321"></div>
                      </div>
                      <div class="sj-audit-reason">操作原因：这是一段文字</div>
                      <div class="sj-audit-desc">操作描述：这是一段文字</div>
                    </div>
                  </div>
                  <div class="ipu-flex sj-audit-item">
                    <div class="ipu-flex-grow-0 sj-audit-timesatmp">
                      <div class="sj-audit-date">2019-04-21</div>
                      <div class="sj-audit-time">15:31:32</div>
                    </div>
                    <div class="ipu-flex-grow-1 sj-audit-result">
                      <div class="sj-audit-title">工单状态</div>
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
                        <div>操作人(二级部门 三级部门)</div>
                        <div class="call-pic" data-phone="13423454321"></div>
                      </div>
                    </div>
                  </div>
                  <div class="ipu-flex sj-audit-item">
                    <div class="ipu-flex-grow-0 sj-audit-timesatmp">
                      <div class="sj-audit-date">2019-04-21</div>
                      <div class="sj-audit-time">15:31:29</div>
                    </div>
                    <div class="ipu-flex-grow-1 sj-audit-result">
                      <div class="sj-audit-title">加急状态</div>
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
                        <div>周瑞明(城区一分公司 政企部)</div>
                        <div class="call-pic" data-phone="13423454321"></div>
                      </div>
                      <div class="sj-audit-reason">加急原因：客户要求提前开通</div>
                      <div class="sj-audit-desc">加急描述：客户很着急，希望尽快开通投入</div>
                    </div>
                  </div>
                  <div class="ipu-flex sj-audit-item">
                    <div class="ipu-flex-grow-0 sj-audit-timesatmp">
                      <div class="sj-audit-date">2019-04-20</div>
                      <div class="sj-audit-time">15:31:32</div>
                    </div>
                    <div class="ipu-flex-grow-1 sj-audit-result">
                      <div class="sj-audit-title">工单状态</div>
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
                        <div>操作人(二级部门 三级部门)</div>
                        <div class="call-pic" data-phone="13423454321"></div>
                      </div>
                      <div class="sj-audit-reason">操作原因：这是一段文字</div>
                      <div class="sj-audit-desc">操作描述：这是一段文字</div>
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="ipu-flex-col">
        <div class="customer-btns ipu-flex ipu-flex-align-center">
          <!--解挂两种状态，激活状态去掉disabled-btn-->
          <div class="unsuspend-btn customer-small-btn disabled-btn ipu-flex ipu-flex-vertical ipu-flex-align-center">
            <div class="btn-pic"></div>
            <div class="btn-text">解挂</div>
          </div>
          <div class="suspend-btn customer-small-btn ipu-flex ipu-flex-vertical ipu-flex-align-center">
            <div class="btn-pic"></div>
            <div class="btn-text">挂起</div>
          </div>
          <div class="delay-btn customer-small-btn ipu-flex ipu-flex-vertical ipu-flex-align-center">
            <div class="btn-pic"></div>
            <div class="btn-text">延期</div>
          </div>
          <div class="emergency-btn customer-big-btn ipu-flex ipu-flex-justify-center ipu-flex-align-center ipu-flex-grow-1">
            <div class="btn-pic"></div>
            <div class="btn-text">加急</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

2019/bj-zqzt/customer-details-established.html

@@ -426,7 +426,7 @@
        <div class="btn-pic"></div>
        <div class="btn-text">资源勘查</div>
      </div>
      <div class="sign-in-btn customer-big-btn ipu-flex ipu-flex-justify-center ipu-flex-align-center" style="width:28%">
      <div class="sign-in-btn customer-big-btn ipu-flex ipu-flex-justify-center ipu-flex-align-center ipu-flex-grow-1">
        <div class="btn-pic"></div>
        <div class="btn-text">签到</div>
      </div>

2019/bj-zqzt/customer-details-examine.html

@@ -196,11 +196,11 @@
        <div class="btn-pic"></div>
        <div class="btn-text">签到</div>
      </div>
      <div class="edit-submit-btn customer-big-btn ipu-flex ipu-flex-justify-center ipu-flex-align-center ipu-fn-hide">
      <div class="edit-submit-btn customer-big-btn ipu-flex ipu-flex-justify-center ipu-flex-align-center ipu-flex-grow-1 ipu-fn-hide">
        <div class="btn-pic"></div>
        <div class="btn-text">编辑重提</div>
      </div>
      <div class="sign-in-btn customer-big-btn ipu-flex ipu-flex-justify-center ipu-flex-align-center">
      <div class="sign-in-btn customer-big-btn ipu-flex ipu-flex-justify-center ipu-flex-align-center ipu-flex-grow-1">
        <div class="btn-pic"></div>
        <div class="btn-text">签到</div>
      </div>

2019/bj-zqzt/customer-details-unestablished.html

@@ -200,7 +200,7 @@
        <div class="btn-pic"></div>
        <div class="btn-text">查资源</div>
      </div>
      <div class="sign-in-btn customer-big-btn ipu-flex ipu-flex-justify-center ipu-flex-align-center">
      <div class="sign-in-btn customer-big-btn ipu-flex ipu-flex-justify-center ipu-flex-align-center ipu-flex-grow-1">
        <div class="btn-pic"></div>
        <div class="btn-text">签到</div>
      </div>