市场提成规则

src/pages/financial/market/commissionRule.vue

@@ -32,6 +32,11 @@
 .marketRules .singeRowTable tr th {
   border: 1px solid #d2d2d2;
 }
+.cycle_Title {
+    font-size: 20px;
+    font-weight: 500;
+    color: #1f2329;
+}
 </style>
 <template>
   <div class="page-body marketRules">
@@ -39,10 +44,10 @@
       <div class="col row wrap q-mr-lg q-col-gutter-md"></div>
     </div>
     <template>
-      <div>市场顾问提成规则</div>
+      <div class="cycle_Title">市场顾问提成规则</div>
       <div
         class="cm_content"
-        style="width: 100%;"
+        style="width: 100%;margin-bottom: 25px;margin-top: 10px;"
         v-for=" ( item , index ) in dataList "
         :key="index"
       >
@@ -54,11 +59,13 @@
           v-loading="loading"
         >
           <tr>
-            <th>方案名称</th>
+            <th width="8%">方案名称</th>
             <th>类型</th>
+            <th width="200">校区</th>
             <th>课程类型</th>
-            <th>课程</th>
-            <th>提成方式</th>
+            <th width="300">课程</th>
+            <th>首次发放比例</th>
+            <th>课程比例</th>
             <th>提成人员</th>
             <th>部门人员</th>
             <th width="100">操作</th>
@@ -73,27 +80,27 @@
               <span v-if="item.Type == 3">教师</span>
             </td>
             <td>
-              <span v-if="item.Type == 1">包含</span>
-              <span v-if="item.Type == 2">不包含</span>
+              <span>{{ item.SchoolName }}</span>
             </td>
             <td>
-              <p v-for="( son , sIndex ) in item.CourseList">{{ son.CourseName }}</p>
+              <span v-if="item.CourseType == 1">包含</span>
+              <span v-if="item.CourseType == 2">不包含</span>
             </td>
-            <td>
-              <span v-if="item.CommissionType == 1">课耗提成</span>
-              <span v-if="item.CommissionType == 2">次月全提</span>
-              <span v-if="item.CommissionType == 3">课程比例:{{ item.CourseRate + '%' }}</span>
+            <td style="padding: 0 10px;">
+              <span v-for="( son , sIndex ) in item.CourseList">{{ son.CourseName }}{{item.CourseList.length==sIndex+1?'':'、'}}</span>
             </td>
             <td>
-              <p v-for="( son , sIndex ) in item.EmpList">{{ son.EmployeeName }}</p>
+              <span >{{ item.FirstRate + '%' }}</span>
             </td>
             <td>
-              <p v-for="( son , sIndex ) in item.ChildEmpList">{{ son.EmployeeName }}</p>
+              <span >{{ item.CourseRate + '%' }}</span>
+            </td>
+            <td style="padding: 0 10px;">
+              <span v-for="( son , sIndex ) in item.EmpList">{{ son.EmployeeName }}{{item.EmpList.length==sIndex+1?'':'、'}}</span>
+            </td>
+            <td style="padding: 0 10px;">
+              <span v-for="( son , sIndex ) in item.ChildEmpList">{{ son.EmployeeName }}{{item.ChildEmpList.length==sIndex+1?'':'、'}}</span>
             </td>
-
-            <!-- <td v-for="( son , sIndex ) in item.RateList">{{ son.StartValue }}</td>
-            <td v-for="( son , sIndex ) in item.RateList">{{ son.EndValue }}</td>
-            <td v-for="( son , sIndex ) in item.RateList">{{ son.Rate }}</td>-->
             <td>
               <q-btn
                 flat
@@ -102,7 +109,7 @@
                 color="accent"
                 style="font-weight:400"
                 label="编辑"
-                @click="EditTask(props.row)"
+                @click="EditTask(item)"
               />
               <q-btn
                 flat
@@ -116,27 +123,39 @@
             </td>
           </tr>
         </table>
-        <div></div>
         <table
