leisure-core 0.1.0

package/le-integral/index.js

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

package/le-integral/src/main.vue

@@ -0,0 +1,198 @@
+<template>
+  <div>
+    <el-form :inline="true" :model="searchData">
+      <el-form-item label="用户ID"
+        ><el-input v-model="searchData.uid" 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-select v-model="searchData.type" clearable placeholder="请选择">
+          <el-option label="消费积分" value="1" key="1"></el-option>
+          <el-option label="获取积分" value="0" key="0"></el-option>
+        </el-select>
+      </el-form-item> -->
+      <el-form-item
+        ><el-button type="primary" @click="list">查询</el-button></el-form-item
+      >
+      <el-form-item
+        ><el-button type="primary" @click="sum">汇总</el-button></el-form-item
+      >
+      <!-- <el-form-item>
+        <el-popconfirm
+          :title="`该操作不可逆，将清除所有过期积分!`"
+          @confirm="clear()"
+        >
+          <template #reference>
+            <el-button type="danger" size="small" style="margin-left: 10px"
+              >积分清零</el-button
+            >
+          </template>
+        </el-popconfirm></el-form-item
+      > -->
+    </el-form>
+    <vxe-table
+      :data="tableData"
+      :align="'center'"
+      :row-config="{ isHover: true }"
+      :column-config="{ resizable: true }"
+      ref="eltablemain"
+      :max-height="elTableMaxHeight"
+      border
+      stripe
+      style="width: 100%"
+    >
+      <vxe-column field="phone" title="手机号" show-overflow width="110">
+        <template slot-scope="scope">
+          {{ scope.row.phone ? scope.row.phone : scope.row.uid }}
+        </template>
+      </vxe-column>
+      <vxe-column field="nick" title="昵称" show-overflow width="110">
+      </vxe-column>
+      <vxe-column field="real_name" title="真实姓名" show-overflow width="110">
+      </vxe-column>
+      <vxe-column title="赠送积分">
+        <template slot-scope="scope">
+          {{ scope.row.quantity_r > 0 ? scope.row.quantity_r : "" }}
+        </template>
+      </vxe-column>
+      <vxe-column title="消费积分">
+        <template slot-scope="scope">
+          {{ scope.row.quantity_c > 0 ? scope.row.quantity_c : "" }}
+        </template>
+      </vxe-column>
+      <vxe-column field="cdate" title="交易日期">
+        <template slot-scope="scope">
+          {{ dateFormatter(scope.row.cdate) }}
+        </template>
+      </vxe-column>
+      <vxe-column field="cdate_out" title="过期日期" :formatter="dateFormatter">
+        <template slot-scope="scope">
+          {{ dateFormatter(scope.row.cdate_out) }}
+        </template>
+      </vxe-column>
+      <vxe-column field="note" title="备注"></vxe-column>
+    </vxe-table>
+    <div style="text-align: center; margin-top: 30px">
+      <vxe-pager
+        auto-hidden
+        align="center"
+        :current-page="searchData.pageNo"
+        :page-size="10"
+        :total="searchData.total"
+        :layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Total']"
+        @page-change="current_change"
+      >
+      </vxe-pager>
+    </div>
+  </div>
+</template>
+<script>
+import moment from "moment";
+import { list, sum, clear } from "@/api/integral";
+import leMixins from "leisure-ui/le-libs/mixins/main"; //
+export default {
+  name: "le-integral",
+  mixins: [leMixins],
+  props: {
+    uid: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      tableData: [],
+      searchData: {
+        uid: "",
+        phone: "",
+        pageNo: 1,
+        total: 1,
+      },
+    };
+  },
+  mounted() {
+    this.list();
+  },
+  methods: {
+    dateFormatter(data) {
+      if (data) {
+        return moment.unix(data).format("YYYY-MM-DD HH:mm:ss");
+      }
+      return "";
+    },
+    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;
+    },
+    footerMethod() {
+      let footDatas = [];
+      if (this.tableData && this.tableData.length > 0) {
+        let footParam = [];
+        footParam.push("合计");
+        footParam.push("");
+        footParam.push("");
+        footParam.push("");
+        footParam.push(this.footerData.totalSaleNum);
+        footParam.push(this.footerData.totalSale / 100);
+        footDatas.push(footParam);
+      }
+      return footDatas;
+    },
+    current_change({ currentPage }) {
+      this.searchData.pageNo = currentPage;
+      this.list();
+    },
+    clear() {
+      clear().then(() => {
+        this.$message.success("所有用户过期积分已经全部清零");
+      });
+    },
+    sum() {
+      let params = this.filterParams(this.searchData);
+      if (!params.phone && !params.uid) {
+        this.$message.success("必须先输入uid或者手机号");
+      } else {
+        sum(params).then((res) => {
+          this.tableData = res.data.data;
+          this.searchData.total = 1;
+        });
+      }
+    },
+    list() {
+      let params = this.filterParams(this.searchData);
+      if (
+        this.uid &&
+        this.uid.length > 0 &&
+        (!params.uid || params.uid.length <= 0)
+      ) {
+        params.uid = this.uid;
+      }
+      list(params).then((res) => {
+        this.tableData = res.data.data.list;
+        this.searchData.total = res.data.data.count;
+      });
+      // if (!params.phone && !params.uid) {
+      //   info("必须先输入uid或者手机号", this);
+      // } else {
+      //   list(params).then((res) => {
+      //     this.tableData = res.data.data.list;
+      //     this.searchData.total = res.data.data.count;
+      //   });
+      // }
+    },
+  },
+};
+</script>

