wwl
/
daikins
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: wwl:37675c31adfb6d3d447b5df2695a0ae277110287
Branches Tags
wwl:main
..
compare: wwl:14fec779520be73748a5d334bec74d110da9be60
Branches Tags
wwl:main

5 Commits
37675c31ad ... 14fec77952

Author SHA1 Message Date
王文龙 14fec77952 update 2023-12-29 17:18:50 +08:00
wwl 9abadc86d8 update 2023-12-22 22:06:16 +08:00
wwl 0ec6a2acc7 update 2023-12-22 13:18:03 +08:00
wwl 2c92275290 update 2023-12-20 18:48:56 +08:00
wwl a10d0e32d1 update 2023-12-20 18:48:34 +08:00
17 changed files with 1601 additions and 942 deletions
Show Stats Expand all files Collapse all files

33
11.txt
View File

@ -48,6 +48,39 @@ urfhsdkjdwerwnvsojj
}, },
] ]
{
cateId:1,
uploadIds:[1,2,3],
reviewIds:[4,5,6]
}
{
id:1,
cateId:1,
cateName:'xxxx',
... 更新时间，修改时间等..
uploadIds:[
{ //上传者信息
id:1,
name:'xxxx',
... 用户信息
}，
{
id:2,
name:'xxxx',
... 用户信息
},
...
],
reviewIds:[
{ //审核者信息
id:1,
name:'xxxx',
...审核者用户信息
}，
...
]
}
审批流按钮权限对应显示 审批流按钮权限对应显示

30
index.html
View File

