<template>
  <div>
    <div class="title">
      <div>出发列表</div>
      <van-row type="flex" style="margin-top: 15px" justify="space-around">
        <van-col span="24" class="header-text" style="display: flex">
          <!-- <van-datetime-picker v-model="currentData.departureDate" type="time" title="选择时间" /> -->
          <van-cell-group>
            <!-- <van-field v-model="currentData.departureDate" label="出发时间" placeholder="请输入出发时间" /> -->
            城市：
            <select name="pets" id="pet-select" v-model="city" class="city" @change="cityChage($event)">
              <option v-for="item in cityOptions" :key="item.value" :value="item.value">{{ item.label }}</option>
            </select>
          </van-cell-group>
          <!-- 出发时间:<van-field v-model="currentData.departureDate" size="small" placeholder="请输入时间" /> -->
        </van-col>
      </van-row>
    </div>
    <Table-vant :option="option" :tableData="currentData" :showCheck="true">
      <template v-slot:dateTime="{ item }">
        <input type="text" v-model="item.dateTime" style="width: 80%; height: 25px" />
      </template>
      <template v-slot:vehicleType="{ item }">
        <div>{{ item.vehicleType == 1 ? '电动汽车' : '电动车' }}</div>
      </template>
    </Table-vant>
    <div class="fixed-bottom-right">
      <div style="display: flex; flex-direction: row-reverse; margin-top: 10px">
        <van-button round plain type="primary" @click="nextStep">下一步</van-button>
      </div>
    </div>
  </div>
</template>

