leisure-core 0.1.0

package/index.js

@@ -0,0 +1,145 @@
+import LeDrag from "leisure-js/drag/drag.js";
+import { parseTime, formatMoney } from "leisure-js/common/dformat";
+import LeLogin from "./le-login/index.js";
+import LeHome from "./le-home/index.js";
+import LeButton from "./le-button/index.js";
+import LeButtonMsg from "./le-button-msg/index.js";
+import LeCompany from "./le-company/index.js";
+import LeDialogContainer from "./le-dialog-container/index.js";
+import LeRole from "./le-role/index.js";
+import LeMenu from "./le-menu/index.js";
+import LeRoleUser from "./le-role-user/index.js";
+import LeDepart from "./le-depart/index.js";
+import LeCouponGive from "./le-coupon-give/index.js";
+import LeUser from "./le-user/index.js";
+import LeUserType from "./le-user-type/index.js";
+import LeMedia from "./le-media/index.js";
+import LeIntegral from "./le-integral/index.js";
+import LeMember from "./le-member/index.js";
+import LeMemberLevel from "./le-member-level/index.js";
+import LeMediaUpload from "./le-media-upload/index.js";
+import LeMediaList from "./le-media-list/index.js";
+import LeRichText from "./le-rich-text/index.js";
+import LeButtonUpload from "./le-button-upload/index.js";
+import LeButtonSelectMedia from "./le-button-select-media/index.js";
+import LeImage from "./le-image/index.js";
+
+const components = [
+  LeButton,
+  LeButtonMsg,
+  LeCompany,
+  LeDialogContainer,
+  LeLogin,
+  LeHome,
+  LeMenu,
+  LeRole,
+  LeRoleUser,
+  LeDepart,
+  LeCouponGive,
+  LeUser,
+  LeUserType,
+  LeMedia,
+  LeMediaUpload,
+  LeIntegral,
+  LeMember,
+  LeMemberLevel,
+  LeMediaList,
+  LeRichText,
+  LeButtonUpload,
+  LeButtonSelectMedia,
+  LeImage,
+];
+
+const install = function (Vue) {
+  if (install.installed) return;
+
+  components.forEach((component) => {
+    Vue.component(component.name, component);
+  });
+
+  Vue.prototype.parseTime = parseTime;
+  Vue.prototype.formatMoney = formatMoney;
+
+  Vue.directive("permission", {
+    inserted: function (el, bindings) {
+      let buttons = bindings.value;
+      if (buttons && buttons.length > 0) {
+        let btnConfigs = JSON.parse(buttons);
+        if (btnConfigs && btnConfigs.length > 0) {
+          for (let i = 0; i < btnConfigs.length; i++) {
+            let btnConfig = btnConfigs[i];
+            if (btnConfig.id == el.id && btnConfig.permission == "no") {
+              if (!el || !el.parentNode) return;
+              el.parentNode.removeChild(el);
+            }
+          }
+        }
+      }
+    },
+  });
+
+  Vue.directive("el-drag-dialog", LeDrag);
+
+  // Vue.directive("rtable", {
+  //   bind(el) {
+  //     const { componentInstance: $table } = vnode;
+  //     let tableTop = el.getBoundingClientRect().top;
+  //     let body = window.innerHeight - tableTop - 90;
+  //     el.style["max-height"] = `${body}px`;
+  //     el.style["overflow-y"] = "auto";
+  //     console.log(el);
+  //     el.setAttribute("ref", "eltablemain");
+  //     el.setAttribute(":max-height", "elTableMaxHeight");
+  //     el.setAttribute(":header-cell-style", "{ 'text-align': 'center' }");
+  //     el.setAttribute(":cell-style", "{ 'text-align': 'center' }");
+  //   },
+  // });
+
+  Vue.directive("rfooter", {
+    //参数支持"center"
+    bind(el, binding, vnode) {
+      let param = binding.value;
+      if (!param) {
+        param = "right";
+      }
+      el.setAttribute(
+        "style",
+        `display:flex;display:-webkit-flex;justify-content:${param};margin-bottom:-20px`
+      );
+    },
+  });
+};
+
+//判断是否是直接引入文件
+if (typeof window !== "undefined" && window.Vue) {
+  window["el-drag-dialog"] = LeDrag;
+  install(window.Vue);
+}
+
+export default {
+  install,
+  LeButton,
+  LeButtonMsg,
+  LeCompany,
+  LeDialogContainer,
+  LeLogin,
+  LeHome,
+  LeMenu,
+  LeRole,
+  LeRoleUser,
+  LeDrag,
+  LeDepart,
+  LeCouponGive,
+  LeUser,
+  LeUserType,
+  LeMedia,
+  LeMediaUpload,
+  LeIntegral,
+  LeMember,
+  LeMemberLevel,
+  LeMediaList,
+  LeRichText,
+  LeButtonUpload,
+  LeButtonSelectMedia,
+  LeImage,
+};

