购物保障 单据 佣金类型

src/components/ShoppingStore/ShoppingReimbursement2.vue

@@ -40,6 +40,27 @@
         </li>
       </ul>
     </div>
+    <el-row style="margin-bottom: 20px;">
+      <el-col :span="20"> &nbsp;</el-col>
+      <el-col :span="4" class="groupTourOrder_count_col">
+        <div class="groupTourOrder_count_item">
+          <div>
+            <i class="iconfont icon-tongji1 groupTourOrder_count_gray"></i>
+            <span>{{ $t("fnc.cwdjshuoming") }}</span>
+          </div>
+          <p>
+            <span class="groupTourOrderByTuan_ico"><i
+                style="background-color: #0000ff"></i><span>{{ $t("fnc.yidadan") }}</span></span>
+            <span class="groupTourOrderByTuan_ico"><i
+                style="background-color: #00ff00"></i><span>{{ $t("fnc.ptcnyshenhe") }}</span></span>
+            <span class="groupTourOrderByTuan_ico"><i
+                style="background-color: #ff0000"></i><span>{{ $t("fnc.yhcnyshenhe") }}</span></span>
+            <span class="groupTourOrderByTuan_ico"><i
+                style="background-color: #000000"></i><span>{{ $t("fnc.ytongguo") }}</span></span>
+          </p>
+        </div>
+      </el-col>
+    </el-row>
     <div style="width: 100%;  overflow-x: auto;padding-bottom: 10px; ">
       <table border="0" cellspacing="1" cellpadding="0" class="ShoppingTable"
         style="border: 1px solid rgb(230, 230, 230);min-width: 1600px" v-loading="loading">
@@ -112,10 +133,28 @@
                   {{subItem.TotalMoney}}
                 </td>
                 <td width="80">
-                  {{subItem.LeaderCommission}}
+                  {{subItem.LeaderCommission}}<br>
+                  <span class="cursor-p" v-if="subItem.LeaderFinanceList&&outindex==0" v-for="(item2, index2) in subItem.LeaderFinanceList" :key="index2"
+                  @click="goUrlFinancial('财务单据','FinancialDocumentsDetail',item2.FrID)">
+                    <span v-if="item2.Status === 0||item2.Status === 1" class="groupTourOrder_tickets_blue">{{ item2.FrID }}</span>
+                    <span v-else-if="item2.Status === 2"
+                      class="groupTourOrder_tickets_green">{{ item2.FrID }}</span>
+                    <span v-else-if="item2.Status === 3" class="groupTourOrder_tickets_red">{{ item2.FrID }}</span>
+                    <span v-else-if="item2.Status === 4"
+                      class="groupTourOrder_tickets_black">{{ item2.FrID }}</span>
+                  </span>
                 </td>
                 <td width="80">
-                  {{subItem.GuideCommission}}
+                  {{subItem.GuideCommission}}</br>
+                  <span class="cursor-p" v-if="subItem.GuideFinanceList&&outindex==0" v-for="(item2, index2) in subItem.GuideFinanceList" :key="index2"
+                    @click="goUrlFinancial('财务单据','FinancialDocumentsDetail',item2.FrID)">
+                      <span v-if="item2.Status === 0||item2.Status === 1" class="groupTourOrder_tickets_blue">{{ item2.FrID }}</span>
+                      <span v-else-if="item2.Status === 2"
+                        class="groupTourOrder_tickets_green">{{ item2.FrID }}</span>
+                      <span v-else-if="item2.Status === 3" class="groupTourOrder_tickets_red">{{ item2.FrID }}</span>
+                      <span v-else-if="item2.Status === 4"
+                        class="groupTourOrder_tickets_black">{{ item2.FrID }}</span>
+                    </span>
                 </td>
                 <td width="80" :rowspan="item.ShopDetailsList.length" v-if='subIndex==0'>
                   {{subItem.DMCRate}}
@@ -126,7 +165,7 @@
                 </td>
                 <td :rowspan="outItem.rowspanCount" v-if="index==0&&subIndex==0">
                   <div>
-                    <p style="cursor: pointer;color:blue;" @click="isShowFinaceDailog=true,CurrentOutItem=outItem">
+                    <p style="cursor: pointer;color:blue;" @click="GenerateDocuments(outItem)">
                       {{$t('ground.scdanju')}}</p>
                   </div>
                 </td>
