新增页面

src/i18n/ja-RB/index.ts

@@ -333,7 +333,8 @@ export default {
     scattered: {
       first: '個人客の予定です',
       second: 'ホテル検索',
-      three: 'ホテル注文'
+      three: 'ホテル注文',
+      didaName:'道旅酒店',
     },
     car: {
       first: '車両予約',

src/i18n/ko-HG/index.ts

@@ -333,7 +333,8 @@ export default {
     scattered: {
       first: '산행객 예약',
       second: '호텔 검색',
-      three: '호텔 주문서'
+      three: '호텔 주문서',
+      didaName:'道旅酒店',
     },
     car: {
       first: '차량 예약',

src/i18n/zh-SW/index.ts

@@ -333,7 +333,8 @@ export default {
     scattered: {
       first: '散客预定',
       second: '酒店检索',
-      three: '酒店订单'
+      three: '酒店订单',
+      didaName:'道旅酒店',
     },
     car: {
       first: '车辆预定',

src/i18n/zh-TW/index.ts

@@ -333,7 +333,8 @@ export default {
     scattered: {
       first: '散客預定',
       second: '酒店檢索',
-      three: '酒店訂單'
+      three: '酒店訂單',
+      didaName:'道旅酒店',
     },
     car: {
       first: '車輛預定',

src/pages/scattered/didaHotel.vue

+<template>
+  <div class="fix-height-subpage column no-wrap q-pa-md">
+    <dida-header></dida-header>
+    <div class="col q-mt-md" :class="{'light-shadow q-pa-md bg-white rounded-border':$q.platform.is.desktop}">
+      <dida-list-table></dida-list-table>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import useMetaModule from '../../module/meta/metaModule'
+  import {
+    useI18n
+  } from 'vue-i18n'
+  import svgIcon from '../../components/global/svg-icon.vue'
+  import {
+    defineComponent,
+    inject,
+    provide,
+    reactive,
+    ref,
+    toRefs
+  } from 'vue'
+  import {
+    DirtionmaryHelper
+  } from '../../config/dictionary'
+  import DidaHeader from '../../components/scattered/dida/DidaHeader.vue'
+  import DidaListTable from '../../components/scattered/dida/DidaListTable.vue'
+  import {
+    date
+  } from 'quasar'
+  export default defineComponent({
+    components: {
+      svgIcon,
+      DidaHeader,
+      DidaListTable
+    },
+    setup() {
+      const data = reactive({})
+      let {
+        setTitle
+      } = useMetaModule()
+      const {
+        locale,
+        t
+      } = useI18n()
+      const pageTitle = inject(DirtionmaryHelper.PAGE_TITLE_KEY) as any
+      pageTitle.value = t('hotel.pageTitle')
+      setTitle(pageTitle.value)
+      const search = reactive({
+        arrivalDate: '', //开始日期
+        departureDate: '', //结束日期
+        searchroomGroup: [] as Array < ang > , //客房数
+        searchHotelIdList: [],
+        freeword: '', //地区名字 酒店名字
+        freewordType: 1, //类型 1，地区，2-酒店名称
+        reviewRatingUpperLimits: '', //最大评分数
+        reviewRatingLowerLimits: '', //最小评分数
+        searchHotelCategory: [], //酒店分类
+        searchHotelFeatures: [], //酒店特征
+        searchRoomType: [], //类型的房间
+        searchMealType: [], //饮食条件搜索	
+        searchMinRate: '', //最小金额
+        searchMaxRate: '', //最大金额
+      })
+
+      provide(DirtionmaryHelper.HOTEL_QUERY_PARAM, search)
+
+      const menu = inject(DirtionmaryHelper.MENU_KEYS) as any
+      menu.value = 23
+      const methods = {}
+      return {
+        ...toRefs(data),
+        ...methods
+      }
+    }
+  })
+
+</script>
+
+<style></style>

src/router/routes.ts

-import { RouteRecordRaw } from 'vue-router'
+import {
+  RouteRecordRaw
+} from 'vue-router'
 
-const routes: RouteRecordRaw[] = [
-  {
+const routes: RouteRecordRaw[] = [{
     path: '/index',
     component: () => import('layouts/MainLayout.vue'),
-    children: [
-      { path: '', component: () => import('pages/Index.vue') },
-
-      { path: '/hotel', component: () => import('pages/hotel/HotelList.vue') },//酒店
-      { path: '/hotel/order/:orderId?', component: () => import('pages/hotel/HotelOrder.vue') },
-      { path: '/hotel/modify/:orderId', component: () => import('pages/hotel/ModifyHotelOrder.vue') },
-      { path: '/hotel/offer/:orderId', component: () => import('pages/hotel/ListOfQuotation.vue') },
+    children: [{
+        path: '',
+        component: () => import('pages/Index.vue')
+      },
+      {
+        path: '/hotel',
+        component: () => import('pages/hotel/HotelList.vue')
+      }, //酒店
+      {
+        path: '/hotel/order/:orderId?',
+        component: () => import('pages/hotel/HotelOrder.vue')
+      },
+      {
+        path: '/hotel/modify/:orderId',
+        component: () => import('pages/hotel/ModifyHotelOrder.vue')
+      },
+      {
+        path: '/hotel/offer/:orderId',
+        component: () => import('pages/hotel/ListOfQuotation.vue')
+      },
 
-      { path: '/personal', component: () => import('pages/personal/personal.vue') },//个人中心
-      { path: '/passbook', component: () => import('pages/passbook/passbook.vue') },//幸福存折
+      {
+        path: '/personal',
+        component: () => import('pages/personal/personal.vue')
+      }, //个人中心
+      {
+        path: '/passbook',
+        component: () => import('pages/passbook/passbook.vue')
+      }, //幸福存折
 
-      { path: '/scattered', component: () => import('pages/scattered/HotelList.vue') },//散客
-      { path: '/scattered/HotelDetails/:hotelId/:groupBookingFlg/:lowrateBySetCurrency', component: () => import('pages/scattered/hotelDetails.vue') },
-      { path: '/scattered/HotelSure/:hotelId/:roomOptionCd', component: () => import('pages/scattered/HotelSure.vue') },
-      { path: '/scattered/HotelOrder', component: () => import('pages/scattered/HotelOrder.vue') },
+      {
+        path: '/scattered',
+        component: () => import('pages/scattered/HotelList.vue')
+      }, //散客
+      {
+        path: '/didahotel', //道旅酒店
+        component: () => import('pages/scattered/didaHotel.vue')
+      },
+      {
+        path: '/scattered/HotelDetails/:hotelId/:groupBookingFlg/:lowrateBySetCurrency',
+        component: () =>
+          import('pages/scattered/hotelDetails.vue')
+      },
+      {
+        path: '/scattered/HotelSure/:hotelId/:roomOptionCd',
+        component: () => import('pages/scattered/HotelSure.vue')
+      },
+      {
+        path: '/scattered/HotelOrder',
+        component: () => import('pages/scattered/HotelOrder.vue')
+      },
 
-      { path: '/comingsoon', component: () => import('pages/ComingSoon.vue') },
+      {
+        path: '/comingsoon',
+        component: () => import('pages/ComingSoon.vue')
+      },
 
-      { path: '/ticket/list', component: () => import('pages/ticket/TicketList.vue') },//门票
-      { path: '/ticket/preview/:ticketId/:Time', component: () => import('pages/ticket/TicketOrderPreview.vue') },
-      { path: '/ticket/order', component: () => import('pages/ticket/TicketOrder.vue') },
-      { path: '/ticket/preview/:ticketId/:Time', component: () => import('pages/ticket/TicketOrderPreview.vue') },
-      { path: '/ticket/order/:orderId?', component: () => import('pages/ticket/TicketOrder.vue') },
+      {
+        path: '/ticket/list',
+        component: () => import('pages/ticket/TicketList.vue')
+      }, //门票
+      {
+        path: '/ticket/preview/:ticketId/:Time',
+        component: () => import('pages/ticket/TicketOrderPreview.vue')
+      },
+      {
+        path: '/ticket/order',
+        component: () => import('pages/ticket/TicketOrder.vue')
+      },
+      {
+        path: '/ticket/preview/:ticketId/:Time',
+        component: () => import('pages/ticket/TicketOrderPreview.vue')
+      },
+      {
+        path: '/ticket/order/:orderId?',
+        component: () => import('pages/ticket/TicketOrder.vue')
+      },
 
-      { path: '/vehicle/index', component: () => import('pages/CharteredBus/CharteredBusList.vue') },//车辆
-      { path: '/vehicle/Preview/:ProductId/:Time/:orderId?', component: () => import('pages/CharteredBus/CharteredBusPreview.vue') },
-      { path: '/vehicle/addEditVehicle/:Id?', component: () => import('pages/vehicle/addEditVehicle.vue') },
-      { path: '/vehicle/order/:OrderId?/:pages?', component: () => import('pages/vehicle/vehicleOrder.vue') },
+      {
+        path: '/vehicle/index',
+        component: () => import('pages/CharteredBus/CharteredBusList.vue')
+      }, //车辆
+      {
+        path: '/vehicle/Preview/:ProductId/:Time/:orderId?',
+        component: () =>
+          import('pages/CharteredBus/CharteredBusPreview.vue')
+      },
+      {
+        path: '/vehicle/addEditVehicle/:Id?',
+        component: () => import('pages/vehicle/addEditVehicle.vue')
+      },
+      {
+        path: '/vehicle/order/:OrderId?/:pages?',
+        component: () => import('pages/vehicle/vehicleOrder.vue')
+      },
 
-      { path: '/scheduledTrip/index', component: () => import('pages/scheduledTrip/scheduledTripList.vue') },//预定行程
-      { path: '/scheduledTrip/details/:id/:tcid', component: () => import('pages/scheduledTrip/detailsNew.vue') },
-      { path: '/scheduledTrip/preview/:tripId', component: () => import('pages/scheduledTrip/TripOrderPreview.vue') },
-      { path: '/scheduledTrip/order/:orderId?', component: () => import('pages/scheduledTrip/TripOrder.vue') },
-      { path: '/travel/order', component: () => import('pages/travel/order.vue') },
-      { path: '/travel/payList', component: () => import('pages/travel/OrderPayList.vue') },
-      { path: '/travel/orderList', component: () => import('pages/travel/orderList.vue') },
+      {
+        path: '/scheduledTrip/index',
+        component: () => import('pages/scheduledTrip/scheduledTripList.vue')
+      }, //预定行程
+      {
+        path: '/scheduledTrip/details/:id/:tcid',
+        component: () => import('pages/scheduledTrip/detailsNew.vue')
+      },
+      {
+        path: '/scheduledTrip/preview/:tripId',
+        component: () => import('pages/scheduledTrip/TripOrderPreview.vue')
+      },
+      {
+        path: '/scheduledTrip/order/:orderId?',
+        component: () => import('pages/scheduledTrip/TripOrder.vue')
+      },
+      {
+        path: '/travel/order',
+        component: () => import('pages/travel/order.vue')
+      },
+      {
+        path: '/travel/payList',
+        component: () => import('pages/travel/OrderPayList.vue')
+      },
+      {
+        path: '/travel/orderList',
+        component: () => import('pages/travel/orderList.vue')
+      },
     ]
   },
   {

src/utils/menus.ts

@@ -45,6 +45,12 @@ const useMenus = {
                     id: 14,
                     parentId: 13,
                 },
+                // {
+                //     name: t('menu.scattered.didaName'),
+                //     url: '/didahotel',
+                //     id: 23,
+                //     parentId: 13,
+                // },
                 {
                     name: t('menu.scattered.three'),
                     url: '/scattered/HotelOrder',