提交 bb5ba490 authored 作者: kxjia's avatar kxjia

完善首页配置

上级 91425094
<template>
<div class="aui-content">
<div class="aui-container">
<div class="aui-form">
<div class="aui-image">
<div class="aui-image-text">
<img :src="adTextImg" alt="" />
</div>
</div>
<div class="aui-formBox aui-formEwm">
<div class="aui-formWell">
<form>
<div class="aui-flex aui-form-nav investment_title" style="padding-bottom: 19px">
<div class="aui-flex-box activeNav">{{t('sys.login.qrSignInFormTitle')}}</div>
</div>
<div class="aui-form-box">
<div class="aui-account" style="padding: 30px 0">
<div class="aui-ewm">
<QrCode :value="qrCodeUrl" class="enter-x flex justify-center xl:justify-start" :width="280" />
</div>
</div>
</div>
<div class="aui-formButton">
<a class="aui-linek-code aui-link-register" @click="goBackHandleClick">{{t('sys.login.backSignIn')}}</a>
</div>
</form>
</div>
<div class="aui-flex aui-third-text">
<div class="aui-flex-box aui-third-border">
<span>{{ t('sys.login.otherSignIn') }}</span>
</div>
</div>
<div class="aui-flex" :class="`${prefixCls}-sign-in-way`">
<div class="aui-flex-box">
<div class="aui-third-login">
<a href="" title="github" @click="onThirdLogin('github')"><GithubFilled /></a>
</div>
</div>
<div class="aui-flex-box">
<div class="aui-third-login">
<a href="" title="企业微信" @click="onThirdLogin('wechat_enterprise')"><icon-font class="item-icon" type="icon-qiyeweixin3" /></a>
</div>
</div>
<div class="aui-flex-box">
<div class="aui-third-login">
<a href="" title="钉钉" @click="onThirdLogin('dingtalk')"><DingtalkCircleFilled /></a>
</div>
</div>
<div class="aui-flex-box">
<div class="aui-third-login">
<a href="" title="微信" @click="onThirdLogin('wechat_open')"><WechatFilled /></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 第三方登录相关弹框 -->
<ThirdModal ref="thirdModalRef"></ThirdModal>
</template>
<script lang="ts" setup name="mini-code-login">
import { ref, onUnmounted } from 'vue';
import { getLoginQrcode, getQrcodeToken } from '/@/api/sys/user';
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 adTextImg from '/@/assets/loginmini/icon/jeecg_ad_text.png';
import { useI18n } from '/@/hooks/web/useI18n';
import { useDesign } from "/@/hooks/web/useDesign";
import { GithubFilled, WechatFilled, DingtalkCircleFilled, createFromIconfontCN } from '@ant-design/icons-vue';
const IconFont = createFromIconfontCN({
scriptUrl: '//at.alicdn.com/t/font_2316098_umqusozousr.js',
});
const { prefixCls } = useDesign('minilogin');
const { t } = useI18n();
const qrCodeUrl = ref<string>('');
let timer: IntervalHandle;
const state = ref('0');
const thirdModalRef = ref();
const userStore = useUserStore();
const emit = defineEmits(['go-back', 'success', 'register']);
//加载二维码信息
function loadQrCode() {
state.value = '0';
getLoginQrcode().then((res) => {
qrCodeUrl.value = res.qrcodeId;
if (res.qrcodeId) {
openTimer(res.qrcodeId);
}
});
}
//监控扫码状态
function watchQrcodeToken(qrcodeId) {
getQrcodeToken({ qrcodeId: qrcodeId }).then((res) => {
let token = res.token;
if (token == '-2') {
//二维码过期重新获取
loadQrCode();
clearInterval(timer);
}
//扫码成功
if (res.success) {
state.value = '2';
clearInterval(timer);
setTimeout(() => {
userStore.qrCodeLogin(token);
}, 500);
}
});
}
/** 开启定时器 */
function openTimer(qrcodeId) {
watchQrcodeToken(qrcodeId);
closeTimer();
timer = setInterval(() => {
watchQrcodeToken(qrcodeId);
}, 1500);
}
/** 关闭定时器 */
function closeTimer() {
if (timer) clearInterval(timer);
}
/**
* 第三方登录
* @param type
*/
function onThirdLogin(type) {
thirdModalRef.value.onThirdLogin(type);
}
/**
* 初始化表单
*/
function initFrom() {
loadQrCode();
}
/**
* 返回
*/
function goBackHandleClick() {
emit('go-back');
closeTimer();
}
onUnmounted(() => {
closeTimer();
});
defineExpose({
initFrom,
});
</script>
<style lang="less" scoped>
@import '/@/assets/loginmini/style/home.less';
@import '/@/assets/loginmini/style/base.less';
</style>
<template>
<div class="aui-image-text">
<!-- 图片容器 - 完全透明,水平居中,下边距50px -->
<div style="text-align: center; margin-bottom: 50px;">
<img src="../../../assets/loginmini/icon/logo.png" style="height: 160px; margin: 0 auto; opacity: 50;" />
</div>
<div class="company-logo">
<i class="fas fa-shield-alt"></i>
</div>
<div class="company-description">
金融科技风险管理平台,为西部矿业集团财务有限公司提供专业的风险分析、安全保障和智能风控平台。
</div>
<div class="feature-list">
<div class="feature-item">
<i class="fas fa-chart-line"></i>
<span>专业风险分析</span>
</div>
<div class="feature-item">
<i class="fas fa-lock"></i>
<span>安全保障体系</span>
</div>
<div class="feature-item">
<i class="fas fa-cogs"></i>
<span>智能风控平台</span>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
// 公司特色数据
const features = ref([
{ icon: 'chart-line', text: '专业风险分析' },
{ icon: 'lock', text: '安全保障体系' },
{ icon: 'cogs', text: '智能风控平台' }
]);
</script>
<style lang="less" scoped>
.aui-image-text {
// 完全透明,不添加任何背景或样式干扰
}
.company-logo {
font-size: 48px;
margin-bottom: 20px;
color: rgba(255, 255, 255, 0.9);
animation: pulse 2s infinite;
}
.company-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
letter-spacing: 1px;
}
.company-description {
font-size: 16px;
line-height: 1.6;
margin-bottom: 30px;
opacity: 0.95;
}
.feature-list {
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
.feature-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
transition: transform 0.3s ease;
&:hover {
transform: translateY(-5px);
}
i {
font-size: 24px;
background: rgba(255, 255, 255, 0.2);
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 5px;
}
span {
font-size: 14px;
font-weight: 500;
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
@keyframes float {
0%, 100% {
transform: translateY(0) rotate(0deg);
}
50% {
transform: translateY(-10px) rotate(180deg);
}
}
// 响应式设计
@media (max-width: 768px) {
.aui-image-text {
padding: 30px 20px;
margin: 20px;
}
.company-title {
font-size: 24px;
}
.company-description {
font-size: 15px;
}
.feature-list {
gap: 20px;
}
.feature-item {
i {
font-size: 20px;
width: 40px;
height: 40px;
}
span {
font-size: 13px;
}
}
}
</style>
\ No newline at end of file
<template>
<div> </div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { isOAuth2AppEnv, sysOAuth2Callback, sysOAuth2Login } from '/@/views/sys/login/useLogin';
import { useRouter } from 'vue-router';
import { PageEnum } from '/@/enums/pageEnum';
import { router } from '/@/router';
import { useUserStore } from '/@/store/modules/user';
import { useMessage } from '/@/hooks/web/useMessage';
import { useI18n } from '/@/hooks/web/useI18n';
import { getAuthCache, getTenantId, getToken } from "/@/utils/auth";
import { requestAuthCode } from 'dingtalk-jsapi';
import { defHttp } from '/@/utils/http/axios';
import { OAUTH2_THIRD_LOGIN_TENANT_ID } from "/@/enums/cacheEnum";
const isOAuth = ref<boolean>(isOAuth2AppEnv());
const env = ref<any>({ thirdApp: false, wxWork: false, dingtalk: false });
const { currentRoute } = useRouter();
const route = currentRoute.value;
if (!isOAuth2AppEnv()) {
router.replace({ path: PageEnum.BASE_LOGIN, query: route.query });
}
if (isOAuth.value) {
checkEnv();
}
/**
* 检测当前的环境
*/
function checkEnv() {
// 判断当时是否是企业微信环境
if (/wxwork/i.test(navigator.userAgent)) {
env.value.thirdApp = true;
env.value.wxWork = true;
}
// 判断当时是否是钉钉环境
if (/dingtalk/i.test(navigator.userAgent)) {
env.value.thirdApp = true;
env.value.dingtalk = true;
}
doOAuth2Login();
}
/**
* 进行OAuth2登录操作
*/
function doOAuth2Login() {
if (env.value.thirdApp) {
// 判断是否携带了Token,是就说明登录成功
if (route.query.oauth2LoginToken) {
let token = route.query.oauth2LoginToken;
//执行登录操作
thirdLogin({ token, thirdType: route.query.thirdType,tenantId: getTenantId });
} else if (env.value.wxWork) {
sysOAuth2Login('wechat_enterprise');
} else if (env.value.dingtalk) {
//新版钉钉登录
dingdingLogin();
}
}
}
/**
* 第三方登录
* @param params
*/
function thirdLogin(params) {
const userStore = useUserStore();
const { notification } = useMessage();
const { t } = useI18n();
userStore.ThirdLogin(params).then((res) => {
if (res && res.userInfo) {
notification.success({
message: t('sys.login.loginSuccessTitle'),
description: `${t('sys.login.loginSuccessDesc')}: ${res.userInfo.realname}`,
duration: 3,
});
} else {
notification.error({
message: t('sys.login.errorTip'),
description: ((res.response || {}).data || {}).message || res.message || t('sys.login.networkExceptionMsg'),
duration: 4,
});
}
});
}
/**
* 钉钉登录
*/
function dingdingLogin() {
//先获取钉钉的企业id,如果没有配置 还是走原来的逻辑,走原来的逻辑 需要判断存不存在token,存在token直接去首页
let tenantId = getAuthCache(OAUTH2_THIRD_LOGIN_TENANT_ID) || 0;
let url = `/sys/thirdLogin/get/corpId/clientId?tenantId=${tenantId}`;
//update-begin---author:wangshuai---date:2024-12-09---for:不要使用getAction online里面的,要用defHttp---
defHttp.get({ url:url },{ isTransformResponse: false }).then((res) => {
//update-end---author:wangshuai---date:2024-12-09---for:不要使用getAction online里面的,要用defHttp---
if (res.success) {
if(res.result && res.result.corpId && res.result.clientId){
requestAuthCode({ corpId: res.result.corpId, clientId: res.result.clientId }).then((res) => {
let { code } = res;
sysOAuth2Callback(code);
});
}else{
toOldAuthLogin();
}
} else {
toOldAuthLogin();
}
}).catch((err) => {
toOldAuthLogin();
});
}
/**
* 旧版钉钉登录
*/
function toOldAuthLogin() {
let token = getToken();
if (token) {
router.replace({ path: PageEnum.BASE_HOME });
} else {
sysOAuth2Login('dingtalk');
}
}
</script>
...@@ -262,19 +262,6 @@ ...@@ -262,19 +262,6 @@
queryParam.value.pageSize = pageSize; queryParam.value.pageSize = pageSize;
onSearch(); onSearch();
} }
function handlerGotoPage(item) {
if (item.sctype == '1') {
router.push({ path: '/standardlib/compliane/fl', query: { bizNo: item.bizNo, querName: queryParam.value.name } });
} else if (item.sctype == '2') {
router.push({ path: '/standardlib/compliane/fg', query: { bizNo: item.bizNo, querName: queryParam.value.name } });
} else if (item.sctype == '3') {
router.push({ path: '/standardlib/compliane/jg', query: { bizNo: item.bizNo, querName: queryParam.value.name } });
} else if (item.sctype == '4') {
router.push({ path: '/standardlib/compliane/fx', query: { bizNo: item.bizNo, querName: queryParam.value.name } });
} else if (item.sctype == '5') {
router.push({ path: '/standardlib/compliane/cf', query: { bizNo: item.bizNo, querName: queryParam.value.name } });
}
}
function handelCreateDocLib() { function handelCreateDocLib() {
loading.value = true; loading.value = true;
......
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
<!--插槽:table标题--> <!--插槽:table标题-->
<template #tableTitle> <template #tableTitle>
<a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button> <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
<a-button type="default" @click="updateAllNewValue" style="margin-left: 8px"> 获取指标最新值</a-button>
<!-- <a-tag v-if="dataList.length>=8" color="orange" style="padding:5px;margin-left:3px"> <!-- <a-tag v-if="dataList.length>=8" color="orange" style="padding:5px;margin-left:3px">
最多只能添加8条记录 最多只能添加8条记录
</a-tag> --> </a-tag> -->
...@@ -34,7 +35,7 @@ ...@@ -34,7 +35,7 @@
import PageTitleconfigModal from './components/PageTitleconfigModal.vue' import PageTitleconfigModal from './components/PageTitleconfigModal.vue'
import TplItemModal from './components/TplItemModal.vue' import TplItemModal from './components/TplItemModal.vue'
import {columns, searchFormSchema} from './PageTitleconfig.data'; import {columns, searchFormSchema} from './PageTitleconfig.data';
import {list, deleteOne, batchDelete, saveOrUpdate} from './PageTitleconfig.api'; import {list, deleteOne, batchDelete, saveOrUpdate,updateNewValue} from './PageTitleconfig.api';
import { JEllipsis } from '/@/components/Form'; import { JEllipsis } from '/@/components/Form';
const checkedKeys = ref<Array<string | number>>([]); const checkedKeys = ref<Array<string | number>>([]);
...@@ -78,7 +79,6 @@ ...@@ -78,7 +79,6 @@
const [registerTable, {reload,getDataSource},{ rowSelection, selectedRowKeys }] = tableContext const [registerTable, {reload,getDataSource},{ rowSelection, selectedRowKeys }] = tableContext
function handleAdd() { function handleAdd() {
openModal(true, { openModal(true, {
isUpdate: false, isUpdate: false,
...@@ -111,7 +111,6 @@ ...@@ -111,7 +111,6 @@
} }
async function handleDelete(record) { async function handleDelete(record) {
await deleteOne({id: record.id}, handleSuccess); await deleteOne({id: record.id}, handleSuccess);
} }
...@@ -179,6 +178,14 @@ ...@@ -179,6 +178,14 @@
//handleSuccess() //handleSuccess()
} }
/**
* 获取指标最新值
*/
async function updateAllNewValue() {
const result = await updateNewValue({});
handleSuccess()
}
</script> </script>
<style scoped> <style scoped>
......
...@@ -14,6 +14,7 @@ enum Api { ...@@ -14,6 +14,7 @@ enum Api {
queryFxcTplTree = '/page/pageTitleconfig/queryFxcTplTree', queryFxcTplTree = '/page/pageTitleconfig/queryFxcTplTree',
pagetitleall = '/page/pageTitleconfig/pagetitleall', pagetitleall = '/page/pageTitleconfig/pagetitleall',
updateAllNewValue = '/page/pageTitleconfig/updateAllNewValue',
} }
/** /**
...@@ -80,3 +81,10 @@ export const pagetitleall = (params) => ...@@ -80,3 +81,10 @@ export const pagetitleall = (params) =>
export const queryItemDtById = (params) => export const queryItemDtById = (params) =>
defHttp.get({url: Api.queryItemDtById, params}); defHttp.get({url: Api.queryItemDtById, params});
export const updateNewValue = (params) =>
defHttp.get({url: Api.updateAllNewValue, params});
...@@ -29,6 +29,13 @@ export const columns: BasicColumn[] = [ ...@@ -29,6 +29,13 @@ export const columns: BasicColumn[] = [
edit: true, edit: true,
dataIndex: 'showName', dataIndex: 'showName',
}, },
{
title: '关联指标',
align: 'left',
width: 100,
edit: true,
dataIndex: 'tplItemName',
},
{ {
title: '值', title: '值',
align: 'center', align: 'center',
...@@ -49,6 +56,7 @@ export const columns: BasicColumn[] = [ ...@@ -49,6 +56,7 @@ export const columns: BasicColumn[] = [
dataIndex: 'defaultIcon', dataIndex: 'defaultIcon',
edit: true, edit: true,
width: 80, width: 80,
ifShow: false,
}, },
{ {
title: '分类', title: '分类',
......
...@@ -107,14 +107,36 @@ ...@@ -107,14 +107,36 @@
}); });
const curdata = ref({}); const curdata = ref({});
const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext const [registerTable, {reload, getForm},{ rowSelection, selectedRowKeys }] = tableContext
// 模态框配置 // 模态框配置
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => { const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
curdata.value = data.record; curdata.value = data.record;
// searchFormSchema[0].componentProps = {
// placeholder: '请输入模板名称',
// }
// searchFormSchema[1].componentProps = {
// placeholder: '请输入指标名称',
// }
// 重置表格 // 重置表格
await reload(); await reload();
// 设置模板名称到搜索表单
if (curdata.value.tplName) {
const form = getForm();
if (form) {
form.setFieldsValue(
{
tplName: curdata.value.tplName,
title: curdata.value.tplItemName||curdata.value.showName,
});
}
}
// 设置模态框属性 // 设置模态框属性
setModalProps({ setModalProps({
confirmLoading: false, confirmLoading: false,
...@@ -135,6 +157,7 @@ ...@@ -135,6 +157,7 @@
console.error('请选择指标'); console.error('请选择指标');
return; return;
} }
saveOrUpdate({ saveOrUpdate({
id: curdata.value.id, id: curdata.value.id,
tplItemId: tplItem.id, tplItemId: tplItem.id,
...@@ -143,6 +166,7 @@ ...@@ -143,6 +166,7 @@
tplName:tplItem.tplName, tplName:tplItem.tplName,
tplId:tplItem.tplid, tplId:tplItem.tplid,
}, true); }, true);
emit('success'); emit('success');
} }
......
...@@ -91,6 +91,14 @@ export default ({ command, mode }: ConfigEnv): UserConfig => { ...@@ -91,6 +91,14 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
proxy: createProxy(VITE_PROXY), proxy: createProxy(VITE_PROXY),
// 合并 server 配置 // 合并 server 配置
...serverOptions, ...serverOptions,
// 预热常用文件,提高首次加载速度
warmup: {
clientFiles: ['./index.html', './src/main.ts', './src/App.vue'],
},
// 启用更快的源文件变更检测
fs: {
strict: false,
},
}, },
build: { build: {
minify: 'esbuild', minify: 'esbuild',
...@@ -160,24 +168,20 @@ export default ({ command, mode }: ConfigEnv): UserConfig => { ...@@ -160,24 +168,20 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
'dynamic-import': true, 'dynamic-import': true,
'import-meta': true, 'import-meta': true,
}, },
// 解决默认导出问题
//banner: 'import { createRequire } from "module"; const require = createRequire(import.meta.url);',
}, },
// 强制重新预构建,确保缓存是最新的
force: false, // 设置为 false,避免每次都重新预构建
exclude: [ exclude: [
//升级vite4后,需要排除online依赖 //升级vite4后,需要排除online依赖
'@jeecg/online', '@jeecg/online',
'@jeecg/aiflow', '@jeecg/aiflow',
], ],
// 明确包含可能需要预构建的依赖 // 只包含最核心的依赖,让 Vite 自动处理其他依赖
include: [ include: [
'vue', 'vue',
'vue-router', 'vue-router',
'pinia',
'ant-design-vue', 'ant-design-vue',
'@ant-design/icons-vue',
'moment',
'dayjs',
// 尝试包含 form-create
'@form-create/ant-design-vue'
] ]
}, },
}; };
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论