476 行
13 KiB
HTML
可执行文件
476 行
13 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html>
|
|
<!--[1.3.26]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>批量审核</title>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/goodsList.css"/>
|
|
<link rel="stylesheet" href="__PUBLIC__/css/common-upload.css">
|
|
<style>
|
|
.el-collapse-item__header {
|
|
font-size: 14px !important;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.close {
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
color: white;
|
|
position: absolute;
|
|
top: -10px;
|
|
right: -10px;
|
|
cursor: pointer;
|
|
display: none;
|
|
}
|
|
|
|
.close::selection {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.file_label_box {
|
|
position: relative;
|
|
display: inline-block;
|
|
margin: 0 10px 10px 0;
|
|
vertical-align: top;
|
|
width: 130px;
|
|
height: 130px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.file_label_box:hover > .close {
|
|
display: block;
|
|
}
|
|
|
|
.close:hover {
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
body, html {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
body {
|
|
padding-bottom: 80px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#footerbox {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-color: #F8F8F8;
|
|
z-index: 1000;
|
|
width: 100%;
|
|
height: 60px;
|
|
border-top: 1px solid #eee;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
input:disabled {
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
i {
|
|
color: #999;
|
|
font-style: normal;
|
|
}
|
|
|
|
.sku-img {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.wrap-inline {
|
|
line-height: 12px;
|
|
margin-top: 5px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.wrap-inline-btn {
|
|
color: #4394ff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sku-attr-box {
|
|
width: calc(100% - 130px);
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
border: 1px solid #ddd;
|
|
max-width: 900px;
|
|
}
|
|
|
|
.sku-attr-list {
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sku-attr-title {
|
|
width: 100%;
|
|
background-color: #f5f7fa;
|
|
padding: 3px 8px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.sku-list-box {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.add-sku-attr, .add-sku-attr-disabled {
|
|
background: white;
|
|
width: 90px;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
border: 1px solid #dcdfe6;
|
|
font-size: 12px;
|
|
color: #313131;
|
|
margin-right: 20px;
|
|
cursor: pointer;
|
|
border-radius: 3px;
|
|
margin: 4px 0;
|
|
}
|
|
|
|
.add-sku-attr:hover {
|
|
border-color: #4394ff;
|
|
color: #4394ff;
|
|
}
|
|
|
|
.add-sku-attr-disabled {
|
|
border-color: #eee;
|
|
color: #999;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.add-sku-attr-disabled::selection {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.del-sku-attr {
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
top: 10px;
|
|
right: 10px;
|
|
border-radius: 50%;
|
|
color: white;
|
|
background-color: #ccc;
|
|
text-align: center;
|
|
line-height: 18px;
|
|
font-size: 14px;
|
|
display: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sku-attr-title:hover .del-sku-attr {
|
|
display: block;
|
|
}
|
|
|
|
.del-sku-attr:hover {
|
|
background-color: #999;
|
|
}
|
|
|
|
.sku-list-name-box {
|
|
height: 26px;
|
|
line-height: 27px;
|
|
border: 1px solid #ddd;
|
|
position: relative;
|
|
padding: 0 20px;
|
|
margin: 5px 10px;
|
|
color: #666;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
font-size: 12px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.check-sku-list {
|
|
border-color: #4394ff;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.check-sku-list:after {
|
|
content: '';
|
|
width: 15px;
|
|
height: 15px;
|
|
background-color: #4394ff;
|
|
position: absolute;
|
|
top: -7px;
|
|
right: -7px;
|
|
transform: rotateZ(45deg);
|
|
}
|
|
|
|
.layui-form-radio > i:hover, .layui-form-radioed > i {
|
|
color: #4394ff;
|
|
}
|
|
|
|
.search-sku-list-con {
|
|
white-space: nowrap;
|
|
margin-left: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.search-sku-list {
|
|
width: 130px;
|
|
height: 30px;
|
|
border: 1px solid #dcdfe6;
|
|
border-radius: 3px;
|
|
padding: 0 5px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.search-sku-list::placeholder {
|
|
color: #aaa;
|
|
}
|
|
|
|
.search-sku-list:hover {
|
|
border-color: #4394ff;
|
|
}
|
|
|
|
.search-sku-list-btn {
|
|
display: block;
|
|
padding: 8px 10px;
|
|
border: 1px solid #dcdfe6;
|
|
border-radius: 3px;
|
|
background: white;
|
|
color: #666;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
line-height: 12px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.search-sku-list-btn:hover {
|
|
color: white;
|
|
border-color: #4394ff;
|
|
background-color: #4394ff;
|
|
}
|
|
|
|
.search-sku-list-con::selection, .search-sku-list-con > span::selection {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sku-list-name-box::selection {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.wrap-inline-btn:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.cell {
|
|
white-space: nowrap !important;
|
|
}
|
|
|
|
.input-box .el-input, .input-box-inline .el-input {
|
|
margin-right: 20px;
|
|
width: 215px;
|
|
}
|
|
|
|
.input-box-inline {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.sku-container .file_label > img {
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
|
|
th > .cell, td > .cell {
|
|
text-align: center;
|
|
}
|
|
|
|
.allPic {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.file_label .del-swiper {
|
|
font-size: 20px;
|
|
position: absolute;
|
|
top: -10px;
|
|
right: -10px;
|
|
z-index: 1;
|
|
display: none;
|
|
}
|
|
|
|
.file_label:hover .del-swiper {
|
|
display: inline-block;
|
|
}
|
|
|
|
.edui-default .edui-toolbar .edui-combox .edui-combox-body {
|
|
line-height: 14px !important;
|
|
}
|
|
|
|
.edui-default .edui-button-body, .edui-splitbutton-body, .edui-menubutton-body, .edui-combox-body {
|
|
line-height: 14px !important;
|
|
}
|
|
|
|
.file_label {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.input:disabled {
|
|
background-color: white;
|
|
color: #000000;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<include file="./Application/Admin/View/Upload/index.html"/>
|
|
<div id="GuideApp" v-cloak style="padding: 30px 50px 100px;">
|
|
<div style="margin-bottom:20px;">
|
|
<el-input style="width:200px;" v-model="input" size="small" placeholder="导购名称 | 手机号码"></el-input>
|
|
<el-button type="primary" size="small" @click="search">搜索</el-button>
|
|
</div>
|
|
<template>
|
|
<el-table
|
|
ref="multipleTable"
|
|
:data="tableData"
|
|
tooltip-effect="dark"
|
|
style="width: 100%"
|
|
@selection-change="handleSelectionChange">
|
|
<el-table-column
|
|
@selection-change="handleSelectionChange"
|
|
type="selection"
|
|
width="55">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="index"
|
|
label="序号">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="guidename"
|
|
label="导购员">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="vip_name"
|
|
label="消费对象">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="allmoney"
|
|
label="支付金额">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="pay_name"
|
|
label="支付方式">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="paytime"
|
|
label="支付时间">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="income"
|
|
label="所得佣金">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="guide_type"
|
|
label="提现方式">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="number"
|
|
label="账号">
|
|
</el-table-column>
|
|
</el-table>
|
|
</template>
|
|
<div style="margin: 20px 0 10px 0;">
|
|
<div style="width:80px; display: inline-block">审核人：</div>
|
|
<el-input size="small" v-model="audit_name" style="width:200px;"></el-input>
|
|
</div>
|
|
<div>
|
|
<div style="width:80px;display: inline-block">备注：</div>
|
|
<el-input size="small" type="textarea" v-model="desc" style="width:300px;"></el-input>
|
|
</div>
|
|
<div style="margin-top:20px;">
|
|
<el-button type="primary" @click="save">提交</el-button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="__PUBLIC__/jquery/js/jquery.min.js"></script>
|
|
<script type="text/javascript">
|
|
var GuideApp = new Vue({
|
|
el: '#GuideApp',
|
|
data: function () {
|
|
return {
|
|
input: '',
|
|
tableData: [],
|
|
checkedList: [],
|
|
audit_name: '',
|
|
desc: '',
|
|
}
|
|
},
|
|
methods: {
|
|
handleSelectionChange: function (data) {
|
|
this.checkedList = [];
|
|
this.checkedList = data;
|
|
},
|
|
search: function () {
|
|
this.getData();
|
|
},
|
|
getData: function () {
|
|
that = this;
|
|
$.ajax({
|
|
url: "{:U('get_audit_list')}",
|
|
type: "post",
|
|
data: {
|
|
keyword2: this.input
|
|
},
|
|
success: function (res) {
|
|
if (res.status == 1) {
|
|
that.tableData = res.list
|
|
} else {
|
|
that.$message.error('获取失败');
|
|
}
|
|
}
|
|
});
|
|
},
|
|
save: function () {
|
|
var that = this;
|
|
if (this.checkedList.length == 0) {
|
|
that.$message.error('请选择结算数据');
|
|
return;
|
|
}
|
|
if (!this.audit_name) {
|
|
that.$message.error('请输入审核人员');
|
|
return;
|
|
}
|
|
$.ajax({
|
|
url: "{:U('batch_settlement')}",
|
|
type: "post",
|
|
data: {
|
|
audit_list: this.checkedList,
|
|
auditname: this.audit_name,
|
|
auditnotes: this.desc
|
|
},
|
|
success: function (res) {
|
|
if (res.status == 1) {
|
|
that.$message.success(res.msg);
|
|
that.getData();
|
|
that.audit_name = '';
|
|
that.desc = '';
|
|
} else {
|
|
that.$message.error('结算失败');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
created: function () {
|
|
this.getData();
|
|
}
|
|
})
|
|
|
|
</script>
|
|
</html> |