314 lines
16 KiB
HTML
314 lines
16 KiB
HTML
<!-- 用户编辑模态框 -->
|
|
<div class="modal fade" id="userModal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="userModalTitle">用户信息</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="userForm">
|
|
<input type="hidden" id="userId">
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">用户名</label>
|
|
<input type="text" class="form-control" id="userUsername" required>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">真实姓名</label>
|
|
<input type="text" class="form-control" id="userRealName" required>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">手机号</label>
|
|
<input type="tel" class="form-control" id="userPhone" required>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">邮箱</label>
|
|
<input type="email" class="form-control" id="userEmail">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">角色</label>
|
|
<select class="form-select" id="userRole" required>
|
|
<option value="admin">管理员</option>
|
|
<option value="staff">工作人员</option>
|
|
<option value="customer">客户</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">状态</label>
|
|
<select class="form-select" id="userStatus">
|
|
<option value="1">启用</option>
|
|
<option value="0">禁用</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">密码</label>
|
|
<input type="password" class="form-control" id="userPassword" placeholder="不修改请留空">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-primary" onclick="saveUser()">保存</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 车辆编辑模态框 -->
|
|
<div class="modal fade" id="vehicleModal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="vehicleModalTitle">车辆信息</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="vehicleForm">
|
|
<input type="hidden" id="vehicleId">
|
|
<input type="hidden" id="vehicleCustomerId">
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">车牌号</label>
|
|
<input type="text" class="form-control" id="vehicleLicensePlate" required>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">品牌</label>
|
|
<input type="text" class="form-control" id="vehicleBrand" required>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">型号</label>
|
|
<input type="text" class="form-control" id="vehicleModel" required>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">颜色</label>
|
|
<input type="text" class="form-control" id="vehicleColor">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">车架号</label>
|
|
<input type="text" class="form-control" id="vehicleVin">
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">发动机号</label>
|
|
<input type="text" class="form-control" id="vehicleEngineNo">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">购买日期</label>
|
|
<input type="date" class="form-control" id="vehiclePurchaseDate">
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">当前里程(公里)</label>
|
|
<input type="number" step="0.01" class="form-control" id="vehicleMileage">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">上次保养日期</label>
|
|
<input type="date" class="form-control" id="vehicleLastMaintenanceDate">
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">下次保养日期</label>
|
|
<input type="date" class="form-control" id="vehicleNextMaintenanceDate">
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">状态</label>
|
|
<select class="form-select" id="vehicleStatus">
|
|
<option value="normal">正常</option>
|
|
<option value="in_service">维修中</option>
|
|
<option value="completed">已完成</option>
|
|
</select>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-primary" onclick="saveVehicle()">保存</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 工单编辑模态框 -->
|
|
<div class="modal fade" id="orderModal" tabindex="-1">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="orderModalTitle">工单信息</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="orderForm">
|
|
<input type="hidden" id="orderId">
|
|
<div class="row">
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">工单编号</label>
|
|
<input type="text" class="form-control" id="orderNo" readonly>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">服务类型</label>
|
|
<select class="form-select" id="orderServiceType" required>
|
|
<option value="maintenance">保养维护</option>
|
|
<option value="repair">维修服务</option>
|
|
<option value="beauty">美容服务</option>
|
|
<option value="insurance">保险代理</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">当前里程(公里)</label>
|
|
<input type="number" step="0.01" class="form-control" id="orderCurrentMileage">
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">故障描述</label>
|
|
<textarea class="form-control" id="orderFaultDescription" rows="3"></textarea>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">诊断结果</label>
|
|
<textarea class="form-control" id="orderDiagnosisResult" rows="3"></textarea>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">配件费用</label>
|
|
<input type="number" step="0.01" class="form-control" id="orderPartsCost" value="0">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">工时费用</label>
|
|
<input type="number" step="0.01" class="form-control" id="orderLaborCost" value="0">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">总费用</label>
|
|
<input type="number" step="0.01" class="form-control" id="orderTotalCost" value="0" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">工单状态</label>
|
|
<select class="form-select" id="orderStatus">
|
|
<option value="pending">待处理</option>
|
|
<option value="appointed">已预约</option>
|
|
<option value="in_progress">进行中</option>
|
|
<option value="completed">已完成</option>
|
|
<option value="cancelled">已取消</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">支付状态</label>
|
|
<select class="form-select" id="orderPaymentStatus">
|
|
<option value="unpaid">未支付</option>
|
|
<option value="paid">已支付</option>
|
|
<option value="refunded">已退款</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">备注</label>
|
|
<textarea class="form-control" id="orderRemark" rows="2"></textarea>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-primary" onclick="saveOrder()">保存</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 配件编辑模态框 -->
|
|
<div class="modal fade" id="partModal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="partModalTitle">配件信息</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="partForm">
|
|
<input type="hidden" id="partId">
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">配件编号</label>
|
|
<input type="text" class="form-control" id="partNo" required>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">配件名称</label>
|
|
<input type="text" class="form-control" id="partName" required>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">类别</label>
|
|
<input type="text" class="form-control" id="partCategory">
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">品牌</label>
|
|
<input type="text" class="form-control" id="partBrand">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">单位</label>
|
|
<input type="text" class="form-control" id="partUnit" value="个">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">单价</label>
|
|
<input type="number" step="0.01" class="form-control" id="partUnitPrice" required>
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">库存数量</label>
|
|
<input type="number" class="form-control" id="partStockQuantity" required>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">最小库存</label>
|
|
<input type="number" class="form-control" id="partMinStock" value="10">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">供应商</label>
|
|
<input type="text" class="form-control" id="partSupplier">
|
|
</div>
|
|
<div class="col-md-4 mb-3">
|
|
<label class="form-label">仓库位置</label>
|
|
<input type="text" class="form-control" id="partWarehouseLocation">
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">适用车型</label>
|
|
<input type="text" class="form-control" id="partModel">
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label class="form-label">状态</label>
|
|
<select class="form-select" id="partStatus">
|
|
<option value="1">正常</option>
|
|
<option value="0">停用</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label">备注</label>
|
|
<textarea class="form-control" id="partRemark" rows="2"></textarea>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-primary" onclick="savePart()">保存</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|