package/le-libs/mixins/main.js

@@ -0,0 +1,37 @@
+const leMixins = {
+  data() {
+    return {
+      elTableMaxHeight: 200,
+    };
+  },
+
+  mounted() {
+    this.$nextTick(() => {
+      if (!this.$refs.eltablemain) return;
+      this.elTableMaxHeight =
+        window.innerHeight -
+        this.$refs.eltablemain.$el.getBoundingClientRect().top -
+        90;
+    });
+  },
+
+  methods: {
+    renderHeader(h, { column, $index }) {
+      const opts = document.getElementsByClassName("le-table-btn-container");
+      let widthArr = [];
+      Array.prototype.forEach.call(opts, function (item) {
+        widthArr.push(item.offsetWidth);
+      });
+      if (widthArr.length > 0) {
+        let width = Math.max(...widthArr) + 24;
+        column.width = width;
+        return h("span", column.label);
+      } else {
+        column.width = 0;
+        return h("span", column.label);
+      }
+    },
+  },
+};
+
+export default leMixins;

package/le-login/index.js

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

package/le-login/src/main.vue

@@ -0,0 +1,181 @@
+<template>
+  <el-form
+    class="le-login-cp"
+    ref="loginForm"
+    label-position="top"
+    label-width="80px"
+    :model="formdata"
+    :rules="rules"
+  >
+    <h2>用户登录</h2>
+    <el-form-item label="用户名" prop="account">
+      <el-input
+        v-model="formdata.account"
+        @keydown.enter.native="nextFocus(0)"
+      ></el-input>
+    </el-form-item>
+    <el-form-item label="密码" prop="pwd">
+      <el-input
+        show-password
+        v-model="formdata.pwd"
+        @keydown.enter.native="nextFocus(1)"
+      ></el-input>
+    </el-form-item>
+    <!-- <el-form-item label="验证码" prop="code">
+        <div class="verify">
+          <el-input
+            v-model="formdata.code"
+            @keydown.enter.native="nextFocus(2)"
+            style="flex: 1"
+          ></el-input>
+          <img class="verify-img" :src="verifyCodeImg" @click="getImg()" />
+        </div>
+      </el-form-item> -->
+    <el-button
+      class="btn"
+      type="primary"
+      @keydown.enter="handleLodin()"
+      @click="handleLodin()"
+      >登录</el-button
+    >
+  </el-form>
+</template>
+<script>
+import { setToken } from "leisure-js/common/tokens";
+export default {
+  name: "le-login",
+  props: {
+    home: {
+      type: String,
+      default: "/home",
+    },
+    isCode: {
+      //是否启用验证码
+      type: String,
+      default: "0", //0:否 1:启用
+    },
+  },
+  data() {
+    var checkCode = (rule, value, callback) => {
+      if (!value) {
+        return callback(new Error("请输入验证码"));
+      } else {
+        if (value.toUpperCase() == this.verifyCode.toUpperCase()) {
+          return callback();
+        } else {
+          return callback(new Error("验证码不正确"));
+        }
+      }
+    };
+    return {
+      to: "",
+      formdata: {
+        account: "",
+        pwd: "",
+      },
+      rules: {
+        account: [
+          { required: true, message: "请输入账号(手机号)", trigger: "blur" },
+          {
+            min: 1,
+            max: 13,
+            message: "长度在 1 到 13 个字符",
+            trigger: "blur",
+          },
+        ],
+        pwd: [
+          { required: true, message: "请输入密码", trigger: "blur" },
+          {
+            min: 2,
+            max: 12,
+            message: "长度在 1 到 10 个字符",
+            trigger: "blur",
+          },
+        ],
+        code: [{ required: true, validator: checkCode, trigger: "blur" }],
+      },
+      verifyCode: "",
+      verifyCodeImg: "",
+    };
+  },
+  mounted() {
+    this.getImg();
+    this.to = this.$route.params.to;
+    this.$nextTick(() => {
+      this.$refs.loginForm.$el[0].focus();
+    });
+  },
+  methods: {
+    getImg() {
+      if (this.isCode) {
+        this.$emit("handleVerifyImage"); //验证码验证
+      }
+    },
+    nextFocus(index) {
+      if (index < 1) {
+        this.$refs["loginForm"].$el[index + 1].focus();
+      } else {
+        this.handleLodin();
+      }
+    },
+    handleLodin() {
+      // this.$refs.loginForm.validateField('code');
+      this.$refs["loginForm"].validate((valid) => {
+        if (valid) {
+          this.$emit(
+            "handleLodin",
+            {
+              account: this.formdata.account,
+              pwd: this.formdata.pwd,
+            },
+            this.loginAfter,
+            this.nav2Home
+          );
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+      return;
+    },
+
+    loginAfter(res) {
+      if (res.data.code == "10000") {
+        this.$store.commit("setCid", res.data.data.cid);
+        this.$store.commit("setUserInfo", res.data.data);
+        setToken(res.data.data.token);
+      }
+    },
+    nav2Home() {
+      this.$router.push({ path: this.home });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.le-login-cp {
+  width: 400px;
+  background: #fff;
+  border-radius: 5px;
+  padding: 30px;
+
+  .btn {
+    width: 100%;
+  }
+
+  .verify {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .verify-img {
+    width: 120px;
+    height: 40px;
+    margin-left: 20px;
+    cursor: pointer;
+    border-radius: 5px;
+  }
+}
+</style>

package/le-media/index.js

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

package/le-media/src/main.vue

@@ -0,0 +1,267 @@
+<template>
+  <div class="media-container">
+    <div class="top-box">
+      <!-- <div class="group-box">分组</div> -->
+
+      <div class="media-list-box">
+        <div class="search">
+          <el-form :inline="true">
+            <el-form-item label="分组名称">
+              <el-input v-model="group" placeholder="请输入分组名称"></el-input>
+            </el-form-item>
+            <el-form-item label="标题名称">
+              <el-input v-model="title" placeholder="请输入标题名称"></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="searchMediaList"
+                >查询</el-button
+              >
+              <el-button type="info" @click="resetSearch">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="list">
+          <div
+            class="list-item"
+            v-for="(item, i) in mediaList"
+            :key="i + 'media'"
+          >
+            <img v-if="item.types == 1" :src="item.url" alt="" />
+            <video class="video" v-else controls>
+              <source :src="item.url" type="video/mp4" />
+            </video>
+            <div class="name">
+              {{ "(" + item.group_name + ")" + item.title }}
+              <el-button type="text" @click="editFun(item)">编辑</el-button>
+              <el-button type="text" style="color: red" @click="delFun(item)"
+                >删除</el-button
+              >
+            </div>
+          </div>
+        </div>
+        <div class="pagination">
+          <span>共计 {{ total }} 条</span>
+          <el-pagination
+            background
+            @current-change="handleCurrentChange"
+            :current-page.sync="pageNo"
+            :page-size="10"
+            layout=" prev, pager, next"
+            :total="total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+    <div class="bottom-box">
+      <div>
+        <el-button type="primary" @click="openUploadDialog">上传素材</el-button>
+      </div>
+      <div>
+        <!-- <el-button type="danger">删除</el-button>
+        <el-button type="primary">确认</el-button> -->
+      </div>
+    </div>
+    <el-dialog
+      v-el-drag-dialog
+      width="60%"
+      title="上传素材"
+      :visible.sync="uploadMediaShow"
+      :close-on-click-modal="false"
+      append-to-body
+    >
+      <le-media-upload
+        v-if="uploadMediaShow"
+        @cancel="cancelUploadMedia"
+        :mediaObj="mediaObj"
+      ></le-media-upload>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { systemMaterialDel, systemMaterialList } from "@/api/media";
+import { mapGetters } from "vuex";
+
+export default {
+  name: "le-media",
+  data() {
+    return {
+      tableData: [],
+      uploadMediaShow: false,
+      group: "",
+      title: "",
+      total: 100,
+      pageNo: 1,
+      mediaList: [],
+      mediaObj: null,
+    };
+  },
+  computed: {
+    ...mapGetters({
+      userinfo: "userinfo",
+    }),
+  },
+  mounted() {
+    this.list();
+  },
+  methods: {
+    editFun(item) {
+      this.mediaObj = JSON.parse(JSON.stringify(item));
+      setTimeout(() => {
+        this.uploadMediaShow = true;
+      }, 10);
+    },
+    delFun(item) {
+      let id = item.id;
+      this.$confirm(`是否删除该素材?`, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "error",
+      })
+        .then(() => {
+          systemMaterialDel({ id: id }).then((res) => {
+            this.list();
+            if (res.data.code == "10000") {
+              this.$message.success("删除成功");
+            } else {
+              this.$message.error(res.data.info);
+            }
+          });
+        })
+        .catch(() => {});
+    },
+    cancelUploadMedia(flag) {
+      this.uploadMediaShow = false;
+      if (flag) {
+        this.pageNo = 1;
+      }
+      this.mediaObj = null;
+      this.list();
+    },
+    openUploadDialog() {
+      this.uploadMediaShow = true;
+    },
+    handleCurrentChange(page) {
+      this.pageNo = page;
+      this.list();
+    },
+    resetSearch() {
+      this.group = "";
+      this.title = "";
+      this.pageNo = 1;
+      this.list();
+    },
+    searchMediaList() {
+      this.pageNo = 1;
+      this.list();
+    },
+    list() {
+      let params = {
+        pageNo: this.pageNo,
+        group: this.group,
+        title: this.title,
+      };
+      systemMaterialList(params).then((res) => {
+        if (res.data.code == "10000") {
+          this.mediaList = res.data.data.list;
+          this.total = res.data.data.count;
+        } else {
+          this.$message.error(res.data.info);
+        }
+      });
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.media-container {
+  width: 100%;
+  height: 90%;
+
+  .top-box {
+    width: 100%;
+    height: 90%;
+    display: flex;
+
+    .group-box {
+      width: 200px;
+      border: 1px solid #f4f4f4;
+      padding: 10px;
+      box-sizing: border-box;
+    }
+
+    .media-list-box {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-around;
+      border: 1px solid #f4f4f4;
+      padding: 10px;
+      box-sizing: border-box;
+
+      .search {
+        height: 40px;
+        border-bottom: 1px solid #f4f4f4;
+      }
+
+      .list {
+        display: flex;
+        flex-wrap: wrap;
+        overflow: auto;
+        height: 590px;
+        box-sizing: border-box;
+        padding: 10px 0;
+
+        .list-item {
+          width: 200px;
+          height: 240px;
+          margin-left: 20px;
+          margin-top: 20px;
+          border: 1px solid #f4f4f4;
+          box-sizing: border-box;
+
+          img {
+            width: 200px;
+            height: 200px;
+            border-bottom: 1px solid #f4f4f4;
+          }
+          .video {
+            width: 200px;
+            height: 200px;
+            border-bottom: 1px solid #f4f4f4;
+          }
+
+          .name {
+            box-sizing: border-box;
+            line-height: 30px;
+            font-size: 12px;
+            text-align: center;
+            color: #666;
+          }
+        }
+      }
+
+      .pagination {
+        width: 100%;
+        height: 60px;
+        display: flex;
+        padding: 0 20px;
+        justify-content: space-between;
+        align-items: center;
+        border-top: 1px solid #f4f4f4;
+        box-sizing: border-box;
+      }
+    }
+  }
+
+  .bottom-box {
+    width: 100%;
+    height: 10%;
+    line-height: 1;
+    box-sizing: border-box;
+    padding: 20px;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>