87 lines
3.7 KiB
HTML
87 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>填写工单</title>
|
||
<link rel="stylesheet" href="./css/swiper.min.css" />
|
||
<link rel="stylesheet" href="./css/aos.css" />
|
||
<link rel="stylesheet" href="./css/index.css" />
|
||
<link rel="stylesheet" href="./css/media.css" />
|
||
</head>
|
||
<body>
|
||
<div class="order-box">
|
||
<p class="order-title">工单处理结果预计0~1小时内发到指定邮箱，请耐心等候!</p>
|
||
<p class="order-name">您有什么问题呢?</p>
|
||
<input type="text" name="question" id="question" placeholder="输入您的问题" />
|
||
<p class="order-name">您可以详细描述一些吗?</p>
|
||
<textarea name="remark" id="remark" rows="3" placeholder="示范填写: 如查询某个API账号的发送记录"></textarea>
|
||
<div class="order-file">
|
||
<input type="file" name="workOrder" id="workOrder" onchange="getWorkOrder(event)" />
|
||
<p>上传附件</p>
|
||
<span>单个附件大小不可超过50M,全部附件大小不可超过80M)</span>
|
||
</div>
|
||
<div class="file-list"></div>
|
||
<p class="order-name"><font color="#F42F2F">*</font> 公司</p>
|
||
<input type="text" name="compnay" id="compnay" placeholder="请输入" />
|
||
<p class="order-name"><font color="#F42F2F">*</font> 邮箱</p>
|
||
<input type="text" name="email" id="email" placeholder="请输入" />
|
||
<p class="order-name">API账号</p>
|
||
<input type="text" name="API" id="API" placeholder="请输入" />
|
||
<p class="order-name">电话号码</p>
|
||
<input type="text" name="phone" id="phone" placeholder="请输入" />
|
||
<button class="order-sub" onclick="addWorkOrder()">提交</button>
|
||
</div>
|
||
|
||
<script src="./js/jquery-3.7.1.min.js"></script>
|
||
<script src="./layer/layer.js"></script>
|
||
<script src="./js/aos.js"></script>
|
||
<script src="./js/swiper-bundle.min.js"></script>
|
||
<script src="./js/index.js"></script>
|
||
<script>
|
||
var fileList = []
|
||
function getWorkOrder(event) {
|
||
layer.load(1)
|
||
var formData = new FormData()
|
||
formData.append('file', event.target.files[0])
|
||
upload(formData, function(data) {
|
||
layer.closeAll('loading')
|
||
fileList.push(data.data.src)
|
||
$('.file-list').append(`<p>${event.target.files[0].name}</p>`)
|
||
layer.msg('上传成功')
|
||
})
|
||
}
|
||
function addWorkOrder() {
|
||
if ($('#question').val() === '') {
|
||
layer.msg("输入您的问题")
|
||
return
|
||
}
|
||
if ($('#compnay').val() === '') {
|
||
layer.msg("请输入您的公司")
|
||
return
|
||
}
|
||
if ($('#email').val() === '') {
|
||
layer.msg("请输入您的邮箱")
|
||
return
|
||
}
|
||
layer.load(1)
|
||
ajax('/workOrder/add', {
|
||
token: userInfo.token,
|
||
user_id: userInfo.id,
|
||
title: $('#question').val(),
|
||
content: $('#remark').val(),
|
||
url: fileList.join(),
|
||
company_name: $('#compnay').val(),
|
||
email: $('#email').val(),
|
||
api_account: $('#API').val(),
|
||
tel: $('#phone').val()
|
||
}, function(data) {
|
||
layer.closeAll('loading')
|
||
var index = parent.layer.getFrameIndex(window.name)
|
||
parent.layer.close(index)
|
||
parent.layer.msg('添加成功')
|
||
})
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |