| | |
| | | <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 */ |