机构分成

src/assets/styles/index.scss

@@ -77,6 +77,10 @@ div:focus {
   float: left;
 }
 
+.df {
+  display: flex;
+}
+
 .pr-5 {
   padding-right: 5px;
 }

src/components/Comon/pictureList.vue

@@ -62,7 +62,7 @@ export default {
     align-items: center;
     flex-shrink: 0;
     margin-right: 10px;
-    margin-bottom: 10px;
+    margin-bottom: 15px;
     & > img {
       margin-left: 2px;
       width: 40px;

src/components/searchBoxNew.vue

@@ -561,7 +561,7 @@
           <el-date-picker
             v-else-if="item.scope === 'datePickerA'"
             v-model="formData[item.prop]"
-            type="datetime"
+            :type="item.type || 'datetime'"
             :size="size"
             :placeholder="item.placeholder"
             value-format="timestamp"

src/components/tableList.vue

@@ -1962,6 +1962,7 @@ export default {
     edit() {},
     selectAll(value) {
       this.allCheckData = value;
+      this.$emit("selectAll", value);
     },
     select(selection, row) {
       this.allCheckData = selection;

src/main.js

@@ -48,6 +48,9 @@ import DictData from "@/components/DictData";
 import methodsTools from "@/utils/methodsTool";
 import bus from "@/utils/eventBus";
 // 全局方法挂载
+import searchBoxNew from "@/components/searchBoxNew";
+import tableList from "@/components/tableList";
+import pagination from "@/components/pagination";
 
 Vue.prototype.$store = store;
 Vue.prototype.getDicts = getDicts;
@@ -71,6 +74,9 @@ Vue.component("BaseDialog", BaseDialog);
 Vue.component("RightToolbar", RightToolbar);
 Vue.component("Editor", Editor);
 Vue.component("FileUpload", FileUpload);
+Vue.component("searchBoxNew", searchBoxNew);
+Vue.component("tableList", tableList);
+Vue.component("pagination1", pagination);
 const fontRate = {
   CHAR_RATE: 1.1, // 汉字比率
   NUM_RATE: 0.65, // 数字

src/views/financed/accountsPayable/businessCommission/index.vue

@@ -1,18 +1,428 @@
 <template>
-  <div>123</div>
+  <div id="ActivityList">
+    <search-box-new
+      ref="searchBox"
+      :redIcon="false"
+      :formData="formData"
+      :formList="formList"
+      @search="search(3)"
+      @init="init"
+    />
+    <picture-list ref="pictureList" :list="showTabList"></picture-list>
+    <table-list
+      :key="type"
+      rowKey="id"
+      ref="tableList"
+      :tableSets="tableSet"
+      :tableData="tableData"
+      :navText="navText"
+      :loading="loading"
+    >
+      <template slot="customize">
+        <el-button @click="exportSH" type="success"> 批量审核 </el-button>
+        <el-button @click="batchExport" type="primary"> 导出excel </el-button>
+      </template>
+      <template slot="predictPayTime" slot-scope="props">
+        <span v-if="props.scope.row.creditStatus == 1">已结清</span>
+        <span style="color: red" v-else>
+          {{ $methodsTools.onlyForma(props.scope.row.predictPayTime) || "--" }}
+        </span>
+      </template>
+      <template slot="predictPayDay" slot-scope="props">
+        <span
+          :style="{ color: props.scope.row.predictPayDay < 0 ? 'red' : '' }"
+        >
+          {{ props.scope.row.predictPayDay || "--" }}
+        </span>
+      </template>
+      <template slot="divideCheckStatus" slot-scope="props">
+        <div v-if="props.scope.row.billType != 7">
+          {{
+            divideCheckStatus(
+              props.scope.row.orderSn,
+              props.scope.row.payStatus,
+              props.scope.row.checkStatus
+            )
+          }}
+          <span style="color: #409eff" v-if="props.scope.row.roleName">
+            ({{ props.scope.row.roleName }})
+          </span>
+        </div>
+      </template>
+      <template slot="btn" slot-scope="props">
+        <el-button type="text" @click="openDialog(props.scope.row, 1)">
+          详情
+        </el-button>
+        <el-button
+          type="text"
+          v-if="!props.scope.row.orderSn"
+          :disabled="
+            !(
+              props.scope.row.payStatus === 0 || props.scope.row.payStatus === 4
+            )
+          "
+          @click="openDialog([props.scope.row])"
+        >
+          支付
+        </el-button>
+        <el-button
+          v-else
+          type="text"
+          :disabled="
+            props.scope.row.checkStatus !== 0 ||
+            getRoles(props.scope.row.roleId)
+          "
+          @click="openDialog([props.scope.row])"
+        >
+          审核
+        </el-button>
+        <el-button type="text"> 单据打印 </el-button>
+        <el-button type="text"> 明细打印 </el-button>
+      </template>
+    </table-list>
+    <pagination
+      :total="total"
+      :pageSize.sync="formData.pageSize"
+      :currentPage.sync="formData.pageNum"
+      @search="search(3)"
+    />
+    <!-- 订单详情 -->
+    <dislog-order-details
+      :orderSn="activeOrderInfo.orderSn"
+      :orderFrom="activeOrderInfo.orderFrom"
+      :dialogVisible.sync="orderDialogVisible"
+    />
+    <dislog-set
+      :dialogVisible.sync="examineDialogVisible"
+      @search="search"
+      :info="activeOrderInfoArray"
+    ></dislog-set>
+  </div>
 </template>
 
 <script>
-export default {
-  name: "SaasMasterPlatformIndex",
+import dislogSet from "../../components/audit/dislogSet.vue";
+import searchBoxNew from "@/components/searchBoxNew";
+import tableList from "@/components/tableList";
+import pagination from "@/components/pagination";
+import dislogOrderDetails from "../../components/dislogOrderDetails.vue";
+import pictureList from "@/components/Comon/pictureList.vue";
+import { exportFn } from "@/utils/index.js";
+import {
+  sellerExport,
+  countOrderNum,
+  sellerPercentageList,
+} from "@/api/financed/index";
 
+export default {
+  name: "Seller",
+  components: {
+    searchBoxNew,
+    tableList,
+    pagination,
+    dislogOrderDetails,
+    dislogSet,
+    pictureList,
+  },
   data() {
-    return {};
+    return {
+      showTabList: [
+        {
+          label: "应付分成",
+          img: "未收款",
+          value: 0,
+        },
+        {
+          label: "完单分成",
+          img: "已退款",
+          value: 0,
+        },
+        {
+          label: "退款扣除",
+          img: "成本金额",
+          value: 0,
+        },
+      ],
+      loading: false, //当前表单加载是否加载动画
+      navText: {
+        title: "业务提成",
+        index: 0,
+        ch: "条",
+        num: true,
+        choice: true,
+        addHide: true,
+        dontNum: true,
+        openCheckMore: false,
+        changeWidth: "280px",
+        custom: false,
+        tableColor: true,
+      },
+      formData: {
+        pageSize: 10,
+        pageNum: 1,
+      },
+      tableSet: [
+        {
+          label: "账期时间",
+          prop: "monthTime",
+          hidden: true,
+          width: 140,
+        },
+        {
+          label: "机构名称",
+          prop: "tenantName",
+          hidden: true,
+        },
+        {
+          label: "业务员",
+          prop: "createUsername",
+          hidden: true,
+        },
+        {
+          label: "业务号",
+          prop: "createNo",
+          hidden: true,
+        },
+        {
+          label: "应付分成",
+          prop: "payMoney",
+          hidden: true,
+          scope: "formatPrice",
+        },
+        {
+          label: "完单分成",
+          prop: "closeOrderMoney",
+          hidden: true,
+          scope: "formatPrice",
+        },
+        {
+          label: "退款扣除",
+          prop: "deductMoney",
+          hidden: true,
+          scope: "formatPrice",
+        },
+        {
+          label: "预付时间",
+          prop: "predictPayTime",
+          hidden: true,
+          scope: "aTimeList",
+          hidden: true,
+        },
+        {
+          label: "剩余天数",
+          prop: "predictPayDay",
+          hidden: true,
+          scope: "solt",
+          soltName: "predictPayDay",
+        },
+        {
+          label: "审核状态",
+          prop: "divideCheckStatus",
+          hidden: true,
+          scope: "solt",
+          soltName: "divideCheckStatus",
+        },
+      ],
+      tableData: [], //表单数据
+      formList: [
+        {
+          prop: "tenantIds",
+          placeholder: "机构选择",
+          scope: "systemtenantlist",
+          multiple: true,
+        },
+        {
+          prop: "month",
+          placeholder: "账期时间",
+          scope: "moreMonth",
+        },
+        {
+          prop: "overPayDay",
+          placeholder: "预付超期",
+          scope: "select",
+          options: [
+            { label: "7天", value: 1 },
+            { label: "30天", value: 2 },
+            { label: "半年", value: 3 },
+            { label: "1年", value: 4 },
+          ],
+        },
+        {
+          prop: "checkStatus",
+          placeholder: "审核状态",
+          scope: "select",
+          multiple: true,
+          options: [
+            { label: "待审核", value: 2 },
+            { label: "审核中", value: 5 },
+            { label: "待支付", value: 3 },
+            { label: "支付失败", value: 4 },
+            { label: "已结算", value: 1 },
+          ],
+        },
+        {
+          prop: "orderSn",
+          placeholder: "输入订单号",
+        },
+        {
+          prop: "kewWorad",
+          placeholder: "输入业务号/业务员号",
+        },
+      ],
+      total: 0, //一共多少条
+      orderDialogVisible: false,
+      examineDialogVisible: false,
+      activeOrderInfo: {},
+      activeOrderInfoArray: [],
+      activeList: [],
+    };
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    getRoles(roleId) {
+      if (
+        (this.$store.state.user.rolesId?.length > 0 &&
+          this.$store.state.user.rolesId.includes(roleId)) ||
+        this.$store.state.user.rolesId.includes(1)
+      ) {
+        return false;
+      } else {
+        return true;
+      }
+    },
+    divideCheckStatus(type, e1, e2) {
+      var a = "";
+      if (type) {
+        switch (e2) {
+          case -1:
+            a = "未通过";
+            break;
+          case 0:
+            a = "待审核";
+            break;
+          case 1:
+            a = "已通过";
+            break;
+          case 2:
+            a = "待支付";
+            break;
+          case 3:
+            a = "已支付";
+            break;
+          default:
+            break;
+        }
+      } else {
+        switch (e1) {
+          case 0:
+            a = "待支付";
+            break;
+          case 1:
+            a = "已打款";
+            break;
+          case 2:
+            a = "待审核";
+            break;
+          case 3:
+            a = "打款中";
+            break;
+          case 4:
+            a = "打款失败";
+            break;
+          default:
+            break;
+        }
+      }
+      return a;
+    },
+    exportSH() {
+      if (this.activeList.length === 0) {
+        this.$message.error("请勾选数据");
+        return;
+      }
+      this.openDialog(this.activeList);
+    },
+    openDialog(data, type = 0) {
+      if (type === 1) {
+        this.activeOrderInfoArray = data;
+        for (let i = 0; i < this.activeOrderInfoArray.length; i++) {
+          this.activeOrderInfoArray[i].checkFrom = 3;
+        }
+      } else {
+        this.activeOrderInfo = data;
+        this.activeOrderInfo.checkFrom = 3;
+      }
+      this[["examine", "order"][type] + "DialogVisible"] = true;
+    },
+    batchExport() {
+      sellerExport(this.formData).then((res) => {
+        if (res.msg) {
+          exportFn(res.msg, "导出业务提成数据");
+        } else {
+          this.$message.error("导出失败");
+        }
+      });
+    },
+    getDataList() {
+      sellerPercentageList(this.formData)
+        .then((res) => {
+          res.rows.forEach((e) => {
+            e.monthTime = this.parseTime(e.monthTime, "{y}-{m}");
+            e.closeOrderMoney = e.deductMoney + e.payMoney;
+          });
+          this.tableData = res.rows;
+          this.total = res.total;
+          this.navText.index = res.total;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    async search(v) {
+      this.loading = true;
+      if (v === 2) {
+        this.tableData = [];
+        this.formData = {
+          pageSize: 10,
+          pageNum: 1,
+          month: "",
+          years: [],
+          roleIds: this.rolesId,
+        };
+      }
+      this.$nextTick(() => {
+        this.$refs.tableList.clearMoreActive();
+      });
+      this.getCountOrderNum();
+      this.getDataList();
+    },
+    init() {
+      this.search(2);
+    },
+    getCountOrderNum() {
+      var data = JSON.parse(JSON.stringify(this.formData));
+      delete data.pageNum;
+      delete data.pageSize;
+      countOrderNum({ totalType: 3, ...data }).then((res) => {
+        let {
+          unPayMoneyTotal,
+          unDeductMoneyTotal,
+          deductMoneyTotal,
+          payMoneyTotal,
+        } = res.data;
+        this.showTabList[0].value = payMoneyTotal + unPayMoneyTotal;
+        this.showTabList[1].value = payMoneyTotal + unDeductMoneyTotal;
+        this.showTabList[2].value = deductMoneyTotal + unDeductMoneyTotal;
+      });
+    },
+  },
+  computed: {
+    rolesId() {
+      return this.$store.state.user.rolesId;
+    },
   },
-
-  mounted() {},
-
-  methods: {},
 };
 </script>
 

src/views/financed/accountsPayable/commissionSettlement/index.vue

@@ -1,18 +1,455 @@
 <template>
-  <div>123</div>
+  <div id="ActivityList">
+    <search-box-new
+      ref="searchBox"
+      :redIcon="false"
+      :formData="formData"
+      :formList="formList"
+      @search="search(3)"
+      @init="init"
+    />
+    <picture-list ref="pictureList" :list="showTabList"></picture-list>
+    <table-list
+      :key="type"
+      rowKey="id"
+      ref="tableList"
+      :tableSets="tableSet"
+      :tableData="tableData"
+      :navText="navText"
+      :loading="loading"
+      @load="load"
+      @select="selectRow"
+    >
+      <template slot="customize">
+        <el-button @click="batchExport" type="primary"> 导出excel </el-button>
+      </template>
+      <template slot="divideCheckStatus" slot-scope="props">
+        <div v-if="props.scope.row.billType != 7">
+          {{
+            divideCheckStatus(
+              props.scope.row.orderSn,
+              props.scope.row.payStatus,
+              props.scope.row.checkStatus
+            )
+          }}
+          <span style="color: #409eff" v-if="props.scope.row.roleName">
+            ({{ props.scope.row.roleName }})
+          </span>
+        </div>
+      </template>
+      <template slot="btn" slot-scope="props">
+        <el-button type="text" @click="openDialog(props.scope.row, 1)">
+          详情
+        </el-button>
+        <el-button
+          type="text"
+          v-if="!props.scope.row.orderSn"
+          :disabled="
+            !(
+              props.scope.row.payStatus === 0 || props.scope.row.payStatus === 4
+            )
+          "
+          @click="openDialog([props.scope.row])"
+        >
+          支付
+        </el-button>
+        <el-button
+          v-else
+          type="text"
+          :disabled="
+            props.scope.row.checkStatus !== 0 ||
+            getRoles(props.scope.row.roleId)
+          "
+          @click="openDialog([props.scope.row])"
+        >
+          审核
+        </el-button>
+        <el-button type="text"> 单据打印 </el-button>
+        <el-button type="text"> 明细打印 </el-button>
+      </template>
+    </table-list>
+    <pagination
+      :total="total"
+      :pageSize.sync="formData.pageSize"
+      :currentPage.sync="formData.pageNum"
+      @search="search(3)"
+    />
+    <!-- 订单详情 -->
+    <dislog-order-details
+      :orderSn="activeOrderInfo.orderSn"
+      :orderFrom="activeOrderInfo.orderFrom"
+      :dialogVisible.sync="orderDialogVisible"
+    />
+    <dislog-set
+      :dialogVisible.sync="examineDialogVisible"
+      @search="search"
+      :info="activeOrderInfoArray"
+    ></dislog-set>
+  </div>
 </template>
 
 <script>
-export default {
-  name: "SaasMasterPlatformIndex",
+import dislogSet from "../../components/audit/dislogSet.vue";
+import searchBoxNew from "@/components/searchBoxNew";
+import tableList from "@/components/tableList";
+import pagination from "@/components/pagination";
+import dislogOrderDetails from "../../components/dislogOrderDetails.vue";
+import pictureList from "@/components/Comon/pictureList.vue";
+import { exportFn } from "@/utils/index.js";
+import {
+  orderList,
+  companyList,
+  orderExport,
+  tenantExport,
+  sellerExport,
+  countOrderNum,
+  commissionList,
+  sellerPercentageList,
+  monthOrderList,
+  commissionExport,
+} from "@/api/financed/index";
 
+export default {
+  name: "Arap",
+  components: {
+    searchBoxNew,
+    tableList,
+    pagination,
+    dislogOrderDetails,
+    dislogSet,
+    pictureList,
+  },
   data() {
-    return {};
+    return {
+      showTabList: [
+        {
+          label: "订单金额",
+          img: "未收款",
+          value: 0,
+        },
+        {
+          label: "税前佣金",
+          img: "已退款",
+          value: 0,
+        },
+        {
+          label: "结算佣金",
+          img: "成本金额",
+          value: 0,
+        },
+      ],
+      loading: false, //当前表单加载是否加载动画
+      navText: {
+        title: "佣金结算",
+        index: 0,
+        ch: "条",
+        num: true,
+        choice: true,
+        addHide: true,
+        dontNum: true,
+        openCheckMore: false,
+        changeWidth: "280px",
+        custom: false,
+        tableColor: true,
+      },
+      formData: {
+        pageSize: 10,
+        pageNum: 1,
+      },
+      tableSet: [
+        {
+          label: "订单日期",
+          prop: "buyTime",
+          hidden: true,
+          scope: "aTimeList",
+          width: 140,
+        },
+        {
+          label: "订单号",
+          prop: "orderSn",
+          width: "180",
+          hidden: true,
+        },
+        {
+          label: "机构名称",
+          prop: "tenantName",
+          hidden: true,
+        },
+        {
+          label: "业务员",
+          prop: "createUsername",
+          hidden: true,
+        },
+        {
+          label: "业务号",
+          prop: "createNo",
+          hidden: true,
+        },
+        {
+          label: "下单企业",
+          prop: "tenantName",
+          hidden: true,
+        },
+        {
+          label: "订单金额",
+          prop: "payMoney",
+          hidden: true,
+          scope: "formatPrice",
+        },
+        {
+          label: "税前佣金",
+          prop: "closeOrderMoney",
+          hidden: true,
+          scope: "formatPrice",
+        },
+        {
+          label: "佣金税占比",
+          prop: "deductMoney",
+          hidden: true,
+          scope: "formatPrice",
+        },
+        {
+          label: "结算佣金",
+          prop: "deductMoney",
+          hidden: true,
+          scope: "formatPrice",
+        },
+        {
+          label: "支付方式",
+          prop: "deductMoney",
+          hidden: true,
+          scope: "formatPrice",
+        },
+        {
+          label: "审核状态",
+          prop: "divideCheckStatus",
+          hidden: true,
+          scope: "solt",
+          soltName: "divideCheckStatus",
+        },
+      ],
+      tableData: [], //表单数据
+      formList: [
+        {
+          prop: "tenantIds",
+          placeholder: "机构选择",
+          scope: "systemtenantlist",
+          multiple: true,
+        },
+        {
+          prop: "month",
+          placeholder: "账期时间",
+          scope: "moreMonth",
+        },
+        {
+          prop: "checkStatus",
+          placeholder: "审核状态",
+          scope: "select",
+          multiple: true,
+          options: [
+            { label: "待审核", value: 2 },
+            { label: "审核中", value: 5 },
+            { label: "待支付", value: 3 },
+            { label: "支付失败", value: 4 },
+            { label: "已结算", value: 1 },
+          ],
+        },
+        {
+          prop: "orderSn",
+          placeholder: "输入订单号",
+        },
+        {
+          prop: "kewWorad",
+          placeholder: "输入业务号/业务员号",
+        },
+      ],
+      total: 0, //一共多少条
+      tipDialogVisible: false,
+      orderDialogVisible: false,
+      remarkDialogVisible: false,
+      examineDialogVisible: false,
+      badBillDialogVisible: false,
+      type: 1,
+      activeOrderInfo: {},
+      activeOrderInfoArray: [],
+      roleList: [],
+      countInfo: {},
+      spanData: {},
+      maps: new Map(),
+      activeList: [],
+    };
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    getRoles(roleId) {
+      if (
+        (this.$store.state.user.rolesId?.length > 0 &&
+          this.$store.state.user.rolesId.includes(roleId)) ||
+        this.$store.state.user.rolesId.includes(1)
+      ) {
+        return false;
+      } else {
+        return true;
+      }
+    },
+    divideCheckStatus(type, e1, e2) {
+      var a = "";
+      if (type) {
+        switch (e2) {
+          case -1:
+            a = "未通过";
+            break;
+          case 0:
+            a = "待审核";
+            break;
+          case 1:
+            a = "已通过";
+            break;
+          case 2:
+            a = "待支付";
+            break;
+          case 3:
+            a = "已支付";
+            break;
+          default:
+            break;
+        }
+      } else {
+        switch (e1) {
+          case 0:
+            a = "待支付";
+            break;
+          case 1:
+            a = "已打款";
+            break;
+          case 2:
+            a = "待审核";
+            break;
+          case 3:
+            a = "打款中";
+            break;
+          case 4:
+            a = "打款失败";
+            break;
+          default:
+            break;
+        }
+      }
+      return a;
+    },
+    exportSH() {
+      if (this.activeList.length === 0) {
+        this.$message.error("请勾选数据");
+        return;
+      }
+      this.openDialog(this.activeList);
+    },
+    openDialog(data, type = 0) {
+      if (type === 1) {
+        this.activeOrderInfoArray = data;
+        for (let i = 0; i < this.activeOrderInfoArray.length; i++) {
+          this.activeOrderInfoArray[i].checkFrom = 4;
+        }
+      } else {
+        this.activeOrderInfo = data;
+        this.activeOrderInfo.checkFrom = 4;
+      }
+      this[["examine", "order"][type] + "DialogVisible"] = true;
+    },
+    batchExport() {
+      commissionExport(this.formData).then((res) => {
+        if (res.msg) {
+          exportFn(res.msg, "导出佣金结算数据");
+        } else {
+          this.$message.error("导出失败");
+        }
+      });
+    },
+    getDataList() {
+      commissionList(this.formData)
+        .then((res) => {
+          res.rows.forEach((e) => {
+            e.monthTime = this.parseTime(e.monthTime, "{y}-{m}");
+            e.closeOrderMoney = e.deductMoney + e.payMoney;
+          });
+          this.tableData = res.rows;
+          this.total = res.total;
+          this.navText.index = res.total;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    getReplaceData() {
+      return new Promise((resolve) => {
+        const fn = [
+          orderList,
+          companyList,
+          sellerPercentageList,
+          commissionList,
+        ][this.type];
+        fn(this.formData)
+          .then((res) => {
+            res.rows.forEach((i) => {
+              this.$set(
+                this.tableData[this.tableData.findIndex((k) => k.id === i.id)],
+                "payStatus",
+                i.payStatus
+              );
+            });
+            this.total = res.total;
+            this.navText.index = res.total;
+          })
+          .finally(() => {
+            this.loading = false;
+          });
+      });
+    },
+    async search(v) {
+      this.loading = true;
+      if (v === 2) {
+        this.tableData = [];
+        this.formData = {
+          pageSize: 10,
+          pageNum: 1,
+          month: "",
+          years: [],
+          roleIds: this.rolesId,
+        };
+      }
+      this.$nextTick(() => {
+        this.$refs.tableList.clearMoreActive();
+      });
+      this.getCountOrderNum();
+      this.getDataList();
+    },
+    init() {
+      this.search(2);
+    },
+    getCountOrderNum() {
+      var data = JSON.parse(JSON.stringify(this.formData));
+      delete data.pageNum;
+      delete data.pageSize;
+      countOrderNum({ totalType: 3, ...data }).then((res) => {
+        let {
+          unPayMoneyTotal,
+          unDeductMoneyTotal,
+          deductMoneyTotal,
+          payMoneyTotal,
+        } = res.data;
+        this.showTabList[0].value = payMoneyTotal + unPayMoneyTotal;
+        this.showTabList[1].value = payMoneyTotal + unDeductMoneyTotal;
+        this.showTabList[2].value = deductMoneyTotal + unDeductMoneyTotal;
+      });
+    },
+  },
+  computed: {
+    rolesId() {
+      return this.$store.state.user.rolesId;
+    },
   },
-
-  mounted() {},
-
-  methods: {},
 };
 </script>
 

src/views/financed/accountsPayable/components/dislogOrderList.vue

@@ -0,0 +1,302 @@
+<template>
+  <BaseDialog
+    width="1400px"
+    :isShowFooter="false"
+    :isShow.sync="isShow"
+    :title="title"
+    @open="init"
+  >
+    <div class="des df">
+      <p>机构名称：{{ info.tenantName }}</p>
+      <p>账期类型：{{ ["月份", "季度", "半年", "年度"][info.billType] }}</p>
+      <p>时间：{{ info.monthTime }}</p>
+    </div>
+    <search-box-new
+      ref="searchBox"
+      class="search_box_page"
+      :redIcon="false"
+      :formData="formData"
+      :formList="formList"
+      @search="search(3)"
+      @init="init"
+    />
+    <picture-list ref="pictureList" :list="showStatisticsList"></picture-list>
+    <table-list
+      rowKey="id"
+      ref="tableList"
+      :tableSets="tableSet"
+      :tableData="tableData"
+      :navText="navText"
+      :loading="loading"
+    >
+      <template slot="customize">
+        <el-button v-if="isEdit" @click="exportSH" type="primary">
+          批量审核
+        </el-button>
+        <el-button v-else @click="batchExport" type="info" plain>
+          导出excel
+        </el-button>
+      </template>
+      <template slot="predictPayTime" slot-scope="props">
+        <span v-if="props.scope.row.creditStatus == 1">已结清</span>
+        <span style="color: red" v-else>
+          {{ $methodsTools.onlyForma(props.scope.row.predictPayTime) || "--" }}
+        </span>
+      </template>
+      <template slot="predictPayDay" slot-scope="props">
+        <span
+          :style="{ color: props.scope.row.predictPayDay < 0 ? 'red' : '' }"
+        >
+          {{ props.scope.row.predictPayDay || "--" }}
+        </span>
+      </template>
+      <template slot="divideCheckStatus" slot-scope="props">
+        <div v-if="props.scope.row.billType != 7">
+          {{
+            divideCheckStatus(
+              props.scope.row.orderSn,
+              props.scope.row.payStatus,
+              props.scope.row.checkStatus
+            )
+          }}
+          <span style="color: #409eff" v-if="props.scope.row.roleName">
+            ({{ props.scope.row.roleName }})
+          </span>
+        </div>
+      </template>
+      <template slot="btn" slot-scope="props">
+        <el-button type="text" @click="openDialog(props.scope.row, 1)">
+          详情
+        </el-button>
+        <el-button
+          type="text"
+          :disabled="
+            props.scope.row.checkStatus !== 0 ||
+            getRoles(props.scope.row.roleId)
+          "
+          @click="openDialog([props.scope.row])"
+        >
+          审核
+        </el-button>
+      </template>
+    </table-list>
+    <pagination1
+      :total="total"
+      :pageSize.sync="formData.pageSize"
+      :currentPage.sync="formData.pageNum"
+      @search="search(3)"
+    />
+  </BaseDialog>
+</template>
+
+<script>
+import pictureList from "@/components/Comon/pictureList.vue";
+export default {
+  name: "SaasMasterPlatformDislogOrderList",
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      default: false,
+    },
+    info: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+  },
+  data() {
+    return {
+      statisticsList: [
+        {
+          label: "订单金额",
+          img: "未收款",
+          value: 0,
+        },
+        {
+          label: "税前佣金",
+          img: "已退款",
+          value: 0,
+        },
+        {
+          label: "完单分成",
+          img: "成本金额",
+          value: 0,
+        },
+        {
+          label: "应付分成",
+          img: "成本金额",
+          value: 0,
+        },
+      ],
+      loading: false,
+      navText: {
+        title: "机构分成",
+        index: 0,
+        ch: "条",
+        num: true,
+        choice: true,
+        addHide: true,
+        dontNum: true,
+        openCheckMore: false,
+        changeWidth: "280px",
+        custom: false,
+        tableColor: true,
+      },
+      formData: {
+        pageSize: 10,
+        pageNum: 1,
+      },
+      formList: [
+        {
+          prop: "checkStatus",
+          placeholder: "审核状态",
+          scope: "select",
+          options: [
+            { label: "待审核", value: 2 },
+            { label: "已通过", value: 1 },
+          ],
+        },
+        {
+          prop: "checkStatus",
+          placeholder: "分成类型",
+          scope: "select",
+          options: [
+            { label: "退款扣除", value: 2 },
+            { label: "完单分成", value: 1 },
+          ],
+        },
+        {
+          prop: "date",
+          scope: "datePickerA",
+          placeholder: "完单时间",
+          type: "date",
+        },
+        {
+          prop: "orderSn",
+          placeholder: "输入订单号",
+        },
+      ],
+      tableSet: [
+        {
+          label: "完单时间",
+          hidden: true,
+          width: 140,
+        },
+        {
+          label: "订单日期",
+          prop: "orderSn",
+          width: "180",
+          hidden: true,
+        },
+        {
+          label: "订单号",
+          prop: "orderSn",
+          width: "180",
+          hidden: true,
+        },
+        {
+          label: "分成类型",
+          prop: "billType",
+          scope: "type",
+          hidden: true,
+          values: {
+            1: "退款扣除",
+            2: "完单分成",
+          },
+        },
+        {
+          label: "订单金额",
+          prop: "tenantName",
+          hidden: true,
+        },
+        {
+          label: "税前佣金",
+          prop: "payMoney",
+          hidden: true,
+          scope: "formatPrice",
+        },
+        {
+          label: "完单分成",
+          prop: "closeOrderMoney",
+          hidden: true,
+          scope: "formatPrice",
+        },
+        {
+          label: "税前佣金",
+          prop: "deductMoney",
+          hidden: true,
+          scope: "formatPrice",
+        },
+        {
+          label: "审核状态",
+          prop: "divideCheckStatus",
+          hidden: true,
+          scope: "solt",
+          soltName: "divideCheckStatus",
+        },
+      ],
+      tableData: [],
+      total: 0,
+    };
+  },
+
+  methods: {
+    init() {
+      console.log(this.info, 789);
+      //   this.navText.choice = !!this.isEdit;
+    },
+    batchExport() {
+      tenantExport(this.formData).then((res) => {
+        if (res.msg) {
+          exportFn(res.msg, "导出机构分成数据");
+        } else {
+          this.$message.error("导出失败");
+        }
+      });
+    },
+  },
+  computed: {
+    isShow: {
+      get() {
+        return this.dialogVisible;
+      },
+      set(val) {
+        this.$emit("update:dialogVisible", false);
+      },
+    },
+    isEdit() {
+      return this.info.isEdit;
+    },
+    title() {
+      return this.isEdit ? "订单审核" : "订单列表";
+    },
+    showStatisticsList() {
+      if (this.isEdit) {
+        this.statisticsList.splice(2, 1);
+      }
+      return this.statisticsList;
+    },
+  },
+  components: {
+    pictureList,
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.des {
+  margin-top: -20px;
+  p {
+    margin: 10px 40px 10px 0;
+  }
+}
+.search_box_page {
+  /deep/ .el-select {
+    width: 120px;
+  }
+  /deep/ .el-form-item__content > .el-input {
+    width: 190px;
+  }
+}
+</style>

src/views/financed/accountsPayable/institutionDivide/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div id="ActivityList">
     <search-box-new
+      class="search_box_page"
       ref="searchBox"
       :redIcon="false"
       :formData="formData"
@@ -8,26 +9,20 @@
       @search="search(3)"
       @init="init"
     />
-    <picture-list ref="pictureList" :list="showTabList"></picture-list>
+    <picture-list ref="pictureList" :list="statisticsList"></picture-list>
     <table-list
-      :key="type"
       rowKey="id"
       ref="tableList"
       :tableSets="tableSet"
       :tableData="tableData"
       :navText="navText"
       :loading="loading"
-      @load="load"
-      @select="selectRow"
     >
       <template slot="customize">
-        <el-button v-if="type !== 0" @click="exportSH" type="success">
-          批量审核
+        <el-button @click="batchAudit" type="primary"> 批量审核 </el-button>
+        <el-button @click="batchExport" type="info" plain>
+          导出excel
         </el-button>
-        <el-button v-if="type == 0" @click="openDialog({}, 4)" type="success">
-          坏账设置
-        </el-button>
-        <el-button @click="batchExport" type="primary"> 导出excel </el-button>
       </template>
       <template slot="predictPayTime" slot-scope="props">
         <span v-if="props.scope.row.creditStatus == 1">已结清</span>
@@ -35,21 +30,12 @@
           {{ $methodsTools.onlyForma(props.scope.row.predictPayTime) || "--" }}
         </span>
       </template>
-      <template slot="noteType" slot-scope="props">
-        <div v-if="!props.scope.row.noteId || props.scope.row.noteType == 1">
-          --
-        </div>
-        <div v-else>
-          <div :class="'tip' + props.scope.row.noteType">
-            <span v-for="(text, idx) in backText(props.scope.row)" :key="idx">
-              <span v-if="props.scope.row.noteType == 3">周</span>
-              {{ text }}
-              <span v-if="props.scope.row.noteType == 4">日</span>
-              <i></i>
-            </span>
-          </div>
-          <div>{{ props.scope.row.dayTime }}</div>
-        </div>
+      <template slot="predictPayDay" slot-scope="props">
+        <span
+          :style="{ color: props.scope.row.predictPayDay < 0 ? 'red' : '' }"
+        >
+          {{ props.scope.row.predictPayDay || "--" }}
+        </span>
       </template>
       <template slot="divideCheckStatus" slot-scope="props">
         <div v-if="props.scope.row.billType != 7">
@@ -65,160 +51,73 @@
           </span>
         </div>
       </template>
-      <template slot="status" slot-scope="props">
-        {{ backStatus(props.scope) | formatPrice }}
-      </template>
-      <template slot="price" slot-scope="props">
-        <div v-if="props.scope.row.oId">
-          {{
-            $methodsTools.decimalPoint(
-              props.scope.row.orderPrice - props.scope.row.pretaxBrokerage
-            )
-          }}
-        </div>
-        <div v-else>--</div>
-      </template>
       <template slot="btn" slot-scope="props">
+        <el-button type="text" @click="openDialog(props.scope.row)">
+          详情
+        </el-button>
         <el-button
-          v-if="props.scope.row.oId || type == 0"
           type="text"
-          @click="openDialog(props.scope.row, 3)"
+          v-if="!props.scope.row.orderSn"
+          :disabled="
+            !(
+              props.scope.row.payStatus === 0 || props.scope.row.payStatus === 4
+            )
+          "
+          @click="openDialog([props.scope.row], 1)"
         >
-          查看详情
+          支付
         </el-button>
         <el-button
-          v-if="type == 0"
+          v-else
           type="text"
-          :disabled="props.scope.row.creditStatus == 1"
-          @click="openDialog(props.scope.row, 0)"
+          :disabled="
+            props.scope.row.checkStatus !== 0 ||
+            getRoles(props.scope.row.roleId)
+          "
+          @click="openDialog(props.scope.row, 0, 1)"
         >
-          催款提醒
+          审核
         </el-button>
-        <template v-else>
-          <el-button
-            type="text"
-            v-if="!props.scope.row.orderSn"
-            :disabled="
-              !(
-                props.scope.row.payStatus === 0 ||
-                props.scope.row.payStatus === 4
-              )
-            "
-            @click="openDialog([props.scope.row], 1)"
-          >
-            {{
-              type == 1
-                ? "分成支付"
-                : type == 2
-                ? "提成支付"
-                : type == 3
-                ? "佣金支付"
-                : ""
-            }}
-          </el-button>
-          <el-button
-            v-else
-            type="text"
-            :disabled="
-              props.scope.row.checkStatus !== 0 ||
-              getRoles(props.scope.row.roleId)
-            "
-            @click="openDialog([props.scope.row], 1)"
-          >
-            {{
-              type == 1
-                ? "分成审核"
-                : type == 2
-                ? "提成审核"
-                : type == 3
-                ? "佣金审核"
-                : ""
-            }}
-          </el-button>
-          <el-button
-            type="text"
-            style="color: #e6a23c"
-            @click="openDialog(props.scope.row, 2)"
-          >
-            修改备注
-          </el-button>
-        </template>
+        <el-button type="text"> 单据打印 </el-button>
+        <el-button type="text"> 明细打印 </el-button>
       </template>
     </table-list>
-    <pagination
+    <pagination1
       :total="total"
       :pageSize.sync="formData.pageSize"
       :currentPage.sync="formData.pageNum"
       @search="search(3)"
     />
-    <dislog-tip
-      :dialogVisible.sync="tipDialogVisible"
-      :orderInfo="activeOrderInfo"
-      @search="search(3)"
-    />
     <!-- 订单详情 -->
-    <dislog-order-details
-      :orderSn="activeOrderInfo.orderSn"
-      :orderFrom="activeOrderInfo.orderFrom"
-      :dialogVisible.sync="orderDialogVisible"
-    />
-    <arap-remarks
+    <dislogOrderList
       :info="activeOrderInfo"
-      @search="search(4)"
-      :dialogVisible.sync="remarkDialogVisible"
+      :dialogVisible.sync="orderDialogVisible"
     />
-    <!-- <dislog-set
+    <dislog-set
       :dialogVisible.sync="examineDialogVisible"
       @search="search"
       :info="activeOrderInfoArray"
-    ></dislog-set> -->
-    <!-- 坏账设置 -->
-    <dislog-bad-bill
-      :dialogVisible.sync="badBillDialogVisible"
-    ></dislog-bad-bill>
+    ></dislog-set>
   </div>
 </template>
 
 <script>
-// import dislogSet from "../components/audit/dislogSet.vue";
-import searchBoxNew from "@/components/searchBoxNew";
-import tableList from "@/components/tableList";
-import pagination from "@/components/pagination";
-import dislogTip from "../components/dislogTip.vue";
-import dislogOrderDetails from "../../components/dislogOrderDetails.vue";
-import arapRemarks from "../components/arapRemarks.vue";
+import dislogSet from "../../components/audit/dislogSet.vue";
+import dislogOrderList from "../components/dislogOrderList";
 import pictureList from "@/components/Comon/pictureList.vue";
-import dislogBadBill from "../components/dislogBadBill.vue";
 import { exportFn } from "@/utils/index.js";
-import {
-  orderList,
-  companyList,
-  orderExport,
-  tenantExport,
-  sellerExport,
-  countOrderNum,
-  commissionList,
-  sellerPercentageList,
-  monthOrderList,
-  commissionExport,
-} from "@/api/financed/index";
+import { companyList, tenantExport, countOrderNum } from "@/api/financed/index";
 
 export default {
   name: "Arap",
   components: {
-    searchBoxNew,
-    tableList,
-    pagination,
-    dislogTip,
-    dislogOrderDetails,
-    arapRemarks,
-    // dislogSet,
     pictureList,
-    dislogBadBill,
+    dislogSet,
+    dislogOrderList,
   },
   data() {
     return {
-      showTabList: [
+      statisticsList: [
         // 完单 ==> 已扣 + 待付
         {
           label: "应付分成",
@@ -236,7 +135,7 @@ export default {
           value: 0,
         },
       ],
-      loading: false, //当前表单加载是否加载动画
+      loading: false,
       navText: {
         title: "机构分成",
         index: 0,
@@ -246,7 +145,7 @@ export default {
         addHide: true,
         dontNum: true,
         openCheckMore: false,
-        changeWidth: "240px",
+        changeWidth: "280px",
         custom: false,
         tableColor: true,
       },
@@ -256,7 +155,7 @@ export default {
       },
       tableSet: [
         {
-          label: "时间",
+          label: "月份",
           prop: "monthTime",
           hidden: true,
           width: 140,
@@ -271,8 +170,6 @@ export default {
             2: "季度",
             3: "半年",
             4: "年度",
-            6: "完单",
-            7: "退款",
           },
         },
         {
@@ -288,11 +185,9 @@ export default {
         },
         {
           label: "完单分成",
-          prop1: "deductMoney",
-          prop2: "payMoney",
+          prop: "closeOrderMoney",
           hidden: true,
-          scope: "solt",
-          soltName: "status",
+          scope: "formatPrice",
         },
         {
           label: "退款扣除",
@@ -311,7 +206,8 @@ export default {
           label: "剩余天数",
           prop: "predictPayDay",
           hidden: true,
-          scope: "fill",
+          scope: "solt",
+          soltName: "predictPayDay",
         },
         {
           label: "审核状态",
@@ -321,20 +217,12 @@ export default {
           soltName: "divideCheckStatus",
         },
       ],
-      tableData: [], //表单数据
-      total: 0, //一共多少条
-      tipDialogVisible: false,
+      tableData: [],
+      total: 0,
       orderDialogVisible: false,
-      remarkDialogVisible: false,
       examineDialogVisible: false,
-      badBillDialogVisible: false,
-      type: 1,
       activeOrderInfo: {},
       activeOrderInfoArray: [],
-      roleList: [],
-      countInfo: {},
-      spanData: {},
-      maps: new Map(),
       activeList: [],
     };
   },
@@ -344,9 +232,8 @@ export default {
   methods: {
     getRoles(roleId) {
       if (
-        (this.$store.state.user.rolesId?.length > 0 &&
-          this.$store.state.user.rolesId.includes(roleId)) ||
-        this.$store.state.user.rolesId.includes(1)
+        (this.rolesId?.length > 0 && this.rolesId.includes(roleId)) ||
+        this.rolesId.includes(1)
       ) {
         return false;
       } else {
@@ -403,57 +290,36 @@ export default {
         this.$message.error("请勾选数据");
         return;
       }
-      this.openDialog(this.activeList, 1);
+      this.openDialog(this.activeList);
     },
-    openDialog(data, type) {
+    openDialog(data, type = 0, isEdit) {
       if (type === 1) {
         this.activeOrderInfoArray = data;
         for (let i = 0; i < this.activeOrderInfoArray.length; i++) {
-          this.activeOrderInfoArray[i].checkFrom = this.type + 1;
+          this.activeOrderInfoArray[i].checkFrom = 2;
         }
       } else {
+        data.checkFrom = 2;
+        data.isEdit = isEdit;
         this.activeOrderInfo = data;
-        this.activeOrderInfo.checkFrom = this.type + 1;
       }
-      this[
-        ["tip", "examine", "remark", "order", "badBill"][type] + "DialogVisible"
-      ] = true;
+      this[["order", "examine"][type] + "DialogVisible"] = true;
     },
     batchExport() {
-      const fn = [orderExport, tenantExport, sellerExport, commissionExport][
-        this.type
-      ];
-      fn(this.formData).then((res) => {
+      tenantExport(this.formData).then((res) => {
         if (res.msg) {
-          exportFn(
-            res.msg,
-            `导出${
-              ["应收应付", "机构分成", "业务员提成", "佣金结算"][this.type]
-            }数据`
-          );
+          exportFn(res.msg, "导出机构分成数据");
         } else {
           this.$message.error("导出失败");
         }
       });
     },
-    backText(row) {
-      const type = row.noteType;
-      if (type == 2) {
-        return ["每天"];
-      }
-      const key = ["weekTime", "monthTime"][type - 3];
-      let data = row[key].split(",").sort((a, b) => a - b);
-      return data;
-    },
-    changeSearch() {
-      this.maps.clear();
-      this.search(2);
-    },
     getDataList() {
       companyList(this.formData)
         .then((res) => {
-          res.rows.forEach((e, i) => {
+          res.rows.forEach((e) => {
             e.monthTime = this.parseTime(e.monthTime, "{y}-{m}");
+            e.closeOrderMoney = e.deductMoney + e.payMoney;
           });
           this.tableData = res.rows;
           this.total = res.total;
@@ -463,178 +329,9 @@ export default {
           this.loading = false;
         });
     },
-    getReplaceData() {
-      return new Promise((resolve) => {
-        const fn = [
-          orderList,
-          companyList,
-          sellerPercentageList,
-          commissionList,
-        ][this.type];
-        fn(this.formData)
-          .then((res) => {
-            res.rows.forEach((i) => {
-              this.$set(
-                this.tableData[this.tableData.findIndex((k) => k.id === i.id)],
-                "payStatus",
-                i.payStatus
-              );
-            });
-            this.total = res.total;
-            this.navText.index = res.total;
-          })
-          .finally(() => {
-            this.loading = false;
-          });
-      });
-    },
-    load(tree, treeNode, resolve, type) {
-      monthOrderList({
-        divideLogId: tree.id,
-        roleId: this.formData.roleId,
-        startPrice: this.formData.startPrice,
-        endPrice: this.formData.endPrice,
-      })
-        .then((res) => {
-          // id冲突会报错
-          res.data.forEach((e) => {
-            e.oId = e.id;
-            e.id = e.id + 100086;
-            e.billType = e.orderType + 5;
-            e.monthTime = this.parseTime(e.orderTime, "{y}-{m}-{d}");
-            if (this.type == 3 || this.type == 2) {
-              e.divideCompanyMoney =
-                this.type == 2 ? e.divideSellerMoney : e.brokerage;
-            }
-          });
-          tree.children = res.data;
-          resolve(res.data);
-          if (tree.active) {
-            this.$nextTick(() => {
-              this.setChildren(res.data, true);
-            });
-          }
-          if (type === 2) {
-            this.$nextTick(() => {
-              this.$refs.tableList.$refs.pagerset.toggleRowSelection(
-                tree,
-                false
-              );
-              this.setChildren(res.data, false);
-            });
-          }
-          tree.active = true;
-        })
-        .catch(() => {
-          resolve([]);
-        });
-      this.maps.set(tree.id, { tree, treeNode, resolve });
-    },
-    update(parentId, type) {
-      const { tree, treeNode, resolve } = this.maps.get(parentId);
-      this.$set(
-        this.$refs.tableList.$refs.pagerset.store.states.lazyTreeNodeMap,
-        parentId,
-        []
-      );
-      if (tree) {
-        this.load(tree, treeNode, resolve, type);
-      }
-    },
-    setChildren(children, type) {
-      // 编辑多个子层级
-      children.map((j) => {
-        this.toggleSelection(j, type);
-        if (j.children) {
-          this.setChildren(j.children, type);
-        }
-      });
-    },
-    // 选中父节点时，子节点一起选中取消
-    async selectRow(selection, row) {
-      if (this.type === 0) return;
-      if (!row.oId && row.active !== true) {
-        row.active = true;
-        if (this.maps.get(row.id) !== undefined) return;
-        const index = this.tableData.findIndex((e) => e.id == row.id);
-        const box = document.querySelectorAll(".el-table__row--level-0")[index];
-        const btn = box.querySelector(".el-table__expand-icon");
-        btn.onclick = () => {
-          //
-        };
-        const event = new MouseEvent("click", {
-          view: window,
-          bubbles: true,
-          cancelable: true,
-        });
-        btn.dispatchEvent(event);
-      }
-      const hasSelect = selection.some((el) => {
-        return row.id === el.id;
-      });
-      if (hasSelect) {
-        if (row.children) {
-          // 解决子组件没有被勾选到
-          this.setChildren(row.children, true);
-        } else {
-          this.toggleSelection(row, true);
-        }
-      } else {
-        if (row.children) {
-          this.setChildren(row.children, false);
-        } else {
-          this.toggleSelection(row, false);
-        }
-      }
-    },
-    toggleSelection(row, select) {
-      const table = this.$refs.tableList.$refs.pagerset;
-      if (row && row.disabled === false) {
-        this.$nextTick(() => {
-          if (select) {
-            if (this.activeList.findIndex((i) => i.id === row.id) === -1) {
-              this.activeList.push(row);
-            }
-          } else {
-            this.activeList = this.activeList.filter((i) => i.id !== row.id);
-          }
-          table.toggleRowSelection(row, select);
-        });
-      }
-    },
     // 切换已付待付
-    backStatus({ row, column }) {
-      let { payStatus, oId } = row;
-      let { label, property } = column;
-      if (oId) {
-        property =
-          property == "payMoney" ? "divideCompanyMoney" : "divideMoney";
-        // payStatus = payStatus != 3 ? 0 : 1;
-      }
-      payStatus = payStatus != 1 ? 0 : 1;
-      return ["0.00", row[property]][
-        (label.indexOf("已") != -1 ? 0 : 1) ^ payStatus
-      ];
-    },
-    changeData(data) {
-      if (this.type == 0) {
-        return data;
-      }
-      let total = 0;
-      let arr = [];
-      data.forEach((ele) => {
-        const monthList = ele.monthList;
-        delete ele.monthList;
-        this.spanData[total] = monthList.length;
-        total += monthList.length;
-        monthList.map((e) => {
-          Object.keys(e).forEach((key) => {
-            e[key] = e[key] || ele[key];
-          });
-        });
-        arr.push(...monthList);
-      });
-      return arr;
+    backStatus(scope) {
+      console.log(scope, 789);
     },
     async search(v) {
       this.loading = true;
@@ -657,14 +354,8 @@ export default {
       this.getDataList();
     },
     init() {
-      this.getRoleList();
       this.search(2);
     },
-    getRoleList() {
-      this.$api.obtainRoleList().then((res) => {
-        this.roleList = res.rows;
-      });
-    },
     proceMonthToformData() {
       let { billType, years, months } = this.formData;
       if (!billType && !years.length) {
@@ -697,9 +388,28 @@ export default {
           deductMoneyTotal,
           payMoneyTotal,
         } = res.data;
-        this.showTabList[0].value = payMoneyTotal + unPayMoneyTotal;
-        this.showTabList[1].value = payMoneyTotal + unDeductMoneyTotal;
-        this.showTabList[2].value = deductMoneyTotal + unDeductMoneyTotal;
+        this.statisticsList[0].value = payMoneyTotal + unPayMoneyTotal;
+        this.statisticsList[1].value = payMoneyTotal + unDeductMoneyTotal;
+        this.statisticsList[2].value = deductMoneyTotal + unDeductMoneyTotal;
+      });
+    },
+    batchAudit() {
+      let selectList = this.$refs.tableList.allCheckData.filter(
+        (e) => e.checkStatus === 0 && !this.getRoles(e.roleId)
+      );
+      if (selectList.length === 0) {
+        this.$message.error("请先勾选待审核数据");
+        return;
+      }
+      this.$confirm("审核通过不可撤销，确定审核通过吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        this.$message({
+          type: "success",
+          message: "批量审核成功!",
+        });
       });
     },
   },
@@ -811,25 +521,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ .el-table__header .el-table__cell > .cell > .el-checkbox {
-  //找到表头那一行，然后把里面的复选框隐藏掉
-  display: none;
-}
-.tip4,
-.tip3 {
-  white-space: normal;
-  i::before {
-    content: "，";
+.search_box_page {
+  /deep/ .el-select {
+    width: 120px;
   }
-}
-/deep/ {
-  .el-table {
-    .child-row {
-      background: #f0f9eb;
-      .el-table__cell {
-        background: #f0f9eb !important;
-      }
-    }
+  /deep/ .el-form-item__content > .el-input {
+    width: 190px;
   }
 }
 </style>