-          class="po_content singeRowTable"
-          style="border:1px solid #E6E6E6;"
-          cellspacing="0"
-          cellpadding="0"
-          v-loading="loading"
-        >
-          <tr>
-            <th :rowspan="item.RateList.length">业绩比例</th>
-          </tr>
-          <tr>
-            <th
-              v-for="( son , sIndex ) in item.RateList"
-              :key="sIndex"
-            >{{ son.StartValue }}{{ '<业绩<=' }}{{ son.EndValue }}</th>
-          </tr>
-          <tr>
-            <td v-for="( son , sIndex ) in item.RateList" :key="sIndex">{{ son.Rate }}%</td>
-          </tr>
-        </table>
+            class="po_content singeRowTable"
+            style="border:1px solid #E6E6E6;"
+            cellspacing="0"
+            cellpadding="0"
+            v-loading="loading"
+          >
+            <tr>
+              <th >业绩比例</th>
+            </tr>
+          </table>
+        <div style="width:100%;overflow-x: auto;">
+          <table
+            class="po_content singeRowTable"
+            style="border:1px solid #E6E6E6;"
+            cellspacing="0"
+            cellpadding="0"
+            v-loading="loading"
+          >
+         
+            <tr>
+              <th style="min-width: 260px;"
+                v-for="( son , sIndex ) in item.RateList"
+                :key="sIndex"
+              >{{ son.StartValue }}{{ '<业绩<=' }}{{ son.EndValue }}</th>
+            </tr>
+            <tr style="width: 1040px;overflow-x: auto;">
+              <td style="min-width: 260px;" v-for="( son , sIndex ) in item.RateList" :key="sIndex">{{ son.Rate }}%</td>
+       
+            </tr>
+          </table>
+        </div>
+        
       </div>
       <div
         v-if="dataList.length == 0"
@@ -144,7 +163,7 @@
       >暂无数据</div>
       <div style="width: 100%;display: flex;justify-content: flex-end;margin-top: 10px;">
         <q-btn color="accent" size="sm" icon="add" label="新增规则" @click="AddMsg()" />
-        <q-btn color="accent" size="sm" label="保存" @click="setMsg()" style="margin-left: 15px;" />
+        <!-- <q-btn color="accent" size="sm" label="保存" @click="setMsg()" style="margin-left: 15px;" /> -->
       </div>
     </template>
     <marketCommissionfrom
@@ -152,6 +171,8 @@
       :isAdd="isAdd"
       :loyeeList='loyeeList'
       :CourseList='CourseList'
+      :SchoolList='SchoolList'
+      :selectData= 'selectData'
       @close="closeForm"
       @success="refreshList"
     ></marketCommissionfrom>
@@ -167,7 +188,11 @@ import {
 } from '../../../api/course/index'
 import {
   getSellAchievementsRuleList,
+  setSellAchievementsRule
 } from '../../../api/finance/index'
+  import {
+    getSchoolDropdown,
+  } from '../../../api/school/index'
 import marketCommissionfrom from "../../../components/finance/marketCommissionfrom";
 export default {
   meta: {
@@ -186,6 +211,8 @@ export default {
       isAdd: false,
       loyeeList: [],//人员列表
       CourseList:[],//课程列表
+      SchoolList:[],//校区下拉
+      selectData:{},
     }
   },
   created() {
@@ -202,6 +229,7 @@ export default {
     this.getSellAchievementsRuleList(); //获取规则
     this.getEmployeeList();
     this.getCourseList();//获取课程下拉
+    this.getSchool();//校区下拉
   },
   methods: {
 
@@ -234,23 +262,51 @@ export default {
         }
       })
     },
+    getSchool() {
+      getSchoolDropdown({}).then(res => {
+        if (res.Code == 1) {
+          this.SchoolList = res.Data;
+         
+        }
+      })
+    },
+
 
 
+    refreshList(data) { //保存规则
+        console.log(this.dataList,'datalist')
+        setSellAchievementsRule(data).then(res => {
+            if (res.Code == 1) {
+              this.$q.notify({
+              icon: 'iconfont icon-chenggong',
+              color: 'accent',
+              timeout: 2000,
+              message: res.Message,
+              position: 'top'
+            })
+            this.persistent = false;
+            this.getSellAchievementsRuleList(); //获取规则
 
-    preservation() { //保存规则
+          }
 
+        })
     },
-    AddMsg() {
+    AddMsg() {//新增
+      this.selectData = {}
       this.persistent = true;
       this.isAdd = true;
     },
+    EditTask(item){//编辑
+      this.persistent = true;
+      this.selectData = item
+      this.isAdd = false;
+      
+    },
     closeForm() {
       this.persistent = false;
 
     },
-    refreshList() {//成功之后返回
 
-    }
 
   },
 }