Browse Source

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

guohh 4 years ago
parent
commit
3e551e52a3

+ 28 - 14
2019/bj-zqzt/biz/css/base.css

3573
  width: 14.4%;
3573
  width: 14.4%;
3574
  border-top:1px solid #E6E9ED; ;
3574
  border-top:1px solid #E6E9ED; ;
3575
}
3575
}
3576
.customer-small-btn.ipu-active {
3577
  opacity: .7;
3578
}
3579
.customer-btns .customer-big-btn {
3576
.customer-btns .customer-big-btn {
3580
  height: .48rem;
3577
  height: .48rem;
3581
  background:linear-gradient(180deg,rgba(63,148,248,1) 0%,rgba(69,127,255,1) 100%);
3578
  background:linear-gradient(180deg,rgba(63,148,248,1) 0%,rgba(69,127,255,1) 100%);
3582
}
3579
}
3583
.customer-big-btn.ipu-active {
3584
  opacity: .7;
3585
}
3586
.customer-small-btn .btn-pic{
3580
.customer-small-btn .btn-pic{
3587
  width: .24rem;
3581
  width: .24rem;
3588
  height:.24rem;
3582
  height:.24rem;
3621
  background: url(../img/unsuspend-btn.png) center center no-repeat;
3615
  background: url(../img/unsuspend-btn.png) center center no-repeat;
3622
  background-size: contain;
3616
  background-size: contain;
3623
}
3617
}
3624
.unsuspend-btn.customer-small-btn.disabled-btn .btn-pic{
3625
  width: .18rem;
3626
  background: url(../img/unsuspend-disabled-btn.png) center center no-repeat;
3627
  background-size: contain;
3628
}
3629
.unsuspend-btn.customer-small-btn.disabled-btn .btn-text{
3630
  color: rgba(142, 147, 153, .4);
3631
}
3632
.suspend-btn.customer-small-btn .btn-pic{
3618
.suspend-btn.customer-small-btn .btn-pic{
3633
  width: .18rem;
3619
  width: .18rem;
3634
  background: url(../img/suspend-btn.png) center center no-repeat;
3620
  background: url(../img/suspend-btn.png) center center no-repeat;
3646
  line-height: .1rem;
3632
  line-height: .1rem;
3647
  margin-top: .02rem;
3633
  margin-top: .02rem;
3648
}
3634
}
3635
.customer-small-btn.ipu-active {
3636
  opacity: .7;
3637
}
3638
.customer-small-btn.disabled-btn {
3639
  opacity: .5;
3640
}
3649
.customer-big-btn .btn-pic {
3641
.customer-big-btn .btn-pic {
3650
  width: .19rem;
3642
  width: .19rem;
3651
  height: .19rem;
3643
  height: .19rem;
3671
  line-height:.16rem;
3663
  line-height:.16rem;
3672
  margin-left: .07rem;
3664
  margin-left: .07rem;
3673
}
3665
}
3666
.customer-big-btn.ipu-active {
3667
  opacity: .7;
3668
}
3674
.calculate-btn {
3669
.calculate-btn {
3675
  width: .6rem;
3670
  width: .6rem;
3676
  height:.6rem;
3671
  height:.6rem;
6643
  background: url("../img/delay2.png") center center no-repeat;
6638
  background: url("../img/delay2.png") center center no-repeat;
6644
  background-size: contain;
6639
  background-size: contain;
6645
}
6640
}
6641
.menu-pic.group {
6642
  background: url("../img/group.png") center center no-repeat;
6643
  background-size: contain;
6644
}
6646
/* 电子协议单详情 */
6645
/* 电子协议单详情 */
6647
.sheet-details-head {
6646
.sheet-details-head {
6648
  padding:.17rem .16rem;
6647
  padding:.17rem .16rem;
7158
  font-size: .14rem;
7157
  font-size: .14rem;
7159
  line-height: .22rem;
7158
  line-height: .22rem;
7160
}
7159
}
7160
.work-state-detail {
7161
  color: #3F93F8;
7162
  margin-left: .05rem;
7163
}
7161
.construction-approval-area .sj-audit-user{
7164
.construction-approval-area .sj-audit-user{
7162
  margin-top:.04rem;
7165
  margin-top:.04rem;
7163
  padding-bottom: 0;
7166
  padding-bottom: 0;
7197
  color:#67ACFF;
7200
  color:#67ACFF;
7198
  background:rgba(247,250,255,1);
7201
  background:rgba(247,250,255,1);
7199
}
7202
}
7203
.work-state-area {
7204
  padding: .2rem .24rem;
7205
  background: #fff;
7206
  border-radius: .08rem .08rem 0 0;;
7207
}
7208
.work-state-title {
7209
  font-size: .16rem;
7210
  color: #2B2F33;
7211
  text-align: center;
7212
  line-height: .22rem;
7213
}

