注释定单详情导出按钮

zhangmeng
Showing 1 changed file with 57 additions and 55 deletions
src/viewsPc/booking/pay.vue
--- a/src/viewsPc/booking/pay.vue
View file @4852d22
+++ b/src/viewsPc/booking/pay.vue
View file @4852d22
@@ -159,7 +159,7 @@
                  <!--                    }}{{ language == 0 ? '元' : 'Euro' }} x 1-->
                  <!--                    {{ language == 0 ? '张' : 'Tickets' }}-->
                  <!--                  </el-col>-->
                </el-row>
              </div>
            </div>
@@ -174,14 +174,14 @@
                  </el-col>
                  <el-col>
                    {{ language == 0 ? '开园时间' : 'Address' }}：
-                    {{ formInfo. startTime }} ~ {{ formInfo.workTime }}
+                    {{ formInfo.startTime }} ~ {{ formInfo.workTime }}
                  </el-col>
                </el-row>
              </div>
            </div>
            <div class="leftboderTT">{{ language == 0 ? '预订信息' : 'Booking information' }}</div>
            <div class="border-info mt20">
              <el-row v-if="type == 'hotel'">
                <el-col :lg="8" :md="12" :sm="12" :xs="24">
@@ -203,12 +203,12 @@
                    <!--                        <el-tag class="mr10">{{ car.carSeat }} {{ language == 0 ? '座 ' : 'Sets' }}</el-tag>-->
                    <!--                        <el-tag>{{ car.carColor }}</el-tag>-->
                    <!--                      </div>-->
                    <!--                      <span v-if="car.num > 0">	{{ car.num }}{{-->
                    <!--                        language == 0 ? '辆' : 'Cars'-->
                    <!--                      }} * {{ language == 0 ? '¥' : '€' }}{{ car.price }}</span>-->
                    <!--                    </div>-->
                    <div>{{ language == 0 ? '人数' : 'People' }}： {{ form.pickUpBo.count }}</div>
                    <div>{{ language == 0 ? '航班/火车班次' : 'Flight/Train' }}： {{ form.pickUpBo.no }}</div>
                    <div>{{ language == 0 ? '接机/接站地点' : 'Pick-up/Drop-off Place' }}：
@@ -342,7 +342,7 @@
                    }}{{ Number(totalFee).toFixed(2) }}
                  </el-col>
                </el-row>
              </el-row>
              <el-row v-if="type == 'travel'" style="width: 100%">
                <el-row v-for="(v,i) in form.personArr" :key="i" style="width: 100%">
@@ -376,10 +376,10 @@
                    }}{{ Number(totalFee).toFixed(2) }}
                  </el-col>
                </el-row>
              </el-row>
            </div>
            <el-row align="middle" justify="space-between">
              <el-col :lg="12">
                <div v-if="form.payDate">{{ language == 0 ? '支付时间' : 'Payment Time' }}：{{ form.payDate }}</div>
@@ -408,29 +408,29 @@
              </el-col>
              <el-col :lg="24">
                <div class="text-center">
-                  <el-button
+                  <!--                  <el-button-->
-                    v-if="(form.viewStatus=='1'||form.viewStatus=='5')&&type == 'hotel'" class="mt20 btn-lineG"
+                  <!--                    v-if="(form.viewStatus=='1'||form.viewStatus=='5')&&type == 'hotel'" class="mt20 btn-lineG"-->
-                    round
+                  <!--                    round-->
-                    size="large" type="primary"
+                  <!--                    size="large" type="primary"-->
-                    @click="exportPdf"
+                  <!--                    @click="exportPdf"-->
-                  >
+                  <!--                  >-->
-                    <el-icon>
+                  <!--                    <el-icon>-->
-                      <Upload />
+                  <!--                      <Upload />-->
-                    </el-icon>
+                  <!--                    </el-icon>-->
-                    {{ language == 0 ? '导出酒店预订单' : 'Export PDF' }}
+                  <!--                    {{ language == 0 ? '导出酒店预订单' : 'Export PDF' }}-->
-                  </el-button>
+                  <!--                  </el-button>-->
-                  <el-button
+                  <!--                  <el-button-->
-                    v-if="(form.viewStatus=='1'||form.viewStatus=='5')&&(type=='makeUp'||type=='hotel'||type=='ticket')"
+                  <!--                    v-if="(form.viewStatus=='1'||form.viewStatus=='5')&&(type=='makeUp'||type=='hotel'||type=='ticket')"-->
-                    class="mt20 btn-lineG" round
+                  <!--                    class="mt20 btn-lineG" round-->
-                    size="large"
+                  <!--                    size="large"-->
-                    type="primary"
+                  <!--                    type="primary"-->
-                    @click="downInvoice"
+                  <!--                    @click="downInvoice"-->
-                  >
+                  <!--                  >-->
-                    <el-icon>
+                  <!--                    <el-icon>-->
-                      <Download />
+                  <!--                      <Download />-->
-                    </el-icon>
+                  <!--                    </el-icon>-->
-                    {{ language == 0 ? '下载收据' : 'DownLoad Invoice' }}
+                  <!--                    {{ language == 0 ? '下载收据' : 'DownLoad Invoice' }}-->
-                  </el-button>
+                  <!--                  </el-button>-->
                </div>
              </el-col>
            </el-row>
