You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
799 lines
21 KiB
799 lines
21 KiB
<!DOCTYPE HTML>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
|
{php}include BASE_PATH."/modules/assets/templates/top.tpl";{/php}
|
|
<link rel="stylesheet" type="text/css" href="style/css/bootstrap.min.css" />
|
|
<script src="style/lib/jquery/1.9.1/jquery.js"></script>
|
|
<script type="text/javascript" src="style/lib/layer/2.1/layer.js"></script>
|
|
<script type="text/javascript" src="style/js/H-ui.min.js"></script>
|
|
<script src="style/js/vue.min.js"></script>
|
|
|
|
<title>添加分销商品</title>
|
|
|
|
|
|
{literal}
|
|
<style type="text/css">
|
|
.page_h10 {
|
|
height: 68px!important;
|
|
margin-top: 140px;
|
|
border-top: 1px solid #E9ECEF;
|
|
position: fixed;
|
|
z-index: 1;
|
|
bottom: 0;
|
|
width: 99%;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.form-horizontal {
|
|
margin-bottom: 10px;
|
|
padding: 10px 10px 0 10px !important;
|
|
}
|
|
|
|
.modalform-btn {
|
|
width:60px;
|
|
height:36px;
|
|
padding: 0;
|
|
background:rgba(40,144,255,1);
|
|
border-radius:2px;
|
|
color:rgba(255,255,255,1);
|
|
}
|
|
|
|
.tabls tbody {
|
|
display:block;
|
|
height:240px;
|
|
overflow-y:overlay;
|
|
}
|
|
.tabls thead, .tabls tbody tr {
|
|
display:table;
|
|
width:100%;
|
|
table-layout:fixed;
|
|
padding:0;
|
|
}
|
|
|
|
.tfoots {
|
|
height:60px;
|
|
background:rgba(255,255,255,1);
|
|
border:1px solid rgba(233,236,239,1);
|
|
border: 1px solid rgba(233,236,239,1);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding:0px 23px;
|
|
}
|
|
|
|
.boxfoot {
|
|
max-width:1460px;
|
|
border-radius: 2px;
|
|
background: rgba(255,255,255,1);
|
|
border:1px solid rgba(233,236,239,1);
|
|
border-radius:2px;
|
|
}
|
|
|
|
.tfoots-btn {
|
|
width:56px;
|
|
height:36px;
|
|
background:rgba(40,144,255,1);
|
|
border-radius:2px;
|
|
font-size:14px;
|
|
font-weight:400;
|
|
color:rgba(255,255,255,1);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.classss {
|
|
width:195px;
|
|
height:36px;
|
|
background:rgba(255,255,255,1);
|
|
border:1px solid rgba(213,219,232,1);
|
|
border-radius:2px;
|
|
}
|
|
|
|
.classinput {
|
|
width:346px;
|
|
height:36px;
|
|
background:rgba(255,255,255,1);
|
|
border:1px solid rgba(213,219,232,1);
|
|
border-radius:2px;
|
|
}
|
|
|
|
.acisx {
|
|
width:112px;
|
|
height:42px;
|
|
background:rgba(40,144,255,1);
|
|
border-radius:0px 2px 2px 0px;
|
|
font-size:16px;
|
|
font-weight:400;
|
|
color:rgba(255,255,255,1);
|
|
}
|
|
|
|
.scisxs {
|
|
width:112px;
|
|
height:42px;
|
|
background:rgba(237,241,245,1);
|
|
border:1px solid rgba(213,219,232,1);
|
|
border-radius:2px 2px 2px 0px;
|
|
font-size:16px;
|
|
font-weight:400;
|
|
color:rgba(106,112,118,1);
|
|
}
|
|
|
|
.loadding {
|
|
position:fixed;
|
|
top: 0;
|
|
width:100%;
|
|
min-height:100vh;
|
|
z-index: 999;
|
|
background: #ffffff;
|
|
}
|
|
.loadEffect{
|
|
width: 100px;
|
|
height: 100px;
|
|
position: relative;
|
|
margin: 0 auto;
|
|
margin-top:100px;
|
|
}
|
|
.loadEffect span{
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 50%;
|
|
background: #2890FF;
|
|
position: absolute;
|
|
-webkit-animation: load 1.04s ease infinite;
|
|
}
|
|
@-webkit-keyframes load{
|
|
0%{
|
|
opacity: 1;
|
|
}
|
|
100%{
|
|
opacity: 0.2;
|
|
}
|
|
}
|
|
.loadEffect span:nth-child(1){
|
|
left: 0;
|
|
top: 50%;
|
|
margin-top:-8px;
|
|
-webkit-animation-delay:0.13s;
|
|
}
|
|
.loadEffect span:nth-child(2){
|
|
left: 14px;
|
|
top: 14px;
|
|
-webkit-animation-delay:0.26s;
|
|
}
|
|
.loadEffect span:nth-child(3){
|
|
left: 50%;
|
|
top: 0;
|
|
margin-left: -8px;
|
|
-webkit-animation-delay:0.39s;
|
|
}
|
|
.loadEffect span:nth-child(4){
|
|
top: 14px;
|
|
right:14px;
|
|
-webkit-animation-delay:0.52s;
|
|
}
|
|
.loadEffect span:nth-child(5){
|
|
right: 0;
|
|
top: 50%;
|
|
margin-top:-8px;
|
|
-webkit-animation-delay:0.65s;
|
|
}
|
|
.loadEffect span:nth-child(6){
|
|
right: 14px;
|
|
bottom:14px;
|
|
-webkit-animation-delay:0.78s;
|
|
}
|
|
.loadEffect span:nth-child(7){
|
|
bottom: 0;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
-webkit-animation-delay:0.91s;
|
|
}
|
|
.loadEffect span:nth-child(8){
|
|
bottom: 14px;
|
|
left: 14px;
|
|
-webkit-animation-delay:1.04s;
|
|
}
|
|
|
|
.acisx:active, .acisx:focus{
|
|
background-color: rgba(40,144,255,1) !important;
|
|
background-image: none;
|
|
border-color: rgba(40,144,255,1) !important;
|
|
}
|
|
|
|
.scisxs:active, .scisxs:focus {
|
|
background-color: rgba(237,241,245,1) !important;
|
|
background-image: none;
|
|
border-color: rgba(237,241,245,1) !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
{/literal}
|
|
</head>
|
|
|
|
<body>
|
|
{literal}
|
|
<div class="loadding">
|
|
<div class="loadEffect">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
<div id="app">
|
|
<nav class="breadcrumb">
|
|
<a href="index.php?module=pi&p=distribution&c=Home" >分销管理</a> <span class="c-gray en">></span>
|
|
添加商品
|
|
</nav>
|
|
|
|
<div id="addpro" class="pd-20" style="background-color: white;">
|
|
<p style="font-size: 15px;" class="page_title">
|
|
添加商品
|
|
</p>
|
|
<div style="height: 600px;overflow: overlay;">
|
|
<form name="form1" id="form1" class="form-horizontal" method="post" enctype="multipart/form-data" style="height: 1000px;overflow: hidden;">
|
|
|
|
<div class="row cl">
|
|
<div class="col-12 row" style="margin-bottom: 14px;">
|
|
<label class="form-label col-2" style="margin-top: 0px;padding-right: 0px!important;height: 36px;line-height: 36px;">
|
|
<span style="color: #FF0404;">*</span>分销商品:
|
|
</label>
|
|
|
|
<div class="formControls col-10" style="display: flex;">
|
|
<button type="button" class="btn btn-info" :class=" istype?'acisx':'scisxs' " @click="chandchick(true)">选择商品</button>
|
|
<button type="button" class="btn btn-info" :class=" !istype?'acisx':'scisxs' " @click="chandchick(false)">已选商品</button>
|
|
</div>
|
|
|
|
<div class="formControls col-10" v-show="istype">
|
|
<div style="margin: 14px 0px;">
|
|
<form id="modalform">
|
|
<div class="row" style="display: flex;padding-left: 15px;">
|
|
<div>
|
|
<select class="select classss" size="1" name="my_class" id="spfl" style="height: 36px;width:195px;">
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
<select class="select classss" size="1" name="my_brand" id="sppp" style="height: 36px;width:195px;">
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
<input name="pro_name" type="text" class="input-text classinput" style="height: 36px;width:346px;" placeholder="请输入商品名称">
|
|
</div>
|
|
|
|
<div>
|
|
<button type="button" class="btn modalform-btn" @click="search()">查询</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="boxfoot">
|
|
<table class="table table-hover tabls">
|
|
<thead>
|
|
<tr>
|
|
<th><input type="checkbox" id="checkbox-1" style="visibility: initial;" @click="checkall" ></th>
|
|
<th>商品名称</th>
|
|
<th>商品id</th>
|
|
<th>价格</th>
|
|
<th>库存</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody @scroll="onScroll" ref="nameScroll">
|
|
<tr v-for="(item,i) in splist" :key="i">
|
|
<td>
|
|
<input type="checkbox" id="checkbox-1" style="visibility: initial;" v-model="item.is" :value="i" @click="checkboxs($event,i,item.id)">
|
|
</td>
|
|
<td>
|
|
<div>
|
|
<img :src="item.image" style="width: 40px;height:40px;">
|
|
{{ item.product_title}}
|
|
</div>
|
|
</td>
|
|
<td>
|
|
{{ item.id }}
|
|
</td>
|
|
<td>{{ item.price }}</td>
|
|
<td>{{ item.num }}</td>
|
|
</tr>
|
|
|
|
<tr style="display: flex;align-items: center;justify-content: center;">
|
|
<td style="border-top: 0px;background: #ffffff01;">{{ loaddingtext }}</td>
|
|
</tr>
|
|
<tr v-if="splist.length == 0" style="height: 27vh;display: flex;align-items: center;justify-content: center;">
|
|
<td style="border-top: 0px;background: #ffffff01;">暂无商品</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="tfoots">
|
|
<div style="display: flex;align-items: center;">
|
|
<span style="font-size:14px;font-weight:400;color:rgba(65,70,88,1);">
|
|
已选
|
|
<span style="color:#2890FF;font-weight:Bold;"> {{ checkboxlist.length }} </span>
|
|
款商品
|
|
</span>
|
|
</div>
|
|
|
|
<div>
|
|
<span style="font-size:14px;font-weight:400;color:rgba(65,70,88,1);">
|
|
共款
|
|
<span style="font-weight:Bold;">
|
|
{{ total }}
|
|
</span>
|
|
商品
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="formControls col-10" v-show="!istype">
|
|
|
|
<div class="boxfoot" style="margin-top: 14px;">
|
|
<table class="table table-hover tabls">
|
|
<thead>
|
|
<tr>
|
|
<th style="text-align: center;">商品名称</th>
|
|
<th style="text-align: center;">商品id</th>
|
|
<th style="text-align: center;">价格</th>
|
|
<th style="text-align: center;">库存</th>
|
|
<th style="text-align: center;">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr v-for="(item,i) in checkboxlist" :key="i">
|
|
<td>
|
|
<div>
|
|
<img :src="item.image" style="width: 40px;height:40px;">
|
|
{{ item.product_title}}
|
|
</div>
|
|
</td>
|
|
|
|
<td style="text-align: center;">
|
|
{{ item.id }}
|
|
</td>
|
|
|
|
<td style="text-align: center;">
|
|
{{ item.price }}
|
|
</td>
|
|
<td style="text-align: center;">
|
|
{{ item.num }}
|
|
</td>
|
|
<td style="display: flex;justify-content: center;">
|
|
<a title="删除" href="javascript:;" data-g_status="1" style="width: 56px;height: 22px;display: flex;justify-content: center;align-items: center;" @click="deletes(i)">
|
|
<img src="images/icon1/del.png" style="width: 13px;height:13px;margin-right: 0px;"> 删除
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr v-if="checkboxlist.length == 0" style="height: 27vh;display: flex;align-items: center;justify-content: center;">
|
|
<td style="border-top: 0px;background: #ffffff01;">暂未选择商品</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 row">
|
|
<label class="form-label col-2" style="margin-top: 0px;padding-right: 0px!important;height: 36px;line-height: 36px;">
|
|
<span style="color: #FF0404;">*</span>分销层级:
|
|
</label>
|
|
|
|
<div class="formControls col-10">
|
|
<select name="pets" id="pet-select" @change="selects" style="width:340px;">
|
|
<option value="">请选择向上返佣的层级</option>
|
|
<option value="1">1级</option>
|
|
<option value="2">2级</option>
|
|
<option value="3">3级</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="formControls col-10">
|
|
<div style="width:400px;background:rgba(244,247,249,1);border-radius:2px;padding: 1px 15px;margin: 10px 0px;" v-if="lvlist.length">
|
|
|
|
<div v-for="(item,i) in lvlist" :key="i" style="margin: 14px 0px;">
|
|
<span style="font-size:14px;font-weight:400;color:rgba(65,70,88,1);">{{ item.text }}:</span>
|
|
<input type="text" class="input-text" style="height: 36px;width:190px;background:rgba(255,255,255,1);border:1px solid rgba(213,219,232,1);border-radius:2px;" v-model="item.name">
|
|
<span style="font-size:14px;font-weight:400;color:rgba(65,70,88,1);">%</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 row">
|
|
<label class="form-label col-2" style="margin-top: 0px;padding-right: 0px!important;height: 36px;line-height: 36px;">
|
|
<span style="color: #FF0404;">*</span>佣金发放时间:
|
|
</label>
|
|
|
|
<div class="formControls col-10" style="display: flex;">
|
|
<div>
|
|
<input type="radio" id="dewey" name="type" value="2" checked @click="radiosa">
|
|
<label for="dewey">确认收货</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 row">
|
|
|
|
<label class="form-label col-2" style="margin-top: 0px;padding-right: 0px!important;height: 36px;line-height: 36px;">
|
|
<span style="color: #FF0404;">*</span>佣金手续费:
|
|
</label>
|
|
|
|
<div class="formControls col-10">
|
|
<input type="number" class="input-text" style="width:190px;height:36px;background:rgba(255,255,255,1);border:1px solid rgba(213,219,232,1);border-radius:2px;" v-model="commissions">
|
|
<span>%</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 row">
|
|
<label class="form-label col-2" style="margin-top: 0px;padding-right: 0px!important;height: 36px;line-height: 36px;">
|
|
是否显示:
|
|
</label>
|
|
|
|
<div class="formControls col-10" style="display: flex;">
|
|
<div>
|
|
<input type="radio" name="drone" value="1" checked @click="radios">
|
|
<label for="dewey">是</label>
|
|
</div>
|
|
|
|
<div style="margin-left: 20px;">
|
|
<input type="radio" name="drone" value="0" @click="radios">
|
|
<label for="louie">否</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="formControls col-10" v-if="isshowtyoe">
|
|
|
|
<div style="width:400px;height:44px;background:rgba(244,247,249,1);border-radius:2px;display: flex;align-items: center;justify-content: space-around;">
|
|
|
|
<span>
|
|
显示位置:
|
|
</span>
|
|
<div>
|
|
<label for="dewey">分销商品</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="dewey" v-model="is_show1" style="visibility: visible;">
|
|
<label for="dewey">热销单品</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="dewey" v-model="is_show2" style="visibility: visible;">
|
|
<label for="dewey">购物车</label>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="dewey" v-model="is_show3" style="visibility: visible;">
|
|
<label for="dewey">个人中心</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="page_h10" style="margin-top: 0px;">
|
|
<input class="fo_btn2" type="button" name="Submit" value="保存" @click="baocungroup">
|
|
<input type="button" name="reset" value="取消" class="fo_btn1" onclick="javascript :history.back(-1);">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/literal}
|
|
{literal}
|
|
<script type="text/javascript">
|
|
let vm = new Vue({
|
|
el:'#app',
|
|
data:{
|
|
istype: true,
|
|
splist: [],
|
|
total: 0,
|
|
checkboxlist: [],
|
|
lvlist: [],
|
|
isshowtyoe: true,
|
|
is_show1: false,
|
|
is_show2: false,
|
|
is_show3: false,
|
|
commissions: 0,
|
|
type: 2,
|
|
leve: 0,
|
|
page: 2,
|
|
loaddingtext:'加载更多...'
|
|
},
|
|
created(){
|
|
this.$nextTick(function () {
|
|
$('.loadding').hide()
|
|
})
|
|
},
|
|
mounted(){
|
|
this.getCommodityList()
|
|
},
|
|
methods:{
|
|
chandchick(is){
|
|
this.istype = is
|
|
},
|
|
// 获取商品列表
|
|
getCommodityList(){
|
|
let vm = this
|
|
$.ajax({
|
|
url: "index.php?module=pi&p=distribution&c=addGoods&m=pro_query&page=1",
|
|
async: false,
|
|
success: function (res) {
|
|
res = JSON.parse(res)
|
|
$('#spfl').append(`<option value="" selected>请选择商品分类</option>` + res.product_class)
|
|
$('#sppp').append(`<option value="" selected>请选择商品品牌</option>` + res.brand)
|
|
|
|
|
|
for(let item of res.res){
|
|
item.is = false
|
|
}
|
|
|
|
if(res.total >= 10){
|
|
vm.loaddingtext = '没有更多了'
|
|
}
|
|
|
|
vm.splist = res.res
|
|
vm.total = res.total
|
|
}
|
|
})
|
|
},
|
|
// 查询
|
|
search(){
|
|
|
|
let vm = this
|
|
vm.splist = []
|
|
|
|
let data = {
|
|
my_class: $('#spfl').val(),
|
|
my_brand: $('#sppp').val(),
|
|
pro_name: $('input[name=pro_name]').val()
|
|
}
|
|
|
|
$.ajax({
|
|
url: "index.php?module=pi&p=distribution&c=addGoods&m=pro_query&&page=1",
|
|
async: false,
|
|
method: 'POST',
|
|
data: data,
|
|
success: function (res) {
|
|
res = JSON.parse(res)
|
|
|
|
for(let item of res.res){
|
|
item.is = false
|
|
}
|
|
|
|
if(vm.checkboxlist.length){
|
|
vm.checkboxlist.forEach(items => {
|
|
for(let item of res.res){
|
|
if(item.id == items.id){
|
|
item.is = true
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
console.log(vm.checkboxlist,1111)
|
|
|
|
vm.splist = res.res
|
|
vm.total = res.total
|
|
}
|
|
})
|
|
},
|
|
checkboxs(event,i,id){
|
|
|
|
if(event.path[0].checked){
|
|
this.checkboxlist.push(this.splist[i])
|
|
} else {
|
|
|
|
for(var item in this.checkboxlist){
|
|
if(this.checkboxlist[item].id == id){
|
|
this.checkboxlist.splice(item,1)
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
selects(ele){
|
|
let value = parseInt(ele.target.value)
|
|
this.lvlist = []
|
|
this.leve = value
|
|
if(value){
|
|
for(let i = 0; i < value;i++){
|
|
|
|
this.lvlist.push({
|
|
text: i + 1 + '级佣金比例',
|
|
name:0
|
|
})
|
|
|
|
}
|
|
}
|
|
},
|
|
baocungroup(){
|
|
|
|
if(this.checkboxlist.length == 0){
|
|
layer.msg('请至少加入一个商品!')
|
|
return
|
|
}
|
|
|
|
let data = {}
|
|
|
|
if(!this.leve){
|
|
layer.msg('请选择分销层级!')
|
|
return
|
|
}
|
|
|
|
data['leve'] = this.leve
|
|
|
|
if(this.commissions.toString() == ''){
|
|
layer.msg('请输入佣金手续费!')
|
|
return
|
|
}
|
|
|
|
data['commissions'] = this.commissions
|
|
|
|
if(this.isshowtyoe){
|
|
let isshowlist = []
|
|
if(this.is_show1){
|
|
isshowlist.push(1)
|
|
}
|
|
|
|
if(this.is_show2){
|
|
isshowlist.push(2)
|
|
}
|
|
|
|
if(this.is_show3){
|
|
isshowlist.push(3)
|
|
}
|
|
isshowlist.push(4)
|
|
|
|
if(!isshowlist.length){
|
|
layer.msg('请选择显示位置!')
|
|
return
|
|
}
|
|
|
|
data['is_show'] = isshowlist.join(',')
|
|
}
|
|
|
|
data['type'] = this.type
|
|
|
|
for(let i in this.lvlist){
|
|
let s = parseInt(i) + 1
|
|
data['leve' + s] = this.lvlist[i].name
|
|
}
|
|
|
|
let list = []
|
|
for(let item of this.checkboxlist){
|
|
|
|
list.push({
|
|
id: item.id,
|
|
leve: data.leve || 0,
|
|
leve1: data.leve1 || 0,
|
|
leve2: data.leve2 || 0,
|
|
leve3: data.leve3 || 0,
|
|
leve4: data.leve4 || 0,
|
|
leve5: data.leve5 || 0,
|
|
is_show: data.is_show || 0,
|
|
commissions: data.commissions,
|
|
type: data.type
|
|
})
|
|
}
|
|
|
|
$.ajax({
|
|
url: 'index.php?module=pi&p=distribution&c=addGoods&m=baocun',
|
|
method: 'POST',
|
|
data: {
|
|
data:list
|
|
},
|
|
success: function (res) {
|
|
|
|
res = JSON.parse(res)
|
|
if (res.code == 200) {
|
|
|
|
layer.msg(res.message);
|
|
setTimeout(function () {
|
|
location.href = 'index.php?module=pi&p=distribution&c=goods'
|
|
}, 800)
|
|
|
|
} else if (res.status == 1) {
|
|
layer.msg(res.info);
|
|
} else if (res.status == 2) {
|
|
layer.msg(res.info);
|
|
}
|
|
|
|
}
|
|
})
|
|
|
|
},
|
|
radios(ele){
|
|
if(ele.target.value == '0'){
|
|
this.isshowtyoe = false
|
|
} else {
|
|
this.isshowtyoe = true
|
|
}
|
|
},
|
|
radiosa(ele){
|
|
this.type = ele.target.value
|
|
},
|
|
deletes(i){
|
|
this.checkboxlist[i].is = false
|
|
this.checkboxlist.splice(i,1)
|
|
},
|
|
checkall(ele){
|
|
|
|
this.checkboxlist =[]
|
|
let is = ele.target.checked
|
|
|
|
if(is){
|
|
|
|
for(let item of this.splist){
|
|
item.is = true
|
|
}
|
|
|
|
this.checkboxlist.push(...this.splist)
|
|
|
|
} else {
|
|
for(let item of this.splist){
|
|
item.is = false
|
|
}
|
|
}
|
|
},
|
|
onScroll(e){
|
|
let sh = this.$refs.nameScroll.scrollHeight
|
|
let st = this.$refs.nameScroll.scrollTop
|
|
let ch = this.$refs.nameScroll.clientHeight
|
|
if (Math.ceil(st + ch) === sh) {
|
|
this.loadmore(this.page)
|
|
this.page++
|
|
}
|
|
},
|
|
loadmore(page){
|
|
let vm = this
|
|
$.ajax({
|
|
url: "index.php?module=pi&p=distribution&c=addGoods&m=pro_query&page=" + page,
|
|
async: false,
|
|
success: function (res) {
|
|
res = JSON.parse(res)
|
|
|
|
if(res.res.length){
|
|
for(let item of res.res){
|
|
item.is = false
|
|
}
|
|
|
|
vm.splist = vm.splist.concat(res.res);
|
|
|
|
vm.total = res.total
|
|
} else {
|
|
vm.loaddingtext = '没有更多了'
|
|
}
|
|
}
|
|
})
|
|
}
|
|
}
|
|
})
|
|
|
|
</script>
|
|
|
|
{/literal}
|
|
</body>
|
|
|
|
</html>
|