You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

98 lines
3.9 KiB

9 months ago
@extends("admin.layouts.layout")
@php
$pageTitle = __("actions.".last(explode("/",request()->url()))).$modelName;
@endphp
@section("content")
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
@include("public._form")
</div>
</div>
</div>
</div>
@endsection
@push("footer")
<script>
$(function() {
initOrderId();
$("#project_id").change(initOrderId);
});
// 初始化选择修改表单把order_id隐藏展示出搜索框与订单信息文字经由搜索框搜索之后赋值给order_id
function initOrderId() {
$("#order_id").val("");
$("#order_id").hide();
// 如果已存在则不重复添加
if ($("#order_id_search").length === 0) {
// 动态插入搜索输入框和按钮
var searchHtml = `
<div class="form-group" id="order_search_group">
<label for="order_id_search_input">搜索订单</label>
<div class="input-group mb-2">
<input type="text" class="form-control" id="order_id_search_input" placeholder="请输入订单号或关键字">
<div class="input-group-append">
<button class="btn btn-primary" type="button" id="order_id_search">搜索</button>
</div>
</div>
<div id="order_id_text" class="text-success" style="margin-top:5px;"></div>
</div>
`;
// 将搜索框插入到order_id下方
$("#order_id").after(searchHtml);
} else {
// 清空之前的内容
$("#order_id_search_input").val("");
$("#order_id_text").html("");
}
// 绑定搜索按钮点击事件(避免重复绑定,先解绑再绑定)
$("#order_id_search").off("click").on("click", function() {
var project_id = $("#project_id").val();
var keyword = $("#order_id_search_input").val().trim();
if (!project_id) {
alertError("请选择项目");
return;
}
if (!keyword) {
alertError("请输入订单号或关键字");
return;
}
var url = "{{url($urlPrefix.'/order-search')}}";
$.ajax({
url: url,
type: "POST",
data: {
project_id: project_id,
keyword: keyword,
_token: "{{csrf_token()}}"
},
success: function(res) {
if (res.status == 1) {
// 显示订单信息
var order = res.data;
var info = "订单号:" + order.serial + ",下单人:" + order.contact + ",联系电话:" + order.mobile;
$("#order_id_text").html(info);
// 赋值给隐藏的order_id
$("#order_id").val(order.id);
} else {
$("#order_id_text").html('<span class="text-danger">未找到相关订单</span>');
$("#order_id").val("");
}
},
error: function() {
$("#order_id_text").html('<span class="text-danger">搜索失败,请重试</span>');
$("#order_id").val("");
}
});
});
}
</script>
@endpush