262 lines
14 KiB
HTML
262 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-md-6">
|
||
<div class="form-group col-xs-12">
|
||
<label class="control-label col-xs-12 col-sm-3">{:__('Customer')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-customer" value="{$row['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-sm-3">{:__('Tel')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-tel" data-rule="required" value="{$row['tel']}" 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-sm-3">{:__('Area_id')}:</label>
|
||
<div class='col-xs-12 col-sm-8'>
|
||
<input id="c-city" data-rule="required" 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="form-group col-xs-12">
|
||
<label class="control-label col-xs-12 col-sm-3">{:__('Address')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<div class="myform-group">
|
||
<input id="c-address" data-rule="required"
|
||
class="form-control"
|
||
value="{$row.address}"
|
||
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-sm-3">{:__('Item_title')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input type="text" 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 class="form-group col-xs-12">
|
||
<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="8" style="width: 100%;resize: vertical" class="form-control" name="row[detail]">{$row.detail}</textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group col-xs-12">
|
||
<label class="control-label col-xs-12 col-sm-3">上门时间:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input data-rule="required" value="{$row['plan_time']}" 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-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>
|
||
|
||
|
||
<div class="col-md-6">
|
||
<div class="form-group col-xs-12">
|
||
<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 {if $item['id'] == $row.source} selected {/if} 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-sm-3">来源订单ID:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input id="c-source-id" value="{$row['source_uid']}" 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-sm-3">派单方式:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<select data-live-search="true" value="" name="row[dispatch_type]" class="form-control selectpicker show-tick">
|
||
<option {if 1 == $row.dispatch_type} selected {/if} value="1">手动派单</option>
|
||
<option {if 2 == $row.dispatch_type} selected {/if} value="2">自动派单</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="form-group col-xs-12">
|
||
<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 {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="form-group col-xs-12">
|
||
<label class="control-label col-xs-12 col-sm-3">收款金额:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<input data-rule="required" value="{$row['online_amount']}" 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-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 {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 class="form-group col-xs-12">
|
||
<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 {if $item['id'] == $row.admin_id} selected {/if} 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-sm-3">{:__('Remark')}:</label>
|
||
<div class="col-xs-12 col-sm-8">
|
||
<textarea id="c-remark" rows="8" style="width: 100%;resize: vertical" class="form-control" name="row[remark]">{$row.remark}</textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group col-xs-12 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>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
|
||
</script>
|
||
<style>
|
||
.myform-group{
|
||
display: flex;
|
||
}
|
||
.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>
|
||
<link rel="stylesheet" href="/assets/css/select.css"> |