asinkj-ui/src/views/index.vue
2025-05-15 11:30:49 +08:00

117 lines
2.3 KiB
Vue

<template>
<div class="app-container home">
<el-row :gutter="20">
<el-col :sm="24" :lg="12" style="padding-left: 20px">
<h2>物流商管理系统</h2>
</el-col>
<el-col :sm="24" :lg="12" style="padding-left: 20px">
<h2>物流商管理系统</h2>
</el-col>
</el-row>
<el-divider />
</div>
</template>
<script setup name="Index" lang="ts">
import { queryLogisticsOrder } from '@/api/amz/logisticsOrder';
import { Action } from 'element-plus';
const goTarget = (url: string) => {
window.open(url, '__blank');
};
onMounted(async () => {
console.log('物流商管理系统');
const res = await queryLogisticsOrder();
console.log('res', res);
if (res.code === 200) {
console.log('res.data', res.data);
if (res.data.length > 0) {
console.log('有快到期的订单');
ElMessage.warning('有快到期的订单');
ElMessageBox.alert('有快到期的订单', '订单提醒', {
// if you want to disable its autofocus
// autofocus: false,
confirmButtonText: '好的我知道了',
callback: (action: Action) => {
// ElMessage({
// type: 'info',
// message: `action: ${action}`
// });
}
});
} else {
console.log('没有快到期的订单');
// ElMessage.warning('没有快到期的订单');
}
}
});
</script>
<style scoped lang="scss">
.home {
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.col-item {
margin-bottom: 20px;
}
ul {
padding: 0;
margin: 0;
}
font-family: 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
color: #676a6c;
overflow-x: hidden;
ul {
list-style-type: none;
}
h4 {
margin-top: 0px;
}
h2 {
margin-top: 10px;
font-size: 26px;
font-weight: 100;
}
p {
margin-top: 10px;
b {
font-weight: 700;
}
}
.update-log {
ol {
display: block;
list-style-type: decimal;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 40px;
}
}
}
</style>