package/le-button/index.js

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

package/le-button/src/main.vue

@@ -0,0 +1,48 @@
+<template>
+  <el-button
+    :id="id"
+    :type="type"
+    :size="size"
+    :v-permission="permission"
+    @click="click"
+    style="margin-left: 2px; margin-right: 2px"
+    v-if="disp"
+    >{{ text }}</el-button
+  >
+</template>
+<script>
+export default {
+  name: "le-button",
+  props: {
+    id: {
+      type: String,
+      default: "",
+    },
+    type: {
+      type: String,
+      default: "primary",
+    },
+    size: {
+      type: String,
+      default: "small",
+    },
+    permission: {
+      type: String,
+      default: "$route.params.btns",
+    },
+    text: {
+      type: String,
+      default: "按钮",
+    },
+    disp: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  methods: {
+    click(param) {
+      this.$emit("click", param);
+    },
+  },
+};
+</script>

package/le-button-msg/index.js

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

package/le-button-msg/src/main.vue

@@ -0,0 +1,61 @@
+<template>
+  <el-popconfirm
+    :title="title"
+    :id="id"
+    @confirm="click"
+    :v-permission="permission"
+    style="margin-left: 2px; margin-right: 2px"
+    v-if="disp"
+  >
+    <template #reference>
+      <el-button :type="type" :size="size"
+        ><span v-if="!isDispSlot">{{ text }}</span
+        ><slot v-if="isDispSlot"></slot
+      ></el-button>
+    </template>
+  </el-popconfirm>
+</template>
+<script>
+export default {
+  name: "le-button-msg",
+  props: {
+    id: {
+      type: String,
+      default: "",
+    },
+    type: {
+      type: String,
+      default: "primary",
+    },
+    size: {
+      type: String,
+      default: "small",
+    },
+    permission: {
+      type: String,
+      default: "$route.params.btns",
+    },
+    text: {
+      type: String,
+      default: "删除",
+    },
+    title: {
+      type: String,
+      default: "该操作不可逆，确定删除?",
+    },
+    isDispSlot: {
+      type: Boolean,
+      default: false,
+    },
+    disp: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  methods: {
+    click(param) {
+      this.$emit("click", param);
+    },
+  },
+};
+</script>

package/le-button-select-media/index.js

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

package/le-button-select-media/src/main.vue

@@ -0,0 +1,64 @@
+<template>
+  <div class="le-button-select-media">
+    <el-button type="primary" id="btnSelectMedia" @click="onClick"
+      >选择素材</el-button
+    >
+    <le-dialog-container
+      :title="title"
+      :showDialog="showDialog"
+      :width="width"
+      @close="closeDialog"
+    >
+      <le-media-list
+        :multiple="multiple"
+        ref="selectMedias"
+        v-if="showDialog"
+        @selectContent="selectContent"
+      ></le-media-list>
+    </le-dialog-container>
+  </div>
+</template>
+<script>
+export default {
+  name: "le-button-select-media",
+  props: {
+    width: {
+      type: String,
+      default: "70%",
+    },
+    title: {
+      type: String,
+      default: "选择素材",
+    },
+    multiple: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      showDialog: false,
+    };
+  },
+  methods: {
+    onClick() {
+      this.showDialog = true;
+    },
+    closeDialog() {
+      this.showDialog = false;
+    },
+    selectContent(value) {
+      this.$emit("selectContent", value);
+      if (!this.multiple) {
+        this.closeDialog();
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.le-button-select-media {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+</style>

package/le-button-upload/index.js

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

package/le-button-upload/src/main.vue

@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <el-button type="primary" id="btnUpload" @click="onClick">{{
+      title
+    }}</el-button>
+    <le-dialog-container
+      :title="title"
+      :showDialog="showDialog"
+      :width="width"
+      @close="closeDialog"
+    >
+      <le-media-upload
+        v-if="showDialog"
+        @cancel="closeDialog"
+        @callMdiaUrl="callMdiaUrl"
+      ></le-media-upload>
+    </le-dialog-container>
+  </div>
+</template>
+<script>
+export default {
+  name: "le-button-upload",
+  props: {
+    width: {
+      type: String,
+      default: "60%",
+    },
+    title: {
+      type: String,
+      default: "上传素材",
+    },
+  },
+  data() {
+    return {
+      showDialog: false,
+    };
+  },
+  methods: {
+    onClick() {
+      this.showDialog = true;
+    },
+    closeDialog() {
+      this.showDialog = false;
+    },
+    callMdiaUrl(param) {
+      this.$emit("callMdiaUrl", param);
+    },
+  },
+};
+</script>

package/le-company/index.js

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

package/le-company/src/main.vue

@@ -0,0 +1,101 @@
+<template>
+  <div>
+    <el-table :data="tableData" border row-key="id" stripe style="width: 100%">
+      <el-table-column prop="name" label="单位名称" width="180">
+      </el-table-column>
+      <el-table-column prop="title" label="标题"> </el-table-column>
+      <el-table-column prop="phone" label="客服电话"> </el-table-column>
+      <el-table-column prop="note" label="备注"> </el-table-column>
+      <el-table-column
+        fixed="right"
+        label="操作"
+        align="center"
+        width="160"
+        row
+      >
+        <template slot-scope="scope">
+          <le-button
+            id="btnEdit"
+            v-permission="$route.params.btns"
+            text="编辑"
+            :disp="btnEditDisp"
+            @click="openEditWindow(scope.row)"
+          ></le-button>
+          <le-button-msg
+            @click="del(scope.row)"
+            :disp="btnDelDisp"
+          ></le-button-msg>
+        </template>
+      </el-table-column>
+    </el-table>
+    <le-dialog-container :showDialog="showDialog" @close="closeDialog">
+      <le-company-sub
+        @close="closeDialog"
+        @rowRefresh="list"
+        :rowitem="currentRow"
+      ></le-company-sub>
+    </le-dialog-container>
+  </div>
+</template>
+<script>
+import { list as companylist, del as companyDel } from "@/api/company";
+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";
+import LeCompanySub from "./sub.vue";
+export default {
+  name: "le-company",
+  components: {
+    LeButton,
+    LeButtonMsg,
+    LeDialogContainer,
+    LeCompanySub,
+  },
+  props: {
+    btnEditDisp: {
+      type: Boolean,
+      default: true,
+    },
+    btnDelDisp: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      tableData: [],
+      showDialog: false,
+      currentRow: {},
+    };
+  },
+  computed: {
+    judgeIsDispDelButton() {
+      return this.$store.getters.userinfo.account == "zcx";
+    },
+  },
+  mounted() {
+    this.list();
+  },
+  methods: {
+    list() {
+      let params = { cid: this.$store.getters.cid };
+      companylist(params).then((res) => {
+        this.tableData = res.data.data;
+      });
+    },
+    del(id) {
+      companyDel(id).then((response) => {
+        this.list();
+        this.$message.success(response.data.info);
+      });
+    },
+    openEditWindow(item) {
+      this.currentRow = item;
+      this.showDialog = true;
+    },
+    closeDialog() {
+      this.showDialog = false;
+    },
+  },
+};
+</script>

package/le-company/src/sub.vue

@@ -0,0 +1,111 @@
+<template>
+  <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-form-item label="单位名称" prop="name">
+      <el-input v-model="form.name"></el-input>
+    </el-form-item>
+    <el-form-item label="系统标题" prop="title">
+      <el-input v-model="form.title"></el-input>
+    </el-form-item>
+    <el-form-item label="电话" prop="phone">
+      <el-input v-model="form.phone"></el-input>
+    </el-form-item>
+    <el-form-item label="备注" prop="note">
+      <el-input v-model="form.note"></el-input>
+    </el-form-item>
+    <el-form-item>
+      <el-button type="primary" @click="onSubmit">保存</el-button>
+      <el-button @click="close()">取消</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import { add as companyAdd, edit as companyEdit } from "@/api/company";
+export default {
+  name: "le-company-sub",
+  props: {
+    rowitem: {},
+  },
+  data() {
+    return {
+      // btnText: {
+      //   dispComment: this.$route.params.status == 1 ? "立即创建" : "更新",
+      // },
+      form: {
+        id: "",
+        name: "",
+        phone: "",
+        title: "",
+        note: "",
+      },
+      rules: {
+        name: [
+          { required: true, message: "请输入单位名称", trigger: "blur" },
+          {
+            min: 1,
+            max: 100,
+            message: "长度在 1 到 100 个字符",
+            trigger: "blur",
+          },
+        ],
+        title: [
+          { required: true, message: "请输入标题名称", trigger: "blur" },
+          {
+            min: 1,
+            max: 100,
+            message: "长度在 1 到 100 个字符",
+            trigger: "blur",
+          },
+        ],
+        note: [
+          {
+            max: 200,
+            message: "长度在 0 到 200个字符",
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  watch: {
+    rowitem: {
+      handler(newValue) {
+        this.form = newValue;
+      },
+      immediate: true,
+    },
+  },
+  mounted() {},
+  methods: {
+    onSubmit() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          let param = {
+            name: this.form.name,
+            note: this.form.note,
+            id: this.form.id,
+            title: this.form.title,
+            phone: this.form.phone,
+          };
+
+          if (this.$route.params.status == 1) {
+            companyAdd(param).then((response) => {
+              this.$message(response.data.info);
+            });
+          } else {
+            companyEdit(param).then((res) => {
+              this.$message(res.data.info);
+              this.$emit("rowRefresh");
+              this.close();
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    close() {
+      this.$emit("close");
+    },
+  },
+};
+</script>

package/le-coupon-give/index.js

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