ylyx-cli 1.0.0

package/templates/vue-app/files/src/views/system/role/index.vue

@@ -0,0 +1,434 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <el-input
+          v-model="query.blurry"
+          size="small"
+          clearable
+          placeholder="输入角色名称"
+          style="width: 200px"
+          class="filter-item"
+          @keyup.enter.native="crud.toQuery" />
+        <rrOperation />
+      </div>
+      <crudOperation :permission="permission" />
+    </div>
+    <!-- 表单渲染 -->
+    <el-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      :before-close="crud.cancelCU"
+      :visible.sync="crud.status.cu > 0"
+      :title="crud.status.title"
+      width="520px">
+      <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
+        <el-form-item label="角色" prop="name">
+          <el-input v-model="form.name" />
+        </el-form-item>
+        <el-form-item label="角色说明" prop="description">
+          <el-input v-model="form.description" rows="5" type="textarea" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="crud.cancelCU">取消</el-button>
+        <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU"
+          >确认</el-button
+        >
+      </div>
+    </el-dialog>
+    <el-row :gutter="15">
+      <!--角色管理-->
+      <el-col :xs="24" :sm="24" :md="16" :lg="16" :xl="17" style="margin-bottom: 10px">
+        <el-card class="box-card" shadow="never">
+          <div slot="header" class="clearfix">
+            <span class="role-span">角色列表</span>
+          </div>
+          <el-table
+            ref="table"
+            v-loading="crud.loading"
+            highlight-current-row
+            style="width: 100%"
+            :data="crud.data"
+            :cell-style="{ textAlign: 'center' }"
+            :header-cell-style="{ textAlign: 'center' }"
+            @selection-change="crud.selectionChangeHandler"
+            @current-change="handleCurrentChange">
+            <el-table-column label="序号" type="index" align="center">
+              <template slot-scope="scope">
+                 <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="name" label="角色" />
+            <el-table-column :show-overflow-tooltip="true" prop="description" label="角色说明" />
+            <el-table-column
+              :show-overflow-tooltip="true"
+              width="165px"
+              prop="updateTime"
+              label="更新时间" />
+            <el-table-column
+              v-if="checkPer(['admin', 'roles:edit', 'roles:del'])"
+              label="操作"
+              width="120px"
+              align="center"
+              fixed="right">
+              <template slot-scope="scope">
+                <udOperation :data="scope.row" :permission="permission" />
+              </template>
+            </el-table-column>
+          </el-table>
+          <!--分页组件-->
+          <pagination />
+        </el-card>
+      </el-col>
+      <!--       菜单授权-->
+      <el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="7">
+        <el-card class="box-card" shadow="never">
+          <div slot="header" class="clearfix">
+            <el-tooltip class="item" effect="dark" content="选择指定角色分配菜单" placement="top">
+              <span class="role-span">菜单分配</span>
+            </el-tooltip>
+            <el-button
+              v-permission="['admin', 'roles:edit']"
+              :disabled="!showButton"
+              :loading="menuLoading"
+              icon="el-icon-check"
+              size="mini"
+              style="float: right; padding: 6px 9px"
+              type="primary"
+              @click="saveMenu"
+              >保存
+            </el-button>
+          </div>
+          <el-checkbox v-model="checked" @change="handleCheckboxChange">全部权限</el-checkbox>
+          <el-tree
+            ref="menu"
+            lazy
+            :data="menus"
+            :default-checked-keys="menuIds"
+            :load="getMenuDatas"
+            :props="defaultProps"
+            check-strictly
+            accordion
+            show-checkbox
+            node-key="id"
+            @check="menuChange" />
+        </el-card>
+        <el-card class="box-card" shadow="never">
+          <div slot="header" class="clearfix">
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="选择指定角色设置登录首页"
+              placement="top">
+              <span class="role-span">登录后首页设置</span>
+            </el-tooltip>
+          </div>
+          <el-tree
+            ref="homeMenu"
+            lazy
+            :data="homeMenus"
+            :default-checked-keys="homeMenuIds"
+            :props="defaultProps"
+            check-strictly
+            accordion
+            show-checkbox
+            node-key="path"
+            @check="homeMenuChange" />
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import crudRoles from '@/api/system/role';
+import { getMenusTree, getChild, getMenus } from '@/api/system/menu';
+import CRUD, { presenter, header, form, crud } from '@crud/crud';
+import rrOperation from '@crud/RR.operation';
+import crudOperation from '@crud/CRUD.operation';
+import udOperation from '@crud/UD.operation';
+import pagination from '@crud/Pagination';
+import DateRangePicker from '@/components/DateRangePicker';
+
+const defaultForm = {
+  id: null,
+  name: null,
+  description: null,
+  defaultHomePage: null,
+};
+let defaulHomeMenus = null;
+let defaultmenus;
+let defaultmenusId = [];
+let firstMenu = [];
+export default {
+  name: 'Role',
+  components: {
+    pagination,
+    crudOperation,
+    rrOperation,
+    udOperation,
+    DateRangePicker,
+  },
+  cruds() {
+    return CRUD({
+      title: '角色',
+      url: 'api/roles',
+      sort: 'updateTime,desc',
+      crudMethod: { ...crudRoles },
+    });
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  data() {
+    return {
+      defaultProps: { children: 'children', label: 'label', isLeaf: 'leaf' },
+      currentId: 0,
+      menuLoading: false,
+      showButton: false,
+      menus: [],
+      homeMenus: [],
+      menuIds: [],
+      homeMenuIds: [],
+      pathMenuIds: [], // 多选时使用
+      permission: {
+        add: ['admin', 'roles:add'],
+        edit: ['admin', 'roles:edit'],
+        del: ['admin', 'roles:del'],
+      },
+      rules: {
+        name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+        permission: [{ required: true, message: '请输入权限', trigger: 'blur' }],
+      },
+      defaultHomePage: null,
+      checked: false,
+      index: 0,
+    };
+  },
+  created() {
+    this.getHomeMenuDatas();
+    // if(defaultmenus.length !== 0) this.getDefaultMenu()
+  },
+  methods: {
+    handleCheckboxChange(val) {
+      this.checked = val;
+      const data = this.$refs.menu.getCheckedKeys();
+      if (val === true) {
+        this.menuIds = [];
+        this.getHomeMenuDatas();
+        defaultmenus.forEach(async (item, index) => {
+          await this.menuChange(item, data);
+        });
+      } else {
+        this.menuIds = [];
+        firstMenu = [];
+        this.homeMenus = [];
+        this.$refs.menu.setCheckedKeys(this.menuIds);
+      }
+    },
+    getMenuDatas(node, resolve) {
+      setTimeout(() => {
+        getMenusTree(node.data.id ? node.data.id : 0).then(res => {
+          if (node.data.id === undefined) defaultmenus = res.content;
+          defaultmenus.forEach(async (menu, index) => {
+            const data = this.$refs.menu.getCheckedKeys();
+            let flag;
+            if (data.checkedKeys) {
+              flag = data.checkedKeys.indexOf(menu.id) !== -1;
+            } else {
+              flag = data.indexOf(menu.id) !== -1;
+            }
+            const param = {
+              id: menu.id,
+              flag: flag,
+            };
+            if (node.level !== 0) return;
+            // 获取该节点的所有子节点，id 包含自身
+            await getChild(param).then(childIds => {
+              childIds.forEach((item, index) => {
+                defaultmenusId.push(item);
+              });
+            });
+          });
+          resolve(res.content);
+        });
+      }, 100);
+    },
+    getHomeMenuDatas(node, resolve) {
+      const params = {
+        type: 1,
+        pidIsNull: false,
+      };
+      getMenus(params).then(res => {
+        res.content.forEach((item, index) => {
+          if (item.type === 0) {
+            item.disabled = true;
+          }
+        });
+        res.content.forEach((item, index) => {
+          item.leaf = true;
+        });
+        this.homeMenus = res.content;
+        defaulHomeMenus = res.content;
+      });
+    },
+    [CRUD.HOOK.beforeRefresh](crud) {
+      crud.query.loginType = 0;
+    },
+    [CRUD.HOOK.afterRefresh]() {
+      this.$refs.menu.setCheckedKeys([]);
+      this.$refs.homeMenu.setCheckedKeys([]);
+    },
+    [CRUD.HOOK.afterCrudValidateCU]() {
+      this.form.defaultHomePage = this.defaultHomePage;
+    },
+    // 触发单选
+    handleCurrentChange(val) {
+      const initTreeData = [];
+      this.$refs.menu.$children.forEach((item, index) => {
+        initTreeData.push(item.node.data);
+      });
+
+      if (val) {
+        const _this = this;
+        // 清空菜单的选中
+        this.$refs.menu.setCheckedKeys([]);
+        // 保存当前的角色id
+        this.currentId = val.id;
+        // 初始化默认选中的key
+        this.menuIds = [];
+        this.pathMenuIds = [];
+        val.menus.forEach(function (data) {
+          _this.menuIds.push(data.id);
+          data.path && _this.pathMenuIds.push(data.path);
+        });
+        //初始化默认登录首页设置
+        this.homeMenus = defaulHomeMenus;
+        this.homeMenus = this.homeMenus.filter((item, index) => {
+          return item.type !== 2 && this.pathMenuIds.indexOf(item.path) !== -1;
+        });
+        this.showButton = true;
+        this.homeMenuIds = [val.defaultHomePage];
+        this.defaultHomePage = val.defaultHomePage;
+        this.checked = defaultmenusId.length === this.menuIds.length;
+      }
+    },
+    menuChange: async function (menu, data) {
+      //menu 改变时 清理回显
+      console.log(data);
+      if (menu.path === this.defaultHomePage) {
+        if (data.checkedKeys && data.checkedKeys.indexOf(menu.id) === -1) {
+          this.defaultHomePage = null;
+          this.homeMenuIds = [];
+        }
+      }
+      let flag;
+      if (data.checkedKeys) {
+        flag = data.checkedKeys.indexOf(menu.id) !== -1;
+      } else {
+        flag = data.indexOf(menu.id) !== -1;
+      }
+      const param = {
+        id: menu.id,
+        flag: flag,
+      };
+      // 获取该节点的所有子节点，id 包含自身
+      await getChild(param).then(childIds => {
+        // 判断是否在 menuIds 中，如果存在则删除，否则添加
+        if (this.menuIds.indexOf(menu.id) !== -1) {
+          for (let i = 0; i < childIds.length; i++) {
+            const index = this.menuIds.indexOf(childIds[i]);
+            if (index !== -1) {
+              this.menuIds.splice(index, 1);
+            }
+            const firstMenuIndex = firstMenu.indexOf(menu.id);
+            firstMenu.splice(firstMenuIndex, 1);
+          }
+        } else {
+          for (let i = 0; i < childIds.length; i++) {
+            const index = this.menuIds.indexOf(childIds[i]);
+            if (index === -1) {
+              this.menuIds.push(childIds[i]);
+              if (firstMenu.indexOf(childIds[i]) === -1) firstMenu.push(childIds[i]);
+            }
+          }
+        }
+        this.checked = defaultmenusId.length === this.menuIds.length;
+        this.$refs.menu.setCheckedKeys(this.menuIds);
+        this.$refs.menu.setCheckedKeys(this.menuIds);
+      });
+      this.homeMenus = defaulHomeMenus;
+      this.homeMenus = this.homeMenus.filter((item, index) => {
+        return this.menuIds.indexOf(item.id) !== -1;
+      });
+    },
+    //首页设置
+    homeMenuChange: function (data, checked, indeterminate) {
+      if (checked) {
+        let arr = [data.path];
+        this.$refs.homeMenu.setCheckedKeys(arr);
+        console.log(data, 'data');
+        this.defaultHomePage = data.path;
+      }
+      if (!checked.checkedKeys.length) {
+        this.defaultHomePage = null;
+        this.$refs.homeMenu.setCheckedKeys([]);
+      }
+    },
+    // 保存菜单
+    saveMenu() {
+      this.menuLoading = true;
+      const role = {
+        id: this.currentId,
+        menus: [],
+        defaultHomePage: this.defaultHomePage,
+      };
+      // 得到已选中的 key 值
+      this.menuIds.forEach(function (id) {
+        const menu = { id: id };
+        role.menus.push(menu);
+      });
+      crudRoles
+        .editMenu(role)
+        .then(() => {
+          this.crud.notify('保存成功', CRUD.NOTIFICATION_TYPE.SUCCESS);
+          this.menuLoading = false;
+          this.update();
+        })
+        .catch(() => {
+          this.menuLoading = false;
+        });
+    },
+    // 改变数据
+    update() {
+      // 无刷新更新 表格数据
+      crudRoles.get(this.currentId).then(res => {
+        for (let i = 0; i < this.crud.data.length; i++) {
+          if (res.id === this.crud.data[i].id) {
+            this.crud.data[i] = res;
+            break;
+          }
+        }
+      });
+    },
+    checkboxT(row) {
+      return true;
+    },
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.role-span {
+  font-weight: bold;
+  color: #303133;
+  font-size: 15px;
+}
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+///*::v-deep .el-input-number .el-input__inner {*/
+///*   text-align: left;*/
+///* }*/
+</style>

package/templates/vue-app/files/src/views/system/sysSet/index.vue

@@ -0,0 +1,84 @@
+<template>
+  <div class="app-container">
+    <el-divider class="blue" content-position="left" style="font-weight: bold"
+      >大屏页数据自动刷新时间</el-divider
+    >
+    <el-form :inline="true" label-width="45px">
+      <el-form-item prop="bindingHours">
+        <el-select v-model="timeId" @change="bindingTime" placeholder="请选择" style="width: 350px">
+          <el-option
+            v-for="item in dict.screen_flush"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">保存</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { mapGetters } from 'vuex';
+import { getBigDataVSet, getBigDataVTime } from '@/api/system/sysSet';
+export default {
+  name: 'sysSet',
+  dicts: ['screen_flush'],
+  computed: {
+    ...mapGetters(['user']),
+  },
+  data() {
+    return {
+      time: '',
+      timeList: [
+        {
+          label: '1秒',
+          value: '2',
+        },
+        {
+          label: '30秒',
+          value: '30',
+        },
+        {
+          label: '一分钟',
+          value: '60',
+        },
+      ],
+
+      hospitalAdds: null,
+      timeId: '60000',
+    };
+  },
+  created() {
+    console.log(this.dict.screen_flush);
+    this.getDefaultTime();
+  },
+  methods: {
+    getDefaultTime() {
+      getBigDataVTime().then(res => {
+        console.log(res.dictDetailId);
+        if (res.dictDetailId) this.timeId = String(res.dictDetailId);
+      });
+    },
+    bindingTime(val) {
+      this.timeId = val;
+      console.log(this.timeId, ' this.timeId');
+    },
+    onSubmit() {
+      if (this.timeId === '') return;
+      const params = { id: this.timeId };
+      getBigDataVSet(params).then(res => {
+        console.log(res, 'res');
+        if (res) this.$message.success('保存成功！');
+      });
+    },
+  },
+};
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+.el-divider__text {
+  font-size: 16px;
+  font-weight: bold;
+}
+</style>