283 lines
14 KiB
HTML
283 lines
14 KiB
HTML
|
||
<div class="full-height">
|
||
<div class="overlay"></div> <!-- 遮罩层 -->
|
||
<div class="content">
|
||
<!-- 表单区域（占2/3） -->
|
||
<div class="form-area">
|
||
<div>
|
||
<div class="card-body">
|
||
<form id="add-form" class="row" role="form" data-toggle="validator" method="POST" action="">
|
||
<div class="col-lg-4">
|
||
<div class="form-group col-xs-12">
|
||
<label class="control-label col-xs-12 col-lg-4">{:__('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-12">
|
||
<label class="control-label col-xs-12 col-lg-4">{:__('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-12">
|
||
<label class="control-label col-xs-12 col-lg-4">{:__('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" 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-12">
|
||
<label class="control-label col-xs-12 col-md-4">{:__('Address')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<div class="myform-group">
|
||
<input id="c-address" data-rule="required"
|
||
class="form-control"
|
||
readonly
|
||
name="row[address]"
|
||
type="text">
|
||
<div class="btn btn-primary" id="area_map"
|
||
data-input-id="c-address"
|
||
data-lng-id="lng"
|
||
data-lat-id="lat">地图查找</div>
|
||
</div>
|
||
<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="form-group col-xs-12">
|
||
<label class="control-label col-xs-12 col-lg-4">{:__('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-12">
|
||
<label class="control-label col-xs-12 col-lg-4">{:__('Detail')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<textarea id="c-detail" placeholder="待填" rows="8" style="width: 100%;resize: vertical" class="form-control" name="row[detail]"></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group col-xs-12">
|
||
<label class="control-label col-xs-12 col-lg-4">上门时间:
|
||
</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input name="row[plan_time]" class="form-control datetimepicker">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group col-xs-12">
|
||
<label class="control-label col-xs-12 col-lg-4">{:__('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>
|
||
|
||
<div class="col-lg-4">
|
||
|
||
<div class="form-group col-xs-12">
|
||
<label class="control-label col-xs-12 col-lg-4">{:__('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-12">
|
||
<label class="control-label col-xs-12 col-lg-4">来源订单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-12">
|
||
<label class="control-label col-xs-12 col-lg-4">派单方式:</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 value="1">手动派单</option>
|
||
<option selected value="2">自动派单</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="form-group col-xs-12">
|
||
<label class="control-label col-xs-12 col-lg-4">收款方式:</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-12">
|
||
<label class="control-label col-xs-12 col-lg-4">收款金额:</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-12">
|
||
<label class="control-label col-xs-12 col-lg-4">{:__('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-12">
|
||
<label class="control-label col-xs-12 col-lg-4">录单员:</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-12">
|
||
<label class="control-label col-xs-12 col-lg-4">{:__('Remark')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
|
||
<textarea id="c-remark" placeholder="待填" rows="8" style="width: 100%;resize: vertical" class="form-control" name="row[remark]" ></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group col-xs-12 layer-footer text-right">
|
||
<div class="col-xs-12 col-sm-12">
|
||
<button id="mysubmit" class="btn btn-primary btn-embossed">录入并清空</button>
|
||
<button id="mybuttom" class="btn btn-primary btn-embossed">录入并保留信息</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4">
|
||
<h5 class=" col-md-12 text-left">快速输入:</h5>
|
||
<div class="col-md-12">
|
||
<div class="form-floating">
|
||
<textarea rows="8" style="width: 100%;resize: vertical" class="form-control" placeholder="复制内容，快速输入" id="smart_text"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12 mt-2">
|
||
<button id="smart" class="btn btn-primary btn-embossed">智能识别</button>
|
||
</div>
|
||
</div>
|
||
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<link rel="stylesheet" href="/assets/css/select.css">
|
||
<style>
|
||
.full-height {
|
||
/*height: 100vh;*/
|
||
width: 100vw;
|
||
background: #fff;
|
||
}
|
||
.myform-group{
|
||
display: flex;
|
||
}
|
||
.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;
|
||
height: 100vh;
|
||
overflow-y: auto;
|
||
}
|
||
.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;
|
||
}
|
||
.control-label{
|
||
text-align: left;
|
||
}
|
||
.col-xs-12{
|
||
margin: 5px 0;
|
||
position: relative;
|
||
}
|
||
.msg-box{
|
||
position: absolute;
|
||
left: 0;
|
||
top: 30px;
|
||
}
|
||
</style>
|
||
|
||
|
||
<script>
|
||
var items = {:json_encode($items); };
|
||
</script> |