yumeng 1 anno fa
parent
commit
113aa162e4

+ 9 - 0
src/api/goodsManagement/goods.js

@@ -461,6 +461,15 @@ export function updateStatus(query) {
   })
   })
 }
 }
 
 
+
+export function updateSettlement(query) {
+  return request({
+    url: '/settlement/updateSettlement',
+    method: 'put',
+    data: query
+  })
+}
+
 export function financialReviewList(query) {
 export function financialReviewList(query) {
   return request({
   return request({
     url: '/financialReview/list',
     url: '/financialReview/list',

+ 13 - 0
src/api/jiaoyang/report.js

@@ -134,6 +134,19 @@ export function profitData(query) {
     params: query
     params: query
   })
   })
 }
 }
+export function getTopItem(query) {
+  return request({
+    url: '/jy/report/getTopItem',
+    method: 'get',
+    params: query
+  })
+}export function getItemClipIds(query) {
+  return request({
+    url: '/jy/report/getTopItemUser',
+    method: 'get',
+    params: query
+  })
+}
 
 
 
 
 
 

+ 241 - 235
src/views/goodsManagement/financialReviewDetails.vue

@@ -8,18 +8,18 @@
       v-show="showSearch"
       v-show="showSearch"
       label-width="100px"
       label-width="100px"
     >
     >
- <!--     <el-form-item label="结算状态" prop="settlementStatus">
-        <el-select
-          v-model="queryParams.settlementStatus"
-          placeholder="请选择结算状态"
-          clearable
-          style="width: 240px"
-        >
-          <el-option label="未达到结算条件" value="1"/>
-          <el-option label="待结算" value="2"/>
-          <el-option label="已结算" value="3"/>
-        </el-select>
-      </el-form-item>-->
+      <!--     <el-form-item label="结算状态" prop="settlementStatus">
+             <el-select
+               v-model="queryParams.settlementStatus"
+               placeholder="请选择结算状态"
+               clearable
+               style="width: 240px"
+             >
+               <el-option label="未达到结算条件" value="1"/>
+               <el-option label="待结算" value="2"/>
+               <el-option label="已结算" value="3"/>
+             </el-select>
+           </el-form-item>-->
 
 
       <el-form-item label="商品ID" prop="itemId">
       <el-form-item label="商品ID" prop="itemId">
         <el-input
         <el-input
@@ -32,7 +32,8 @@
 
 
       <el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"
-          >搜索</el-button
+        >搜索
+        </el-button
         >
         >
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
         <el-button
         <el-button
@@ -41,22 +42,24 @@
           size="mini"
           size="mini"
           @click="upload"
           @click="upload"
           style="margin-bottom: 15px"
           style="margin-bottom: 15px"
-          >导出</el-button
+        >导出
+        </el-button
         >
         >
       </el-form-item>
       </el-form-item>
     </el-form>
     </el-form>
 
 
     <el-table v-loading="loading" :data="typeList" ref="multipleTable">
     <el-table v-loading="loading" :data="typeList" ref="multipleTable">
 
 
-      <el-table-column label="商品归属人" align="center" prop="itemCreateName"   width="150"></el-table-column>
-      <el-table-column label="达人归属人" align="center" prop="promoterCreateName"  width="150"></el-table-column>
-      <el-table-column label="商品名称" align="center" prop="itemName"  width="200"> </el-table-column>
-      <el-table-column label="商品ID" align="center" prop="itemIds"  width="200"> </el-table-column>
-      <el-table-column label="达人名称" align="center" prop="promoterName"  width="150"></el-table-column>
-      <el-table-column label="达人ID" align="center" prop="promoterId"  width="150"> </el-table-column>
-      <el-table-column label="达人激励金额" align="center" prop="anchorAmount"  width="150"> </el-table-column>
-      <el-table-column label="推荐人激励" align="center" prop="referenceAmount"  width="150"> </el-table-column>
-      <el-table-column  width="200" label="推荐人信息" align="center" prop="promoterInfo" >
+      <el-table-column label="商品归属人" align="center" prop="itemCreateName" width="150"></el-table-column>
+      <el-table-column label="达人归属人" align="center" prop="promoterCreateName" width="150"></el-table-column>
+      <el-table-column label="商品名称" align="center" prop="itemName" width="200"></el-table-column>
+      <el-table-column label="商品ID" align="center" prop="itemIds" width="200"></el-table-column>
+      <el-table-column label="达人名称" align="center" prop="promoterName" width="150"></el-table-column>
+      <el-table-column label="达人ID" align="center" prop="promoterId" width="150"></el-table-column>
+      <el-table-column label="有效单数" align="center" prop="validOrderNum" width="150"></el-table-column>
+      <el-table-column label="达人激励金额" align="center" prop="anchorAmount" width="150"></el-table-column>
+      <el-table-column label="推荐人激励" align="center" prop="referenceAmount" width="150"></el-table-column>
+      <el-table-column width="200" label="推荐人信息" align="center" prop="promoterInfo">
         <template slot-scope="scope">
         <template slot-scope="scope">
           <el-input
           <el-input
             type="textarea"
             type="textarea"
@@ -67,13 +70,13 @@
         </template>
         </template>
       </el-table-column>
       </el-table-column>
 
 
-      <el-table-column label="备注" align="center" prop="remarks"  width="150"> </el-table-column>
-      <el-table-column   width="150" label="结算状态" align="center" prop="settlementStatusStr">
+      <el-table-column label="备注" align="center" prop="remarks" width="150"></el-table-column>
+      <el-table-column width="150" label="结算状态" align="center" prop="settlementStatusStr">
       </el-table-column>
       </el-table-column>
-      <el-table-column label="操作" align="center" prop="action"  width="100">
+      <el-table-column label="操作" align="center" prop="action" width="100">
         <template slot-scope="scope">
         <template slot-scope="scope">
           <el-button size="mini" type="text" :disabled="scope.row.settlementStatus == 2" @click="removeRule(scope.row)"
           <el-button size="mini" type="text" :disabled="scope.row.settlementStatus == 2" @click="removeRule(scope.row)"
-           >付款
+          >付款
           </el-button>
           </el-button>
         </template>
         </template>
       </el-table-column>
       </el-table-column>
@@ -93,230 +96,233 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import { downFilePost } from "@/api/supplyChain/supplyChain";
-import {
-  detailList,
-  updateFinancialReviewDetails,
-} from "@/api/goodsManagement/goods";
-export default {
-  name: "Rule-Config",
-  components: {},
-  data() {
-    return {
-      consigneeEdit: false,
+  import {downFilePost} from "@/api/supplyChain/supplyChain";
+  import {
+    detailList,
+    updateFinancialReviewDetails,
+  } from "@/api/goodsManagement/goods";
 
 
-      // 遮罩层
-      loading: true,
-      // 选中数组
-      ids: null,
-      okIds: null,
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 字典表格数据
-      typeList: [],
-      //上传文件类型
-      fileType: [".doc", ".xls", ".xlsx", ".ppt", ".pdf", ".csv"],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      openFp: false,
-      formFp: {},
-      // 是否可编辑
-      edit: false,
-      // 分配销售
-      openAllocation: false,
-      // 选择的销售id
-      saleId: undefined,
-      // 销售列表
-      saleList: [],
-      // 分配销售确定loading
-      confirmLoadingSale: false,
-      // 日期范围
-      dateRange: [],
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        settlementStatus:undefined
-      },
-      uploadDate: new Date(),
-      //页面所有的下拉数据
-      queryParamsList: {},
-      // 表单参数
-      form: {},
-      formBroadcast: {
-        ruleDetails: [],
-      },
-      //上传报表下拉数据
-      formList: {},
-      fileList: [],
-      accept: "",
-      //获取销售线索文件流
-      dateFile: new FormData(),
-      //销售线索上传loading
-      confirmLoading: false,
-      // 表单校验
-      rules: {},
-      rulesBroadcast: {
-        ruleName: {
-          required: true,
-          message: "规则名称必填",
-          trigger: "blur",
+  export default {
+    name: "Rule-Config",
+    components: {},
+    data() {
+      return {
+        consigneeEdit: false,
+
+        // 遮罩层
+        loading: true,
+        // 选中数组
+        ids: null,
+        okIds: null,
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 字典表格数据
+        typeList: [],
+        //上传文件类型
+        fileType: [".doc", ".xls", ".xlsx", ".ppt", ".pdf", ".csv"],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+        openFp: false,
+        formFp: {},
+        // 是否可编辑
+        edit: false,
+        // 分配销售
+        openAllocation: false,
+        // 选择的销售id
+        saleId: undefined,
+        // 销售列表
+        saleList: [],
+        // 分配销售确定loading
+        confirmLoadingSale: false,
+        // 日期范围
+        dateRange: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+          settlementStatus: undefined
         },
         },
-        ruleType: {
-          required: true,
-          message: "规则类型必选",
-          trigger: "change",
+        uploadDate: new Date(),
+        //页面所有的下拉数据
+        queryParamsList: {},
+        // 表单参数
+        form: {},
+        formBroadcast: {
+          ruleDetails: [],
         },
         },
-      },
-      // 分配销售展示列表
-      ksInfo: null,
-      userId: null,
-    };
-  },
-  created() {
-    this.userId = this.$store.getters.userId;
+        //上传报表下拉数据
+        formList: {},
+        fileList: [],
+        accept: "",
+        //获取销售线索文件流
+        dateFile: new FormData(),
+        //销售线索上传loading
+        confirmLoading: false,
+        // 表单校验
+        rules: {},
+        rulesBroadcast: {
+          ruleName: {
+            required: true,
+            message: "规则名称必填",
+            trigger: "blur",
+          },
+          ruleType: {
+            required: true,
+            message: "规则类型必选",
+            trigger: "change",
+          },
+        },
+        // 分配销售展示列表
+        ksInfo: null,
+        userId: null,
+      };
+    },
+    created() {
+      this.userId = this.$store.getters.userId;
 
 
-    // let start = new Date();
-    // start.setTime(start.getTime() - 3600 * 1000 * 24 * 1);
-    // let date = new Date(start);
-    // let y = date.getFullYear();
-    // let MM = date.getMonth() + 1;
-    // MM = MM < 10 ? "0" + MM : MM;
-    // let dd = date.getDate();
-    // dd = dd < 10 ? "0" + dd : dd;
-    // this.uploadDate = `${y}-${MM}-${dd}`;
+      // let start = new Date();
+      // start.setTime(start.getTime() - 3600 * 1000 * 24 * 1);
+      // let date = new Date(start);
+      // let y = date.getFullYear();
+      // let MM = date.getMonth() + 1;
+      // MM = MM < 10 ? "0" + MM : MM;
+      // let dd = date.getDate();
+      // dd = dd < 10 ? "0" + dd : dd;
+      // this.uploadDate = `${y}-${MM}-${dd}`;
 
 
-    if (this.$route && this.$route.query.statDate && this.$route.query.promoterId) {
-      this.getList();
-    }
-  },
-  filters: {},
-  methods: {
-    removeRule(item) {
-      this.$modal
-        .confirm(`请确认是否结算此数据?`)
-        .then(() => {
-          var params = {};
-          params.id = +item.id;
-          params.status = 2;
-          params.promoterId = item.promoterId;
-          params.promoterInfo = item.promoterInfo;
-          updateFinancialReviewDetails(params)
-            .then((res) => {
-              this.getList();
-              this.$modal.msgSuccess("结算成功");
-            })
-            .catch(() => {});
-        })
-        .catch(() => {});
+      if (this.$route && this.$route.query.statDate && this.$route.query.promoterId) {
+        this.getList();
+      }
     },
     },
+    filters: {},
+    methods: {
+      removeRule(item) {
+        this.$modal
+          .confirm(`请确认是否结算此数据?`)
+          .then(() => {
+            var params = {};
+            params.id = +item.id;
+            params.status = 2;
+            params.promoterId = item.promoterId;
+            params.promoterInfo = item.promoterInfo;
+            updateFinancialReviewDetails(params)
+              .then((res) => {
+                this.getList();
+                this.$modal.msgSuccess("结算成功");
+              })
+              .catch(() => {
+              });
+          })
+          .catch(() => {
+          });
+      },
 
 
-    /** 查询字典类型列表 */
-    getList() {
-      this.loading = true;
-      this.typeList = [];
-      detailList({
-        statDate: this.$route.query.statDate,
-        promoterId: this.$route.query.promoterId,
-        ...this.queryParams,
-      })
-        .then((response) => {
-          this.loading = false;
-          this.typeList = response.rows;
-          this.total = response.total;
+      /** 查询字典类型列表 */
+      getList() {
+        this.loading = true;
+        this.typeList = [];
+        detailList({
+          statDate: this.$route.query.statDate,
+          promoterId: this.$route.query.promoterId,
+          ...this.queryParams,
         })
         })
-        .catch((err) => {
-          console.log(err);
-        });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.confirmLoading = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {};
-      this.dateFile = null;
-      this.resetForm("formBroadcast");
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.dateRange = [];
-      let start = new Date();
-      start.setTime(start.getTime() - 3600 * 1000 * 24 * 1);
-      let date = new Date(start);
-      let y = date.getFullYear();
-      let MM = date.getMonth() + 1;
-      MM = MM < 10 ? "0" + MM : MM;
-      let dd = date.getDate();
-      dd = dd < 10 ? "0" + dd : dd;
-      this.uploadDate = `${y}-${MM}-${dd}`;
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-    upload() {
-      downFilePost("/settlement/exportPromoterSettlementDetail", {
-        statDate: this.$route.query.statDate,
-        promoterId: this.$route.query.promoterId,
-      }).then((res) => {
-        let blob = new Blob([res], {
-          type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+          .then((response) => {
+            this.loading = false;
+            this.typeList = response.rows;
+            this.total = response.total;
+          })
+          .catch((err) => {
+            console.log(err);
+          });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.confirmLoading = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {};
+        this.dateFile = null;
+        this.resetForm("formBroadcast");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+        this.dateRange = [];
+        let start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 1);
+        let date = new Date(start);
+        let y = date.getFullYear();
+        let MM = date.getMonth() + 1;
+        MM = MM < 10 ? "0" + MM : MM;
+        let dd = date.getDate();
+        dd = dd < 10 ? "0" + dd : dd;
+        this.uploadDate = `${y}-${MM}-${dd}`;
+        this.resetForm("queryForm");
+        this.handleQuery();
+      },
+      upload() {
+        downFilePost("/settlement/exportPromoterSettlementDetail", {
+          statDate: this.$route.query.statDate,
+          promoterId: this.$route.query.promoterId,
+        }).then((res) => {
+          let blob = new Blob([res], {
+            type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+          });
+          let downloadElement = document.createElement("a");
+          let href = window.URL.createObjectURL(blob); //创建下载的链接
+          downloadElement.href = href;
+          downloadElement.download = "激励结算详情.xlsx"; //下载后文件名
+          document.body.appendChild(downloadElement);
+          downloadElement.click(); //点击下载
+          document.body.removeChild(downloadElement); //下载完成移除元素
+          window.URL.revokeObjectURL(href); //释放掉blob对象
         });
         });
-        let downloadElement = document.createElement("a");
-        let href = window.URL.createObjectURL(blob); //创建下载的链接
-        downloadElement.href = href;
-        downloadElement.download = "激励结算详情.xlsx"; //下载后文件名
-        document.body.appendChild(downloadElement);
-        downloadElement.click(); //点击下载
-        document.body.removeChild(downloadElement); //下载完成移除元素
-        window.URL.revokeObjectURL(href); //释放掉blob对象
-      });
-    },
+      },
 
 
-  },
-};
+    },
+  };
 </script>
 </script>
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-.entire-line {
-  width: 100%;
-}
+  .entire-line {
+    width: 100%;
+  }
 
 
-::v-deep .entire-line .el-form-item__content {
-  width: 60%;
-}
+  ::v-deep .entire-line .el-form-item__content {
+    width: 60%;
+  }
 
 
-::v-deep .el-form-item__label {
-  white-space: nowrap;
-}
+  ::v-deep .el-form-item__label {
+    white-space: nowrap;
+  }
 </style>
 </style>
 <style scoped lang="scss">
 <style scoped lang="scss">
