leisure-common 0.6.83 → 0.6.86

package/index.js

@@ -2,9 +2,46 @@ import LeComEmployee from "./le-com-employee/index.js";
 import LeComActivity from "./le-com-activity/index.js";
 import LeComCompany from "./le-com-company/index.js";
 import LeComMenu from "./le-com-menu/index.js";
+import LeArea from "./le-area/index.js";
+import LeBackUp from "./le-backup/index.js";
+import LeMenu from "./le-menu/index.js";
+import LeMpurl from "./le-mpurl/index.js";
+import LeRichText from "./le-rich-text/index.js";
+import LeRole from "./le-role/index.js";
+import LeRoleUser from "./le-role-user/index.js";
 
+import LeSelectUser from "./le-select-user/index.js";
+import LeUser from "./le-user/index.js";
+import LeButtonSelectMedia from "./le-button-select-media/index.js";
 
-const components = [LeComEmployee, LeComActivity, LeComCompany, LeComMenu];
+// import LeMedia from "./le-media/index.js";
+// import LeMediaUpload from "./le-media-upload/index.js";
+// import LeMediaList from "./le-media-list/index.js";
+import LeButtonUpload from "./le-button-upload/index.js";
+import LeImageContainer from "./le-image-container/index.js";
+
+const components = [
+  LeComEmployee,
+  LeComActivity,
+  LeComCompany,
+  LeComMenu,
+  LeArea,
+  LeBackUp,
+  LeMenu,
+  LeMpurl,
+
+  LeRichText,
+  LeRole,
+  LeRoleUser,
+  LeSelectUser,
+  LeButtonSelectMedia,
+  LeUser,
+  // LeMedia,
+  // LeMediaUpload,
+  // LeMediaList,
+  LeButtonUpload,
+  LeImageContainer,
+];
 
 const install = function (Vue) {
   if (install.installed) return;
@@ -20,4 +57,21 @@ export default {
   LeComActivity,
   LeComCompany,
   LeComMenu,
+  LeArea,
+  LeBackUp,
+  LeMenu,
+  LeMpurl,
+
+  LeRichText,
+  LeRole,
+  LeRoleUser,
+  LeSelectUser,
+  LeUser,
+  LeButtonSelectMedia,
+
+  // LeMedia,
+  // LeMediaUpload,
+  // LeMediaList,
+  LeButtonUpload,
+  LeImageContainer,
 };

package/le-area/index.js

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

package/le-area/src/main.vue

@@ -0,0 +1,112 @@
+<template>
+  <el-cascader
+    v-model="value"
+    v-bind="$attrs"
+    v-on="$listeners"
+    clearable
+    :ref="elcascader"
+    :props="props"
+    @change="handleChange"
+  ></el-cascader>
+</template>
+<script>
+import { getAreas } from "@/api/system-area.js";
+export default {
+  name: "le-area",
+  props: {
+    level: {
+      type: [String, Number],
+      default: "2",
+    },
+    initCode: {
+      type: [String, Number],
+      default: "0",
+    },
+    isAny: {
+      type: Boolean,
+      default: false,
+    },
+    initArea: {
+      type: Array,
+      default: () => [],
+    },
+    elcascader: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      value: [],
+      props: {
+        label: "name",
+        value: "code",
+        checkStrictly: false,
+        lazy: true,
+        lazyLoad: this.LoadData,
+      },
+    };
+  },
+  watch: {
+    isAny: {
+      handler(val) {
+        this.props.checkStrictly = val;
+      },
+      immediate: true,
+    },
+    initArea: {
+      handler(val) {
+        this.value = val;
+      },
+      immediate: true,
+      deep: true,
+    },
+  },
+
+  mounted() {
+    if (this.initArea && this.initArea.length > 0) {
+      this.value = this.initArea;
+    }
+  },
+  methods: {
+    setInitArea(initArea) {
+      this.value = initArea;
+    },
+    clearInitArea() {
+      this.value = [];
+    },
+    LoadData(node, resolve) {
+      let nodes = [];
+      let { level } = node;
+      let param = {};
+      param.pcode = level == 0 ? this.initCode : node.value;
+      getAreas(param).then((res) => {
+        nodes = res.data.data;
+        nodes.forEach((item) => {
+          item.leaf = item.type == this.level ? true : false;
+        });
+        resolve(nodes);
+      });
+    },
+    handleChange(currentValue) {
+      let selectValue = {};
+      selectValue.code = currentValue;
+      if (!selectValue.code || selectValue.code.length <= 0) return;
+      let cascader = this.$refs[this.elcascader];
+      if (cascader) {
+        const nodes = cascader.getCheckedNodes();
+        if (nodes && nodes.length > 0) {
+          console.log(nodes[0].pathLabels);
+          const labels = nodes[0].pathLabels;
+          selectValue.name = labels.join("");
+          this.$emit("areaChange", selectValue);
+        } else {
+          console.log("area control node 不存:");
+        }
+      } else {
+        console.log("area control  err:", "elcascader ref 不存在");
+      }
+    },
+  },
+};
+</script>

