1 压房

src/components/FinancialModule/FinancialDocuments.vue

@@ -809,6 +809,7 @@
               </span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item><span @click="ToPICDetial()">PIC资金预算</span></el-dropdown-item>
+                <el-dropdown-item><span @click="ToYFDetial()">压房明细</span></el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
           </template>
@@ -4061,6 +4062,15 @@
           }
         });
       },
+      ToYFDetial(){
+        this.$router.push({
+          name: 'ReserveRoom',
+          query: {
+            blank: "y",
+            tab: '压房明细'
+          }
+        });
+      },
       goEit(type, id, edit, Conditon, pageIndex, item) {
         let path = "";
         if (type === 1) {

src/components/FinancialModule/HandFee/ReserveRoom.vue

+<style scoped>
+  /deep/.el-table th.el-table__cell {
+    background-color: #E6E6E6;
+  }
+
+</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'>
+      <el-table ref="multipleTable" :data="DataList" tooltip-effect="dark" style="width: 100%" row-key="FinanceId">
+        <el-table-column prop="" :label="$t('sm.company')" width="100">
+          <template slot-scope="scope">{{ scope.row.BName }}</template>
+        </el-table-column>
+        <el-table-column prop="" :label="$t('visa.v_teaminfo')" width="200">
+          <template slot-scope="scope">
+              <span style="cursor: pointer; color: #00c6ff;" @click="goTravelInfo(scope.row)">{{ scope.row.TCNUM }}({{scope.row.TCID}})</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="" label="地接团号">
+          <template slot-scope="scope">{{ scope.row.DMCNum }}</template>
+        </el-table-column>
+        <el-table-column prop="" label="付款对象">
+          <template slot-scope="scope">{{ scope.row.Alias }}</template>
+        </el-table-column>
+
+        <el-table-column prop="" label="酒店信息" width="400">
+          <template slot-scope="scope">
+            <template v-for="(subItem,subIndex) in scope.row.HotelList">
+              <span :key="subIndex">
+                {{subItem}}
+              </span>
+              <br :key="subIndex+10000" />
+            </template>
+          </template>
+        </el-table-column>
+        <el-table-column prop="" label="预计金额">
+          <template slot-scope="scope">{{ scope.row.MatchMoney }}</template>
+        </el-table-column>
+
+        <el-table-column prop="" label="制单数量">
+          <template slot-scope="scope">{{ scope.row.FinanceNum }}</template>
+        </el-table-column>
+        <el-table-column prop="" label="制单金额" width="150">
+          <template slot-scope="scope">
+            {{ scope.row.WBMoney}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="" label="关联单据">
+          <template slot-scope="scope">
+            <template v-for="(subItem,subIndex) in scope.row.FinanceIdList">
+              <span style="cursor:pointer; color:blue;" :key="subIndex" @click="openDetails(subItem)">
+                {{subItem}}
+              </span>
+              <br :key="subIndex+30000" />
+            </template>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div style="padding-bottom:15px">
+        <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChanges"
+          layout="total,sizes,prev, pager, next, jumper" :page-sizes="[8,20,50,70,100,200]" :page-size="msg.pageSize"
+          :current-page.sync="currentPage" :total='total'>
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        msg: {
+          pageIndex: 1,
+          pageSize: 8,
+          QEndDate: '', //出团起始日期
+          QStartDate: ''
+        },
+        missionDate: [], //发团日期
+        DataList: [],
+        loading: false,
+        currentPage: 1,
+        total: 0,
+      }
+    },
+    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_GetReserveRoomPageList", this.msg,
+          res => {
+            this.loading = false;
+            if (res.data.resultCode == 1) {
+              this.total = res.data.data.count;
+              if (this.total == 0) {
+                this.DataList = [];
+              } else {
+                this.DataList = res.data.data.pageData;
+              }
+            }
+          },
+          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_GetReserveRoomPageListToExcel", msg, "压房明细.xls");
+      },
+      goTravelInfo(item){
+        let query = {
+          TCNUM: item.TCNUM,
+          blank: "y",
+        };
+        this.$router.push({
+          path: "/dmcTotalTable",
+          query
+        });
+      },
+      handleSizeChange(val) {
+        this.msg.pageSize = val
+        this.msg.pageIndex = 1;
+        this.getdatalist();
+      },
+      handleCurrentChanges(val) {
+        this.msg.pageIndex = val;
+        this.getdatalist();
+      },
+       // 单据详情
+      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: '/ReserveRoom',
+              name: 'ReserveRoom',
+              component: resolve => require(['@/components/FinancialModule/HandFee/ReserveRoom'], resolve),
+              meta: {
+                title: '压房明细'
+              },
+            },
             { //财务 财务单据 成本月结查询
               path: '/MonthlyCostStatementInquire',
               name: 'MonthlyCostStatementInquire',