@ -1,18 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<link rel="icon" href="src/assets/images/favicon.svg"> <link rel="icon" href="src/assets/images/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>大金中国调达本部网站</title> <title>大金中国调达本部网站</title>
<style> <style>
.n-modal-container { .n-modal-container {
z-index: 999!important; z-index: 999;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

1
package.json
View File

@ -21,6 +21,7 @@
"@vueuse/core": "^9.13.0", "@vueuse/core": "^9.13.0",
"animate.css": "^4.1.1", "animate.css": "^4.1.1",
"axios": "^1.4.0", "axios": "^1.4.0",
"dayjs": "^1.11.10",
"echarts": "^5.4.3", "echarts": "^5.4.3",
"echarts-liquidfill": "^3.1.0", "echarts-liquidfill": "^3.1.0",
"element-plus": "^2.3.7", "element-plus": "^2.3.7",

12
src/api/daikin/base.ts
View File

@ -1304,12 +1304,18 @@ export async function fetchGetViewScope(params?: any) {
export async function fetchdbAuthAdd(data?: any) { export async function fetchdbAuthAdd(data?: any) {
return http.post(`/dbAuth/add`, data) return http.post(`/dbAuth/add`, data)
} }
/**
* DB删除上传/审核者 https://console-docs.apipost.cn/preview/9ac14c51f96ce4d8/75274687248efb1c?target_id=a11153dc-ab84-41ca-aa1c-45fda68c4156
*/
export async function fetchdbAuthDel(id?: any) {
return http.get(`/dbAuth/del?id=${id}`)
}
/** /**
* DB获取上传/审核者信息 https://console-docs.apipost.cn/preview/9ac14c51f96ce4d8/75274687248efb1c?target_id=a11153dc-ab84-41ca-aa1c-45fda68c4156 * DB获取上传/审核者信息 https://console-docs.apipost.cn/preview/9ac14c51f96ce4d8/75274687248efb1c?target_id=a11153dc-ab84-41ca-aa1c-45fda68c4156
*/ */
export async function fetchdbAuthGetInfo(params?: any) { export async function fetchdbAuthGetInfo(params?: any) {
return http.get(`/dbAuth/getInfo`, { params }) return http.get(`/dbAuth/getPerUserList`, { params })
} }
/** /**
* DB撤回 https://console-docs.apipost.cn/preview/9ac14c51f96ce4d8/75274687248efb1c?target_id=a11153dc-ab84-41ca-aa1c-45fda68c4156 * DB撤回 https://console-docs.apipost.cn/preview/9ac14c51f96ce4d8/75274687248efb1c?target_id=a11153dc-ab84-41ca-aa1c-45fda68c4156
@ -1374,3 +1380,7 @@ export async function fetchmoduleStatInternalPage(params?: any) {
export async function fetchPostList(params?: any) { export async function fetchPostList(params?: any) {
return http.get(`/common/getPostList`, { params }) return http.get(`/common/getPostList`, { params })
} }
// 内部足迹
export async function fetchInternalUserStat(params?: any) {
return http.get(`/moduleStat/internalUserStat`, { params })
}

377
src/components/AppHeadUserInfo.vue
View File

@ -1,170 +1,171 @@
<script setup lang="ts"> <script setup lang="ts">
import { NDropdown, NPopover } from "naive-ui"; import { NDropdown, NPopover } from 'naive-ui'
import { getAllNoticeList } from "@/api/daikin/base"; import { getAllNoticeList } from '@/api/daikin/base'
import { useUserStore } from '@/stores/modules/user' import { useUserStore } from '@/stores/modules/user'
// 全屏 // 全屏
const { toggle } = inject<any>("fullscreen"); const { toggle } = inject<any>('fullscreen')
const { push } = useRouter(); const { push } = useRouter()
const store = useUserStore(); const store = useUserStore()
const route = useRoute(); const route = useRoute()
const noticeData = ref(); const noticeData = ref()
const flgs = ref(false); const flgs = ref(false)
const userCode = ref(false) const userCode = ref(false)
async function getNoticeList() { async function getNoticeList() {
const { data } = await getAllNoticeList(); const { data } = await getAllNoticeList()
noticeData.value = data; noticeData.value = data
console.log('🚀 ~ file: AppHeadUserInfo.vue:18 ~ data:', data)
} }
onMounted(() => { onMounted(() => {
getNoticeList(); getNoticeList()
// console.log( flgs.value,flg) // console.log( flgs.value,flg)
}); })
watchEffect(() => { watchEffect(() => {
// console.log( flgs.value,store.user.type) // console.log( flgs.value,store.user.type)
flgs.value = [1, 2, 3, 4].includes(store.user.type); flgs.value = [1, 2, 3, 4].includes(store.user.type)
userCode.value = ['admin','tech_service'].includes(store.user.roleCode) userCode.value = ['admin', 'tech_service'].includes(store.user.roleCode)
}); })
const options = [ const options = [
{ label: "个人中心", key: "ucenter" }, { label: '个人中心', key: 'ucenter' },
, ,
{ {
label: "修改密码", label: '修改密码',
key: "ChangePWD", key: 'ChangePWD',
props: { props: {
onclick: () => { onclick: () => {
console.log(route.path); console.log(route.path)
const pth = route.path === "/external" ? "modify" : "modifys"; const pth = route.path === '/external' ? 'modify' : 'modifys'
push({ name: pth }); push({ name: pth })
}, }
}, }
}, },
{ {
key: "logout", key: 'logout',
label: "退出登录", label: '退出登录',
props: { props: {
style: { width: "150px" }, style: { width: '150px' },
onClick: () => { onClick: () => {
store.LogOut(); store.LogOut()
}, }
}, }
}, }
]; ]
const noticeShow = ref(false); const noticeShow = ref(false)
let showIs = false; let showIs = false
//模块id，1-情报 2-市况汇率 3-数据平台 4-BCP管理 5-碳中和 6-品质 7-差别化LAB //模块id，1-情报 2-市况汇率 3-数据平台 4-BCP管理 5-碳中和 6-品质 7-差别化LAB
const goModeuls = (obj) => { const goModeuls = (obj) => {
const { moduleId } = obj; const { moduleId } = obj
if (!moduleId) return; if (!moduleId) return
switch (moduleId) { switch (moduleId) {
case 1: case 1:
if (store.user.isReview === 1 || store.user.isPublish === 1) { if (store.user.isReview === 1 || store.user.isPublish === 1) {
push("/Home/Process"); push('/Home/Process')
} else { } else {
push("/Home/intelligence"); push('/Home/intelligence')
} }
break; break
case 2: case 2:
push({ name: "Market" }); push({ name: 'Market' })
break; break
case 3: case 3:
push({ name: "CD" }); push({ name: 'CD' })
break; break
case 4: case 4:
push({ name: "BCP" }); push({ name: 'BCP' })
break; break
case 5: case 5:
push({ name: "CSR" }); push({ name: 'CSR' })
break; break
case 6: case 6:
push({ name: "Quality" }); push({ name: 'Quality' })
break; break
case 7: case 7:
push({ name: "Diffspace" }); push({ name: 'Diffspace' })
break; break
case 9: case 9:
push({ name: "DataBaseReview" }); push({ name: 'DataBaseReview' })
break; break
default: default:
push("/Home/intelligence"); push('/Home/intelligence')
break; break
} }
}; }
const noticeShows = () => { const noticeShows = () => {
if (noticeData.value && noticeData.value.length > 0) { if (noticeData.value && noticeData.value.length > 0) {
// console.log(noticeData.value) // console.log(noticeData.value)
noticeShow.value = !noticeShow.value; noticeShow.value = !noticeShow.value
} }
}; }
const toFootPrint = () => { const toFootPrint = () => {
console.log(111) console.log(111)
push('/Home/footprint') push('/Home/footprint')
} }
</script> </script>
<template> <template>
<div class="inline-flex items-center relative"> <div class="inline-flex items-center relative">
<!-- 足迹 --> <!-- 足迹 -->
<!-- <div class="cursor-pointer w-40px h-40px z-200"> --> <!-- <div class="cursor-pointer w-40px h-40px z-200"> -->
<el-icon size="35" v-if="userCode" @click="toFootPrint" ><Platform /></el-icon> <el-icon size="35" v-if="userCode" @click="toFootPrint"
<!-- </div> --> ><Platform
/></el-icon>
<!-- </div> -->
<!-- 全屏小图标 --> <!-- 全屏小图标 -->
<div <div
size="40" size="40"
color="#ccc" color="#ccc"
style="font-size: 20px; width: 30px; margin: 10px" style="font-size: 20px; width: 30px; margin: 10px"
@click="toggle" @click="toggle"
class="cursor-pointer" class="cursor-pointer"
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 20 20" viewBox="0 0 20 20"
>
<g fill="none">
<path
d="M3.75 3a.75.75 0 0 0-.75.75v3.5a.75.75 0 0 0 1.5 0V5.56l2.22 2.22a.75.75 0 0 0 1.06-1.06L5.56 4.5h1.69a.75.75 0 0 0 0-1.5h-3.5zm0 14a.75.75 0 0 1-.75-.75v-3.5a.75.75 0 0 1 1.5 0v1.69l2.22-2.22a.75.75 0 0 1 1.06 1.06L5.56 15.5h1.69a.75.75 0 0 1 0 1.5h-3.5zM17 3.75a.75.75 0 0 0-.75-.75h-3.5a.75.75 0 0 0 0 1.5h1.69l-2.22 2.22a.75.75 0 0 0 1.06 1.06l2.22-2.22v1.69a.75.75 0 0 0 1.5 0v-3.5zM16.25 17a.75.75 0 0 0 .75-.75v-3.5a.75.75 0 0 0-1.5 0v1.69l-2.22-2.22a.75.75 0 1 0-1.06 1.06l2.22 2.22h-1.69a.75.75 0 0 0 0 1.5h3.5z"
fill="currentColor"
></path>
</g>
</svg>
</div>
<div
v-if="flgs"
class="bg-#fff/20 b-1px b-solid b-#fff rd-12px flex items-center h-52px px12px cursor-pointer"
>
<div size="small" @click="noticeShows">
<img
src="../assets/images/tongzhi@2x.png"
class="w20px mr5px mt--5px"
/>新着通知<span class="ml8px pl5px pr5px rounded-20px bg-#002FA7">{{
store.user.reviewCount ?? 0
}}</span>
</div>
<!-- 跳转到碳中和页面的 -->
<div class="notice" v-if="noticeShow">
<div
v-for="ite in noticeData"
class="p10px box flex justify-between"
v-if="noticeData"
@click="goModeuls(ite)"
>
<div>{{ ite.moduleName }}</div>
<span class="">{{ ite.moduleCount }}</span>
</div>
</div>
> <!-- 跳转到审批页面 -->
<g fill="none"> <!-- <div size="small">
<path
d="M3.75 3a.75.75 0 0 0-.75.75v3.5a.75.75 0 0 0 1.5 0V5.56l2.22 2.22a.75.75 0 0 0 1.06-1.06L5.56 4.5h1.69a.75.75 0 0 0 0-1.5h-3.5zm0 14a.75.75 0 0 1-.75-.75v-3.5a.75.75 0 0 1 1.5 0v1.69l2.22-2.22a.75.75 0 0 1 1.06 1.06L5.56 15.5h1.69a.75.75 0 0 1 0 1.5h-3.5zM17 3.75a.75.75 0 0 0-.75-.75h-3.5a.75.75 0 0 0 0 1.5h1.69l-2.22 2.22a.75.75 0 0 0 1.06 1.06l2.22-2.22v1.69a.75.75 0 0 0 1.5 0v-3.5zM16.25 17a.75.75 0 0 0 .75-.75v-3.5a.75.75 0 0 0-1.5 0v1.69l-2.22-2.22a.75.75 0 1 0-1.06 1.06l2.22 2.22h-1.69a.75.75 0 0 0 0 1.5h3.5z"
fill="currentColor"
></path>
</g>
</svg>
</div>
<div
v-if="flgs"
class="bg-#fff/20 b-1px b-solid b-#fff rd-12px flex items-center h-52px px12px cursor-pointer"
>
<div size="small" @click="noticeShows">
<img
src="../assets/images/tongzhi@2x.png"
class="w20px mr5px mt--5px"
/>新着通知<span class="ml8px pl5px pr5px rounded-20px bg-#002FA7">{{
store.user.reviewCount ?? 0
}}</span>
</div>
<!-- 跳转到碳中和页面的 -->
<div class="notice" v-if="noticeShow">
<div
v-for="ite in noticeData"
class="p10px box flex justify-between"
v-if="noticeData"
@click="goModeuls(ite)"
>
<div>{{ ite.moduleName }}</div>
<span class="">{{ ite.moduleCount }}</span>
</div>
</div>
<!-- 跳转到审批页面 -->
<!-- <div size="small">
新着通知 新着通知
<span class="ml8px pl5px pr5px rounded-20px bg-#002FA7">{{ <span class="ml8px pl5px pr5px rounded-20px bg-#002FA7">{{
store.user.reviewCount ?? 0 store.user.reviewCount ?? 0
}}</span> }}</span>
</div> --> </div> -->
<!-- <n-popover :overlap="false" placement="bottom-start" trigger="click"> <!-- <n-popover :overlap="false" placement="bottom-start" trigger="click">
<template #trigger> <template #trigger>
<div size="small"> <div size="small">
新着通知 新着通知
@ -173,7 +174,7 @@ const toFootPrint = () => {
}}</span> }}</span>
</div> </div>
</template> --> </template> -->
<!-- <div <!-- <div
class="inline-flex items-center p10px cursor-pointer" class="inline-flex items-center p10px cursor-pointer"
v-if="store.user.isReview === 1" v-if="store.user.isReview === 1"
> >
@ -205,60 +206,60 @@ const toFootPrint = () => {
>去查看</n-button >去查看</n-button
> >
</div> --> </div> -->
<!-- </n-popover> --> <!-- </n-popover> -->
</div> </div>
<!-- 当前登录用户信息 --> <!-- 当前登录用户信息 -->
<NDropdown show-arrow placement="bottom-end" size="huge" :options="options"> <NDropdown show-arrow placement="bottom-end" size="huge" :options="options">
<div class="cursor-pointer inline-flex items-center"> <div class="cursor-pointer inline-flex items-center">
<img <img
src="@/assets/images/icon-user.svg" src="@/assets/images/icon-user.svg"
class="ml40px mr16px w60px h60px" class="ml40px mr16px w60px h60px"
/> />
<!-- @click="toggle" --> <!-- @click="toggle" -->
<span>{{ store.user.nikeName ?? "游客" }}</span> <span>{{ store.user.nikeName ?? '游客' }}</span>
<img src="@/assets/images/icon-more.svg" class="ml30px w13px" /> <img src="@/assets/images/icon-more.svg" class="ml30px w13px" />
</div> </div>
</NDropdown> </NDropdown>
</div> </div>
</template> </template>
<style scoped lang="less"> <style scoped lang="less">
.notice { .notice {
position: absolute; position: absolute;
top: 52px; top: 52px;
left: -3px; left: -3px;
width: 200px; width: 200px;
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
max-height: 520px; max-height: 520px;
z-index: 500; z-index: 500;
font-size: 18px; font-size: 18px;
border-radius: 15px; border-radius: 15px;
padding: 10px; padding: 10px;
color: rgb(26, 25, 25); color: rgb(26, 25, 25);
box-shadow: 1px 1px 5px 1px #d9d5d5; box-shadow: 1px 1px 5px 1px #d9d5d5;
.box:hover { .box:hover {
background: #e5e5e5; background: #e5e5e5;
border-radius: 5px; border-radius: 5px;
color: #1836c3; color: #1836c3;
span { span {
color: #ffffff; color: #ffffff;
background: red; background: red;
} }
} }
span { span {
color: #1836c3; color: #1836c3;
padding: 2px 7px; padding: 2px 7px;
border-radius: 50px; border-radius: 50px;
} }
} }
.popover-grid { .popover-grid {
display: grid; display: grid;
grid-template-columns: auto auto auto auto auto; grid-template-columns: auto auto auto auto auto;
grid-gap: 12px; grid-gap: 12px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
</style> </style>

19
src/stores/modules/database.ts
View File

@ -1,17 +1,14 @@
import { defineStore } from 'pinia' import { defineStore } from 'pinia'
export const databaseld = defineStore('database', () => { export const databaseld = defineStore('database', () => {
const database = ref({ const database = ref({
id:'', id: '',
}) name: ''
})
function setDataId(data: { id: string }){ function setDataId(data: { id: string }) {
database.value = data database.value.id = data.id
} }
return { database,setDataId }
return { database, setDataId }
}) })

2
src/views/home/database/index.vue
View File

@ -180,7 +180,7 @@ function findItemById(
<div v-if="ite.childList && idx == index" class="pl10px"> <div v-if="ite.childList && idx == index" class="pl10px">
<div <div
class="my30px pl10px text-#000" class="my20px py-10px pl10px text-#000"
v-for="(it, ind) in ite.childList" v-for="(it, ind) in ite.childList"
:key="item.id" :key="item.id"
@click.stop="goChild(it)" @click.stop="goChild(it)"

389
src/views/home/database/modify.vue
View File

@ -1,25 +1,27 @@
<template> <template>
<div> <div>
<DataBaseHead /> <DataBaseHead />
<div class="w-full h-1px bg-#507FFD mt50px rd-b-20px"></div> <div class="relative w-full h-1px bg-#507FFD mt50px rd-b-20px">
<el-button
class="absolute z-200 right-30px top-[30px]"
v-if="isDbUpload || isDbReview"
type="warning"
@click="handleClick"
>
审批流程
</el-button>
</div>
<div class="bg-#fff rd-15px px30px pt30px w-full h920px"> <div class="bg-#fff rd-15px px30px pt30px w-full h920px">
<el-tabs v-model="activeName" class="demo-tabs"> <el-tabs v-model="activeName" class="demo-tabs">
<div class="absolute z-200 right-0 flex items-center"> <div class="absolute z-200 right-0 flex items-center">
<el-button
v-if="isDbUpload || isDbReview"
type="warning"
@click="handleClick"
>
审批流程
</el-button>
<div <div
class="rounded-md ml-50px px20px py10px z-200 bg-#f5f5f5 flex items-center justify-center w-100px" class="cursor-pointer rounded-md ml-50px px20px py10px z-200 bg-#f5f5f5 flex items-center justify-center w-100px"
@click="goBacks" @click="goBacks"
> >
<el-icon class="text-red"><ArrowLeftBold size="18" /></el-icon> 返回 <el-icon class="text-red"><ArrowLeftBold size="18" /></el-icon> 返回
</div> </div>
</div> </div>
<el-tab-pane label="分类管理" name="first"> <el-tab-pane v-if="userCode" label="分类管理" name="first">
<div class="h-52px"> <div class="h-52px">
<el-button <el-button
v-if="userCode" v-if="userCode"
@ -57,7 +59,7 @@
<el-button <el-button
type="primary" type="primary"
@click="editClickA('edit', scope.row)" @click="editClickA('edit', scope.row)"
class="mb-20px" class="my-10px"
> >
编辑</el-button 编辑</el-button
> >
@ -69,7 +71,7 @@
scope.row.level === 3 scope.row.level === 3
" "
@click="editClickA('add', scope.row)" @click="editClickA('add', scope.row)"
class="mb-20px" class="my-10px"
> >
新增{{ 新增{{
scope.row.level === 1 scope.row.level === 1
@ -82,7 +84,7 @@
<el-button <el-button
type="danger" type="danger"
@click="deleteClickA(scope.row)" @click="deleteClickA(scope.row)"
class="mb-20px" class="my-10px"
> >
删除</el-button 删除</el-button
> >
@ -109,24 +111,26 @@
> >
查看所有</el-button 查看所有</el-button
> >
<el-button <template v-if="false">
v-if="userCode" <el-button
:type="setUpload ? 'success' : 'warning'" v-if="userCode"
:icon="setUpload ? 'Check' : ''" :type="setUpload ? 'success' : 'warning'"
@click="getUser({ type: 1 })" :icon="setUpload ? 'Check' : ''"
class="mb-20px !ml-50px" @click="getUser({ type: 1 })"
> class="mb-20px !ml-50px"
{{ setUpload ? '已设置上传人员' : '设置上传人员' }}</el-button >
> {{ setUpload ? '已设置上传人员' : '设置上传人员' }}</el-button
<el-button >
v-if="userCode" <el-button
:type="setReview ? 'success' : 'warning'" v-if="userCode"
:icon="setReview ? 'Check' : ''" :type="setReview ? 'success' : 'warning'"
@click="getUser({ type: 2 })" :icon="setReview ? 'Check' : ''"
class="mb-20px" @click="getUser({ type: 2 })"
> class="mb-20px"
{{ setReview ? '已设置审批人员' : '设置审批人员' }}</el-button >
> {{ setReview ? '已设置审批人员' : '设置审批人员' }}</el-button
>
</template>
</div> </div>
<div class="w100% h750px overflow-auto"> <div class="w100% h750px overflow-auto">
<el-table <el-table
@ -136,6 +140,7 @@
row-key="id" row-key="id"
border border
default-expand-all default-expand-all
height="710px"
:header-cell-style="{ :header-cell-style="{
background: '#2A7BF7', background: '#2A7BF7',
color: '#fff', color: '#fff',
@ -201,7 +206,7 @@
</div> </div>
</el-tooltip> </el-tooltip>
</p> </p>
<span v-else>''</span> <span v-else></span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@ -214,19 +219,19 @@
<el-button <el-button
type="primary" type="primary"
@click="editClickB('edit', scope.row)" @click="editClickB('edit', scope.row)"
class="mb-20px w45px" class="w45px my-10px"
> >
编辑</el-button 编辑</el-button
> >
<el-button <el-button
type="danger" type="danger"
@click="deleteClickB(scope.row)" @click="deleteClickB(scope.row)"
class="mb-20px w45px" class="w45px my-10px"
> >
删除</el-button 删除</el-button
> >
<div <div
style="float: right" style="float: right; margin: 10px 0"
v-if=" v-if="
scope.$index !== 0 && scope.$index !== 0 &&
scope.$index !== infoData.length - 1 scope.$index !== infoData.length - 1
@ -251,6 +256,178 @@
</el-table> </el-table>
</div> </div>
<div
class="float-right absolute bottom-0px right-30px z-2000 bg-#fff"
>
<el-pagination
v-model:current-page="pageInfo.currentPage"
v-model:page-size="pageInfo.pageSize"
layout="prev, pager, next, jumper"
:total="pageInfo.total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</el-tab-pane>
<el-tab-pane label="权限管理" name="three" v-if="userCode">
<div class="h-52px">
<el-button
v-if="isDbReview || isDbUpload"
type="primary"
@click="handleAuthClick('add')"
class="mb-20px"
>
新增审批关系</el-button
>
</div>
<div class="w100% h750px overflow-auto">
<el-table
class="tableClass"
:data="authData"
style="width: 100%; margin-bottom: 20px"
row-key="id"
border
default-expand-all
height="710px"
:header-cell-style="{
background: '#2A7BF7',
color: '#fff',
height: '60px',
lineHeight: '60px',
textAlign: 'center',
'font-size': '24px'
}"
:cell-style="{ 'text-align': 'center', 'overflow-y': 'auto' }"
>
<el-table-column
prop="cateName"
label="所属分类"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
label="上传人员"
prop="userIdList"
show-overflow-tooltip
>
<template #default="scope">
<p
v-if="scope.row.uploadList.length"
class="truncate text-ellipsis"
>
{{
scope.row.uploadList
.map((item: any) => item.nickName)
.join('、')
}}
<el-tooltip
v-if="false"
:content="handTooltip(scope.row.uploadList)"
placement="top"
>
<div class="!h-50px descStyle">
<div class="descStyle max-w-60vw !h-46px">
<p
v-for="(it, e) in scope.row.uploadList"
:key="e"
:class="
scope.row.uploadList.length < 2
? '!leading-46px'
: 'xx'
"
>
{{ it.nickName || undefined }}
<span
v-if="e == 1 && scope.row.uploadList.length > 2"
>...共{{ scope.row.uploadList.length }}人</span
>
</p>
</div>
</div>
</el-tooltip>
</p>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
label="审批人员"
prop="userIdList"
show-overflow-tooltip
>
<template #default="scope">
<p
v-if="scope.row.reviewList.length"
class="truncate text-ellipsis"
>
{{
scope.row.reviewList
.map((item: any) => item.nickName)
.join('、')
}}
<el-tooltip
v-if="false"
:content="handTooltip(scope.row.reviewList)"
placement="top"
>
<div class="!h-50px descStyle">
<div class="descStyle max-w-60vw !h-46px">
<p
v-for="(it, e) in scope.row.reviewList"
:key="e"
:class="
scope.row.reviewList.length < 2
? '!leading-46px'
: 'xx'
"
>
{{ it.nickName || undefined }}
<span
v-if="e == 1 && scope.row.reviewList.length > 2"
>...共{{ scope.row.reviewList.length }}人</span
>
</p>
</div>
</div>
</el-tooltip>
</p>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="address"
label="操作"
show-overflow-tooltip
width="180px"
>
<template #default="scope">
<div v-if="userCode">
<el-button
type="primary"
@click="handleAuthClick('edit', scope.row)"
class="w45px my-10px"
>
编辑</el-button
>
<el-popconfirm
title="确认删除此条数据?"
@confirm="handleAuthClick('del', scope.row)"
>
<template #reference>
<el-button
type="danger"
@click=""
class="w45px my-10px"
>
删除</el-button
>
</template>
</el-popconfirm>
</div>
</template>
</el-table-column>
</el-table>
</div>
<div <div
class="float-right absolute bottom-0px right-30px z-2000 bg-#fff" class="float-right absolute bottom-0px right-30px z-2000 bg-#fff"
> >
@ -338,6 +515,47 @@
</el-form> </el-form>
</div> </div>
</NModal> </NModal>
<NModal v-model:show="showAuthModal">
<div class="bg-#FFF p30px">
<el-form :model="authModel" label-width="120px" :inline="true">
<el-form-item v-if="false" label="所属类别">
<el-cascader
:modelValue="authModel.cateIds"
:options="tableData"
@change="handleChange"
:props="{ children: 'childList', label: 'name', value: 'id' }"
/>
</el-form-item>
<br />
<el-form-item label="上传人员" class="w-300px">
<el-button
class="button"
@click="getUser({ userList: uploadIds, key: 'uploadIds' })"
:type="authModel.uploadIds?.length ? 'success' : ''"
:icon="authModel.uploadIds?.length ? 'Check' : ''"
>{{ authModel.uploadIds?.length ? '已设置' : '设置' }}</el-button
>
</el-form-item>
<br />
<el-form-item label="审核人员" class="w-300px">
<el-button
class="button"
@click="getUser({ userList: reviewIds, key: 'reviewIds' })"
:type="authModel.reviewIds?.length ? 'success' : ''"
:icon="authModel.reviewIds?.length ? 'Check' : ''"
>{{ authModel.reviewIds?.length ? '已设置' : '设置' }}</el-button
>
</el-form-item>
<br />
<br />
<div class="text-center">
<el-button type="primary" @click="handleSetAuth" class="mb-20px">
确认</el-button
>
</div>
</el-form>
</div>
</NModal>
<n-modal v-model:show="showModal" :z-index="99999"> <n-modal v-model:show="showModal" :z-index="99999">
<UserList <UserList
:userDataList="setUserList" :userDataList="setUserList"
@ -360,7 +578,7 @@ import {
cateFileUpdate, cateFileUpdate,
cateFileDel, cateFileDel,
cateFileList, cateFileList,
download, fetchdbAuthDel,
dragFile, dragFile,
fetchdbAuthAdd, fetchdbAuthAdd,
fetchdbAuthGetInfo, fetchdbAuthGetInfo,
@ -374,14 +592,21 @@ const { push } = useRouter()
const database = databaseld() const database = databaseld()
const store: any = useUserStore() const store: any = useUserStore()
const message = useMessage() const message = useMessage()
const userCode = ['admin', 'database_dandang'].includes(store.user.roleCode) const userCode = computed(() =>
['admin', 'database_dandang', 'tech_service'].includes(store.user.roleCode)
)
// 'tech_service'
const isDbReview = store.user?.isDbReview === 1 const isDbReview = store.user?.isDbReview === 1
const isDbUpload = store.user?.isDbUpload === 1 const isDbUpload = store.user?.isDbUpload === 1
const tableData = ref([]) const tableData = ref([])
const tableDataAuth = ref([]) const tableDataAuth = ref([])
const infoData = ref() const infoData = ref()
const authData = ref()
const showAuthModal = ref(false)
const authModel = ref<any>({})
const cateIds = ref()
const shomkA = ref(false) const shomkA = ref(false)
const editA = ref() const editA = ref()
const shomkB = ref(false) const shomkB = ref(false)
@ -392,17 +617,60 @@ const pageInfo = reactive({
pageSize: 10, pageSize: 10,
total: 10 total: 10
}) })
const uploadIds = ref([])
const reviewIds = ref([])
const handleAuthClick = (type = '', data: any = {}) => {
if (type === 'add' || type === 'edit') {
delete authModel.value.id
const { cateId, uploadList = [], reviewList = [], id } = data
authModel.value.cateId = cateId
uploadIds.value = uploadList
reviewIds.value = reviewList
authModel.value.uploadIds = uploadList.map((item: any) => item.userId)
authModel.value.reviewIds = reviewList.map((item: any) => item.userId)
if (type === 'edit') authModel.value.id = id
showAuthModal.value = true
}
if (type === 'del') {
const { id } = data
if (!id) return
fetchdbAuthDel(id).then((res: any) => {
if (res.code === 200) {
getAuth()
message.success('操作成功')
}
})
}
}
const handleSetAuth = async () => {
const req = { ...unref(authModel), cateId: cateIds.value }
if (!req.uploadIds?.length) {
message.warning('最少选择1名上传人员！')
return
}
if (!req.reviewIds?.length) {
message.warning('最少选择1名审核人员!')
return
}
const { code }: any = await fetchdbAuthAdd(req)
if (code === 200) {
getAuth()
showAuthModal.value = false
message.success('操作成功')
}
}
async function getTree() { async function getTree() {
const { data } = await treeDbList({}) const { data } = await treeDbList({})
tableData.value = data tableData.value = data
console.log('🚀 ~ file: modify.vue:399 ~ data:', data)
const { data: auth = [] } = await fetchReviewAuthCateList() const { data: auth = [] } = await fetchReviewAuthCateList()
tableDataAuth.value = auth tableDataAuth.value = auth
} }
let cateIds = ref()
watchEffect(() => { watchEffect(() => {
activeName.value = userCode.value ? unref(activeName) : 'second'
cateIds.value = database.database.id cateIds.value = database.database.id
// console.log(database.database.id) console.log(database.database)
if (database.database.id) { if (database.database.id) {
getInfo(database.database.id) getInfo(database.database.id)
getAuth() getAuth()
@ -479,7 +747,6 @@ async function addClickA(row: any) {
getTree() getTree()
} }
const editClickB = (edit: any, obj: any = {}) => { const editClickB = (edit: any, obj: any = {}) => {
console.log(obj)
if (edit === 'add' && obj && obj.id) { if (edit === 'add' && obj && obj.id) {
editB.value = { editB.value = {
title: '', title: '',
@ -616,7 +883,7 @@ const handOnExceed: UploadProps['onExceed'] = (
} }
const header = { token: store.user.token } const header = { token: store.user.token }
const goBacks = (e) => { const goBacks = () => {
// console.log(444) // console.log(444)
history.back() history.back()
} }
@ -624,17 +891,27 @@ const showModal = ref(false)
const flg = ref() const flg = ref()
const setUserList = ref() const setUserList = ref()
const dbAuthType = ref() const dbAuthType = ref()
async function getUser(row: { id?: any; userList?: any; type?: number }) { const selSetAuthKey = ref('')
async function getUser(row: {
id?: any
userList?: any
type?: number
key?: string
}) {
showModal.value = !showModal.value showModal.value = !showModal.value
flg.value = row flg.value = row
if (showAuthModal.value) {
setUserList.value = row.userList || []
selSetAuthKey.value = row.key || ''
}
if (row.id && row.userList) { if (row.id && row.userList) {
setUserList.value = row.userList setUserList.value = row.userList
} }
if (typeof row.type === 'number') { if (typeof row.type === 'number') {
dbAuthType.value = row.type dbAuthType.value = row.type
const { data: userArr } = await fetchdbAuthGetInfo({ const { data: userArr } = await fetchdbAuthGetInfo({
cateId: cateIds.value, cateId: cateIds.value
type: row.type // type: row.type
}) })
setUserList.value = userArr setUserList.value = userArr
} }
@ -649,6 +926,10 @@ const handleChild = async (data: any) => {
multipleSelection.value.forEach((i: { userId: any }) => { multipleSelection.value.forEach((i: { userId: any }) => {
userIdList.push(i.userId) userIdList.push(i.userId)
}) })
if (authModel.value && selSetAuthKey.value) {
authModel.value[selSetAuthKey.value] = userIdList
return
}
if (dbAuthType.value) { if (dbAuthType.value) {
const { code }: any = await fetchdbAuthAdd({ const { code }: any = await fetchdbAuthAdd({
cateId: cateIds.value, cateId: cateIds.value,
@ -745,20 +1026,12 @@ const setReview = ref(false)
const hasReview = ref(false) const hasReview = ref(false)
async function getAuth() { async function getAuth() {
if (!cateIds.value) return if (!cateIds.value) return
const { data: uploadUser = [] } = await fetchdbAuthGetInfo({ const { rows: data = [] }: any = await fetchdbAuthGetInfo({
cateId: cateIds.value, cateId: cateIds.value
type: 1 // type: 1
}) })
setUpload.value = uploadUser.length > 0 // 所有的上传者 和 审核者
hasUpload.value = authData.value = data || []
uploadUser.findIndex((x: any) => x.userId === store.user?.id) > -1
const { data: reviewUser = [] } = await fetchdbAuthGetInfo({
cateId: cateIds.value,
type: 2
})
setReview.value = reviewUser.length > 0
hasReview.value =
reviewUser.findIndex((x: any) => x.userId === store.user?.id) > -1
} }
const handleClick = () => { const handleClick = () => {

448
src/views/home/footprint/index.vue
View File

@ -6,13 +6,14 @@ import {
externalTimeStat, externalTimeStat,
fetchmoduleStatExternalPage, fetchmoduleStatExternalPage,
fetchPostList, fetchPostList,
fetchmoduleStatInternalPage fetchmoduleStatInternalPage,
fetchInternalUserStat,
deptTree as fetchDeptTree
} from '@/api/daikin/base' } from '@/api/daikin/base'
import { formatDate } from '@/utils/format' import { formatDate } from '@/utils/format'
import { Chart1 } from './indexData' import { Chart1 } from './indexData'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
import { Search } from '@element-plus/icons-vue' import { Search } from '@element-plus/icons-vue'
import { NModal } from 'naive-ui' import { NModal } from 'naive-ui'
const currentDate = new Date() const currentDate = new Date()
const currentDates = new Date() const currentDates = new Date()
const value1 = ref<[Date, Date]>([ const value1 = ref<[Date, Date]>([
@ -36,6 +37,26 @@ const pageInfo = reactive({
pageSize: 10, pageSize: 10,
total: 10 total: 10
}) })
const colorList: any = [
'#2592F3',
'#EF8C43',
'#5FCBC5',
'#E5B625',
'#E74848',
'#8E97F8',
'#73ECA5',
'#E7CD3B',
'#E04E89',
'#4EA4E0',
'#C34EE0',
'#8BCF54',
'#56B1FD',
'#24BFBA',
'#44CF8C',
'#6266F8',
'#FA6B39',
'#F05F96'
]
const moduleCode = ref() const moduleCode = ref()
const imoduleCode = ref() const imoduleCode = ref()
const visitDay = ref() const visitDay = ref()
@ -45,6 +66,68 @@ const outDetail = ref([])
const postId = ref<any>([]) const postId = ref<any>([])
const nickName = ref() const nickName = ref()
const postList = ref<any>([]) const postList = ref<any>([])
const barOption = {
width: '100%',
height: '100%',
grid: {
top: 0,
left: 10,
right: 10,
bottom: 10,
containLabel: true
},
yAxis: {
data: [],
type: 'category',
axisLabel: {
show: false, // 隐藏原始的 x 轴标签
interval: 0
}
},
xAxis: {
type: 'value'
},
label: {
show: true,
position: 'right',
// align: 'center',
color: '#333', // 标签文本颜色
fontSize: 12, // 标签文本字号
formatter: function (value: any) {
// console.log(value);
return value.name + ' ' + value.value
},
rotate: 0
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: function ([params]: any) {
const title = `<p>${params.name}</p>`
const colorDot =
'<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;background-color:' +
params.color +
'"></span>'
return title + colorDot + params.value
}
},
series: [
{
data: [],
type: 'bar',
sort: 'ascending',
itemStyle: {
color: function (params: any) {
// console.log("🚀 ~ file: index.vue:365 ~ params.dataIndex:", params.dataIndex,params.data)
return colorList[9 - params.dataIndex]
}
}
}
]
}
const itemDataList = ref<any>([])
const getPostList = async () => { const getPostList = async () => {
const res: any = await fetchPostList() const res: any = await fetchPostList()
postList.value = res.data || [] postList.value = res.data || []
@ -102,17 +185,102 @@ const state = reactive<any>({
endTime: formatDate(value1.value[1]).substring(0, 10) endTime: formatDate(value1.value[1]).substring(0, 10)
// timeType:1 // timeType:1
}) })
const dataList = ref() const colorListObj = ref<any>({})
const dataList = ref([])
const getDat = async () => { const getDat = async () => {
const { data } = await timeStat(state) const { data } = await timeStat(state)
dataList.value = data dataList.value = data
let xAxisData: any[] = [] let xAxisData: any[] = []
let siomesData: any[] = [] let siomesData: any[] = []
data.forEach((item: { moduleName: any; visitCount: any }) => { data.forEach(
xAxisData.push(item.moduleName) (
siomesData.push(item.visitCount) item: { moduleName: any; visitCount: any; moduleCode: any },
i: number
) => {
xAxisData.push(item.moduleName)
siomesData.push(item.visitCount)
colorListObj.value[item.moduleCode] = colorList[i]
}
)
chartOption1.value = Chart1(xAxisData)
chartOption1.value.series[0] = {
data: siomesData,
itemStyle: {
color: function (params: any) {
return colorList[params.dataIndex] || '#8F97F8'
}
},
type: 'bar'
}
getInternalUserStat(1)
}
const deptId = ref('')
let isLeaderFlag = 0
async function getInternalUserStat(
isLeader: number = 0,
flag: boolean = false
) {
if (!flag) {
pageInfo.currentPage = 1
pageInfo.pageSize = 10
}
const { currentPage, pageSize } = pageInfo
const { rows = [], total }: any = await fetchInternalUserStat({
...state,
pageNum: currentPage,
pageSize: pageSize,
isLeader,
deptId: deptId.value || ''
})
isLeaderFlag = isLeader
// console.log('🚀 ~ file: index.vue:211 ~ rows:', rows)
pageInfo.total = total
// 10-100 之间的随机数生产
const roundMath = (min: number, max: number) => {
return Math.round(Math.random() * (max - min) + min)
}
// barOption.yAxis.data = data.map((item: any) => item.moduleName)
itemDataList.value = rows.map((item: any, index: number) => {
let itemData: any = {
nickName: item.nickName,
userId: item.userId,
sex: item.sex,
...barOption,
yAxis: {
data: item.moduleStatList.map((item: any) => item.moduleName).reverse(),
type: 'category',
axisLabel: {
show: false, // 隐藏原始的 x 轴标签
interval: 0
}
},
...{
series: [
{
data: item.moduleStatList
.map((item: any) => item.visitCount)
.reverse(),
// data: new Array(item.moduleStatList.length)
// .fill(0)
// .map(() => roundMath(10, 100)),
type: 'bar',
sort: 'descending', //ascending
itemStyle: {
color: function (params: any) {
// console.log('🚀 ~ file: index.vue:255 ~ params:', params)
return colorList[8 - params.dataIndex]
// return colorListObj.value[item.moduleCode] || '#8F97F8'
}
}
}
]
}
}
itemData.index = index + 1
itemData.sortNum = (currentPage - 1) * pageSize + index + 1
return itemData
}) })
chartOption1.value = Chart1(xAxisData, siomesData)
} }
const externalList = ref<any>([]) const externalList = ref<any>([])
@ -123,17 +291,26 @@ const getExternalTimeStat = async () => {
let xAxisData: any[] = [] let xAxisData: any[] = []
let siomesData: any[] = [] let siomesData: any[] = []
data.forEach( data.forEach(
(item: { moduleName: any; visitCount: any; moduleCode: any }) => { (
item: { moduleName: any; visitCount: any; moduleCode: any },
i: number
) => {
externalObj.value[item.moduleCode] = item.moduleName externalObj.value[item.moduleCode] = item.moduleName
externalObj.value[item.moduleCode + 'color'] = colorList[9 + i]
xAxisData.push(item.moduleName) xAxisData.push(item.moduleName)
siomesData.push(item.visitCount) siomesData.push(item.visitCount)
} }
) )
chartOption2.value = Chart1(xAxisData, siomesData) chartOption2.value = Chart1(xAxisData)
console.log( chartOption2.value.series[0] = {
'🚀 ~ file: index.vue:131 ~ Chart1(xAxisData, siomesData):', data: siomesData,
Chart1(xAxisData, siomesData) itemStyle: {
) color: function (params: any) {
return colorList[9 + params.dataIndex] || '#8F97F8'
}
},
type: 'bar'
}
// chartOption2.value.height=3000 // chartOption2.value.height=3000
// chartOption2.value.width=1000 // chartOption2.value.width=1000
} }
@ -259,64 +436,9 @@ const echartsItemColor = [
'#6f5553', '#6f5553',
'#c14089' '#c14089'
] ]
const barOption = {
width: '100%', // console.log(Object.assign(barOption.series[0], { data: [120, 200, 150, 80, 70, 110, 130, 123, 50] }));
height: '100%',
grid: {
top: 0,
left: 10,
right: 5,
bottom: 10,
containLabel: true
},
yAxis: {
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','hour','month','year'],
axisLabel: {
show: false, // 隐藏原始的 x 轴标签
interval: 0,
}
},
xAxis: {
type: 'value'
},
label: {
show: true,
position: 'inside',
align: 'center',
color: '#333', // 标签文本颜色
fontSize: 14, // 标签文本字号
formatter: function (value: any) {
// console.log(value);
return value.name + ' ' + value.value
},
rotate: 0
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: function ([params]: any) {
const title = `<p>${params.name}</p>`
const colorDot =
'<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;background-color:' +
params.color +
'"></span>'
return title + colorDot + params.value
}
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130,123,50,80],
type: 'bar',
itemStyle: {
color: function (params: any) {
return echartsItemColor[params.dataIndex]
}
}
}
]
}
const showModal = ref(false) const showModal = ref(false)
const setUserList = ref<any>([]) const setUserList = ref<any>([])
@ -327,14 +449,35 @@ const handleChild = async (data: any) => {
multipleSelection.value.forEach((i: { userId: any }) => { multipleSelection.value.forEach((i: { userId: any }) => {
userIdList.push(i.userId) userIdList.push(i.userId)
}) })
console.log("🚀 ~ file: index.vue:328 ~ userIdList:", userIdList)
} }
const CloseThiss = (data?: boolean) => { const CloseThiss = (data?: boolean) => {
showModal.value = data || false showModal.value = data || false
// setUserList.value = [] // setUserList.value = []
} }
const isDev = false const sortArr = [
'1ST',
'2ND',
'3RD',
'4TH',
'5TH',
'6TH',
'7TH',
'8TH',
'9TH',
'10TH'
]
const treeData = ref([])
const getdeptTree = async () => {
const { data = [] }: any = await fetchDeptTree({})
treeData.value = data
}
const handleChildChange = (data: any) => {
console.log('🚀 ~ file: index.vue:470 ~ data:', data)
}
getdeptTree()
</script> </script>
<template> <template>
@ -449,9 +592,10 @@ const isDev = false
<div class="overflow-auto h-720px"> <div class="overflow-auto h-720px">
<div class="mt20px w-full"> <div class="mt20px w-full">
<span <span
class="cardfoot text-#000 p30px mx10px my10px text-center text-18px font-bold" v-for="(i, e) in dataList"
class="cardfoot text-#fff bg-box p30px mx10px my10px text-center text-20px font-bold"
:style="{ 'background-color': colorList[e % colorList.length] }"
v-if="dataList" v-if="dataList"
v-for="i in dataList"
> >
<span>{{ i.moduleName }}</span <span>{{ i.moduleName }}</span
><br /> ><br />
@ -477,52 +621,74 @@ const isDev = false
<VChart key="yyy" ref="chartRef1" :option="chartOption1" /> <VChart key="yyy" ref="chartRef1" :option="chartOption1" />
</div> </div>
<div class="mt-30px"> <div class="mt-30px">
<div class="flex items-center" v-if="isDev"> <div class="flex items-center">
<span class="text-#000 mr-10px">模块: </span> <span class="text-#000 mr-10px">部门: </span>
<el-select <!-- <el-select v-model="moduleCode" placeholder="选择部门" clearable>
v-model="moduleCode" <el-option
placeholder="选择模块" v-for="item in externalList"
clearable :key="item.id"
> :label="item.moduleName"
<el-option :value="item.moduleCode"
v-for="item in externalList" />
:key="item.id" </el-select> -->
:label="item.moduleName" <el-cascader
:value="item.moduleCode" class="!w-380px"
/> v-model="deptId"
</el-select> :options="treeData"
<el-button :props="{
type="primary" expandTrigger: 'hover',
:icon="Search" checkStrictly: true,
size="small" emitPath: false,
class="ml20px" value: 'id'
@click="handleClick({ paneName: activeName })" }"
>搜索</el-button @change="handleChildChange"
> clearable
<el-button ></el-cascader>
type="primary" <el-button
:icon="Search" type="primary"
size="small" :icon="Search"
class="ml20px" size="small"
@click="showModal = true" class="ml20px"
>部长以上人员足迹</el-button @click="getInternalUserStat(0)"
> >搜索</el-button
</div> >
<div class="pb-14px" v-if="isDev"> <el-button
<div class=" flex flex-wrap mb-30px" > type="warning"
:icon="Search"
size="small"
class="!ml30px"
@click="getInternalUserStat(1)"
>部长以上人员足迹</el-button
>
</div>
<div class="pb-14px">
<div class="flex flex-wrap mb-30px">
<div <div
class=" m-4 flex items-center justify-between w-45% h-full" class="m-4 flex items-center justify-between w-45% h-full"
v-for="i in 10" v-for="(item, i) in itemDataList"
:key="i" :key="i"
> >
<div class="flex items-center text-#000 text-22px"> <div class="flex items-center text-#000 text-18px">
<p class="text-bold text-40px">{{ i }}TH</p> <p class="text-bold text-40px mr-15px w-80px">
{{ sortArr[item.sortNum - 1] || item.sortNum + 'TH' }}
</p>
<div class="mx-10px flex-col items-center"> <div class="mx-10px flex-col items-center">
<img src="@/views/extermal/images/zanwly2.png" alt="" /> <img
<p class="text-center mt-10">测试 {{ i }}</p> v-if="item.sex == 1"
class="rounded-md h-150px object-contain"
src="@/views/home/images/nv.png"
alt=""
/>
<img
v-else
class="rounded-md h-150px object-contain"
src="@/views/home/images/nan.png"
alt=""
/>
<p class="text-center mt-20px">{{ item.nickName }}</p>
</div> </div>
</div> </div>
<VChart class="h-300px w-65% pb-10px ml-auto" key="yyy1" :option="barOption" /> <VChart class="h-300px w-65% ml-auto" :option="item" />
</div> </div>
</div> </div>
<div class="absolute bottom-2px right-30px z-20 bg-#fff"> <div class="absolute bottom-2px right-30px z-20 bg-#fff">
@ -531,8 +697,8 @@ const isDev = false
v-model:page-size="pageInfo.pageSize" v-model:page-size="pageInfo.pageSize"
layout="prev, pager, next, jumper" layout="prev, pager, next, jumper"
:total="pageInfo.total" :total="pageInfo.total"
@size-change="getInsideListPage" @size-change="getInternalUserStat(isLeaderFlag, true)"
@current-change="getInsideListPage" @current-change="getInternalUserStat(isLeaderFlag, true)"
/> />
</div> </div>
</div> </div>
@ -557,7 +723,11 @@ const isDev = false
textAlign: 'center', textAlign: 'center',
'font-size': '24px' 'font-size': '24px'
}" }"
:cell-style="{ 'text-align': 'center', 'overflow-y': 'auto' }" :cell-style="{
'text-align': 'center',
'overflow-y': 'auto',
height: '60px'
}"
> >
<el-table-column prop="moduleName" label="模块名称" /> <el-table-column prop="moduleName" label="模块名称" />
<el-table-column <el-table-column
@ -613,7 +783,11 @@ const isDev = false
textAlign: 'center', textAlign: 'center',
'font-size': '24px' 'font-size': '24px'
}" }"
:cell-style="{ 'text-align': 'center', 'overflow-y': 'auto' }" :cell-style="{
'text-align': 'center',
'overflow-y': 'auto',
height: '60px'
}"
> >
<el-table-column <el-table-column
prop="title" prop="title"
@ -659,9 +833,10 @@ const isDev = false
<div> <div>
<div class="mt20px w-full"> <div class="mt20px w-full">
<span <span
class="cardfoot text-#000 p30px mx10px my10px text-center text-18px font-bold" class="cardfoot text-#fff p30px mx10px my10px text-center text-18px font-bold"
:style="{ 'background-color': colorList[9 + e] }"
v-if="externalList" v-if="externalList"
v-for="i in externalList" v-for="(i, e) in externalList"
> >
<span>{{ i.moduleName }}</span <span>{{ i.moduleName }}</span
><br /> ><br />
@ -678,21 +853,30 @@ const isDev = false
</div> </div>
</div> </div>
<n-modal v-model:show="showModal"> <n-modal v-model:show="showModal">
<UserList <UserList
:userDataList="setUserList" :userDataList="setUserList"
@clickChild="handleChild" @clickChild="handleChild"
@CloseThis="CloseThiss" @CloseThis="CloseThiss"
/> />
</n-modal> </n-modal>
</template> </template>
<style lang="less" scoped> <style lang="less" scoped>
// .bg-box{
// background-image: url('@/views/home/images/bei.png');
// background-repeat: no-repeat;
// background-size: 100% 100%;
// background-position: center right;
// }
.cardfoot { .cardfoot {
display: inline-block; display: inline-block;
height: 120px; height: 120px;
width: 220px; width: 220px;
background-image: url('@/assets/images/bg-card.svg'); // background-image: url('@/assets/images/bg-card.svg');
background-size: cover; background-image: url('@/views/home/images/bei.png');
background-size: 60% 100%;
background-position: center right;
background-repeat: no-repeat;
border-radius: 18px; border-radius: 18px;
box-shadow: 0px 6px 10px -2px rgba(43, 42, 42, 0.25); box-shadow: 0px 6px 10px -2px rgba(43, 42, 42, 0.25);
} }
@ -700,7 +884,9 @@ const isDev = false
.cardfoot:hover { .cardfoot:hover {
background-color: #fff; background-color: #fff;
box-shadow: 0px 9px 20px 7px rgba(92, 78, 218, 0.25); box-shadow: 0px 9px 20px 7px rgba(92, 78, 218, 0.25);
color: #2042b4; // color: #2042b4;
color: currentColor;
cursor: pointer;
} }
.top { .top {

61
src/views/home/footprint/indexData.ts
View File

@ -86,32 +86,39 @@ const states = reactive<any>({
// return { chartRef, option: optionRef, states } // return { chartRef, option: optionRef, states }
// } // }
export function Chart1(xAxisData:any =[],siomesData:any=[],options={}) { export function Chart1(xAxisData: any = [], color = []) {
const option = { const option = {
width: '100%', width: '100%',
// height: '450px', // 设置图表高度为 400 像素 // height: '450px', // 设置图表高度为 400 像素
grid: { left: '10', top: 90, right: '10', bottom: '10', containLabel: true }, grid: {
tooltip: { left: '10',
trigger: 'axis' top: 90,
}, right: '10',
xAxis: { bottom: '10',
type: 'category', containLabel: true
data:xAxisData },
}, tooltip: {
yAxis: [ trigger: 'axis'
{ },
type: 'value' xAxis: {
} type: 'category',
], data: xAxisData
series: [ },
{ yAxis: [
data: siomesData, {
color: '#8F97F8', type: 'value'
type: 'bar', }
],
} series: [
] {
} data: [],
return {...option,...options} color: function (params: any) {
return color[params.dataIndex] || '#8F97F8'
},
type: 'bar'
}
]
}
return { ...option }
} }

BIN
src/views/home/images/bei.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
src/views/home/images/nan.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
src/views/home/images/nv.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

12
src/views/home/market/Market.vue
View File

@ -53,8 +53,14 @@ onMounted(async ()=>{
const {data:dat} =await getMetalList() const {data:dat} =await getMetalList()
if(dat&&dat!='null'&&dat.length>0){ if(dat&&dat!='null'&&dat.length>0){
metal.value = dat metal.value = dat
from.value.label.radio = dat[0].value // .filter((item:any) => {
state4.number = dat[0].value // if(["Fe","lengmei"].includes(item.value)){
// return false
// }else return item
// })
from.value.label.radio = dat[0].value
state4.number = dat[0].value
console.log("🚀 ~ file: Market.vue:56 ~ metal:", metal)
} }
if(data&&data!='null'&&data.length>0){ if(data&&data!='null'&&data.length>0){
currency.value = data currency.value = data
@ -289,7 +295,7 @@ async function getUser(moduleId: any) {
<span @click="tabShow(0)" class="title bg-#FF603A p5px pl10px pr20px">{{names}}<el-icon><CaretBottom /></el-icon></span> <span @click="tabShow(0)" class="title bg-#FF603A p5px pl10px pr20px">{{names}}<el-icon><CaretBottom /></el-icon></span>
<div v-if="tab" class="tab absolute bg-#fff w100px top-50px z-50 text-#112144 text-center leading-28px text-18px "> <div v-if="tab" class="tab absolute bg-#fff w100px top-50px z-50 text-#112144 text-center leading-28px text-18px ">
<div v-if="metal" v-for="im in metal" class="py5px !rounded-none" :data-id="im.value" @click="tabClick" >{{im.title}}</div> <div v-if="metal" v-for="im in metal.filter((item:any) => !['Fe','lengmei'].includes(item.value))" class="py5px !rounded-none" :data-id="im.value" @click="tabClick" >{{im.title}}</div>
<!-- <div class="py5px !rounded-none" data-id="Fe" @click="tabClick">Fe</div> <!-- <div class="py5px !rounded-none" data-id="Fe" @click="tabClick">Fe</div>
<div class="py5px !rounded-none" data-id="Cu" @click="tabClick">Cu</div> <div class="py5px !rounded-none" data-id="Cu" @click="tabClick">Cu</div>

707
src/views/home/market/MarketData.ts
View File

@ -59,350 +59,415 @@ function reverseArray(inputArray: string | any[],star: number,enc: number) {
return reversedArray; return reversedArray;
} }
export function Chart1() { export function Chart1() {
const chartRef = ref()
const optionRef = ref()
async function getDat() {
const { data } = await historyMarketSevenDay({ number: state.type })
if (!data) return
let { LME, SMM } = data[state.type]
SMM = SMM.map((item: any) => (item == 0 ? null : item))
LME = LME.map((item: any) => (item == 0 ? null : item))
const option = {
height: '150px', // 设置图表高度为 400 像素
grid: {
left: '10',
top: 90,
right: '10',
bottom: '10',
containLabel: true
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['SMM', 'LME'],
right: 20,
top: 10
},
xAxis: {
type: 'category',
data: reverseArray(getDay(), 5, 10)
},
yAxis: [
{
type: 'value'
// name:'1',
},
{
// name:'2',
type: 'value'
}
],
series: [
{
name: 'SMM',
data: SMM,
color: '#8F97F8',
type: 'line',
yAxisIndex: 1,
showDataShadow: true,
connectNulls: true,
label: {
show: true,
position: 'top'
}
},
{
name: 'LME',
data: LME,
type: 'line',
color: '#FF603A',
showDataShadow: true,
connectNulls: true,
label: {
show: true,
position: 'top'
}
}
]
}
optionRef.value = option
}
const ss = computed(() => [state.type])
watch(
() => unref(ss),
async (v) => {
console.log(state.type)
getDat()
},
{ immediate: true, deep: true }
)
watchEffect(() => {
const option = chartRef.value
chartRef.value = option
})
const chartRef = ref() return { chartRef, option: optionRef, state }
const optionRef = ref()
async function getDat() {
const {data} = await historyMarketSevenDay({number:state.type})
if(!data) return
let {LME,SMM} = data[state.type]
const option = {
height: '150px', // 设置图表高度为 400 像素
grid: { left: '10', top: 90, right: '10', bottom: '10', containLabel: true },
tooltip: {
trigger: 'axis'
},
legend: {
data: ["SMM", "LME"],
right: 20,
top: 10,
},
xAxis: {
type: 'category',
data: reverseArray(getDay(),5,10)
},
yAxis: [
{
type: 'value',
// name:'1',
},
{
// name:'2',
type: 'value',
},
],
series: [
{
name: 'SMM',
data: SMM,
color: '#8F97F8',
type: 'line',
yAxisIndex: 1,
label: {
show: true,
position: 'top'
},
},
{
name: 'LME',
data: LME,
type: 'line',
color: '#FF603A',
label: {
show: true,
position: 'top'
},
}
]
}
optionRef.value = option
}
const ss = computed(() => [state.type])
watch(() => unref(ss),
async (v) => {
console.log(state.type)
getDat()
},
{ immediate: true, deep: true },
)
watchEffect(() => {
const option = chartRef.value;
chartRef.value = option;
});
return { chartRef, option: optionRef, state }
} }
export function Chart3() { export function Chart3() {
const chartRef = ref() const chartRef = ref()
const optionRef = ref<any>({}); const optionRef = ref<any>({})
async function getDat() { async function getDat() {
const {data} = await historyStatSevenDay({currencyCodeFrom:state2.currencyCodeFrom,currencyCodeTo:state2.currencyCodeTo}) const { data } = await historyStatSevenDay({
if(!data) return currencyCodeFrom: state2.currencyCodeFrom,
const dat = data[state2.currencyCodeFrom+'-'+state2.currencyCodeTo] currencyCodeTo: state2.currencyCodeTo
})
if (!data) return
const dat = (
data[state2.currencyCodeFrom + '-' + state2.currencyCodeTo] || []
).map((item: any) => (item == 0 ? null : item))
const option = { const option = {
height: '150px', // 设置图表高度为 400 像素
grid: {
left: '10',
top: 90,
right: '10',
bottom: '10',
containLabel: true
},
tooltip: {
trigger: 'axis'
},
legend: {
data: state2.currencyCodeFrom + '-' + state2.currencyCodeTo,
right: 20,
top: 10
},
xAxis: {
type: 'category',
data: reverseArray(getDay(), 8, 10)
},
yAxis: {
type: 'value'
},
series: [
{
name: state2.currencyCodeFrom + '-' + state2.currencyCodeTo,
data: dat,
color: '#8F97F8',
type: 'line',
showDataShadow: true,
connectNulls: true,
label: {
show: true,
position: 'top'
}
}
]
}
height: '150px', // 设置图表高度为 400 像素 optionRef.value = option
grid: { left: '10', top: 90, right: '10', bottom: '10', containLabel: true }, }
tooltip: { const ss = computed(() => [state2.currencyCodeFrom, state2.currencyCodeTo])
trigger: 'axis' watch(
}, () => unref(ss),
legend: { async (v) => {
data:state2.currencyCodeFrom+'-'+state2.currencyCodeTo, console.log(state2.type)
right: 20, getDat()
top: 10, },
}, { immediate: true, deep: true }
xAxis: { )
type: 'category', watchEffect(() => {
data: reverseArray(getDay(),8,10) const option = chartRef.value
}, chartRef.value = option
yAxis: { })
type: 'value' return { chartRef, option: optionRef, state2 }
},
series: [
{
name: state2.currencyCodeFrom+'-'+state2.currencyCodeTo,
data: dat,
color: '#8F97F8',
type: 'line',
label: {
show: true,
position: 'top'
},
},
]
}
optionRef.value = option;
}
const ss = computed(() => [state2.currencyCodeFrom,state2.currencyCodeTo])
watch(() => unref(ss),
async (v) => {
console.log(state2.type)
getDat()
},
{ immediate: true, deep: true },
)
watchEffect(() => {
const option = chartRef.value;
chartRef.value = option;
});
return { chartRef, option: optionRef, state2 }
} }
export function Chart4() { export function Chart4() {
const chartRef = ref()
const optionRef = ref<any>({})
const chartRef = ref() async function getDat() {
const optionRef = ref<any>({}); const { data } = await historyStatSevenDay({
currencyCodeFrom: state3.currencyCodeFrom,
currencyCodeTo: state3.currencyCodeTo
})
if (!data) return
const dat = (
data[state3.currencyCodeFrom + '-' + state3.currencyCodeTo] || []
).map((item: any) => (item == 0 ? null : item))
async function getDat() { const option = {
const {data} = await historyStatSevenDay({currencyCodeFrom:state3.currencyCodeFrom,currencyCodeTo:state3.currencyCodeTo}) grid: {
if(!data) return left: '10',
const dat = data[state3.currencyCodeFrom+'-'+state3.currencyCodeTo] top: 90,
right: '10',
bottom: '10',
containLabel: true
},
const option = { height: '150px', // 设置图表高度为 400 像素
grid: { left: '10', top: 90, right: '10', bottom: '10', containLabel: true },
height: '150px', // 设置图表高度为 400 像素 tooltip: {
trigger: 'axis'
},
legend: {
data: state3.currencyCodeFrom + '-' + state3.currencyCodeTo,
right: 20,
top: 10
},
xAxis: {
type: 'category',
data: reverseArray(getDay(), 8, 10)
},
yAxis: {
type: 'value'
},
series: [
{
name: state3.currencyCodeFrom + '-' + state3.currencyCodeTo,
data: dat,
color: '#8F97F8',
type: 'line',
showDataShadow: true,
connectNulls: true,
label: {
show: true,
position: 'top'
}
}
]
}
tooltip: { optionRef.value = option
trigger: 'axis' }
}, const ss = computed(() => [state3.currencyCodeFrom, state3.currencyCodeTo])
legend: { watch(
data:state3.currencyCodeFrom+'-'+state3.currencyCodeTo, () => unref(ss),
right: 20, async (v) => {
top: 10, console.log(state3.type)
},
xAxis: {
type: 'category',
data: reverseArray(getDay(),8,10)
},
yAxis: {
type: 'value'
},
series: [
{
name: state3.currencyCodeFrom+'-'+state3.currencyCodeTo,
data: dat,
color: '#8F97F8',
type: 'line',
label: {
show: true,
position: 'top'
},
}, getDat()
},
] { immediate: true, deep: true }
)
} watchEffect(() => {
const option = chartRef.value
optionRef.value = option; chartRef.value = option
} })
const ss = computed(() => [state3.currencyCodeFrom,state3.currencyCodeTo]) return { chartRef, option: optionRef, state3 }
watch(() => unref(ss),
async (v) => {
console.log(state3.type)
getDat()
},
{ immediate: true, deep: true },
)
watchEffect(() => {
const option = chartRef.value;
chartRef.value = option;
});
return { chartRef, option: optionRef, state3 }
} }
export function Chart5() { export function Chart5() {
const chartRef = ref() const chartRef = ref()
const optionRef = ref<any>({}); const optionRef = ref<any>({})
let nameX: string[] let nameX: string[]
async function dataList() { async function dataList() {
let SMM,LME let SMM, LME
const {data} = await historyStat({number:state4.number,type:state4.type,dateList:state4.dateList}) const { data } = await historyStat({
if(data&&data[state4.number]){ number: state4.number,
SMM=data[state4.number].SMM type: state4.type,
LME = data[state4.number].LME dateList: state4.dateList
} })
if (data && data[state4.number]) {
SMM = data[state4.number].SMM || []
LME = data[state4.number].LME || []
SMM = SMM.map((item: any) => (item == 0 ? null : item))
LME = LME.map((item: any) => (item == 0 ? null : item))
}
const option = {
const option = { // width: '250px', // 设置图表宽度为 800 像素
// width: '250px', // 设置图表宽度为 800 像素 // height: '150px', // 设置图表高度为 400 像素
// height: '150px', // 设置图表高度为 400 像素 grid: {
grid: { left: '10', top: 90, right: '10', bottom: '10', containLabel: true }, left: '10',
tooltip: { top: 90,
trigger: 'axis' right: '10',
}, bottom: '10',
legend: { containLabel: true
data: ["SMM", "LME"], },
right: 20, tooltip: {
top: 10, trigger: 'axis'
}, },
xAxis: { legend: {
type: 'category', data: ['SMM', 'LME'],
data:nameX right: 20,
}, top: 10
yAxis: [ },
{ xAxis: {
type: 'value', type: 'category',
// name:'1', data: nameX
}, },
{ yAxis: [
// name:'2', {
type: 'value', type: 'value'
}, // name:'1',
], },
series: [ {
{ // name:'2',
name: 'SMM', type: 'value'
data: SMM, }
color: '#FF9307', ],
type: 'line', series: [
smooth: true {
}, name: 'SMM',
{ data: SMM,
name: 'LME', color: '#FF9307',
data: LME, type: 'line',
type: 'line', smooth: true,
color: '#0063ED', showDataShadow: true,
smooth: true, connectNulls: true
yAxisIndex: 1, },
} {
] name: 'LME',
data: LME,
type: 'line',
} color: '#0063ED',
optionRef.value = option; smooth: true,
} yAxisIndex: 1,
const ss = computed(() => [state4.number,state4.startTime,state4.endTime]) showDataShadow: true,
watch(() => unref(ss), connectNulls: true
async (v) => { }
]
// console.log(calculateDateIntervals(state4.startTime,state4.endTime),88888) }
const {type,list} = calculateDateIntervals(state4.startTime,state4.endTime) optionRef.value = option
nameX =list }
state4.dateList = list const ss = computed(() => [state4.number, state4.startTime, state4.endTime])
state4.type = type watch(
console.log(state4.number) () => unref(ss),
dataList() async (v) => {
}, // console.log(calculateDateIntervals(state4.startTime,state4.endTime),88888)
{ immediate: true, deep: true }, const { type, list } = calculateDateIntervals(
) state4.startTime,
watchEffect(() => { state4.endTime
const option = chartRef.value; )
chartRef.value = option; nameX = list
}); state4.dateList = list
return { chartRef, option: optionRef, state4 } state4.type = type
console.log(state4.number)
dataList()
},
{ immediate: true, deep: true }
)
watchEffect(() => {
const option = chartRef.value
chartRef.value = option
})
return { chartRef, option: optionRef, state4 }
} }
export function Chart6() { export function Chart6() {
const chartRef = ref() const chartRef = ref()
const optionRef = ref<any>({}); const optionRef = ref<any>({})
let nameX: string[] let nameX: string[]
async function getDat() { async function getDat() {
const {data} = await rateHistoryStat({currencyCodeFrom:state5.currencyCodeFrom,currencyCodeTo:state5.currencyCodeTo,type:state5.type,dateList:state5.dateList}) const { data } = await rateHistoryStat({
const dat = data[state5.currencyCodeFrom+'-'+state5.currencyCodeTo] currencyCodeFrom: state5.currencyCodeFrom,
const option = { currencyCodeTo: state5.currencyCodeTo,
// width: '250px', // 设置图表宽度为 800 像素 type: state5.type,
// height: '150px', // 设置图表高度为 400 像素 dateList: state5.dateList
grid: { left: '10', top: 90, right: '10', bottom: '10', containLabel: true }, })
tooltip: { const dat = (
trigger: 'axis' data[state5.currencyCodeFrom + '-' + state5.currencyCodeTo] || []
}, ).map((item: any) => (item == 0 ? null : item))
// legend: { const option = {
// data:state5.currencyCodeFrom-state5.currencyCodeTo, // width: '250px', // 设置图表宽度为 800 像素
// right: 20, // height: '150px', // 设置图表高度为 400 像素
// top: 10, grid: {
// }, left: '10',
xAxis: { top: 90,
type: 'category', right: '10',
data:nameX bottom: '10',
}, containLabel: true
yAxis: { },
type: 'value' tooltip: {
}, trigger: 'axis'
series: [ },
{ // legend: {
name: state5.currencyCodeFrom+'-'+state5.currencyCodeTo, // data:state5.currencyCodeFrom-state5.currencyCodeTo,
data: dat, // right: 20,
color: '#89DF75', // top: 10,
type: 'line', // },
smooth: true xAxis: {
}, type: 'category',
] data: nameX
} },
optionRef.value = option; yAxis: {
} type: 'value'
const ss = computed(() => [state5.currencyCodeFrom,state5.currencyCodeTo,state5.startTime,state5.endTime]) },
watch(() => unref(ss), series: [
async (v) => { {
const {type,list} = calculateDateIntervals(state5.startTime,state5.endTime) name: state5.currencyCodeFrom + '-' + state5.currencyCodeTo,
data: dat,
color: '#89DF75',
type: 'line',
smooth: true,
showDataShadow: true,
connectNulls: true
}
]
}
optionRef.value = option
}
const ss = computed(() => [
state5.currencyCodeFrom,
state5.currencyCodeTo,
state5.startTime,
state5.endTime
])
watch(
() => unref(ss),
async (v) => {
const { type, list } = calculateDateIntervals(
state5.startTime,
state5.endTime
)
nameX =list nameX = list
state5.dateList = list state5.dateList = list
state5.type = type state5.type = type
getDat() getDat()
},
}, { immediate: true, deep: true }
{ immediate: true, deep: true }, )
) watchEffect(() => {
watchEffect(() => { const option = chartRef.value
const option = chartRef.value; chartRef.value = option
chartRef.value = option; })
}); return { chartRef, option: optionRef, state5 }
return { chartRef, option: optionRef, state5 }
} }

444
src/views/home/market/dataModify.vue
View File

@ -5,238 +5,305 @@ import HomeHead from '@/views/home/components/HomeHead.vue'
import { useMessage, NModal } from 'naive-ui' import { useMessage, NModal } from 'naive-ui'
import { useUserStore } from '@/stores/modules/user' import { useUserStore } from '@/stores/modules/user'
import UserList from '@/views/home/intelligence/process/UserPages.vue' import UserList from '@/views/home/intelligence/process/UserPages.vue'
import dayjs from 'dayjs'
import { fetchDelHis,marketPreADD,getMetalList,fetchGetHisPage,fetchUpdateHis,fetchSaveHis } from '@/api/daikin/base' import {
fetchDelHis,
marketPreADD,
getMetalList,
fetchGetHisPage,
fetchUpdateHis,
fetchSaveHis
} from '@/api/daikin/base'
const message = useMessage() const message = useMessage()
const store = useUserStore() const store = useUserStore()
const header = { 'token': store.user.token } const header = { token: store.user.token }
const dataA = ref<any>([]) const dataA = ref<any>([])
const editA = ref() const editA = ref<any>({ stDateList: [] })
const metaList = ref<any>([]) const metaList = ref<any>([])
const metaObj = ref<any>({}) const metaObj = ref<any>({})
const stDateList = ref<any>([])
const shomkA = ref(false) const shomkA = ref(false)
const type =ref(2) const type = ref(2)
async function getDataA() { async function getDataA() {
const {data} = await fetchGetHisPage({}) const { data } = await fetchGetHisPage({})
dataA.value = Object.entries(data).map(([key, value]:any) => { dataA.value = Object.entries(data).map(([key, value]: any) => {
return { return {
stDate: key, stDate: key,
yearId: key, yearId: key,
children: value.map((item: any) => { children: value.map((item: any) => {
return { return {
...item, ...item,
numbers:metaObj.value[item.number] numbers: metaObj.value[item.number]
} }
}) })
} }
}) })
// setDataFiles(dataArr); // setDataFiles(dataArr);
} }
onMounted(async () => { onMounted(async () => {
const {data = []} = await getMetalList() const { data = [] } = await getMetalList()
metaList.value = data metaList.value = data
data.forEach((item: any) => { data.forEach((item: any) => {
metaObj.value[item.value] = item.title metaObj.value[item.value] = item.title
}) })
getDataA(); getDataA()
}) })
async function onSubmitA(row: { id: any; fileList?: any; title?: any }) { async function onSubmitA(row: { id: any; fileList?: any; title?: any }) {
console.log(row, 555) console.log(row, 555)
const { id, title } = row const { id, title } = row
// let moduleId = 1; // let moduleId = 1;
let sendData= {} let sendData = {}
if(!row.id){ if (!row.id) {
sendData = { title,type:type.value,userIdList:userData.value }; sendData = { title, type: type.value, userIdList: userData.value }
if (row.fileList && row.fileList.length > 0) { if (row.fileList && row.fileList.length > 0) {
row.fileList.map(item => { row.fileList.map((item) => {
if (item.response) {
if(item.response) { sendData.filePath = item.response.url
sendData.filePath = item.response.url; // obj.title = title || computedName(item.response.originalFilename);
// obj.title = title || computedName(item.response.originalFilename); } else {
} sendData.filePath = item.url
else { // obj.title = title || computedName(item.originalFilename);
sendData.filePath = item.url; }
// obj.title = title || computedName(item.originalFilename); })
} }
} else {
}) sendData = { id, title, type: type.value, userIdList: userData.value }
} }
const { code, msg } = await marketPreADD(sendData)
if (code === 200) {
message.success('修改成功！')
} else {
message.error(msg)
}
shomkA.value = false
getDataA()
} }
else{
sendData = {id, title,type:type.value,userIdList:userData.value };
}
const {code,msg} = await marketPreADD(sendData)
if (code === 200) { message.success("修改成功！") }
else { message.error(msg) }
shomkA.value = false
getDataA();
}
const handleEditA = (type: string, row: any = {}) => { const handleEditA = (type: string, row: any = {}) => {
if (!row) return if (!row) return
editA.value = {...row} editA.value = { ...row }
// setUserList.value =[] editA.value.stDateList = [row.stDate, row.stDate]
shomkA.value = true stDateList.value = [row.stDate, row.stDate]
// setUserList.value =[]
shomkA.value = true
// editA.value.fileList = [{ // editA.value.fileList = [{
// name: row.title, // name: row.title,
// originalFilename: row.title, // originalFilename: row.title,
// url: row.filePath, // url: row.filePath,
// }] // }]
// setUserList.value =row.userIdList // setUserList.value =row.userIdList
} }
async function handleDeleteA(index: number, row: any) { async function handleDeleteA(index: number, row: any) {
const { id } = row const { id } = row
if (!id) return if (!id) return
const { code, msg } = await fetchDelHis({ id,type:type.value }) const { code, msg } = await fetchDelHis({ id, type: type.value })
if (code === 200) { message.success("删除成功！") } if (code === 200) {
else { message.error(msg) } message.success('删除成功！')
getDataA(); } else {
message.error(msg)
}
getDataA()
} }
const showModal = ref(false) const showModal = ref(false)
const flg = ref() const flg = ref()
const setUserList =ref() const setUserList = ref()
async function getUser(row) { async function getUser(row) {
console.log(row) console.log(row)
showModal.value = !showModal.value showModal.value = !showModal.value
flg.value = row flg.value = row
if(row.id&&row.userIdList){ if (row.id && row.userIdList) {
setUserList.value = row.userIdList setUserList.value = row.userIdList
} }
// const {data: userArr} = await getBPCUser({moduleId}) // const {data: userArr} = await getBPCUser({moduleId})
// setUserList.value = userArr // setUserList.value = userArr
} }
// 获取子组件传过来的值 // 获取子组件传过来的值
const userData = ref() const userData = ref()
const handleChild = (data: any) => { const handleChild = (data: any) => {
console.log(data, 444); const { showModal: show, multipleSelection } = data
const { showModal: show, multipleSelection } = data showModal.value = unref(show)
showModal.value = unref(show) let userIdList: any[] = []
let userIdList: any[] =[] multipleSelection.value.forEach((i: { userId: any }) => {
multipleSelection.value.forEach((i: { userId: any })=>{ userIdList.push(i.userId)
userIdList.push(i.userId) })
}) if (flg.value.id) {
if(flg.value.id){ flg.value.userIdList = userIdList
flg.value.userIdList = userIdList marketPreADD(flg.value)
marketPreADD(flg.value) getDataA()
getDataA(); console.log(flg.value)
console.log(flg.value) }
} userData.value = userIdList
userData.value = userIdList }
} const CloseThiss = (data: boolean) => {
const CloseThiss = (data: boolean)=>{ showModal.value = data
showModal.value = data }
} const goBacks = () => {
const goBacks = () => {
history.back() history.back()
} }
const editForm = ref(null) const editForm = ref(null)
const channelList = ref([{ const channelList = ref([
label:'LME', {
value:'LME' label: 'LME',
}, value: 'LME'
{ },
label:'SMM', {
value:'SMM' label: 'SMM',
}]) value: 'SMM'
}
])
const handleClickA = async () => { const handleClickA = async () => {
let res:any = {} if (stDateList.length == 0) {
if(editA.value.id){ message.error('请选择日期!')
res = await fetchUpdateHis(editA.value) return
}else{ }
res = await fetchSaveHis(editA.value) const req = { ...editA.value }
} req.stDateList = generateDateRange()
if(res.code == 200){ console.log('🚀 ~ file: dataModify.vue:173 ~ req:', req)
shomkA.value = false let res: any = await fetchSaveHis(req)
message.success("操作成功！") if (res.code == 200) {
getDataA(); shomkA.value = false
}else{ message.success('操作成功！')
message.error(res.msg) getDataA()
} } else {
message.error(res.msg)
}
}
function generateDateRange() {
const [startDate, endDate] = stDateList.value || []
if (!startDate || !endDate) return []
const dateFormat = 'YYYY-MM-DD'
const dates = []
const start = dayjs(startDate, dateFormat)
const end = dayjs(endDate, dateFormat)
// 将开始日期添加到数组中
dates.push(start.format(dateFormat))
// 逐步增加日期，直到结束日期
let currentDate = start
while (currentDate.isSameOrBefore(end)) {
currentDate = currentDate.add(1, 'day')
dates.push(currentDate.format(dateFormat))
}
return dates
} }
</script> </script>
<template> <template>
<HomeHead class="top"> <HomeHead class="top">
<template #content> <template #content>
<!-- <HomeHeadSearch /> --> <!-- <HomeHeadSearch /> -->
</template> </template>
</HomeHead> </HomeHead>
<AppBlock class="w-full h950px p30px text-#000"> <AppBlock class="w-full h950px p30px text-#000">
<div class="font-600 flex items-center"> <div class="font-600 flex items-center">
<!-- <img src="./images/logo.svg" class="h56px mr21px" /> --> <!-- <img src="./images/logo.svg" class="h56px mr21px" /> -->
<div class="text-36px text-#000">市况数据管理</div> <div class="text-36px text-#000">市况数据管理</div>
</div> </div>
<div class=" cont relative w100% h800px overflow-y-auto"> <div class="cont relative w100% h800px overflow-y-auto">
<el-button type="primary" @click="handleEditA" class="my20px">市况数据新增</el-button> <el-button type="primary" @click="handleEditA" class="my20px"
<div >市况数据新增</el-button
class="rounded-md float-right mr-80px mt-20px px20px py10px z-200 bg-#f5f5f5 flex items-center justify-center w-100px" >
@click="goBacks" <div
> class="rounded-md float-right mr-80px mt-20px px20px py10px z-200 bg-#f5f5f5 flex items-center justify-center w-100px"
<el-icon><ArrowLeftBold size="18" /></el-icon> 返回 @click="goBacks"
</div> >
<el-table :data="dataA" style="width: 95%" row-key="id" <el-icon><ArrowLeftBold size="18" /></el-icon> 返回
:header-cell-style="{ background: '#2A7BF7', color: '#fff', height: '60px', textAlign: 'center', 'font-size': '24px' }" </div>
:cell-style="{ 'text-align': 'center' }"> <el-table
<el-table-column label="日期" prop="stDate" /> :data="dataA"
<el-table-column label="渠道" prop="channel" /> style="width: 95%"
<el-table-column label="编号" prop="numbers" /> row-key="yearId"
<el-table-column label="金额" prop="negAmount" /> :header-cell-style="{
background: '#2A7BF7',
color: '#fff',
height: '60px',
textAlign: 'center',
'font-size': '24px'
}"
:cell-style="{ 'text-align': 'center' }"
height="700px"
>
<el-table-column label="日期" prop="stDate" />
<el-table-column label="渠道" prop="channel" />
<el-table-column label="编号" prop="numbers" />
<el-table-column label="金额" prop="negAmount" />
<!-- <el-table-column label="查看范围" prop="userIdList"> <!-- <el-table-column label="查看范围" prop="userIdList">
<template #default="scope"> <template #default="scope">
<span v-if="scope.row.userIdList" v-for="it in scope.row.userIdList"> &nbsp;&nbsp; {{it.nickName}}</span> <span v-if="scope.row.userIdList" v-for="it in scope.row.userIdList"> &nbsp;&nbsp; {{it.nickName}}</span>
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column label="操作" width="180px"> <el-table-column label="操作" width="180px">
<template #default="scope"> <template #default="scope">
<template v-if="!scope.row.children?.length"> <template v-if="!scope.row.children?.length">
<el-button size="small" @click="handleEditA('edit', scope.row)">编辑</el-button> <el-button size="small" @click="handleEditA('edit', scope.row)"
<el-button size="small" type="danger" @click="handleDeleteA(scope.$index, scope.row)">删除</el-button> >编辑</el-button
</template> >
</template> <el-button
</el-table-column> size="small"
</el-table> type="danger"
</div> @click="handleDeleteA(scope.$index, scope.row)"
</AppBlock> >删除</el-button
>
</template>
</template>
</el-table-column>
</el-table>
</div>
</AppBlock>
<el-dialog <el-dialog
:z-index="200" :z-index="200"
v-model="shomkA" v-model="shomkA"
title=" " title=" "
width="30%" width="30%"
:modal="false" :modal="false"
top="30vh" top="30vh"
@close="editForm?.resetFields()" @close="editForm?.resetFields()"
> >
<div class="bg-#FFF"> <div class="bg-#FFF">
<el-form ref="editForm" :model="editA" label-width="100px" size="large"> <el-form ref="editForm" :model="editA" label-width="100px" size="large">
<el-form-item label="日期" prop="stDate"> <el-form-item label="日期" prop="stDate">
<el-date-picker <!-- <el-date-picker
class="!w-90%" class="!w-90%"
v-model="editA.stDate" v-model="editA.stDate"
type="date" type="date"
placeholder="选择日期" placeholder="选择日期"
value-format="YYYY-MM-DD" value-format="YYYY-MM-DD"
/> -->
<el-date-picker
v-model="stDateList"
type="daterange"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
value-format="YYYY-MM-DD"
class="!w-90%"
/> />
</el-form-item> </el-form-item>
<br /> <br />
<el-form-item label="渠道" prop="channel"> <el-form-item label="渠道" prop="channel">
<el-select :disabled="editA.id" v-model="editA.channel" placeholder="选择渠道" class="!w-90%"> <el-select
:disabled="editA.id"
v-model="editA.channel"
placeholder="选择渠道"
class="!w-100%"
>
<el-option <el-option
v-for="item in channelList" v-for="item in channelList"
:key="item.value" :key="item.value"
@ -247,7 +314,12 @@ const handleClickA = async () => {
</el-form-item> </el-form-item>
<br /> <br />
<el-form-item label="编号" prop="number"> <el-form-item label="编号" prop="number">
<el-select :disabled="editA.id" v-model="editA.number" placeholder="选择类型" class="!w-90%"> <el-select
:disabled="editA.id"
v-model="editA.number"
placeholder="选择类型"
class="!w-100%"
>
<el-option <el-option
v-for="item in metaList" v-for="item in metaList"
:key="item.value" :key="item.value"
@ -261,12 +333,16 @@ const handleClickA = async () => {
<el-input-number <el-input-number
v-model="editA.negAmount" v-model="editA.negAmount"
:controls="false" :controls="false"
class="!w-90%" class="!w-100%"
/> />
</el-form-item> </el-form-item>
<br /> <br />
<div class="text-center"> <div class="text-center">
<el-button type="primary" @click="handleClickA(editA)" class="mb-20px"> <el-button
type="primary"
@click="handleClickA(editA)"
class="mb-20px"
>
确认</el-button 确认</el-button
> >
</div> </div>
@ -274,32 +350,36 @@ const handleClickA = async () => {
</div> </div>
</el-dialog> </el-dialog>
<n-modal v-model:show="showModal"> <n-modal v-model:show="showModal">
<UserList :userDataList="setUserList" @clickChild="handleChild" @CloseThis="CloseThiss"/> <UserList
</n-modal> :userDataList="setUserList"
@clickChild="handleChild"
@CloseThis="CloseThiss"
/>
</n-modal>
</template> </template>
<style lang="less" scoped> <style lang="less" scoped>
.demo-tabs > .el-tabs__content { .demo-tabs > .el-tabs__content {
color: #6b778c; color: #6b778c;
font-size: 32px; font-size: 32px;
font-weight: 600; font-weight: 600;
} }
.top { .top {
position: absolute; position: absolute;
right: 30px; right: 30px;
top: -92px; top: -92px;
} }
.flex-center { .flex-center {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin: 0 auto; margin: 0 auto;
} }
:deep(.el-input-number .el-input__inner){ :deep(.el-input-number .el-input__inner) {
text-align: left !important; text-align: left !important;
} }
:deep{ :deep {
.el-dialog__body{ .el-dialog__body {
margin-top: 18px; margin-top: 18px;
padding-top: 10px; padding-top: 10px;
} }