|
|
<?php
namespace App\Admin\Extensions;
use App\Admin\Common\LinkUrl;use App\Models\ImsCjdcOrder;use App\Models\ImsCjdcOrderMain;use App\Models\LanzuOrderGoods;use App\Models\LanzuServiceHorseman;use Dcat\Admin\Admin;use Dcat\Admin\Support\LazyRenderable;use Endroid\QrCode\Exceptions\DataDoesntExistsException;
class MyDetailPage extends LazyRenderable{
protected static $js = [LinkUrl::VUE_JS, LinkUrl::ELEMENT_UI_JS, LinkUrl::API_GL_JS]; protected static $css = [LinkUrl::DETAIL_CSS, LinkUrl::ELEMENT_UI_CSS];
public function render() { //>>1.主订单数据
$order = ImsCjdcOrderMain::getOrderData($this->order_id); if ($order) { $search = array(" ", " ", "\n", "\r", "\t"); $replace = array("", "", "", "", ""); $order['address'] = str_replace($search, $replace, $order['address']); //>>2.获取子订单
$result = ImsCjdcOrder::getOrdersData($order['global_order_id'], $order['id']); $orders = json_encode($result['orders']); $showRefund = json_encode($result['show_refund']); $path = "order?" . $this->last_url; Admin::script( <<<JS var orders = JSON.stringify($orders) var show_refund = JSON.stringify($showRefund) var app = new Vue({ el:"#detail", data:{ dialogFormVisible: false, market_name: "{$order['market_name']}", order_num: "{$order['order_num']}", name: "{$order['name']}", state: "{$order['state']}", created_at: "{$order['created_at']}", updated_at: "{$order['updated_at']}", pay_type: "{$order['pay_type']}", shipping_type: "{$order['shipping_type']}", shipping_type_num: "{$order['shipping_type_num']}", tel: "{$order['tel']}", delivery_time_note: "{$order['delivery_time_note']}", refuse_refund_note: "{$order['refuse_refund_note']}", total_refund_note: "{$order['total_refund_note']}", address: "{$order['address']}", market_lat:"{$order['market_lat']}", //market_lat:"22.851115",
market_lng:"{$order['market_lng']}", //market_lng:"108.346041",
user_lat:"{$order['lat']}", user_lng:"{$order['lng']}", note: "{$order['note']}", money: "{$order['money']}", total_money: "{$order['total_money']}", services_money: "{$order['services_money']}", coupon_money: "{$order['coupon_money']}", delivery_money: "{$order['delivery_money']}", horseman_name: "{$order['horseman_name']}", distance: "{$order['delivery_distance']}", orders: JSON.parse(orders), show_refund: JSON.parse(show_refund), refund_2:"退款", refund_3:"已同意退款", refund_goods_name:"", global_order_id:"{$order['global_order_id']}", user_id:"{$order['user_id']}", order_goods_id:null, order_child_id:null, show_refund_2:true, show_refund_3:false, path:"{$path}", show_map:false, close_map:true, is_show:true, map:"" }, methods: { refundNote(name,order_goods_id,order_child_id) { this.dialogFormVisible = true; this.order_goods_id=order_goods_id; this.order_child_id=order_child_id; this.refund_goods_name ="退款备注商品 ["+name+"]" ; }, refundConfirm() { if (this.total_refund_note==''){ this.\$message({message: '请备注退款原因！',type: 'warning'}) return false; } this.\$confirm('是否同意该商品退款?', '提示', { confirmButtonText: '同意', cancelButtonText: '取消', type: 'warning' }).then(() => { that = this; $.ajax({ url: "order_goods_refund", type: "get", contentType: "text/html; charset=utf-8", dataType: "json", data: { user_id:that.user_id, note:that.total_refund_note, global_order_id:that.global_order_id, order_child_id:that.order_child_id, order_goods_id:that.order_goods_id }, success: function (res) { if (res.code==0){ that.\$message({ message: '退款成功', type: 'success' }) that.show_refund[that.order_goods_id].show_refund_2=false that.show_refund[that.order_goods_id].show_refund_3=true }else { that.\$message.error('退款失败'); } that.dialogFormVisible = false; }, error: function (xhr, err) { console.log("错误", err) } }); }).catch(() => { }); }, showMap() { this.is_show=true; if (!this.show_map){ this.show_map = true; this.close_map =false; this.initMap() } }, closeMap() { this.is_show=false; this.show_map = false; this.close_map =true; },
change2D() { this.map.setViewMode('2D'); },
change3D() { this.map.setViewMode('3D'); this.map.setPitch(70); },
initMap() { var center = new TMap.LatLng(this.market_lat, this.market_lng); //初始化地图
this.map = new TMap.Map("container", {rotation: 20,//设置地图旋转角度
pitch:30, //设置俯仰角度（0~45）
zoom:14,//设置地图缩放级别
center: center//设置地图中心点坐标
}); that = this; $.ajax({ url: "map_route", type: "get", contentType: "text/html; charset=utf-8", dataType: "json", data: { m_lat:that.market_lat, m_lng:that.market_lng, u_lat:that.user_lat, u_lng:that.user_lng, type:"bicycling" }, success: function (res) { if (res.status==0){ that.cb(res); } }, error: function (xhr, err) { console.log("错误", err) } }); },
//定义请求回调函数，在此拿到计算得到的路线，并进行绘制
cb(ret) { var coords = ret.result.routes[0].polyline, pl = []; //坐标解压（返回的点串坐标，通过前向差分进行压缩）
var kr = 1000000; for (var i = 2; i < coords.length; i++) { coords[i] = Number(coords[i - 2]) + Number(coords[i]) / kr; } //将解压后的坐标放入点串数组pl中
for (var i = 0; i < coords.length; i += 2) { pl.push(new TMap.LatLng(coords[i], coords[i+1])); }
this.display_polyline(pl)//显示路线
//标记起终点marker
var marker = new TMap.MultiMarker({ id: 'marker-layer', map: this.map, styles: { "start": new TMap.MarkerStyle({ "width": 25, "height": 35, "anchor": { x: 16, y: 32 }, "src": 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/start.png' }), "end": new TMap.MarkerStyle({ "width": 25, "height": 35, "anchor": { x: 16, y: 32 }, "src": 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/end.png' }), "marker": new TMap.MarkerStyle({ "width": 45, "height": 52, "anchor": { x: 16, y: 32 }, "src": "../uploads/map/561.png" }) }, geometries: [{ "id": 'start', "styleId": 'start', "position": new TMap.LatLng(that.market_lat,that.market_lng) }, { "id": 'end', "styleId": 'end', "position": new TMap.LatLng(that.user_lat,that.user_lng) },{ //点标注数据数组
"id": "horseman", "styleId": "marker", "position": new TMap.LatLng(22.805566,108.412079), "properties": { "title": "marker" } }] }); },
display_polyline(pl){ //创建 MultiPolyline显示折线
var polylineLayer = new TMap.MultiPolyline({ id: 'polyline-layer', //图层唯一标识
map: this.map,//绘制到目标地图
//折线样式定义
styles: { 'style_blue': new TMap.PolylineStyle({ 'color': '#3777FF', //线填充色
'width': 8, //折线宽度
'borderWidth': 5, //边线宽度
'borderColor': '#FFF', //边线颜色
'lineCap': 'round', //线端头方式
}) }, //折线数据定义
geometries: [ { 'id': 'pl_1',//折线唯一标识，删除时使用
'styleId': 'style_blue',//绑定样式名
'paths': pl } ] }); }, mounted: function () {
} } });JS ); } return view('orderdetail'); }}
|
