leisure-core 0.1.0

package/le-user/src/main.vue

@@ -0,0 +1,423 @@
+<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.account" placeholder="账号"></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 label="会员">
+        <el-select v-model="searchData.membered" clearable placeholder="请选择">
+          <el-option label="否" value="0" key="0"></el-option>
+          <el-option label="是" value="1" key="1"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="list">查询</el-button>
+        <el-button type="primary" @click="addUser">新建</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="resultData"
+      border
+      ref="eltablemain"
+      :max-height="elTableMaxHeight"
+      row-key="id"
+      stripe
+      style="width: 100%"
+    >
+      <el-table-column
+        prop="id"
+        align="center"
+        label="ID"
+        width="100"
+        show-overflow-tooltip
+      >
+      </el-table-column>
+      <el-table-column prop="nick" align="center" label="昵称(手机号)">
+        <template slot-scope="scope">
+          <span v-if="scope.row.nick">{{ scope.row.nick }}</span>
+          <span v-else-if="scope.row.managered && scope.row.account">{{
+            scope.row.account
+          }}</span>
+          <span v-else>{{ scope.row.phone }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="utname" align="center" label="身份">
+      </el-table-column>
+      <el-table-column prop="membered" align="center" label="会员">
+        <template slot-scope="scope">
+          <span v-if="scope.row.membered == 0">否</span>
+          <span v-if="scope.row.membered == 1">会员</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="lip" align="center" label="登录ip">
+      </el-table-column>
+      <el-table-column
+        prop="cdate"
+        align="center"
+        label="时间"
+        :formatter="dateFormat"
+      >
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        fixed="right"
+        align="center"
+        :key="guid()"
+        :render-header="renderHeader"
+      >
+        <template slot-scope="scope">
+          <div class="le-table-btn-container">
+            <el-button
+              type="primary"
+              id="btnEdit"
+              v-permission="$route.params.btns"
+              size="small"
+              @click="openEditWindow(scope.row)"
+              >编辑</el-button
+            >
+            <le-button-msg
+              v-if="scope.row.managered == 0"
+              id="btnMember"
+              type="primary"
+              :isDispSlot="true"
+              title="确定设置该会员?"
+              v-permission="$route.params.btns"
+              @click="memberManager(scope.row)"
+            >
+              <span v-if="scope.row.membered == 0">设置会员</span>
+              <span v-if="scope.row.membered == 1">取消会员</span>
+            </le-button-msg>
+            <le-button-msg
+              id="btnPwd"
+              text="重置密码"
+              type="danger"
+              title="该操作不可逆，确定重置?"
+              v-permission="$route.params.btns"
+              @click="resetPwd(scope.row)"
+            ></le-button-msg>
+            <el-button
+              type="danger"
+              v-if="scope.row.managered == 0"
+              id="btnYhj"
+              v-permission="$route.params.btns"
+              @click="sendYhj(scope.row)"
+            >
+              赠送优惠券
+            </el-button>
+            <!-- <el-button
+            id="btnXf"
+            v-if="scope.row.unionid"
+            v-permission="$route.params.btns"
+            type="danger"
+            @click="openOrder(scope.row)"
+          >
+            消费记录
+          </el-button> -->
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div style="text-align: center; margin-top: 25px">
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        :total="searchData.total"
+        :page-size="10"
+        @current-change="current_change"
+      >
+        >
+      </el-pagination>
+    </div>
+    <le-dialog-container
+      title="编辑用户"
+      width="50%"
+      :showDialog="showEditUser"
+      @close="closeEditUser"
+    >
+      <le-user-sub
+        v-if="showEditUser"
+        @close="closeEditUser"
+        :currentUser="currentUser"
+      ></le-user-sub>
+    </le-dialog-container>
+    <le-dialog-container
+      title="选择优惠券"
+      width="30%"
+      :showDialog="showYhj"
+      @close="cancelShowYhj"
+    >
+      <le-coupon-give
+        v-if="showYhj"
+        :uid="currentUser.id"
+        :unionid="currentUser.unionid"
+        @close="cancelShowYhj"
+      ></le-coupon-give>
+    </le-dialog-container>
+    <le-dialog-container
+      title="创建后台用户"
+      width="50%"
+      :showDialog="showUserAdd"
+      @close="closeUserAdd"
+    >
+      <le-user-add v-if="showUserAdd" @close="closeUserAdd"></le-user-add>
+    </le-dialog-container>
+  </div>
+</template>
+<script>
+import {
+  list as userList,
+  del as userDel,
+  open,
+  close,
+  userChangePwd,
+} from "@/api/user";
+import leMixins from "leisure-ui/le-libs/mixins/main";//
+// import leMixins from "../../le-libs/mixins/main";
+import guid from "leisure-js/common/util";
+import moment from "moment";
+import LeUserSub from "./sub.vue";
+import LeUserAdd from "./add.vue";
+export default {
+  name: "le-user",
+  mixins: [leMixins],
+  components: {
+    LeUserSub,
+    LeUserAdd,
+  },
+  data() {
+    return {
+      resultData: [],
+      tableHeight: 200,
+      searchData: {
+        id: "",
+        pid: "",
+        membered: "",
+        account: "",
+        phone: "",
+        nick: "",
+        dataValue: [],
+        pageNo: 1,
+        total: 1,
+      },
+      userTypelsShow: true,
+      showYhj: false,
+      currentUser: {},
+      showEditUser: false,
+      showProductOrder: false,
+      showUserAdd: false,
+      uphone: "",
+      unionid: "",
+    };
+  },
+  mounted() {
+    this.list();
+  },
+  methods: {
+    guid,
+    openUploadDialog() {
+      // this.$refs.upDiaImagWindow.imgDialogPageIsOpen = true;
+    },
+    closeEditUser() {
+      this.showEditUser = false;
+      this.currentUser = {};
+      this.list();
+    },
+    openEditWindow(item) {
+      this.currentUser = item;
+      this.currentUser.forbid_login = Boolean(item.forbid_login ?? 0);
+      this.currentUser.is_place_order = Boolean(item.is_place_order ?? 0);
+      this.showEditUser = true;
+    },
+    resetPwd(row) {
+      //重置密码
+      let params = {
+        uid: row.id,
+      };
+      userChangePwd(params).then((res) => {
+        if (res.data.code == "10000") {
+          this.$message.success("密码重置成功");
+        } else {
+          this.$message.error(res.data.info);
+        }
+      });
+    },
+    openOrder(row) {
+      this.uphone = row.phone;
+      this.unionid = row.unionid;
+      this.showProductOrder = true;
+    },
+    closeProductOrderDialog() {
+      this.showProductOrder = false;
+      this.uphone = "";
+    },
+    sendYhj(row) {
+      this.currentUser = row;
+      this.showYhj = true;
+    },
+    cancelShowYhj() {
+      this.showYhj = false;
+      this.currentUser = {};
+    },
+    addUser() {
+      this.showUserAdd = true;
+    },
+    closeUserAdd() {
+      this.showUserAdd = false;
+    },
+    // bindTypeText(item) {
+    //   if (item.utype == this.userTypeDict[2].id) {
+    //     return "取消分销员";
+    //   } else {
+    //     return "设置分销员";
+    //   }
+    // },
+    // bindUserType(item) {
+    //   //设置分销员
+    //   let uid = item.id;
+    //   let param = {};
+    //   if (item.utype == this.userTypeDict[2].id) {
+    //     //已经是分销员,则取消
+    //     param.id = uid;
+    //     param.utype = this.userTypeDict[3].id;
+    //     param.utname = this.userTypeDict[3].name;
+    //     edit(param).then((res) => {
+    //       item.utype = this.userTypeDict[3].id;
+    //       item.utname = this.userTypeDict[3].name;
+    //     });
+    //   } else {
+    //     param.id = uid;
+    //     param.utype = this.userTypeDict[2].id;
+    //     param.utname = this.userTypeDict[2].name;
+    //     edit(param).then((res) => {
+    //       item.utype = this.userTypeDict[2].id;
+    //       item.utname = this.userTypeDict[2].name;
+    //     });
+    //   }
+    // },
+    // getBindUserText(item) {
+    //   if (item.forbid_login == 0) {
+    //     return "禁止登录";
+    //   } else if (item.forbid_login == 1) {
+    //     return "允许登录";
+    //   }
+    // },
+    // getDispLimitLoginText(item) {
+    //   if (item.forbid_login == 0) {
+    //     return "禁止登录";
+    //   } else if (item.forbid_login == 1) {
+    //     return "允许登录";
+    //   }
+    // },
+    // getDispLimitSpeakText(item) {
+    //   if (item.forbid_speak == 0) {
+    //     return "禁止评论";
+    //   } else if (item.forbid_speak == 1) {
+    //     return "允许评论";
+    //   }
+    // },
+    // getDispMemberText(item) {
+    //   if (item.membered == 0) {
+    //     return "设置会员";
+    //   } else if (item.membered == 1) {
+    //     return "取消会员";
+    //   }
+    // },
+    list() {
+      let params = {};
+
+      if (this.searchData.account.length > 0) {
+        params.account = this.searchData.account;
+      }
+      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.dataValue[0]) {
+        params.startDate = this.searchData.dataValue[0] / 1000;
+      }
+      if (this.searchData.dataValue[1]) {
+        params.endDate = this.searchData.dataValue[1] / 1000;
+      }
+      if (this.searchData.membered && this.searchData.membered.length > 0) {
+        params.membered = this.searchData.membered;
+      }
+      if (this.searchData.id && this.searchData.id.length > 0) {
+        params.id = this.searchData.id;
+      }
+
+      params.pageNo = this.searchData.pageNo;
+      userList(params).then((res) => {
+        this.resultData = res.data.data.list;
+        this.searchData.total = res.data.data.count;
+      });
+    },
+    del(id) {
+      userDel(id).then((response) => {
+        this.list();
+        this.$message.success(response.data.info);
+      });
+    },
+    current_change(currentPage) {
+      this.searchData.pageNo = currentPage;
+      this.list();
+    },
+
+    memberManager(item) {
+      let uid = item.id;
+      let param = {};
+      if (!item.membered || item.membered == 0) {
+        param.uid = uid;
+        open(param).then(() => {
+          item.membered = 1;
+        });
+      } else if (item.membered == 1) {
+        param.uid = uid;
+        close(param).then(() => {
+          item.membered = 0;
+        });
+      }
+    },
+
+    dateFormat(row, column, data) {
+      return moment.unix(data).format("YYYY-MM-DD HH:mm");
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.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-user/src/sub.vue

@@ -0,0 +1,214 @@
+<template>
+  <el-form
+    :model="ruleUserForm"
+    status-icon
+    :rules="userRules"
+    ref="ruleUserForm"
+    label-width="100px"
+  >
+    <el-form-item label="ID">
+      <el-input v-model="ruleUserForm.id" disabled></el-input>
+    </el-form-item>
+    <el-form-item label="上级ID" v-if="false">
+      <el-input v-model="ruleUserForm.pid"></el-input>
+    </el-form-item>
+    <el-form-item label="账号">
+      <el-input v-model="ruleUserForm.account"></el-input>
+    </el-form-item>
+    <el-form-item label="登录ip">
+      <el-input v-model="ruleUserForm.lip" disabled></el-input>
+    </el-form-item>
+    <el-form-item label="昵称">
+      <el-input v-model="ruleUserForm.nick"></el-input>
+    </el-form-item>
+    <el-form-item label="手机号">
+      <el-input v-model="ruleUserForm.phone"></el-input>
+    </el-form-item>
+    <el-form-item label="头像" v-if="false">
+      <div class="avatar-uploader" @click="openUploadDialog">
+        <img
+          v-if="ruleUserForm.wx_url"
+          :src="ruleUserForm.wx_url"
+          class="avatar"
+        />
+        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+      </div>
+      <el-input v-model="ruleUserForm.wx_url" disabled></el-input>
+    </el-form-item>
+    <el-form-item label="后台用户">
+      <span v-if="ruleUserForm.managered == 0">否</span>
+      <span v-if="ruleUserForm.managered == 1">是</span>
+    </el-form-item>
+    <el-form-item label="用户身份" v-if="ruleUserForm.managered == 0">
+      <el-radio v-model="ruleUserForm.utype" :label="this.userTypeDict[3].code"
+        >散客</el-radio
+      >
+      <el-radio v-model="ruleUserForm.utype" :label="this.userTypeDict[2].code"
+        >分销员</el-radio
+      >
+      <el-radio v-model="ruleUserForm.utype" :label="this.userTypeDict[5].code"
+        >导游(个人)</el-radio
+      >
+    </el-form-item>
+    <el-form-item label="所属部门" v-if="ruleUserForm.utype == 2">
+      <el-select
+        v-model="ruleUserForm.depart_id"
+        @change="changeDepart"
+        placeholder="请选择"
+        clearable
+      >
+        <el-option
+          v-for="depart in departs"
+          :key="depart.id"
+          :label="depart.dname"
+          :value="depart.id"
+        >
+        </el-option>
+      </el-select>
+    </el-form-item>
+    <el-row v-if="ruleUserForm.managered == 0">
+      <el-col :span="12">
+        <el-form-item label="禁止登录">
+          <el-checkbox v-model="ruleUserForm.forbid_login"></el-checkbox>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="是否能代下单">
+          <el-checkbox v-model="ruleUserForm.is_place_order"></el-checkbox>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-form-item v-rfooter="'center'">
+      <el-button type="info" @click="close()">取消</el-button>
+      <le-button type="primary" text="保存" @click="save"></le-button>
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import { edit } from "@/api/user";
+import { departList } from "@/api/depart";
+export default {
+  name: "le-user-sub",
+  props: {
+    currentUser: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      departs: [],
+      ruleUserForm: {
+        id: "",
+        wx_url: "",
+        nick: "",
+        lip: "",
+        managered: 0,
+        utype: "",
+        utname: "",
+        account: "",
+        phone: "",
+        forbid_login: 0, //是否禁止登录
+        is_place_order: 0, //是否是代下单用户
+        depart_id: "",
+        depart_name: "",
+      },
+      userRules: {
+        // account: [{ required: true, message: "请输入账号", trigger: "blur" }],
+      },
+    };
+  },
+  watch: {
+    currentUser: {
+      handler(newValue) {
+        this.ruleUserForm = newValue;
+      },
+      immediate: true,
+    },
+  },
+  mounted() {
+    this.getDepartList();
+  },
+  methods: {
+    openUploadDialog() {
+      // this.$refs.upDiaImagWindow.imgDialogPageIsOpen = true;
+    },
+    getDepartList() {
+      departList().then((res) => {
+        this.departs = res.data.data;
+      });
+    },
+    changeDepart(val) {
+      for (let i = 0; i < this.departs.length; i++) {
+        if (val == this.departs[i].id) {
+          this.ruleUserForm.depart_name = this.departs[i].dname;
+          continue;
+        }
+      }
+    },
+    close() {
+      this.$emit("close");
+    },
+    save() {
+      let utype = this.ruleUserForm.utype;
+      let types = this.userTypeDict.filter((item) => {
+        return item.code == utype;
+      });
+      this.$refs["ruleUserForm"].validate((valid) => {
+        if (valid) {
+          let params = this.ruleUserForm;
+          params.utname = types[0].name;
+          params.forbid_login = Number(this.ruleUserForm.forbid_login);
+          params.is_place_order = Number(this.ruleUserForm.is_place_order);
+          if (
+            params.utype == this.userTypeDict[2].code &&
+            (params.account.length == 0 || params.account == params.id)
+          ) {
+            this.$message.error("必须输入账号并且账号不能与id相同");
+            return;
+          }
+          if (
+            params.utype == this.userTypeDict[2].code &&
+            (!params.depart_id ||
+              params.depart_id.length == 0 ||
+              !params.depart_name ||
+              params.depart_name.length == 0)
+          ) {
+            this.$message.error("必须选择部门");
+            return;
+          }
+          if (
+            params.utype == this.userTypeDict[5].code &&
+            (!params.phone || params.phone.length == 0)
+          ) {
+            this.$message.error("必须输入手机号");
+            return;
+          }
+          if (
+            params.utype == this.userTypeDict[5].code &&
+            params.phone.length > 0
+          ) {
+            if (
+              !params.account ||
+              (params.account && params.account.length >= 30)
+            )
+              params.account = params.phone;
+          }
+          edit(params).then((res) => {
+            if (res.data.code == "10000") {
+              this.$message.success("修改用户信息成功");
+            } else {
+              this.$message.error(res.data.info);
+            }
+            this.close();
+          });
+        } else {
+          console.log("error submit!!");
+          this.close();
+        }
+      });
+    },
+  },
+};
+</script>
+<style lang="less"></style>

package/le-user-type/index.js

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

package/le-user-type/src/main.vue

@@ -0,0 +1,39 @@
+<template>
+  <el-table :data="tableData" border row-key="code" stripe style="width: 100%">
+    <el-table-column prop="name" label="名称" width="180"> </el-table-column>
+    <el-table-column prop="note" label="备注"> </el-table-column>
+  </el-table>
+</template>
+<script>
+import { list, del } from "@/api/user_type";
+export default {
+  name:'le-user-type',
+  data() {
+    return {
+      tableData: [],
+    };
+  },
+  computed: {},
+  mounted() {
+    this.list();
+  },
+  methods: {
+    list() {
+      list().then((res) => {
+        this.tableData = res.data.data;
+        this.tableData.forEach((item) => {
+          if (item.status == 0) {
+            item.status = "否";
+          } else item.status = "是";
+        });
+      });
+    },
+    del(id) {
+      del(id).then((response) => {
+        this.list();
+        this.$message.success(response.data.info);
+      });
+    },
+  },
+};
+</script>