优化

baoshiwei

2023-03-27 3bd0ac27a231a1a2b5b7ae2f44501fea69c4ab1f

优化

 .env

@@ -2,7 +2,7 @@
VITE_PORT = 3100

#  网站标题
VITE_GLOB_APP_TITLE = JeecgBoot 企业级低代码平台
VITE_GLOB_APP_TITLE = 智能中草药干燥系统

# 简称，用于配置文件名字 不要出现空格、数字开头等特殊字符
VITE_GLOB_APP_SHORT_NAME = JeecgBootAdmin

 .env.development

@@ -5,7 +5,7 @@
VITE_PUBLIC_PATH = /

# 跨域代理，您可以配置多个 ,请注意，没有换行符
VITE_PROXY = [["/herb","http://192.168.21.70:9999"],["/upload","http://localhost:3300/upload"]]
VITE_PROXY = [["/herb","http://192.168.19.168:9999"],["/upload","http://localhost:3300/upload"]]

# 控制台不输出
VITE_DROP_CONSOLE = false
@@ -14,7 +14,7 @@
VITE_GLOB_API_URL=/herb

#后台接口全路径地址(必填)
VITE_GLOB_DOMAIN_URL=http://192.168.21.70:9999
VITE_GLOB_DOMAIN_URL=http://192.168.19.168:9999

# 接口前缀
VITE_GLOB_API_URL_PREFIX=

 .env.production

@@ -19,7 +19,7 @@
VITE_GLOB_API_URL=/herb

#后台接口全路径地址(必填)
VITE_GLOB_DOMAIN_URL=http://jeecg-boot-gateway:9999
VITE_GLOB_DOMAIN_URL=https://dev.shlanbao.cn:8800/herb

# 接口父路径前缀
VITE_GLOB_API_URL_PREFIX=

 Dockerfile

@@ -3,24 +3,24 @@
VOLUME /tmp
ENV LANG en_US.UTF-8
RUN echo "server {  \
    listen       80; \
    location   /herb/ { \
    proxy_pass              http://jeecg-boot-gateway:9999/; \
    proxy_redirect          off; \
    proxy_set_header        Host jeecg-boot-gateway; \
    proxy_set_header        X-Real-IP \$remote_addr; \
    proxy_set_header        X-Forwarded-For \$proxy_add_x_forwarded_for; \
    } \
    #解决Router(mode: 'history')模式下，刷新路由地址不能找到页面的问题 \
    location / { \
    root   /var/www/html/; \
    index  index.html index.htm; \
    if (!-e \$request_filename) { \
    rewrite ^(.*)\$ /index.html?s=\$1 last; \
    break; \
    } \
    } \
    access_log  /var/log/nginx/access.log ; \
      listen       80; \
      location   /herb/ { \
        proxy_pass              http://jeecg-boot-gateway:9999/; \
        proxy_redirect          off; \
        proxy_set_header        Host jeecg-boot-gateway; \
        proxy_set_header        X-Real-IP \$remote_addr; \
        proxy_set_header        X-Forwarded-For \$proxy_add_x_forwarded_for; \
      } \
      #解决Router(mode: 'history')模式下，刷新路由地址不能找到页面的问题 \
      location / { \
        root   /var/www/html/; \
        index  index.html index.htm; \
        if (!-e \$request_filename) { \
          rewrite ^(.*)\$ /index.html?s=\$1 last; \
          break; \
        } \
      } \
      access_log  /var/log/nginx/access.log ; \
    } " > /etc/nginx/conf.d/default.conf \
    &&  mkdir  -p  /var/www \
    &&  mkdir -p /var/www/html

 public/lanpu.png

 public/logo.png

 public/resource/img/lanpu.png

 public/resource/img/logo.png

 public/resource/img/logo_.png

 src/assets/images/lanpu.png

 src/assets/images/logo.png

 src/assets/loginmini/icon/dryer-front.png

 src/assets/loginmini/icon/dryer.png

 src/assets/loginmini/icon/lanpu_logo.png

 src/assets/loginmini/style/home.less

@@ -30,12 +30,17 @@
}

.aui-image {
  padding: 180px 80px;
  padding: 68px 45px;
  flex-basis: 60%;
  -webkit-flex-basis: 60%;
  background-color: #0198cd;
  background-image: url(../icon/jeecg_ad.png);
  background-size: cover;
  background-image: url(/src/assets/loginmini/icon/dryer.png);
  background-size: 148%;
  background-position-x: -166px;
  background-position-y: 30px;
  background-repeat: no-repeat;
  color: white;
  font-size: 26px;
}

