op详情

src/components/FinancialModule/OPCommissionDetail.vue

@@ -26,6 +26,64 @@
       @on-custom-comp="customCompFunc"
     ></v-table>
     <div style="height:20px;"> </div>
+    <el-dialog
+      title="设置"
+      :visible.sync="setopVisible"
+      width="30%">
+      <div>
+        <el-form ref="setform" :model="setform" label-width="80px">
+          <el-form-item label="类型">
+            <el-select v-model="setform.Type" placeholder="请选择">
+              <el-option label="奖励" :value="1"></el-option>
+              <el-option label="扣除" :value="2"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="金额" >
+            <el-input style="width:220px" @keyup.native="checkPrice(setform,'Money')" v-model="setform.Money"></el-input>
+          </el-form-item>
+          <el-form-item label="描述">
+            <el-input type="textarea" v-model="setform.Description"></el-input>
+          </el-form-item>
+          
+    </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="mini" @click="setopVisible = false">取 消</el-button>
+        <el-button size="mini" type="danger" @click=" SetOPOK">确 定</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="查看详情"
+      :visible.sync="opdatails"
+      width="30%">
+      <div>
+        <p style="text-align:center;margin-bottom:15px">{{detailsMsg.CreateByStr}}</p>
+        <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
+      <tr>
+        <th>类型</th>
+        <th>金额</th>
+        <th>描述</th>
+      </tr>
+      <tr v-for="(item,index) in detailsMsg.detailList" :key="index">
+        <td>
+          <span v-if="item.Type==1">奖励</span>
+          <span v-if="item.Type==2">扣除</span>
+          </td>
+        <td>{{item.Money}}</td>
+        <td>
+          {{item.Description}}
+        </td>
+       
+      </tr>
+      <tr>
+        <td v-show="detailsMsg.detailList.length==0" colspan="3" align="center">暂无数据</td>
+      </tr>
+    </table>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="mini" @click="opdatails = false">取 消</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -57,10 +115,45 @@ export default {
       loading: true,
       CompanyList:[],
       dataListTwo: [],
-      stringPerons:''
+      stringPerons:'',
+      setopVisible:false,
+      setform:{},
+      opdatails:false,
+      detailsMsg:{
+        detailList:[],
+      },
     };
   },
   methods: {
+    SetOPOK(){
+      if(!this.setform.Type){
+        this.Error("请选择类型！");
+        return;
+      }
+      if(!this.setform.Money || this.setform.Money==0){
+        this.Error("请填写金额！");
+        return;
+      }
+      if(!this.setform.Description || this.setform.Description==''){
+        this.Error("请填写描述！");
+        return;
+      }
+      this.apipost(
+        "sellcommission_SetOPCommissionRewards",
+        this.setform,
+        res => {
+          this.loading = false;
+          if (res.data.resultCode == 1) {
+            this.setopVisible=false;
+            this.getList();
+          } else {
+            this.Error(res.data.message);
+          }
+        },
+        null
+      );
+
+    },
     exportExcel(){
       const defaultCellStyle =  {'!cols': [{wpx: 60}, {wpx: 200}, {wpx: 60}, {wpx: 150},{wpx:60}]};
       const wopts = { bookType:'xlsx', bookSST:false, type:'binary', defaultCellStyle: defaultCellStyle, showGridLines: true};
@@ -73,6 +166,9 @@ export default {
           '员工':x.CreateByStr,
           '应发提成':x.CommissionMoney.toFixed(2),
           '收客数':x.PeopleCount,
+          '奖励金额':x.JLMoney,
+          '扣除金额':x.KCMoney,
+          '最终提成':x.LastMoney,
           '所属期数':x.Periods
         }
         data.push(obj)
@@ -116,6 +212,19 @@ export default {
       if (params.type === "see") {
         this.getInfo(params.data)
       } 
+      else if (params.type === "setop") {
+        // 设置OP提成
+        this.setopVisible=true;
+        this.setform.PeriodsId=this.msg.PeriodsId;
+        this.setform.EmployeeId=params.data.EmployeeId;
+      } 
+      else{
+        this.opdatails=true;
+        this.detailsMsg.CreateByStr=params.data.CreateByStr;
+        this.detailsMsg.detailList=params.data.OtherList;
+
+        
+      }
     },
     getCompanyList() {
       //获取公司列表
@@ -200,6 +309,34 @@ export default {
           return `<span>${rowData.CommissionMoney.toFixed(2)}</span>`
         }
       };
+      let JLMoney = {
+        field: "JLMoney",
+        title: "奖励金额",
+        titleAlign: "left",
+        columnAlign: "left",
+        isResize: true,
+        width: 70,
+        type: "text"
+      };
+      let KCMoney = {
+        field: "KCMoney",
+        title: "扣除金额",
+        titleAlign: "left",
+        columnAlign: "left",
+        isResize: true,
+        width: 70,
+        type: "text"
+      };
+      let LastMoney = {
+        field: "LastMoney",
+        title: "最终提成",
+        titleAlign: "left",
+        columnAlign: "left",
+        isResize: true,
+        width: 80,
+        type: "text"
+      };
+      
     //   let otherMoney = {
     //     field: "otherMoney",
     //     title: "额外奖励",
@@ -268,7 +405,7 @@ export default {
         titleAlign: "left",
         columnAlign: "left",
         isResize: true,
-        width: 80,
+        width: 70,
         formatter: function(rowData, rowIndex, pagingIndex, field) {
           if(rowData.Periods!=that.stringPerons)
             return `<div style='height:40px;line-height:40px;color:#f1f1f1;background: red;margin: 0 -10px;padding-left: 10px;'>${rowData.Periods}</div>`
@@ -291,7 +428,7 @@ export default {
         title: "操作",
         titleAlign: "left",
         columnAlign: "left",
-        width: 80,
+        width: 110,
         isResize: false,
         componentName: "commission-table-operation"
       };
@@ -300,6 +437,9 @@ export default {
       this.columns.push(department);
       this.columns.push(userName);
       this.columns.push(commissionMoney);
+      this.columns.push(JLMoney);
+      this.columns.push(KCMoney);
+      this.columns.push(LastMoney);
     //   this.columns.push(otherMoney);
     //   this.columns.push(backMoney);
     //   this.columns.push(sumMoney);
@@ -405,7 +545,11 @@ export default {
   },
   created(){
       Vue.component('commission-table-operation',{
-      template:`<div style='width:80px;height:40px;background:#fff;text-align:center;position: relative;left:-5px;padding-top: 6px;padding-top:6px;'><el-button type="primary" size='mini' icon="el-icon-view" circle @click="see(rowData,index)"></el-button></div>`,
+      template:`<div style='width:80px;height:40px;background:#fff;text-align:center;position: relative;left:-5px;padding-top: 6px;padding-top:6px;'>
+      <el-button type="primary" size='mini' icon="el-icon-view" circle @click="see(rowData,index)"></el-button>
+      <el-button type="danger" size='mini' style="font-size:10px" class="iconfont icon-nav-xitongguanli" circle @click="SetOP(rowData,index)"></el-button>
+      <el-button type="danger" size='mini' style="font-size:10px" class="iconfont icon-nav-hangzheng" circle @click="SeeDetails(rowData,index)"></el-button>
+      </div>`,
       props:{
           rowData:{
               type:Object
@@ -421,7 +565,15 @@ export default {
         see(){
           let params = {type:'see',data:this.rowData};
           this.$emit('on-custom-comp',params);
-        }
+        },
+        SetOP(){
+          let params = {type:'setop',data:this.rowData};
+          this.$emit('on-custom-comp',params);
+        },
+        SeeDetails(){
+          let params = {type:'SeeDetails',data:this.rowData};
+          this.$emit('on-custom-comp',params);
+        },
       }
     })
   }

src/components/commonPage/commonShouSun.vue

@@ -136,7 +136,7 @@
         this.apipost("sellorder_post_GetTravelSetLossMoneyInfo",msg,res => {
             if (res.data.resultCode == 1) {
                 this.dataList = res.data.data;
-                this.dataList.OpSetLossPeople = this.SetShouSunGuestNum
+                // this.dataList.OpSetLossPeople = this.SetShouSunGuestNum
                 this.getTotalSun(this.dataList);
             } else {
                 this.Error(res.data.message);