no message

src/components/FinancialModule/DataAnalysis/index.vue

 <template>
   <div style="height: 100%;">
-    <el-tabs v-model="msg.Type" @tab-click="handleClick">
+    <el-tabs v-model="activeName" @tab-click="handleClick">
       <el-tab-pane label="线路经营情况" name="1"></el-tab-pane>
       <el-tab-pane label="公司经营情况" name="2"></el-tab-pane>
       <el-tab-pane label="日本小包OR常规" name="3"></el-tab-pane>
+      <!-- <el-tab-pane label="购物佣金情况" name="4"></el-tab-pane> -->
     </el-tabs>
     <div class="query-box">
       <el-form class="_info_box clearfix" label-width="90px">
         <el-row style="padding: 15px 0px 0 0">
-          <el-col :span="4">
+          <el-col v-if="activeName!=4"  :span="4">
             <el-form-item :label="$t('system.table_company')">
               <el-select
                 filterable
@@ -29,6 +30,49 @@
               </el-select>
             </el-form-item>
           </el-col>
+          <template v-else>
+            <el-col :span="4">
+              <el-form-item label="购物店">
+                <el-select
+                  filterable
+                  clearable
+                  v-model="shopMsg.PlaceId"
+                  @change="getStatement"
+                >
+                  <!-- <el-option
+                    value=""
+                    :label="$t('pub.unlimitedSel')"
+                  ></el-option> -->
+                  <el-option
+                    v-for="item in ShoppingStores"
+                    :label="item.Name"
+                    :value="item.ID"
+                    :key="item.ID"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="类型">
+                <el-select
+                  filterable
+                  clearable
+                  v-model="shopMsg.Type"
+                >
+                  <!-- <el-option
+                    value=""
+                    :label="$t('pub.unlimitedSel')"
+                  ></el-option> -->
+                  <el-option
+                    v-for="item in shopType"
+                    :label="item.Name"
+                    :value="item.Id"
+                    :key="item.Id"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </template>
           <el-col :span="4">
             <el-form-item :label="$t('fnc.bweibi')">
               <el-select :disabled="coinGetShow" filterable v-model="msg.StandardCurrencyId" class  @change="getChange">
@@ -42,7 +86,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="4" v-if="activeName!=4">
             <el-form-item label="线路">
               <el-select filterable v-model="msg.LineId" @change="getStatement"
               clearable>
@@ -96,7 +140,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="2" v-if="msg.Type!=3">
+          <el-col :span="2" v-if="activeName!=2&&activeName!=3">
             <el-form-item label="季度汇总">
               <el-checkbox v-model="msg.LossType" true-label="1" false-label="0" @change="getStatement"></el-checkbox>
             </el-form-item>
@@ -118,6 +162,7 @@
       <Lines v-if="activeName=='1'" :StatisticalData="StatisticalData"></Lines>
       <Corporations v-if="activeName=='2'" :StatisticalData="StatisticalData"></Corporations>
       <Packets v-if="activeName=='3'" :StatisticalData="StatisticalData"></Packets>
+      <ShoppingCommission v-if="activeName=='4'" :StatisticalData="StatisticalData"></ShoppingCommission>
     </div>
   </div>
 </template>
@@ -126,13 +171,14 @@
 import Lines from "./components/line.vue";
 import Corporations from "./components/corporation.vue";
 import Packets from "./components/packet.vue";
+import ShoppingCommission from "./components/ShoppingCommission.vue";
 export default {
-  components: {Lines,Corporations,Packets},
+  components: {Lines,Corporations,Packets,ShoppingCommission},
   data() {
     return {
       coinGetShow: false,
       loading: false,
-      activeName: 1,
+      activeName: '1',
       msg:{
         startDate: '',
         endDate: '',
@@ -144,6 +190,23 @@ export default {
         LossType:'0',
         IsLastData:0,
       },
+      shopMsg:{
+        startDate: '',
+        endDate: '',
+        PlaceId: '',
+        Type: '',
+        LossType: '0',
+        IsLastData: '1',
+        StandardCurrencyId: '1',
+        MaoLiRate: 0.049
+      },
+      ShoppingStores: [],
+      shopType: [
+        {Name: '不限',Id:''},
+        {Name: '购物店统计',Id:1},
+        {Name: '领队导游排名',Id:2},
+        {Name: '佣金占比统计',Id:3},
+      ],
       dateTime: [],
       CompanyList: [],
       getCompanyMsg: {
@@ -189,9 +252,19 @@ export default {
     this.msg.endDate = this.dateTime[1]
     this.financeinfo_post_GetList()
     this.getQueryData()
+    this.getShops()
     this.getStatement()
   },
   methods: {
+    getShops() {
+      this.apipost('Shopping_Post_GetList', {}, res => {
+        if (res.data.resultCode === 1) {
+          this.ShoppingStores = res.data.data;
+        } else {
+          this.$message.error(res.data.message);
+        }
+      }, null)
+    },
     getChange(val){
       if(this.msg.OutBranchId == -1){
         this.coinGetShow = false
@@ -221,10 +294,22 @@ export default {
     getStatement(){
       if(this.msg.Type==2) this.msg.IsLastData = 2
       else this.msg.IsLastData = 0
+      let msg = this.msg
+      let url ='financestatistics_post_GetDataAnalysisStat'
+      if(this.activeName=='4') {
+        if(this.msg.StandardCurrencyId==1||!this.msg.StandardCurrencyId){
+          this.shopMsg.MaoLiRate = 0.049
+        }
+        this.shopMsg.startDate = this.msg.startDate
+        this.shopMsg.endDate = this.msg.endDate
+        this.shopMsg.LossType = this.msg.LossType
+        msg = this.shopMsg
+        url = 'financestatistics_post_GetCommissionAnalysisStat'
+      }
       this.loading = true
       this.apipost(
-        "financestatistics_post_GetDataAnalysisStat",
-        this.msg,
+        url,
+        msg,
         res => {
           if (res.data.resultCode == 1) {
             this.StatisticalData = res.data.data
@@ -240,7 +325,7 @@ export default {
     },
     handleClick(e){
       this.activeName = e._props.name
-      this.msg.Type = e._props.name
+      if(e._props.name!='4')this.msg.Type = e._props.name
       this.getStatement()
     },
     getDateTime(){