BIN
2019/bj-zqzt/biz/img/group.png


BIN
2019/bj-zqzt/biz/img/unsuspend-disabled-btn.png


+ 28 - 8
2019/bj-zqzt/biz/js/construction-sheet-details.js

28
    // 操作按钮
28
    // 操作按钮
29
    $('.customer-btns>div').on('click', function () {
29
    $('.customer-btns>div').on('click', function () {
30
      let option = $(this).find(".btn-text").text().trim();
30
      let option = $(this).find(".btn-text").text().trim();
31
      if (option == "解挂") {
32
        if (!$(this).has("disabled-btn")) {
31
      if (!$(this).hasClass("disabled-btn")) {
32
        if (option == "解挂") {
33
          location.href = "work-order-unsuspend.html"
33
          location.href = "work-order-unsuspend.html"
34
        } else if (option == "挂起") {
35
          location.href = "work-order-suspend.html"
36
        } else if (option == "延期") {
37
          location.href = "work-order-delay.html"
38
        } else if (option == "加急") {
39
          location.href = "work-order-emergency.html"
34
        }
40
        }
35
      } else if (option == "挂起") {
36
        location.href = "work-order-suspend.html"
37
      } else if (option == "延期") {
38
        location.href = "work-order-delay.html"
39
      } else if (option == "加急") {
40
        location.href = "work-order-emergency.html"
41
      }
41
      }
42
    })
42
    })
43
43
44
    // 工单状态详情
45
    $(".sheet-details-area").on("click", ".work-state-detail", function () {
46
      $(".upload-pic-popup-slide ").addClass("active");
47
    });
48
49
    // 关闭slide
50
    $(".normal-slide-close").click(function () {
51
      $(".upload-pic-popup-slide ").removeClass("active");
52
    });
53
54
    // 点空白区域关闭上传水牌界面
55
    $(".upload-pic-popup-slide").click(function () {
56
      $(this).removeClass("active");
57
    });
58
59
    //点击其他地方不做处理
60
    $(".upload-pic-popup-slide .work-state-area").click(function () {
61
      return false;
62
    });
63
44
  });
64
  });
45
});
65
});

+ 14 - 6
2019/bj-zqzt/biz/js/construction-sheet-list.js

36
      });
36
      });
37
    });
37
    });
38
38
39
    // 全部中的条件搜索事件
40
    $(".common-select-search-btn").click(function () {
41
      search();
42
    });
43
44
    // 监测输入框按下事件
39
    // 监测输入框按下事件
45
    $(".common-search-input").keyup(function (e) {
40
    $(".common-search-input").keyup(function (e) {
46
      var currKey = e.keyCode || e.which || e.charCode;
41
      let currKey = e.keyCode || e.which || e.charCode;
42
      if ($(this).val() != "") {
43
        // 如果输入框值不为空,clean按钮显示
44
        $(".search-input-clean").show();
45
      } else {
46
        // 如果输入框为空,clean按钮隐藏
47
        $(".search-input-clean").hide();
48
      }
47
      if (currKey == 13) {// 按下回车进行查询
49
      if (currKey == 13) {// 按下回车进行查询
48
        search();
50
        search();
49
      }
51
      }
50
    });
52
    });
51
53
54
    // 输入框清除按钮点击事件
