新增目标金额 目标金额达成率

1

src/views/2021memeberActionManager/index.vue

@@ -84,7 +84,7 @@
           :data="tableList"
           @sort-change="sortChang"
           :default-sort="{
-            prop: 'targetFinishScale',
+            prop: 'targetAmountFinishScale',
             order: 'descending',
           }"
         >
@@ -93,18 +93,14 @@
             prop="targetNum"
             label="排名"
           ></el-table-column> -->
-          <el-table-column   align="center" label="排名" type="index" width="50"> </el-table-column>
+          <el-table-column align="center" label="排名" type="index" width="50">
+          </el-table-column>
           <el-table-column
             align="center"
             prop="organName"
-            label="分部"
+            label="分部"  width="170px"
           ></el-table-column>
-          <el-table-column
-            align="center"
-            prop="buyNum"
-            sortable="custom"
-
-          >
+          <el-table-column align="center" prop="buyNum" sortable="custom"  width="150px">
             <template slot="header" slot-scope="slot">
               <div class="titleCell">
                 <span>购买人数</span>
@@ -126,12 +122,7 @@
               <div>{{ scope.row.buyNum }}人</div>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            prop="avgBuyAmount"
-            sortable="custom"
-
-          >
+          <el-table-column align="center" prop="avgBuyAmount" sortable="custom"  width="150px">
             <template slot="header" slot-scope="slot">
               <div class="titleCell">
                 <span>人均购买金额</span>
@@ -186,7 +177,7 @@
             align="center"
             prop="buyScale"
             sortable="custom"
-            width="140px"
+            width="150px"
           >
             <template slot="header" slot-scope="slot">
               <div class="titleCell">
@@ -209,17 +200,14 @@
               <div>{{ scope.row.buyScale }}%</div>
             </template>
           </el-table-column> -->
-          <el-table-column
-            align="center"
-            prop="targetNum"
-            sortable="custom"
-
-          >
+          <el-table-column align="center" prop="targetNum" sortable="custom"  width="150px">
             <template slot="header" slot-scope="slot">
               <div class="titleCell">
                 <span>目标人数</span>
                 <el-tooltip placement="top" popper-class="mTooltip">
-                  <div slot="content">进行中非会员乐团-已上乐团课小于等于4节学员-非本活动购买会员-弦乐声部学员</div>
+                  <div slot="content">
+                    进行中非会员乐团-已上乐团课小于等于4节学员-非本活动购买会员-弦乐声部学员
+                  </div>
                   <i
                     class="el-icon-question micon el-tooltip"
                     style="
@@ -240,13 +228,15 @@
             align="center"
             prop="targetFinishScale"
             sortable="custom"
-
+             width="150px"
           >
             <template slot="header" slot-scope="slot">
               <div class="titleCell">
                 <span>目标达成率</span>
                 <el-tooltip placement="top" popper-class="mTooltip">
-                  <div slot="content">该分部实际交易成功人数 / 目标人数*100%</div>
+                  <div slot="content">
+                    该分部实际交易成功人数 / 目标人数*100%
+                  </div>
                   <i
                     class="el-icon-question micon el-tooltip"
                     style="
@@ -263,7 +253,46 @@
               <div>{{ scope.row.targetFinishScale }}%</div>
             </template>
           </el-table-column>
-          <el-table-column label="详情" align="center">
+          <el-table-column
+            align="center"
+            prop="targetAmount"
+            sortable="custom"
+            label='目标金额'
+             width="150px"
+          >
+
+            <template slot-scope="scope">
+              <div>{{ scope.row.targetAmount |  moneyFormat}}</div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="targetAmountFinishScale"
+            sortable="custom"
+             width="170px"
+          >
+            <template slot="header" slot-scope="slot">
+              <div class="titleCell">
+                <span>目标达金额成率</span>
+                <el-tooltip placement="top" popper-class="mTooltip">
+                  <div slot="content">总成交额/目标总额*100%</div>
+                  <i
+                    class="el-icon-question micon el-tooltip"
+                    style="
+                      font-size: 18px;
+                      color: #f56c6c;
+                      top: 2px;
+                      position: relative;
+                    "
+                  ></i>
+                </el-tooltip>
+              </div>
+            </template>
+            <template slot-scope="scope">
+              <div>{{ scope.row.targetAmountFinishScale }}%</div>
+            </template>
+          </el-table-column>
+          <el-table-column label="详情" align="left">
             <template slot-scope="scope">
               <div>
                 <el-button type="text" @click="gotoDetail(scope.row)"