<?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');
    }
}