55
    $(".search-input-clean").click(function () {
56
      $(".search-input-clean").hide();
57
      $(".common-search-input").val("").focus();
58
    });
59
52
    // 选项点击事件跳转至详情页
60
    // 选项点击事件跳转至详情页
53
    $(".construction-list-area").on("click", ".agreement-sheet-item", function () {
61
    $(".construction-list-area").on("click", ".agreement-sheet-item", function () {
54
      location.href = "construction-sheet-details.html"
62
      location.href = "construction-sheet-details.html"

+ 35 - 7
2019/bj-zqzt/construction-sheet-details.html

122
                      <div class="sj-audit-time">15:31:32</div>
122
                      <div class="sj-audit-time">15:31:32</div>
123
                    </div>
123
                    </div>
124
                    <div class="ipu-flex-grow-1 sj-audit-result">
124
                    <div class="ipu-flex-grow-1 sj-audit-result">
125
                      <div class="sj-audit-title">工单状态</div>
125
                      <div class="sj-audit-title"><span>工单状态</span><span class="work-state-detail">详情</span></div>
126
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
126
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
127
                        <div>操作人(二级部门 三级部门)</div>
127
                        <div>操作人(二级部门 三级部门)</div>
128
                        <div class="call-pic" data-phone="13423454321"></div>
128
                        <div class="call-pic" data-phone="13423454321"></div>
129
                      </div>
129
                      </div>
130
                      <div class="sj-audit-reason">操作原因:这是一段文字</div>
131
                      <div class="sj-audit-desc">操作描述:这是一段文字</div>
132
                    </div>
130
                    </div>
133
                  </div>
131
                  </div>
134
132
138
                      <div class="sj-audit-time">15:31:32</div>
136
                      <div class="sj-audit-time">15:31:32</div>
139
                    </div>
137
                    </div>
140
                    <div class="ipu-flex-grow-1 sj-audit-result">
138
                    <div class="ipu-flex-grow-1 sj-audit-result">
141
                      <div class="sj-audit-title">工单状态</div>
139
                      <div class="sj-audit-title"><span>工单状态</span><span class="work-state-detail">详情</span></div>
142
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
140
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
143
                        <div>操作人(二级部门 三级部门)</div>
141
                        <div>操作人(二级部门 三级部门)</div>
144
                        <div class="call-pic" data-phone="13423454321"></div>
142
                        <div class="call-pic" data-phone="13423454321"></div>
145
                      </div>
143
                      </div>
144
                      <div class="sj-audit-desc">综资发起</div>
146
                    </div>
145
                    </div>
147
                  </div>
146
                  </div>
148
147
152
                      <div class="sj-audit-time">15:31:29</div>
151
                      <div class="sj-audit-time">15:31:29</div>
153
                    </div>
152
                    </div>
154
                    <div class="ipu-flex-grow-1 sj-audit-result">
153
                    <div class="ipu-flex-grow-1 sj-audit-result">
155
                      <div class="sj-audit-title">加急状态</div>
154
                      <div class="sj-audit-title"><span>加急状态</span><span class="work-state-detail">详情</span></div>
156
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
155
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
157
                        <div>周瑞明(城区一分公司 政企部)</div>
156
                        <div>周瑞明(城区一分公司 政企部)</div>
158
                        <div class="call-pic" data-phone="13423454321"></div>
157
                        <div class="call-pic" data-phone="13423454321"></div>
168
                      <div class="sj-audit-time">15:31:32</div>
167
                      <div class="sj-audit-time">15:31:32</div>
169
                    </div>
168
                    </div>
170
                    <div class="ipu-flex-grow-1 sj-audit-result">
169
                    <div class="ipu-flex-grow-1 sj-audit-result">
171
                      <div class="sj-audit-title">工单状态</div>
170
                      <div class="sj-audit-title"><span>工单状态</span><span class="work-state-detail">详情</span></div>
172
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
171
                      <div class="sj-audit-user ipu-flex ipu-flex-align-center">
173
                        <div>操作人(二级部门 三级部门)</div>
172
                        <div>操作人(二级部门 三级部门)</div>
174
                        <div class="call-pic" data-phone="13423454321"></div>
173
                        <div class="call-pic" data-phone="13423454321"></div>
186
      </div>
185
      </div>
187
      <div class="ipu-flex-col">
186
      <div class="ipu-flex-col">
188
        <div class="customer-btns ipu-flex ipu-flex-align-center">
187
        <div class="customer-btns ipu-flex ipu-flex-align-center">
189
          <!--解挂两种状态,激活状态去掉disabled-btn-->
188
          <!--未激活状态加上样式disabled-btn-->
190
          <div class="unsuspend-btn customer-small-btn disabled-btn ipu-flex ipu-flex-vertical ipu-flex-align-center">
189
          <div class="unsuspend-btn customer-small-btn disabled-btn ipu-flex ipu-flex-vertical ipu-flex-align-center">
191
            <div class="btn-pic"></div>
190
            <div class="btn-pic"></div>
192
            <div class="btn-text">解挂</div>
191
            <div class="btn-text">解挂</div>
208
207
209
    </div>
208
    </div>
210
209
210
    <!--工单详情-->
211
    <div class="upload-pic-popup-slide">
212
      <div class="ipu-flex-row ipu-flex-vertical">
213
        <div class="ipu-flex-col ipu-flex-col-auto"></div>
214
        <div class="work-state-area ipu-flex-col ipu-flex ipu-flex-vertical">
215
          <div class="work-state-header">
216
            <div class="work-state-title ipu-fn-row">加急待确认</div>
217
            <div class="normal-slide-close"></div>
218
          </div>
219
          <div class="normal-content-item ipu-flex">
220
            <div class="normal-content-tag ipu-flex-col">要求完成时间</div>
221
            <div class="normal-content-value ipu-flex-col-auto">2020-02-21 13:34:23</div>
222
          </div>
223
          <div class="normal-content-item ipu-flex">
224
            <div class="normal-content-tag ipu-flex-col">预计加急结束时间</div>
225
            <div class="normal-content-value ipu-flex-col-auto">2020-02-21 13:34:23</div>
226
          </div>
227
          <div class="normal-content-item ipu-flex">
228
            <div class="normal-content-tag ipu-flex-col">加急原因</div>
229
            <div class="normal-content-value ipu-flex-col-auto">无</div>
230
          </div>
231
          <div class="normal-content-item ipu-flex">
232
            <div class="normal-content-tag ipu-flex-col">加急描述</div>
233
            <div class="normal-content-value ipu-flex-col-auto">无</div>
234
          </div>
235
        </div>
236
      </div>
237
    </div>
238
211
  </div>
239
  </div>
212
</div>
240
</div>
213
</body>
241
</body>

+ 3 - 3
2019/bj-zqzt/construction-sheet-list.html

33
          <div class="sort-type" data-type="CUST_NAME">客户名称</div>
33
          <div class="sort-type" data-type="CUST_NAME">客户名称</div>
34
          <div class="unfold-status"></div>
34
          <div class="unfold-status"></div>
35
        </div>
35
        </div>
36
        <div class="ipu-flex-grow-1">
37
          <input type="text" class="common-search-input common-select-search-input" placeholder="输入关键字进行查询"/>
36
        <div class="ipu-flex-grow-1" style="position: relative">
37
          <input type="text" class="common-search-input common-select-search-input" placeholder="输入关键字进行查询" style="padding:.07rem .36rem"/>
38
          <div class="search-input-clean" style="display:none;top:.09rem;right: .08rem;left:auto;"></div>
38
        </div>
39
        </div>
39
        <button class="ipu-btn common-btn common-select-search-btn">搜索</button>
40
      </div>
40
      </div>
41
      <div class="customer-list-head ipu-flex ipu-flex-justify-space ipu-flex-align-center">
41
      <div class="customer-list-head ipu-flex ipu-flex-justify-space ipu-flex-align-center">
42
        <div class="business-count">共<span>0</span>个客户</div>
42
        <div class="business-count">共<span>0</span>个客户</div>