-
-
帮助文档
-
查看更多
+
-
-
- {{ item.title }}
+
+
+ {{ index > 8 ? '' : 0 }}{{ index + 1 }}{{ item.title }}
+
-
+
+
+
+
+
+
+
+
+
+
+
+ 更多
+
+
+
+
+
+
+
+
+
+ {{ index > 8 ? '' : 0 }}{{ index + 1 }}{{ item.title }}
+
+
2018-05-06
+
+
+
+
+
+
+
+ {{ index > 8 ? '' : 0 }}{{ index + 1 }}{{ item.title }}
+
+
2018-05-06
+
+
+
+
+ {{ index > 8 ? '' : 0 }}{{ index + 1 }}{{ item.title }}
+
+
+
2018-05-06
+
+
您没有任何角色， 请联系管理员！
@@ -65,55 +228,184 @@
import 'element-plus/theme-chalk/display.css'
import {useAuthStore} from '@/stores/userstore.js'
+import * as echarts from 'echarts'
+
const AuthStore = useAuthStore()
const router = useRouter()
const activeName = ref('first')
-const tableConfigBacklogRef=ref()
-const tableConfigReportRef=ref()
-const list = ref([
+const docActiveTab = ref('first')
+const tableConfigBacklogRef = ref()
+const tableConfigReportRef = ref()
+const taskTabList = ref([
{
title: '待立项',
color: '#CEE8FA',
textColor: '#0043C5',
- icon: 'home1',
+ icon: 'home1.png',
num: 21
},
{
- title: '待评审',
+ title: '已立项',
color: '#DCCEFA',
textColor: '#8600C5',
- icon: 'home2',
+ icon: 'home2.png',
num: 2
},
{
- title: '待验收',
+ title: '实施中',
color: '#FAE6CE',
textColor: '#F47D0E',
- icon: 'home3',
+ icon: 'home3.png',
num: 4
},
{
- title: '待归档',
+ title: '已验收',
color: '#CEFAD8',
textColor: '#01A089',
- icon: 'home4',
+ icon: 'home4.png',
num: 1
}
])
-const helpDocList = ref([
+const todoList = ref([
{
- title: '业务流程'
+ status: 0,
+ targetState: '项目归档',
+ initiatorName: '胡晓',
+ taskName: '审批人',
+ submitTime: '2024-08-07 19:00:01',
},
{
- title: '业务流程'
+ status: 1,
+ targetState: '项目归档',
+ initiatorName: '胡晓',
+ taskName: '审批人',
+ submitTime: '2024-08-07 19:00:01',
},
{
- title: '业务流程'
+ status: 2,
+ targetState: '项目归档',
+ initiatorName: '胡晓',
+ taskName: '审批人',
+ submitTime: '2024-08-07 19:00:01',
},
{
- title: '业务流程'
+ status: 0,
+ targetState: '项目归档',
+ initiatorName: '胡晓',
+ taskName: '审批人',
+ submitTime: '2024-08-07 19:00:01',
+ },
+ {
+ status: 1,
+ targetState: '项目归档',
+ initiatorName: '胡晓',
+ taskName: '审批人',
+ submitTime: '2024-08-07 19:00:01',
+ },
+ {
+ status: 2,
+ targetState: '项目归档',
+ initiatorName: '胡晓',
+ taskName: '审批人',
+ submitTime: '2024-08-07 19:00:01',
+ },
+])
+const noticeList = ref([
+ {
+ title: '系统升级通知，升级通知，期间部分服务将暂升级通知，期间部分服务将暂升级通知，期间部分服务将暂将暂停'
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停'
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停'
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停'
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停'
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停'
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停'
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停'
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停'
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停'
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停'
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停'
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停'
}
])
+const rulesList = ref([
+ {
+ title: '系统升级通知，升级通知，期间部分服务将暂升级通知，期间部分服务将暂升级通知，期间部分服务将暂将暂停',
+ isRead: true
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停',
+ isRead: false
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停',
+ isRead: true
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停',
+ isRead: false
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停',
+ isRead: false
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停',
+ isRead: true
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停',
+ isRead: false
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停',
+ isRead: false
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停',
+ isRead: false
+ }
+])
+const helpDocList = ref([])
+const problemList = ref([
+ {
+ title: '常见问题',
+ isRead: true
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停',
+ isRead: false
+ },
+ {
+ title: '系统升级通知，期间部分服务将暂停',
+ isRead: true
+ }
+
+])
+const doneList = ref([])
const todoNum = ref(0)
const reportNum = ref(0)
const auths = {
@@ -130,7 +422,7 @@ const tableConfigBacklog = reactive({
type: 'index',
label: '序号',
align: 'center',
- width:85,
+ width: 85,
index: index => {
return (tableConfigBacklogRef.value.getQuery().pageNum - 1) * tableConfigBacklogRef.value.getQuery().pageSize + index + 1
}
@@ -198,7 +490,7 @@ const tableConfigReport = reactive({
type: 'index',
label: '序号',
align: 'center',
- width:85,
+ width: 85,
index: index => {
return (tableConfigReportRef.value.getQuery().pageNum - 1) * tableConfigReportRef.value.getQuery().pageSize + index + 1
}
@@ -282,6 +574,53 @@ const tableConfigReport = reactive({
state: "4"
}
})
+
+const data = reactive({
+ pieCharts: null,
+})
+const roseOption = ref({
+ tooltip: {
+ trigger: 'item'
+ },
+ legend: {
+ top: 'bottom',
+ },
+ series: [
+ {
+ type: 'pie',
+ radius: [80, 100],
+ center: ['50%', '50%'],
+ itemStyle: {
+ // borderRadius: 8
+ },
+ data: [
+ {value: 10, name: '用户总数'},
+ {value: 50, name: '角色总数'},
+ ]
+ }
+ ]
+})
+const init = () => {
+ data.pieCharts = echarts.init(document.getElementById('rose')).setOption(roseOption.value)
+}
+
+onMounted(() => {
+ init()
+})
+
+window.addEventListener('resize', () => {
+ data.pieCharts = null
+ init()
+})
+
+const clickGotoListPage = (item) => {
+ console.info("🚀 ~method:clickGotoListPage -----", item.title)
+}
+
+const getImgUrl = (name) => {
+ return new URL('../../assets/home/' + name, import.meta.url).href
+}
+
const handleDetail = (row) => {
router.push({
name: 'Requirement/detail',
@@ -363,25 +702,66 @@ const handleView = (row) => {