package/le-backup/index.js

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

package/le-backup/src/main.vue

@@ -0,0 +1,160 @@
+<template>
+  <div>
+    <el-form :inline="true">
+      <el-form-item>
+        <el-button type="primary" @click="backRecord">查看备份记录</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="tableData"
+      border
+      row-key="id"
+      :header-cell-style="{ 'text-align': 'center' }"
+      stripe
+      style="width: 100%"
+    >
+      <el-table-column prop="back_dir" label="备份目录" width="180">
+      </el-table-column>
+      <el-table-column prop="mysqldump_dir" label="dump目录" width="180">
+      </el-table-column>
+      <el-table-column prop="back_formatter" label="文件名称格式" width="150">
+      </el-table-column>
+      <el-table-column prop="back_pre" label="文件前缀" width="80">
+      </el-table-column>
+      <el-table-column prop="back_suf" label="文件后缀" width="80">
+      </el-table-column>
+      <el-table-column
+        prop="is_enabled"
+        align="center"
+        label="是否启用"
+        width="80"
+      >
+        <template slot-scope="scope">
+          <span v-if="scope.row.is_enabled == 0">否</span>
+          <span v-if="scope.row.is_enabled == 1">是</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" row>
+        <template slot-scope="scope">
+          <el-button
+            id="btnEdit"
+            type="primary"
+            size="small"
+            v-permission="$route.params.btns"
+            @click="openEditWindow(scope.row)"
+            >编辑</el-button
+          >
+          <el-button
+            id="btnEnable"
+            type="primary"
+            size="small"
+            @click="statusChange(scope.row)"
+            >{{ btnEabelText(scope.row) }}</el-button
+          >
+          <el-button
+            id="btnEnable"
+            type="primary"
+            size="small"
+            v-if="scope.row.is_enabled == 1"
+            @click="backDb(scope.row)"
+            >备份</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+      width="80%"
+      v-el-drag-dialog
+      title="备份记录"
+      :visible.sync="showRecord"
+      :close-on-click-modal="false"
+      @close="closeRecordDialog"
+    >
+      <records @close="closeRecordDialog" v-if="showRecord"></records>
+    </el-dialog>
+    <el-dialog
+      width="60%"
+      v-el-drag-dialog
+      title="备份配置编辑"
+      :visible.sync="showUpdateConfig"
+      :close-on-click-modal="false"
+      @close="closeUpdateConfigDialog"
+    >
+      <le-backup-sub
+        @close="closeUpdateConfigDialog"
+        :rowData="detailDb"
+        v-if="showUpdateConfig"
+      ></le-backup-sub>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { configList, configUpdate, backup } from "@/api/database";
+import records from "./records.vue";
+import LeBackupSub from "./sub.vue";
+export default {
+  name: "le-backup",
+  components: {
+    records,
+    LeBackupSub,
+  },
+  data() {
+    return {
+      tableData: [],
+      detailDb: {},
+      showRecord: false,
+      showUpdateConfig: false,
+    };
+  },
+  computed: {},
+  mounted() {
+    this.list();
+  },
+  methods: {
+    list() {
+      configList().then((res) => {
+        this.tableData = res.data.data;
+      });
+    },
+    backDb() {
+      backup()
+        .then((res) => {
+          this.$message.success(res.data.info);
+        })
+        .catch(() => {
+          this.$message.success("备份失败");
+        });
+    },
+    backRecord() {
+      this.showRecord = true;
+    },
+    closeRecordDialog() {
+      this.showRecord = false;
+    },
+    closeUpdateConfigDialog() {
+      this.showUpdateConfig = false;
+    },
+    statusChange(item) {
+      item.is_enabled = !item.is_enabled;
+      if (item.is_enabled) {
+        item.is_enabled = 1;
+      } else {
+        item.is_enabled = 0;
+      }
+      configUpdate(item).then((res) => {
+        this.$message.success(res.data.info);
+      });
+    },
+    btnEabelText(item) {
+      if (item.is_enabled) {
+        return "停用";
+      }
+      return "启用";
+    },
+    openEditWindow(item) {
+      this.detailDb = item;
+      this.showUpdateConfig = true;
+    },
+  },
+};
+</script>