<script>
import TableVant from '@/components/Table.vue'
import { Toast } from 'vant'
import _ from 'lodash'
export default {
  components: { TableVant },
  data() {
    return {
      index: 0,
      date: '',
      cloneData: {},
      checkeData: [],
      city: '济南',
      currentData: [],
      cityOptions: [
        { label: '济南', value: '济南' },
        { label: '德州', value: '德州' },
        { label: '聊城', value: '聊城' }
      ],
      option: {
        column: [
          {
            label: '序号',
            tableDataprop: 'rowNo',
            width: '50px',
            align: 'center'
          },
          {
            label: '出发点',
            tableDataprop: 'hospital',
            width: '230px'
          },
          {
            label: '取件人',
            tableDataprop: 'name',
            width: '50px'
          },
          {
            label: '出发时间',
            tableDataprop: 'dateTime',
            width: '80px'
          },
          {
            label: '使用工具',
            tableDataprop: 'vehicleType',
            width: '80px'
          }
        ]
      },
      // orginData: [
      //   {
      //     name: '王东',
      //     plate: '鲁A73HU8',
      //     departure: '济南迪安中心办事处',
      //     arrival: '济南样本室对接点',
      //     departureDate: '07:30',
      //     customerData: [
      //       {
      //         rowNo: '1',
      //         batch: '1',
      //         hospital: '济南迪安中心办事处',
      //         address: '济南市高新区颖秀路2755号',
      //         dateTime: '6:30',
      //         stopTime: 15,
      //         pkgs: '-',
      //         coordinate: '117.13394400,36.67904500'
      //       },
      //       {
      //         rowNo: '3',
      //         batch: '1',
      //         hospital: '济南西站对接点',
      //         address: '济南市槐荫区齐鲁大道6号',
      //         dateTime: '7:50',
      //         stopTime: 20,
      //         pkgs: '-',
      //         coordinate: '116.89177900,36.66887900'
      //       },
      //       {
      //         rowNo: '5',
      //         batch: '1',
      //         hospital: '山东第一医科大学附属皮肤病医院',
      //         address: '济南市经十路27397号',
      //         dateTime: '9:30',
      //         stopTime: 10,
      //         pkgs: 100,
      //         coordinate: '116.92826100,36.65210900'
      //       },
      //       {
      //         rowNo: '7',
      //         batch: '1',
      //         hospital: '市中慢病第四人民医院青龙山分院',
      //         address: '山东省济南市市中区南辛庄西路272号',
      //         dateTime: '10:20',
      //         stopTime: 40,
      //         pkgs: 100,
      //         coordinate: '116.95988200,36.62819100'
      //       },
      //       {
      //         rowNo: '8',
      //         batch: '1',
      //         hospital: '山东省医学科学院放射医学研究所',
      //         address: '济南经十路89号9956',
      //         dateTime: '11:15',
      //         stopTime: 15,
      //         pkgs: 100,
      //         coordinate: '117.01788200,36.64911300'
      //       },
      //       {
      //         rowNo: '9',
      //         batch: '1',
      //         hospital: '山东省分析测试中心',
      //         address: '山东省济南市历下区科院路19号详情',
      //         dateTime: '11:40',
      //         stopTime: 10,
      //         pkgs: 100,
      //         coordinate: '117.04783900,36.64556100'
      //       },
      //       {
      //         rowNo: '10',
      //         batch: '1',
      //         hospital: '济南样本室对接点',
      //         address: '济南市历下区颖秀路2755号',
      //         dateTime: '15:20',
      //         stopTime: 30,
      //         pkgs: 100,
      //         coordinate: '117.13394400,36.67904500'
      //       }
      //     ]
      //   },
      //   {
      //     name: '路飞',
      //     plate: '德州1333887',
      //     departure: '德州办事处',
      //     arrival: '德州办事处',
      //     departureDate: '08:30',
      //     customerData: [
      //       {
      //         rowNo: '1',
      //         batch: '1',
      //         hospital: '德州办事处',
      //         address: '德州市德城区世纪嘉园小区',
      //         dateTime: '8:40',
      //         stopTime: 20,
      //         pkgs: '-',
      //         coordinate: '116.33733900,37.42873700'
      //       },
      //       {
      //         rowNo: '2',
      //         batch: '1',
      //         hospital: '德州交通医院',
      //         address: '德城区东风中路389号',
      //         dateTime: '9:15',
      //         stopTime: 20,
      //         pkgs: 2,
      //         coordinate: '116.31887300,37.44295900'
      //       },
      //       {
      //         rowNo: '3',
      //         batch: '1',
      //         hospital: '德州市人民医院',
      //         address: '德州市新湖大街1751号',
      //         dateTime: '9:47',
      //         stopTime: 100,
      //         pkgs: 41,
      //         coordinate: '116.30555600,37.45116400'
      //       },
      //       {
      //         rowNo: '4',
      //         batch: '1',
      //         hospital: '德州市人民医院（特检）',
      //         address: '德州市新湖大街1751号',
      //         dateTime: '11:32',
      //         stopTime: 15,
      //         pkgs: 1,
      //         coordinate: '116.30555600,37.45116400'
      //       },
      //       {
      //         rowNo: '5',
      //         batch: '1',
      //         hospital: '德州市立医院对接点',
      //         address: '德州市德城区三八中路1766号',
      //         dateTime: '11:55',
      //         stopTime: 20,
      //         pkgs: '-',
      //         coordinate: '116.29370300,37.45320200'
      //       },
      //       // {
      //       //   rowNo: '6',
      //       //   batch: '1',
      //       //   hospital: '德州市立医院',
      //       //   address: '山东省德州市德城区三八路1766号',
      //       //   dateTime: '12:55',
      //       //   stopTime: 90,
      //       //   pkgs: 2,
      //       //   coordinate: '116.29370300,37.45320200'
      //       // },
      //       // {
      //       //   rowNo: '7',
      //       //   batch: '1',
      //       //   hospital: '德棉医院',
      //       //   address: '德州市运河开发区纺织大街522号',
      //       //   dateTime: '14:37',
      //       //   stopTime: 20,
      //       //   pkgs: "-",
      //       //   coordinate: '116.27572300,37.45761700'
      //       // },
      //       {
      //         rowNo: '8',
      //         batch: '1',
      //         hospital: '德州汽车站对接点',
      //         address: '德州市德城区东风路1667号',
      //         dateTime: '15:12',
      //         stopTime: 15,
      //         pkgs: '-',
      //         coordinate: '116.29082500,37.44405800'
      //       },
      //       {
      //         rowNo: '9',
      //         batch: '1',
      //         hospital: '德州办事处',
      //         address: '德州市德城区世纪嘉园小区',
      //         dateTime: '15:52',
      //         stopTime: 20,
      //         pkgs: '-',
      //         coordinate: '116.33733900,37.42873700'
      //       }
      //     ]
      //   },
      //   {
      //     name: '田耀中',
      //     plate: '鲁A790Z9',
      //     departure: '聊城联络处',
      //     arrival: '聊城联络处对接点',
      //     departureDate: '09:30',
      //     customerData: [
      //       {
      //         rowNo: '1',
      //         batch: '1',
      //         hospital: '聊城联络处',
      //         address: '山东省聊城市东昌府区',
      //         dateTime: '8:00',
      //         stopTime: 10,
      //         pkgs: '-',
      //         coordinate: '115.98849100,36.43464500'
      //       },
      //       {
      //         rowNo: '2',
      //         batch: '1',
      //         hospital: '聊城市东昌府区侯营镇卫生院',
      //         address: '山东省聊城市东昌府区侯营镇侯营村',
      //         dateTime: '8:35',
      //         stopTime: 10,
      //         pkgs: 100,
      //         coordinate: '115.88725200,36.39946400'
      //       },
      //       {
      //         rowNo: '3',
      //         batch: '1',
      //         hospital: '聊城市东昌府区和光诊所',
      //         address: '山东省聊城市东昌府区柳园街道陈口路金柱大学城A区30幢s30-113号商铺',
      //         dateTime: '9:12',
      //         stopTime: 10,
      //         pkgs: 100,
      //         coordinate: '116.01666300,36.44393800'
      //       },
      //       {
      //         rowNo: '4',
      //         batch: '1',
      //         hospital: '聊城市东昌府区韩集镇卫生院',
      //         address: '山东省聊城市东昌府区韩集镇政府',
      //         dateTime: '9:55',
      //         stopTime: 10,
      //         pkgs: 100,
      //         coordinate: '116.18228000,36.40897800'
      //       },
      //       {
      //         rowNo: '5',
      //         batch: '1',
      //         hospital: '茌平万里行中医诊所',
      //         address: '聊城市茌平县建设路1416号',
      //         dateTime: '10:40',
      //         stopTime: 10,
      //         pkgs: 100,
      //         coordinate: '116.21077700,36.56289800'
      //       },
      //       {
      //         rowNo: '6',
      //         batch: '1',
      //         hospital: '聊城市茌平区人民医院',
      //         address: '聊城市茌平县文化路99号',
      //         dateTime: '11:00',
      //         stopTime: 15,
      //         pkgs: 100,
      //         coordinate: '116.24962100,36.57960700'
      //       },
      //       {
      //         rowNo: '7',
      //         batch: '1',
      //         hospital: '聊城市茌平区中医医院',
      //         address: '聊城市茌平区新政西路1163号',
      //         dateTime: '11:22',
      //         stopTime: 30,
      //         pkgs: 100,
      //         coordinate: '116.24271400,36.58568300'
      //       },
      //       {
      //         rowNo: '8',
      //         batch: '1',
      //         hospital: '茌平县和睦家妇科诊所',
      //         address: '茌平县三产院内',
      //         dateTime: '12:22',
      //         stopTime: 5,
      //         pkgs: 100,
      //         coordinate: '116.23697900,36.58427100'
      //       },
      //       {
      //         rowNo: '9',
      //         batch: '1',
      //         hospital: '聊城市茌平区温陈街道社区卫生服务中心',
      //         address: '聊城市茌平区温陈街道',
      //         dateTime: '12:47',
      //         stopTime: 5,
      //         pkgs: 100,
      //         coordinate: '116.24984700,36.59027400'
      //       },
      //       {
      //         rowNo: '10',
      //         batch: '1',
      //         hospital: '聊城市茌平区胡屯镇卫生院',
      //         address: '聊城市茌平区新政西路1163号',
      //         dateTime: '13:12',
      //         stopTime: 10,
      //         pkgs: 100,
      //         coordinate: '116.24271400,36.58568300'
      //       },
      //       {
      //         rowNo: '11',
      //         batch: '1',
      //         hospital: '高唐县中医院',
      //         address: '高唐县东兴路16号',
      //         dateTime: '13:52',
      //         stopTime: 10,
      //         pkgs: 100,
      //         coordinate: '116.25357800,36.85772200'
      //       },
      //       {
      //         rowNo: '12',
      //         batch: '1',
      //         hospital: '高唐县人民医院',
      //         address: '山东省高唐县金城西路99号',
      //         dateTime: '14:17',
      //         stopTime: 15,
      //         pkgs: 100,
      //         coordinate: '116.22798600,36.86687600'
      //       },
      //       {
      //         rowNo: '13',
      //         batch: '1',
      //         hospital: '聊城市茌平区第二人民医院',
      //         address: '茌平县博平镇政府街',
      //         dateTime: '15:04',
      //         stopTime: 15,
      //         pkgs: 100,
      //         coordinate: '116.11760000,36.58789400'
      //       },
      //       // {
      //       //   rowNo: '14',
      //       //   batch: '1',
      //       //   hospital: '聊城市茌平区洪官屯镇卫生院',
      //       //   address: '聊城市茌平区洪官屯镇政府驻地',
      //       //   dateTime: '15:47',
      //       //   stopTime: 15,
      //       //   pkgs: 100,
      //       //   coordinate: '116.06041900,36.39670700'
      //       // },
      //       {
      //         rowNo: '15',
      //         batch: '1',
      //         hospital: '聊城汽车总站对接点',
      //         address: '聊城市东昌府区建设路与柳园北路交汇处西北角',
      //         dateTime: '16:22',
      //         stopTime: 8,
      //         pkgs: '-',
      //         coordinate: '115.98847500,36.47286500'
      //       },
      //       // {
      //       //   rowNo: '16',
      //       //   batch: '1',
      //       //   hospital: '聊城市东昌府区妇幼保健院（两癌）',
      //       //   address: '山东省聊城市东昌府区振兴西路129号',
      //       //   dateTime: '16:40',
      //       //   stopTime: 50,
      //       //   pkgs: 100,
      //       //   coordinate: '115.95710000,36.46834600'
      //       // },
      //       {
      //         rowNo: '17',
      //         batch: '1',
      //         hospital: '聊城联络处',
      //         address: '山东省聊城市东昌府区',
      //         dateTime: '17:43',
      //         stopTime: 30,
      //         pkgs: '-',
      //         coordinate: '115.98849100,36.43464500'
      //       },
      //       {
      //         rowNo: '18',
      //         batch: '1',
      //         hospital: '聊城联络处对接点',
      //         address: '山东省聊城市东昌府区',
      //         dateTime: '18:18',
      //         stopTime: 20,
      //         pkgs: '-',
      //         coordinate: '115.98849100,36.43464500'
      //       }
      //     ]
      //   },
      //   {
      //     name: '尹逊武',
      //     plate: '济南2595139',
      //     departure: '尹逊武家',
      //     arrival: '尹逊武家',
      //     departureDate: '06:30',
      //     customerData: [
      //       {
      //         rowNo: '1',
      //         batch: '1',
      //         hospital: '尹逊武家',
      //         address: '山东省济南市历城区北园大街57号',
      //         dateTime: '7:30',
      //         stopTime: 30,
      //         pkgs: 0,
      //         coordinate: '117.05366200,36.69689900'
      //       },
      //       {
      //         rowNo: '2',
      //         batch: '1',
      //         hospital: '山东大学齐鲁医院',
      //         address: '济南市文化西路107号',
      //         dateTime: '8:50',
      //         stopTime: 190,
      //         pkgs: 100,
      //         coordinate: '117.01839000,36.65659000'
      //       },
      //       // {
      //       //   rowNo: '3',
      //       //   batch: '1',
      //       //   hospital: '山东省中医院（西院）',
      //       //   address: '山东省济南市文化西路42号',
      //       //   dateTime: '11:25',
      //       //   stopTime: 30,
      //       //   pkgs: 100,
      //       //   coordinate: '117.02325300,36.65510600'
      //       // },
      //       {
      //         rowNo: '4',
      //         batch: '1',
      //         hospital: '济南市中医医院1',
      //         address: '山东省济南市槐荫区美里路555号海那城总部24号楼101单元401',
      //         dateTime: '12:05',
      //         stopTime: 30,
      //         pkgs: 100,
      //         coordinate: '116.91984000,36.72078200'
      //       },
      //       {
      //         rowNo: '5',
      //         batch: '1',
      //         hospital: '济南丽合医疗美容医院有限公司',
      //         address: '山东省济南市历下区黑虎泉北路61号',
      //         dateTime: '13:15',
      //         stopTime: 10,
      //         pkgs: 100,
      //         coordinate: '117.03587900,36.67266400'
      //       },
      //       // {
      //       //   rowNo: '6',
      //       //   batch: '1',
      //       //   hospital: '山东省千佛山医院',
      //       //   address: '经十路山师东路',
      //       //   dateTime: '13:40',
      //       //   stopTime: 20,
      //       //   pkgs: 100,
      //       //   coordinate: '117.04485100,36.64754900'
      //       // },
      //       {
      //         rowNo: '7',
      //         batch: '1',
      //         hospital: '山东第一医科大学第一附属医院',
      //         address: '山东省济南市历下区经十路16766号',
      //         dateTime: '14:05',
      //         stopTime: 20,
      //         pkgs: 100,
      //         coordinate: '117.04244800,36.64765800'
      //       },
      //       {
      //         rowNo: '8',
      //         batch: '1',
      //         hospital: '山东大学齐鲁医院',
      //         address: '济南市文化西路107号',
      //         dateTime: '14:40',
      //         stopTime: 140,
      //         pkgs: 100,
      //         coordinate: '117.01839000,36.65659000'
      //       },
      //       {
      //         rowNo: '9',
      //         batch: '1',
      //         hospital: '济南长途汽车总站对接点',
      //         address: '济南市天桥区济洛路131号',
      //         dateTime: '17:25',
      //         stopTime: 15,
      //         pkgs: 0,
      //         coordinate: '116.99360600,36.68543900'
      //       },
      //       {
      //         rowNo: '10',
      //         batch: '1',
      //         hospital: '尹逊武家',
      //         address: '山东省济南市历城区北园大街57号',
      //         dateTime: '18:10',
      //         stopTime: 5,
      //         pkgs: 0,
      //         coordinate: '117.05366200,36.69689900'
      //       }
      //     ]
      //   },
      //   {
      //     name: '孙天麟',
      //     plate: '鲁A2Q3C2',
      //     departure: '济南迪安中心办事处',
      //     arrival: '济南样本室对接点',
      //     departureDate: '09:30',
      //     customerData: [
      //       {
      //         rowNo: '1',
      //         batch: '1',
      //         hospital: '济南迪安中心办事处',
      //         address: '济南市高新区颖秀路2755号',
      //         dateTime: '14:00',
      //         stopTime: 30,
      //         pkgs: '-',
      //         coordinate: '117.13394400,36.67904500'
      //       },
      //       {
      //         rowNo: '2',
      //         batch: '1',
      //         hospital: '济南佰年颐堂中医医院有限公司',
      //         address: '山东省济南市历城区工业北路180号院内办公楼2号楼1层',
      //         dateTime: '14:55',
      //         stopTime: 10,
      //         pkgs: 100,
      //         coordinate: '117.26118400,36.63685400'
      //       },
      //       // {
      //       //   rowNo: '3',
      //       //   batch: '1',
      //       //   hospital: '山东元辰生物医药科技集团有限公司',
      //       //   address: '华山街道丑父路135号华山片区安置区二区S3号楼商业区四层',
      //       //   dateTime: '15:20',
      //       //   stopTime: 10,
      //       //   pkgs: 100,
      //       //   coordinate: '117.06162300,36.68773700'
      //       // },
      //       // {
      //       //   rowNo: '4',
      //       //   batch: '1',
      //       //   hospital: '山东大学第二医院（检验科）',
      //       //   address: '山东大学第二医院（检验科）',
      //       //   dateTime: '15:50',
      //       //   stopTime: 30,
      //       //   pkgs: 100,
      //       //   coordinate: '117.04054100,36.69042100'
      //       // },
      //       {
      //         rowNo: '5',
      //         batch: '1',
      //         hospital: '山东省立第三医院',
      //         address: '山东省济南市无影山中路12号',
      //         dateTime: '16:40',
      //         stopTime: 60,
      //         pkgs: 100,
      //         coordinate: '116.98967800,36.68406100'
      //       },
      //       {
      //         rowNo: '6',
      //         batch: '1',
      //         hospital: '济南长途汽车总站对接点',
      //         address: '济南市天桥区济洛路131号',
      //         dateTime: '17:45',
      //         stopTime: 60,
      //         pkgs: '-',
      //         coordinate: '116.99360600,36.68543900'
      //       },
      //       // {
      //       //   rowNo: '7',
      //       //   batch: '1',
      //       //   hospital: '济南样本室对接点',
      //       //   address: '济南市历下区颖秀路2755号',
      //       //   dateTime: '19:45',
      //       //   stopTime: 10,
      //       //   pkgs: '-',
      //       //   coordinate: '117.13394400,36.67904500'
      //       // },
      //       {
      //         rowNo: '8',
      //         batch: '2',
      //         hospital: '艾迪康',
      //         address: '济南市天桥区田家庄东路4号',
      //         dateTime: '20:45',
      //         stopTime: 5,
      //         pkgs: 100,
      //         coordinate: '116.97534100,36.69010900'
      //       },
      //       {
      //         rowNo: '9',
      //         batch: '2',
      //         hospital: '济南西站对接点',
      //         address: '济南市槐荫区齐鲁大道6号',
      //         dateTime: '21:10',
      //         stopTime: 15,
      //         pkgs: '-',
      //         coordinate: '116.89177900,36.66887900'
      //       },
      //       // {
      //       //   rowNo: '10',
      //       //   batch: '2',
      //       //   hospital: '济南长途汽车总站对接点',
      //       //   address: '济南市天桥区济洛路131号',
      //       //   dateTime: '21:45',
      //       //   stopTime: 15,
      //       //   pkgs: '-',
      //       //   coordinate: '116.99360600,36.68543900'
      //       // },
      //       {
      //         rowNo: '11',
      //         batch: '2',
      //         hospital: '济南样本室对接点',
      //         address: '济南市历下区颖秀路2755号',
      //         dateTime: '22:40',
      //         stopTime: 10,
      //         pkgs: '-',
      //         coordinate: '117.13394400,36.67904500'
      //       }
      //     ]
      //   }
      // ]
      DepartureList: [
        {
          name: '',
          plate: '',
          departure: '',
          arrival: '',
          departureDate: '06:30',
          customerData: [
            {
              rowNo: '1',
              batch: '1',
              hospital: '济南迪安中心办事处(王东)',
              address: '济南市高新区颖秀路2755号',
              dateTime: '06:30',
              stopTime: 15,
              pkgs: 0,
              coordinate: '117.13394400,36.67904500',
              isOrigin: 'Y',
              vehicleType: '1',
              timeInterval: '',
              name: '王东',
              plate: '鲁A73HU8'
            },
            {
              rowNo: '1',
              batch: '1',
              hospital: '尹逊武家',
              address: '山东省济南市历城区北园大街57号',
              dateTime: '07:30',
              stopTime: 30,
              pkgs: 0,
              coordinate: '117.05366200,36.69689900',
              isOrigin: 'Y',
              vehicleType: '2',
              timeInterval: '',
              name: '尹逊武',
              plate: '济南2595139'
            },
            {
              rowNo: '1',
              batch: '1',
              hospital: '贾超家',
              address: '山东省济南市天桥区堤口路92号',
              dateTime: '07:30',
              stopTime: 40,
              pkgs: 0,
              coordinate: '116.96820700,36.67044400',
              isOrigin: 'Y',
              vehicleType: '2',
              timeInterval: '',
              name: '贾超',
              plate: '济南2387803'
            },
            {
              rowNo: '1',
              batch: '1',
              hospital: '济南迪安中心办事处(闫东梅)',
              address: '济南市高新区颖秀路2755号',
              dateTime: '08:20',
              stopTime: 30,
              pkgs: 0,
              coordinate: '117.13394400,36.67904500',
              isOrigin: 'Y',
              vehicleType: '2',
              timeInterval: '',
              name: '闫东梅',
              plate: '济南2566793'
            },
            {
              rowNo: '1',
              batch: '1',
              hospital: '王杰杰家',
              address: '山东省济南市济阳区纬三路',
              dateTime: '08:30',
              stopTime: 10,
              pkgs: 0,
              coordinate: '117.19164300,36.97907100',
              isOrigin: 'Y',
              vehicleType: '2',
              timeInterval: '',
              name: '王杰杰',
              plate: '济南1830603'
            },
            {
              rowNo: '1',
              batch: '1',
              hospital: '济南迪安中心办事处(王斌)',
              address: '济南市高新区颖秀路2755号',
              dateTime: '10:00',
              stopTime: 30,
              pkgs: 0,
              coordinate: '117.13394400,36.67904500',
              isOrigin: 'Y',
              vehicleType: '1',
              timeInterval: '',
              name: '王斌',
              plate: '鲁A6E5U6'
            },
            {
              rowNo: '1',
              batch: '1',
              hospital: '济南迪安中心办事处(郝建振)',
              address: '济南市高新区颖秀路2755号',
              dateTime: '10:00',
              stopTime: 20,
              pkgs: 0,
              coordinate: '117.13394400,36.67904500',
              isOrigin: 'Y',
              vehicleType: '1',
              timeInterval: '',
              name: '郝建振',
              plate: '鲁A257TR'
            },
            {
              rowNo: '1',
              batch: '1',
              hospital: '济南迪安中心办事处(孙天麟)',
              address: '济南市高新区颖秀路2755号',
              dateTime: '14:00',
              stopTime: 30,
              pkgs: 0,
              coordinate: '117.13394400,36.67904500',
              isOrigin: 'Y',
              vehicleType: '1',
              timeInterval: '',
              name: '孙天麟',
              plate: '鲁A2Q3C2'
            }
          ]
        },
        {
          name: '',
          plate: '',
          departure: '',
          arrival: '',
          departureDate: '08:00',
          customerData: [
            {
              rowNo: '1',
              batch: '1',
              hospital: '德州办事处',
              address: '德州市德城区世纪嘉园小区',
              dateTime: '08:40',
              stopTime: 20,
              pkgs: 0,
              coordinate: '116.33733900,37.42873700',
              isOrigin: 'Y',
              vehicleType: '2',
              timeInterval: '',
              name: '路飞',
              plate: '德州1333887'
            },
            {
              rowNo: '1',
              batch: '1',
              hospital: '夏津联络处',
              address: '山东省德州市夏津县',
              dateTime: '09:00',
              stopTime: 10,
              pkgs: 0,
              coordinate: '116.00172600,36.94837100',
              isOrigin: 'Y',
              vehicleType: '1',
              timeInterval: '',
              name: '宗珂',
              plate: '鲁A75A1N'
            }
          ]
        },
        {
          name: '',
          plate: '',
          departure: '',
          arrival: '',
          departureDate: '08:00',
          customerData: [
            {
              rowNo: '1',
              batch: '1',
              hospital: '聊城联络处',
              address: '山东省聊城市东昌府区',
              dateTime: '08:00',
              stopTime: 10,
              pkgs: 0,
              coordinate: '115.98849100,36.43464500',
              isOrigin: 'Y',
              vehicleType: '1',
              timeInterval: '',
              name: '田耀中',
              plate: '鲁A790Z9'
            }
          ]
        }
      ]
    }
  },
  methods: {
    getDate() {
      this.date = new Date()
    },
    cityChage(e) {
      console.log(e.target.value)
    },
    // 即时规划
    instantPlanning() {
      console.log(this.cloneData)
      this.cloneData.batch = this.currentData.batch
      this.cloneData.departureDate = this.currentData.departureDate
      let obj = _.cloneDeep(this.orginData[this.index])
      if (this.index == 4) {
        if (this.currentData.batch == '第一批') {
          obj.customerData = this.cloneData.customerData.filter(item => item.batch == 1)
          obj.arrival = this.cloneData.customerData.findLast(element => element.batch == '1').hospital
          obj.batch = '第一批'
          this.$store.dispatch('setOrder', JSON.stringify(obj))
        } else {
          obj.customerData = this.cloneData.customerData.filter(item => item.batch == 2)
          obj.customerData.unshift(this.cloneData.customerData.findLast(element => element.batch == '1'))
          obj.departure = this.cloneData.customerData[this.cloneData.customerData.length - 1].hospital
          obj.batch = '第二批'
          this.$store.dispatch('setOrder', JSON.stringify(obj))
        }
      } else {
        this.$store.dispatch('setOrder', JSON.stringify(this.cloneData))
      }
      this.$router.push({ path: '/about1' })
    },
    nextStep() {
      console.log(this.checkeData)
      if (!this.checkeData.length) {
        Toast('请至少选择一条数据')
        return
      }
      this.$store.dispatch('setDepart', JSON.stringify(this.checkeData))
      this.$router.push({ path: '/target' })
    },
    // 下一个
    nextOrder() {
      console.log(this.orginData)
      if (this.index == this.orginData.length - 1) {
        Toast.fail('已经是最后一条')
        return
      }
      this.index++
      this.cloneData = _.cloneDeep(this.orginData[this.index])
      this.currentData = _.cloneDeep(this.orginData[this.index])
      if (this.index == 4) {
        this.currentData.customerData = this.currentData.customerData.filter(item => item.batch == 1)
      }
      this.currentData.customerData.shift()
      this.currentData.batch = '第一批'
      this.currentData.arrival = this.cloneData.customerData.findLast(element => element.batch == '1').hospital
      // this.currentData.departureDate = this.cloneData.customerData.findLast(element => element.batch == '1').dateTime
      this.currentData.customerData.forEach((item, index) => (item.rowNo = index + 1))
      this.$forceUpdate()
    },
    // 上一个
    lastOrder() {
      console.log(this.orginData)
      if (this.index == 0) {
        Toast.fail('已经是第一条')
        return
      }
      this.index--
      this.cloneData = _.cloneDeep(this.orginData[this.index])
      this.currentData = _.cloneDeep(this.orginData[this.index])
      if (this.index == 4) {
        this.currentData.customerData = this.currentData.customerData.filter(item => item.batch == 1)
      }
      this.currentData.customerData.shift()
      this.currentData.batch = '第一批'
      this.currentData.arrival = this.cloneData.customerData.findLast(element => element.batch == '1').hospital
      // this.currentData.departureDate = this.cloneData.customerData.findLast(element => element.batch == '1').dateTime
      this.currentData.customerData.forEach((item, index) => (item.rowNo = index + 1))
      this.$forceUpdate()
    },
    // 下一批
    nextCargo() {
      console.log(this.orginData[this.index].customerData)
      if (this.index == 4) {
        this.currentData.customerData = this.cloneData.customerData.filter(item => item.batch == 2)
        this.currentData.departure = this.cloneData.customerData.findLast(element => element.batch == '1').hospital
        this.currentData.departureDate = this.cloneData.customerData.findLast(element => element.batch == '1').dateTime
        this.currentData.customerData.forEach((item, index) => (item.rowNo = index + 1))
        this.currentData.batch = '第二批'
      }
      console.log(this.currentData.customerData)
    },
    // 上一批
    lastCargo() {
      if (this.index == 4) {
        this.currentData.customerData = this.cloneData.customerData.filter(item => item.batch == 1)
        this.currentData.arrival = this.cloneData.customerData.findLast(element => element.batch == '1').hospital
        this.currentData.departureDate = this.cloneData.customerData[0].dateTime
        this.currentData.customerData.forEach((item, index) => (item.rowNo = index + 1))
        this.currentData.batch = '第一批'
      }
    }
  },
  created() {
    this.city = this.$store.state.app.city || '济南'
    this.$bus.$on('selecte', e => (this.checkeData = e))
  },
  mounted() {},
  destroyed() {
    // this.$bus.$off('selecte')
  },
  watch: {
    city: {
      handler: function (val) {
        switch (val) {
          case '济南':
            this.$store.dispatch('setCity', val)
            this.currentData = this.DepartureList[0]?.customerData
            this.currentData.forEach((item, index) => (item.rowNo = index + 1))

            break
          case '德州':
            this.$store.dispatch('setCity', val)
            this.currentData = this.DepartureList[1]?.customerData
            this.currentData.forEach((item, index) => (item.rowNo = index + 1))

            break
          case '聊城':
            this.$store.dispatch('setCity', val)
            this.currentData = this.DepartureList[2]?.customerData
            this.currentData.forEach((item, index) => (item.rowNo = index + 1))
            break
        }
      },
      deep: true,
      immediate: true
    }
  }
}
</script>

<style lang="scss" scoped>
.title {
  padding: 10px;
}

.header-text {
  font-size: 36px;
  font-weight: 800;
}

.fixed-bottom-right {
  // position: absolute;
  margin-top: 80px;
  bottom: 20px;
  right: 0px;
  width: 100%;
}
</style>