<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
|
<title>上传微信红包Excel</title>
|
<link rel="stylesheet" type="text/css" href="../../css/doui.min.css"/>
|
<script src="../../js/doui.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../js/requestHost.js" type="text/javascript" charset="utf-8"></script>
|
<script type="text/javascript">
|
doui.importLoad({
|
importArray: [
|
// 雷打不动
|
getHostPath() + "js/jquery.min.js",
|
getHostPath() + "js/vue.min.js",
|
// 字体图标
|
getHostPath() + "fontAdmin/iconfont.css",
|
getHostPath() + "font/iconfont.css",
|
// dom模板
|
getHostPath() + "css/admin-all.css",
|
getHostPath() + "js/admin-creat.js",
|
// 复制插件
|
"clipboard.min.js",
|
"clipboard.config.js",
|
],
|
});
|
</script>
|
</head>
|
|
<body class="fontPC" style="display:none;">
|
<div id="allwai" class="heightenBox">
|
|
<!-- 内容块 -->
|
<div class="fboxCol Xstart Ystart bg-white" style="width:100%; padding:20px;">
|
<!--文件上传-->
|
<div class="fboxRow Xstart Ycenter">
|
<div class="font16">Excel选择:</div>
|
<div class="inputShell border-1px border-round admin-marginLeft" style="width:1.2rem;">
|
<input id="myfile" type="file" accept=".csv" @change="imgInput.action_change()"/>
|
</div>
|
<div class="admin-btn-roundM bg-green admin-marginLeft" @click="imgInput.action_click()">上传</div>
|
</div>
|
|
</div>
|
</div>
|
</body>
|
|
</html>
|
|
|
<!--页面数据-->
|
<script type="text/javascript">
|
|
// ==================================================================================== 页面数据
|
// vue 实例化
|
var vm = null;
|
doui.onReady({
|
success: function ()
|
{
|
vm = new Vue({
|
el: "#allwai",
|
// 数据
|
data: {
|
|
// 图片选择组件
|
imgInput: {
|
file: null, // 图片文件
|
imgSrc: null, // 图片地址
|
// 图片选择变换
|
action_change: function ()
|
{
|
// 获取选择文件
|
vm.imgInput.file = $("#myfile")[0].files[0];
|
},
|
// 生成按钮 点击
|
action_click: function ()
|
{
|
// 是否选择文件
|
if (!vm.imgInput.file) { doui.showToast("未选择Excel文件"); }
|
else
|
{
|
// 发起请求
|
doui.showLoading("正在上传中...");
|
doui.upload({
|
url: gethttp() + "/admin/new/api/v1/extract/uploadExcel",
|
data: {
|
file: vm.imgInput.file, // 文件
|
},
|
success: function (res)
|
{
|
doui.hideLoading();
|
if (res.code != 0) { doui.showToast(res.msg); }
|
else { doui.showToast("上传成功");}
|
},
|
});
|
}
|
},
|
// 复制按钮 点击
|
action_copy: function ()
|
{
|
clipboard.copy(vm.imgInput.imgSrc, function(res)
|
{
|
if (res) { doui.showToast("已复制到剪贴板"); }
|
else { doui.showToast("浏览器不支持,请手动复制"); }
|
});
|
},
|
},
|
|
},
|
});
|
|
|
document.body.style.display = "block";
|
},
|
});
|
|
</script>
|