package/le-backup/src/records.vue

@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <el-table
+      :data="tableData"
+      border
+      row-key="id"
+      :header-cell-style="{ 'text-align': 'center' }"
+      :cell-style="{ 'text-align': 'center' }"
+      stripe
+      style="width: 100%"
+    >
+      <el-table-column prop="bdir" label="备份目录"> </el-table-column>
+      <el-table-column prop="bfile" label="备份文件"> </el-table-column>
+      <el-table-column prop="bsdate" label="备份开始时间">
+        <template slot-scope="scope">
+          <span>{{ dateFormat(scope.row.bsdate) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="bedate" label="备份结束时间">
+        <template slot-scope="scope">
+          <span>{{ dateFormat(scope.row.bedate) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="bstatus" label="备份状态">
+        <template slot-scope="scope">
+          <span v-if="scope.row.bstatus == 0">失败</span>
+          <span v-if="scope.row.bstatus == 1">成功</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" row>
+        <template slot-scope="scope">
+          <el-button
+            id="btndel"
+            type="primary"
+            size="small"
+            v-permission="$route.params.btns"
+            @click="btnBackupdel(scope.row)"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<script>
+import { backupRecords, backupdel } from "@/api/database";
+import moment from "moment";
+export default {
+  data() {
+    return {
+      tableData: [],
+    };
+  },
+  computed: {},
+  mounted() {
+    this.list();
+  },
+  methods: {
+    dateFormat(data) {
+      if (data) {
+        return moment.unix(data).format("YYYY-MM-DD HH:mm:ss");
+      } else return "";
+    },
+    btnBackupdel(item) {
+      let params = [];
+      params.push(item.id);
+      backupdel(params).then((res) => {
+        this.list();
+        this.$message.success(res.data.info);
+      });
+    },
+    list() {
+      backupRecords().then((res) => {
+        this.tableData = res.data.data;
+      });
+    },
+  },
+};
+</script>

package/le-backup/src/sub.vue

@@ -0,0 +1,107 @@
+<template>
+  <el-form ref="form" :model="rowData" :rules="rules" label-width="100px">
+    <el-form-item label="备份目录" prop="back_dir">
+      <el-input v-model="rowData.back_dir"></el-input>
+    </el-form-item>
+    <el-form-item label="dump目录" prop="mysqldump_dir">
+      <el-input v-model="rowData.mysqldump_dir"></el-input>
+    </el-form-item>
+    <el-form-item label="文件格式" prop="back_formatter">
+      <el-input v-model="rowData.back_formatter"></el-input>
+    </el-form-item>
+    <el-form-item label="文件前缀" prop="back_pre">
+      <el-input v-model="rowData.back_pre"></el-input>
+    </el-form-item>
+    <el-form-item label="文件后缀" prop="back_suf">
+      <el-input v-model="rowData.back_suf"></el-input>
+    </el-form-item>
+    <el-form-item>
+      <el-button type="primary" @click="onSubmit">保存</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import { configUpdate } from "@/api/database";
+
+export default {
+  name: "le-backup-sub",
+  props: {
+    rowData: {
+      type: Object,
+      default: () => {},
+    },
+  },
+
+  data() {
+    return {
+      form: {
+        id: "",
+        back_dir: "",
+        mysqldump_dir: "",
+        back_pre: "",
+        back_suf: "",
+        back_formatter: "",
+      },
+      rules: {
+        back_dir: [
+          { required: true, message: "备份目录必须输入", trigger: "blur" },
+          {
+            min: 1,
+            max: 300,
+            message: "长度在 1 到 300 个字符",
+            trigger: "blur",
+          },
+        ],
+        mysqldump_dir: [
+          { required: true, message: "dump文件位置必须输入", trigger: "blur" },
+          {
+            min: 1,
+            max: 300,
+            message: "长度在 1 到 300 个字符",
+            trigger: "blur",
+          },
+        ],
+        back_formatter: [
+          { required: true, message: "备份文件格式必须输入", trigger: "blur" },
+          {
+            max: 20,
+            message: "长度在 0 到 20个字符",
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  mounted() {
+    // if (this.$route.params.status === 0 || this.$route.params.status === 0) {
+    //   this.form.id = this.$route.params.id;
+    //   this.form.name = this.$route.params.name;
+    //   this.form.note = this.$route.params.note;
+    //   this.form.phone = this.$route.params.phone;
+    //   this.form.title = this.$route.params.title;
+    // }
+    console.log(this.rowData);
+  },
+  methods: {
+    onSubmit() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          let param = {
+            id: this.rowData.id,
+            back_dir: this.rowData.back_dir,
+            mysqldump_dir: this.rowData.mysqldump_dir,
+            back_pre: this.rowData.back_pre,
+            back_suf: this.rowData.back_suf,
+            back_formatter: this.rowData.back_formatter,
+          };
+          configUpdate(param).then((res) => {
+            this.$message.success(res.data.info);
+          });
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</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,87 @@
+<template>
+  <div class="le-button-select-media">
+    <le-button type="primary" id="btnSelectMedia" @click="onClick">{{
+      btnTitle
+    }}</le-button>
+    <le-dialog-container
+      :title="title"
+      :showDialog="showDialog"
+      :showFooter="showFooter"
+      :width="width"
+      :showCloseBtnTop="showCloseBtnTop"
+      @close="closeDialog"
+    >
+      <le-media-list
+        :multiple="multiple"
+        :systemMaterialListApi="systemMaterialListApi"
+        ref="selectMedias"
+        v-if="showDialog"
+        @selectContent="selectContent"
+      ></le-media-list>
+    </le-dialog-container>
+  </div>
+</template>
+<script>
+import { systemMaterialList } from "@/api/media";
+export default {
+  name: "le-button-select-media",
+  props: {
+    btnTitle: {
+      type: String,
+      default: "选择素材",
+    },
+    width: {
+      type: String,
+      default: "70%",
+    },
+    title: {
+      type: String,
+      default: "选择素材",
+    },
+    param: {
+      type: [Object, String, Number],
+      default: () => {},
+    },
+    multiple: {
+      type: Boolean,
+      default: true,
+    },
+    showFooter: {
+      type: Boolean,
+      default: false,
+    },
+    showCloseBtnTop: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      showDialog: false,
+    };
+  },
+  methods: {
+    systemMaterialListApi(params) {
+      return systemMaterialList(params);
+    },
+    onClick() {
+      this.showDialog = true;
+    },
+    closeDialog() {
+      this.showDialog = false;
+    },
+    selectContent(value) {
+      this.$emit("selectContent", value, this.param);
+      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;