.aui-image-text {

 src/components/Application/src/AppLogo.vue

@@ -4,7 +4,7 @@
-->
<template>
  <div class="anticon" :class="getAppLogoClass" @click="goHome">
    <img src="../../../assets/images/logo.png" />
    <img src="../../../assets/images/lanpu.png" />
    <div class="ml-2 truncate md:opacity-100" :class="getTitleClass" v-show="showTitle">
      {{ title }}
    </div>

 src/hooks/web/useWebSocket.ts

@@ -12,6 +12,7 @@
 * @param url
 */
export function connectWebSocket(url: string) {
  console.log("连接websocket::", url)
  //update-begin-author:taoyan date:2022-4-24 for: v2.4.6 的 websocket 服务端，存在性能和安全问题。 #3278
  let token = (getToken() || '') as string;
  result = useWebSocket(url, {
@@ -25,7 +26,7 @@
      message: "ping",
      interval: 55000
    },
    protocols: [token],
     protocols: [token],
  });
  //update-end-author:taoyan date:2022-4-24 for: v2.4.6 的 websocket 服务端，存在性能和安全问题。 #3278
  if (result) {

 src/layouts/default/header/components/notify/index.vue

@@ -29,7 +29,7 @@
  import md5 from 'crypto-js/md5';

  import SysMessageModal from '/@/views/system/message/components/SysMessageModal.vue'
  

  export default defineComponent({
    components: {
      Popover,

 src/views/demo/comp/qrcode/index.vue

@@ -66,7 +66,7 @@
<script lang="ts">
  import { defineComponent, ref, unref } from 'vue';
  import { QrCode, QrCodeActionType } from '/@/components/Qrcode/index';
  import LogoImg from '/@/assets/images/logo.png';
  import LogoImg from '/@/assets/images/lanpu.png';
  import { CollapseContainer } from '/@/components/Container/index';
  import { PageWrapper } from '/@/components/Page';


 src/views/dry/dataDefine/DryHerb.data.ts

@@ -27,31 +27,7 @@
    align: 'center',
    dataIndex: 'parts',
  },
  {
    title: '干燥方法',
    align: 'center',
    dataIndex: 'dryMethod',
  },
  {
    title: '干燥时间',
    align: 'center',
    dataIndex: 'dryTime',
  },
  {
    title: '干燥温度',
    align: 'center',
    dataIndex: 'dryTemp',
  },
  {
    title: '注意事项',
    align: 'center',
    dataIndex: 'notice',
  },
  {
    title: '特性标签',
    align: 'center',
    dataIndex: 'tag',
  },

  {
    title: '初始含水率',
    align: 'center',
@@ -61,6 +37,57 @@
    title: '目标含水率',
    align: 'center',
    dataIndex: 'target',
  },
  {
    title: '投料量（筐）',
    align: 'center',
    dataIndex: 'feed',
  },
  {
    title: '预计干燥时间',
    align: 'center',
    dataIndex: 'et',
  },
  {
    title: '热风温度',
    align: 'center',
    dataIndex: 'windTemp',
  },
  {
    title: '环境温度',
    align: 'center',
    dataIndex: 'envTemp',
  },
  {
    title: '环境湿度',
    align: 'center',
    dataIndex: 'envHum',
  },
  {
    title: '荡料延时（ms）',
    align: 'center',
    dataIndex: 'delay',
  },
  {
    title: '翻料次数',
    align: 'center',
    dataIndex: 'turn',
  },
  {
    title: '干燥方法',
    align: 'center',
    dataIndex: 'dryMethod',
  },

  {
    title: '注意事项',
    align: 'center',
    dataIndex: 'notice',
  },
  {
    title: '特性标签',
    align: 'center',
    dataIndex: 'tag',
  },
]
//查询数据
@@ -132,37 +159,7 @@
    field: 'parts',
    component: 'Input',
  },
  {
    label: '干燥方法',
    field: 'dryMethod',
    component: 'Input',
  },
  {
    label: '干燥时间',
    field: 'dryTime',
    component: 'InputNumber',
    dynamicRules: ({ model, schema }) => {
      return [{ required: false }, { pattern: /^-?\d+\.?\d*$/, message: '请输入数字!' }]
    },
  },
  {
    label: '干燥温度',
    field: 'dryTemp',
    component: 'Input',
    dynamicRules: ({ model, schema }) => {
      return [{ required: false }, { pattern: /^-?\d+\.?\d*$/, message: '请输入数字!' }]
    },
  },
  {
    label: '注意事项',
    field: 'notice',
    component: 'Input',
  },
  {
    label: '特性标签',
    field: 'tag',
    component: 'Input',
  },

  {
    label: '初始含水率',
    field: 'initial',
@@ -173,6 +170,75 @@
    field: 'target',
    component: 'InputNumber',
  },
  {
    label: '投料量',
    field: 'feed',
    component: 'InputNumber',
  },
  {
    label: '预计干燥时间',
    field: 'et',
    component: 'InputNumber',
    dynamicRules: ({ model, schema }) => {
      return [{ required: false }, { pattern: /^-?\d+\.?\d*$/, message: '请输入数字!' }]
    },
  },
  {
    label: '热风温度',
    field: 'windTemp',
    component: 'InputNumber',
    dynamicRules: ({ model, schema }) => {
      return [{ required: false }, { pattern: /^-?\d+\.?\d*$/, message: '请输入数字!' }]
    },
  },
  {
    label: '环境温度',
    field: 'envTemp',
    component: 'InputNumber',
    dynamicRules: ({ model, schema }) => {
      return [{ required: false }, { pattern: /^-?\d+\.?\d*$/, message: '请输入数字!' }]
    },
  },
  {
    label: '环境湿度',
    field: 'envHum',
    component: 'InputNumber',
    dynamicRules: ({ model, schema }) => {
      return [{ required: false }, { pattern: /^-?\d+\.?\d*$/, message: '请输入数字!' }]
    },
  },
  {
    label: '荡料延时',
    field: 'delay',
    component: 'InputNumber',
    dynamicRules: ({ model, schema }) => {
      return [{ required: false }, { pattern: /^-?\d+\.?\d*$/, message: '请输入数字!' }]
    },
  },
  {
    label: '翻料次数',
    field: 'turn',
    component: 'InputNumber',
    dynamicRules: ({ model, schema }) => {
      return [{ required: false }, { pattern: /^-?\d+\.?\d*$/, message: '请输入数字!' }]
    },
  },
  {
    label: '干燥方法',
    field: 'dryMethod',
    component: 'Input',
  },

  {
    label: '注意事项',
    field: 'notice',
    component: 'Input',
  },
  {
    label: '特性标签',
    field: 'tag',
    component: 'Input',
  },
  // TODO 主键隐藏字段，目前写死为ID
  {
    label: '',

 src/views/dry/dataDefine/DryOrder.data.ts

@@ -37,6 +37,11 @@
        align: 'center',
        dataIndex: 'feed',
    },
  {
    title: '初始重量',
    align: 'center',
    dataIndex: 'originWeight',
  },
    {
        title: '预计干燥时间',
        align: 'center',
@@ -50,8 +55,33 @@
    {
        title: '干燥时间',
        align: 'center',
        dataIndex: 'drying',
        dataIndex: 'dryTime',
    },
  {
    title: '热风温度',
    align: 'center',
    dataIndex: 'windTemp',
  },
  {
    title: '环境温度',
    align: 'center',
    dataIndex: 'envTemp',
  },
  {
    title: '环境湿度',
    align: 'center',
    dataIndex: 'envHum',
  },
  {
    title: '荡料延时（ms）',
    align: 'center',
    dataIndex: 'delay',
  },
  {
    title: '翻料次数',
    align: 'center',
    dataIndex: 'turn',
  },
    {
        title: '预计剩余时间',
        align: 'center',
@@ -102,6 +132,10 @@
        label: '工单时间',
        field: 'orderTime',
        component: 'DatePicker',
    componentProps: {
      showTime: true,
      valueFormat: 'YYYY-MM-DD HH:mm:ss'
    },
    },
    {
        label: '工单号',
@@ -134,6 +168,11 @@
        field: 'feed',
        component: 'InputNumber',
    },
  {
    label: '原始重量',
    field: 'originWeight',
    component: 'InputNumber',
  },
    {
        label: '预计干燥时间',
        field: 'et',
@@ -144,16 +183,41 @@
        field: 'yield',
        component: 'InputNumber',
    },
    {
        label: '干燥时间',
        field: 'drying',
        component: 'InputNumber',
    },
    {
        label: '预计剩余时间',
        field: 'remain',
        component: 'InputNumber',
    },
  {
    label: '干燥时间',
    field: 'dryTime',
    component: 'InputNumber',
  },
  {
    label: '热风温度',
    field: 'windTemp',
    component: 'InputNumber',
  },
  {
    label: '环境温度',
    field: 'envTemp',
    component: 'InputNumber',
  },
  {
    label: '环境湿度',
    field: 'envHum',
    component: 'InputNumber',
  },
  {
    label: '荡料延时（ms）',
    field: 'delay',
    component: 'InputNumber',
  },
  {
    label: '翻料次数',
    field: 'turn',
    component: 'InputNumber',
  },
  {
    label: '预计剩余时间',
    field: 'remain',
    component: 'InputNumber',
  },
    {
        label: '设备',
        field: 'equId',

 src/views/sys/login/TokenLoginPage.vue

@@ -5,7 +5,7 @@
            <div class="app-loading-dots">
                <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
            </div>
            <div class="app-loading-title">JeecgBoot 企业级低代码平台</div>
            <div class="app-loading-title">智能中草药干燥系统</div>
        </div>
    </div>
</template>
@@ -19,7 +19,7 @@
  import { useMessage } from '/@/hooks/web/useMessage';
  import { useUserStore } from '/@/store/modules/user';
  import { useI18n } from '/@/hooks/web/useI18n';
  

  export default {
    name: "TokenLogin",
    setup(){
@@ -31,7 +31,7 @@
      if(!routeQuery){
        createMessage.warning('参数无效')
      }
     

      const token = routeQuery['loginToken'];
      if(!token){
        createMessage.warning('token无效')
@@ -53,7 +53,7 @@
          duration: 4,
        });
      }
      

      function requestSuccess(res){
        let info = routeQuery.info;
        if(info){
@@ -206,4 +206,4 @@
        }
    }

</style>
</style>

 src/views/system/departUser/components/DepartRoleAuthDrawer.vue

@@ -1,31 +1,17 @@
<template>
  <BasicDrawer
    title="部门角色权限配置"
    :width="650"
    :loading="loading"
    showFooter
    okText="保存并关闭"
    @ok="onSubmit(true)"
    @close="onClose"
    @register="registerDrawer"
  >
  <BasicDrawer title="部门角色权限配置"
               :width="650"
               :loading="loading"
               showFooter
               okText="保存并关闭"
               @ok="onSubmit(true)"
    @close="onClose" @register="registerDrawer">
    <div>
      <a-spin :spinning="loading">
        <template v-if="treeData.length > 0">
          <BasicTree
            title="所拥有的部门权限"
            toolbar
            checkable
            :treeData="treeData"
            :checkedKeys="checkedKeys"
            :selectedKeys="selectedKeys"
            :expandedKeys="expandedKeys"
            :checkStrictly="checkStrictly"
            :clickRowToExpand="false"
            @check="onCheck"
            @expand="onExpand"
            @select="onSelect"
          >
          <BasicTree title="所拥有的部门权限" toolbar checkable :treeData="treeData" :checkedKeys="checkedKeys"
            :selectedKeys="selectedKeys" :expandedKeys="expandedKeys" :checkStrictly="checkStrictly"
            :clickRowToExpand="false" @check="onCheck" @expand="onExpand" @select="onSelect">
            <template #title="{ slotTitle, ruleFlag }">
              <span>{{ slotTitle }}</span>
              <Icon v-if="ruleFlag" icon="ant-design:align-left-outlined" style="margin-left: 5px; color: red" />
@@ -44,115 +30,115 @@
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
import { ref } from 'vue';

  import { BasicTree } from '/@/components/Tree/index';
  import { BasicDrawer, useDrawer, useDrawerInner } from '/@/components/Drawer';
  import { useMessage } from '/@/hooks/web/useMessage';
import { BasicTree } from '/@/components/Tree/index';
import { BasicDrawer, useDrawer, useDrawerInner } from '/@/components/Drawer';
import { useMessage } from '/@/hooks/web/useMessage';

  import DepartRoleDataRuleDrawer from './DepartRoleDataRuleDrawer.vue';
  import { queryTreeListForDeptRole, queryDeptRolePermission, saveDeptRolePermission } from '../depart.user.api';
import DepartRoleDataRuleDrawer from './DepartRoleDataRuleDrawer.vue';
import { queryTreeListForDeptRole, queryDeptRolePermission, saveDeptRolePermission } from '../depart.user.api';

  defineEmits(['register']);
  const { createMessage } = useMessage();
  const loading = ref(false);
  const departId = ref('');
  const roleId = ref('');
  const treeData = ref<Array<any>>([]);
  const checkedKeys = ref<Array<any>>([]);
  const lastCheckedKeys = ref<Array<any>>([]);
  const expandedKeys = ref<Array<any>>([]);
  const selectedKeys = ref<Array<any>>([]);
  const allTreeKeys = ref<Array<any>>([]);
  const checkStrictly = ref(true);
defineEmits(['register']);
const { createMessage } = useMessage();
const loading = ref(false);
const departId = ref('');
const roleId = ref('');
const treeData = ref<Array<any>>([]);
const checkedKeys = ref<Array<any>>([]);
const lastCheckedKeys = ref<Array<any>>([]);
const expandedKeys = ref<Array<any>>([]);
const selectedKeys = ref<Array<any>>([]);
const allTreeKeys = ref<Array<any>>([]);
const checkStrictly = ref(true);

  // 注册抽屉组件
  const [registerDrawer, { closeDrawer }] = useDrawerInner((data) => {
    roleId.value = data.record.id;
    departId.value = data.record.departId;
    loadData();
  });
  // 注册数据规则授权弹窗抽屉
  const [registerDataRuleDrawer, dataRuleDrawer] = useDrawer();
// 注册抽屉组件
const [registerDrawer, { closeDrawer }] = useDrawerInner((data) => {
  roleId.value = data.record.id;
  departId.value = data.record.departId;
  loadData();
});
// 注册数据规则授权弹窗抽屉
const [registerDataRuleDrawer, dataRuleDrawer] = useDrawer();

  async function loadData() {
    try {
      loading.value = true;
      // 用户角色授权功能，查询菜单权限树
      const { ids, treeList } = await queryTreeListForDeptRole({ departId: departId.value });
      if (ids.length > 0) {
        allTreeKeys.value = ids;
        expandedKeys.value = ids;
        treeData.value = treeList;
        // 查询角色授权
        checkedKeys.value = await queryDeptRolePermission({ roleId: roleId.value });
        lastCheckedKeys.value = [checkedKeys.value];
      } else {
        reset();
      }
    } finally {
      loading.value = false;
async function loadData() {
  try {
    loading.value = true;
    // 用户角色授权功能，查询菜单权限树
    const { ids, treeList } = await queryTreeListForDeptRole({ departId: departId.value });
    if (ids.length > 0) {
      allTreeKeys.value = ids;
      expandedKeys.value = ids;
      treeData.value = treeList;
      // 查询角色授权
      checkedKeys.value = await queryDeptRolePermission({ roleId: roleId.value });
      lastCheckedKeys.value = [checkedKeys.value];
    } else {
      reset();
    }
  }

  // 重置页面
  function reset() {
    treeData.value = [];
    expandedKeys.value = [];
    checkedKeys.value = [];
    lastCheckedKeys.value = [];
  } finally {
    loading.value = false;
  }
}

  // tree勾选复选框事件
  function onCheck(event) {
    if (checkStrictly.value) {
      checkedKeys.value = event.checked;
    } else {
      checkedKeys.value = event;
// 重置页面
function reset() {
  treeData.value = [];
  expandedKeys.value = [];
  checkedKeys.value = [];
  lastCheckedKeys.value = [];
  loading.value = false;
}

// tree勾选复选框事件
function onCheck(event) {
  if (checkStrictly.value) {
    checkedKeys.value = event.checked;
  } else {
    checkedKeys.value = event;
  }
}

// tree展开事件
function onExpand($expandedKeys) {
  expandedKeys.value = $expandedKeys;
}

// tree选中事件
function onSelect($selectedKeys, { selectedNodes }) {
  if (selectedNodes[0]?.ruleFlag) {
    let functionId = $selectedKeys[0];
    dataRuleDrawer.openDrawer(true, { roleId, departId, functionId });
  }
  selectedKeys.value = [];
}

function doClose() {
  reset();
  closeDrawer();
}

function onClose() {
  reset();
}

async function onSubmit(exit) {
  try {
    loading.value = true;
    let params = {
      roleId: roleId.value,
      permissionIds: checkedKeys.value.join(','),
      lastpermissionIds: lastCheckedKeys.value.join(','),
    };
    await saveDeptRolePermission(params);
    if (exit) {
      doClose();
    }
  } finally {
    loading.value = false;
    if (!exit) {
      loadData();
    }
  }

  // tree展开事件
  function onExpand($expandedKeys) {
    expandedKeys.value = $expandedKeys;
  }

  // tree选中事件
  function onSelect($selectedKeys, { selectedNodes }) {
    if (selectedNodes[0]?.ruleFlag) {
      let functionId = $selectedKeys[0];
      dataRuleDrawer.openDrawer(true, { roleId, departId, functionId });
    }
    selectedKeys.value = [];
  }

  function doClose() {
    reset();
    closeDrawer();
  }

  function onClose() {
    reset();
  }

  async function onSubmit(exit) {
    try {
      loading.value = true;
      let params = {
        roleId: roleId.value,
        permissionIds: checkedKeys.value.join(','),
        lastpermissionIds: lastCheckedKeys.value.join(','),
      };
      await saveDeptRolePermission(params);
      if (exit) {
        doClose();
      }
    } finally {
      loading.value = false;
      if (!exit) {
        loadData();
      }
    }
  }
}
</script>

 src/views/system/loginmini/MiniCodelogin.vue

@@ -66,7 +66,7 @@
  import { useUserStore } from '/@/store/modules/user';
  import { QrCode } from '/@/components/Qrcode/index';
  import ThirdModal from '/@/views/sys/login/ThirdModal.vue';
  import logoImg from '/@/assets/loginmini/icon/jeecg_logo.png';
  import logoImg from '/@/assets/loginmini/icon/lanpu_logo.png';
  import adTextImg from '/@/assets/loginmini/icon/jeecg_ad_text.png';
  import { useI18n } from '/@/hooks/web/useI18n';
  import { useDesign } from "/@/hooks/web/useDesign";

 src/views/system/loginmini/MiniForgotpad.vue

@@ -96,7 +96,7 @@
  import { SmsEnum, useFormRules, useFormValid, useLoginState } from '/@/views/sys/login/useLogin';
  import { useMessage } from '/@/hooks/web/useMessage';
  import { getCaptcha, passwordChange, phoneVerify } from '/@/api/sys/user';
  import logoImg from '/@/assets/loginmini/icon/jeecg_logo.png'
  import logoImg from '/@/assets/loginmini/icon/lanpu_logo.png'
  import adTextImg from '/@/assets/loginmini/icon/jeecg_ad_text.png'
  import successImg from '/@/assets/loginmini/icon/icon-success.png'


 src/views/system/loginmini/MiniLogin.vue

@@ -17,9 +17,11 @@
        <div class="aui-container">
          <div class="aui-form">
            <div class="aui-image">
              <div class="aui-image-text">
                <img :src="adTextImg" />
              </div>
              <div>Lanpu</div>
<div>兰浦智能中草药干燥系统</div>
<!--              <div class="aui-image-text">-->
<!--                <img :src="adTextImg" />-->
<!--              </div>-->
            </div>
            <div class="aui-formBox">
              <div class="aui-formWell">
@@ -159,7 +161,7 @@
  import MiniForgotpad from './MiniForgotpad.vue';
  import MiniRegister from './MiniRegister.vue';
  import MiniCodelogin from './MiniCodelogin.vue';
  import logoImg from '/@/assets/loginmini/icon/jeecg_logo.png';
  import logoImg from '/@/assets/loginmini/icon/lanpu_logo.png';
  import adTextImg from '/@/assets/loginmini/icon/jeecg_ad_text.png';
  import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
  import { useLocaleStore } from '/@/store/modules/locale';
@@ -188,8 +190,8 @@
  //账号登录表单字段
  const formData = reactive<any>({
    inputCode: '',
    username: 'admin',
    password: '123456',
    username: '',
    password: '',
  });
  //手机登录表单字段
  const phoneFormData = reactive<any>({

 src/views/system/loginmini/MiniRegister.vue

@@ -88,7 +88,7 @@
  import { getCaptcha, register } from '/@/api/sys/user';
  import { SmsEnum } from '/@/views/sys/login/useLogin';
  import { useMessage } from '/@/hooks/web/useMessage';
  import logoImg from '/@/assets/loginmini/icon/jeecg_logo.png';
  import logoImg from '/@/assets/loginmini/icon/lanpu_logo.png';
  import jeecgAdTextImg from '/@/assets/loginmini/icon/jeecg_ad_text.png';
  import eyeKImg from '/@/assets/loginmini/icon/icon-eye-k.png';
  import eyeGImg from '/@/assets/loginmini/icon/icon-eye-g.png';

 src/views/system/role/components/RolePermissionDrawer.vue

@@ -1,5 +1,9 @@
<template>
  <BasicDrawer v-bind="$attrs" @register="registerDrawer" width="650px" destroyOnClose showFooter>
  <BasicDrawer v-bind="$attrs"
               @register="registerDrawer"
               width="650px"
               destroyOnClose
               showFooter>
    <template #title>
      角色权限配置
      <a-dropdown>
@@ -18,19 +22,9 @@
        </template>
      </a-dropdown>
    </template>
    <BasicTree
      ref="treeRef"
      checkable
      :treeData="treeData"
      :checkedKeys="checkedKeys"
      :expandedKeys="expandedKeys"
      :selectedKeys="selectedKeys"
      :checkStrictly="checkStrictly"
      :clickRowToExpand="false"
      title="所拥有的的权限"
      @check="onCheck"
      @select="onTreeNodeSelect"
    >
    <BasicTree ref="treeRef" checkable :treeData="treeData" :checkedKeys="checkedKeys" :expandedKeys="expandedKeys"
      :selectedKeys="selectedKeys" :checkStrictly="checkStrictly" :clickRowToExpand="false" title="所拥有的的权限"
      @check="onCheck" @select="onTreeNodeSelect">
      <template #title="{ slotTitle, ruleFlag }">
        {{ slotTitle }}
        <Icon v-if="ruleFlag" icon="ant-design:align-left-outlined" style="margin-left: 5px; color: red"></Icon>
@@ -39,168 +33,173 @@
    <!--右下角按钮-->
    <template #footer>
      <PopConfirmButton title="确定放弃编辑？" @confirm="closeDrawer" okText="确定" cancelText="取消">取消</PopConfirmButton>
      <a-button @click="handleSubmit(false)" type="primary" :loading="loading" ghost style="margin-right: 0.8rem">仅保存</a-button>
      <a-button @click="handleSubmit(false)" type="primary" :loading="loading" ghost
        style="margin-right: 0.8rem">仅保存</a-button>
      <a-button @click="handleSubmit(true)" type="primary" :loading="loading">保存并关闭</a-button>
    </template>
    <RoleDataRuleDrawer @register="registerDrawer1" />
  </BasicDrawer>
</template>
<script lang="ts" setup>
  import { ref, computed, unref, onMounted } from 'vue';
  import { BasicDrawer, useDrawer, useDrawerInner } from '/src/components/Drawer';
  import { BasicTree, TreeItem } from '/src/components/Tree';
  import { PopConfirmButton } from '/@/components/Button';
  import RoleDataRuleDrawer from './RoleDataRuleDrawer.vue';
  import { queryTreeListForRole, queryRolePermission, saveRolePermission } from '../role.api';
  const emit = defineEmits(['register']);
  //树的信息
  const treeData = ref<TreeItem[]>([]);
  //树的全部节点信息
  const allTreeKeys = ref([]);
  //树的选择节点信息
  const checkedKeys = ref([]);
  const defaultCheckedKeys = ref([]);
  //树的选中的节点信息
  const selectedKeys = ref([]);
  const roleId = ref('');
  //树的实例
  const treeRef = ref(null);
  const loading = ref(false);
import { ref, computed, unref, onMounted } from 'vue'
import { BasicDrawer, useDrawer, useDrawerInner } from '/src/components/Drawer'
import { BasicTree, TreeItem } from '/src/components/Tree'
import { PopConfirmButton } from '/@/components/Button'
import RoleDataRuleDrawer from './RoleDataRuleDrawer.vue'
import { queryTreeListForRole, queryRolePermission, saveRolePermission } from '../role.api'
const emit = defineEmits(['register'])
//树的信息
const treeData = ref<TreeItem[]>([])
//树的全部节点信息
const allTreeKeys = ref([])
//树的选择节点信息
const checkedKeys = ref([])
const defaultCheckedKeys = ref([])
//树的选中的节点信息
const selectedKeys = ref([])
const roleId = ref('')
//树的实例
const treeRef = ref(null)
const loading = ref(false)

  //展开折叠的key
  const expandedKeys = ref<any>([]);
  //父子节点选中状态是否关联
  const checkStrictly = ref<boolean>(true);
  const [registerDrawer1, { openDrawer: openDataRuleDrawer }] = useDrawer();
  const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
    await reset();
    setDrawerProps({ confirmLoading: false, loading: true });
    roleId.value = data.roleId;
    //初始化数据
    const roleResult = await queryTreeListForRole();
    treeData.value = roleResult.treeList;
    allTreeKeys.value = roleResult.ids;
    expandedKeys.value = roleResult.ids;
    //初始化角色菜单数据
    const permResult = await queryRolePermission({ roleId: unref(roleId) });
    checkedKeys.value = permResult;
    defaultCheckedKeys.value = permResult;
    setDrawerProps({ loading: false });
  });
  /**
   * 点击选中
   */
  function onCheck(o) {
    checkedKeys.value = o.checked ? o.checked : o;
//展开折叠的key
const expandedKeys = ref<any>([])
//父子节点选中状态是否关联
const checkStrictly = ref<boolean>(true)
const [registerDrawer1, { openDrawer: openDataRuleDrawer }] = useDrawer()
const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
  await reset()
  setDrawerProps({ confirmLoading: false, loading: true })
  roleId.value = data.roleId
  //初始化数据
  const roleResult = await queryTreeListForRole()
  treeData.value = roleResult.treeList
  allTreeKeys.value = roleResult.ids
  expandedKeys.value = roleResult.ids
  //初始化角色菜单数据
  const permResult = await queryRolePermission({ roleId: unref(roleId) })
  checkedKeys.value = permResult
  defaultCheckedKeys.value = permResult
  setDrawerProps({ loading: false })
})
/**
 * 点击选中
 */
function onCheck(o) {
  checkedKeys.value = o.checked ? o.checked : o
}
/**
 * 选中节点，打开数据权限抽屉
 */
function onTreeNodeSelect(key) {
  if (key && key.length > 0) {
    selectedKeys.value = key
  }
  /**
   * 选中节点，打开数据权限抽屉
   */
  function onTreeNodeSelect(key) {
    if (key && key.length > 0) {
      selectedKeys.value = key;
    }
    openDataRuleDrawer(true, { functionId: unref(selectedKeys)[0], roleId: unref(roleId) });
  openDataRuleDrawer(true, { functionId: unref(selectedKeys)[0], roleId: unref(roleId) })
}
/**
 * 数据重置
 */
function reset() {
  treeData.value = []
  allTreeKeys.value = []
  checkedKeys.value = []
  defaultCheckedKeys.value = []
  selectedKeys.value = []
  roleId.value = ''
}
/**
 * 获取tree实例
 */
function getTree() {
  const tree = unref(treeRef)
  if (!tree) {
    throw new Error('tree is null!')
  }
  /**
   * 数据重置
   */
  function reset() {
    treeData.value = [];
    allTreeKeys.value = [];
    checkedKeys.value = [];
    defaultCheckedKeys.value = [];
    selectedKeys.value = [];
    roleId.value = '';
  return tree
}
/**
 * 提交
 */
async function handleSubmit(exit) {
  let params = {
    roleId: unref(roleId),
    permissionIds: unref(getTree().getCheckedKeys()).join(','),
    lastpermissionIds: unref(defaultCheckedKeys).join(','),
  }
  /**
   * 获取tree实例
   */
  function getTree() {
    const tree = unref(treeRef);
    if (!tree) {
      throw new Error('tree is null!');
    }
    return tree;
  //update-begin-author:taoyan date:2023-2-11 for: issues/352 VUE角色授权重复保存
  if (loading.value === false) {
    await doSave(params)
  } else {
    console.log('请等待上次执行完毕!')
  }
  /**
   * 提交
   */
  async function handleSubmit(exit) {
    let params = {
      roleId: unref(roleId),
      permissionIds: unref(getTree().getCheckedKeys()).join(','),
      lastpermissionIds: unref(defaultCheckedKeys).join(','),
    };
    //update-begin-author:taoyan date:2023-2-11 for: issues/352 VUE角色授权重复保存
    if(loading.value===false){
      await doSave(params)
    }else{
      console.log('请等待上次执行完毕!');
    }
    if(exit){
      // 如果关闭
      closeDrawer();
    }else{
      // 没有关闭需要重新获取选中数据
      const permResult = await queryRolePermission({ roleId: unref(roleId) });
      defaultCheckedKeys.value = permResult;
    }
  if (exit) {
    // 如果关闭
    closeDrawer()
  } else {
    // 没有关闭需要重新获取选中数据
    const permResult = await queryRolePermission({ roleId: unref(roleId) })
    defaultCheckedKeys.value = permResult
  }
  
  // VUE角色授权重复保存 #352
  async function doSave(params) {
    loading.value = true;
    await saveRolePermission(params);
    setTimeout(()=>{
      loading.value = false;
    }, 500)
  }
  //update-end-author:taoyan date:2023-2-11 for: issues/352 VUE角色授权重复保存
}

  /**
   * 树菜单选择
   * @param key
   */
  function treeMenuClick({ key }) {
    if (key === 'checkAll') {
      checkedKeys.value = allTreeKeys.value;
    } else if (key === 'cancelCheck') {
      checkedKeys.value = [];
    } else if (key === 'openAll') {
      expandedKeys.value = allTreeKeys.value;
    } else if (key === 'closeAll') {
      expandedKeys.value = [];
    } else if (key === 'relation') {
      checkStrictly.value = false;
    } else {
      checkStrictly.value = true;
    }
// VUE角色授权重复保存 #352
async function doSave(params) {
  loading.value = true
  await saveRolePermission(params)
  setTimeout(() => {
    loading.value = false
  }, 500)
}
//update-end-author:taoyan date:2023-2-11 for: issues/352 VUE角色授权重复保存

/**
 * 树菜单选择
 * @param key
 */
function treeMenuClick({ key }) {
  if (key === 'checkAll') {
    checkedKeys.value = allTreeKeys.value
  } else if (key === 'cancelCheck') {
    checkedKeys.value = []
  } else if (key === 'openAll') {
    expandedKeys.value = allTreeKeys.value
  } else if (key === 'closeAll') {
    expandedKeys.value = []
  } else if (key === 'relation') {
    checkStrictly.value = false
  } else {
    checkStrictly.value = true
  }
}
</script>

<style lang="less" scoped>
  /** 固定操作按钮 */
  .jeecg-basic-tree {
    position: absolute;
    width: 618px;
  }
  //update-begin---author:wangshuai ---date:20230202  for：抽屉弹窗标题图标下拉样式------------
  .line {
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
  }
  .more-icon {
    font-size: 20px !important;
    color: black;
    display: inline-flex;
    float: right;
    margin-right: 2px;
    cursor: pointer;
  }
  :deep(.jeecg-tree-header){
    border-bottom: none;
  }
  //update-end---author:wangshuai ---date:20230202  for：抽屉弹窗标题图标下拉样式------------
/** 固定操作按钮 */
.jeecg-basic-tree {
  position: absolute;
  width: 618px;
}

//update-begin---author:wangshuai ---date:20230202  for：抽屉弹窗标题图标下拉样式------------
.line {
  height: 1px;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
}

.more-icon {
  font-size: 20px !important;
  color: black;
  display: inline-flex;
  float: right;
  margin-right: 2px;
  cursor: pointer;
}

:deep(.jeecg-tree-header) {
  border-bottom: none;
}

//update-end---author:wangshuai ---date:20230202  for：抽屉弹窗标题图标下拉样式------------
</style>

 src/views/system/user/UserDrawer.vue

@@ -15,6 +15,7 @@
  import { defineComponent, ref, computed, unref, useAttrs } from 'vue';
  import { BasicForm, useForm } from '/@/components/Form/index';
  import { formSchema } from './user.data';
  import { getTenantId, getToken } from "/@/utils/auth";
  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
  import { saveOrUpdateUser, getUserRoles, getUserDepartList } from './user.api';
  import { useDrawerAdaptiveWidth } from '/@/hooks/jeecg/useAdaptiveWidth';
@@ -100,6 +101,10 @@
        field: 'selectedroles',
        show: !data?.departDisabled ?? false,
      },
      {
        field: 'relTenantIds',
        show: Number(getTenantId())<=0,
      },
    ]);
    // 无论新增还是编辑，都可以设置表单值
    if (typeof data.record === 'object') {