页面修改

src/pages/sale/makeupRate.vue

@@ -112,8 +112,8 @@
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <div class="col-4 Sysuser_Date">
-          <q-field filled>
-             <template v-slot:control>
+          <q-field filled>
+            <template v-slot:control>
               <el-date-picker v-model="dateList" type="daterange" style="width:100%" :picker-options="pickerOptions0"
                 align="right" value-format="yyyy-MM-dd" @change="getData" unlink-panels range-separator="至"
                 start-placeholder="开始日期" end-placeholder="结束日期">
@@ -122,8 +122,8 @@
           </q-field>
         </div>
         <div class="col-3 Sysuser_Date" v-if="IsShowEmpQuery">
-          <q-field filled>
-             <template v-slot:control>
+          <q-field filled>
+            <template v-slot:control>
               <el-select class="topselect" v-model="msg.empList" @change="getData" style="width:100%;" collapse-tags
                 multiple filterable placeholder="请选择">
                 <el-option v-for="item in EmployeeList" :key="item.Id" :label="item.EmployeeName" :value="item.Id">
@@ -135,10 +135,22 @@
       </div>
     </div>
     <div class="makeOutDiv">
-      <el-table :data="tableData" style="width: 100%" ref="table" :fit='true' :default-sort="{prop: 'date', order: 'descending'}">
-        <el-table-column :prop="index" :label="item" sortable width="160" v-for="(item, index) in tableHeader"
-          :key="index">
+      <el-table :data="tableData" style="width: 100%" ref="table" :fit='true'
+        :default-sort="{prop: 'date', order: 'descending'}">
+        <template v-for="(item, index) in tableHeader">
+          <template v-if="index=='EmployeeName'">
+            <el-table-column :prop="index" :label="item" fixed="left" width="160" :key="index">
             </el-table-column>
+          </template>
+          <template v-else-if="item=='合计回单'||item=='合计到访'||item=='合计转化率'">
+            <el-table-column :prop="index" :label="item" fixed="right" sortable width="160" :key="index">
+            </el-table-column>
+          </template>
+          <template v-else>
+            <el-table-column :prop="index" :label="item" sortable width="160" :key="index">
+            </el-table-column>
+          </template>
+        </template>
       </el-table>
     </div>
   </div>
@@ -174,7 +186,7 @@
         },
         IsQueryAuth: false, //是否有查询市场部和课程顾问部人员权限
         IsShowEmpQuery: false, //是否显示员工下拉框
-        tableHeight:50
+        tableHeight: 50
       };
     },
     created() {
@@ -213,12 +225,12 @@
       this.getEmployeeList();
       this.getData();
       setTimeout(() => {
-        this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop-60;
-      },200)
+        this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 60;
+      }, 200)
     },
     methods: {
-      getFixed(index){
-        if(index==0){
+      getFixed(index) {
+        if (index == 0) {
           return true
         }
       },
@@ -231,7 +243,7 @@
           this.msg.startTime = "";
           this.msg.endTime = "";
         }
-        this.tableData=[];
+        this.tableData = [];
         MarketChannelStudentStatic(this.msg).then(res => {
           if (res.Code == 1) {
             var tempArray = res.Data;