Merge branch 'master' of http://gitlab.oytour.com/luochao/superman

src/components/LeaderManagement/CarDetails.vue

+
+<template>
+  <div class="flexOne" style="min-width: 1200px;">
+   
+    <!-- 表格 -->
+    <div style="width: 100%; height: auto;min-height:500px;overflow-x: auto;margin-top:20px" class="ownScrollbarStyle">
+      <table class="groupTourOrderSearchTable" border="0" cellspacing="0" cellpadding="0" v-loading='loading'>
+        <tr class="title_tr">
+          <th>日期</th>            
+          <th>司机</th>
+          <th>计划金额</th>
+          <th>车配号</th>
+          <th>车辆号</th>
+          <th>用车方式</th>
+          <th>出发地</th>
+          <th>目的地</th>
+          <th>金额</th>
+          <th>币种</th>
+          <th>支付方式</th>
+          <th>备注</th>
+        </tr>
+        <tr>
+          <td v-show="dataList.length==0" colspan="16" align="center">暂无数据</td>
+        </tr>
+        <tbody v-for="(item,index) in dataList" :key="index">
+        <tr>
+          <td>{{item.PlanDateStr}}</td>
+          <td>
+              <p class="fz12">姓名:{{item.DriverName}}</p>
+              <p class="fz12">电话号码:{{item.DriverTel}}</p>
+            </td>
+          <!-- <td><span @click="goUrl('散客机票','individualTicket',item.AirTicketId)" class="guest_num">{{item.AirTicketId}}</span></td>           -->
+          <td>{{item.TotalPrice}}</td>
+          <td class="fz12">{{item.BusCode}}</td>
+          <td>{{item.BusNum}}</td>
+          <td class="fz12">{{item.AirportPickUpStr}}</td>
+          <td class="fz12">
+            <p v-for="(s,index) in item.ReimburseList.ReimburseDetailsList" :key="index+500">
+                {{s.StartPlace}}
+            </p>
+           </td>
+          <td class="fz12">
+            <p v-for="(s,index) in item.ReimburseList.ReimburseDetailsList" :key="index+700">
+                {{s.EndPlace}}
+            </p>
+           </td>
+           <td class="fz12">
+            <p v-for="(s,index) in item.ReimburseList.ReimburseDetailsList" :key="index+800">
+                {{s.UnitPrice}}
+            </p>
+           </td>
+          <td>{{item.ReimburseList.CurrencyId}}</td>          
+          <td>
+              <p v-if="item.RefundStatus!=1">
+                  <span v-if="item.RefundStatus==2">退款中</span>
+                  <span v-if="item.RefundStatus==3">已退款</span>
+              </p>
+              
+              
+          </td>
+        </tr>
+        
+        </tbody>
+      </table>
+    </div>
+    <!-- <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
+       layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total"></el-pagination> -->
+  </div>
+</template>
+
+<script>
+import payURL from "../commonPage/payURL.vue";
+import moment from "moment";
+export default {
+  data() {
+    return {
+      msg: {
+        TCIDs:''
+
+      },
+      dataList: [],
+      loading: false,
+      total: 0,
+      currentPage: 1,
+      showID: -1,
+      companyList:[],
+      employeeList:[],
+      urrencyTypeObj:{},
+    };
+  },
+  components: {},
+  created() {
+    let userInfo = this.getLocalStorage();
+    this.msg.TCIDs=this.$route.query.TCIDs?this.$route.query.TCIDs:"";
+    console.log("this.msg.TCIDs",this.msg.TCIDs)
+    this.financeinfo_post_GetList();
+  },
+  methods: {
+    financeinfo_post_GetList(){  // 币种类型
+        this.apipost('financeinfo_post_GetList',{Name:''},res=>{
+            if(res.data.resultCode==1){
+                let data = res.data.data;
+                console.log("data",data)
+            }else{
+
+            }
+        },err=>{})
+    },
+    //   退款操作
+    RefundPay(item) {
+      let orderObj = {
+        OrderID: item.Id, //订单号
+        OrderSource: 12, //12
+        Obj: {},
+        SourceID: item.AirTicketId, //机票id
+        TCIDList: []
+      };
+      this.$router.push({
+        name: "ChoiceAddFinancialDocuments",
+        query: {
+          Type: 2,
+          companyID: item.RB_Branch_Id, //公司id
+          path: "",
+          blank: "y",
+          orderObj: JSON.stringify(orderObj)
+        }
+      });
+    },
+    goUrl: function(name, path, id) {
+      this.$router.push({
+        name: path,
+        query: { id: id, blank: "y", tab: name }
+      });
+    },
+    handleCurrentChange(val) {
+      this.msg.pageIndex = val;
+      this.getList();
+    },
+    resetPageIndex() {
+      this.msg.pageIndex = 1;
+      this.currentPage = 1;
+    },
+    getList() {
+      
+      this.loading = true;
+      this.apipost('dmcstatistics_post_GetNewLeaderPayMoneyStatics', this.msg, res => {
+        this.loading=false;
+        
+        if(res.data.resultCode == 1) {
+            this.dataList = res.data.data.BusList;
+            console.log("this.dataList",this.dataList);
+        } else {
+            this.Error(res.data.message);
+        }
+        }, err => {})
+      
+    },
+    // 结束日期不能大于开始日期
+    dataDui() {
+      if (this.msg.startDate > this.msg.endDate && this.msg.endDate !== "") {
+        this.$message.error("结束日期不能大于开始日期");
+        this.msg.endDate = "";
+      }
+    }
+  },
+  mounted() {
+    this.getList();
+  }
+};
+</script>
+<style scoped>
+
+.groupTourOrderSearchTable {
+  width: 100%;
+  min-width: 1500px;
+  font-size: 14px;
+  color: #333;
+  border-bottom: 1px solid #cccccc;
+  border-right: 1px solid #cccccc;
+  /* border-collapse: collapse; */
+}
+
+.groupTourOrderSearchTable tr th {
+  background: #e6e6e6;
+  height: 30px;
+  font-size: 12px;
+  text-align: left;
+  text-indent: 15px;
+  border-top: 1px solid #cccccc;
+  border-left: 1px solid #cccccc;
+}
+
+.groupTourOrderSearchTable tr {
+  background: #fff;
+  text-align: left;
+}
+
+.groupTourOrderSearchTable tr td {
+  padding: 8px;
+  border-top: 1px solid #cccccc;
+  border-left: 1px solid #cccccc;
+}
+
+.groupTourOrderSearchTable tr td p {
+  line-height: 20px;
+}
+
+.groupTourOrderSearchTable .dowloadSpan:hover {
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.groupTourOrderSearchTable span.personNo {
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.groupTourOrderSearchTable span.personNo:hover {
+  font-weight: bold;
+  color: #e95252;
+}
+
+
+</style>

src/components/scenicSpot/scenicSpotSalesBoard.vue

 <style>
-.hotelKb .hotel_box {
-  display: flex;
-  flex-wrap: wrap;
-  position: relative;
-  padding: 20px;
-  /* min-height: 500px; */
-}
-.hotelKb .hotel_item {
-  width: 120px;
-  height: 120px;
-  border-radius: 4px;
-  margin: 10px;
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-}
-.hotelKb .hotel_item img {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-.hotelKb .hotel_item_info {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-}
-.hotelKb .el-input__icon {
-  line-height: 34px;
-}
-.hotelKb .hotel_item_info_name {
-  font-size: 12px;
-  padding: 13px 14px;
-  color: white;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.hotelKb .icon-xiaoliangyuce {
-  color: #ffffff;
-  opacity: 0.65;
-  font-size: 16px;
-  padding-right: 10px;
-}
-.hotelKb .RemainingInventory {
-  font-size: 28px;
-  color: white;
-}
-.hotelKb .hotel_item_info_chuang {
-  position: absolute;
-  bottom: 10px;
-  width: 100%;
-  text-align: right;
-  padding-right: 14px;
-}
-.hotelKb .hotel_item_info_warning {
-  background-color: #e95252;
-}
-.hotelKb .time .el-input--prefix .el-input__inner {
-  padding-left: 30px;
-}
-.hotelKb .query-box li label {
-  display: inline-block;
-  min-width: 80px;
-  text-align: right;
-  font-style: normal;
-  margin: 0 20px 0 0;
-}
-/* 日期样式开始 */
-.hotelKb #calendar {
-  width: 639px;
-  height: 345px;
-  margin: 0 auto;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.1),
-    0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}
-.hotelKb .month ul {
-  margin: 0;
-  padding: 0;
-  justify-content: space-between;
-}
-.hotelKb .year-month {
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-around;
-}
-.hotelKb .year-month > input {
-  width: 100px;
-  float: left;
-}
-.hotelKb .arrow {
-  padding: 10px;
-  font-style: normal;
-  cursor: pointer;
-}
-.hotelKb .monthminus {
-  position: absolute;
-  left: 15px;
-  top: 13px;
-}
-.hotelKb .monthadd {
-  position: absolute;
-  right: 21px;
-  top: 13px;
-}
-.hotelKb .month ul li:first-child {
-  margin-left: 180px;
-}
-.hotelKb .month ul li {
-  font-size: 12px;
-  position: relative;
-  text-transform: uppercase;
-  float: left;
-  letter-spacing: 3px;
-}
-.hotelKb .month ul li > input {
-  padding-left: 10px;
-  text-align: center;
-  margin: 20px 10px 20px;
-}
-.hotelKb .weekdays {
-  margin: 0;
-  padding: 3px 0;
-  background-color: #13b0ae;
-  display: flex;
-  width: 645px;
-  flex-wrap: wrap;
-  color: #fff;
-  justify-content: space-around;
-}
-.hotelKb .weekdays li {
-  display: inline-block;
-  width: 13.6%;
-  text-align: center;
-}
-.hotelKb .days {
-  /* width: 500px; */
-  padding: 0;
-  margin: 0;
-  border-left: 1px solid #dddddd;
-  /* display: flex; */
-  flex-wrap: wrap;
-  justify-content: space-around;
-}
-.hotelKb .days li {
-  list-style-type: none;
-  width: 91px;
-  height: 70px;
-  text-align: center;
-  position: relative;
-  font-size: 12px;
-  cursor: pointer;
-  float: left;
-  font-size: 1rem;
-  color: #000;
-  border-right: 1px solid #dddddd;
-  border-bottom: 1px solid #dddddd;
-}
-.hotelKb .month ul li > input {
-  padding-left: 10px;
-  text-align: center;
-  margin: 20px 10px 20px;
-}
-.hotelKb .currentInput {
-  width: 120px;
-  height: 30px;
-  border-radius: 17px;
-  outline: none;
-  border: none;
-  margin-top: 20px;
-  border: 1px solid #dcdfe6;
-}
-.hotelKb .days li .other-month {
-  display: inline-block;
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  width: 24px;
-  height: 17px;
-  font-size: 12px;
-  line-height: 17px;
-  background-color: #cccccc;
-  color: #fff;
-}
-.hotelKb .addCompany {
-  width: 700px;
-}
-.hotelKb .ckStyle {
-  position: absolute;
-  display: inline-block;
-  width: 24px;
-  height: 17px;
-  font-size: 12px;
-  line-height: 17px;
-  bottom: 0;
-  right: 0;
-  background-color: #777777;
-  color: #fff;
-}
-.hotelKb .el-dialog--center .el-dialog__body {
-  padding-top: 0;
-}
-.HB_Inventor {
-  display: block;
-  text-align: left;
-  padding-left: 3px;
-}
-.HB_Inventor > span {
-  display: block;
-  font-size: 12px;
-  height: 14px;
-  margin-bottom: 3px;
-}
-.hotelKb .Used_room {
-  color: #13b0ae;
-}
-/* 日期样式结束*/
+  /* 日期样式开始 */
+  .scenicSpotSalesBoard .month ul {
+    border-radius: 4px 4px 0 0;
+    width: 100%;
+    height: 50px;
+    line-height: 50px;
+    background: #e95252;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+  }
+
+  .scenicSpotSalesBoard .year-month {
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-around;
+  }
+
+  .scenicSpotSalesBoard .year-month>input {
+    width: 100px;
+    float: left;
+  }
+
+  .scenicSpotSalesBoard .arrow {
+    padding: 10px;
+    font-style: normal;
+    cursor: pointer;
+  }
+
+  .scenicSpotSalesBoard .monthminus {
+    position: absolute;
+    left: 0px;
+    top: 15px;
+  }
+
+  .scenicSpotSalesBoard .monthadd {
+    position: absolute;
+    right: 21px;
+    top: 15px;
+  }
+
+  .scenicSpotSalesBoard .month ul li {
+    font-size: 18px;
+    color: #fff;
+    position: relative;
+    display: inline-block;
+    letter-spacing: 3px;
+  }
+
+  .scenicSpotSalesBoard .month ul li i {
+    font-size: 22px;
+    color: #ff7e7e;
+    cursor: pointer;
+  }
+
+  .scenicSpotSalesBoard .month ul li>input {
+    text-align: center;
+  }
+
+  .scenicSpotSalesBoard .weekdays {
+    margin: 0;
+    padding: 3px 0;
+    background-color: #3fa783;
+    display: flex;
+    width: 100%;
+    flex-wrap: wrap;
+    color: #fff;
+    justify-content: space-around;
+  }
+
+  .scenicSpotSalesBoard .weekdays li {
+    display: inline-block;
+    width: 14.2857%;
+    text-align: center;
+  }
+
+  .scenicSpotSalesBoard .days {
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    border-left: 1px solid #dddddd;
+    flex-wrap: wrap;
+    box-sizing: border-box;
+    justify-content: space-around;
+  }
+
+  .scenicSpotSalesBoard .days>li {
+    list-style-type: none;
+    width: 14.2857%;
+    height: 140px;
+    text-align: center;
+    position: relative;
+    font-size: 12px;
+    float: left;
+    color: #000;
+    box-sizing: border-box;
+    border-right: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
+  }
+
+  .scenicSpotSalesBoard .days li>div {
+    height: 112px;
+    width: 100%;
+    overflow-y: auto;
+    text-align: left;
+  }
+
+  .scenicSpotSalesBoard .days li>div>p {
+    border-bottom: 1px dashed #ccc;
+    height: 28px;
+    line-height: 28px;
+    width: 100%;
+    text-indent: 10px;
+  }
+
+  .scenicSpotSalesBoard .currentInput {
+    width: 120px;
+    height: 30px;
+    border-radius: 17px;
+    outline: none;
+    border: none;
+    color: #fff;
+    background: transparent;
+    font-size: 18px;
+  }
+
+  .scenicSpotSalesBoard .days li .other-month {
+    display: inline-block;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    width: 24px;
+    height: 17px;
+    font-size: 12px;
+    line-height: 17px;
+    background-color: #cccccc;
+    color: #fff;
+  }
+
+  .scenicSpotSalesBoard .ckStyle {
+    width: 100%;
+    height: 28px;
+    line-height: 28px;
+    text-align: center;
+    font-size: 14px;
+    font-weight: bold;
+    background: #ccc;
+    color: #000;
+  }
+
+  .scenicSpotSalesBoard .ckStyleOther {
+    background: #dddddd !important;
+    font-weight: normal !important;
+    color: #999;
+  }
+
+  .scenicSpotSalesBoard .Owe_Room {
+    color: #e95252;
+  }
+
+  .scenicSpotSalesBoard .Used_room {
+    color: #13b0ae;
+  }
+
+  .scenicSpotSalesBoard .otherMoth {
+    background: #f2f2f2;
+  }
+
+  .scenicSpotSalesBoard .title {
+    height: 14px;
+    line-height: 14px;
+    border-left: 3px solid #e95252;
+    font-size: 16px;
+    color: #333;
+    text-indent: 10px;
+    margin: 20px 0;
+  }
+
+  .scenicSpotSalesBoard .hasStock_1 {
+    color: #FFFFFF;
+    background-color: #ff3737;
+  }
+
+  .scenicSpotSalesBoard .hasStock_2 {
+    background-color: #ff99cc;
+  }
+
+  .scenicSpotSalesBoard .hasStock_3 {
+    background-color: #bcd6ee;
+  }
+
+  .scenicSpotSalesBoard .hasStock_4 {
+    background-color: #ffffff;
+  }
+
+  /* 日期样式结束*/
+
 </style>
 <template>
-  <div class="flexOne hotelKb">
-    <div class="query-box">
+  <div class="flexOne scenicSpotSalesBoard">
+    <div class="query-box Plan_Query">
       <ul>
         <li>
-          <label class="">{{$t('system.quety_area')}}</label>
-          <el-select v-model="msg.Country" clearable filterable @change="getProvinceList(msg.Country,1)" :placeholder="$t('system.table_country')">
-            <el-option :label="$t('pub.unlimitedSel')" value=''></el-option>
-            <el-option v-for='item in countryList' :key="item.ID" :label="item.Name" :value="item.ID">
-            </el-option>
-          </el-select>
-          <el-select v-model="msg.Province" filterable @change="getProvinceList(msg.Province,2)" :placeholder="$t('hotel.hotel_province')">
-            <el-option v-for='item in provinceList' :key="item.ID" :label="item.Name" :value="item.ID">
-            </el-option>
-          </el-select>
-          <el-select v-model="msg.City" filterable @change="getProvinceList(msg.City,3)" :placeholder="$t('hotel.hotel_city')">
-            <el-option v-for='item in cityList' :key="item.ID" :label="item.Name" :value="item.ID">
-            </el-option>
-          </el-select>
-          <el-select v-model="msg.District" filterable :placeholder="$t('hotel.hotel_area')">
-            <el-option v-for='item in district' :key="item.ID" :label="item.Name" :value="item.ID">
-            </el-option>
-          </el-select>
+          <span>
+            <em>景点</em>
+            <el-select v-model="msg.CouponsId" :placeholder="$t('pub.pleaseSel')" filterable>
+              <el-option :label="$t('pub.unlimitedSel')" :value="defaultSelectValue"></el-option>
+              <el-option v-for="item in ScenicList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
+            </el-select>
+          </span>
         </li>
-        <li class='time'>
-          <div class="block">
-            <label class="demonstration">{{$t('pub.yearMonth')}}</label>
-            <el-date-picker v-model="nowYearMonth" type="month" :clearable=false :editable=false placeholder="选择年月"
-              format="yyyy-MM" value-format="yyyy-MM" @change="getMonthYear">
-            </el-date-picker>
-          </div>
+        <li style="margin-right:50px;">
+          <button class="normalBtn" type="button" @click="GetHoltelInventory()">{{$t('pub.searchBtn')}}</button>
+          <button class="normalBtn" type="button" @click="DownLoadDinnerSalesBoard()" >下载</button>
         </li>
-       <li class='time'>
-          <div class="block">
-            <label class="demonstration">预约方式</label>
-            <el-select v-model="msg.AppointmentStyle" filterable :placeholder="$t('hotel.hotel_area')">
-              <el-option :label="$t('pub.unlimitedSel')" :value='msg.SelectDefaultValue'></el-option>
-                <el-option  label="预约" :value='1'>
-                </el-option>
-          </el-select>
-          </div>
+      </ul>
+    </div>
+    <div class="title" style="display:none;">
+      门票统计 共
+      <span class="Owe_Room"></span>
+    </div>
+    <div class="month">
+      <ul>
+        <li>
+          <i class="el-icon-caret-left monthminus" @click="currentYear-=1,getDateString(),initCalendar(dateString)"></i>
+          <input type="text" disabled="disabled" v-model="currentYear" class="currentInput"
+            @input="getDateString(),initCalendar(dateString)">年
+          <i class="el-icon-caret-right monthadd" @click="currentYear+=1,getDateString(),initCalendar(dateString)"></i>
         </li>
         <li>
-          <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="getList()" />
-          <input type="button" class="normalBtn" :value="$t('hotel.hotel_dataReport')" @click="goData('HotelDataStatistics')" />
+          <i class="el-icon-caret-left monthminus" @click="pickPre(currentYear,currentMonth)"></i>
+          <input type="text" disabled="disabled" v-model="currentMonth" class="currentInput"
+            @input="getDateString(),initCalendar(dateString)">月
+          <i class="el-icon-caret-right monthadd" @click="pickNext(currentYear,currentMonth)"></i>
         </li>
       </ul>
     </div>
-    <div class="hotel_box" v-loading="msg.loading">
-      <div class="noData" v-show="noData">
-        {{$t('system.content_noData')}}
-      </div>
-      <div class="hotel_item" v-for="item in DataList" @click="GetRestaurantInventory(item.CouponsId),DiningName=item.DiningName" :key="item.subCode">
-         <img :src="item.PicPath">
-        <div class="hotel_item_info" :class="item.warning? 'hotel_item_info_warning':''">
-          <p class="hotel_item_info_name">{{item.CouponsName}}</p>
-          <p class="hotel_item_info_chuang"><span class='iconfont icon-xiaoliangyuce'></span><span class='RemainingInventory'>{{item.UseAccount}}</span></p>
+
+    <ul class="weekdays">
+      <li>{{$t('hotel.hotel_Monday')}}</li>
+      <li>{{$t('hotel.hotel_Tuesday')}}</li>
+      <li>{{$t('hotel.hotel_Wednesday')}}</li>
+      <li>{{$t('hotel.hotel_Thursday')}}</li>
+      <li>{{$t('hotel.hotel_Friday')}}</li>
+      <li>{{$t('hotel.hotel_Saturday')}}</li>
+      <li>{{$t('hotel.hotel_Sunday')}}</li>
+    </ul>
+    <ul class="days clearfix" v-loading="msg.loading">
+      <li v-for="(dayItem,index) in days" :key="dayItem.index">
+        <p class="ckStyle" :class="{ckStyleOther:dayItem.day.getMonth()+1 != currentMonth}">{{dayItem.day.getDate()}}
+        </p>
+        <div>
+          <p v-for="item in dayItem.dayValue">
+            <span class="text_underLine">{{item.TicketName}}（{{item.TicketNum}}）</span>
+          </p>
         </div>
-      </div>
-    </div>
-    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage" layout="total,prev, pager, next, jumper"
-      :page-size="msg.pageSize" :total="msg.total">
-    </el-pagination>
-    <el-dialog custom-class='addCompany' title="日期" :visible.sync="outerVisible" center>
-      <div class="priceDate" id="DayAll">
-        <div class="month">
-          <ul>
-            <li>
-              <i class="arrow monthminus" @click="currentYear-=1,getDateString(),initCalendar(dateString)">❮</i>
-              <input type="text" v-model="currentYear" class="currentInput" @input="getDateString(),initCalendar(dateString)" />年
-              <i class="arrow monthadd" @click="currentYear+=1,getDateString(),initCalendar(dateString)">❯</i>
-            </li>
-            <li>
-              <i class="arrow monthminus" @click="pickPre(currentYear,currentMonth)">❮</i>
-              <input type="text" v-model="currentMonth" class="currentInput" @input="getDateString(),initCalendar(dateString)" />月
-              <i class="arrow monthadd" @click="pickNext(currentYear,currentMonth)">❯</i>
-            </li>
-          </ul>
-        </div>
-        <!-- 星期 -->
-        <ul class="weekdays">
-          <li>{{$t('hotel.hotel_Monday')}}</li>
-          <li>{{$t('hotel.hotel_Tuesday')}}</li>
-          <li>{{$t('hotel.hotel_Wednesday')}}</li>
-          <li>{{$t('hotel.hotel_Thursday')}}</li>
-          <li>{{$t('hotel.hotel_Friday')}}</li>
-          <li>{{$t('hotel.hotel_Saturday')}}</li>
-          <li>{{$t('hotel.hotel_Sunday')}}</li>
-        </ul>
-        <!-- 日期 -->
-        <ul class="days clearfix">
-          <li @click="goUrl(dayobject)" v-for="(dayobject,index) in days"
-            :key="dayobject.subCode">
-            <span v-if="dayobject.day.getMonth()+1 != currentMonth" class="other-month">{{
-              dayobject.day.getDate()}}</span>
-            <span class="ckStyle" v-else>
-              {{dayobject.day.getDate()}}
-            </span>
-            <span class="HB_Inventor">
-              <span>使用：<span class="Used_room">{{dayobject.UseAccount}}</span></span>
-            </span>
-          </li>
-        </ul>
-      </div>
-    </el-dialog>
+      </li>
+    </ul>
   </div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      msg: {
-        pageIndex: 1,
-        pageSize: 30,
-        Country: "",
-        Province: "",
-        City: "",
-        District: "",
-        Year: new Date().Format("yyyy"),
-        Month: new Date().Format("MM"),
-        total: 0,
-        currentPage: 1,
-        loading: true,
-        //下拉框默认值
-        SelectDefaultValue: -1,
-        //预约方式
-        AppointmentStyle: -1
+  export default {
+    data() {
+      return {
+        msg: {
+          Year: 0,
+          Month: 0,
+          CouponsId: 0,
+          loading: false
+        },
+        //餐厅列表
+        ScenicList: [],
+        defaultSelectValue: 0,
+        currentDay: 1,
+        currentMonth: 1,
+        currentYear: 1970,
+        currentWeek: 1,
+        days: [],
+        //每天的门票库存
+        DayData: [],
+      };
+    },
+    methods: {
+      stockColor: function (type) {
+        if (type === 1) {
+          return 'hasStock_1'
+        } else if (type === 2) {
+          return 'hasStock_2'
+        } else if (type === 3) {
+          return 'hasStock_3'
+        } else if (type === 4) {
+          return 'hasStock_4'
+        }
+      },
+      //格式化日期
+      getDateString: function () {
+        this.dateString = this.$calendarUtils.formatDate(
+          this.currentYear,
+          this.currentMonth,
+          1
+        );
+        this.GetHoltelInventory();
       },
-      nowYearMonth: new Date(),
-      DataList: [],
-      countryList: "",
-      provinceList: "",
-      cityList: "",
-      district: "",
-      noData: false,
-      outerVisible: false,
-      currentDay: 1,
-      currentMonth: 1,
-      currentYear: 1970,
-      currentWeek: 1,
-      days: [],
-      //每天的酒店库存
-      DayData: [],
-      CouponsId: 0,
-      DiningName: ""
-    };
-  },
-  methods: {
-    getList() {
-      this.msg.loading = true;
-      this.apipost(
-        "ticketcouponsprice_get_ScenicSaleBoard",
-        this.msg,
-        res => {
-          this.msg.loading = false;
-          if (res.data.resultCode == 1) {
-            var tempData = res.data.data.pageData;
-            this.msg.total = res.data.data.count;
-            tempData.forEach(x => {
-              if (x.UseAccount < 15) {
-                x.warning = true;
+      initCalendar: function (cur) {
+        var newDays = this.$calendarUtils.createCalendar(cur);
+        this.currentDay = newDays.CurrentDay;
+        this.currentYear = newDays.CurrentYear;
+        this.currentMonth = newDays.CurrentMonth;
+        this.currentWeek = newDays.CurrentWeek;
+        this.days.length = 0;
+        var dateArray = newDays.DayArray;
+        for (var i = 0; i < dateArray.length; i++) {
+          var d = dateArray[i].day;
+          var dayobject = {};
+          dayobject.day = d;
+          this.days.push(dayobject);
+        }
+      },
+      //点击左箭头切换年月
+      pickPre: function (year, month) {
+        var d = new Date(this.$calendarUtils.formatDate(year, month, 1));
+        d.setDate(0);
+        this.nowDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-1";
+        this.initCalendar(
+          this.$calendarUtils.formatDate(d.getFullYear(), d.getMonth() + 1, 1)
+        );
+        this.GetHoltelInventory();
+      },
+      //点击右箭头切换年月
+      pickNext: function (year, month) {
+        var d = new Date(this.$calendarUtils.formatDate(year, month, 1));
+        d.setDate(35);
+        this.nowDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-1";
+        this.initCalendar(
+          this.$calendarUtils.formatDate(d.getFullYear(), d.getMonth() + 1, 1)
+        );
+        this.GetHoltelInventory();
+      },
+      //点击获取酒店库存数据
+      GetHoltelInventory() {
+        this.msg.loading = true;
+        var that = this;
+        this.msg.Year = this.currentYear;
+        this.msg.Month = this.currentMonth;
+        this.DayData=[];
+        this.apipost(
+          "ticketcouponsorder_post_GetScenicMonthStatistics",
+          this.msg,
+          res => {
+            this.msg.loading = false;
+            this.DayData = res.data.data;
+            this.days.forEach(dayItem => {
+              let d = dayItem.day;
+              let myDate = this.$calendarUtils.formatDate(
+                d.getFullYear(),
+                d.getMonth() + 1,
+                d.getDate()
+              );
+              dayItem.dayValue=[];
+              for (var j = 0; j < this.DayData.length; j++) {
+                if (this.DayData[j].Day == myDate) {
+                  dayItem.dayValue = this.DayData[j].SubList;
+                }
               }
             });
-            this.DataList = tempData;
-            this.noData = !this.msg.total > 0;
-          }
-        },
-        err => {}
-      );
-    },
-    getProvinceList(ID, type) {
-      //根据省份获取城市
-      let msg = {
-        Id: ID
-      };
-      if (type == 1) {
-        this.msg.Province = "";
-        this.msg.City = "";
-        this.msg.District = "";
-        this.provinceList = [];
-        this.cityList = [];
-      } else if (type == 2) {
-        this.msg.City = "";
-        this.msg.District = "";
-        this.cityList = [];
-      } else if (type == 3) {
-        this.msg.District = "";
-      }
-      if (this.msg.Country !== "") {
+            this.$forceUpdate();
+          },
+          err => {}
+        );
+      },
+      //获取酒店列表
+      GetScenicList() {
         this.apipost(
-          "dict_post_Destination_GetChildList",
-          msg,
+          "ticketcoupons_post_GetList", {QCountry:651},
           res => {
-            if (type == 1) {
-              this.provinceList = res.data.data;
-            } else if (type == 2) {
-              this.cityList = res.data.data;
-            } else if (type == 3) {
-              this.district = res.data.data;
+            if (res.data.resultCode == 1) {
+              this.ScenicList = res.data.data;
             }
           },
           err => {}
         );
-      }
-    },
-    //获取国家
-    getCountryList() {
-      this.apipost(
-        "dict_post_Destination_GetCountry",
-        {},
-        res => {
-          this.countryList = res.data.data;
-        },
-        err => {}
-      );
-    },
-    //查询初始化页码
-    resetPageIndex() {
-      this.msg.pageIndex = 1;
-      this.msg.currentPage = 1;
-    },
-    //翻页功能按钮
-    handleCurrentChange(val) {
-      this.msg.pageIndex = val;
-      this.getList();
-    },
-    getMonthYear() {
-      let newMonthYear = this.nowYearMonth.split("-");
-      let nums = [];
-      for (var i = 0; i < newMonthYear.length; i++) {
-        nums.push(parseInt(newMonthYear[i]));
-      }
-      this.msg.Year = nums[0].toString();
-      this.msg.Month = nums[1].toString();
-    },
-    goData(path) {
-      this.$router.push({
-        path: path
-      });
-    },
-    //跳转订单
-    goUrl(dayItem) {
-      this.$router.push({
-        path: "scenicSpotInfo",
-        query: {
-          id: dayItem.CouponsId,
-          date: dayItem.UseTime,
-          blank: 'y',
-          tab: '景点详情'
+      },
+      //下载餐厅统计
+      DownLoadDinnerSalesBoard() {
+        if (this.msg.CouponsId <= 0) {
+          this.Info("请选择景点!");
+          return;
         }
-      });
-    },
-    getDateString: function() {
-      this.dateString = this.$calendarUtils.formatDate(
-        this.currentYear,
-        this.currentMonth,
-        1
-      );
-      this.checkDays();
-    },
-    initCalendar: function(cur) {
-      var newDays = this.$calendarUtils.createCalendar(cur);
-      this.currentDay = newDays.CurrentDay;
-      this.currentYear = newDays.CurrentYear;
-      this.currentMonth = newDays.CurrentMonth;
-      this.currentWeek = newDays.CurrentWeek;
-      this.days.length = 0;
-      var dateArray = newDays.DayArray;
-      for (var i = 0; i < dateArray.length; i++) {
-        var d = dateArray[i].day;
-        var dayobject = {};
-        dayobject.day = d;
-        this.days.push(dayobject);
+        this.msg.loading = true;
+        let fileName = "门票下载" + this.$commonUtils.getCurrentDate() + ".xls";
+        this.GetLocalFile("ticketcouponsorder_post_DownLoadScenicMonthStatistics", this.msg, fileName,
+          res => {
+            this.msg.loading = false;
+          });
       }
     },
-    //点击左箭头切换年月
-    pickPre: function(year, month) {
-      var d = new Date(this.$calendarUtils.formatDate(year, month, 1));
-      d.setDate(0);
-      this.nowDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-1";
-      this.initCalendar(
-        this.$calendarUtils.formatDate(d.getFullYear(), d.getMonth() + 1, 1)
-      );
-      this.checkDays();
-    },
-    //点击右箭头切换年月
-    pickNext: function(year, month) {
-      var d = new Date(this.$calendarUtils.formatDate(year, month, 1));
-      d.setDate(35);
-      this.nowDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-1";
-      this.initCalendar(
-        this.$calendarUtils.formatDate(d.getFullYear(), d.getMonth() + 1, 1)
-      );
-      this.checkDays();
-    },
-    //点击获取餐厅库存数据
-    GetRestaurantInventory(CouponsId) {
-      this.outerVisible = true;
-      this.CouponsId = CouponsId;
-      this.apipost(
-        "ticketcouponsprice_get_GetScenicStatistics",
-        {
-          CouponsId: this.CouponsId,
-          Year: this.currentYear,
-          Month: this.currentMonth
-        },
-        res => {
-          this.DayData = res.data.data;
-          this.checkDays();
-        },
-        err => {}
-      );
-    },
-    checkDays() {
-      this.days.forEach(dayItem => {
-        var d = dayItem.day;
-        var myDate = this.$calendarUtils.formatDate(
-          d.getFullYear(),
-          d.getMonth() + 1,
-          d.getDate()
-        );
-        for (var j = 0; j < this.DayData.length; j++) {
-          if (this.DayData[j].UseTime == myDate) {
-            //已用
-            dayItem.UseAccount = this.DayData[j].UseAccount;
-            //使用时间
-            dayItem.UseTime = this.DayData[j].UseTime;
-            //餐厅编号
-            dayItem.CouponsId = this.DayData[j].CouponsId;
-          }
-        }
-      });
-      this.$forceUpdate();
-    }
-  },
-  mounted() {
-    this.getList();
-    this.getCountryList();
-    this.initCalendar();
-  },
-  watch: {
-    outerVisible: function toggle() {
-      if (!this.outerVisible) {
-        var myDate = new Date();
-        this.currentYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
-        this.currentMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
-        this.initCalendar();
-      }
+    mounted() {
+      //初始化日历
+      let myDate = new Date();
+      this.currentYear = myDate.getFullYear();
+      this.currentMonth = myDate.getMonth() + 1;
+      this.msg.Year = this.currentYear;
+      this.msg.Month = this.currentDay;
+
+      this.GetScenicList();
+      this.initCalendar();
+      this.GetHoltelInventory();
     }
-  }
-};
+  };
+
 </script>

src/router/config.js

@@ -390,6 +390,14 @@ export default {
                                 title: '导游报账详情'
                             },
                         },
+                        {
+                            path: '/CarDetails', //车辆报账详情
+                            name: 'CarDetails',
+                            component: resolve => require(['@/components/LeaderManagement/CarDetails'], resolve),
+                            meta: {
+                                title: '车辆报账详情'
+                            },
+                        },
                         {
                             path: '/positionManagement', //岗位管理
                             name: 'positionManagement',