记得上下班打卡 | git大法好,push需谨慎

Commit d08e320e authored by dongchun's avatar dongchun

修改创建券时的查询

parent 0aa1d320
...@@ -288,7 +288,6 @@ ...@@ -288,7 +288,6 @@
url, url,
/*如果从 url 获取数据,并且需要跨域,则该参数必须设置*/ /*如果从 url 获取数据,并且需要跨域,则该参数必须设置*/
processData: function (json) { // url 获取数据时,对数据的处理,作为 getData 的回调函数 processData: function (json) { // url 获取数据时,对数据的处理,作为 getData 的回调函数
console.log(json, '?????')
let data = { let data = {
value: [] value: []
}; };
...@@ -313,15 +312,12 @@ ...@@ -313,15 +312,12 @@
if (num) { if (num) {
selectOne(selectedData.id, selectedData.key) selectOne(selectedData.id, selectedData.key)
} else { } else {
console.log(selectedData, '????')
goodsId = selectedData.id goodsId = selectedData.id
} }
}).on('onUnsetSelectValue', function (e) { }).on('onUnsetSelectValue', function (e) {
});; });;
$("#searchIpt").bsSuggest.init
} }
function selectOne(id,name) { function selectOne(id,name) {
console.log(id)
showId = id; showId = id;
if (typeOne == 2) { if (typeOne == 2) {
return return
......
...@@ -88,45 +88,6 @@ ...@@ -88,45 +88,6 @@
height: 30px; height: 30px;
width: 200px; width: 200px;
} }
.search_ipt ul,.search_ipt li{
padding: 0;
margin: 0;
font-style: normal;
list-style: none;
}
.search_ipt ul {
display: none;
position: absolute;
left: 0;
top: 26px;
padding: 5px 0;
z-index: 899;
min-width: 200px;
border: 1px solid #eee;
max-height: 300px;
overflow-y: auto;
background-color: #fff;
border-radius: 2px;
box-sizing: border-box;
box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
}
.search_ipt li {
background-color: #fff;
cursor: pointer;
padding-left: 10px!important;
color: #999;
padding: 0 10px;
line-height: 36px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.search_ipt li:hover {
background: #F6F6F6;
}
.search_ipt .layui-input {
width: 200px;
}
#test1 { #test1 {
display: none; display: none;
} }
...@@ -140,6 +101,16 @@ ...@@ -140,6 +101,16 @@
#valOver, #valMinus { #valOver, #valMinus {
margin: 0 12px; margin: 0 12px;
} }
.search_ipt {
width: 200px !important;
display: inline-block;
}
.scope_application {
display: flex;
}
.scope_application .input-group-btn {
top: 33px;
}
</style> </style>
</head> </head>
<body> <body>
...@@ -164,9 +135,12 @@ ...@@ -164,9 +135,12 @@
</div> </div>
<div class="scope_application" id="scope_application"> <div class="scope_application" id="scope_application">
<span class="labelName">适用范围:</span> <span class="labelName">适用范围:</span>
<div class="search_ipt" style="position: relative;display: inline;"> <div class="input-group search_ipt" style="margin-right: 12px;">
<input type="text" id="searchIpt" autocomplete="off" class="layui-input" placeholder="全部"> <input id="searchIpt" data-id="" type="text" class="form-control" placeholder="全部">
<ul id="dataList" style="position: absolute;" onclick="selectGoods()"></ul> <div class="input-group-btn">
<ul class="dropdown-menu dropdown-menu-right" role="menu">
</ul>
</div>
</div> </div>
<select name="bindType" id="selectTwo" hidden> <select name="bindType" id="selectTwo" hidden>
<option value="">所有</option> <option value="">所有</option>
...@@ -259,55 +233,39 @@ ...@@ -259,55 +233,39 @@
let selectThreeName = ''; // 选中演出三级的名称 let selectThreeName = ''; // 选中演出三级的名称
let sendTimeType = ''; let sendTimeType = '';
let playMethod = '0'; // 叠加/限制 let playMethod = '0'; // 叠加/限制
function search() { $("#searchIpt").bsSuggest('init', {
idField: 'performancesId', // data.value 的第几个数据,作为input输入框的内容
keyField: 'title', // data.value 的第几个数据,作为input输入框的内容
allowNoKeyword: false, //是否允许无关键字时请求数据
showBtn: false,
multiWord: true, //以分隔符号分割的多关键字支持
hideOnSelect: true,
getDataMethod: "url", //获取数据的方式,总是从 URL 获取
effectiveFields: ['title'],
url: ctx+'kylin/base/performance/status?status=(3,6,8,9)&title=',
/*如果从 url 获取数据,并且需要跨域,则该参数必须设置*/
processData: function (json) { // url 获取数据时,对数据的处理,作为 getData 的回调函数
let data = { let data = {
status: '(3,6,8,9)', value: []
title: searchVal };
} searchData = [...json.value];
let str = '';
promiseMethods(ctx+'kylin/base/performance/status','get',data,'application/x-www-form-urlencoded').then(res=>{
if (res.value.length>0) {
searchData = [...res.value];
let obj = {}; let obj = {};
searchData.reduce((cur,next) => { searchData.reduce((cur,next) => {
if (!obj[next.performancesId]) { if (!obj[next.performancesId]) {
obj[next.performancesId] = true obj[next.performancesId] = true
str+= `<li class="selectData" onclick="selectOne('${next.performancesId}','performancesId')">${next.title}</li>` data.value.push(next)
} }
},[]) //设置cur默认类型为数组,并且初始值为空的数组 },[]) //设置cur默认类型为数组,并且初始值为空的数组
$('#dataList').html(str); return data
} else {
$('#dataList').html('<li style="width:100%;text-align:center;color:#ccc;">--- 暂无数据 ---</li>');
}
})
};
function getMallList() {
let data = {
name: ''
}
let str = '';
promiseMethods('/compilations/goodsList','get',data).then(res=>{
if (res.data.length>0) {
searchData = [...res.data];
searchData.forEach((item,index)=>{
str+= `<li class="selectData" onclick="selectOne('${item.spuId}','id')">${item.name}</li>`
})
$('#dataList').html(str);
} else {
$('#dataList').html('<li style="width:100%;text-align:center;color:#ccc;">--- 暂无数据 ---</li>');
} }
}) }).on('onDataRequestSuccess', function (e, result) {
}; }).on('onSetSelectValue', function (e, selectedData,selectedRawData ) { // 当前行的所有值都能拿到
selectOne(selectedData.id, selectedData.key)
}).on('onUnsetSelectValue', function (e) {
});;
function selectOne(id,name) { function selectOne(id,name) {
searchData.some(item => {
if (item[name] == id) {
return $("#searchIpt").val(item.title);
}
})
showId = id; showId = id;
if (typeOne == 2) {
return
}
let str = `<option value="" label="">所有</option>`; let str = `<option value="" label="">所有</option>`;
searchData.forEach(item=>{ searchData.forEach(item=>{
if (item.performancesId == id) { if (item.performancesId == id) {
...@@ -319,26 +277,6 @@ ...@@ -319,26 +277,6 @@
$('#selectTwo').empty().append(str); $('#selectTwo').empty().append(str);
$('#selectThree').empty(); $('#selectThree').empty();
}; };
$("#searchIpt").blur(function(){
if (typeOne == 2) {
getMallList()
} else {
search()
}
$('#dataList').show()
});
// $("#searchIpt").blur(function(){
// setTimeout(() => {
// $('#dataList').hide()
// }, 500);
// });
function selectGoods(){
$('#dataList').hide()
}
$("#searchIpt").keyup(function(){
searchVal = $("#searchIpt").val()
search()
});
$('#selectTwo').change(function(e){ $('#selectTwo').change(function(e){
selectTwoId = $(this).val(); selectTwoId = $(this).val();
......
...@@ -88,45 +88,6 @@ ...@@ -88,45 +88,6 @@
height: 30px; height: 30px;
width: 200px; width: 200px;
} }
.search_ipt ul,.search_ipt li{
padding: 0;
margin: 0;
font-style: normal;
list-style: none;
}
.search_ipt ul {
display: none;
position: absolute;
left: 0;
top: 26px;
padding: 5px 0;
z-index: 899;
min-width: 200px;
border: 1px solid #eee;
max-height: 300px;
overflow-y: auto;
background-color: #fff;
border-radius: 2px;
box-sizing: border-box;
box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
}
.search_ipt li {
background-color: #fff;
cursor: pointer;
padding-left: 10px!important;
color: #999;
padding: 0 10px;
line-height: 36px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.search_ipt li:hover {
background: #F6F6F6;
}
.search_ipt .layui-input {
width: 200px;
}
#test1 { #test1 {
display: none; display: none;
} }
...@@ -143,6 +104,16 @@ ...@@ -143,6 +104,16 @@
#showNum { #showNum {
display: none; display: none;
} }
.search_ipt {
width: 200px !important;
display: inline-block;
}
.scope_application {
display: flex;
}
.scope_application .input-group-btn {
top: 33px;
}
</style> </style>
</head> </head>
<body> <body>
...@@ -152,11 +123,18 @@ ...@@ -152,11 +123,18 @@
</div> </div>
<div class="scope_application" id="scope_application"> <div class="scope_application" id="scope_application">
<span class="labelName">适用范围:</span> <span class="labelName">适用范围:</span>
<div class="search_ipt" style="position: relative;display: inline;"> <!-- <div class="search_ipt" style="position: relative;display: inline;">
<input type="text" id="searchIpt" autocomplete="off" class="layui-input" placeholder="全部"> <input type="text" id="searchIpt" autocomplete="off" class="layui-input" placeholder="全部">
<ul id="dataList" style="position: absolute;"></ul> <ul id="dataList" style="position: absolute;"></ul>
</div> -->
<div class="input-group search_ipt" style="margin-right: 12px;">
<input id="searchIpt" data-id="" type="text" class="form-control" placeholder="全部">
<div class="input-group-btn">
<ul class="dropdown-menu dropdown-menu-right" role="menu">
</ul>
</div>
</div> </div>
<select name="bindType" id="selectTwo"> <select name="bindType" id="selectTwo" style="margin-right: 12px;">
<option value="">所有</option> <option value="">所有</option>
</select> </select>
<select name="bindType" id="selectThree"> <select name="bindType" id="selectThree">
...@@ -210,28 +188,37 @@ ...@@ -210,28 +188,37 @@
let selectTwoName = ''; // 选中演出下级的名称 let selectTwoName = ''; // 选中演出下级的名称
let selectThreeId = ''; // 选中演出三级的ID let selectThreeId = ''; // 选中演出三级的ID
let selectThreeName = ''; // 选中演出三级的名称 let selectThreeName = ''; // 选中演出三级的名称
function search() { $("#searchIpt").bsSuggest('init', {
idField: 'performancesId', // data.value 的第几个数据,作为input输入框的内容
keyField: 'title', // data.value 的第几个数据,作为input输入框的内容
allowNoKeyword: false, //是否允许无关键字时请求数据
showBtn: false,
multiWord: true, //以分隔符号分割的多关键字支持
hideOnSelect: true,
getDataMethod: "url", //获取数据的方式,总是从 URL 获取
effectiveFields: ['title'],
url: ctx+'kylin/base/performance/status?status=(3,6,8,9)&title=',
/*如果从 url 获取数据,并且需要跨域,则该参数必须设置*/
processData: function (json) { // url 获取数据时,对数据的处理,作为 getData 的回调函数
let data = { let data = {
status: '(3,6,8,9)', value: []
title: searchVal };
} searchData = [...json.value];
let str = '';
promiseMethods(ctx+'kylin/base/performance/status','get',data,'application/x-www-form-urlencoded').then(res=>{
if (res.value.length>0) {
searchData = [...res.value];
let obj = {}; let obj = {};
searchData.reduce((cur,next) => { searchData.reduce((cur,next) => {
if (!obj[next.performancesId]) { if (!obj[next.performancesId]) {
obj[next.performancesId] = true obj[next.performancesId] = true
str+= `<li class="selectData" onclick="selectOne('${next.performancesId}','performancesId')">${next.title}</li>` data.value.push(next)
} }
},[]) //设置cur默认类型为数组,并且初始值为空的数组 },[]) //设置cur默认类型为数组,并且初始值为空的数组
$('#dataList').html(str); return data
} else {
$('#dataList').html('<li style="width:100%;text-align:center;color:#ccc;">--- 暂无数据 ---</li>');
} }
}) }).on('onDataRequestSuccess', function (e, result) {
}; }).on('onSetSelectValue', function (e, selectedData,selectedRawData ) { // 当前行的所有值都能拿到
selectOne(selectedData.id, selectedData.key)
}).on('onUnsetSelectValue', function (e) {
});;
function selectOne(id,name) { function selectOne(id,name) {
searchData.some(item => { searchData.some(item => {
if (item[name] == id) { if (item[name] == id) {
...@@ -258,23 +245,6 @@ ...@@ -258,23 +245,6 @@
$('#selectTwo').empty().append(str); $('#selectTwo').empty().append(str);
$('#selectThree').empty().append('<option value="" label="">所有</option>'); $('#selectThree').empty().append('<option value="" label="">所有</option>');
}; };
$("#searchIpt").focus(function(){
search()
$('#dataList').show()
});
$("#searchIpt").blur(function(){
setTimeout(() => {
$('#dataList').hide()
}, 500);
if (!$("#searchIpt").val()) {
$('#showNum').hide();
}
});
$("#searchIpt").keyup(function(){
searchVal = $("#searchIpt").val()
search()
});
$('#selectTwo').change(function(e){ $('#selectTwo').change(function(e){
selectTwoId = $(this).val(); selectTwoId = $(this).val();
......
...@@ -91,45 +91,6 @@ ...@@ -91,45 +91,6 @@
height: 30px; height: 30px;
width: 200px; width: 200px;
} }
.search_ipt ul,.search_ipt li{
padding: 0;
margin: 0;
font-style: normal;
list-style: none;
}
.search_ipt ul {
display: none;
position: absolute;
left: 0;
top: 26px;
padding: 5px 0;
z-index: 899;
min-width: 200px;
border: 1px solid #eee;
max-height: 300px;
overflow-y: auto;
background-color: #fff;
border-radius: 2px;
box-sizing: border-box;
box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
}
.search_ipt li {
background-color: #fff;
cursor: pointer;
padding-left: 10px!important;
color: #999;
padding: 0 10px;
line-height: 36px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.search_ipt li:hover {
background: #F6F6F6;
}
.search_ipt .layui-input {
width: 200px;
}
.required { .required {
font-style: normal; font-style: normal;
color: red; color: red;
...@@ -137,6 +98,16 @@ ...@@ -137,6 +98,16 @@
#iptModal { #iptModal {
display: none; display: none;
} }
.search_ipt {
width: 200px !important;
display: inline-block;
}
.scope_application {
display: flex;
}
.scope_application .input-group-btn {
top: 33px;
}
</style> </style>
</head> </head>
<body> <body>
...@@ -161,9 +132,12 @@ ...@@ -161,9 +132,12 @@
</div> </div>
<div class="scope_application" id="scope_application"> <div class="scope_application" id="scope_application">
<span class="labelName">适用范围:</span> <span class="labelName">适用范围:</span>
<div class="search_ipt" style="position: relative;display: inline;"> <div class="input-group search_ipt" style="margin-right: 12px;">
<input type="text" id="searchIpt" autocomplete="off" class="layui-input" placeholder="全部"> <input id="searchIpt" data-id="" type="text" class="form-control" placeholder="全部">
<ul id="dataList" style="position: absolute;" onclick="selectGoods()"></ul> <div class="input-group-btn">
<ul class="dropdown-menu dropdown-menu-right" role="menu">
</ul>
</div>
</div> </div>
</div> </div>
<div class="discount"> <div class="discount">
...@@ -235,29 +209,30 @@ ...@@ -235,29 +209,30 @@
let searchData = []; // 搜索总数据 let searchData = []; // 搜索总数据
let showId = ''; // 选中演出id let showId = ''; // 选中演出id
let sendTimeType = ''; let sendTimeType = '';
function getMallList() { $("#searchIpt").bsSuggest('init', {
idField: 'spuId', // data.value 的第几个数据,作为input输入框的内容
keyField: 'name', // data.value 的第几个数据,作为input输入框的内容
allowNoKeyword: false, //是否允许无关键字时请求数据
showBtn: false,
multiWord: true, //以分隔符号分割的多关键字支持
hideOnSelect: true,
getDataMethod: "url", //获取数据的方式,总是从 URL 获取
effectiveFields: ['name'],
url: '/compilations/goodsList?name=',
/*如果从 url 获取数据,并且需要跨域,则该参数必须设置*/
processData: function (json) { // url 获取数据时,对数据的处理,作为 getData 的回调函数
let data = { let data = {
name: $('#searchIpt').val() value: []
}
let str = '';
promiseMethods('/compilations/goodsList','get',data).then(res=>{
if (res.data.length>0) {
searchData = [...res.data];
searchData.forEach((item,index)=>{
str+= `<li class="selectData" onclick="selectOne('${item.spuId}','${item.name}')">${item.name}</li>`
})
$('#dataList').html(str);
} else {
$('#dataList').html('<li style="width:100%;text-align:center;color:#ccc;">--- 暂无数据 ---</li>');
}
})
}; };
data.value = json.data;
return data;
}
}).on('onDataRequestSuccess', function (e, result) {
}).on('onSetSelectValue', function (e, selectedData,selectedRawData ) { // 当前行的所有值都能拿到
selectOne(selectedData.id, selectedData.key)
}).on('onUnsetSelectValue', function (e) {
});;
function selectOne(id,name) { function selectOne(id,name) {
searchData.some(item => {
if (item.spuId == id) {
return $("#searchIpt").val(item.name);
}
})
showId = id; showId = id;
}; };
$("input[name=typeTwo]").change(function(e){ $("input[name=typeTwo]").change(function(e){
...@@ -287,22 +262,6 @@ ...@@ -287,22 +262,6 @@
$('#dataOne1').show(); $('#dataOne1').show();
} }
}); });
$("#searchIpt").blur(function(){
getMallList()
$('#dataList').show()
});
// $("#searchIpt").blur(function(){
// setTimeout(() => {
// $('#dataList').hide()
// }, 500);
// });
function selectGoods(){
$('#dataList').hide()
}
$("#searchIpt").keyup(function(){
searchVal = $("#searchIpt").val()
getMallList()
});
$("input[name=sendType]").change(function(e){ $("input[name=sendType]").change(function(e){
sendType = e.target.value; sendType = e.target.value;
if (e.target.value == 2) { if (e.target.value == 2) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment