leisure-common 0.4.99

package/index.js

@@ -0,0 +1,20 @@
+import LeComEmployee from "./le-com-employee/index.js";
+import LeComActivity from "./le-com-activity/index.js";
+import LeComCompany from "./le-com-company/index.js";
+
+const components = [LeComEmployee, LeComActivity, LeComCompany];
+
+const install = function (Vue) {
+  if (install.installed) return;
+
+  components.forEach((component) => {
+    Vue.component(component.name, component);
+  });
+};
+
+export default {
+  install,
+  LeComEmployee,
+  LeComActivity,
+  LeComCompany,
+};

package/le-com-activity/index.js

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

package/le-com-activity/src/main.vue

@@ -0,0 +1,289 @@
+<template>
+  <div class="page-container">
+    <el-form :inline="true" class="demo-form-inline">
+      <el-form-item>
+        <el-button type="primary" @click="getActivityList()"> 查询 </el-button>
+        <el-button type="info" @click="resetSearch()">重置</el-button>
+        <el-button type="success" @click="addActivity()"> 新增活动 </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table :data="tableData" border row-key="id" stripe style="width: 100%">
+      <el-table-column prop="title" label="活动标题" align="center">
+      </el-table-column>
+      <el-table-column prop="code" label="速记码" align="center">
+      </el-table-column>
+      <el-table-column prop="section" label="活动部门" align="center">
+        <template slot-scope="scope">
+          <span v-if="scope.row.section == 1">商城</span>
+          <span v-if="scope.row.section == 2">旅游</span>
+          <span v-if="scope.row.section == 3">旅游+商城</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="isenabled" label="状态" align="center">
+        <template slot-scope="scope">
+          <span v-if="scope.row.isenabled == 0">暂未启用</span>
+          <span v-if="scope.row.isenabled == 1">已经启用</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="cdate" label="创建日期" align="center">
+        <template slot-scope="scope">
+          <span>{{ dateFormat(scope.row.cdate) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" align="center" width="180">
+        <template slot-scope="scope">
+          <el-button
+            type="primary"
+            size="small"
+            @click="editActivity(scope.row)"
+            >编辑</el-button
+          >
+          <el-popconfirm
+            :title="`该操作不可逆，确定删除？`"
+            @confirm="del(scope.row.id)"
+          >
+            <template #reference>
+              <el-button type="danger" size="small" style="margin-left: 10px"
+                >删除
+              </el-button>
+            </template>
+          </el-popconfirm>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div style="text-align: center; margin-top: 30px" v-if="total > 0">
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        :current-page="pageNo"
+        :total="total"
+        :page-size="pageSize"
+        @current-change="current_change"
+      >
+      </el-pagination>
+    </div>
+    <el-dialog
+      v-el-drag-dialog
+      title="添加/编辑活动"
+      :visible.sync="showAddPageModal"
+      :close-on-click-modal="false"
+      width="80%"
+      @close="handleClose"
+    >
+      <el-form
+        :model="ruleForm"
+        :rules="rules"
+        ref="ruleForm"
+        label-width="140px"
+      >
+        <el-form-item label="活动标题" prop="title">
+          <el-input v-model="ruleForm.title"></el-input>
+        </el-form-item>
+        <el-form-item label="速记码" prop="code">
+          <el-input v-model="ruleForm.code"></el-input>
+        </el-form-item>
+        <el-form-item label="使用场景" prop="section">
+          <el-select v-model="ruleForm.section" placeholder="请选择">
+            <el-option label="商城" :value="1" key="1"></el-option>
+            <el-option label="旅游" :value="2" key="2"></el-option>
+            <el-option label="全部" :value="3" key="3"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="是否启用">
+          <el-radio-group v-model="ruleForm.isenabled">
+            <el-radio :label="0">否</el-radio>
+            <el-radio :label="1">是</el-radio>
+          </el-radio-group>
+          <span style="margin-left: 10px"></span>
+        </el-form-item>
+        <el-form-item label="介绍" prop="comment">
+          <le-editor
+            v-if="showAddPageModal"
+            v-model="ruleForm.comment"
+            useCustomImageHandler
+            @image-added="vueEditorHandleImageAdded"
+          ></le-editor>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handleClose">取 消</el-button>
+        <el-button type="primary" @click="savetravelNarrator">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  add as activityCreate,
+  del as activityDel,
+  edit as activityEdit,
+  list as activityList,
+} from "@/api/systemactivity";
+import { LeEditor } from "leisure-editor";
+import { uploadFile } from "@/api/upload";
+import { Base64 } from "js-base64";
+
+export default {
+  name:'le-com-activity',
+  components: { LeEditor },
+  data() {
+    return {
+      pageNo: 1,
+      total: 0,
+      pageSize: 10,
+      tableData: [],
+      showSelectDialog: false,
+      choseContent: "",
+      ruleForm: {
+        id: "",
+        title: "",
+        code: "",
+        comment: "",
+        section: 2,
+        isenabled: 0,
+      },
+      selectImage: 0,
+      rules: {
+        title: [
+          { required: true, message: "请输入活动标题", trigger: "blur" },
+          {
+            min: 1,
+            max: 100,
+            message: "长度在 1 到 100 个字符",
+            trigger: "blur",
+          },
+        ],
+        code: [
+          { required: true, message: "请输入速记码", trigger: "blur" },
+          {
+            min: 1,
+            max: 6,
+            message: "长度在 1 到 6 个字符",
+            trigger: "blur",
+          },
+        ],
+        comment: [
+          { required: true, message: "请输入活动内容", trigger: "blur" },
+          {
+            min: 6,
+            message: "最少6个字符",
+            trigger: "blur",
+          },
+        ],
+      },
+      showAddPageModal: false,
+      isEditActivity: false,
+      activityEditId: "",
+    };
+  },
+  computed: {},
+  mounted() {
+    this.getActivityList();
+  },
+  methods: {
+    async vueEditorHandleImageAdded(
+      file,
+      Editor,
+      cursorLocation,
+      resetUploader
+    ) {
+      var formData = new FormData();
+      formData.append("files", file);
+      uploadFile(formData).then((res) => {
+        let address = res.data.data;
+        if (address && address.length > 0) {
+          address.forEach((item) => {
+            Editor.insertEmbed(cursorLocation, "image", item);
+          });
+        }
+        resetUploader();
+      });
+    },
+    resetSearch() {
+      this.pageNo = 1;
+      this.searchName = "";
+      this.searchCode = "";
+      this.getActivityList();
+    },
+    current_change(page) {
+      this.pageNo = page;
+      this.getActivityList();
+    },
+    addActivity() {
+      this.showAddPageModal = true;
+      this.activityEditId = "";
+      this.isEditActivity = false;
+    },
+    editActivity(row) {
+      this.ruleForm = JSON.parse(JSON.stringify(row));
+      if (this.ruleForm.comment) {
+        this.ruleForm.comment = Base64.decode(this.ruleForm.comment);
+      }
+      this.activityEditId = row.id;
+      this.isEditActivity = true;
+      this.showAddPageModal = true;
+    },
+    savetravelNarrator() {
+      let params = JSON.parse(JSON.stringify(this.ruleForm));
+      this.$refs["ruleForm"].validate((valid) => {
+        if (valid) {
+          params.comment = Base64.encode(params.comment);
+          if (this.isEditActivity) {
+            params.id = this.activityEditId;
+            activityEdit(params).then(() => {
+              this.$message.success("修改活动成功～");
+              this.getActivityList(this.pageNo);
+              this.handleClose();
+            });
+          } else {
+            activityCreate(params).then(() => {
+              this.$message.success("添加活动成功～");
+              this.getActivityList(this.pageNo);
+              this.handleClose();
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    handleClose() {
+      this.showAddPageModal = false;
+      this.travelNarratorEditId = "";
+      this.ruleForm = {};
+      delete this.ruleForm.id;
+    },
+    getActivityList() {
+      let params = {
+        pageNo: this.pageNo,
+      };
+      activityList(params).then((res) => {
+        this.tableData = res.data.data.list || [];
+        this.total = res.data.data.count || 0;
+        this.pageSize = res.data.data.pageSize || 10;
+      });
+    },
+    del(id) {
+      activityDel(id).then((response) => {
+        this.getActivityList(this.pageNo);
+      });
+    },
+    selectContent(val) {
+      this.choseContent = val;
+    },
+    selsetContentClose() {
+      this.showSelectDialog = false;
+    },
+    saveSelect() {
+      if (this.selectImage == 0) {
+        this.travelNarratorMp3s[this.currentRow].mp3 = this.choseContent;
+      }
+      if (this.selectImage == 1) {
+        this.ruleForm.photo = this.choseContent;
+      }
+
+      this.showSelectDialog = false;
+    },
+  },
+};
+</script>

package/le-com-company/index.js

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

package/le-com-company/src/main.vue

@@ -0,0 +1,118 @@
+<template>
+  <div>
+    <le-list
+      ref="commonPage"
+      :tableColumns="tableColumns"
+      :tableData="tableData"
+      :searchParam="searchParam"
+      :isDispAddBtn="false"
+      :isDispDelBtn="false"
+      :totalData="totalData"
+      dialogTitle="公司信息维护"
+      dialogWidth="50%"
+      @handleStatus="handleStatus"
+      @getList="list"
+    >
+      <template #sub="{ rowItem }">
+        <le-list-form
+          :formColumns="formColumns"
+          :rules="rules"
+          :formData="rowItem"
+          :fieldOptions="fieldOptions"
+          :handleStatus="status"
+          @closeDialog="closeDialog"
+          @saveData="saveForm"
+        ></le-list-form>
+      </template>
+    </le-list>
+  </div>
+</template>
+<script>
+import {
+  list as companylist,
+  del as companyDel,
+  add as companyAdd,
+  edit as companyEdit,
+} from "@/api/company";
+export default {
+  name: "le-com-company",
+  components: {},
+  data() {
+    return {
+      tableData: [],
+      totalData: 0,
+      tableColumns: [
+        { prop: "name", label: "名称", default: "默认名称" },
+        { prop: "title", label: "系统标题" },
+        { prop: "phone", label: "手机" },
+        {
+          prop: "note",
+          label: "备注",
+          type: "url",
+          formatter: (row, column, cellValue) => {
+            return cellValue ?? "无";
+          },
+        },
+      ],
+      formColumns: [
+        { prop: "name", label: "名称" },
+        { prop: "title", label: "系统标题" },
+        { prop: "phone", label: "手机" },
+        {
+          prop: "note",
+          label: "备注",
+          type: "select",
+          kv: { label: "label", key: "value" },
+        },
+      ],
+      rules: {
+        name: [{ required: true, message: "请输入名称", trigger: "blur" }],
+      },
+      fieldOptions: {
+        note: [
+          { label: "第一", value: 1 },
+          { label: "第二", value: 2 },
+        ],
+      },
+      searchParam: { phone: "" },
+      status: 0, //0:详情 1:新增 2:编辑
+    };
+  },
+  mounted() {
+    // this.list();
+  },
+  methods: {
+    list() {
+      companylist().then((res) => {
+        this.tableData = res.data.data;
+        this.totalData = res.data.count;
+      });
+    },
+    delRow(id, callBack) {
+      companyDel(id).then((res) => {
+        this.$message.success("删除成功");
+        if (callBack) callBack();
+      });
+    },
+    handleStatus(status) {
+      this.status = status;
+    },
+    closeDialog() {
+      this.$refs.commonPage.closeDialog();
+    },
+    saveForm(params, callBack) {
+      if (params && params.id && params.id.length > 0) {
+        companyEdit(params).then((response) => {
+          if (callBack) callBack();
+          this.$message.success(response.data.info);
+        });
+      } else if (params) {
+        companyAdd(params).then((response) => {
+          if (callBack) callBack();
+          this.$message.success(response.data.info);
+        });
+      }
+    },
+  },
+};
+</script>

package/le-com-employee/index.js

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

package/le-com-employee/src/main.vue

@@ -0,0 +1,265 @@
+<template>
+  <div class="page-container">
+    <el-form :inline="true" class="demo-form-inline">
+      <el-form-item>
+        <el-button type="primary" @click="getemployeeList()">查询</el-button>
+        <el-button type="primary" @click="addemployee()">新建员工</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="tableData"
+      border
+      row-key="id"
+      stripe
+      style="width: 100%"
+    >
+      <el-table-column prop="name" label="员工名称" align="center">
+      </el-table-column>
+      <!-- <el-table-column prop="id" label="员工id" align="center">
+      </el-table-column> -->
+      <el-table-column prop="departName" label="部门" align="center">
+      </el-table-column>
+      <el-table-column prop="storeName" label="门店" align="center">
+      </el-table-column>
+      <el-table-column prop="phone" 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">
+          <el-button
+            type="primary"
+            size="small"
+            @click="editemployee(scope.row)"
+            >编辑</el-button
+          >
+          <el-popconfirm
+            :title="`该操作不可逆，确定删除？`"
+            @confirm="del(scope.row.id)"
+          >
+            <template #reference>
+              <el-button type="danger" size="small" style="margin-left: 10px"
+                >删除
+              </el-button>
+            </template>
+          </el-popconfirm>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-dialog
+      v-el-drag-dialog
+      title="新建/编辑员工"
+      :visible.sync="showAddPageModal"
+      :close-on-click-modal="false"
+      width="50%"
+      @close="handleClose"
+    >
+      <el-form
+        :model="ruleForm"
+        :rules="rules"
+        ref="ruleForm"
+        label-width="140px"
+      >
+        <el-form-item label="员工名称" prop="name">
+          <el-input v-model="ruleForm.name"></el-input>
+        </el-form-item>
+        <el-form-item label="部门" prop="did">
+          <el-select
+            v-model="ruleForm.did"
+            filterable
+            @change="changeDepart"
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in departData"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="门店" prop="sid">
+          <el-select
+            v-model="ruleForm.sid"
+            filterable
+            @change="changeStore"
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in storeData"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="联系电话">
+          <el-input v-model="ruleForm.phone"></el-input>
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input
+            type="textarea"
+            placeholder="请输入内容"
+            maxlength="100"
+            show-word-limit
+            v-model="ruleForm.note"
+          >
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handleClose">取 消</el-button>
+        <el-button type="primary" @click="saveemployee">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  employeeCreate,
+  employeeDel,
+  employeeEdit,
+  employeeList,
+} from "@/api/employee";
+import { storeList } from "@/api/store";
+import { departList } from "@/api/depart";
+export default {
+  name:'le-com-employee',
+  components: {},
+  data() {
+    return {
+      tableData: [],
+      ruleForm: {
+        name: "",
+        did: "",
+        note: "",
+        departName: "",
+        phone: "",
+        sid: "",
+        storeName: "",
+      },
+      rules: {
+        name: [{ required: true, message: "请输入员工名称", trigger: "blur" }],
+
+        phone: [{ required: true, message: "请输入联系电话", trigger: "blur" }],
+        sid: [{ required: true, message: "请输入门店ID", trigger: "blur" }],
+
+        did: [{ required: true, message: "请输入部门ID", trigger: "blur" }],
+      },
+      showAddPageModal: false,
+      isEditemployee: false,
+      employeeEditId: "",
+      configDetailsShow: false,
+      type: 0,
+      pid: "",
+      departData: [],
+      storeData: [],
+    };
+  },
+  computed: {},
+  mounted() {
+    this.getemployeeList();
+    this.getstoreList();
+    this.getdepartList();
+  },
+  methods: {
+    addemployee() {
+      this.showAddPageModal = true;
+      this.employeeEditId = "";
+      this.isEditemployee = false;
+    },
+    editemployee(row) {
+      this.ruleForm = JSON.parse(JSON.stringify(row));
+      this.showAddPageModal = true;
+      this.employeeEditId = row.id;
+      this.isEditemployee = true;
+    },
+    saveemployee() {
+      let params = {
+        name: this.ruleForm.name,
+        phone: this.ruleForm.phone,
+        did: this.ruleForm.did,
+        note: this.ruleForm.note,
+        departName: this.ruleForm.departName,
+        sid: this.ruleForm.sid,
+        storeName: this.ruleForm.storeName,
+      };
+      this.$refs["ruleForm"].validate((valid) => {
+        if (valid) {
+          if (this.isEditemployee) {
+            params.id = this.employeeEditId;
+            employeeEdit(params).then(() => {
+              this.$message.success("修改员工成功～");
+              this.getemployeeList(this.pageNo);
+              this.handleClose();
+            });
+          } else {
+            employeeCreate(params).then(() => {
+              this.$message.success("新建员工成功～");
+              this.getemployeeList(this.pageNo);
+              this.handleClose();
+            });
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    handleClose() {
+      this.showAddPageModal = false;
+      this.employeeEditId = "";
+      this.ruleForm.name = "";
+      this.ruleForm.departName = "";
+      this.ruleForm.phone = "";
+      this.ruleForm.sid = "";
+      this.ruleForm.storeName = "";
+      this.ruleForm.note = "";
+      this.ruleForm.did = "";
+      delete this.ruleForm.id;
+    },
+    getemployeeList() {
+      employeeList().then((res) => {
+        this.tableData = res.data.data.list || [];
+      });
+    },
+    del(id) {
+      employeeDel({
+        id: id,
+      }).then((response) => {
+        this.getemployeeList(this.pageNo);
+        this.$message.success("删除员工成功");
+      });
+    },
+
+    getstoreList() {
+      storeList().then((res) => {
+        this.storeData = res.data.data || [];
+      });
+    },
+
+    getdepartList() {
+      departList().then((res) => {
+        this.departData = res.data.data || [];
+      });
+    },
+    changeDepart(val) {
+      for (let i = 0; i < this.departData.length; i++) {
+        if (val == this.departData[i].id) {
+          this.ruleForm.departName = this.departData[i].name;
+        }
+      }
+    },
+    changeStore(val) {
+      for (let i = 0; i < this.storeData.length; i++) {
+        if (val == this.storeData[i].id) {
+          this.ruleForm.storeName = this.storeData[i].name;
+        }
+      }
+    },
+  },
+};
+</script>

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "leisure-common",
+  "version": "0.4.99",
+  "description": "leisure-common是京心数据在leisure-core基础上开发的一套后台管理系统基于故事的电商行业组件库，封装了大量实用的UI控件模板,方便开发者快速搭建前端应用",
+  "private": false,
+  "author": "北方乐逍遥(zcx7878)",
+  "keywords": [
+    "leisure",
+    "leisure-common",
+    "京心数据"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "leisure-core": "^0.4.99"
+  },
+  "devDependencies": {}
+}