253 lines
8.6 KiB
HTML
253 lines
8.6 KiB
HTML
{layout name="layout2" /}
|
|
<style>
|
|
.layui-form-label {
|
|
color: #6a6f6c;
|
|
width: 100px;
|
|
}
|
|
.layui-input-block {
|
|
margin-left: 130px;
|
|
}
|
|
.tips{
|
|
color: red;
|
|
}
|
|
.goods-li {
|
|
float: left;
|
|
opacity: 1;
|
|
position: relative;
|
|
}
|
|
|
|
.goods-img {
|
|
width: 80px;
|
|
height: 80px;
|
|
padding: 4px;
|
|
}
|
|
.goods-img-del-x {
|
|
position: absolute;
|
|
z-index: 100;
|
|
top: -4px;
|
|
right: -2px;
|
|
width: 20px;
|
|
height: 20px;
|
|
font-size: 16px;
|
|
line-height: 16px;
|
|
color: #fff;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
background: hsla(0, 0%, 60%, .6);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.category{
|
|
display: none;
|
|
}
|
|
|
|
</style>
|
|
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;">
|
|
|
|
<div style="margin-bottom: 10px;">
|
|
<label class="layui-form-label">选择服务套餐：</label>
|
|
<div class="layui-input-inline">
|
|
<a class="layui-btn layui-btn-normal select-goods" >选择服务套餐</a>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item links goods-tips">
|
|
<label class="layui-form-label"></label>
|
|
<div class="layui-input-block ">
|
|
<input type="hidden" name="goods_id" value="">
|
|
<table id="goods_list" class="layui-table" lay-size="sm">
|
|
<colgroup>
|
|
<col width="40px">
|
|
</colgroup>
|
|
<thead>
|
|
<tr style="background-color: #f3f5f9">
|
|
<th style="width: 120px;text-align: center">商品信息</th>
|
|
<th style="width: 60px;text-align: center">套餐次数</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">选择用户：</label>
|
|
<div class="layui-input-block" >
|
|
<select name="user_id" xm-select="user_id" xm-select-search="" verify-msg="订单绑定用户不能为空" lay-filter="search_position" xm-select-search-type="dl" xm-select-skin="normal">
|
|
<option value="">请选择客户信息</option>
|
|
{foreach $user as $item }
|
|
<option value="{$item.id}">{$item.contact} {$item.telephone}</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" >
|
|
<label class="layui-form-label"><span class="tips">*</span>支付金额：</label>
|
|
<div class="layui-col-sm4" style="width: 80%;">
|
|
<input type="number" name="total_amount" lay-verify="required" lay-verType="tips" placeholder="请输入订单的金额" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item" style="font-weight: 600;">
|
|
<label class="layui-form-label"><span class="tips">*</span>订单来源：</label>
|
|
<div class="layui-col-sm4" style="width: 80%;">
|
|
<select name="channel_id" id="channel_id" lay-filter="search_position" lay-verify="required" lay-verType="tips" switch-tab="0">
|
|
<option value="">请选择订单来源</option>
|
|
{foreach $ordertype as $item}
|
|
<option value="{$item.id}">{$item.name}</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">订单类型：</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="order_ysck" title="已收款" value=""0 lay-filter="link" >
|
|
<input type="radio" name="order_ysck" title="应收款" value="1" lay-filter="link" checked="turn">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item link page" style="display: none;">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">选择付款：</label>
|
|
<div class="layui-input-block">
|
|
<select name="gord_id" id="gord_id">
|
|
<option value="">请选择选择付款</option>
|
|
{foreach $collection as $item}
|
|
<option value="{$item.id}">{$item.cqname}</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item layui-hide">
|
|
<input type="button" lay-submit lay-filter="add-user_group-submit" id="add-user_group-submit" value="确认">
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.layui-form-label {
|
|
width: 100px;
|
|
}
|
|
.layui-input-block {
|
|
margin-left: 130px;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="/static/plug/formSelects/formSelects-v4.css" />
|
|
<script src="/static/plug/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
<script>
|
|
layui.config({
|
|
version:"{$front_version}",
|
|
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
|
|
}).extend({
|
|
index: 'lib/index' //主入口模块
|
|
}).use(['index','table','like','laydate'], function(){
|
|
var $ = layui.$
|
|
,form = layui.form
|
|
,table = layui.table
|
|
,like = layui.like
|
|
, laydate = layui.laydate;
|
|
|
|
//监听搜索
|
|
form.on('submit(user-search)', function(data){
|
|
var field = data.field;
|
|
//执行重载
|
|
table.reload('user-lists', {
|
|
where: field,
|
|
page: {
|
|
curr: 1 //重新从第 1 页开始
|
|
}
|
|
});
|
|
});
|
|
//日期时间范围
|
|
laydate.render({
|
|
elem: '#start_time'
|
|
,type: 'datetime'
|
|
,trigger: 'click'
|
|
});
|
|
|
|
//日期时间范围
|
|
laydate.render({
|
|
elem: '#end_time'
|
|
,type: 'datetime'
|
|
,trigger: 'click'
|
|
});
|
|
|
|
form.verify({
|
|
custom_required: function (value, item) {
|
|
if (!value) {
|
|
switchTab($(item).attr('switch-tab'));
|
|
return $(item).attr('verify-msg');
|
|
}
|
|
}
|
|
});
|
|
form.on('radio(link)', function (data) {
|
|
var value = data.value;
|
|
$('.link').hide();
|
|
switch (value) {
|
|
case '1':
|
|
$('.page').show();
|
|
break;
|
|
case '2':
|
|
$('.page').show();
|
|
$('.url-tips').show();
|
|
break;
|
|
case '3':
|
|
$('.url').show();
|
|
$('.url-tips').show();
|
|
|
|
break;
|
|
}
|
|
|
|
})
|
|
//清空查询
|
|
form.on('submit(user-clear-search)', function(){
|
|
$('#keyword_type').val('sn');
|
|
$('#keyword').val(''); //清空输入框
|
|
$('#level').val(''); //清空输入框
|
|
$('#group_id').val(''); //清空输入框
|
|
$('#start_time').val(''); //清空输入框
|
|
$('#end_time').val(''); //清空输入框
|
|
form.render('select');
|
|
//刷新列表
|
|
table.reload('user-lists', {
|
|
where: [],
|
|
page: {
|
|
curr: 1 //重新从第 1 页开始
|
|
}
|
|
});
|
|
});
|
|
// 导出
|
|
$(document).on('click','.select-goods',function () {
|
|
layer.open({
|
|
type: 2
|
|
,title: '选择套餐服务商品'
|
|
,content: '{:url("goods/gooslist")}'
|
|
,area: ['90%', '90%']
|
|
,btn: ['确认', '取消']
|
|
,yes: function(index, layero){
|
|
var data = window["layui-layer-iframe" + index].callbackdata();
|
|
if(data.length){
|
|
$('#goods_list tbody').remove();
|
|
var goods = data[0];
|
|
var goods_html = '<tr>\n' +
|
|
' <td style="text-align: center"><img class="image-show" width="80px" height="80px" src="'+goods.image+'">'+goods.name+'</td>\n' +
|
|
' <td style="text-align: center">'+goods.code+'次数</td>\n' +
|
|
|
|
|
|
' </tr>';
|
|
$('#goods_list').prev().val(goods.id);
|
|
$('#goods_list').append(goods_html);
|
|
$('.goods').show();
|
|
}
|
|
}
|
|
|
|
})
|
|
})
|
|
|
|
});
|
|
|
|
|
|
|
|
</script> |