页面修改

src/components/finance/consult-form.vue

@@ -83,8 +83,8 @@
     height: 100%;
   }
 
-  /deep/ .q-field__before,
-  /deep/ .q-field__prepend {
+  .q-field__before,
+  .q-field__prepend {
     padding-right: 0px !important;
   }
 </style>
@@ -102,7 +102,8 @@
         <div class="row wrap">
           <div class="col-6">
             <q-select filled option-value="Id" option-label="Name" class="col-6 q-pb-lg q-pr-lg"
-              v-model="objOption.PlanType" :options="TypeList" emit-value map-options label="方案类型" />
+              v-model="objOption.PlanType" :options="TypeList" @input="getEmployeeList" emit-value map-options
+              label="方案类型" />
           </div>
           <div class="col-6">
             <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.PlanName" ref="PlanName"
@@ -113,7 +114,6 @@
           <div class="col-6">
             <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.BasicSalary" ref="BasicSalary"
               class="col-6 q-pb-lg q-pr-lg" label="基本工资" @keyup.native="checkPrice(objOption,'BasicSalary')" />
-
           </div>
           <div class="col-6">
             <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.OpenBonus" ref="OpenBonus"
@@ -135,20 +135,20 @@
         <div class="row wrap">
           <div class="col-6">
             <q-select @filter="filterCourseFn" class="col-6 q-pb-lg q-pr-lg" use-input filled multiple
-              option-value="CourseId" option-label="CourseName" v-model="UseCourseIdsArray" :options="myClassList"
+              option-value="CourseId" option-label="CourseName" v-model="UseCourseIdsArray" :options="chooseCourseList"
               emit-value map-options label="学习课程" clearable />
           </div>
           <div class="col-6">
             <q-select @filter="filterCourseFn" use-input filled multiple option-value="CourseId"
-              option-label="CourseName" v-model="NotUseCourseIdsArray" :options="myClassList" emit-value map-options
-              label="不适用课程" clearable />
+              option-label="CourseName" v-model="NotUseCourseIdsArray" :options="chooseCourseList" emit-value
+              map-options label="不适用课程" clearable />
           </div>
         </div>
         <div class="row wrap">
           <div class="col-6">
-            <q-select filled v-model="SaleIdsArray" multiple @filter="filterEmployee" use-input class="col-6 q-pb-lg q-pr-lg"
-              :options="myEmployeeList" label="适用人员" option-label="EmployeeName" option-value="Id" emit-value
-              map-options />
+            <q-select filled v-model="SaleIdsArray" multiple @filter="filterEmployee" use-input
+              class="col-6 q-pb-lg q-pr-lg" :options="myEmployeeList" label="适用人员" option-label="EmployeeName"
+              option-value="Id" emit-value map-options />
           </div>
         </div>
       </q-card-section>
@@ -231,17 +231,17 @@
         }],
         myEmployeeList: [],
         employeeList: [],
-        myClassList: [],
-        ClassList: [], //关联课程下拉数据
-
+        chooseCourseList: [],
+        CourseList: [], //关联课程下拉数据
         saveLoading: false,
         optionTitle: '',
       }
     },
-    created() {},
-    mounted() {
-      this.CourseList();
+    created() {
       this.getEmployeeList();
+      this.CourseList();
+    },
+    mounted() {
       this.initObj()
     },
     methods: {
@@ -260,25 +260,25 @@
       CourseList() {
         queryCourseDropdownList({}).then(res => {
           if (res.Code == 1) {
-            this.ClassList = res.Data;
-            this.myClassList = this.ClassList;
+            this.CourseList = res.Data;
+            this.chooseCourseList = res.Data;
           }
         })
       },
       //课程筛选
       filterCourseFn(val, update, abort) {
         update(() => {
-          this.myClassList = this.ClassList.filter(
+          this.chooseCourseList = this.CourseList.filter(
             v => v.CourseName.indexOf(val) > -1
           );
         });
       },
-
       //获取员工列表
       getEmployeeList() {
-        queryEmployee({
+        var qMsg = {
           IsLeave: 1
-        }).then(res => {
+        };
+        queryEmployee(qMsg).then(res => {
           this.employeeList = res.Data;
           this.myEmployeeList = res.Data;
         })

src/pages/financial/market/courseConsultant.vue

@@ -52,13 +52,34 @@
     <div class="page-content">
       <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table"
         separator="none" :data="dataList" :columns="columns" row-key="name">
-        <template v-slot:top="props">
+        <template v-slot:top>
           <div class="col-2 q-table__title">人头奖金配置</div>
           <q-space />
           <div class="page-option">
             <q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增规则" @click="AddMsg(null)" />
           </div>
         </template>
+        <template v-slot:body-cell-SaleList="props">
+          <q-td>
+            <div class="border-bottom" v-for="(item,index) in props.row.SaleList" :key="index">
+              {{item.SaleManName}}
+            </div>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-UseCourseList="props">
+          <q-td>
+            <div class="border-bottom" v-for="(item,index) in props.row.UseCourseList" :key="index">
+              {{item.CourseName}}
+            </div>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-NotUseCourseList="props">
+          <q-td>
+            <div class="border-bottom" v-for="(item,index) in props.row.NotUseCourseList" :key="index">
+              {{item.CourseName}}
+            </div>
+          </q-td>
+        </template>
         <template v-slot:body-cell-DetailList="props">
           <q-td>
             <div class="border-bottom" v-for="(item,index) in props.row.DetailList" :key="index">
@@ -147,21 +168,21 @@
             field: 'ClueNumSalary'
           },
           {
-            name: "SaleIds",
+            name: "SaleList",
             required: true,
-            label: "销售人员",
+            label: "适用人员",
             align: "left",
-            field: 'SaleIds'
+            field: 'SaleList'
           },
           {
-            name: "UseCourseIds",
+            name: "UseCourseList",
             required: true,
-            label: "学习课程",
+            label: "适用课程",
             align: "left",
-            field: 'UseCourseIds'
+            field: 'UseCourseList'
           },
           {
-            name: "NotUseCourseIds",
+            name: "NotUseCourseList",
             label: "不适用课程",
             field: "NotUseCourseIds",
             align: "left",