| | |
| | | >
|
| | | </a-select>
|
| | | <a-range-picker
|
| | | v-model="timevalue"
|
| | | show-time
|
| | | @ok="change1()"
|
| | | valueFormat="yyyy-MM-DD HH:MM:SS"
|
| | | :show-time="{ format: 'HH:mm' }"
|
| | | @ok="change1"
|
| | | format="YYYY-MM-DD HH:mm"
|
| | | style="width: 175px; margin-left: 10px"
|
| | | />
|
| | |
|
| | |
| | | import { jsonp } from 'vue-jsonp'
|
| | | import any = jasmine.any;
|
| | | import { da } from "date-fns/locale";
|
| | |
|
| | |
|
| | | import {Moment} from 'moment';
|
| | | @Component({
|
| | | components: {
|
| | |
|
| | |
| | | })
|
| | | export default class road extends Vue {
|
| | | private timevalue:any=[]
|
| | | private change1(){
|
| | | console.log(this.timevalue);
|
| | |
|
| | | private change1(dates: Moment[]) {
|
| | | this.timevalue=[]
|
| | | this.timevalue=[dates[0].format("YYYY-MM-DD HH:mm"),dates[1].format("YYYY-MM-DD HH:mm")]
|
| | |
|
| | | }
|
| | | private mounted() {
|
| | | this.roadmap();
|
| | | }
|
| | | private dateFormat(fmt: string, date: any) {
|
| | | let o = {
|
| | | "M+": date.getMonth() + 1, //月份
|
| | | "d+": date.getDate(), //日
|
| | | "h+": date.getHours(), //小时
|
| | | "m+": date.getMinutes(), //分
|
| | | "s+": date.getSeconds(), //秒
|
| | | "q+": Math.floor((date.getMonth() + 3) / 3), //季度
|
| | | "S": date.getMilliseconds() //毫秒
|
| | | }
|
| | | if (/(y+)/.test(fmt))
|
| | | fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
|
| | | for (var k in o)
|
| | | if (new RegExp("(" + k + ")").test(fmt))
|
| | | fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)))
|
| | | return fmt
|
| | | }
|
| | | private map:any
|
| | | private roadmap(){
|
| | | this.map = new BMapGL.Map('roadmap')
|
| | |
| | | private tableLoading: boolean = false;
|
| | | private columns: any[] = [
|
| | | {
|
| | | title: "序号",
|
| | | dataIndex: "key",
|
| | | key: "key",
|
| | | align: "center",
|
| | | customRender: (text,record,index) => `${index+1}`,
|
| | | width: 60,
|
| | | },
|
| | | {
|
| | | title: "路段名称",
|
| | | dataIndex: "startPoint"
|
| | | dataIndex: "startPoint",
|
| | | align: "center",
|
| | | },
|
| | | {
|
| | | title: "操作",
|
| | | customRender: this.opRender
|
| | | customRender: this.opRender,
|
| | | align: "center",
|
| | | }
|
| | | ];
|
| | | private openIn(){
|
| | |
| | | this.$message.warning('请选择时间')
|
| | | return
|
| | | }
|
| | | console.log("this.timevalue",this.timevalue);
|
| | | get('cruiserInfo/getCruiserInFo',{
|
| | | mac:this.carvalue,
|
| | | // time1:'2023-08-05 00:00:00',
|
| | |
| | | }
|
| | | }
|
| | | }
|
| | | // private showInfoOver(data){
|
| | | // // alert(data);
|
| | | |
| | | // }
|
| | |
|
| | |
|
| | |
|
| | |
|
| | |
|
| | | private setZoom(bPoints) {
|
| | | var view = this.map.getViewport(eval(bPoints));
|