|  |  | 
 |  |  | <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> | 
 |  |  | <link rel="stylesheet" href="../../static/css/jquery.upload.css" media="all"/> | 
 |  |  | <style> | 
 |  |  |     #formAdvForm { | 
 |  |  |         background-color: #f3f3f3; | 
 |  |  | 
 |  |  |         margin-top: 5px !important; | 
 |  |  |         margin-bottom: 5px !important; | 
 |  |  |         background: #c8d1dabd; | 
 |  |  |     } | 
 |  |  |     .issue-label { | 
 |  |  |         display: inline-block; | 
 |  |  |         float: left; | 
 |  |  |         font-size: 16px; | 
 |  |  |         font-weight: bolder; | 
 |  |  |         height: 40px; | 
 |  |  |         line-height: 40px; | 
 |  |  |         text-align: center; | 
 |  |  |         white-space: nowrap; | 
 |  |  |         vertical-align: baseline; | 
 |  |  |         border-radius: .25em; | 
 |  |  |     } | 
 |  |  |     .online-info { | 
 |  |  |         display: inline-block; | 
 |  |  |         float: left; | 
 |  |  |         font-weight: bold; | 
 |  |  |         text-shadow: 0 1px 0 rgb(0 0 0 / 20%); | 
 |  |  |         padding: .3em 1em; | 
 |  |  |         font-size: 85%; | 
 |  |  |         height: 30px; | 
 |  |  |         line-height: 30px; | 
 |  |  |         color: #fff; | 
 |  |  |         text-align: center; | 
 |  |  |         white-space: nowrap; | 
 |  |  |         vertical-align: baseline; | 
 |  |  |         border-radius: .25em; | 
 |  |  |     } | 
 |  |  |     .online-success { | 
 |  |  |         background-color: #5cb85c; | 
 |  |  |     } | 
 |  |  |     .online-fail { | 
 |  |  |         background-color: #d9534f; | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     .card-body-item { | 
 |  |  | 
 |  |  |                                 </div> | 
 |  |  |                             </div> | 
 |  |  |                             <div class="layui-inline layui-col-md6"> | 
 |  |  |                                 <label class="layui-form-label">区分:</label> | 
 |  |  |                                 <div class="layui-input-block"> | 
 |  |  |                                     <input name="type" class="layui-input" disabled /> | 
 |  |  |                                 </div> | 
 |  |  |                             </div> | 
 |  |  |                             <div class="layui-inline layui-col-md6"> | 
 |  |  |                                 <label class="layui-form-label">备注:</label> | 
 |  |  |                                 <div class="layui-input-block"> | 
 |  |  |                                     <input name="remarks" class="layui-input" disabled /> | 
 |  |  |                                 </div> | 
 |  |  |                             </div> | 
 |  |  |                             <div class="layui-inline layui-col-md6"> | 
 |  |  |                                 <label class="layui-form-label">省市区:</label> | 
 |  |  |                                 <div class="layui-input-block"> | 
 |  |  |                                     <input name="pcd" class="layui-input" disabled /> | 
 |  |  |                                     <input name="pcd$" class="layui-input" disabled /> | 
 |  |  |                                 </div> | 
 |  |  |                             </div> | 
 |  |  |                             <div class="layui-inline layui-col-md6"> | 
 |  |  |                                 <label class="layui-form-label">客户联系人:</label> | 
 |  |  |                                 <div class="layui-input-block"> | 
 |  |  |                                     <input name="contacts" class="layui-input" disabled /> | 
 |  |  |                                 </div> | 
 |  |  |                             </div> | 
 |  |  |                             <div class="layui-inline layui-col-md6"> | 
 |  |  |                                 <label class="layui-form-label">区分:</label> | 
 |  |  |                                 <div class="layui-input-block"> | 
 |  |  |                                     <input name="type$" class="layui-input" disabled /> | 
 |  |  |                                 </div> | 
 |  |  |                             </div> | 
 |  |  |                             <div class="layui-inline layui-col-md6"> | 
 |  |  |                                 <label class="layui-form-label">备注:</label> | 
 |  |  |                                 <div class="layui-input-block"> | 
 |  |  |                                     <input name="remarks" class="layui-input" disabled /> | 
 |  |  |                                 </div> | 
 |  |  |                             </div> | 
 |  |  |  | 
 |  |  | 
 |  |  |                             <div class="layui-inline layui-col-md6"> | 
 |  |  |                                 <label class="layui-form-label">修改人员:</label> | 
 |  |  |                                 <div class="layui-input-block"> | 
 |  |  |                                     <input name="createTime$" class="layui-input" disabled/> | 
 |  |  |                                     <input name="updateBy$" class="layui-input" disabled/> | 
 |  |  |                                 </div> | 
 |  |  |                             </div> | 
 |  |  |                             <div class="layui-inline layui-col-md6"> | 
 |  |  |                                 <label class="layui-form-label">添加时间:</label> | 
 |  |  |                                 <div class="layui-input-block"> | 
 |  |  |                                     <input name="updateBy$" class="layui-input icon-date" autocomplete="off" disabled/> | 
 |  |  |                                     <input name="createTime$" class="layui-input icon-date" autocomplete="off" disabled/> | 
 |  |  |                                 </div> | 
 |  |  |                             </div> | 
 |  |  |                             <div class="layui-inline layui-col-md6"> | 
 |  |  | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |             <div class="layui-col-md3"> | 
 |  |  |             <div class="layui-col-md3" style="width: 24%;margin-left: 1%"> | 
 |  |  |                 <div class="layui-card"> | 
 |  |  |                     <div class="layui-card-header"> | 
 |  |  |                         <span>跟进人</span> | 
 |  |  |                         <span style="float: right;cursor: pointer;"> | 
 |  |  |                             <i class="layui-icon" style="font-size: 20px;color: #1890ff;"></i> | 
 |  |  |                         </span> | 
 |  |  |                     </div> | 
 |  |  |                     <div class="layui-card-body"> | 
 |  |  |                         <table id="originTable" lay-filter="originTable"></table> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  | 
 |  |  |     </div> | 
 |  |  |  | 
 |  |  | </form> | 
 |  |  | <script type="text/javascript" src="../../static/js/upload/jquery.upload.js" charset="utf-8"></script> | 
 |  |  | <script> | 
 |  |  |     var issueId = top.cstmrByMore; | 
 |  |  |     var cstmrId = top.cstmrByMore; | 
 |  |  |     $('.layui-layer-close').hide(); | 
 |  |  |     layui.config({ | 
 |  |  |         base: baseUrl + "/static/layui/lay/modules/" | 
 |  |  |     }).extend({ | 
 |  |  |         notice: 'notice/notice', | 
 |  |  |     }).use(['form', 'table', 'laydate', 'notice', 'Player'], function () { | 
 |  |  |     }).use(['form', 'table', 'laydate', 'notice'], function () { | 
 |  |  |         var $ = layui.jquery; | 
 |  |  |         var form = layui.form; | 
 |  |  |         var table = layui.table; | 
 |  |  |         var laydate = layui.laydate; | 
 |  |  |         var notice = layui.notice; | 
 |  |  |         var Player = layui.Player; | 
 |  |  |  | 
 |  |  |         form.render('select'); | 
 |  |  |  | 
 |  |  | 
 |  |  |         function init(){ | 
 |  |  |             notice.msg('正在载入数据......', {icon: 4, position: "topRight"}); | 
 |  |  |             $.ajax({ | 
 |  |  |                 url: baseUrl + "/issue/" + issueId + "/auth", | 
 |  |  |                 url: baseUrl + "/cstmr/" + cstmrId + "/auth", | 
 |  |  |                 headers: {'token': localStorage.getItem('token')}, | 
 |  |  |                 method: 'GET', | 
 |  |  |                 success: function (res) { | 
 |  |  |                     notice.destroy(); | 
 |  |  |                     if (res.code === 200) { | 
 |  |  |                         let issue = res.data; | 
 |  |  |                         top.issueByDetl = null; | 
 |  |  |                         // 编码 | 
 |  |  |                         $('.issue-label').text(issue.uuid); | 
 |  |  |                         let cstmr = res.data; | 
 |  |  |                         console.log(cstmr) | 
 |  |  |                         top.cstmrByMore = null; | 
 |  |  |                         // 设备明细 | 
 |  |  |                         form.val('formAdvForm', issue); | 
 |  |  |                         // 图片 | 
 |  |  |                         initImgs(issue.id, issue.imgArr); | 
 |  |  |                         // 视频 | 
 |  |  |                         if (!isEmpty(issue.videoArr) && issue.videoArr.length > 0) { | 
 |  |  |                             initVideo(issue.videoArr); | 
 |  |  |                         } | 
 |  |  |                         $('.online-info').attr("class", issue.online?"online-info online-success":"online-info online-fail"); | 
 |  |  |                         $('.online-info').text(issue.settle$); | 
 |  |  |                         form.val('formAdvForm', cstmr); | 
 |  |  |                         layDateRender(); | 
 |  |  |                     } else if (res.code === 403) { | 
 |  |  |                         top.location.href = baseUrl + "/"; | 
 |  |  | 
 |  |  |                     } | 
 |  |  |                 } | 
 |  |  |             }) | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |  | 
 |  |  |         /* 渲染图片 */ | 
 |  |  |         function initImgs(sensorId, imgArr) { | 
 |  |  |             if (imgArr == null) { | 
 |  |  |                 imgArr = []; | 
 |  |  |             } | 
 |  |  |             // https://gitee.com/gouguoyin/ajax-image-upload?_from=gitee_search#http://www.gouguoyin.cn/ajax-image-upload | 
 |  |  |             $(".image-box").ajaxImageUpload({ | 
 |  |  |                 fileInput : 'file', | 
 |  |  |                 postUrl : baseUrl + '/issue/upload.action', //上传的服务器地址 | 
 |  |  |                 width : 180, | 
 |  |  |                 height : 180, | 
 |  |  |                 imageUrl: imgArr, | 
 |  |  |                 postData : { issueId: issueId }, | 
 |  |  |                 maxNum: 5, //允许上传图片数量 | 
 |  |  |                 allowZoom : true, //允许放大 | 
 |  |  |                 maxSize : 3, //允许上传图片的最大尺寸,单位M | 
 |  |  |                 appendMethod : 'after', | 
 |  |  |                 before : function () { | 
 |  |  |                     // layer.msg('上传前回调函数2'); | 
 |  |  |                 }, | 
 |  |  |                 success : function(json){ | 
 |  |  |                 }, | 
 |  |  |                 complete : function () { | 
 |  |  |                     layer.msg('上传成功', {icon: 1}); | 
 |  |  |                 }, | 
 |  |  |                 delete : function (src) { | 
 |  |  |                     $.ajax({ | 
 |  |  |                         url: baseUrl + "/issue/remove.action", | 
 |  |  |                         headers: {'token': localStorage.getItem('token')}, | 
 |  |  |                         method: 'POST', | 
 |  |  |                         data: { | 
 |  |  |                             issueId: issueId, | 
 |  |  |                             src: src | 
 |  |  |                         }, | 
 |  |  |                         // async: false, | 
 |  |  |                         success: function (res) { | 
 |  |  |                             if (res.code === 200) { | 
 |  |  |                                 layer.msg(res.msg, {icon: 1}) | 
 |  |  |                             } else if (res.code === 403) { | 
 |  |  |                                 top.location.href = baseUrl + "/"; | 
 |  |  |                             } else { | 
 |  |  |                                 layer.msg(res.msg, {icon: 2}) | 
 |  |  |                             } | 
 |  |  |                         } | 
 |  |  |                     }) | 
 |  |  |                 }, | 
 |  |  |                 error : function (e) { | 
 |  |  |                     layer.msg(e.msg + '(' + e.code + ')', {icon: 2}); | 
 |  |  |                 } | 
 |  |  |             }); | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         /* 渲染视频 */ | 
 |  |  |         function initVideo(videoSrc) { | 
 |  |  |             new Player({ | 
 |  |  |                 id: 'issueVideo', | 
 |  |  |                 url: videoSrc[0],  // 视频地址 | 
 |  |  |                 // poster: 'https://imgcache.qq.com/open_proj/proj_qcloud_v2/gateway/solution/general-video/css/img/scene/1.png',  // 封面 | 
 |  |  |                 fluid: true,  // 宽度100% | 
 |  |  |                 playbackRate: [0.5, 1, 1.5, 2],  // 开启倍速播放 | 
 |  |  |                 pip: false,  // 开启画中画 | 
 |  |  |                 lang: 'zh-cn', | 
 |  |  |                 success: function () { | 
 |  |  |                 } | 
 |  |  |             }); | 
 |  |  |             $('#issueVideo').css("width", "30%").css("padding-top", "20%"); | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         /* 渲染laydate */ |