jufubao-admin-library 1.0.0-beta1

package/library/viewModules/viewStat/viewsStat/index/components/table-supplier.vue

@@ -0,0 +1,276 @@
+<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-pagination">
+        <div></div>
+        <div class="table-stat">
+          <p>共计 销量<span>{{totalData.product_num}}</span>个，
+            建议售价金额<span>{{divide(totalData.sale_amount) }}</span>元，
+            货源进货价金额<span>{{divide(totalData.purchase_amount)}}</span>元，
+            平台进货价金额<span>{{divide(totalData.dist_amount)}}</span>元</p>
+          <el-button type="primary" @click="doExport">条件导出</el-button>
+        </div>
+      </div>
+      <div class="app-container__list-table">
+        <xd-table
+          :headers="headers"
+          :list="tables"
+          is-border
+          @onSortChange="handleSortChange"
+        ></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 { baseJsDateToTime } from "@/utils/xd.base";
+import { getOptions } from "@/utils/options"
+import { mapActions } from "vuex"
+
+export default {
+  name: "ComponentTableSupplier",
+  components: {
+    XdPagination, //翻译插件
+    XdSearch, //搜查插件
+    XdTable
+  },
+  data() {
+    return {
+
+      //分页参数
+      page_token: 1, //当前页面数量
+      page_size: 20, //搜索参数
+      total: 0,
+      searchForm: [], //搜索区域模块表单
+      searchParams: null, //搜索参数
+      sort_by: "", //排序字段
+      sort_direct: "", //排序方向 asc递增 desc递减
+      totalData: {},
+      supplierLevel: [],
+
+      //列表对象
+      tables: [],
+      headers: [
+        { "type": "normal", "prop": "supplier_id", "align": "left", "width": 80, "label": "供应商ID" },
+        { "type": "normal", "prop": "supplier_name", "align": "center", "minWidth": 200, "label": "供应商名称" },
+        { "type": "normal", "prop": "supplier_level", "align": "center", "width": 80, "label": "供应商评级" },
+        { "type": "normal", "prop": "total_product_num", "align": "center", "width": 100, "label": "总销量", "sort": "custom" },
+        { "type": "price", "prop": "total_sale_amount", "align": "center", "width": 100, "label": "建议售价金额", "unit": "元", "sort": "custom" },
+        { "type": "price", "prop": "total_purchase_amount", "align": "center", "width": 100, "label": "货源进货价金额", "unit": "元", "sort": "custom" },
+        { "type": "price", "prop": "total_dist_amount", "align": "center", "width": 100, "label": "平台进货价金额", "unit": "元", "sort": "custom" },
+        { "type": "normal", "prop": "total_real_product_num", "align": "center", "minWidth": 100, "label": "实际销量", "sort": "custom" },
+        { "type": "price", "prop": "total_real_sale_amount", "align": "center", "width": 120, "label": "实际建议售价金额", "unit": "元", "sort": "custom" },
+        { "type": "normal", "prop": "total_aftersale_product_num", "align": "center", "minWidth": 100, "label": "售后次数", "sort": "custom" },
+        { "type": "price", "prop": "total_aftersale_amount", "align": "center", "width": 100, "label": "售后建议售价金额", "unit": "元", "sort": "custom" },
+      ]
+    }
+  },
+  created() {
+    getOptions({
+      server: 'supplier-public',
+      fn: 'supplier-level',
+      path: 'p1',
+    }).then(res => {
+      this.supplierLevel = res.data.list;
+    }).finally(() => {
+      this.initSearchForm();
+    })
+  },
+  methods: {
+    ...mapActions("supplierStat", ['supplierCycSales']),
+    divide(price) {
+      return this.$xdHelper.divisionFloatNumber(price, 100);
+    },
+    doExport(){
+      this.$prompt('请输入导出文件名称', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        inputPattern: /[\S]+/,
+        inputErrorMessage: '请填写正确的名称'
+      }).then(({ value }) => {
+        let { supplier_id, ...other } = this.searchParams;
+        if(supplier_id && supplier_id.length > 0){
+          other.supplier_id = supplier_id[0].value;
+        }
+        let params = {
+          ...other,
+          export: true,
+          file_ext: "xlsx",
+          file_name: value,
+        };
+        let loading = this.$loading({});
+        this.supplierCycSales(params).then(res => {
+          loading.close();
+          this.$alert('导出任务已经开始执行，请去任务管理查看下载状态', '提示', {
+            confirmButtonText: '确定',
+          });
+        }).catch(err => {
+          this.$message.error(err.msg);
+          loading.close();
+        })
+      })
+    },
+    /**
+     * @description 获取数据列表
+     */
+    getList() {
+      let { supplier_id, ...other } = this.searchParams;
+      if(supplier_id && supplier_id.length > 0){
+        other.supplier_id = supplier_id[0].value;
+      }
+      //请求数据
+      let params = {
+        ...other,
+        page_token: this.page_token,
+        page_size: this.page_size,
+        sort_by: this.sort_by,
+        sort_direct: this.sort_direct,
+      };
+      console.log(params)
+      let loading = this.$loading({});
+      this.supplierCycSales(params).then(res => {
+        loading.close();
+        this.tables = res.data.list;
+        this.totalData = res.data.total;
+        this.total = res.data.total_page_size
+      }).catch(err => {
+        loading.close();
+      })
+    },
+    handleSortChange({ prop, order }) {
+      if(order === null){
+        this.sort_by = '';
+        this.sort_direct = '';
+        this.getList();
+        return;
+      }
+      this.sort_by = prop;
+      this.sort_direct = order === 'ascending' ? 'asc' : 'desc';
+      this.getList();
+    },
+    /**
+     * @description 点击搜索进行搜索操作
+     * @param action 动作
+     * @param form 搜索请求参数
+     */
+    handleSearch({ action, form }) {
+      this.page_token = 1;
+      this.getList();
+    },
+    /**
+     * @description 初始化搜索模块
+     */
+    initSearchForm() {
+      let yesterDay = new Date().getTime() - 24 * 60 * 60 * 1000;
+      yesterDay = baseJsDateToTime(yesterDay/1000);
+      yesterDay = yesterDay.split(' ')[0];
+
+      this.searchForm = [
+        {
+          label: '交易时间:', //label
+          ele: 'xd-date', //package 名称
+          valueKey: ['time_range_start', 'time_range_end'], //form[valueKey]
+          value: [yesterDay, yesterDay], //v-model
+          format: 'yyyy-MM-dd', //时间显示格式
+          formatValue: 'yyyy-MM-dd', //输出时间格式
+          placeholder: ['开始时间', '结束时间'],
+        },
+        {
+          label: "供应商名称:", //label
+          ele: "xd-remote-select", //package 名称
+          valueKey: "supplier_id", //form[valueKey]s
+          value: [], //v-model
+          placeholder: "请选择供应商",
+          multiple: false,
+          collapseTags: false,
+          className: 'input40',
+          remoteSearch: (query, resolve) => {
+            getOptions({
+              server: 'supplier-partner',
+              fn: 'supplier',
+              path: 'p1',
+              params: {
+                keyword: query,
+                page_token: 1,
+                page_size: 500,
+              }
+            })
+              .then(res => {
+                resolve(res.data.list)
+              })
+              .catch(err => {
+                console.log(err, 'err')
+              })
+          }
+        },
+        // {
+        //   label: "供应商名称",
+        //   ele: "el-input",
+        //   valueKey: "supplier_id",
+        //   value: "",
+        //   placeholder: "请输入供应商名称"
+        // },
+        {
+          label: "供应商评级",
+          ele: "xd-select-list",
+          valueKey: "supplier_level",
+          value: "",
+          placeholder: "请选择供应商评级",
+          list: this.supplierLevel
+        },
+      ];
+    },
+    /**
+     * @description 翻页处理方法
+     * @param page {Number} 访问页面页码数
+     */
+    handlePagination(page) {
+      this.page_token = page;
+      this.getList();
+    }, //todo
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .table-stat{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    p{
+      font-size: 14px;
+      color: #2E3033;
+      span{
+        color: #FF6A00;
+        font-weight: 600;
+      }
+    }
+
+  }
+
+</style>
+

package/library/viewModules/viewStat/viewsStat/index/index.vue

@@ -0,0 +1,117 @@
+<template>
+  <div class="app-container">
+    <stat-all v-permission="[Role.totalCounts]"></stat-all>
+    <stat-product v-permission="[Role.productCycCounts]" style="margin-top: 20px;"></stat-product>
+    <stat-supplier v-permission="[Role.supplierCycCounts]" style="margin-top: 20px"></stat-supplier>
+    <el-card v-if="has_tab" style="margin-top: 20px;">
+      <el-tabs v-model="activeName" >
+        <el-tab-pane v-if="has_tab_supplier" label="供应商" name="supplier">
+          <table-supplier v-if="has_tab_supplier"></table-supplier>
+        </el-tab-pane>
+        <el-tab-pane v-if="has_tab_product" label="货源商品" name="product">
+          <table-product v-if="has_tab_product"></table-product>
+        </el-tab-pane>
+        <el-tab-pane v-if="has_tab_category" label="货源商品分类" name="category">
+          <table-category v-if="has_tab_category"></table-category>
+        </el-tab-pane>
+      </el-tabs>
+    </el-card>
+
+  </div>
+</template>
+
+<script>
+  import {mapActions} from 'vuex';
+  import statAll from "./components/stat-all.vue"
+  import statProduct from "./components/stat-product.vue"
+  import statSupplier from "./components/stat-supplier.vue"
+  import tableSupplier from "./components/table-supplier.vue"
+  import tableProduct from "./components/table-product.vue"
+  import tableCategory from "./components/table-category.vue"
+  import checkPermission from "@/utils/permission"
+  import Role from "@/constant/modules/supplierStat"
+
+  export default {
+    name: 'AppDashboard',
+    components: {
+      statAll,
+      statProduct,
+      statSupplier,
+      tableSupplier,
+      tableProduct,
+      tableCategory
+    },
+    data() {
+      return {
+        Role,
+        title: '',
+        activeName: "supplier",
+      }
+    },
+    computed: {
+      has_tab_supplier(){
+        return checkPermission([Role.supplierCycSales])
+      },
+      has_tab_product(){
+        return checkPermission([Role.productCycSales])
+      },
+      has_tab_category(){
+        return checkPermission([Role.productCategoryCycSales])
+      },
+      has_tab(){
+        return checkPermission([Role.supplierCycSales, Role.productCycSales, Role.productCategoryCycSales])
+      }
+    },
+
+    created() {
+      if(this.has_tab){
+        this.activeName = this.has_tab_supplier ? "supplier" : this.has_tab_product ? "product" : "category"
+      }
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .app-container {
+    height: 100%;
+    // padding: 80px 0 0;
+
+    &__image {
+      max-width: 500px;
+      margin: 0 auto;
+
+      & > img {
+        width: 100%;
+        opacity: 0.8;
+      }
+    }
+
+    &__indextitle {
+      font-size: 40px;
+      font-weight: bold;
+      padding: 50px 0;
+      text-align: center;
+      color: #444;
+      text-shadow: 5px -2px 4px rgba(0, 0, 0, .1);
+    }
+
+  }
+
+  @media screen and (max-width: 768px) {
+    .app-container {
+
+      &__image {
+        max-width: 80vw;
+        margin: 0 auto;
+      }
+
+      &__indextitle {
+        font-size: 20px;
+
+      }
+    }
+  }
+</style>

package/library/viewModules/viewTask/router/tasks.js

@@ -0,0 +1,34 @@
+'use strict';
+
+import Layout from '@/layout'
+import task from '@/constant/modules/tasks' //引用权限值
+
+const tasksRouter = {
+  path: '/tasks',
+  sort: 70,
+  component: Layout,
+  name: '任务管理',
+  redirect: '/tasks/list',
+  meta: {
+    title: '任务管理',
+    icon: 'xdicon_rizhi',
+    iconSize: 22,
+    roles: [task.getAsyncList]
+  },
+  children: [
+    {
+      path: 'list',
+      name: '任务管理',
+      component: () => import ('@/viewTask/list'),
+      meta: {
+        title: '任务管理',
+        icon: 'xdicon_rizhi',
+        iconSize: 22,
+        roles: [task.getAsyncList]
+      }
+    }
+
+  ]
+}
+
+export default tasksRouter

package/library/viewModules/viewTask/schemas/tasks.js

@@ -0,0 +1,52 @@
+'use strict'
+
+module.exports = {
+  name: 'tasks',
+  title: '任务管理',
+  vuex: true,
+  model: [
+    {
+      mapFn: 'getAsyncList',
+      isRule: false,
+      title: '获取任务列表',
+      // #ifdef admin partner partner-stat oa-finance supplier
+      path: '/@@@@/v1/async/list',
+      // #endif
+      //#ifdef partner-gift partner-mall partner-movie partner-market
+      path: '/@@@@/v1/:xsiteid/:xnamespace/async/list',
+      // #endif
+      params: {
+        page_token: ['页码', 'String', '必选'],
+        page_size: ['页长', 'Number', '必选'],
+        partner_id: ['加盟商id', 'Number', '非必选'],
+      },
+      disabled: true,
+      role: '@@@@.@@@@@.SYSTEM_TASKS_LIST',
+    },
+    {
+      mapFn: 'asyncRetry',
+      isRule: false,
+      title: '任务query',
+      // #ifdef admin partner partner-stat oa-finance supplier
+      path: '/@@@@/v1/async/retry',
+      // #endif
+      // #ifdef partner-gift partner-mall partner-movie partner-market
+      path: '/@@@@/v1/:xsiteid/:xnamespace/async/retry',
+      // #endif
+      params: {
+        serial_no: ['id', 'String', '必选'],
+      },
+      disabled: true,
+      // #ifdef  admin
+      role: 'ROLE_ADMIN_SYSTEM_TASKS_AGAIN',
+      // #endif
+      // #ifndef  admin
+      role: '',
+      // #endif
+
+    },
+
+  ],
+}
+
+

package/library/viewModules/viewTask/viewTask/list.vue

@@ -0,0 +1,195 @@
+<template>
+  <div class="app-container">
+    <el-card class="app-container__list">
+      <div slot="header">导出任务</div>
+      <div class="app-container__list-pagination">
+        <div></div>
+        <div>
+          <el-button type="primary" @click="getList()">刷新</el-button>
+        </div>
+      </div>
+      <div class="app-container__list-table">
+        <xd-table
+          is-border
+          :get-link="getLink"
+          :headers="headers"
+          :list="tables"
+          @onClick="handleBtnClick"
+        >
+          <template
+            slot="file_name"
+            slot-scope="scope"
+          >{{scope.row.file_name}}.{{scope.row.file_ext}}</template>
+          <template slot="operate" slot-scope="scope">
+            <el-button
+              type="primary"
+              size="small"
+              @click="handleOperate(item.action,scope.row.serial_no,scope.row.download_url)"
+              v-for="(item,index) in scope.row.buttons"
+              :key="index"
+            >{{item.title}}</el-button>
+          </template>
+        </xd-table>
+      </div>
+      <div class="app-container__list-pagination">
+        <xd-pagination
+          :total="total"
+          :limit.sync="limit"
+          :page="pageSize"
+          :auto-scroll="false"
+          @onPagination="handlePagination"
+        ></xd-pagination>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import XdPagination from "@/components/XdPagination.vue"
+import XdTable from "@/components/XdTable"
+import XdSearch from "@/components/XdSearch"
+import { Loading } from 'element-ui'
+import checkPermission from "@/utils/permission"
+import {
+  mapActions,
+  mapState,
+} from 'vuex'
+
+
+export default {
+  name: "PageTasksList",
+  components: {
+    XdPagination, //翻译插件
+    XdTable,
+    XdSearch
+  },
+  data () {
+    return {
+
+      //搜索
+      searchForm: [], //搜索区域模块表单
+      searchParams: null, //搜索参数
+
+      //分页参数
+      pageSize: 1, //当前页面数量
+      limit: 20, //搜索参数
+      total: 0,
+
+      //列表对象
+      tables: [],
+      headers: [
+        { "type": "normal", "prop": "serial_no", "align": "center", "width": 120, "label": "ID" },
+        { "type": "normal", "prop": "file_name", "align": "center", "minWidth": 200, "label": "文件名称" },
+        { "type": "normal", "prop": "status_text", "align": "center", "width": 100, "label": "任务状态" },
+        { "type": "normal", "prop": "error_reason", "align": "center", "minWidth": 200, "label": "错误原因" },
+        { "type": "normal", "prop": "admin_user", "align": "center", "width": 100, "label": "操作人" },
+        { "type": "normal", "prop": "created_time", "align": "center", "width": 190, "label": "创建时间" },
+        { "type": "normal", "prop": "updated_time", "align": "center", "width": 190, "label": "更新时间" },
+        { "type": "normal", "prop": "success_time", "align": "center", "width": 190, "label": "结束时间" },
+        {
+          "type": "operate",
+          "align": "center",
+          "prop": "operate",
+          "width": 130,
+          "isCheckHide": true,
+          "label": "操作",
+          "values": []
+        }
+      ],
+    }
+  },
+  created () {
+    this.getList()
+  },
+  methods: {
+    ...mapActions('tasks', [
+      'getAsyncList', 'asyncRetry'
+    ]),
+
+    /**
+     * @description 点击按钮操作
+     * @param value {Object}  按钮对象
+     * @param row {Object}  行对象
+     */
+    handleBtnClick ({ value, row }) {
+      if (value.name === '编辑') {
+        this.$router.push({
+          path: '/classified/edit/1'
+        })
+      }
+    },
+
+    /**
+     * @description 获取数据列表
+     */
+    getList () {
+
+      let params = {
+        page_token: this.pageSize,
+        page_size: this.limit,
+      }
+      let loading = this.$loading({})
+      this.getAsyncList(params).then(res => {
+        const { list, total_size } = res.data
+        this.tables = list.map(item => {
+          Object.assign(item, {
+            success_time: getTimeFormat(item.success_time),
+            created_time: getTimeFormat(item.created_time),
+            updated_time: getTimeFormat(item.updated_time)
+          })
+          return item
+        })
+        this.total = total_size
+        loading.close()
+      }).catch(err => {
+        loading.close()
+      })
+    },
+    /**
+     * @description 预设获取页面跳转地址方法（次场景可以不实现）
+     * @param item
+     */
+    getLink (item) {
+      return '/'
+    },
+    /**
+     *按钮操作
+     **/
+    handleOperate (action, serial_no, url) {
+      if (action === 'retry') {
+        //重新执行
+        this.asyncRetry({ serial_no: serial_no })
+          .then(res => {
+            this.$message({
+              type: 'success',
+              message: '操作成功！'
+            })
+            this.getList()
+          }).catch(err => {
+            console.log(err, 'err')
+          })
+
+      } else if (action === 'download') {
+        //下载
+        window.open(url)
+      }
+    },
+    /**
+     * @description 翻页处理方法
+     * @param page {Number} 访问页面页码数
+     */
+    handlePagination (page) {
+      this.pageSize = page
+      this.getList()
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.xd-table {
+  .el-button {
+    margin: 0 auto;
+  }
+}
+</style>