jufubao-admin-library 1.0.0-beta1

package/library/viewModules/viewsFinance/viewsFinance/balance/components/listOpenapi.vue

@@ -0,0 +1,260 @@
+<template>
+  <div class="app-container">
+    <el-card class="app-container__search">
+      <xd-search
+        dateFilter
+        v-if="searchForm.length > 0"
+        v-model="searchParams"
+        :list="searchForm"
+        @onSearch="handleSearch"
+        @onDone="getList"
+      >
+      </xd-search>
+    </el-card>
+    <el-card class="app-container__list">
+      <div class="app-container__list-table">
+        <xd-table
+          :headers="headers"
+          :list="tables"
+          is-border
+          @onClick="handleTableClick"
+        ></xd-table>
+      </div>
+      <div class="app-container__list-pagination">
+        <xd-pagination
+          :page="page_token"
+          :total="total"
+          :limit.sync="page_size"
+          :autoScroll="false"
+          @onPagination="handlePagination"
+        ></xd-pagination>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+
+<script>
+import XdSearch from "@/components/XdSearch";
+import XdPagination from "@/components/XdPagination.vue";
+import XdTable from "@/components/XdTable";
+import { mapActions } from "vuex";
+import { getOptions } from "@/utils/options";
+import { baseJsDateToTime } from "@/utils/xd.base.js";
+import checkPermission from "@/utils/permission";
+import roleTRecord from "@/constant/modules/tradeRecord.js";
+
+export default {
+  name: "listOpenapi",
+  components: {
+    XdPagination, //翻译插件
+    XdSearch, //搜查插件
+    XdTable,
+  },
+  data() {
+    return {
+      //分页参数
+      page_token: 1, //当前页面数量
+      hasNextPage: true, //是否有下一页
+      page_size: 20, //搜索参数
+      searchForm: [], //搜索区域模块表单
+      searchParams: null, //搜索参数
+      totalData: {},
+      total: 0,
+      categoryList: [],
+
+      //列表对象
+      tables: [],
+    };
+  },
+  computed: {
+    headers() {
+      return [
+        {
+          type: "normal",
+          prop: "open_user_id",
+          align: "center",
+          label: "账户ID",
+        },
+        {
+          type: "normal",
+          prop: "open_user_name",
+          align: "center",
+          minWidth: 200,
+          label: "账户名称",
+        },
+        {
+          type: "normal",
+          prop: "settlement_method_name",
+          align: "center",
+          minWidth: 200,
+          label: "结算方式",
+        },
+        {
+          type: "price",
+          prop: "amount",
+          align: "center",
+          width: 100,
+          label: "平台余额",
+          unit: "元",
+        },
+        {
+          type: "normal",
+          prop: "updated_time",
+          align: "center",
+          minWidth: 200,
+          label: "更新时间",
+        },
+        checkPermission([roleTRecord.listSupplier]) && {
+          type: "operate",
+          align: "center",
+          label: "操作",
+          values: [
+            { ui: "text-button", name: "对账", type: "text", event: "detail" },
+          ],
+        },
+      ].filter((item) => item);
+    },
+  },
+  created() {
+    this.initSearchForm();
+  },
+  methods: {
+    ...mapActions("wallet", ["listOpenApiWallet"]),
+    //相除
+    divide(price) {
+      return this.$xdHelper.divisionFloatNumber(price, 100);
+    },
+    doExport() {
+      let params = {
+        ...this.searchParams,
+        export: true,
+        file_ext: "xlsx",
+        file_name: "商品分类销售统计",
+      };
+      let loading = this.$loading({});
+      this.listSupplierWallet(params)
+        .then((res) => {
+          loading.close();
+          this.$alert(
+            "导出任务已经开始执行，请去任务管理查看下载状态",
+            "提示",
+            {
+              confirmButtonText: "确定",
+            }
+          );
+        })
+        .catch((err) => {
+          this.$message.error(err.msg);
+          loading.close();
+        });
+    },
+    /**
+     * @description 获取数据列表
+     */
+    getList() {
+      //请求数据
+      let params = {
+        ...this.searchParams,
+        page_token: this.page_token,
+        page_size: this.page_size,
+      };
+      console.log(params);
+      let loading = this.$loading({});
+      this.listOpenApiWallet(params)
+        .then((res) => {
+          loading.close();
+          this.tables = res.data.list.map((item) => {
+            item["updated_time"] = item["updated_time"]
+              ? baseJsDateToTime(item["updated_time"])
+              : "";
+            return item;
+          });
+          this.total = res.data.total_size;
+        })
+        .catch((err) => {
+          loading.close();
+        });
+    },
+
+    /**
+     * @description 点击搜索进行搜索操作
+     * @param action 动作
+     * @param form 搜索请求参数
+     */
+    handleSearch({ action, form }) {
+      this.page_token = 1;
+      this.getList();
+    },
+    handleTableClick({ value, row }) {
+      if (value.event === "detail") {
+        if (!row.wallet_type) return this.$message.error("该openapi没有钱包");
+        this.$router.push({
+          path: "/balance/detail_openapi/" + row.open_user_id,
+          query: {
+            open_user_id: row.open_user_id,
+            wallet_type: row.wallet_type,
+            wallet_nnid: row.wallet_nnid,
+            open_user_name: row.open_user_name,
+          },
+        });
+      }
+    },
+    /**
+     * @description 初始化搜索模块
+     */
+    initSearchForm() {
+      getOptions({
+        server: "finance-partner",
+        fn: "wallet",
+        path: "p1",
+        params: {
+          type: "openapi",
+        },
+      }).then((res) => {
+        let { list_settlement_method } = res.data;
+        list_settlement_method.unshift({
+          label: "全部",
+          value: "",
+        });
+        this.searchForm = [
+          {
+            label: "名称",
+            ele: "el-input",
+            valueKey: "open_user_name",
+            value: "",
+            placeholder: "请输入openAPI名称",
+          },
+          {
+            label: "ID",
+            ele: "el-input",
+            valueKey: "open_user_id",
+            value: "",
+            placeholder: "请输入openAPIID",
+          },
+          {
+            label: "结算方式",
+            ele: "xd-select-list",
+            valueKey: "settlement_method",
+            value: "",
+            placeholder: "请选择结算方式",
+            list: list_settlement_method,
+          },
+        ];
+      });
+    },
+    /**
+     * @description 翻页处理方法
+     * @param page {Number} 访问页面页码数
+     */
+    handlePagination(page) {
+      this.page_token = page;
+      this.getList();
+    }, //todo
+  },
+};
+</script>
+
+<style scoped lang="scss">
+</style>
+

