From c4a80fcaa18382301638269d664dbb856da64949 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期二, 13 九月 2022 09:12:18 +0800
Subject: [PATCH] #
---
src/main/webapp/views/cstmr/cstmr_more.html | 397 +++++++++++++++++++++++++++++++++
src/main/webapp/static/js/cstmr/cstmr.js | 14 +
src/main/webapp/static/js/common.js | 2
src/main/webapp/static/layui/lay/modules/cascader/cascader.css | 283 +++++++++++++++++++++++
4 files changed, 693 insertions(+), 3 deletions(-)
diff --git a/src/main/webapp/static/js/common.js b/src/main/webapp/static/js/common.js
index 4c9c674..8f52fd8 100644
--- a/src/main/webapp/static/js/common.js
+++ b/src/main/webapp/static/js/common.js
@@ -260,4 +260,4 @@
var popupRight;
-var matnrByLocStatis;
+var cstmrByMore;
diff --git a/src/main/webapp/static/js/cstmr/cstmr.js b/src/main/webapp/static/js/cstmr/cstmr.js
index 3dfb00c..40c8070 100644
--- a/src/main/webapp/static/js/cstmr/cstmr.js
+++ b/src/main/webapp/static/js/cstmr/cstmr.js
@@ -31,7 +31,7 @@
{type: 'checkbox'}
// ,{field: 'id', align: 'center',title: 'ID'}
// ,{field: 'hostId$', align: 'center',title: '鎵�灞炲晢鎴�'}
- ,{field: 'name', align: 'left',title: '瀹㈡埛鍚嶇О'}
+ ,{field: 'name', align: 'left',title: '瀹㈡埛鍚嶇О', style: 'color: #1890ff;cursor:pointer', event: 'more'}
,{field: 'uuid', align: 'left',title: '瀹㈡埛浠ｅ彿'}
,{field: 'addr', align: 'left',title: '璇︾粏鍦板潃', templet:function(d){return emptyShow(d.addr)}}
,{field: 'tel', align: 'left',title: '鐢佃瘽', templet:function(d){return emptyShow(d.tel)}}
@@ -118,6 +118,18 @@
table.on('tool(cstmr)', function(obj){
var data = obj.data;
switch (obj.event) {
+ case 'more':
+ top.cstmrByMore = data.id;
+ admin.popupRight({
+ type: 1,
+ window: "top",
+ area: "1250px",
+ url: "cstmr_more.html",
+ end: function () {
+ $(".layui-laypage-btn")[0].click();
+ }
+ })
+ break;
case 'edit':
showEditModel(data);
break;
diff --git a/src/main/webapp/static/layui/lay/modules/cascader/cascader.css b/src/main/webapp/static/layui/lay/modules/cascader/cascader.css
index ab36b44..c1cb487 100644
--- a/src/main/webapp/static/layui/lay/modules/cascader/cascader.css
+++ b/src/main/webapp/static/layui/lay/modules/cascader/cascader.css
@@ -1,2 +1,283 @@
/** 绾ц仈閫夋嫨鍣ㄦā鍧� date:2019-07-27 License By http://easyweb.vip */
-.ew-cascader-group{position:relative}.ew-cascader-group *{line-height:24px}.ew-cascader-hide{display:block!important;visibility:hidden;position:absolute;z-index:-1}.ew-cascader-input-group{position:relative;cursor:pointer}.layui-form-danger+.ew-cascader-group>.ew-cascader-input-group>.ew-cascader-input{border-color:#ff5722!important}.ew-cascader-input-group>.ew-cascader-input{cursor:pointer;padding-right:25px}.ew-cascader-input-group>.ew-icon-arrow{position:absolute;top:50%;right:7px;color:#c2c2c2;font-size:17px;margin-top:-12px;transition:all .3s}.ew-cascader-group.ew-cascader-open>.ew-cascader-input-group>.ew-icon-arrow{transform:rotate(180deg)}.ew-cascader-group.show-loading>.ew-cascader-input-group>.ew-icon-arrow,.ew-cascader-input-group.show-clear>.ew-icon-arrow{display:none}.ew-cascader-input-group>.ew-icon-loading{position:absolute;top:50%;right:7px;color:#666;font-size:17px;margin-top:-12px;display:none}.ew-cascader-group.show-loading>.ew-cascader-input-group>.ew-icon-loading{display:block}.ew-cascader-input-group>.ew-icon-clear{position:absolute;top:50%;right:7px;color:#999;font-size:17px;margin-top:-12px;display:none}.ew-cascader-input-group.show-clear>.ew-icon-clear{display:block}.ew-cascader-group.show-loading>.ew-cascader-input-group>.ew-icon-clear{display:none}.ew-cascader-dropdown{position:absolute;left:0;top:100%;font-size:0;margin-top:8px;margin-bottom:8px;background:#fff;width:auto;border-radius:2px;border:1px solid #d2d2d2;box-shadow:0 2px 4px rgba(0,0,0,.12);z-index:999;display:none;white-space:nowrap}.ew-cascader-open .ew-cascader-dropdown{display:block}.ew-cascader-dropdown-list{padding:5px 0;min-width:120px;height:180px;overflow-y:auto;vertical-align:top;display:inline-block;border-right:1px solid #e6e6e6}.ew-cascader-dropdown-list:last-child{border-right:0}.ew-cascader-dropdown-list-item{color:#555;font-size:14px;padding:5px 25px 5px 15px;cursor:pointer;position:relative}.ew-cascader-dropdown-list-item:hover{background-color:#f3f3f3}.ew-cascader-dropdown-list-item.active{background-color:#f3f3f3;color:#5fb878}.ew-cascader-dropdown-list-item.is-last{padding-right:15px}.ew-cascader-dropdown-list-item .ew-icon-right,.ew-cascader-dropdown-list-item .ew-icon-loading{position:absolute;top:6px;right:10px;color:#666;font-size:12px}.ew-cascader-dropdown-list-item.active .ew-icon-right{color:#5fb878}.ew-cascader-dropdown-list-item.is-last .ew-icon-right,.ew-cascader-dropdown-list-item.show-loading .ew-icon-right,.ew-cascader-dropdown-list-item .ew-icon-loading{display:none}.ew-cascader-dropdown-list-item.show-loading .ew-icon-loading{display:block}.ew-cascader-dropdown-list-item.ew-cascader-disabled{color:#aaa;cursor:not-allowed}.ew-cascader-dropdown-list-item.ew-cascader-disabled:hover{background-color:transparent}.ew-cascader-dropdown-list-item.ew-cascader-disabled .ew-icon-right{color:#bbb}.ew-cascader-input-group .ew-cascader-input-search{position:absolute;top:0;left:0;right:0;bottom:0;display:none;padding-right:25px;background-color:transparent}.ew-cascader-input-group.show-search .ew-cascader-input-search{display:block}.ew-cascader-input-group.show-search .ew-cascader-input{color:#999}.ew-cascader-input-group.have-value .ew-cascader-input-search{background-color:#fff}.ew-cascader-input-group.have-value .ew-icon-clear{display:none}.ew-cascader-input-group.have-value .ew-icon-arrow{display:block}.ew-cascader-search-list{position:absolute;left:0;top:100%;margin-top:8px;margin-bottom:8px;background:#fff;width:max-content;padding:5px 0;min-width:150px;max-height:250px;overflow-y:auto;border-radius:2px;border:1px solid #d2d2d2;box-shadow:0 2px 4px rgba(0,0,0,.12);z-index:999;display:none}.show-search-list .ew-cascader-search-list{display:block}.show-search-list .ew-cascader-dropdown{display:none}.ew-cascader-search-list-item{color:#555;font-size:14px;padding:5px 15px;cursor:pointer}.ew-cascader-search-list-item:hover{background-color:#f3f3f3}.ew-cascader-search-list-item .search-keyword{color:#f5222d}.ew-cascader-search-list-empty{text-align:center;padding:10px 15px}.ew-cascader-search-list-item.ew-cascader-disabled{color:#aaa;cursor:not-allowed}.ew-cascader-search-list-item.ew-cascader-disabled:hover{background-color:transparent}.ew-cascader-search-list-item.ew-cascader-disabled .search-keyword{color:#f86169}.ew-cascader-group.dropdown-show-top .ew-cascader-dropdown,.ew-cascader-group.dropdown-show-top .ew-cascader-search-list{top:unset;bottom:100%}.ew-cascader-group.dropdown-show-left .ew-cascader-dropdown,.ew-cascader-group.dropdown-show-left .ew-cascader-search-list{right:0;left:unset}
\ No newline at end of file
+.ew-cascader-group {
+ position: relative;
+}
+
+.ew-cascader-group * {
+ line-height: 24px;
+}
+
+/** 闅愯棌鍘熷elem */
+.ew-cascader-hide {
+ display: block !important;
+ visibility: hidden;
+ position: absolute;
+ z-index: -1;
+}
+
+/** 鏄剧ず鍖哄煙 */
+.ew-cascader-input-group {
+ position: relative;
+ cursor: pointer;
+}
+
+/* 杈撳叆妗� */
+.layui-form-danger + .ew-cascader-group > .ew-cascader-input-group > .ew-cascader-input {
+ border-color: #FF5722 !important;
+}
+
+.ew-cascader-input-group > .ew-cascader-input {
+ cursor: pointer;
+ padding-right: 25px;
+}
+
+/** 鍙充晶绠ご */
+.ew-cascader-input-group > .ew-icon-arrow {
+ position: absolute;
+ top: 50%;
+ right: 7px;
+ color: #c2c2c2;
+ font-size: 17px;
+ margin-top: -12px;
+ transition: all .3s;
+}
+
+.ew-cascader-group.ew-cascader-open > .ew-cascader-input-group > .ew-icon-arrow {
+ transform: rotate(180deg);
+}
+
+.ew-cascader-group.show-loading > .ew-cascader-input-group > .ew-icon-arrow, .ew-cascader-input-group.show-clear > .ew-icon-arrow {
+ display: none;
+}
+
+/** 寮傛鍥炴樉榛樿鍊兼椂鍔犺浇loading */
+.ew-cascader-input-group > .ew-icon-loading {
+ position: absolute;
+ top: 50%;
+ right: 7px;
+ color: #666;
+ font-size: 17px;
+ margin-top: -12px;
+ display: none;
+}
+
+.ew-cascader-group.show-loading > .ew-cascader-input-group > .ew-icon-loading {
+ display: block;
+}
+
+/** 娓呴櫎鍥炬爣 */
+.ew-cascader-input-group > .ew-icon-clear {
+ position: absolute;
+ top: 50%;
+ right: 7px;
+ color: #999;
+ font-size: 17px;
+ margin-top: -12px;
+ display: none;
+}
+
+.ew-cascader-input-group.show-clear > .ew-icon-clear {
+ display: block;
+}
+
+.ew-cascader-group.show-loading > .ew-cascader-input-group > .ew-icon-clear {
+ display: none;
+}
+
+/** 涓嬫媺鍒楄〃 */
+.ew-cascader-dropdown {
+ position: absolute;
+ left: 0;
+ top: 100%;
+ font-size: 0;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ background: #fff;
+ width: auto;
+ border-radius: 2px;
+ border: 1px solid #d2d2d2;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
+ z-index: 999;
+ display: none;
+ white-space: nowrap;
+}
+
+.ew-cascader-open .ew-cascader-dropdown {
+ display: block;
+}
+
+.ew-cascader-dropdown-list {
+ padding: 5px 0;
+ min-width: 120px;
+ height: 180px;
+ overflow-y: auto;
+ vertical-align: top;
+ display: inline-block;
+ border-right: 1px solid #e6e6e6;
+}
+
+.ew-cascader-dropdown-list:last-child {
+ border-right: none;
+}
+
+.ew-cascader-dropdown-list-item {
+ color: #555;
+ font-size: 14px;
+ padding: 5px 25px 5px 15px;
+ cursor: pointer;
+ position: relative;
+}
+
+.ew-cascader-dropdown-list-item:hover {
+ background-color: #f3f3f3;
+}
+
+.ew-cascader-dropdown-list-item.active {
+ background-color: #f3f3f3;
+ color: #5FB878;
+}
+
+.ew-cascader-dropdown-list-item.is-last {
+ padding-right: 15px;
+}
+
+/** 姣忎竴椤圭殑鍙充晶绠ご鍙婂姞杞絣oading */
+.ew-cascader-dropdown-list-item .ew-icon-right, .ew-cascader-dropdown-list-item .ew-icon-loading {
+ position: absolute;
+ top: 6px;
+ right: 10px;
+ color: #666;
+ font-size: 12px;
+}
+
+.ew-cascader-dropdown-list-item.active .ew-icon-right {
+ color: #5FB878;
+}
+
+.ew-cascader-dropdown-list-item.is-last .ew-icon-right, .ew-cascader-dropdown-list-item.show-loading .ew-icon-right, .ew-cascader-dropdown-list-item .ew-icon-loading {
+ display: none;
+}
+
+.ew-cascader-dropdown-list-item.show-loading .ew-icon-loading {
+ display: block;
+}
+
+/* 绂佺敤椤� */
+.ew-cascader-dropdown-list-item.ew-cascader-disabled {
+ color: #aaa;
+ cursor: not-allowed;
+}
+
+.ew-cascader-dropdown-list-item.ew-cascader-disabled:hover {
+ background-color: transparent;
+}
+
+.ew-cascader-dropdown-list-item.ew-cascader-disabled .ew-icon-right {
+ color: #bbb;
+}
+
+/** 鎼滅储鍔熻兘 */
+.ew-cascader-input-group .ew-cascader-input-search {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ display: none;
+ padding-right: 25px;
+ background-color: transparent;
+}
+
+.ew-cascader-input-group.show-search .ew-cascader-input-search {
+ display: block;
+}
+
+.ew-cascader-input-group.show-search .ew-cascader-input {
+ color: #999;
+}
+
+.ew-cascader-input-group.have-value .ew-cascader-input-search {
+ background-color: #fff;
+}
+
+.ew-cascader-input-group.have-value .ew-icon-clear {
+ display: none;
+}
+
+.ew-cascader-input-group.have-value .ew-icon-arrow {
+ display: block;
+}
+
+/* 鎼滅储闈㈡澘 */
+.ew-cascader-search-list {
+ position: absolute;
+ left: 0;
+ top: 100%;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ background: #fff;
+ width: max-content;
+ padding: 5px 0;
+ min-width: 150px;
+ max-height: 250px;
+ overflow-y: auto;
+ border-radius: 2px;
+ border: 1px solid #d2d2d2;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
+ z-index: 999;
+ display: none;
+}
+
+.show-search-list .ew-cascader-search-list {
+ display: block;
+}
+
+.show-search-list .ew-cascader-dropdown {
+ display: none;
+}
+
+.ew-cascader-search-list-item {
+ color: #555;
+ font-size: 14px;
+ padding: 5px 15px;
+ cursor: pointer;
+}
+
+.ew-cascader-search-list-item:hover {
+ background-color: #f3f3f3;
+}
+
+.ew-cascader-search-list-item .search-keyword {
+ color: #f5222d;
+}
+
+.ew-cascader-search-list-empty {
+ text-align: center;
+ padding: 10px 15px;
+}
+
+/* 绂佺敤椤� */
+.ew-cascader-search-list-item.ew-cascader-disabled {
+ color: #aaa;
+ cursor: not-allowed;
+}
+
+.ew-cascader-search-list-item.ew-cascader-disabled:hover {
+ background-color: transparent;
+}
+
+.ew-cascader-search-list-item.ew-cascader-disabled .search-keyword {
+ color: #F86169;
+}
+
+/** 鍚戜笂鏄剧ず */
+.ew-cascader-group.dropdown-show-top .ew-cascader-dropdown, .ew-cascader-group.dropdown-show-top .ew-cascader-search-list {
+ top: unset;
+ bottom: 100%;
+}
+
+/** 鍚戝乏鏄剧ず */
+.ew-cascader-group.dropdown-show-left .ew-cascader-dropdown, .ew-cascader-group.dropdown-show-left .ew-cascader-search-list {
+ right: 0;
+ left: unset;
+}
diff --git a/src/main/webapp/views/cstmr/cstmr_more.html b/src/main/webapp/views/cstmr/cstmr_more.html
new file mode 100644
index 0000000..0c88f9b
--- /dev/null
+++ b/src/main/webapp/views/cstmr/cstmr_more.html
@@ -0,0 +1,397 @@
+<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;
+ }
+ #formAdvForm .layui-form-item {
+ margin-top: 20px;
+ margin-bottom: 0;
+ }
+
+ #formAdvForm .layui-form-item .layui-inline {
+ margin-bottom: 25px;
+ margin-right: 0;
+ }
+
+ .form-group-bottom {
+ position: fixed;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ padding: 10px 20px;
+ background-color: #fff;
+ box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05);
+ }
+ .cool-divider {
+ float: left;
+ margin: 4px 18px;
+ display: inline-block;
+ height: 32px;
+ width: 1px;
+ vertical-align: middle;
+ position: relative;
+ top: -.06em;
+ box-sizing: border-box;
+ -webkit-tap-highlight-color: transparent;
+ 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;
+ }
+
+</style>
+<!-- 姝ｆ枃寮�濮� -->
+<form class="layui-form" id="formAdvForm" lay-filter="formAdvForm">
+ <div class="layui-fluid" style="padding-bottom: 75px;">
+ <!-- 鍥剧墖 -->
+ <div class="layui-card">
+ <div class="layui-card-header">鍥剧墖</div>
+ <div class="layui-card-body">
+ <div class="upload-box clear">
+ <div class="image-box"></div>
+ </div>
+ </div>
+ </div>
+ <!-- 瑙嗛 -->
+ <div class="layui-card">
+ <div class="layui-card-header">瑙嗛</div>
+ <div class="layui-card-body">
+ <div class="upload-box clear">
+ <div id="issueVideo"></div>
+ </div>
+ </div>
+ </div>
+ <!-- 鍩烘湰淇℃伅 -->
+ <div class="layui-card">
+ <div class="layui-card-header">鍩烘湰淇℃伅</div>
+ <div class="layui-card-body">
+
+ <div class="layui-form-item layui-row">
+ <input name="id" type="hidden" />
+ <div class="layui-inline layui-col-md4">
+ <label class="layui-form-label">鏁呴殰缂栧彿:</label>
+ <div class="layui-input-block">
+ <input name="uuid" placeholder="鏈煡" class="layui-input" disabled />
+ </div>
+ </div>
+ <div class="layui-inline layui-col-md4">
+ <label class="layui-form-label">鎵�灞為」鐩�:</label>
+ <div class="layui-input-block">
+ <input name="hostId$" placeholder="璇疯緭鍏ユ墍灞為」鐩�" class="layui-input" disabled/>
+ </div>
+ </div>
+ <div class="layui-inline layui-col-md4">
+ <label class="layui-form-label">鏁呴殰绫诲瀷:</label>
+ <div class="layui-input-block">
+ <input name="issueType$" placeholder="鏈煡" class="layui-input" disabled />
+ </div>
+ </div>
+ <div class="layui-inline layui-col-md4">
+ <label class="layui-form-label">宸℃浜哄憳:</label>
+ <div class="layui-input-block">
+ <input name="discoverer" placeholder="鏈煡" class="layui-input" disabled />
+ </div>
+ </div>
+ <div class="layui-inline layui-col-md4">
+ <label class="layui-form-label">鑱旂郴鏂瑰紡:</label>
+ <div class="layui-input-block">
+ <input name="tel" placeholder="鏈煡" class="layui-input" disabled />
+ </div>
+ </div>
+ <div class="layui-inline layui-col-md4">
+ <label class="layui-form-label">鍙戠敓鏃ユ湡:</label>
+ <div class="layui-input-block">
+ <input name="startTime$" placeholder="璇烽�夋嫨鏃堕棿" class="layui-input icon-date" autocomplete="off" disabled/>
+ </div>
+ </div>
+ <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
+ <legend style="font-size: 13px">璇疯ˉ鍏�</legend>
+ </fieldset>
+ <div class="layui-inline layui-col-md4">
+ <label class="layui-form-label">瑙ｅ喅浜哄憳:</label>
+ <div class="layui-input-block">
+ <input name="dealer" placeholder="璇疯緭鍏�..." class="layui-input" />
+ </div>
+ </div>
+<!-- <div class="layui-inline layui-col-md4">-->
+<!-- <label class="layui-form-label">鏇存柊鏃ユ湡:</label>-->
+<!-- <div class="layui-input-block">-->
+<!-- <input id="lastTime" name="lastTime$" placeholder="璇烽�夋嫨鏃堕棿" class="layui-input icon-date" autocomplete="off"/>-->
+<!-- </div>-->
+<!-- </div>-->
+ <div class="layui-inline layui-col-md4">
+ <label class="layui-form-label">娴佺▼:</label>
+ <div class="layui-input-block">
+ <select name="settle">
+ <option value="2">鎻愪氦</option>
+ <option value="3">宸茶</option>
+ <option value="4">浣滀笟</option>
+ <option value="5">瀹屾垚</option>
+ <option value="6">鍙栨秷</option>
+ </select>
+ </div>
+ </div>
+ <div class="layui-inline layui-col-md4">
+ <label class="layui-form-label">澶勭悊鏃ユ湡:</label>
+ <div class="layui-input-block">
+ <input id="endTime" name="endTime$" placeholder="璇烽�夋嫨鏃堕棿" class="layui-input icon-date" autocomplete="off"/>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ <!-- 宸℃鏄庣粏 -->
+ <div class="layui-card">
+ <div class="layui-card-header">宸℃鏄庣粏</div>
+ <div class="layui-card-body">
+ <div class="layui-form-item layui-row">
+ <div class="layui-inline layui-col-md12">
+ <label class="layui-form-label">闂姒傝堪:</label>
+ <div class="layui-input-block">
+ <textarea name="title" placeholder="鏈煡" class="layui-textarea" disabled></textarea>
+ </div>
+ </div>
+ <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
+ <legend style="font-size: 13px">璇疯ˉ鍏�</legend>
+ </fieldset>
+ <div class="layui-inline layui-col-md12">
+ <label class="layui-form-label">鏁呴殰鍘熷洜:</label>
+ <div class="layui-input-block">
+ <textarea name="reason" placeholder="璇疯緭鍏�..." class="layui-textarea"></textarea>
+ </div>
+ </div>
+ <div class="layui-inline layui-col-md12">
+ <label class="layui-form-label">瑙ｅ喅鍔炴硶:</label>
+ <div class="layui-input-block">
+ <textarea name="deal" placeholder="璇疯緭鍏�..." class="layui-textarea"></textarea>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="form-group-bottom text-right">
+ <div>
+ <span class="online-info">鍦ㄧ嚎锛屽彲浠ヨ繘琛岃繙绋嬫搷浣�</span>
+ <div class="cool-divider"></div>
+ <span class="issue-label"></span>
+ </div>
+ <button class="layui-btn" lay-filter="refresh" lay-submit><i class="layui-icon"></i> 鍒锋柊 </button>
+ <button class="layui-btn layui-btn-normal" lay-filter="save" lay-submit><i class="layui-icon"></i> 淇濆瓨 </button>
+ </div>
+
+</form>
+<!--<script type="text/javascript" src="../static/js/tools/jquery.upload.min.js" charset="utf-8"></script>-->
+<script type="text/javascript" src="../../static/js/upload/jquery.upload.js" charset="utf-8"></script>
+<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=24c671d7d8365d7eaff888498538452f"></script>
+<script>
+ var map;
+ var issueId = top.issueByDetl;
+ $('.layui-layer-close').hide();
+ layui.config({
+ base: baseUrl + "/static/layui/lay/modules/"
+ }).extend({
+ notice: 'notice/notice',
+ }).use(['form', 'table', 'laydate', 'notice', 'Player'], 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');
+
+ init();
+ function init(){
+ notice.msg('姝ｅ湪杞藉叆鏁版嵁......', {icon: 4, position: "topRight"});
+ $.ajax({
+ url: baseUrl + "/issue/" + issueId + "/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);
+ // 璁惧鏄庣粏
+ 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$);
+ layDateRender();
+ } else if (res.code === 403) {
+ top.location.href = baseUrl + "/";
+ } else {
+ layer.msg(res.msg, {icon: 2})
+ }
+ }
+ })
+ }
+
+
+ /* 娓叉煋鍥剧墖 */
+ 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 */
+ function layDateRender() {
+ laydate.render({
+ elem: '#endTime',
+ type: 'datetime'
+ });
+
+ laydate.render({
+ elem: '#lastTime',
+ type: 'datetime'
+ });
+ }
+ layDateRender();
+
+
+ /* 鐩戝惉琛ㄥ崟鎻愪氦 */
+ form.on('submit(refresh)', function (data) {
+ init();
+ return false;
+ });
+ form.on('submit(save)', function (elem) {
+ let data = elem.field;
+ notice.msg('姝ｅ湪鎷煎懡淇敼鏁版嵁......', {icon: 4, position: "topRight"});
+ $.ajax({
+ url: baseUrl + "/issue/process/auth",
+ headers: {'token': localStorage.getItem('token')},
+ contentType: 'application/json;charset=UTF-8',
+ method: 'POST',
+ data: JSON.stringify({
+ id: Number(data.id),
+ uuid: data.uuid,
+ dealer: data.dealer,
+ settle: Number(data.settle),
+ endTime: top.strToDate(data.endTime$),
+ // lastTime: data.lastTime,
+ reason: data.reason,
+ deal: data.deal,
+ }),
+ success: function (res) {
+ notice.destroy();
+ if (res.code === 200) {
+ notice.success({title: '娑堟伅閫氱煡', message: res.msg});
+ $('.layui-layer-close').click();
+ } else if (res.code === 403) {
+ top.location.href = baseUrl + "/";
+ } else {
+ notice.error({title: '娑堟伅閫氱煡', message: res.msg});
+ }
+ }
+ })
+ return false;
+ });
+
+ });
+</script>
--
Gitblit v1.9.1