leisure-core 0.1.0

package/le-member/src/main.vue

@@ -0,0 +1,445 @@
+<template>
+  <div>
+    <el-form :inline="true" :model="searchData">
+      <el-form-item label="用户id">
+        <el-input v-model="searchData.id" placeholder="用户id"></el-input>
+      </el-form-item>
+
+      <el-form-item label="手机号">
+        <el-input v-model="searchData.phone" placeholder="手机号"></el-input>
+      </el-form-item>
+      <el-form-item label="昵称">
+        <el-input v-model="searchData.nick" placeholder="昵称"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="list">查询</el-button>
+        <el-button type="primary" @click="integralLook">积分统计</el-button>
+        <el-popconfirm
+          :title="`该操作不可逆，将清除所有过期积分!`"
+          @confirm="clear()"
+        >
+          <template #reference>
+            <el-button type="danger" size="small" style="margin-left: 10px"
+              >积分清零</el-button
+            >
+          </template>
+        </el-popconfirm>
+        <el-button
+          id="btnExport"
+          type="primary"
+          @click="exportExcell"
+          style="margin-left: 10px"
+        >
+          导出会员
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="resultData"
+      border
+      row-key="id"
+      stripe
+      ref="eltablemain"
+      :max-height="elTableMaxHeight"
+      style="width: 100%"
+    >
+      <!-- <el-table-column
+        prop="id"
+        align="center"
+        label="ID"
+        width="60"
+        show-overflow-tooltip
+        el-tooltip
+      >
+      </el-table-column> -->
+      <el-table-column prop="phone" align="center" width="100" label="手机号">
+      </el-table-column>
+      <el-table-column prop="nick" align="center" width="120" label="昵称">
+      </el-table-column>
+      <el-table-column prop="utname" align="center" label="身份">
+      </el-table-column>
+      <el-table-column prop="sname" align="center" label="姓名">
+      </el-table-column>
+      <el-table-column prop="integral" align="center" label="积分">
+        <template slot-scope="scope">
+          <span v-if="scope.row.integral && scope.row.integral > 0">{{
+            scope.row.integral
+          }}</span>
+          <span v-else></span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="birthday" align="center" width="90" label="生日">
+      </el-table-column>
+      <el-table-column prop="mtitle" align="center" label="会员级别">
+      </el-table-column>
+      <el-table-column
+        width="120"
+        prop="cdate"
+        align="center"
+        label="时间"
+        :formatter="dateFormat"
+      >
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        width="400"
+        fixed="right"
+        row
+        :key="guid()"
+        :render-header="renderHeader"
+      >
+        <template slot-scope="scope">
+          <div class="le-table-btn-container">
+            <el-button
+              type="primary"
+              id="btnEdit"
+              size="small"
+              @click="openIntegralWindow(scope.row, 0)"
+              >积分</el-button
+            >
+            <el-button
+              id="btnXf"
+              v-if="scope.row.unionid"
+              type="danger"
+              @click="openOrder(scope.row)"
+            >
+              订单
+            </el-button>
+            <el-button
+              id="btnConsume"
+              v-if="scope.row.unionid"
+              type="danger"
+              @click="giveIntegral(scope.row)"
+            >
+              赠送积分
+            </el-button>
+            <el-button
+              id="btnMemberNote"
+              v-if="scope.row.unionid"
+              type="danger"
+              @click="openMeberNote(scope.row)"
+            >
+              领取记录
+            </el-button>
+            <el-button
+              id="btnQrCode"
+              v-if="scope.row.unionid"
+              type="danger"
+              @click="getQrCode(scope.row)"
+            >
+              二维码
+            </el-button>
+          </div>
+        </template>
+      </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>
+    <el-dialog
+      width="90%"
+      v-el-drag-dialog
+      title="积分列表"
+      :visible.sync="showIntegral"
+      :close-on-click-modal="false"
+      @close="closeIntegralDialog"
+    >
+      <le-integral
+        :uid="currentUid"
+        @close="closeIntegralDialog"
+        v-if="showIntegral"
+      ></le-integral>
+    </el-dialog>
+    <el-dialog
+      width="60%"
+      v-el-drag-dialog
+      title="赠送积分"
+      :visible.sync="showGiveIntegral"
+      :close-on-click-modal="false"
+      @close="closeGiveIntegralDialog"
+    >
+      <el-form v-model="integralForm">
+        <el-form-item label="手机号" label-width="150">
+          <el-input v-model="integralForm.phone"></el-input>
+        </el-form-item>
+        <el-form-item label="昵称" label-width="150">
+          <el-input v-model="integralForm.nick"></el-input>
+        </el-form-item>
+        <el-form-item label="积分" label-width="150">
+          <el-input-number
+            v-model="integralForm.integralNum"
+            :min="1"
+          ></el-input-number>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeGiveIntegralDialog">取 消</el-button>
+        <el-button type="primary" @click="saveGiveIntegral">确 定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog
+      width="60%"
+      v-el-drag-dialog
+      title="领取记录"
+      :visible.sync="showMemberNote"
+      :close-on-click-modal="false"
+      @close="closeMemberNotelDialog"
+    >
+      <el-form v-model="memberNoteForm">
+        <el-form-item label="领取记录" label-width="150">
+          <el-input v-model="memberNoteForm.note" type="textarea" :rows="4">
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeMemberNotelDialog">取 消</el-button>
+        <el-button type="primary" @click="saveMemberNoteForm">确 定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="二维码"
+      v-el-drag-dialog
+      :visible.sync="showQRCodeDialog"
+      :close-on-click-modal="false"
+      width="250px"
+      append-to-body
+      center
+    >
+      <div v-if="showQRCodeDialog" id="qrcode"></div>
+      <span slot="footer" class="dialog-footer">
+        <el-button
+          type="primary"
+          size="small"
+          @click="showQRCodeDialog = false"
+        >
+          关闭
+        </el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { list as userList } from "@/api/user";
+import { addIntegral } from "@/api/integral";
+import QRCode from "qrcodejs2";
+import { list, sum, clear } from "@/api/integral";
+import { insertMemberNote, selectMemberNote } from "@/api/member";
+import { exportMemberExcel } from "@/utils/downLoadFile";
+import moment from "moment";
+import leMixins from "leisure-ui/le-libs/mixins/main"; //
+import guid from "leisure-js/common/util";
+export default {
+  name: "le-member",
+  mixins: [leMixins],
+  data() {
+    return {
+      resultData: [],
+      currentUid: "",
+      searchData: {
+        id: "",
+        phone: "",
+        nick: "",
+        pageNo: 1,
+        total: 1,
+      },
+
+      showProductOrder: false,
+      showQRCodeDialog: false,
+      showIntegral: false,
+      uphone: "",
+      unionid: "",
+
+      showGiveIntegral: false,
+      currentUser: {},
+      integralForm: {
+        phone: "",
+        nick: "",
+        integralNum: 0,
+      },
+
+      showMemberNote: false,
+      memberNoteForm: {
+        id: "",
+        uid: "",
+        note: "",
+      },
+    };
+  },
+  mounted() {
+    this.list();
+    // this.getAllCouponList();
+  },
+  methods: {
+    guid,
+    openOrder(row) {
+      this.uphone = row.phone;
+      this.unionid = row.unionid;
+      this.showProductOrder = true;
+    },
+
+    integralLook() {
+      this.currentUid = "";
+      this.showIntegral = true;
+    },
+    openIntegralWindow(row) {
+      this.currentUid = row.id;
+      this.showIntegral = true;
+    },
+    closeIntegralDialog() {
+      this.currentUid = "";
+      this.showIntegral = false;
+    },
+    closeProductOrderDialog() {
+      this.showProductOrder = false;
+      this.uphone = "";
+    },
+    closeMemberNotelDialog() {
+      this.showMemberNote = false;
+      this.memberNoteForm.id = "";
+      this.memberNoteForm.uid = "";
+      this.memberNoteForm.note = "";
+    },
+    giveIntegral(item) {
+      this.integralForm.phone = item.phone;
+      this.integralForm.nick = item.nick;
+      this.integralForm.integralNum = 1;
+      this.currentUser = item;
+      this.showGiveIntegral = true;
+    },
+
+    saveGiveIntegral() {
+      let params = {};
+      params.uid = this.currentUser.id;
+      params.phone = this.currentUser.phone;
+      params.quantity_r = this.integralForm.integralNum;
+      addIntegral(params).then((res) => {
+        this.showGiveIntegral = false;
+        this.$message.success(res.data.info);
+      });
+    },
+    openMeberNote(row) {
+      let uid = row.id;
+      this.selectMemberNoteForm(uid);
+    },
+    selectMemberNoteForm(uid) {
+      let param = {};
+      param.uid = uid;
+      selectMemberNote(param).then((res) => {
+        let data = res.data.data;
+        if (data) {
+          this.memberNoteForm.note = data.note;
+          this.memberNoteForm.id = data.id;
+        }
+        this.memberNoteForm.uid = uid;
+        this.showMemberNote = true;
+      });
+    },
+    saveMemberNoteForm() {
+      let param = JSON.parse(JSON.stringify(this.memberNoteForm));
+      console.log(param);
+      insertMemberNote(param).then((res) => {
+        this.$message.success("保存成功!");
+        this.showMemberNote = false;
+      });
+    },
+    closeGiveIntegralDialog() {
+      this.showGiveIntegral = false;
+    },
+    list() {
+      let params = {};
+
+      if (this.searchData.phone.length > 0) {
+        params.phone = this.searchData.phone;
+      }
+      if (this.searchData.nick.length > 0) {
+        params.nick = this.searchData.nick;
+      }
+      if (this.searchData.id && this.searchData.id.length > 0) {
+        params.id = this.searchData.id;
+      }
+
+      params.membered = 1;
+
+      params.pageNo = this.searchData.pageNo;
+      userList(params).then((res) => {
+        this.resultData = res.data.data.list;
+        this.searchData.total = res.data.data.count;
+      });
+    },
+    current_change(currentPage) {
+      this.searchData.pageNo = currentPage;
+      this.list();
+    },
+    dateFormat(row, column, data) {
+      return moment.unix(data).format("YYYY-MM-DD HH:mm");
+    },
+    clear() {
+      clear().then(() => {
+        this.$message.success("所有用户过期积分已经全部清零");
+      });
+    },
+    exportExcell() {
+      let params = {};
+      exportMemberExcel("会员列表", params);
+    },
+    getQrCode(userInfo) {
+      this.showQRCodeDialog = true;
+      let params = {};
+      params.id = userInfo.id;
+      params.account = userInfo.account;
+      params.nick = userInfo.nick;
+      params.wx_url = userInfo.wx_url;
+      params.unionid = userInfo.unionid;
+      params.phone = userInfo.phone;
+      params.openid = userInfo.openid;
+      params.pid = userInfo.pid;
+      params.ptype = userInfo.ptype;
+      params = encodeURIComponent(JSON.stringify(params));
+      setTimeout(() => {
+        new QRCode("qrcode", {
+          width: 200,
+          height: 200,
+          text: params,
+          colorDark: "#000",
+          colorLight: "#fff",
+          correctLevel: QRCode.CorrectLevel.L,
+        });
+      }, 100);
+    },
+  },
+};
+</script>
+<style lang="less">
+.avatar-uploader {
+  width: 100px;
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader:hover {
+  border-color: #409eff;
+}
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 100px;
+  height: 100px;
+  line-height: 100px;
+  text-align: center;
+}
+.avatar {
+  width: 100px;
+  height: 100px;
+  display: block;
+}
+</style>