package/library/viewModules/viewsFinance/viewsFinance/balance/components/listPartner.vue

@@ -0,0 +1,217 @@
+<template>
+  <div class="app-container">
+    <el-card class="app-container__search">
+      <xd-search
+        dateFilter
+        v-if="searchForm.length > 0"
+        v-model="searchParams"
+        :list="searchForm"
+        @onSearch="handleSearch"
+        @onDone="getList"
+      >
+      </xd-search>
+    </el-card>
+    <el-card class="app-container__list">
+      <div class="app-container__list-table">
+        <xd-table
+          :headers="headers"
+          :list="tables"
+          is-border
+          @onClick="handleTableClick"
+        ></xd-table>
+      </div>
+      <div class="app-container__list-pagination">
+        <xd-pagination
+          :page="page_token"
+          :total="total"
+          :limit.sync="page_size"
+          :autoScroll="false"
+          @onPagination="handlePagination"
+        ></xd-pagination>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+
+<script>
+import XdSearch from "@/components/XdSearch";
+import XdPagination from "@/components/XdPagination.vue";
+import XdTable from "@/components/XdTable";
+import { mapActions } from "vuex"
+import { getOptions } from "@/utils/options"
+import { baseJsDateToTime } from "@/utils/xd.base.js"
+import checkPermission from "@/utils/permission"
+import roleTRecord from "@/constant/modules/tradeRecord.js"
+
+export default {
+  name: "ComponentListPartner",
+  components: {
+    XdPagination, //翻译插件
+    XdSearch, //搜查插件
+    XdTable
+  },
+  data() {
+    return {
+
+      //分页参数
+      page_token: 1, //当前页面数量
+      hasNextPage: true, //是否有下一页
+      page_size: 20, //搜索参数
+      searchForm: [], //搜索区域模块表单
+      searchParams: null, //搜索参数
+      total: 0,
+      categoryList: [],
+
+      //列表对象
+      tables: [],
+    }
+  },
+  computed: {
+    headers(){
+      return [
+        { "type": "normal", "prop": "partner_id", "align": "center", "label": "加盟商ID" },
+        { "type": "normal", "prop": "partner_name", "align": "center", "minWidth": 200, "label": "加盟商名称" },
+        { "type": "normal", "prop": "wallet_type_name", "align": "center", "minWidth": 200, "label": "账户类型" },
+        { "type": "price", "prop": "amount", "align": "center", "width": 100, "label": "账户余额", "unit": "元"},
+        { "type": "normal", "prop": "updated_time", "align": "center", "minWidth": 200, "label": "更新时间" },
+        checkPermission([roleTRecord.listPartner]) && {
+          "type": "operate", "align": "center", "label": "操作",
+          "values": [
+            { "ui": "text-button", "name": "对账", "type": "text", "event": "detail" },
+          ]
+        }
+      ].filter(i=>i)
+    }
+  },
+  created() {
+    this.initSearchForm();
+  },
+  methods: {
+    ...mapActions("wallet", ["listPartnerWallet"]),
+    //相除
+    divide(price) {
+      return this.$xdHelper.divisionFloatNumber(price, 100);
+    },
+    doExport(){
+      let params = {
+        ...this.searchParams,
+        export: true,
+        file_ext: "xlsx",
+        file_name: "商品分类销售统计"
+      };
+      let loading = this.$loading({});
+      this.listPartnerWallet(params).then(res => {
+        loading.close();
+        this.$alert('导出任务已经开始执行，请去任务管理查看下载状态', '提示', {
+          confirmButtonText: '确定',
+        });
+      }).catch(err => {
+        this.$message.error(err.msg);
+        loading.close();
+      })
+    },
+    /**
+     * @description 获取数据列表
+     */
+    getList() {
+      //请求数据
+      let params = {
+        ...this.searchParams,
+        page_token: this.page_token,
+        page_size: this.page_size
+      };
+      console.log(params)
+      let loading = this.$loading({});
+      this.listPartnerWallet(params).then(res => {
+        loading.close();
+        this.tables = res.data.list.map(item => {
+          item['updated_time'] = item['updated_time'] ? baseJsDateToTime(item['updated_time']) : "";
+          return item;
+        });
+        this.total = res.data.total_size;
+      }).catch(err => {
+        loading.close();
+      })
+    },
+   
+    handleTableClick({value, row}){
+      console.log("handleTableClick", value, row);
+      if(value.event === "detail"){
+        if(!row.wallet_type) return this.$message.error("该加盟商没有钱包")
+        this.$router.push({
+          path: "/balance/detail_partner/" + row.partner_id,
+          query: {
+            wallet_type: row.wallet_type,
+            wallet_nnid: row.wallet_nnid,
+            partner_name: row.partner_name,
+          }
+        })
+      }
+    },
+
+    /**
+     * @description 点击搜索进行搜索操作
+     * @param action 动作
+     * @param form 搜索请求参数
+     */
+    handleSearch({ action, form }) {
+      this.page_token = 1;
+      this.getList();
+    },
+    /**
+     * @description 初始化搜索模块
+     */
+    initSearchForm() {
+      //finance-partner/v1/wallet/list-options
+      getOptions({
+        server: 'finance-partner',
+        fn: 'wallet',
+        path: 'p1',
+        params: {
+          type: 'partner'
+        }
+      }).then(res=>{
+        console.log(res,'resresres');
+        this.searchForm = [
+          {
+            label: "加盟商",
+            ele: "el-input",
+            valueKey: "partner_name",
+            value: "",
+            placeholder: "请输入加盟商名称"
+          },
+          {
+            label: "加盟商ID",
+            ele: "el-input",
+            valueKey: "partner_id",
+            value: "",
+            placeholder: "请输入加盟商ID"
+          },
+          {
+            label: "账户类型",
+            ele: "xd-select-list",
+            valueKey: "wallet_type",
+            value: "",
+            placeholder: "请选择对账类型",
+            list: res.data.list_wallet_type
+          }
+        ];
+      })
+    },
+    /**
+     * @description 翻页处理方法
+     * @param page {Number} 访问页面页码数
+     */
+    handlePagination(page) {
+      this.page_token = page;
+      this.getList();
+    }, //todo
+  }
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
+

package/library/viewModules/viewsFinance/viewsFinance/balance/components/listSupplier.vue

@@ -0,0 +1,229 @@
+<template>
+  <div class="app-container">
+    <el-card class="app-container__search">
+      <xd-search
+        dateFilter
+        v-if="searchForm.length > 0"
+        v-model="searchParams"
+        :list="searchForm"
+        @onSearch="handleSearch"
+        @onDone="getList"
+      >
+      </xd-search>
+    </el-card>
+    <el-card class="app-container__list">
+      <div class="app-container__list-table">
+        <xd-table
+          :headers="headers"
+          :list="tables"
+          is-border
+          @onClick="handleTableClick"
+        ></xd-table>
+      </div>
+      <div class="app-container__list-pagination">
+        <xd-pagination
+          :page="page_token"
+          :total="total"
+          :limit.sync="page_size"
+          :autoScroll="false"
+          @onPagination="handlePagination"
+        ></xd-pagination>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+
+<script>
+import XdSearch from "@/components/XdSearch";
+import XdPagination from "@/components/XdPagination.vue";
+import XdTable from "@/components/XdTable";
+import { mapActions } from "vuex"
+import { getOptions } from "@/utils/options"
+import { baseJsDateToTime } from "@/utils/xd.base.js"
+import checkPermission from "@/utils/permission"
+import roleTRecord from "@/constant/modules/tradeRecord.js"
+
+export default {
+  name: "ComponentListPartner",
+  components: {
+    XdPagination, //翻译插件
+    XdSearch, //搜查插件
+    XdTable
+  },
+  data() {
+    return {
+
+      //分页参数
+      page_token: 1, //当前页面数量
+      hasNextPage: true, //是否有下一页
+      page_size: 20, //搜索参数
+      searchForm: [], //搜索区域模块表单
+      searchParams: null, //搜索参数
+      totalData: {},
+      total: 0,
+      categoryList: [],
+
+      //列表对象
+      tables: [],
+    }
+  },
+  computed: {
+    headers(){
+      return [
+        { "type": "normal", "prop": "supplier_id", "align": "center", "label": "供货商ID" },
+        { "type": "normal", "prop": "supplier_name", "align": "center", "minWidth": 200, "label": "供货商名称" },
+        { "type": "normal", "prop": "settlement_method_name", "align": "center", "minWidth": 200, "label": "结算方式" },
+        { "type": "normal", "prop": "wallet_type_name", "align": "center", "minWidth": 200, "label": "账户类型" },
+        { "type": "price", "prop": "amount", "align": "center", "width": 100, "label": "供货商余额", "unit": "元"},
+        { "type": "normal", "prop": "updated_time", "align": "center", "minWidth": 200, "label": "更新时间" },
+        checkPermission([roleTRecord.listSupplier]) && {
+          "type": "operate", "align": "center", "label": "操作",
+          "values": [
+            { "ui": "text-button", "name": "对账", "type": "text", "event": "detail" },
+          ]
+        }
+      ].filter(item => item);
+    }
+  },
+  created() {
+    this.initSearchForm();
+  },
+  methods: {
+    ...mapActions("wallet", ["listSupplierWallet"]),
+    //相除
+    divide(price) {
+      return this.$xdHelper.divisionFloatNumber(price, 100);
+    },
+    doExport(){
+      let params = {
+        ...this.searchParams,
+        export: true,
+        file_ext: "xlsx",
+        file_name: "商品分类销售统计"
+      };
+      let loading = this.$loading({});
+      this.listSupplierWallet(params).then(res => {
+        loading.close();
+        this.$alert('导出任务已经开始执行，请去任务管理查看下载状态', '提示', {
+          confirmButtonText: '确定',
+        });
+      }).catch(err => {
+        this.$message.error(err.msg);
+        loading.close();
+      })
+    },
+    /**
+     * @description 获取数据列表
+     */
+    getList() {
+      //请求数据
+      let params = {
+        ...this.searchParams,
+        page_token: this.page_token,
+        page_size: this.page_size
+      };
+      console.log(params)
+      let loading = this.$loading({});
+      this.listSupplierWallet(params).then(res => {
+        loading.close();
+        this.tables = res.data.list.map(item => {
+          item['updated_time'] = item['updated_time'] ? baseJsDateToTime(item['updated_time']) : "";
+          return item;
+        });
+        this.total = res.data.total_size;
+      }).catch(err => {
+        loading.close();
+      })
+    },
+   
+    /**
+     * @description 点击搜索进行搜索操作
+     * @param action 动作
+     * @param form 搜索请求参数
+     */
+    handleSearch({ action, form }) {
+      this.page_token = 1;
+      this.getList();
+    },
+    handleTableClick({value, row}){
+      if(value.event === "detail"){
+        if(!row.wallet_type) return this.$message.error("该供货商没有钱包");
+        this.$router.push({
+          path: "/balance/detail_supplier/" + row.supplier_id,
+          query: {
+            supplier_id: row.supplier_id,
+            wallet_type: row.wallet_type,
+            wallet_nnid: row.wallet_nnid,
+            supplier_name: row.supplier_name,
+          }
+        })
+      }
+    },
+    /**
+     * @description 初始化搜索模块
+     */
+    initSearchForm() {
+      getOptions({
+        server: 'finance-partner',
+        fn: 'wallet',
+        path: 'p1',
+        params: {
+          type: 'supplier'
+        }
+      }).then(res=>{
+        let {list_settlement_method} = res.data
+        list_settlement_method.unshift({
+          label: "全部",
+          value: ""
+        })
+        this.searchForm = [
+          {
+            label: "供货商名称",
+            ele: "el-input",
+            valueKey: "supplier_name",
+            value: "",
+            placeholder: "请输入供货商名称"
+          },
+          {
+            label: "供货商ID",
+            ele: "el-input",
+            valueKey: "supplier_id",
+            value: "",
+            placeholder: "请输入供货商ID"
+          },
+          {
+            label: "结算方式",
+            ele: "xd-select-list",
+            valueKey: "settlement_method",
+            value: "",
+            placeholder: "请选择结算方式",
+            list:list_settlement_method
+          },
+          {
+            label: "账户类型",
+            ele: "xd-select-list",
+            valueKey: "wallet_type",
+            value: "",
+            placeholder: "请选择对账类型",
+            list: res.data.list_wallet_type
+          }
+        ];
+      })
+    },
+    /**
+     * @description 翻页处理方法
+     * @param page {Number} 访问页面页码数
+     */
+    handlePagination(page) {
+      this.page_token = page;
+      this.getList();
+    }, //todo
+  }
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
+