-::v-deep a {
-  color: #409eff;
-  display: block;
-  text-align: left;
-}
+  ::v-deep a {
+    color: #409eff;
+    display: block;
+    text-align: left;
+  }
 
 
-.item-name-calss p {
-  margin: 0;
-  text-align: left;
-}
+  .item-name-calss p {
+    margin: 0;
+    text-align: left;
+  }
 
 
-.tableBox {
-  width: 100%;
-}
+  .tableBox {
+    width: 100%;
+  }
 </style>
 </style>

+ 18 - 7
src/views/goodsManagement/settlement.vue

@@ -109,22 +109,26 @@
 </template>
 </template>
 
 
 <script>
 <script>
-  import {refreshCache} from "@/api/system/dict/type";
+
+  import {
+    listType,
+    getType,
+    delType,
+    addType,
+    updateType,
+    refreshCache,
+  } from "@/api/system/dict/type";
   import {downFilePost} from "@/api/supplyChain/supplyChain";
   import {downFilePost} from "@/api/supplyChain/supplyChain";
   import {
   import {
     getSettlementList,
     getSettlementList,
-    updatePromoterStatus,
     addRule,
     addRule,
     editRule,
     editRule,
-    removeRule,
-    editStatus,
-    getRuleDetailByRuleId,
-    editDetail,
-    addDetail,
+    editStatus
   } from "@/api/goodsManagement/goods";
   } from "@/api/goodsManagement/goods";
 
 
   export default {
   export default {
     name: "Rule-Config",
     name: "Rule-Config",
+    dicts: ["sys_normal_disable"],
     components: {},
     components: {},
     data() {
     data() {
       return {
       return {
@@ -210,6 +214,13 @@
 
 
       this.getList();
       this.getList();
     },
     },
+
+    mounted() {
+      this.$nextTick(() => {
+        this.getList();
+      });
+    },
+
     filters: {},
     filters: {},
     methods: {
     methods: {
 
 

+ 24 - 0
src/views/goodsManagement/settlementDetails.vue

@@ -102,6 +102,10 @@
       </el-table-column>
       </el-table-column>
       <el-table-column label="操作" align="center" prop="action"  width="100">
       <el-table-column label="操作" align="center" prop="action"  width="100">
         <template slot-scope="scope">
         <template slot-scope="scope">
+          <el-button size="mini" type="text"  @click="updateSettlement(scope.row)"
+          >修改
+          </el-button>
+
           <el-button size="mini" type="text" :disabled="scope.row.settlementStatus == 3" @click="removeRule(scope.row)"
           <el-button size="mini" type="text" :disabled="scope.row.settlementStatus == 3" @click="removeRule(scope.row)"
            >结算
            >结算
           </el-button>
           </el-button>
@@ -127,6 +131,7 @@ import { downFilePost } from "@/api/supplyChain/supplyChain";
 import {
 import {
   getPromoterSettlementDetail,
   getPromoterSettlementDetail,
   updateStatus,
   updateStatus,
+  updateSettlement
 } from "@/api/goodsManagement/goods";
 } from "@/api/goodsManagement/goods";
 export default {
 export default {
   name: "Rule-Config",
   name: "Rule-Config",
@@ -241,6 +246,25 @@ export default {
         .catch(() => {});
         .catch(() => {});
     },
     },
 
 
+    updateSettlement(item) {
+      this.$modal
+        .confirm(`请确认是否修改此数据?`)
+        .then(() => {
+          var params = {};
+          params.id = +item.id;
+          params.anchorAmount = item.anchorAmount;
+          params.referenceAmount = item.referenceAmount;
+          params.remarks = item.remarks;
+          updateSettlement(params)
+            .then((res) => {
+              this.getList();
+              this.$modal.msgSuccess("修改成功");
+            })
+            .catch(() => {});
+        })
+        .catch(() => {});
+    },
+
     /** 查询字典类型列表 */
     /** 查询字典类型列表 */
     getList() {
     getList() {
       this.loading = true;
       this.loading = true;

+ 1 - 0
src/views/jiaoyang/jyClipCooperation.vue

@@ -181,6 +181,7 @@
     created() {
     created() {
       this.userId = this.$store.getters.userId;
       this.userId = this.$store.getters.userId;
       let start = new Date();
       let start = new Date();
+      start.setTime(start.getTime() - 3600 * 1000 * 24 * 1);
       let date = new Date(start);
       let date = new Date(start);
       let y = date.getFullYear();
       let y = date.getFullYear();
       let MM = date.getMonth() + 1;
       let MM = date.getMonth() + 1;

+ 333 - 0
src/views/jiaoyang/jyTopItem.vue

@@ -0,0 +1,333 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="100px"
+    >
+      <el-form-item label="团长" prop="clipId">
+        <el-select
+          filterable
+          v-model="queryParams.promoterId"
+          placeholder="选择行业"
+          clearable
+          style="width: 240px"
+        >
+          <el-option
+            v-for="item in queryParamsList.clipUserIds"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="选择日期">
+        <el-date-picker
+          v-model="uploadDate"
+          style="width: 240px"
+          value-format="yyyy-MM-dd"
+          format="yyyy-MM-dd"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"
+        >搜索
+        </el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+
+      </el-form-item>
+    </el-form>
+
+    <el-table v-loading="loading" :data="typeList" ref="multipleTable"    @sort-change="sortChange">
+
+
+      <el-table-column
+        label="商品信息"
+        align="center"
+        prop="itemName"
+        width="350"
+      >
+        <template slot-scope="scope">
+          <div style="display: flex; width: 100%">
+            <div style="width: 40%">
+              <img
+                :src="scope.row.itemImgUrl"
+                alt=""
+                style="width: 70px; height: auto"
+              />
+              <img
+                v-if="scope.row.isNew == 1 "
+                src="./new.jpg"
+                alt=""
+                style="
+                  width: 70px;
+                  height: auto;
+                  position: absolute;
+                  left: 40px;
+                  top: 10px;
+                "
+              />
+            </div>
+            <div style="width: 60%" class="item-name-calss">
+              <p>商品Id: {{ scope.row.itemId }}</p>
+              <p>售价: {{ scope.row.itemPrice }}</p>
+              <p>
+                名称:{{ scope.row.itemName }}
+              </p>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column width="150" label="团长信息" align="center" prop="clipName" ></el-table-column>
+      <el-table-column label="出单达人数" align="center" prop="promotionPromoterCount" sortable="custom"> </el-table-column>
+      <el-table-column label="今日出单数" align="center" prop="promotionVolume"  sortable="custom"></el-table-column>
+      <el-table-column label="昨日出单数" align="center" prop="yesPromotionVolume"  sortable="custom"></el-table-column>
+      <el-table-column label="出单增量" align="center" prop="difference"  sortable="custom"></el-table-column>
+      <el-table-column label="涨幅" align="center" prop="increaseInPrice"  sortable="custom">
+        <template slot-scope="scope">
+          {{ scope.row.increaseInPrice ? scope.row.increaseInPrice + "%" : "-" }}
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+      :pageSizes="[10, 20, 30, 50,100,200]"
+    />
+  </div>
+</template>
+
+<script>
+  import {refreshCache} from "@/api/system/dict/type";
+  import {getTopItem, downFile, getItemClipIds} from "@/api/jiaoyang/report";
+
+  export default {
+    name: "Rule-Config",
+    components: {},
+    data() {
+      return {
+        prop: "difference",
+        sort: "desc",
+        // 遮罩层
+        loading: true,
+        // 选中数组
+        ids: null,
+        okIds: null,
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        // 字典表格数据
+        typeList: [],
+        //上传文件类型
+        fileType: [".doc", ".xls", ".xlsx", ".ppt", ".pdf", ".csv"],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+        openFp: false,
+        formFp: {},
+        // 是否可编辑
+        edit: false,
+        // 分配销售
+        openAllocation: false,
+        // 选择的销售id
+        saleId: undefined,
+        // 销售列表
+        saleList: [],
+        // 分配销售确定loading
+        confirmLoadingSale: false,
+        // 日期范围
+        dateRange: [],
+        // 查询参数
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+          promoterId: undefined,
+        },
+        uploadDate: new Date(),
+        //页面所有的下拉数据
+        queryParamsList: {
+          clipUserIds: []
+        },
+        // 表单参数
+        form: {},
+        formBroadcast: {
+          ruleDetails: [],
+        },
+        //上传报表下拉数据
+        formList: {},
+        fileList: [],
+        accept: "",
+        //获取销售线索文件流
+        dateFile: new FormData(),
+        //销售线索上传loading
+        confirmLoading: false,
+        // 表单校验
+        // 分配销售展示列表
+        ksInfo: null,
+        userId: null,
+      };
+    },
+    created() {
+      this.userId = this.$store.getters.userId;
+      let start = new Date();
+      let date = new Date(start);
+      let y = date.getFullYear();
+      let MM = date.getMonth() + 1;
+      MM = MM < 10 ? "0" + MM : MM;
+      let dd = date.getDate();
+      dd = dd < 10 ? "0" + dd : dd;
+      this.uploadDate = `${y}-${MM}-${dd}`;
+
+      this.getList();
+      this.getClipIds();
+    },
+    filters: {},
+    methods: {
+      getClipIds() {
+        getItemClipIds().then((res) => {
+          this.queryParamsList.clipUserIds = res.map((item) => {
+            return {
+              label: item.name,
+              value: item.id,
+            };
+          });
+        });
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        this.downLoadLoading = true;
+        downFile("/jy/report/exportClipCooperation",
+          this.addDateRange(
+            {statDate: this.uploadDate},
+            this.queryParams
+          )
+        ).then((res) => {
+          let blob = new Blob([res], {
+            type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+          });
+          let downloadElement = document.createElement("a");
+          let href = window.URL.createObjectURL(blob); //创建下载的链接
+          downloadElement.href = href;
+          downloadElement.download = `二创列表_${this.uploadDate[0]}-${this.uploadDate[1]}.xlsx`; //下载后文件名
+          document.body.appendChild(downloadElement);
+          downloadElement.click(); //点击下载
+          document.body.removeChild(downloadElement); //下载完成移除元素
+          window.URL.revokeObjectURL(href); //释放掉blob对象
+          this.downLoadLoading = false;
+        });
+      },
+      sortChange(col, prop, order) {
+        this.prop = col.prop;
+        this.sort = !!col.order
+          ? col.order == "descending"
+            ? "desc"
+            : "asc"
+          : "desc";
+        this.handleQuery();
+      },
+      /** 查询字典类型列表 */
+      getList() {
+        this.loading = true;
+        this.typeList = [];
+        getTopItem({statDate: this.uploadDate,fieId: this.prop, sort: this.sort, ...this.queryParams})
+          .then((response) => {
+            this.loading = false;
+            this.typeList = response.rows;
+            this.total = response.total;
+          })
+          .catch((err) => {
+            console.log(err);
+          });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.confirmLoading = false;
+        this.reset();
+      },
+      // 表单重置
+      reset() {
+        this.form = {};
+        this.dateFile = null;
+        this.resetForm("formBroadcast");
+      },
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.queryParams.pageNum = 1;
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+        this.dateRange = [];
+        let start = new Date();
+        let date = new Date(start);
+        let y = date.getFullYear();
+        let MM = date.getMonth() + 1;
+        MM = MM < 10 ? "0" + MM : MM;
+        let dd = date.getDate();
+        dd = dd < 10 ? "0" + dd : dd;
+        this.uploadDate = `${y}-${MM}-${dd}`;
+        this.resetForm("queryForm");
+        this.queryParams.promoterId = undefined;
+        this.prop = 'difference';
+        this.sort = 'desc';
+        this.handleQuery();
+      },
+
+
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+      },
+      /** 新增直播确定按钮 */
+
+    },
+  };
+</script>
+<style lang="scss" scoped>
+  .entire-line {
+    width: 100%;
+  }
+
+  ::v-deep .entire-line .el-form-item__content {
+    width: 60%;
+  }
+
+  ::v-deep .el-form-item__label {
+    white-space: nowrap;
+  }
+</style>
+<style scoped lang="scss">
+  ::v-deep a {
+    color: #409eff;
+    display: block;
+    text-align: left;
+  }
+
+  .item-name-calss p {
+    margin: 0;
+    text-align: left;
+  }
+
+  .tableBox {
+    width: 100%;
+  }
+</style>

BIN
src/views/jiaoyang/new.jpg