1

src/components/FinancialModule/HandFee/ReserveRoom.vue

@@ -23,6 +23,7 @@
         <li class="hight_query">
           <button class="hollowFixedBtn" @click="getdatalist()">{{$t('pub.searchBtn')}}</button>
           <button class="normalBtn" @click="method5()">{{$t('visa.v_daochu')}}</button>
+          <el-button class="hollowFixedBtn" @click="outerVisible=true">导入压房数据</el-button>
         </li>
       </ul>
     </div>
@@ -83,6 +84,14 @@
         </el-pagination>
       </div>
     </div>
+
+    <el-dialog custom-class='w700' :title="$t('objFill.v101.daoruygsj')" :visible.sync="outerVisible" center>
+          <el-upload :show-file-list="false" style="text-align: center;" drag class="upload-demo" :action="importFileUrl2" :on-success="handleAvatarSuccess"
+              :before-upload="beforeAvatarUpload">
+              <i class="el-icon-upload"></i>
+              <div class="el-upload__text">{{$t('tips.tuodongwenjian')}}<em>{{$t('tips.dianjishanhcuan')}}</em></div>
+          </el-upload>
+      </el-dialog>
   </div>
 </template>
 <script>
@@ -100,6 +109,8 @@
         loading: false,
         currentPage: 1,
         total: 0,
+        outerVisible:false,
+        importFileUrl2: "",
       }
     },
     created() {
@@ -112,6 +123,9 @@
       this.missionDate = [sDate, eDate]
       this.msg.QStartDate = sDate;
       this.msg.QEndDate = eDate;
+
+      let userInfo = this.getLocalStorage();
+      this.importFileUrl2=this.domainManager().UploadFileUrl +"?cmd=dmc_post_LocalFileUpload&fileType=1&fileLimit=1&RB_Group_id=2&Type=25&SystemType=1&EmployeeId="+userInfo.EmployeeId;
     },
     components: {
 
@@ -184,6 +198,20 @@
           query
         });
       },
+      beforeAvatarUpload(file) {
+          return;
+      },
+      //上传
+      handleAvatarSuccess(res, file) {
+          if (res.resultCode == 1) {
+              this.Success(this.$t('objFill.v101.FinancialModule.daoruchengg'));
+              this.outerVisible = false;
+              this.getdatalist();
+          }else{
+              this.Error(res.message);
+
+          }
+      }
     }
   }
 

src/components/FinancialModule/HandFee/ReserveRoomMonth.vue

