242 lines
10 KiB
HTML
242 lines
10 KiB
HTML
<div class="full-height flex-c body-hidden">
|
|
<form id="add-form" class="row" role="form" data-toggle="validator" method="POST" action="">
|
|
<div class="ctr flex-sb">
|
|
<div class="left">
|
|
<div class="line flex-sb">
|
|
<div class="item flex-sb">
|
|
<div class="title flex-c"><span class="required">*</span>订单渠道：</div>
|
|
<div class="value">
|
|
<select id="c-source" data-live-search="true" title="请选择订单渠道" name="row[source]" class="form-control selectpicker show-tick">
|
|
{foreach $sources as $item}
|
|
<option {if $item['id'] == $row.source} selected {/if} data-subtext="{$item['ptitle']}" value="{$item['id']}">{$item['title']}</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="item flex-sb">
|
|
<div class="title flex-c"><span class="required">*</span>服务项目：</div>
|
|
<div class="value flex-c">
|
|
<input type="text" placeholder="请选择服务项目" autocomplete="off" id="item_id" value="{$row.item_title}" data-value="{$row.item_title}" class="zd-input__inner">
|
|
<input type="text" id="item_id_value" value="{$row.item_id}" style="display: none" name="row[item_id]" class="zd-input__inner">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="line flex-sb">
|
|
<div class="item flex-sb">
|
|
<div class="title flex-c"><span class="required">*</span>客户昵称：</div>
|
|
<div class="value flex-c">
|
|
<input id="c-customer" placeholder="请输入客户昵称" value="{$row['customer']}" class="form-control form-input" name="row[customer]" type="text">
|
|
</div>
|
|
</div>
|
|
<div class="item flex-sb">
|
|
<div class="title flex-c"><span class="required">*</span>客户电话：</div>
|
|
<div class="value">
|
|
<input id="c-tel" value="{$row['tel']}" class="form-control form-input" name="row[tel]" type="number">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="line flex-sb" style="display: none">
|
|
<div class="title flex-c"><span class="required">*</span>地区：</div>
|
|
<div class='value col-sm-12 flex-c'>
|
|
<input id="c-city" value="{$row.area_name}" class="form-control" data-toggle="city-picker" type="text" value="{$row.address}" />
|
|
<input id="area_id" style="display: none" value="{$row.area_id}" class="form-control" name="row[area_id]" hidden type="text" value="" />
|
|
</div>
|
|
</div>
|
|
<div class="line multi-line flex-sb bt-40">
|
|
<div class="select-address">
|
|
<div class="title flex-c"><span class="required">*</span>详细地址：</div>
|
|
<div class="select-ctr flex-c">
|
|
<div class="btn btn-sm btn-primary flex-c" id="area_map"
|
|
data-input-id="c-address"
|
|
data-lng-id="lng"
|
|
data-lat-id="lat">地图查找</div>
|
|
</div>
|
|
</div>
|
|
<div class='address line' style="position: relative">
|
|
<input id="c-address"
|
|
class="form-control"
|
|
placeholder="请通过地图查找选择"
|
|
autocomplete="off"
|
|
value="{$row.address}"
|
|
name="row[address]"
|
|
type="text" />
|
|
<ul id="suggestionList"></ul>
|
|
<input type="text" style="display: none"
|
|
name="row[lng]" id="lng" value="{$row.lng}">
|
|
<input type="text" style="display: none"
|
|
name="row[lat]" id="lat" value="{$row.lat}">
|
|
<input type="text" style="display: none" id="area_name">
|
|
</div>
|
|
</div>
|
|
<div class="line flex-sb">
|
|
<div class="item flex-sb">
|
|
<div class="title flex-c">收款方式：</div>
|
|
<div class="value flex-c">
|
|
<select name="row[receive_type]" id="receive_type" class="form-control selectpicker">
|
|
<option {if 1 == $row.receive_type} selected {/if} value="1">已收定金</option>
|
|
<option {if 2 == $row.receive_type} selected {/if} value="2">已收全款</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="item flex-sb">
|
|
<div class="title flex-c"><span class="required">*</span>收款金额：</div>
|
|
<div class="value flex-c">
|
|
<input value="{$row['online_amount']}" placeholder="请输入收款金额" name="row[online_amount]" class="form-control form-input" type="number">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="line flex-sb bt-40" id="coupon">
|
|
<div class="item flex-sb">
|
|
<div class="title flex-c">优惠：</div>
|
|
<div class="value flex-c">
|
|
<select id="c-coupon" data-live-search="true" title="请选择优惠信息" name="row[coupon_id]" class="form-control selectpicker show-tick">
|
|
<option {if 0 == $row.coupon_id} selected {/if} value="0">不使用优惠</option>
|
|
{foreach $coupons as $item}
|
|
<option {if $item['id'] == $row.coupon_id} selected {/if} data-subtext="{$item['description']}" value="{$item['id']}">{$item['code']}</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="line flex-sb">
|
|
<div class="item flex-sb">
|
|
<div class="title flex-c">上门时间：</div>
|
|
<div class="value flex-l">
|
|
{:build_radios('row[set_time]', ['1'=>'有', '0'=>'无'], $row.plan_time === '' || $row.plan_time === null ? 0 : 1)}
|
|
</div>
|
|
</div>
|
|
<div class="item flex-sb" id="set-time" >
|
|
<div class="title flex-c"><span class="required">*</span>设置时间：</div>
|
|
<div class="value flex-c">
|
|
<input name="row[plan_time]" value="{$row['plan_time']}" data-date-format="YYYY-MM-DD HH:mm" placeholder="请选择上门时间" class="form-input form-control datetimepicker">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="line multi-line flex-sb">
|
|
<div class="select-address">
|
|
<div class="title flex-c">订单备注：</div>
|
|
</div>
|
|
<div class='address'>
|
|
<textarea id="c-remark" placeholder="请输入订单备注" class="form-control form-textarea" name="row[remark]" >{$row.remark}</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="line flex-sb">
|
|
<div class="item flex-sb">
|
|
<div class="title flex-c">录单员：</div>
|
|
<div class="value flex-c">
|
|
<select id="c-users" data-live-search="true" title="默认当前登录账号" name="row[admin_id]" class="form-control selectpicker show-tick">
|
|
<option value="-1">不选择默认当前登陆账号</option>
|
|
{foreach $users as $item}
|
|
<option {if $item['id'] == $row.admin_id} selected {/if} value="{$item['id']}">{$item['nickname']}</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="line flex-sb">
|
|
<div class="title flex-c">图片上传：</div>
|
|
<div class="value">
|
|
<div class="input-group flex-l">
|
|
<input id="c-images" placeholder="请上传或直接粘贴图片" class="form-input mr-2 images-input" name="row[images]" type="text" value="{$row['images']}">
|
|
<div class="input-group-addon no-border no-padding">
|
|
<span><button type="button" id="faupload-images" class="btn btn-danger faupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
|
<span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
|
|
</div>
|
|
<span class="msg-box n-right" for="c-images"></span>
|
|
</div>
|
|
<ul class="row list-inline faupload-preview" id="p-images"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group hidden layer-footer">
|
|
<label class="control-label col-xs-12 col-sm-2 col-xs-2"></label>
|
|
<div class="col-xs-12 col-sm-8">
|
|
<button type="submit" class="btn btn-primary btn-embossed disabled">修改</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<link rel="stylesheet" href="/assets/css/select.css">
|
|
<link rel="stylesheet" href="/assets/css/create-order.css">
|
|
<style>
|
|
.ctr {
|
|
width: 630px;
|
|
height: 768px;
|
|
overflow: auto;
|
|
background: #FFFFFF;
|
|
border-radius: 8px;
|
|
position: relative;
|
|
}
|
|
.ctr .left {
|
|
width: 614px;
|
|
height: 768px;
|
|
padding: 20px 10px;
|
|
}
|
|
#suggestionList {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
width: 100%;
|
|
max-height: 240px;
|
|
overflow-y: auto;
|
|
margin-top: 4px;
|
|
padding: 0;
|
|
list-style: none;
|
|
background-color: #fff;
|
|
border-radius: 8px;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
|
|
z-index: 9999;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#suggestionList li {
|
|
padding: 10px 14px;
|
|
cursor: pointer;
|
|
transition: background-color 0.2s;
|
|
border-bottom: 1px solid #f1f1f1;
|
|
}
|
|
|
|
#suggestionList li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
#suggestionList li:hover {
|
|
background-color: #f5f8fa;
|
|
color: #007aff;
|
|
}
|
|
#suggestionList li.active {
|
|
background-color: #82b0e1;
|
|
color: white;
|
|
}
|
|
</style>
|
|
<script>
|
|
var items = {:json_encode($items); };
|
|
window.addEventListener('DOMContentLoaded', function () {
|
|
setTimeout(function () {
|
|
const container = document.querySelector('.body-hidden');
|
|
if (container) {
|
|
container.classList.remove('body-hidden');
|
|
container.classList.add('body-shown');
|
|
}
|
|
}, 500);
|
|
});
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|