leisure-core 0.1.0

package/le-coupon-give/src/main.vue

@@ -0,0 +1,94 @@
+<template>
+  <el-form
+    ref="formName"
+    :model="ruleForm"
+    :rules="rules"
+    status-icon
+    label-width="100px"
+    class="demo-ruleForm"
+  >
+    <el-form-item label="选择优惠券" prop="cid">
+      <el-select v-model="ruleForm.cid" placeholder="请选择">
+        <el-option
+          v-for="coupon in coupons"
+          :key="coupon.id"
+          :label="coupon.title"
+          :value="coupon.id"
+        >
+        </el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item v-rfooter>
+      <el-button type="info" @click="close()">取消</el-button>
+      <el-button type="primary" @click="save">保存</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import { listAllValid, sendCoupons } from "@/api/coupon";
+export default {
+  name: "le-coupon-give",
+  props: {
+    uid: {
+      type: String,
+      default: "",
+    },
+    unionid: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      coupons: [],
+      ruleForm: {
+        cid: "",
+      },
+      rules: {
+        cid: [{ required: true, message: "必须选择优惠券", trigger: "blur" }],
+      },
+    };
+  },
+  mounted() {
+    this.getAllCouponList();
+  },
+  methods: {
+    click(param) {
+      this.$emit("click", param);
+    },
+    getAllCouponList() {
+      let param = {};
+      param.pageNo = 1;
+      listAllValid(param).then((res) => {
+        this.coupons = res.data.data.list;
+      });
+    },
+    save() {
+      this.$refs.formName.validate((valid) => {
+        if (valid) {
+          let params = {
+            couponId: this.ruleForm.cid,
+            uid: this.uid,
+            unionid: this.unionid,
+            source: "后台赠送优惠券",
+          };
+          sendCoupons(params)
+            .then((res) => {
+              this.close();
+              this.$message.success(res.data.info);
+            })
+            .catch((err) => {
+              this.$message.success(err);
+            });
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    close() {
+      this.$emit("close");
+    },
+  },
+};
+</script>

package/le-depart/index.js

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

package/le-depart/src/main.vue

@@ -0,0 +1,162 @@
+<template>
+  <div class="le-depart-container">
+    <el-form :inline="true">
+      <el-form-item>
+        <el-button type="primary" @click="getdepartList()">查询</el-button>
+        <el-button type="primary" @click="adddepart()">新建部门</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table :data="tableData" border row-key="id" stripe style="width: 100%">
+      <el-table-column prop="dcode" label="部门编码" align="center">
+      </el-table-column>
+      <el-table-column prop="dname" label="部门名称" align="center">
+      </el-table-column>
+      <el-table-column prop="note" label="备注" align="center">
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="180">
+        <template slot-scope="scope">
+          <le-button text="编辑" @click="editdepart(scope.row)"></le-button>
+          <le-button-msg @click="del(scope.row.id)"></le-button-msg>
+        </template>
+      </el-table-column>
+    </el-table>
+    <le-dialog-container
+      title="新建/编辑部门"
+      :showDialog="showAddPageModal"
+      :showFooter="true"
+      @close="handleClose"
+      @saveData="savedepart"
+    >
+      <el-form
+        :model="ruleForm"
+        :rules="rules"
+        ref="ruleForm"
+        label-width="140px"
+      >
+        <el-form-item label="部门编码" prop="dcode">
+          <el-input v-model="ruleForm.dcode"></el-input>
+        </el-form-item>
+        <el-form-item label="部门名称" prop="dname">
+          <el-input v-model="ruleForm.dname"></el-input>
+        </el-form-item>
+        <el-form-item label="备注" prop="note">
+          <el-input v-model="ruleForm.note"></el-input>
+        </el-form-item>
+      </el-form>
+    </le-dialog-container>
+  </div>
+</template>
+<script>
+import {
+  departCreate,
+  departDel,
+  departEdit,
+  departList,
+  getMaxDepartNo,
+} from "@/api/depart";
+import LeButton from "leisure-ui/le-button/index";
+import LeButtonMsg from "leisure-ui/le-button-msg/index";
+import LeDialogContainer from "leisure-ui/le-dialog-container/index";
+export default {
+  name: "le-depart",
+  components: {
+    LeButton,
+    LeButtonMsg,
+    LeDialogContainer,
+  },
+  data() {
+    return {
+      tableData: [],
+      ruleForm: {
+        id: "",
+        dcode: "",
+        dname: "",
+        pcode: "",
+        note: "",
+      },
+      rules: {
+        dname: [
+          { required: true, message: "请输入部门名称", trigger: "blur" },
+          { max: 50, message: "长度在 1 到 50个字符", trigger: "blur" },
+        ],
+        dcode: [
+          { required: true, message: "请输入部门编码", trigger: "blur" },
+          { min: 2, message: "长度最小是2个字符", trigger: "blur" },
+        ],
+        note: [{ max: 100, message: "长度在 1 到 100个字符", trigger: "blur" }],
+      },
+      showAddPageModal: false,
+      isEditdepart: false,
+    };
+  },
+  computed: {},
+  mounted() {
+    this.getdepartList();
+  },
+  methods: {
+    adddepart() {
+      this.showAddPageModal = true;
+      this.isEditdepart = false;
+      getMaxDepartNo().then((res) => {
+        this.ruleForm.dcode = res.data.data;
+      });
+    },
+    editdepart(row) {
+      this.ruleForm = JSON.parse(JSON.stringify(row));
+      this.showAddPageModal = true;
+      this.isEditdepart = true;
+    },
+    savedepart() {
+      let params = JSON.parse(JSON.stringify(this.ruleForm));
+      this.$refs["ruleForm"].validate((valid) => {
+        if (valid) {
+          if (this.isEditdepart) {
+            departEdit(params).then(() => {
+              this.$message.success("修改部门成功～");
+              this.getdepartList();
+              this.handleClose();
+            });
+          } else {
+            departCreate(params)
+              .then(() => {
+                this.$message.success("新建部门成功～");
+                this.getdepartList();
+                this.handleClose();
+              })
+              .catch((err) => {
+                this.$message.error(err);
+              });
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    handleClose() {
+      this.showAddPageModal = false;
+      this.initForm();
+    },
+    getdepartList() {
+      departList().then((res) => {
+        this.tableData = res.data.data || [];
+      });
+    },
+    del(id) {
+      departDel({
+        id: id,
+      }).then((response) => {
+        this.getdepartList();
+        this.$message.success("删除部门成功");
+      });
+    },
+    initForm() {
+      this.ruleForm.id = "";
+      this.ruleForm.dcode = "";
+      this.ruleForm.dname = "";
+      this.ruleForm.pcode = "";
+      this.ruleForm.note = "";
+    },
+  },
+};
+</script>

package/le-dialog-container/index.js

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

package/le-dialog-container/src/main.vue

@@ -0,0 +1,74 @@
+<template>
+  <el-dialog
+    :width="width"
+    :title="title"
+    :visible.sync="dialogShow"
+    :close-on-click-modal="closeMode"
+    append-to-body
+    @close="closeDialog"
+    v-el-drag-dialog
+  >
+    <slot v-if="dialogShow" />
+    <div slot="footer" v-if="showFooter" class="dialog-footer">
+      <template>
+        <el-button type="info" @click="closeDialog">关闭</el-button>
+        <el-button type="primary" v-if="showSaveBtn" @click="saveData"
+          >确 定</el-button
+        >
+      </template>
+    </div>
+  </el-dialog>
+</template>
+<script>
+export default {
+  name: "le-dialog-container",
+  props: {
+    showDialog: {
+      type: Boolean,
+      default: false,
+    },
+    width: {
+      type: String,
+      default: "60%",
+    },
+    title: {
+      type: String,
+      default: "商品详情",
+    },
+    closeMode: {
+      type: Boolean,
+      default: false,
+    },
+    showFooter: {
+      type: Boolean,
+      default: false,
+    },
+    showSaveBtn: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    dialogShow: {
+      get() {
+        return this.showDialog;
+      },
+      set(newValue) {
+        // this.$emit("close", newValue);
+      },
+    },
+  },
+  mounted() {},
+  methods: {
+    closeDialog(param) {
+      this.$emit("close", param);
+    },
+    saveData() {
+      this.$emit("saveData");
+    },
+  },
+};
+</script>

package/le-home/index.js

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