package/le-member-level/index.js

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

package/le-member-level/src/main.vue

@@ -0,0 +1,93 @@
+<template>
+  <div>
+    <el-table :data="tableData" border row-key="id" stripe style="width: 100%">
+      <el-table-column prop="title" label="标题"> </el-table-column>
+      <!-- <el-table-column prop="note" label="权益"> </el-table-column> -->
+      <el-table-column
+        fixed="right"
+        label="操作"
+        align="center"
+        width="120"
+        row
+      >
+        <template slot-scope="scope">
+          <el-button type="text" size="small" @click="openDetail(scope.row)"
+            >编辑与详情</el-button
+          >
+          <el-popconfirm
+            :title="`该操作不可逆，确定删除？`"
+            @confirm="del(scope.row.id)"
+          >
+            <template #reference>
+              <!-- <el-button type="text" size="small">删除</el-button> -->
+            </template>
+          </el-popconfirm>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+      width="60%"
+      v-el-drag-dialog
+      title="会员等级"
+      :visible.sync="showDetails"
+      :close-on-click-modal="false"
+      append-to-body
+      @close="closeDetailsDialog"
+    >
+      <le-member-level-sub
+        ref="detaileditwindow"
+        :rowData="detailRow"
+        :isAdd="false"
+        v-if="showDetails"
+      ></le-member-level-sub>
+      <div slot="footer">
+        <el-button type="primary" @click="saveMemberLevel">保存</el-button>
+        <el-button type="primary" @click="closeDetailsDialog">关闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { levelList, levelDel, levelAdd, levelEdit } from "@/api/member";
+import LeMemberLevelSub from "./sub.vue";
+export default {
+  name: "le-member-level",
+  components: { LeMemberLevelSub },
+  data() {
+    return {
+      tableData: [],
+      showDetails: false,
+      detailRow: null,
+    };
+  },
+  computed: {},
+  mounted() {
+    this.list();
+  },
+  methods: {
+    list() {
+      levelList().then((res) => {
+        this.tableData = res.data.data;
+      });
+    },
+    del(levelId) {
+      levelDel(levelId).then((response) => {
+        this.list();
+        this.$message.success(response.data.info);
+      });
+    },
+    closeDetailsDialog() {
+      this.detailRow = null;
+      this.showDetails = false;
+    },
+    openDetail(obj) {
+      this.detailRow = obj;
+      this.showDetails = true;
+    },
+    saveMemberLevel() {
+      this.$refs["detaileditwindow"].onSubmit();
+      this.closeDetailsDialog();
+    },
+  },
+};
+</script>