@@ -172,11 +211,22 @@
               <el-option :label="$t('ground.zjcfk')" :value="2" :key="2"></el-option>
             </el-select>
           </el-form-item>
+          <el-form-item label="佣金类型">
+            <p v-if="FinanceTypeList.length==0" style="color: red;">暂未可选的佣金类型</p>
+            <el-select v-else v-model="FinanceTypes">
+              <el-option
+              v-for="(item,index) in FinanceTypeList"
+              :label="item.Name" :value="item.Id" :key="item.Id"
+              :disabled="getFinanceType(item)"
+              ></el-option>
+            </el-select>
+          </el-form-item>
         </el-form>
         <div slot="footer" class="dialog-footer">
           <button class="hollowFixedBtn"
             @click="isShowFinaceDailog=false,CurrentOutItem={}">{{$t('pub.cancelBtn')}}</button>
-          <button class="normalBtn" type="primary" @click="CreateBill()">{{$t('pub.sureBtn')}}</button>
+          <el-button class="normalBtn" type="primary" @click="CreateBill()"
+          :disabled="!FinanceTypes">{{$t('pub.sureBtn')}}</el-button>
         </div>
       </template>
     </el-dialog>
@@ -187,6 +237,14 @@
   export default {
     data() {
       return {
+        FinanceTypeList:[
+          // {Name:'全部',Id:0},
+          {Name:'领队佣金',Id:1},
+          // {Name:'导游佣金',Id:2},
+          // {Name:'公司佣金',Id:3},
+          // {Name:'PIC部分',Id:4},
+        ],
+        FinanceTypes: '',//佣金类型
         loading: false,
         msg: {
           pageIndex: 1,
@@ -212,6 +270,28 @@
       }
     },
     methods: {
+      GenerateDocuments(outItem){
+        this.isShowFinaceDailog = true
+        this.CurrentOutItem = outItem
+        return
+        this.FinanceTypes = ''
+        this.FinanceTypeList = []
+        let SubItem = {
+          IsAddLeaderFinance:outItem.TCList[0].IsAddLeaderFinance,
+        }
+        let obj = {
+          Name: '全部',Id: 0,
+        }
+        if(SubItem.IsAddLeaderFinance){
+          this.FinanceTypes = 1
+          obj.Name = '领队佣金'
+          obj.Id = 1
+          this.FinanceTypeList.push(JSON.parse(JSON.stringify(obj)))
+        }
+      },
+      goUrlFinancial: function (name, path, id ) {
+        this.$router.push({ name: path, query: { id: id, blank: 'y', tab: name} });
+      },
       downLoadPZ: function (src) {
         let dom = document.querySelector("#blankLink1")
         dom.href = src;
@@ -319,24 +399,36 @@
           }
         }, err => {})
       },
+      getFinanceType(item){
+        if(item.Id==1) return false
+        else return true
+      },
       //生成单据
       CreateBill() {
         var that = this;
-        this.Confirm('是否生成财务单据？', function () {
-          that.loading = true;
-          var nMsg = {
-            TCIDs: that.CurrentOutItem.TCIDs,
-            PayType: that.PayType,
-            uid: that.getLocalStorage().EmployeeId
-          };
-          let fileName = "生成[" + that.CurrentOutItem.NewCombinationNum + "]购物店数据.xls";
-          that.GetLocalFile("dmcstatistics_post_ShopCreateBillAndExport", nMsg, fileName,
+        this.$confirm('是否生成财务单据？', this.$t('tips.tips'), {
+            confirmButtonText: `确定`,
+            cancelButtonText: `取消`,
+            type: 'warning'
+          }).then(() => {
+            that.loading = true;
+            var nMsg = {
+              TCIDs: that.CurrentOutItem.TCIDs,
+              PayType: that.PayType,
+              uid: that.getLocalStorage().EmployeeId,
+              FinanceType: this.FinanceTypes
+            };
+            let fileName = "生成[" + that.CurrentOutItem.NewCombinationNum + "]购物店数据.xls";
+            that.GetLocalFile("dmcstatistics_post_ShopCreateBillAndExport", nMsg, fileName,
             res => {
               that.loading = false;
               this.isShowFinaceDailog = false;
               that.Success("导入成功!");
               that.getList();
             });
+          }).catch(() => {})
+        this.Confirm('是否生成财务单据？', function () {
+
         });
       },
     },