@@ -445,9 +445,9 @@
            {{ language == 0 ? '登录后查看明细' : 'View detailed information after logging in' }}
          </el-button>
        </div>
        <div v-if="form.viewStatus == '0'&&(form.surplus!='0,0'&&form.surplus!='0')" class="pd20">
          <div class="leftboderTT">{{ language == 0 ? '选择支付方式' : 'Choose payment method' }}</div>
          <div class="mt20">
            <el-radio-group v-model="payType">
@@ -547,7 +547,7 @@
            </el-button>
          </el-col>
        </el-row>
        <div v-if="form.payDate&&form.viewStatus=='1'">
          <div class="text-center">
            <el-icon color="#32B16C" size="80">
@@ -559,7 +559,7 @@
        </div>
      </el-card>
    </div>
    <div v-if="errorBox" class="box">
      <el-result
        :sub-title="language==0?'请确认订单号是否正确':'Please confirm if the order number is correct'"
@@ -574,7 +574,7 @@
      </el-result>
    </div>
    <Dialog ref="DialogRef" />
    <el-dialog
      v-model="showSJDialog" :close-on-click-modal="false" :close-on-press-escape="false"
      :title="language==0?'开收据':'Issue a receipt'" width="460px"
@@ -742,6 +742,7 @@ function getData() {
    getTravelOrderInfo()
  }
 }
 // 旅游订单详情
 const getTravelOrderInfo = () => {
  return booking.getScenicOrderInfo({ orderId: orderId.value }).then(res => {
@@ -756,6 +757,7 @@ const getTravelOrderInfo = () => {
    errorBox.value = true
  })
 }
 // 票务订单详情
 async function getTicketOrderInfoFN() {
  const res = await getTicketOrderInfo({ orderId: orderId.value })
@@ -767,12 +769,12 @@ async function getTicketOrderInfoFN() {
    form.value.extJson.message = JSON.parse(form.value.extJson.message)
    await getDetail(form.value.extJson.ticketDate.activityId)
    matchId.value = form.value.extJson.ticketDate.activityId
    totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn
  } catch (e) {
    console.log(e)
  } finally {
  }
  console.log(form.value)
 }
@@ -1008,7 +1010,7 @@ const showSJ = () => {
  // proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, {
  //   ...obj
  // }, `Receipt_${new Date().getTime()}.pdf`)
  // 报名
  proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, {
    ...obj
@@ -1059,27 +1061,27 @@ const showSJ = () => {
  width: 100%;
  max-width: 1000px;
  margin: 20px auto;
  .head {
    background: #EFF2F7;
    height: 50px;
    font-size: 16px;
    font-weight: 400;
  }
  th {
    background: #FAFBFD;
    font-size: 14px;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
  }
  td {
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    padding: 10px;
  }
  &.table-border {
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
@@ -1098,23 +1100,23 @@ const showSJ = () => {
 .result {
  font-size: 22px;
  .flex {
    display: flex;
    align-items: center;
    font-weight: 500;
    img {
      margin-right: 10px
    }
  }
  .priceb {
    color: #7B7F83;
    font-size: 16px;
    text-align: right;
    line-height: 50px;
    span {
      font-weight: bold;
      font-size: 22px;
@@ -1127,7 +1129,7 @@ const showSJ = () => {
 .skeletonBox {
  position: relative;
  overflow: hidden;
  .btn-lineG {
    position: absolute;
    left: 0;
@@ -1137,7 +1139,7 @@ const showSJ = () => {
    bottom: 0;
    width: 200px;
    box-shadow: 0 0 1000px 500px rgba(255, 255, 255, 0.5);
  }
 }
@@ -1149,26 +1151,26 @@ const showSJ = () => {
 .priceBar {
  padding: 0 0 20px;
  .flex {
    display: flex;
    justify-content: right;
    align-items: baseline;
    .item {
      font-size: 16px;
      margin-right: 15px;
      label {
        color: #95A1A6;
      }
      span {
        font-family: DIN Alternate;
      }
    }
  }
  .size26 {
    font-size: 26px;
  }