package/le-member-level/src/sub.vue

@@ -0,0 +1,86 @@
+<template>
+  <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-form-item label="等级标题" prop="title">
+      <el-input v-model="form.title"></el-input>
+    </el-form-item>
+    <el-form-item label="权益说明" prop="note">
+      <le-editor v-model="form.note"></le-editor>
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import { levelAdd, levelEdit } from "@/api/member";
+import { LeEditor } from "leisure-editor";
+// import { LeEditor } from "../../../dist/leisure-editor";
+export default {
+  name: "le-member-level-sub",
+  components: {
+    LeEditor,
+  },
+  props: {
+    rowData: {
+      type: Object,
+      required: true,
+    },
+    isAdd: {
+      type: Boolean,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      form: {
+        id: "",
+        title: "",
+        note: "",
+      },
+      rules: {
+        title: [
+          { required: true, message: "请输入会员等级", trigger: "blur" },
+          {
+            min: 1,
+            max: 50,
+            message: "长度在 1 到 50 个字符",
+            trigger: "blur",
+          },
+        ],
+        note: [
+          {
+            max: 100,
+            message: "长度在 0 到 100",
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  mounted() {
+    this.form = this.rowData;
+  },
+  methods: {
+    onSubmit() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          let param = {
+            note: this.form.note,
+            id: this.form.id,
+            title: this.form.title,
+          };
+
+          if (this.isAdd) {
+            levelAdd(param).then((response) => {
+              this.$message.success(response.data.info);
+            });
+          } else {
+            levelEdit(param).then((res) => {
+              this.$message.success(res.data.info);
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>

package/le-menu/index.js

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