271 lines
10 KiB
HTML
271 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">
|
|
<input type="hidden" name="row[dispatch_type]" value="2">
|
|
<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 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="请选择服务项目" id="item_id" autocomplete="off" class="zd-input__inner">
|
|
<input type="text" id="item_id_value" 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="请输入客户昵称" class="form-input form-control" 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" placeholder="请输入客户电话" class="form-input form-control" 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" class="form-control" data-toggle="city-picker" type="text" value="" />
|
|
<input id="area_id" style="display: none" 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"
|
|
name="row[address]"
|
|
type="text" />
|
|
<ul id="suggestionList"></ul>
|
|
<input type="text" style="display: none"
|
|
name="row[lng]" id="lng" >
|
|
<input type="text" style="display: none"
|
|
name="row[lat]" id="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 selected value="1">已收定金</option>
|
|
<option 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 name="row[online_amount]" class="form-control form-input" type="number" placeholder="请输入收款金额">
|
|
</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 selected value="0">不使用优惠</option>
|
|
{foreach $coupons as $item}
|
|
<option 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'=>'无'])}
|
|
</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]" placeholder="请选择上门时间"
|
|
id="time"
|
|
data-date-format="YYYY-MM-DD HH:mm"
|
|
autocomplete="off"
|
|
data-date-min-view="0"
|
|
data-date-minute-step="30"
|
|
data-date-autoclose="true"
|
|
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]" ></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 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">
|
|
<div class="input-group-addon no-border no-padding">
|
|
<span><button type="button" id="faupload-images" class="btn btn-primary 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-default 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 class="right">
|
|
<div class="line flex-sb">
|
|
<div class="item flex-sb">
|
|
<div class="title flex-l">快速录入：</div>
|
|
</div>
|
|
</div>
|
|
<div class="line flex-sb smart-text-line">
|
|
<div class="item flex-sb smart-text-item">
|
|
<textarea class="form-control form-textarea smart-text" placeholder="粘贴内容，智能识别内容快速录入信息" id="smart_text"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="line flex-l">
|
|
<div id="smart" class="smart-btn flex-c custom-btn">
|
|
<img src="/assets/img/automation.png" class="img" alt="">
|
|
智能识别
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="submit-ctr flex-sb">
|
|
<button id="mysubmit" class="btn btn-default submit">录入并清空</button>
|
|
<button id="mybuttom" class="btn btn-success submit-continue">录入并保留信息</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: 1000px;
|
|
height: 768px;
|
|
overflow: auto;
|
|
background: #FFFFFF;
|
|
border-radius: 8px;
|
|
position: relative;
|
|
margin-left: -230px;
|
|
}
|
|
.ctr .left {
|
|
width: 614px;
|
|
height: 768px;
|
|
padding: 20px 10px;
|
|
}
|
|
.ctr .right {
|
|
width: 386px;
|
|
height: 768px;
|
|
}
|
|
|
|
#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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|