+<style scoped>
+  /deep/.el-table th.el-table__cell {
+    background-color: #E6E6E6;
+  }
+  /deep/.TravelTable td.el-table__cell {
+    padding:0 !important;
+    height: 30px;
+    line-height: 30px;
+  }
+</style>
+
+<template>
+  <div class="page_RecPayQuery">
+    <div class="query-box">
+      <el-form class="_info_box clearfix" label-width="110px">
+        <el-row style="padding:15px 20px 0 0;">
+          <el-col :span="6">
+            <el-form-item :label="$t('scen.sc_ftTime')">
+              <el-date-picker class="h34" v-model="missionDate" type="daterange" value-format="yyyy-MM-dd"
+                @input="getdatalist">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <ul class="clearfix">
+        <li class="hight_query">
+          <button class="hollowFixedBtn" @click="getdatalist()">{{$t('pub.searchBtn')}}</button>
+          <button class="normalBtn" @click="method5()">{{$t('visa.v_daochu')}}</button>          
+        </li>
+      </ul>
+    </div>
+    <div class="_fnDm_content" v-loading='loading'>
+      <div><span>预计利润：{{TotalProfit}}</span><span style="margin-left:40px">合计团数：{{TravelNum}}</span></div>
+      <el-table ref="multipleTable" :data="DataList" tooltip-effect="dark" style="width: 100%" row-key="FinanceId">
+        <el-table-column prop="CheckInDate" label="入住日期" width="110">
+          <template slot-scope="scope">{{ scope.row.CheckInDate }}</template>
+        </el-table-column>
+        <el-table-column prop="HotelName" label="酒店名称" width="240">
+          <template slot-scope="scope">{{ scope.row.HotelName }}</template>
+        </el-table-column>
+        <el-table-column prop="YFRoomNum" label="压房数量" width="120">
+          <template slot-scope="scope">{{ scope.row.YFRoomNum }}</template>
+        </el-table-column>
+        <el-table-column prop="UseRoomNum" label="实际用房" width="120">
+          <template slot-scope="scope">{{ scope.row.UseRoomNum }}</template>
+        </el-table-column>
+        <el-table-column prop="TravelList" label="团号/地接团号/实际用房" width="700">
+          <!-- <template slot-scope="scope">{{ scope.row.TravelList }}</template> -->
+          <template slot-scope="scope">
+
+            <el-table :data="scope.row.TravelList" style="width: 71%" :show-header="false" class="TravelTable">
+              <el-table-column prop="TCNUM" label="团号" width="200">
+                <template slot-scope="scope2"><span style="cursor: pointer; color: #00c6ff;" @click="goTravelInfo(scope2.row)">{{ scope2.row.TCNUM }}({{scope2.row.TCID}})</span></template>
+              </el-table-column>
+              <el-table-column prop="DMCNum" label="地接团号" width="140">
+                <template slot-scope="scope2">{{scope2.row.DMCNum}}</template>
+              </el-table-column>
+              <el-table-column prop="MergeNumber" label="实际用房" width="140">
+                <template slot-scope="scope2">第{{scope2.row.MergeNumber}}晚 [{{scope2.row.PriceTeamTypeName}}]</template>
+              </el-table-column>
+            </el-table>
+
+
+
+            <!-- <table>
+              
+            <template v-for="(sitem,subIndex) in scope.row.TravelList">
+              <tr>
+                <td><span style="cursor: pointer; color: #00c6ff;" @click="goTravelInfo(scope.row)">{{ sitem.TCNUM }}({{sitem.TCID}})</span></td>
+                <td>{{sitem.DMCNum}}</td>
+                <td>第{{sitem.MergeNumber}}晚</td>
+                <td>{{sitem.PriceTeamTypeName}}</td>
+               <span :key="subIndex">
+                <span style="cursor: pointer; color: #00c6ff;" @click="goTravelInfo(scope.row)">{{ sitem.TCNUM }}({{sitem.TCID}})</span>【{{sitem.DMCNum}}】[第{{sitem.MergeNumber}}晚][{{sitem.PriceTeamTypeName}}] <span v-if="sitem.FinanceId>0" style="color:blue">[单据√]</span></span>
+              <br :key="subIndex+10000" />
+              <tr>
+            </template>
+            </table> -->
+          </template>
+        </el-table-column>
+        <el-table-column prop="ExpectCost" label="预计成本">
+          <template slot-scope="scope">{{ scope.row.ExpectCost }}</template>
+        </el-table-column>
+        <el-table-column prop="ExpectIncome" label="预计收入">
+          <template slot-scope="scope">{{ scope.row.ExpectIncome }}</template>
+        </el-table-column>
+        <el-table-column prop="Profit" label="预计利润">
+          <template slot-scope="scope">{{ scope.row.Profit }}</template>
+        </el-table-column>
+      </el-table>
+      <div style="height:50px"></div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        msg: {
+          QEndDate: '', //出团起始日期
+          QStartDate: ''
+        },
+        missionDate: [], //发团日期
+        DataList: [],
+        TotalProfit:0,
+        TravelNum:0,
+        loading: false
+      }
+    },
+    created() {
+      let sDate = this.FormartDate(new Date(this.getBeforeDate(1)));
+      let eDate = this.FormartDate(new Date(this.getBeforeDate(0)));
+      var now = new Date();
+      var firstDay = new Date(now.getFullYear(), now.getMonth(), 1)
+      sDate = this.FormartDate(firstDay);
+      
+      this.missionDate = [sDate, eDate]
+      this.msg.QStartDate = sDate;
+      this.msg.QEndDate = eDate;
+    },
+    components: {
+
+    },
+    mounted() {
+      this.getdatalist();
+    },
+    methods: {
+      getdatalist() {
+        if (this.missionDate && this.missionDate.length == 2) {
+          this.msg.QStartDate = this.missionDate[0];
+          this.msg.QEndDate = this.missionDate[1];
+        }
+        this.loading = true;
+        this.apipost(
+          "financestatistics_post_GetReserveRoomMonthStat", this.msg,
+          res => {
+            this.loading = false;
+            if (res.data.resultCode == 1) {
+              this.DataList = res.data.data.List;
+              this.TotalProfit = res.data.data.TotalProfit;
+              this.TravelNum = res.data.data.TravelNum;
+            }
+          },
+          err => {
+            this.loading = false;
+          }
+        );
+      },
+      method5() {
+        if (this.missionDate && this.missionDate.length == 2) {
+          this.msg.QStartDate = this.missionDate[0];
+          this.msg.QEndDate = this.missionDate[1];
+        }
+        let msg = JSON.parse(JSON.stringify(this.msg))
+        let userInfo = this.getLocalStorage();
+        msg.EmployeeId = userInfo.EmployeeId
+        this.GetLocalFile("financestatistics_post_GetReserveRoomMonthStatToExcel", msg, "压房月度统计.xls");
+      },
+      goTravelInfo(item){
+        let query = {
+          TCNUM: item.TCNUM,
+          blank: "y",
+        };
+        this.$router.push({
+          path: "/dmcTotalTable",
+          query
+        });
+      },
+       // 单据详情
+      openDetails(item) {
+        let query = {
+          id: item,
+          blank: "y",
+        };
+        this.$router.push({
+          path: "/FinancialDocumentsDetail",
+          query
+        });
+      },
+    }
+  }
+
+</script>

src/router/config.js

@@ -4337,6 +4337,14 @@ export default {
                 title: '团队手配查询'
               },
             },
+            { //财务 财务单据 压房明细查询
+              path: '/ReserveRoomMonth',
+              name: 'ReserveRoomMonth',
+              component: resolve => require(['@/components/FinancialModule/HandFee/ReserveRoomMonth'], resolve),
+              meta: {
+                title: '压房月度统计'
+              },
+            },
             { //财务 财务单据 压房明细查询
               path: '/ReserveRoom',
               name: 'ReserveRoom',