From 3ffd353a51c0daff3c7cc44ff6d0ad1045cc83c5 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期二, 01 三月 2022 09:22:47 +0800
Subject: [PATCH] #
---
src/main/webapp/views/issue/issue_detl.html | 120 ++++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 88 insertions(+), 32 deletions(-)
diff --git a/src/main/webapp/views/issue/issue_detl.html b/src/main/webapp/views/issue/issue_detl.html
index 491f21b..ae52105 100644
--- a/src/main/webapp/views/issue/issue_detl.html
+++ b/src/main/webapp/views/issue/issue_detl.html
@@ -71,19 +71,11 @@
.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 id="map" style="width: 100%; height: 200px"></div>-->
-<!-- </div>-->
-<!-- </div>-->
-<!-- </div>-->
<!-- 鍥剧墖 -->
<div class="layui-card">
<div class="layui-card-header">鍥剧墖</div>
@@ -93,12 +85,22 @@
</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">
@@ -130,27 +132,42 @@
</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>
+ <label class="layui-form-label">娴佺▼:</label>
<div class="layui-input-block">
- <input name="startTime$" placeholder="璇烽�夋嫨鏃堕棿" class="layui-input icon-date" autocomplete="off" disabled/>
+ <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 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>
@@ -168,6 +185,9 @@
<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">
@@ -206,12 +226,13 @@
base: baseUrl + "/static/layui/lay/modules/"
}).extend({
notice: 'notice/notice',
- }).use(['form', 'table', 'laydate', 'notice'], function () {
+ }).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');
@@ -227,23 +248,16 @@
if (res.code === 200) {
let issue = res.data;
top.issueByDetl = null;
- // 鍦板浘
- // map = new AMap.Map('map', {
- // resizeEnable: true,
- // zoom: 13,
- // center: [sensor.lon, sensor.lat]
- // });
- // marker = new AMap.Marker({
- // icon: "https://dz-admin.oss-cn-hangzhou.aliyuncs.com/other/marker.png",
- // position:[sensor.lon, sensor.lat]
- // });
- // marker.setMap(map);
- // 璁惧鍞竴鐮�
+ // 缂栫爜
$('.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();
@@ -309,6 +323,22 @@
});
}
+ /* 娓叉煋瑙嗛 */
+ 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({
@@ -329,8 +359,34 @@
init();
return false;
});
- form.on('submit(save)', function (data) {
- alert(1)
+ form.on('submit(save)', function (elem) {
+ let data = elem.field;
+ let param = {
+ id: Number(data.id),
+ uuid: data.uuid,
+ dealer: data.dealer,
+ endTime: data.endTime,
+ lastTime: data.lastTime,
+ reason: data.reason,
+ deal: data.deal,
+ settle: Number(data.settle)
+ }
+ $.ajax({
+ url: baseUrl + "/issue/process/auth",
+ headers: {'token': localStorage.getItem('token')},
+ contentType: 'application/json;charset=UTF-8',
+ method: 'POST',
+ data: param,
+ 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})
+ }
+ }
+ })
return false;
});
--
Gitblit v1.9.1