no message

.vscode/settings.json

@@ -8,7 +8,7 @@
   "editor.fontSize": 15,
   "editor.wordWrap": "wordWrapColumn",
   "editor.accessibilitySupport": "auto",
-  "editor.renderFinalNewline": false,
+  "editor.renderFinalNewline": "off",
   "workbench.editor.wrapTabs": true,
   "editor.unicodeHighlight.nonBasicASCII": true
 }

quasar.conf.js

@@ -64,7 +64,7 @@ module.exports = configure(function (ctx) {
       publicPath: ctx.dev ? '/' : './',
       env: ctx.dev
         ? {
-          BASE_APP_API: 'http://192.168.10.9:8083/api/common/post',//http://192.168.10.9:8083/api/common/post  http://192.168.10.206:8015/api/common/post
+          BASE_APP_API: 'http://192.168.10.226:8015/api/common/post',//http://192.168.10.226:8015/api/common/post  http://192.168.10.206:8015/api/common/post
           JAVA_URL_API: 'http://efficient.oytour.com',
           VERSION:require('./package.json').version,
 

src/api/travel.ts

+import { HttpResponse } from '../@types'
+import request from './request'
+
+class travelService {
+  static async getTravelList(params:any):Promise<HttpResponse>{
+    return request('travelteam_GetTravelTeamPartnerPage',params)
+  }
+  static async addOrder(params:any):Promise<HttpResponse>{
+    return request('travelteam_GetTravelTeamPartnerPage',params)
+  }
+  static async newOrder(params:any):Promise<HttpResponse>{
+    return request('sellorder_post_SetTravelTeamOrderForB2B',params)
+  }
+}
+
+export default travelService

src/config/dictionary.ts

@@ -93,5 +93,9 @@ class DirtionmaryHelper {
    * 元素滚动參數
    */
    static readonly SCROLL_AREA_OBJ = "scrollareaobj"
+   /**
+    * 包机订单列表
+    */
+    static readonly TRAVEL_ORDER_OBJ = "travelOrderObj"
 }
 export { userDictionmary,DirtionmaryHelper }

src/i18n/zh-TW/index.ts

@@ -354,6 +354,11 @@ export default {
       first: '帳單',
       second: '月度請求書',
       three: '匯款說明'
+    },
+    travel: {
+      first: '包机',
+      second: '包机服务',
+      three: ' '
     }
   },
   login: {

src/pages/travel/components/OrderList.vue

+<template>
+  <div>
+    <q-card
+      class="light-shadow q-pa-md bg-white rounded-borders q-mb-md"
+      flat
+      :class="$q.platform.is.desktop ? 'row' : ''"
+      v-for="(x, index) in orders"
+    >
+      <div class="col-2">
+
+        <div class="mb-title">
+          <i class="iconfont icon-biaoti1"></i><span>包机信息</span>
+        </div>
+        {{ x.GTeamName }}
+        <div class="mb">
+          <span>{{ x.Title }}</span>
+        </div>
+        <div>
+          出发日期：<span>{{ x.StartDate }}</span>
+        </div>
+        <div>
+          团队信息：<span>{{ x.TCNUM }}({{ x.TCID }})</span>
+        </div>
+      </div>
+      <div class="col-4">
+                <div class="mb-title"><i class="iconfont icon-hangban1"></i><span>航班信息</span></div>
+        <div
+          class="mb"
+          v-for="(subItem, subIndex) in x.TravelTeamFlightList"
+          :key="subIndex + 1000"
+        >
+          <div>
+            {{ subItem.Flight_number }} {{ subItem.DepartureAirPortName }}
+            {{ subItem.Departure_time }} {{ subItem.ArrivalAirPortName }}
+            {{ subItem.Arrival_time }}
+          </div>
+        </div>
+      </div>
+      <div class="col-2">
+        <div>
+          <div class="mb-title">
+            <i class="iconfont icon-jiage"></i><span>团位信息</span>
+          </div>
+          <div class="mb">
+            <span>经济舱: {{ x.YSeat }}</span>
+          </div>
+          <div class="mb">
+            <span>商务舱: {{ x.CSeat }}</span>
+          </div>
+          <div class="mb">
+            <span>头等舱: {{ x.FSeat }}</span>
+          </div>
+        </div>
+      </div>
+      <div class="col-3">
+        <div class="mb-title">
+          <i class="iconfont icon-jiage"></i><span>价格信息</span>
+        </div>
+        <div class="mb">
+          <span>中心价: {{ x.B2BMemberPrice }}</span>
+        </div>
+        <div class="mb">
+          <span
+            >小孩占床: {{ x.ChildNeedPrice }}&nbsp;不占床:
+            {{ x.ChildNoNeedPrice }}</span
+          >
+        </div>
+        <div class="mb">
+          <span
+            >婴儿: {{ x.BabyPrice }}&nbsp; 婴儿附加费: {{ x.BabyChargePrice }}</span
+          >
+        </div>
+        <div class="mb">
+          <span
+            >老人附加费: {{ x.OldManChargePrice }} &nbsp;签证:
+            {{ x.VisaPrice }}</span
+          >
+        </div>
+      </div>
+      <div class="col-1">
+        <q-btn color="primary" unelevated @click="ViewPayment(x)">下单</q-btn>
+      </div>
+    </q-card>
+    <q-card
+      class="light-shadow q-pa-md bg-white rounded-borders q-mb-md"
+      v-if="pages.pageCount > 0"
+      flat
+    >
+      <q-pagination
+        class="full-width justify-end"
+        v-model="pages.pageIndex"
+        color="primary"
+        :max="pages.pageCount"
+        :input="true"
+        @update:model-value="changePageHandler"
+      />
+    </q-card>
+    <q-inner-loading
+      :showing="loading"
+      :label="$t('loading')"
+      label-class="text-grey-6 f12"
+    />
+  </div>
+  <div class="text-center q-mt-xl" v-if="(!orders || orders.length == 0) && !loading">
+    <svg-icon :size="50" color="nav" icon="General/Clipboard.svg"></svg-icon>
+    <div class="q-mt-md f12 text-grey-6">{{ $t("noneData") }}</div>
+  </div>
+  <q-dialog v-model="showOrderdDetail">
+    <!-- <OrderdDetail :OrderID="OrderID"></OrderdDetail> -->
+  </q-dialog>
+
+  <q-dialog v-model="showAddOrder">
+    <AddOrder :info="info" @close="showAddOrder = false"></AddOrder>
+  </q-dialog>
+</template>
+
+<script lang="ts">
+import { DirtionmaryHelper } from "../../../config/dictionary";
+import { defineComponent, inject, reactive, toRefs, watch, toRaw } from "vue";
+import travelService from "../../../api/travel";
+import { ApiResult } from "../../../@types/enumHelper";
+import message from "../../../utils/message";
+import { RoomType, StandardStatus } from "../../../@types";
+import { getHotelOrderStatus, getHotelRoomType, moneyFormat } from "../../../utils/tools";
+import { useI18n } from "vue-i18n";
+import svgIcon from "../../../global/svg-icon.vue";
+import { copyToClipboard, useQuasar } from "quasar";
+import { currentRouter } from "../../../router";
+// import OrderdDetail from './OrderdDetail.vue'
+// import BankAccount from '../../BankAccount.vue'
+import AddOrder from "./addOrder.vue";
+
+export default defineComponent({
+  components: { AddOrder },
+  setup(props) {
+    const search = inject(DirtionmaryHelper.TRAVEL_ORDER_OBJ) as any;
+    const { t } = useI18n();
+    const $q = useQuasar();
+
+    watch(search, (n, o) => {
+      if (data.loading) return;
+      data.pages.pageIndex = 1;
+      data.orders = [];
+      methods.initOrders();
+    });
+
+    const data = reactive({
+      info: {},
+      copyId: 0,
+      showAddOrder: false,
+      OrderID: "",
+      showOrderdDetail: false,
+      orders: [] as Array<any>,
+      status: [] as Array<StandardStatus>,
+      rooms: [] as Array<RoomType>,
+      pages: {
+        pageIndex: 1,
+        pageSize: 10,
+        pageCount: 0,
+      },
+      loadingCel: false,
+      loading: false,
+    });
+
+    const methods = {
+      changePageHandler(n: any) {
+        console.log(n);
+        data.pages.pageIndex = n;
+        methods.initOrders();
+      },
+      ViewPayment(info: any) {
+        data.info = toRaw(info);
+        console.log("ViewPayment", toRaw(info));
+        data.showAddOrder = true;
+      },
+      canCelHotel(ThirdOrderNo) {
+        $q.dialog({
+          title: t("dialog.titles.horder"),
+          message: t("dialog.contents.horder"),
+          cancel: true,
+          persistent: true,
+        }).onOk(() => {
+          methods.cancellations(ThirdOrderNo);
+        });
+      },
+      cancellations(ThirdOrderNo) {
+        if (data.loadingCel) return;
+        let msg = {
+          bookingNumber: ThirdOrderNo,
+          CancelBy: search.CustomerId,
+          CancelType: 2,
+        };
+        let param = Object.assign(msg);
+        data.loadingCel = true;
+        travelService
+          .getTravelList(param)
+          .then((r) => {
+            if (r.data.resultCode == ApiResult.SUCCESS) {
+              message.successMsg(`${t("success")}`);
+              methods.initOrders();
+            } else {
+              message.errorMsg(r.data.message);
+            }
+            data.loadingCel = false;
+          })
+          .catch((e) => {
+            message.errorMsg(e.message);
+            data.loadingCel = false;
+          });
+      },
+      getDetail(OrderID) {
+        data.showOrderdDetail = true;
+        data.OrderID = OrderID;
+      },
+
+      initOrders() {
+        data.loading = true;
+        let param = Object.assign(data.pages, search);
+        travelService
+          .getTravelList(param)
+          .then((r) => {
+            data.loading = false;
+            if (r.data.resultCode == ApiResult.SUCCESS) {
+              // r.data.data.pageData.forEach((x: any) => {
+              //   x.typeInfo = data.status.find(y => y.StatusId == x.OrderStatus) ?? data.status[1]
+              //   x.SendType = data.sends.find(y => y.Id == x.MailingState) ?? data.sends[0]
+              //   x.Money = 0
+              //   let Money = 0
+              //   x.DetailList.forEach((y:any)=>{
+              //     Money+=y.Money
+              //   })
+              //   x.Money= Number(Money+x.MailingMoney)
+              // })
+              data.orders = r.data.data.pageData;
+              data.pages.pageCount = r.data.data.pageCount;
+            } else {
+              message.errorMsg(r.data.message);
+            }
+          })
+          .catch((e) => {
+            message.errorMsg(e.message);
+            data.loading = false;
+          });
+      },
+      init() {
+        data.status = getHotelOrderStatus();
+        data.rooms = getHotelRoomType();
+        methods.initOrders();
+      },
+      setCopyHandler(order: any, ctx?: string) {
+        if (ctx) {
+          data.copyId = -1;
+          copyToClipboard(ctx);
+        } else {
+          data.copyId = order.OrderID;
+          copyToClipboard(order.ThirdOrderNo);
+        }
+
+        setTimeout(() => {
+          data.copyId = 0;
+        }, 2000);
+      },
+    };
+
+    methods.init();
+    return {
+      ...toRefs(data),
+      ...methods,
+      moneyFormat,
+    };
+  },
+});
+</script>
+
+<style>
+.light-border table,
+.light-border table td,
+.light-border .q-table__middle,
+.light-border.borders,
+.light-border table th {
+  border-color: #eee !important;
+  white-space: wrap;
+}
+.light-border .room-item {
+  height: 28px;
+  line-height: 28px;
+  border-bottom: 1px solid #eee;
+}
+.light-border .room-item:last-child {
+  border-bottom: none;
+}
+.light-border .max-hotelname {
+  width: 140px;
+  height: 28px;
+  line-height: 28px;
+}
+.orderListDialog-title {
+  position: relative;
+}
+.orderListDialog-title span {
+  font-size: 20px;
+}
+.orderListDialog-close {
+  position: absolute;
+  right: 0;
+  top: -10px;
+  font-size: 26px;
+}
+.orderListDialog-bg {
+  background: #5098ff;
+  border-radius: 10px;
+}
+.orderListDialog-img {
+  background: url("../../../assets/images/wallet.png") no-repeat right #5098ff;
+  background-size: 97px 100%;
+}
+</style>
+<style scoped>
+.mb-title {
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+.mb {
+  margin-bottom: 10px;
+}
+</style>
\ No newline at end of file

src/pages/travel/components/OrderListHeader.vue

+<template>
+  <div class="rounded-borders bg-white row items-center q-pa-md">
+    <q-field :class="$q.platform.is.desktop ? '' : 'q-mb-md'" stack-label :label="$t('daterange')" standout class="q-ml-lg col-2" style="min-width: 190px" dense>
+      <div class="self-center full-width no-outline" tabindex="0">{{ dateRangeFormat }}</div>
+      <q-popup-proxy :offset="[0, 10]" ref="qDateProxy">
+        <q-date v-model="dateRange" :options="optionsFn" range mask="YYYY/MM/DD" landscape
+          @range-end="dateRangeHandler"></q-date>
+      </q-popup-proxy>
+    </q-field>
+    <q-input class="q-mr-md q-ml-md" v-model="search.TCID" dense standout label="团号"/>
+    <div class="col"></div>
+    <q-btn color="primary" unelevated :label="$t('query')"  @click="setQueryHandler"/>
+  </div>
+</template>
+
+<script lang="ts">
+import { DirtionmaryHelper } from '../../../config/dictionary'
+import { defineComponent, inject, reactive, ref } from 'vue'
+import { date } from 'quasar'
+
+export default defineComponent({
+  setup(props) {
+    const qDateProxy = ref(null) as any
+    const realSearch = inject(DirtionmaryHelper.TRAVEL_ORDER_OBJ) as any
+    const search = reactive(JSON.parse(JSON.stringify(realSearch)))
+    const dateRange = reactive({from: '', to: ''})
+    dateRange.to = date.formatDate(date.addToDate(new Date(), { days: 50 }), 'YYYY/MM/DD')
+    dateRange.from = date.formatDate(date.addToDate(new Date(), { days: 20 }), 'YYYY/MM/DD')
+    const dateRangeFormat = ref(`${dateRange.from} - ${dateRange.to}`)
+    search.StartTime = dateRange.from
+    search.EndTime = dateRange.to
+    const methods = {
+      setQueryHandler(){
+        realSearch.StartTime=search.StartTime
+        realSearch.EndTime=search.EndTime
+        realSearch.TCID=search.TCID
+      },
+      dateRangeHandler(e: any) {
+        search.StartTime = `${e.from.year}/${e.from.month}/${e.from.day}`
+        search.EndTime = `${e.to.year}/${e.to.month}/${e.to.day} `
+        dateRangeFormat.value = `${search.StartTime} - ${search.EndTime} `
+        if (qDateProxy.value) qDateProxy.value.hide()
+      },
+      optionsFn(cd: any) {
+        return cd >= date.formatDate(date.addToDate(new Date(), { days: 20 }), 'YYYY/MM/DD')
+      },
+    }
+    return {
+      ...methods,
+      search,
+      dateRange,
+      dateRangeFormat
+      
+    }
+  }
+})
+</script>
+
+<style></style>

src/pages/travel/order.vue

+<template>
+  <div class="fix-height-subpage column no-wrap q-pa-md">
+    <order-list-header></order-list-header>
+    <div class="col q-mt-md">
+      <order-list></order-list>
+    </div>
+  </div>
+</template>
+  
+  <script lang="ts">
+  import { inject, provide, reactive, toRefs, defineComponent,onMounted } from 'vue';
+import travelService from '../../api/travel'
+import { SendType, StandardStatus } from '../../@types'
+import { ApiResult } from '../../@types/enumHelper'
+import message from '../../utils/message'
+import { useI18n } from 'vue-i18n'
+import OrderListHeader from './components/OrderListHeader.vue';
+import OrderList from './components/OrderList.vue';
+import { DirtionmaryHelper } from '../../config/dictionary';
+  export default defineComponent({
+    components: {OrderListHeader, OrderList},
+    props: ['OrderId'],
+    setup(props) {
+    const { t } = useI18n()
+       const data = reactive({
+      PaymentDialog: false,
+      orders: [] as Array<any>,
+      status: [] as Array<StandardStatus>,
+      sends: [] as Array<SendType>,
+      showBankAccount: false,
+      pages: {
+        pageIndex: 1,
+        pageSize: 10,
+        pageCount: 0
+      },
+      loading: false,
+      copyId: 0,
+      expendsOrderId: 0,
+      cols: [
+        { name: 'Date', label: t('v102.ticket.jq')+'('+t('v102.ticket.d')+')', field: (row: any) => row.Date, align: 'left' },
+        { name: 'TicketName', label: t('v102.ticket.hn'), field: (row: any) => row.TicketName, align: 'left' },
+        { name: 'Num', label: t('v102.ticket.sl'), field: (row: any) => row.Num, align: 'left' },
+        { name: 'Money', label: t('hotelorder.col.m'), field: (row: any) => row.Money, align: 'left' }
+      ] as any[],
+      modifyOrder:{} as any,
+      showModify:false,
+    })
+
+      const search = reactive({
+        GTeamName:"", // 包机名称
+        FlightCompany:"", // 航空公司
+        FlightNo:"", // 航班号  
+        SelectEndDate:"", // 出发开始时间  
+        SelectStartDate:"", // 出发结算时间
+      })
+      const methods = {
+      }
+      provide(DirtionmaryHelper.TRAVEL_ORDER_OBJ,search)
+      onMounted(()=>{
+        
+      })
+      return {
+        // ...toRefs(data),
+        ...methods
+      }
+    }
+  })
+  </script>
+  
+  <style>
+  
+  </style>
+  
\ No newline at end of file

src/router/routes.ts

@@ -36,7 +36,7 @@ const routes: RouteRecordRaw[] = [
       { 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') },
     ]
   },
   {

src/utils/menus.ts

@@ -137,6 +137,27 @@ const useMenus = {
                 }
             ]
         })
+        menus.push({
+            name: t('menu.travel.first'),
+            url: '',
+            id: 10,
+            parentId: 0,
+            icon: 'Shopping/Money.svg',
+            childs: [
+                {
+                    name: t('menu.travel.second'),
+                    url: '/travel/order',
+                    id: 11,
+                    parentId: 10,
+                },
+                // {
+                //     name: t('menu.travel.three'),
+                //     url: '/comingsoon',
+                //     id: 12,
+                //     parentId: 10,
+                // }
+            ]
+        })
         return menus
     }
 }