257 lines
13 KiB
HTML
257 lines
13 KiB
HTML
|
||
<div class="full-height">
|
||
<div class="overlay"></div> <!-- 遮罩层 -->
|
||
<div class="content">
|
||
<!-- 表单区域（占2/3） -->
|
||
<div class="form-area">
|
||
<div>
|
||
<div class="card-body">
|
||
<h5 class="card-title">录入订单</h5>
|
||
<form id="add-form" class="row" role="form" data-toggle="validator" method="POST" action="">
|
||
<div class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">{:__('Customer')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-customer" data-rule="required" class="form-control" name="row[customer]" type="text">
|
||
</div>
|
||
</div>
|
||
<div class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">{:__('Tel')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-tel" data-rule="required" class="form-control" name="row[tel]" type="number">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">{:__('Source')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<select id="c-source" data-live-search="true" title="请选择" data-rule="required" 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="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">来源订单ID:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-source-id" name="row[source_uid]" type="text" class="form-control">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">录单员:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<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 class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">派单方式:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<select data-live-search="true" name="row[dispatch_type]" class="form-control selectpicker show-tick">
|
||
<option selected value="1">手动派单</option>
|
||
<option value="2">自动派单</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">收款方式:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<select name="row[receive_type]" class="form-control selectpicker">
|
||
<option selected value="1">已收定金</option>
|
||
<option value="2">已收全款</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">收款金额:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input data-rule="required" name="row[online_amount]" class="form-control" type="number">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">{:__('Area_id')}:</label>
|
||
<div class='col-xs-12 col-sm-8'>
|
||
<input id="c-city" data-rule="required" class="form-control" data-toggle="city-picker" name="row[address]" 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="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">{:__('Address')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-address" data-rule="required"
|
||
class="form-control"
|
||
name="row[address]"
|
||
type="text">
|
||
<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="col-xs-6">
|
||
<p style="display: inline-block" class="control-label col-xs-12 col-sm-3">
|
||
未能找到使用
|
||
</p>
|
||
<div class="col-xs-12 col-sm-8" >
|
||
<span class="btn btn-primary" data-toggle="addresspicker"
|
||
data-input-id="c-address"
|
||
data-lng-id="lng"
|
||
data-lat-id="lat">地图查找</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">{:__('Coupons')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<select id="c-coupon" data-live-search="true" title="请选择" data-rule="required" 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 class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">上门时间:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input data-rule="required" name="row[plan_time]" class="form-control datetimepicker">
|
||
</div>
|
||
</div>
|
||
<div class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">{:__('Item_title')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input type="text" id="item_id" 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 class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">{:__('Detail')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<textarea id="c-detail" rows="4" style="width: 100%;resize: vertical" class="form-control" name="row[detail]"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">{:__('Remark')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
|
||
<textarea id="c-remark" rows="4" style="width: 100%;resize: vertical" class="form-control" name="row[remark]" ></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-group col-xs-6">
|
||
<label class="control-label col-xs-12 col-sm-3">{:__('Images')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<div class="input-group">
|
||
<input id="c-images" class="form-control" size="50" name="row[images]" type="text">
|
||
<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 class="form-group col-xs-6 layer-footer">
|
||
<label class="control-label col-xs-12 col-sm-3"></label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<button type="submit" data-id="submit" class="btn btn-primary btn-embossed disabled">录入并清空</button>
|
||
<button id="mybuttom" class="btn btn-primary btn-embossed">录入并保留信息</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
|
||
<h5 class="text-left">快速输入</h5>
|
||
<div class="col-md-6">
|
||
<div class="form-floating">
|
||
<textarea rows="8" style="width: 100%;resize: vertical" class="form-control" placeholder="复制内容，快速输入" id="smart_text"></textarea>
|
||
</div>
|
||
</div>
|
||
<button id="smart" class="btn btn-primary btn-embossed">智能识别</button>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<link rel="stylesheet" href="/assets/css/select.css">
|
||
<style>
|
||
.full-height {
|
||
height: 100vh;
|
||
width: 100vw;
|
||
background: #fff;
|
||
}
|
||
.overlay {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: rgba(0, 0, 0, 0.3); /* 背景黑色遮罩 */
|
||
z-index: -1;
|
||
}
|
||
.card {
|
||
border-radius: 10px;
|
||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||
}
|
||
.card-body {
|
||
padding: 2rem;
|
||
}
|
||
.content {
|
||
display: flex;
|
||
height: 100vh;
|
||
}
|
||
.form-area {
|
||
flex: 2;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: flex-start;
|
||
}
|
||
.function-area {
|
||
flex: 1;
|
||
padding: 2rem;
|
||
background-color: #f8f9fa;
|
||
/*border-left: 1px solid #ddd;*/
|
||
}
|
||
.dropdown-menu {
|
||
position: absolute;
|
||
z-index: 1000;
|
||
width: 100%;
|
||
max-height: 300px;
|
||
overflow-y: auto;
|
||
background-color: #fff;
|
||
border: 1px solid #ccc;
|
||
border-radius: 4px;
|
||
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
|
||
margin: 6px 12px;
|
||
}
|
||
.dropdown-item {
|
||
padding: 8px;
|
||
cursor: pointer;
|
||
}
|
||
.suggestion-item:hover {
|
||
background-color: #f0f0f0;
|
||
}
|
||
</style>
|
||
|
||
|
||
<script>
|
||
var items = {:json_encode($items); };
|
||
</script> |