leisure-core 0.1.9 → 0.2.1

package/index.js

@@ -27,7 +27,12 @@ import LeImage from "./le-image/index.js";
 import LeBackUp from "./le-backup/index.js";
 import LeSeting from "./le-seting/index.js";
 import LeRate from "./le-rate/index.js";
+import { LeCoupon, LeCouponSub, LeCouponDetails } from "./le-coupon/index.js";
 import LeUpload from "./le-upload/index.js";
+import LePromotions from "./le-promotions/index.js";
+import LeCommission from "./le-commission/index.js";
+import LeMpurl from "./le-mpurl/index.js";
+import { LeHelp, LeHelpDetail } from "./le-help/index.js";
 
 const components = [
   LeButton,
@@ -58,6 +63,14 @@ const components = [
   LeSeting,
   LeRate,
   LeUpload,
+  LeCoupon,
+  LeCouponSub,
+  LeCouponDetails,
+  LePromotions,
+  LeCommission,
+  LeMpurl,
+  LeHelp,
+  LeHelpDetail,
 ];
 
 const install = function (Vue) {
@@ -157,4 +170,12 @@ export default {
   LeSeting,
   LeRate,
   LeUpload,
+  LeCoupon,
+  LeCouponSub,
+  LeCouponDetails,
+  LePromotions,
+  LeCommission,
+  LeMpurl,
+  LeHelp,
+  LeHelpDetail,
 };

package/le-commission/index.js

@@ -0,0 +1,7 @@
+import LeCommission from "./src/main.vue";
+
+LeCommission.install = function (Vue) {
+  Vue.component(LeCommission.name, LeCommission);
+};
+
+export default LeCommission;

package/le-commission/src/main.vue

@@ -0,0 +1,175 @@
+<template>
+  <div>
+    <div class="divSearch">
+      <el-form :inline="true" :model="searchData">
+        <el-form-item label="账号">
+          <el-input
+            v-model="searchData.account"
+            placeholder="导游/分销员账号"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="部门">
+          <el-select
+            v-model="searchData.did"
+            clearable
+            placeholder="请选择部门"
+          >
+            <el-option
+              v-for="item in departs"
+              :label="item.dname"
+              :value="item.id"
+              :key="item.id"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="clickList">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <vxe-table :data="tableData" align="center" border stripe>
+      <vxe-column field="account" title="账号" width="180"> </vxe-column>
+      <vxe-column align="center" title="佣金(元)">
+        <template slot-scope="scope">
+          <span>¥{{ formatMoney(scope.row.commissions) }}</span>
+        </template>
+      </vxe-column>
+      <vxe-column title="操作" align="center" width="220">
+        <template slot-scope="scope">
+          <el-button
+            v-if="scope.row.otype != 2"
+            type="primary"
+            size="small"
+            @click="dispListDetail(scope.row)"
+            style="margin-right: 2px"
+          >
+            详情
+          </el-button>
+          <el-button
+            type="primary"
+            size="small"
+            :disabled="judgeBtnIs(scope.row)"
+            @click="send(scope.row)"
+            style="margin-right: 2px"
+          >
+            发放
+          </el-button>
+        </template>
+      </vxe-column>
+    </vxe-table>
+    <div style="text-align: center; margin-top: 30px; width: 100%">
+      <vxe-pager
+        align="center"
+        :current-page="searchData.pageNo"
+        :page-size="10"
+        :total="total"
+        :layouts="['PrevPage', 'JumpNumber', 'NextPage', 'Total']"
+        @page-change="current_change"
+      ></vxe-pager>
+    </div>
+    <le-dialog-container
+      width="90%"
+      title="促销详情"
+      :showDialog="showListDetails"
+      @close="closeDetailsDialog"
+      :showFooter="true"
+      :showSaveBtn="false"
+    >
+      <le-commission-sub
+        :account="account"
+        v-if="showListDetails"
+      ></le-commission-sub>
+    </le-dialog-container>
+  </div>
+</template>
+<script>
+import { listSum, send as commissionSend } from "@/api/commission";
+import LeCommissionSub from "./sub.vue";
+import { departList } from "@/api/depart";
+
+export default {
+  name: "le-commission",
+  components: { LeCommissionSub },
+  data() {
+    return {
+      showListDetails: false,
+      account: null,
+      tableData: [],
+      searchData: {
+        account: "",
+        pageNo: 1,
+        did: "",
+      },
+      total: 0,
+      departs: [],
+    };
+  },
+  mounted() {
+    this.getDeparts();
+    this.commissionSumList();
+  },
+  methods: {
+    judgeBtnIs(item) {
+      if (item.commissions > 0) {
+        return false;
+      }
+      return true;
+    },
+    closeDetailsDialog() {
+      this.detailRow = null;
+      this.showListDetails = false;
+    },
+    current_change({ currentPage }) {
+      this.searchData.pageNo = currentPage;
+      this.commissionSumList();
+    },
+    clickList() {
+      this.searchData.pageNo = 1;
+      this.commissionSumList();
+    },
+    commissionSumList() {
+      let param = this.getSearchParam();
+      listSum(param).then((response) => {
+        this.tableData = response.data.data.list;
+        this.total = response.data.data.count;
+      });
+    },
+    getSearchParam() {
+      // let params = {};
+      // params.account = this.searchData.account;
+      return this.searchData;
+    },
+    dispListDetail(item) {
+      this.showListDetails = true;
+      this.account = item.account;
+    },
+    getDeparts() {
+      departList().then((res) => {
+        this.departs = res.data.data;
+      });
+    },
+    send(item) {
+      let param = {};
+      param.account = item.account;
+      param.commissions = item.commissions;
+      param.uid_send = this.$store.getters.userinfo.id;
+      commissionSend(param).then((res) => {
+        this.$message.success("发放状态已经变更");
+        this.clickList();
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.yeClass {
+  padding-left: 10px;
+  /* margin-top: 10px; */
+  background-color: #f2f6fc;
+  height: 40px;
+  line-height: 40px;
+  font-size: 13px;
+  display: flex;
+  justify-content: space-between;
+}
+</style>

package/le-commission/src/sub.vue

@@ -0,0 +1,213 @@
+<template>
+  <div>
+    <div class="divSearch">
+      <el-form :inline="true" :model="searchData">
+        <el-form-item label="账号">
+          <el-input
+            v-model="searchData.account"
+            placeholder="导游/分销员账号"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="订单时间">
+          <el-date-picker
+            v-model="timeArr"
+            type="datetimerange"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="clickList">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <vxe-table :data="tableData" align="center" border stripe>
+      <vxe-column field="account" title="账号"> </vxe-column>
+      <vxe-column title="账号类别">
+        <template slot-scope="scope">
+          <span v-if="scope.row.user_type == 1">导游</span>
+          <span v-if="scope.row.user_type == 2">旅行社</span>
+          <span v-if="scope.row.user_type == 3">单位促销员</span>
+        </template>
+      </vxe-column>
+      <vxe-column field="phone" title="手机号"></vxe-column>
+      <vxe-column title="账号名称">
+        <template slot-scope="scope">
+          <span v-if="scope.row.depart_name">{{ scope.row.depart_name }}</span>
+          <span v-if="scope.row.gname">{{ scope.row.gname }}</span>
+          <span v-if="scope.row.aname">{{ scope.row.aname }}</span>
+        </template>
+      </vxe-column>
+      <vxe-column align="center" title="佣金(元)">
+        <template slot-scope="scope">
+          <span>¥{{ formatMoney(scope.row.commissions) }}</span>
+        </template>
+      </vxe-column>
+      <vxe-column align="center" field="otype" title="订单状态">
+        <template slot-scope="scope">
+          <span v-if="scope.row.otype == 0">获取佣金</span>
+          <span v-if="scope.row.otype == 1">退还佣金</span>
+          <span v-if="scope.row.otype == 2">发放佣金</span>
+        </template>
+      </vxe-column>
+      <vxe-column align="center" field="odate" title="订单日期">
+        <template slot-scope="scope">
+          <span>{{ dateFormat(scope.row.odate) }}</span>
+        </template>
+      </vxe-column>
+      <vxe-column align="center" field="cdate" title="发放日期">
+        <template slot-scope="scope">
+          <span>{{ dateFormat(scope.row.cdate) }}</span>
+        </template>
+      </vxe-column>
+      <vxe-column title="操作" align="center" width="120">
+        <template slot-scope="scope">
+          <el-button
+            v-if="scope.row.otype != 2"
+            type="primary"
+            size="small"
+            @click="getOder(scope.row)"
+            style="margin-right: 2px"
+          >
+            订单
+          </el-button>
+        </template>
+      </vxe-column>
+    </vxe-table>
+    <div style="text-align: center; margin-top: 30px; width: 100%">
+      <vxe-pager
+        align="center"
+        :current-page="searchData.pageNo"
+        :page-size="10"
+        :total="total"
+        :layouts="['PrevPage', 'JumpNumber', 'NextPage', 'Total']"
+        @page-change="current_change"
+      ></vxe-pager>
+    </div>
+    <le-dialog-container
+      width="80%"
+      title="订单详情"
+      :showDialog="showDetails"
+      @close="closeDetailsDialog"
+      :showFooter="true"
+      :showSaveBtn="false"
+    >
+      <le-order-detail
+        :rowData="detailRow"
+        :orderCanEdit="false"
+        v-if="showDetails"
+      ></le-order-detail>
+    </le-dialog-container>
+  </div>
+</template>
+<script>
+import { list as commissionList } from "@/api/commission";
+import { select } from "@/api/goods_order";
+import moment from "moment";
+
+export default {
+  name: "le-commission-sub",
+  props: ["account"],
+  data() {
+    return {
+      showDetails: false,
+      detailRow: null,
+      tableData: [],
+      searchData: {
+        account: "",
+        pageNo: 1,
+        date_end: "",
+        date_start: "",
+      },
+      total: 0,
+      timeArr: "",
+    };
+  },
+  mounted() {
+    this.commissionList();
+  },
+  methods: {
+    judgeBtnIs(item) {
+      if (item.commissions > 0) {
+        return false;
+      }
+      return true;
+    },
+    closeDetailsDialog() {
+      this.detailRow = null;
+      this.showDetails = false;
+    },
+    getOder(item) {
+      let param = {};
+      param.oid = item.oid;
+      select(param).then((res) => {
+        this.detailRow = res.data.data;
+        this.showDetails = true;
+      });
+    },
+    filterParams(obj) {
+      var _newPar = {};
+      for (var key in obj) {
+        if (
+          (obj[key] === false || obj[key]) &&
+          obj[key].toString().replace(/(^\s*)|(\s*$)/g, "") !== ""
+        ) {
+          _newPar[key] = obj[key];
+        }
+      }
+      return _newPar;
+    },
+    current_change({ currentPage }) {
+      this.searchData.pageNo = currentPage;
+      this.commissionList();
+    },
+    dateFormat(data) {
+      if (data) {
+        return moment.unix(data).format("YYYY-MM-DD HH:mm");
+      } else return "";
+    },
+    clickList() {
+      this.searchData.pageNo = 1;
+      this.commissionList();
+    },
+
+    commissionList() {
+      let param = this.getSearchParam();
+      if (!param.account || param.account.length <= 0) {
+        param.account = this.account;
+      }
+      commissionList(param).then((response) => {
+        this.tableData = response.data.data.list;
+        this.total = response.data.data.count;
+      });
+    },
+    getSearchParam() {
+      if (this.timeArr && this.timeArr.length == 2) {
+        this.searchData.date_start = new Date(this.timeArr[0]).getTime() / 1000;
+        this.searchData.date_end = new Date(this.timeArr[1]).getTime() / 1000;
+      } else {
+        this.searchData.date_start = 0;
+        this.searchData.date_end = 0;
+      }
+      let params = this.filterParams(this.searchData);
+      params.account = this.searchData.account;
+      return params;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.yeClass {
+  padding-left: 10px;
+  /* margin-top: 10px; */
+  background-color: #f2f6fc;
+  height: 40px;
+  line-height: 40px;
+  font-size: 13px;
+  display: flex;
+  justify-content: space-between;
+}
+</style>

package/le-coupon/index.js

@@ -0,0 +1,17 @@
+import LeCoupon from "./src/main.vue";
+import LeCouponSub from "./src/sub.vue";
+import LeCouponDetails from "./src/details.vue";
+
+LeCoupon.install = function (Vue) {
+  Vue.component(LeCoupon.name, LeCoupon);
+};
+
+LeCouponSub.install = function (Vue) {
+  Vue.component(LeCouponSub.name, LeCouponSub);
+};
+
+LeCouponDetails.install = function (Vue) {
+  Vue.component(LeCouponDetails.name, LeCouponDetails);
+};
+
+export { LeCoupon, LeCouponSub, LeCouponDetails };

package/le-coupon/src/details.vue

@@ -0,0 +1,115 @@
+<template>
+  <div>
+    <el-form :inline="true" :model="searchData">
+      <el-form-item label="领用时间">
+        <el-date-picker v-model="timeArr" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至"
+          start-placeholder="开始日期" end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="优惠券状态">
+        <el-select v-model="status" placeholder="选择状态" clearable>
+          <el-option v-for="item in statusOptions" :label="item.value" :value="item.id" :key="item.id"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item><el-button type="primary" @click="list">查询</el-button></el-form-item>
+    </el-form>
+    <el-table :data="tableData" border row-key="id" :max-height="tableHeight"
+      :header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }" stripe
+      style="width: 100%">
+      <el-table-column prop="id" label="优惠券id"></el-table-column>
+      <el-table-column prop="oid" label="使用的订单id">
+        <template slot-scope="scope">
+          {{ scope.row.status == 1 ? scope.row.oid : "" }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="title" label="优惠券标题"></el-table-column>
+      <el-table-column prop="caption" label="优惠券描述"></el-table-column>
+      <el-table-column prop="cdate" label="领用时间" :formatter="dateFormatter"></el-table-column>
+      <el-table-column prop="udate" label="使用时间" :formatter="dateFormatter"></el-table-column>
+      <el-table-column prop="date_end" label="过期时间" :formatter="dateFormatter"></el-table-column>
+      <el-table-column label="是否已经使用">
+        <template slot-scope="scope">
+          <span v-if="scope.row.status == 0">未使用</span>
+          <span v-if="scope.row.status == 1">已经使用</span>
+          <span v-if="scope.row.status == 2">已经过期</span>
+          <span v-if="scope.row.status == 3">已经作废</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="note" label="备注"></el-table-column>
+    </el-table>
+    <div style="text-align: center; margin-top: 30px">
+      <el-pagination background layout="prev, pager, next" :total="searchData.total" :page-size="10"
+        @current-change="current_change">></el-pagination>
+    </div>
+  </div>
+</template>
+<script>
+  import moment from "moment";
+  import { listByUid } from "@/api/coupon";
+  export default {
+    name: "le-coupon-details",
+    data() {
+      return {
+        tableHeight: 200,
+        tableData: [],
+        searchData: {
+          uid: "",
+          pageNo: 1,
+          total: 1,
+          date_end: "",
+          date_start: "",
+        },
+        timeArr: "",
+        status: 0,
+        statusOptions: [
+          { id: 0, value: "未使用" },
+          { id: 1, value: "已经使用" },
+          { id: 2, value: "已经过期" },
+          { id: 3, value: "已经作废" },
+        ],
+      };
+    },
+    mounted() {
+      this.list();
+      this.$nextTick(() => {
+        this.tableHeight = window.innerHeight - 255;
+      });
+    },
+    methods: {
+      dateFormatter(row, column, cellValue, index) {
+        if (cellValue) return moment.unix(cellValue).format("YYYY-MM-DD HH:mm");
+      },
+      current_change(currentPage) {
+        this.searchData.pageNo = currentPage;
+        this.list();
+      },
+      filterParams(obj) {
+        var _newPar = {};
+        for (var key in obj) {
+          if (
+            (obj[key] === false || obj[key]) &&
+            obj[key].toString().replace(/(^\s*)|(\s*$)/g, "") !== ""
+          ) {
+            _newPar[key] = obj[key];
+          }
+        }
+        return _newPar;
+      },
+      list() {
+        if (this.timeArr && this.timeArr.length == 2) {
+          this.searchData.date_start = new Date(this.timeArr[0]).getTime() / 1000;
+          this.searchData.date_end = new Date(this.timeArr[1]).getTime() / 1000;
+        } else {
+          this.searchData.date_start = 0;
+          this.searchData.date_end = 0;
+        }
+        let params = this.filterParams(this.searchData);
+        params.status = this.status;
+        listByUid(params).then((res) => {
+          this.tableData = res.data.data.list;
+          this.searchData.total = res.data.data.count;
+        });
+      },
+    },
+  };
+</script>