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

1
package.json
View File

@ -21,6 +21,7 @@
"@vueuse/core": "^9.13.0",
"animate.css": "^4.1.1",
"axios": "^1.4.0",
"dayjs": "^1.11.10",
"echarts": "^5.4.3",
"echarts-liquidfill": "^3.1.0",
"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) {
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
*/
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
@ -1374,3 +1380,7 @@ export async function fetchmoduleStatInternalPage(params?: any) {
export async function fetchPostList(params?: any) {
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">
import { NDropdown, NPopover } from "naive-ui";
import { getAllNoticeList } from "@/api/daikin/base";
import { NDropdown, NPopover } from 'naive-ui'
import { getAllNoticeList } from '@/api/daikin/base'
import { useUserStore } from '@/stores/modules/user'
// 全屏
const { toggle } = inject<any>("fullscreen");
const { push } = useRouter();
const store = useUserStore();
const route = useRoute();
const noticeData = ref();
const flgs = ref(false);
const { toggle } = inject<any>('fullscreen')
const { push } = useRouter()
const store = useUserStore()
const route = useRoute()
const noticeData = ref()
const flgs = ref(false)
const userCode = ref(false)
async function getNoticeList() {
const { data } = await getAllNoticeList();
noticeData.value = data;
const { data } = await getAllNoticeList()
noticeData.value = data
console.log('🚀 ~ file: AppHeadUserInfo.vue:18 ~ data:', data)
}
onMounted(() => {
getNoticeList();
getNoticeList()
// console.log( flgs.value,flg)
});
// console.log( flgs.value,flg)
})
watchEffect(() => {
// console.log( flgs.value,store.user.type)
flgs.value = [1, 2, 3, 4].includes(store.user.type);
userCode.value = ['admin','tech_service'].includes(store.user.roleCode)
});
// console.log( flgs.value,store.user.type)
flgs.value = [1, 2, 3, 4].includes(store.user.type)
userCode.value = ['admin', 'tech_service'].includes(store.user.roleCode)
})
const options = [
{ label: "个人中心", key: "ucenter" },
,
{
label: "修改密码",
key: "ChangePWD",
props: {
onclick: () => {
console.log(route.path);
const pth = route.path === "/external" ? "modify" : "modifys";
push({ name: pth });
},
},
},
{
key: "logout",
label: "退出登录",
props: {
style: { width: "150px" },
onClick: () => {
store.LogOut();
},
},
},
];
const noticeShow = ref(false);
let showIs = false;
{ label: '个人中心', key: 'ucenter' },
,
{
label: '修改密码',
key: 'ChangePWD',
props: {
onclick: () => {
console.log(route.path)
const pth = route.path === '/external' ? 'modify' : 'modifys'
push({ name: pth })
}
}
},
{
key: 'logout',
label: '退出登录',
props: {
style: { width: '150px' },
onClick: () => {
store.LogOut()
}
}
}
]
const noticeShow = ref(false)
let showIs = false
//模块id，1-情报 2-市况汇率 3-数据平台 4-BCP管理 5-碳中和 6-品质 7-差别化LAB
const goModeuls = (obj) => {
const { moduleId } = obj;
if (!moduleId) return;
switch (moduleId) {
case 1:
if (store.user.isReview === 1 || store.user.isPublish === 1) {
push("/Home/Process");
} else {
push("/Home/intelligence");
}
break;
case 2:
push({ name: "Market" });
break;
case 3:
push({ name: "CD" });
break;
case 4:
push({ name: "BCP" });
break;
case 5:
push({ name: "CSR" });
break;
case 6:
push({ name: "Quality" });
break;
case 7:
push({ name: "Diffspace" });
break;
case 9:
push({ name: "DataBaseReview" });
break;
default:
push("/Home/intelligence");
break;
}
};
const { moduleId } = obj
if (!moduleId) return
switch (moduleId) {
case 1:
if (store.user.isReview === 1 || store.user.isPublish === 1) {
push('/Home/Process')
} else {
push('/Home/intelligence')
}
break
case 2:
push({ name: 'Market' })
break
case 3:
push({ name: 'CD' })
break
case 4:
push({ name: 'BCP' })
break
case 5:
push({ name: 'CSR' })
break
case 6:
push({ name: 'Quality' })
break
case 7:
push({ name: 'Diffspace' })
break
case 9:
push({ name: 'DataBaseReview' })
break
default:
push('/Home/intelligence')
break
}
}
const noticeShows = () => {
if (noticeData.value && noticeData.value.length > 0) {
// console.log(noticeData.value)
noticeShow.value = !noticeShow.value;
}
};
if (noticeData.value && noticeData.value.length > 0) {
// console.log(noticeData.value)
noticeShow.value = !noticeShow.value
}
}
const toFootPrint = () => {
console.log(111)
push('/Home/footprint')
console.log(111)
push('/Home/footprint')
}
</script>
<template>
<div class="inline-flex items-center relative">
<!-- 足迹 -->
<!-- <div class="cursor-pointer w-40px h-40px z-200"> -->
<el-icon size="35" v-if="userCode" @click="toFootPrint" ><Platform /></el-icon>
<!-- </div> -->
<div class="inline-flex items-center relative">
<!-- 足迹 -->
<!-- <div class="cursor-pointer w-40px h-40px z-200"> -->
<el-icon size="35" v-if="userCode" @click="toFootPrint"
><Platform
/></el-icon>
<!-- </div> -->
<!-- 全屏小图标 -->
<div
size="40"
color="#ccc"
style="font-size: 20px; width: 30px; margin: 10px"
@click="toggle"
class="cursor-pointer"
>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 20 20"
<!-- 全屏小图标 -->
<div
size="40"
color="#ccc"
style="font-size: 20px; width: 30px; margin: 10px"
@click="toggle"
class="cursor-pointer"
>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
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">
<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">
<!-- 跳转到审批页面 -->
<!-- <div size="small">
新着通知
<span class="ml8px pl5px pr5px rounded-20px bg-#002FA7">{{
store.user.reviewCount ?? 0
}}</span>
</div> -->
<!-- <n-popover :overlap="false" placement="bottom-start" trigger="click">
<!-- <n-popover :overlap="false" placement="bottom-start" trigger="click">
<template #trigger>
<div size="small">
新着通知
@ -173,7 +174,7 @@ const toFootPrint = () => {
}}</span>
</div>
</template> -->
<!-- <div
<!-- <div
class="inline-flex items-center p10px cursor-pointer"
v-if="store.user.isReview === 1"
>
@ -205,60 +206,60 @@ const toFootPrint = () => {
>去查看</n-button
>
</div> -->
<!-- </n-popover> -->
</div>
<!-- 当前登录用户信息 -->
<NDropdown show-arrow placement="bottom-end" size="huge" :options="options">
<div class="cursor-pointer inline-flex items-center">
<img
src="@/assets/images/icon-user.svg"
class="ml40px mr16px w60px h60px"
/>
<!-- @click="toggle" -->
<span>{{ store.user.nikeName ?? "游客" }}</span>
<img src="@/assets/images/icon-more.svg" class="ml30px w13px" />
</div>
</NDropdown>
</div>
<!-- </n-popover> -->
</div>
<!-- 当前登录用户信息 -->
<NDropdown show-arrow placement="bottom-end" size="huge" :options="options">
<div class="cursor-pointer inline-flex items-center">
<img
src="@/assets/images/icon-user.svg"
class="ml40px mr16px w60px h60px"
/>
<!-- @click="toggle" -->
<span>{{ store.user.nikeName ?? '游客' }}</span>
<img src="@/assets/images/icon-more.svg" class="ml30px w13px" />
</div>
</NDropdown>
</div>
</template>
<style scoped lang="less">
.notice {
position: absolute;
top: 52px;
left: -3px;
width: 200px;
background: rgb(255, 255, 255);
max-height: 520px;
z-index: 500;
font-size: 18px;
border-radius: 15px;
padding: 10px;
color: rgb(26, 25, 25);
box-shadow: 1px 1px 5px 1px #d9d5d5;
.box:hover {
background: #e5e5e5;
border-radius: 5px;
color: #1836c3;
position: absolute;
top: 52px;
left: -3px;
width: 200px;
background: rgb(255, 255, 255);
max-height: 520px;
z-index: 500;
font-size: 18px;
border-radius: 15px;
padding: 10px;
color: rgb(26, 25, 25);
box-shadow: 1px 1px 5px 1px #d9d5d5;
.box:hover {
background: #e5e5e5;
border-radius: 5px;
color: #1836c3;
span {
color: #ffffff;
background: red;
}
}
span {
color: #ffffff;
background: red;
}
}
span {
color: #1836c3;
padding: 2px 7px;
border-radius: 50px;
}
span {
color: #1836c3;
padding: 2px 7px;
border-radius: 50px;
}
}
.popover-grid {
display: grid;
grid-template-columns: auto auto auto auto auto;
grid-gap: 12px;
justify-content: center;
align-items: center;
display: grid;
grid-template-columns: auto auto auto auto auto;
grid-gap: 12px;
justify-content: center;
align-items: center;
}
</style>

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

@ -1,17 +1,14 @@
import { defineStore } from 'pinia'
export const databaseld = defineStore('database', () => {
const database = ref({
id:'',
})
const database = ref({
id: '',
name: ''
})
function setDataId(data: { id: string }){
database.value = data
}
return { database,setDataId }
function setDataId(data: { id: string }) {
database.value.id = data.id
}
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
class="my30px pl10px text-#000"
class="my20px py-10px pl10px text-#000"
v-for="(it, ind) in ite.childList"
:key="item.id"
@click.stop="goChild(it)"

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

@ -1,25 +1,27 @@
<template>
<div>
<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">
<el-tabs v-model="activeName" class="demo-tabs">
<div class="absolute z-200 right-0 flex items-center">
<el-button
v-if="isDbUpload || isDbReview"
type="warning"
@click="handleClick"
>
审批流程
</el-button>
<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"
>
<el-icon class="text-red"><ArrowLeftBold size="18" /></el-icon> 返回
</div>
</div>
<el-tab-pane label="分类管理" name="first">
<el-tab-pane v-if="userCode" label="分类管理" name="first">
<div class="h-52px">
<el-button
v-if="userCode"
@ -57,7 +59,7 @@
<el-button
type="primary"
@click="editClickA('edit', scope.row)"
class="mb-20px"
class="my-10px"
>
编辑</el-button
>
@ -69,7 +71,7 @@
scope.row.level === 3
"
@click="editClickA('add', scope.row)"
class="mb-20px"
class="my-10px"
>
新增{{
scope.row.level === 1
@ -82,7 +84,7 @@
<el-button
type="danger"
@click="deleteClickA(scope.row)"
class="mb-20px"
class="my-10px"
>
删除</el-button
>
@ -109,24 +111,26 @@
>
查看所有</el-button
>
<el-button
v-if="userCode"
:type="setUpload ? 'success' : 'warning'"
:icon="setUpload ? 'Check' : ''"
@click="getUser({ type: 1 })"
class="mb-20px !ml-50px"
>
{{ setUpload ? '已设置上传人员' : '设置上传人员' }}</el-button
>
<el-button
v-if="userCode"
:type="setReview ? 'success' : 'warning'"
:icon="setReview ? 'Check' : ''"
@click="getUser({ type: 2 })"
class="mb-20px"
>
{{ setReview ? '已设置审批人员' : '设置审批人员' }}</el-button
>
<template v-if="false">
<el-button
v-if="userCode"
:type="setUpload ? 'success' : 'warning'"
:icon="setUpload ? 'Check' : ''"
@click="getUser({ type: 1 })"
class="mb-20px !ml-50px"
>
{{ setUpload ? '已设置上传人员' : '设置上传人员' }}</el-button
>
<el-button
v-if="userCode"
:type="setReview ? 'success' : 'warning'"
:icon="setReview ? 'Check' : ''"
@click="getUser({ type: 2 })"
class="mb-20px"
>
{{ setReview ? '已设置审批人员' : '设置审批人员' }}</el-button
>
</template>
</div>
<div class="w100% h750px overflow-auto">
<el-table
@ -136,6 +140,7 @@
row-key="id"
border
default-expand-all
height="710px"
:header-cell-style="{
background: '#2A7BF7',
color: '#fff',
@ -201,7 +206,7 @@
</div>
</el-tooltip>
</p>
<span v-else>''</span>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
@ -214,19 +219,19 @@
<el-button
type="primary"
@click="editClickB('edit', scope.row)"
class="mb-20px w45px"
class="w45px my-10px"
>
编辑</el-button
>
<el-button
type="danger"
@click="deleteClickB(scope.row)"
class="mb-20px w45px"
class="w45px my-10px"
>
删除</el-button
>
<div
style="float: right"
style="float: right; margin: 10px 0"
v-if="
scope.$index !== 0 &&
scope.$index !== infoData.length - 1
@ -251,6 +256,178 @@
</el-table>
</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
class="float-right absolute bottom-0px right-30px z-2000 bg-#fff"
>
@ -338,6 +515,47 @@
</el-form>
</div>
</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">
<UserList
:userDataList="setUserList"
@ -360,7 +578,7 @@ import {
cateFileUpdate,
cateFileDel,
cateFileList,
download,
fetchdbAuthDel,
dragFile,
fetchdbAuthAdd,
fetchdbAuthGetInfo,
@ -374,14 +592,21 @@ const { push } = useRouter()
const database = databaseld()
const store: any = useUserStore()
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 isDbUpload = store.user?.isDbUpload === 1
const tableData = ref([])
const tableDataAuth = ref([])
const infoData = ref()
const authData = ref()
const showAuthModal = ref(false)
const authModel = ref<any>({})
const cateIds = ref()
const shomkA = ref(false)
const editA = ref()
const shomkB = ref(false)
@ -392,17 +617,60 @@ const pageInfo = reactive({
pageSize: 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() {
const { data } = await treeDbList({})
tableData.value = data
console.log('🚀 ~ file: modify.vue:399 ~ data:', data)
const { data: auth = [] } = await fetchReviewAuthCateList()
tableDataAuth.value = auth
}
let cateIds = ref()
watchEffect(() => {
activeName.value = userCode.value ? unref(activeName) : 'second'
cateIds.value = database.database.id
// console.log(database.database.id)
console.log(database.database)
if (database.database.id) {
getInfo(database.database.id)
getAuth()
@ -479,7 +747,6 @@ async function addClickA(row: any) {
getTree()
}
const editClickB = (edit: any, obj: any = {}) => {
console.log(obj)
if (edit === 'add' && obj && obj.id) {
editB.value = {
title: '',
@ -616,7 +883,7 @@ const handOnExceed: UploadProps['onExceed'] = (
}
const header = { token: store.user.token }
const goBacks = (e) => {
const goBacks = () => {
// console.log(444)
history.back()
}
@ -624,17 +891,27 @@ const showModal = ref(false)
const flg = ref()
const setUserList = 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
flg.value = row
if (showAuthModal.value) {
setUserList.value = row.userList || []
selSetAuthKey.value = row.key || ''
}
if (row.id && row.userList) {
setUserList.value = row.userList
}
if (typeof row.type === 'number') {
dbAuthType.value = row.type
const { data: userArr } = await fetchdbAuthGetInfo({
cateId: cateIds.value,
type: row.type
cateId: cateIds.value
// type: row.type
})
setUserList.value = userArr
}
@ -649,6 +926,10 @@ const handleChild = async (data: any) => {
multipleSelection.value.forEach((i: { userId: any }) => {
userIdList.push(i.userId)
})
if (authModel.value && selSetAuthKey.value) {
authModel.value[selSetAuthKey.value] = userIdList
return
}
if (dbAuthType.value) {
const { code }: any = await fetchdbAuthAdd({
cateId: cateIds.value,
@ -745,20 +1026,12 @@ const setReview = ref(false)
const hasReview = ref(false)
async function getAuth() {
if (!cateIds.value) return
const { data: uploadUser = [] } = await fetchdbAuthGetInfo({
cateId: cateIds.value,
type: 1
const { rows: data = [] }: any = await fetchdbAuthGetInfo({
cateId: cateIds.value
// type: 1
})
setUpload.value = uploadUser.length > 0
hasUpload.value =
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
// 所有的上传者 和 审核者
authData.value = data || []
}
const handleClick = () => {

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

@ -6,13 +6,14 @@ import {
externalTimeStat,
fetchmoduleStatExternalPage,
fetchPostList,
fetchmoduleStatInternalPage
fetchmoduleStatInternalPage,
fetchInternalUserStat,
deptTree as fetchDeptTree
} from '@/api/daikin/base'
import { formatDate } from '@/utils/format'
import { Chart1 } from './indexData'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
import { Search } from '@element-plus/icons-vue'
import { NModal } from 'naive-ui'
import { NModal } from 'naive-ui'
const currentDate = new Date()
const currentDates = new Date()
const value1 = ref<[Date, Date]>([
@ -36,6 +37,26 @@ const pageInfo = reactive({
pageSize: 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 imoduleCode = ref()
const visitDay = ref()
@ -45,6 +66,68 @@ const outDetail = ref([])
const postId = ref<any>([])
const nickName = ref()
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 res: any = await fetchPostList()
postList.value = res.data || []
@ -102,17 +185,102 @@ const state = reactive<any>({
endTime: formatDate(value1.value[1]).substring(0, 10)
// timeType:1
})
const dataList = ref()
const colorListObj = ref<any>({})
const dataList = ref([])
const getDat = async () => {
const { data } = await timeStat(state)
dataList.value = data
let xAxisData: any[] = []
let siomesData: any[] = []
data.forEach((item: { moduleName: any; visitCount: any }) => {
xAxisData.push(item.moduleName)
siomesData.push(item.visitCount)
data.forEach(
(
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>([])
@ -123,17 +291,26 @@ const getExternalTimeStat = async () => {
let xAxisData: any[] = []
let siomesData: any[] = []
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 + 'color'] = colorList[9 + i]
xAxisData.push(item.moduleName)
siomesData.push(item.visitCount)
}
)
chartOption2.value = Chart1(xAxisData, siomesData)
console.log(
'🚀 ~ file: index.vue:131 ~ Chart1(xAxisData, siomesData):',
Chart1(xAxisData, siomesData)
)
chartOption2.value = Chart1(xAxisData)
chartOption2.value.series[0] = {
data: siomesData,
itemStyle: {
color: function (params: any) {
return colorList[9 + params.dataIndex] || '#8F97F8'
}
},
type: 'bar'
}
// chartOption2.value.height=3000
// chartOption2.value.width=1000
}
@ -259,64 +436,9 @@ const echartsItemColor = [
'#6f5553',
'#c14089'
]
const barOption = {
width: '100%',
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]
}
}
}
]
}
// console.log(Object.assign(barOption.series[0], { data: [120, 200, 150, 80, 70, 110, 130, 123, 50] }));
const showModal = ref(false)
const setUserList = ref<any>([])
@ -327,14 +449,35 @@ const handleChild = async (data: any) => {
multipleSelection.value.forEach((i: { userId: any }) => {
userIdList.push(i.userId)
})
console.log("🚀 ~ file: index.vue:328 ~ userIdList:", userIdList)
}
const CloseThiss = (data?: boolean) => {
showModal.value = data || false
// 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>
<template>
@ -449,9 +592,10 @@ const isDev = false
<div class="overflow-auto h-720px">
<div class="mt20px w-full">
<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-for="i in dataList"
>
<span>{{ i.moduleName }}</span
><br />
@ -477,52 +621,74 @@ const isDev = false
<VChart key="yyy" ref="chartRef1" :option="chartOption1" />
</div>
<div class="mt-30px">
<div class="flex items-center" v-if="isDev">
<span class="text-#000 mr-10px">模块: </span>
<el-select
v-model="moduleCode"
placeholder="选择模块"
clearable
>
<el-option
v-for="item in externalList"
:key="item.id"
:label="item.moduleName"
:value="item.moduleCode"
/>
</el-select>
<el-button
type="primary"
:icon="Search"
size="small"
class="ml20px"
@click="handleClick({ paneName: activeName })"
>搜索</el-button
>
<el-button
type="primary"
:icon="Search"
size="small"
class="ml20px"
@click="showModal = true"
>部长以上人员足迹</el-button
>
</div>
<div class="pb-14px" v-if="isDev">
<div class=" flex flex-wrap mb-30px" >
<div class="flex items-center">
<span class="text-#000 mr-10px">部门: </span>
<!-- <el-select v-model="moduleCode" placeholder="选择部门" clearable>
<el-option
v-for="item in externalList"
:key="item.id"
:label="item.moduleName"
:value="item.moduleCode"
/>
</el-select> -->
<el-cascader
class="!w-380px"
v-model="deptId"
:options="treeData"
:props="{
expandTrigger: 'hover',
checkStrictly: true,
emitPath: false,
value: 'id'
}"
@change="handleChildChange"
clearable
></el-cascader>
<el-button
type="primary"
:icon="Search"
size="small"
class="ml20px"
@click="getInternalUserStat(0)"
>搜索</el-button
>
<el-button
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
class=" m-4 flex items-center justify-between w-45% h-full"
v-for="i in 10"
class="m-4 flex items-center justify-between w-45% h-full"
v-for="(item, i) in itemDataList"
:key="i"
>
<div class="flex items-center text-#000 text-22px">
<p class="text-bold text-40px">{{ i }}TH</p>
<div class="flex items-center text-#000 text-18px">
<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">
<img src="@/views/extermal/images/zanwly2.png" alt="" />
<p class="text-center mt-10">测试 {{ i }}</p>
<img
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>
<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 class="absolute bottom-2px right-30px z-20 bg-#fff">
@ -531,8 +697,8 @@ const isDev = false
v-model:page-size="pageInfo.pageSize"
layout="prev, pager, next, jumper"
:total="pageInfo.total"
@size-change="getInsideListPage"
@current-change="getInsideListPage"
@size-change="getInternalUserStat(isLeaderFlag, true)"
@current-change="getInternalUserStat(isLeaderFlag, true)"
/>
</div>
</div>
@ -557,7 +723,11 @@ const isDev = false
textAlign: 'center',
'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
@ -613,7 +783,11 @@ const isDev = false
textAlign: 'center',
'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="title"
@ -659,9 +833,10 @@ const isDev = false
<div>
<div class="mt20px w-full">
<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-for="i in externalList"
v-for="(i, e) in externalList"
>
<span>{{ i.moduleName }}</span
><br />
@ -678,21 +853,30 @@ const isDev = false
</div>
</div>
<n-modal v-model:show="showModal">
<UserList
:userDataList="setUserList"
@clickChild="handleChild"
@CloseThis="CloseThiss"
/>
</n-modal>
<UserList
:userDataList="setUserList"
@clickChild="handleChild"
@CloseThis="CloseThiss"
/>
</n-modal>
</template>
<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 {
display: inline-block;
height: 120px;
width: 220px;
background-image: url('@/assets/images/bg-card.svg');
background-size: cover;
// background-image: url('@/assets/images/bg-card.svg');
background-image: url('@/views/home/images/bei.png');
background-size: 60% 100%;
background-position: center right;
background-repeat: no-repeat;
border-radius: 18px;
box-shadow: 0px 6px 10px -2px rgba(43, 42, 42, 0.25);
}
@ -700,7 +884,9 @@ const isDev = false
.cardfoot:hover {
background-color: #fff;
box-shadow: 0px 9px 20px 7px rgba(92, 78, 218, 0.25);
color: #2042b4;
// color: #2042b4;
color: currentColor;
cursor: pointer;
}
.top {

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

@ -86,32 +86,39 @@ const states = reactive<any>({
// return { chartRef, option: optionRef, states }
// }
export function Chart1(xAxisData:any =[],siomesData:any=[],options={}) {
const option = {
width: '100%',
// height: '450px', // 设置图表高度为 400 像素
grid: { left: '10', top: 90, right: '10', bottom: '10', containLabel: true },
tooltip: {
trigger: 'axis'
},
xAxis: {
type: 'category',
data:xAxisData
},
yAxis: [
{
type: 'value'
}
],
series: [
{
data: siomesData,
color: '#8F97F8',
type: 'bar',
}
]
}
return {...option,...options}
export function Chart1(xAxisData: any = [], color = []) {
const option = {
width: '100%',
// height: '450px', // 设置图表高度为 400 像素
grid: {
left: '10',
top: 90,
right: '10',
bottom: '10',
containLabel: true
},
tooltip: {
trigger: 'axis'
},
xAxis: {
type: 'category',
data: xAxisData
},
yAxis: [
{
type: 'value'
}
],
series: [
{
data: [],
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()
if(dat&&dat!='null'&&dat.length>0){
metal.value = dat
from.value.label.radio = dat[0].value
state4.number = dat[0].value
// .filter((item:any) => {
// 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){
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>
<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="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;
}
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()
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 }
return { chartRef, option: optionRef, state }
}
export function Chart3() {
const chartRef = ref()
const optionRef = ref<any>({});
const chartRef = ref()
const optionRef = ref<any>({})
async function getDat() {
const {data} = await historyStatSevenDay({currencyCodeFrom:state2.currencyCodeFrom,currencyCodeTo:state2.currencyCodeTo})
if(!data) return
const dat = data[state2.currencyCodeFrom+'-'+state2.currencyCodeTo]
async function getDat() {
const { data } = await historyStatSevenDay({
currencyCodeFrom: state2.currencyCodeFrom,
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 像素
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',
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 }
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() {
const chartRef = ref()
const optionRef = ref<any>({})
const chartRef = ref()
const optionRef = ref<any>({});
async function getDat() {
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 {data} = await historyStatSevenDay({currencyCodeFrom:state3.currencyCodeFrom,currencyCodeTo:state3.currencyCodeTo})
if(!data) return
const dat = data[state3.currencyCodeFrom+'-'+state3.currencyCodeTo]
const option = {
grid: {
left: '10',
top: 90,
right: '10',
bottom: '10',
containLabel: true
},
const option = {
grid: { left: '10', top: 90, right: '10', bottom: '10', containLabel: true },
height: '150px', // 设置图表高度为 400 像素
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: {
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',
label: {
show: true,
position: 'top'
},
optionRef.value = option
}
const ss = computed(() => [state3.currencyCodeFrom, state3.currencyCodeTo])
watch(
() => unref(ss),
async (v) => {
console.log(state3.type)
},
]
}
optionRef.value = option;
}
const ss = computed(() => [state3.currencyCodeFrom,state3.currencyCodeTo])
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 }
getDat()
},
{ immediate: true, deep: true }
)
watchEffect(() => {
const option = chartRef.value
chartRef.value = option
})
return { chartRef, option: optionRef, state3 }
}
export function Chart5() {
const chartRef = ref()
const optionRef = ref<any>({});
let nameX: string[]
async function dataList() {
let SMM,LME
const {data} = await historyStat({number:state4.number,type:state4.type,dateList:state4.dateList})
if(data&&data[state4.number]){
SMM=data[state4.number].SMM
LME = data[state4.number].LME
}
const chartRef = ref()
const optionRef = ref<any>({})
let nameX: string[]
async function dataList() {
let SMM, LME
const { data } = await historyStat({
number: state4.number,
type: state4.type,
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 = {
// width: '250px', // 设置图表宽度为 800 像素
// 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:nameX
},
yAxis: [
{
type: 'value',
// name:'1',
},
{
// name:'2',
type: 'value',
},
],
series: [
{
name: 'SMM',
data: SMM,
color: '#FF9307',
type: 'line',
smooth: true
},
{
name: 'LME',
data: LME,
type: 'line',
color: '#0063ED',
smooth: true,
yAxisIndex: 1,
}
]
}
optionRef.value = option;
}
const ss = computed(() => [state4.number,state4.startTime,state4.endTime])
watch(() => unref(ss),
async (v) => {
// console.log(calculateDateIntervals(state4.startTime,state4.endTime),88888)
const {type,list} = calculateDateIntervals(state4.startTime,state4.endTime)
nameX =list
state4.dateList = list
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 }
const option = {
// width: '250px', // 设置图表宽度为 800 像素
// 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: nameX
},
yAxis: [
{
type: 'value'
// name:'1',
},
{
// name:'2',
type: 'value'
}
],
series: [
{
name: 'SMM',
data: SMM,
color: '#FF9307',
type: 'line',
smooth: true,
showDataShadow: true,
connectNulls: true
},
{
name: 'LME',
data: LME,
type: 'line',
color: '#0063ED',
smooth: true,
yAxisIndex: 1,
showDataShadow: true,
connectNulls: true
}
]
}
optionRef.value = option
}
const ss = computed(() => [state4.number, state4.startTime, state4.endTime])
watch(
() => unref(ss),
async (v) => {
// console.log(calculateDateIntervals(state4.startTime,state4.endTime),88888)
const { type, list } = calculateDateIntervals(
state4.startTime,
state4.endTime
)
nameX = list
state4.dateList = list
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() {
const chartRef = ref()
const optionRef = ref<any>({});
const chartRef = ref()
const optionRef = ref<any>({})
let nameX: string[]
async function getDat() {
const {data} = await rateHistoryStat({currencyCodeFrom:state5.currencyCodeFrom,currencyCodeTo:state5.currencyCodeTo,type:state5.type,dateList:state5.dateList})
const dat = data[state5.currencyCodeFrom+'-'+state5.currencyCodeTo]
const option = {
// width: '250px', // 设置图表宽度为 800 像素
// height: '150px', // 设置图表高度为 400 像素
grid: { left: '10', top: 90, right: '10', bottom: '10', containLabel: true },
tooltip: {
trigger: 'axis'
},
// legend: {
// data:state5.currencyCodeFrom-state5.currencyCodeTo,
// right: 20,
// top: 10,
// },
xAxis: {
type: 'category',
data:nameX
},
yAxis: {
type: 'value'
},
series: [
{
name: state5.currencyCodeFrom+'-'+state5.currencyCodeTo,
data: dat,
color: '#89DF75',
type: 'line',
smooth: 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)
let nameX: string[]
async function getDat() {
const { data } = await rateHistoryStat({
currencyCodeFrom: state5.currencyCodeFrom,
currencyCodeTo: state5.currencyCodeTo,
type: state5.type,
dateList: state5.dateList
})
const dat = (
data[state5.currencyCodeFrom + '-' + state5.currencyCodeTo] || []
).map((item: any) => (item == 0 ? null : item))
const option = {
// width: '250px', // 设置图表宽度为 800 像素
// height: '150px', // 设置图表高度为 400 像素
grid: {
left: '10',
top: 90,
right: '10',
bottom: '10',
containLabel: true
},
tooltip: {
trigger: 'axis'
},
// legend: {
// data:state5.currencyCodeFrom-state5.currencyCodeTo,
// right: 20,
// top: 10,
// },
xAxis: {
type: 'category',
data: nameX
},
yAxis: {
type: 'value'
},
series: [
{
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
state5.dateList = list
state5.type = type
getDat()
},
{ immediate: true, deep: true },
)
watchEffect(() => {
const option = chartRef.value;
chartRef.value = option;
});
return { chartRef, option: optionRef, state5 }
nameX = list
state5.dateList = list
state5.type = type
getDat()
},
{ immediate: true, deep: true }
)
watchEffect(() => {
const option = chartRef.value
chartRef.value = option
})
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 { useUserStore } from '@/stores/modules/user'
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 store = useUserStore()
const header = { 'token': store.user.token }
const header = { token: store.user.token }
const dataA = ref<any>([])
const editA = ref()
const editA = ref<any>({ stDateList: [] })
const metaList = ref<any>([])
const metaObj = ref<any>({})
const stDateList = ref<any>([])
const shomkA = ref(false)
const type =ref(2)
const type = ref(2)
async function getDataA() {
const {data} = await fetchGetHisPage({})
dataA.value = Object.entries(data).map(([key, value]:any) => {
const { data } = await fetchGetHisPage({})
dataA.value = Object.entries(data).map(([key, value]: any) => {
return {
stDate: key,
yearId: key,
children: value.map((item: any) => {
return {
...item,
numbers:metaObj.value[item.number]
}
})
children: value.map((item: any) => {
return {
...item,
numbers: metaObj.value[item.number]
}
})
}
})
// setDataFiles(dataArr);
// setDataFiles(dataArr);
}
onMounted(async () => {
const {data = []} = await getMetalList()
metaList.value = data
data.forEach((item: any) => {
metaObj.value[item.value] = item.title
})
getDataA();
const { data = [] } = await getMetalList()
metaList.value = data
data.forEach((item: any) => {
metaObj.value[item.value] = item.title
})
getDataA()
})
async function onSubmitA(row: { id: any; fileList?: any; title?: any }) {
console.log(row, 555)
const { id, title } = row
// let moduleId = 1;
let sendData= {}
if(!row.id){
sendData = { title,type:type.value,userIdList:userData.value };
if (row.fileList && row.fileList.length > 0) {
row.fileList.map(item => {
if(item.response) {
sendData.filePath = item.response.url;
// obj.title = title || computedName(item.response.originalFilename);
}
else {
sendData.filePath = item.url;
// obj.title = title || computedName(item.originalFilename);
}
})
}
console.log(row, 555)
const { id, title } = row
// let moduleId = 1;
let sendData = {}
if (!row.id) {
sendData = { title, type: type.value, userIdList: userData.value }
if (row.fileList && row.fileList.length > 0) {
row.fileList.map((item) => {
if (item.response) {
sendData.filePath = item.response.url
// obj.title = title || computedName(item.response.originalFilename);
} else {
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 = {}) => {
if (!row) return
editA.value = {...row}
// setUserList.value =[]
shomkA.value = true
if (!row) return
editA.value = { ...row }
editA.value.stDateList = [row.stDate, row.stDate]
stDateList.value = [row.stDate, row.stDate]
// setUserList.value =[]
shomkA.value = true
// editA.value.fileList = [{
// name: row.title,
// originalFilename: row.title,
// url: row.filePath,
// }]
// setUserList.value =row.userIdList
// editA.value.fileList = [{
// name: row.title,
// originalFilename: row.title,
// url: row.filePath,
// }]
// setUserList.value =row.userIdList
}
async function handleDeleteA(index: number, row: any) {
const { id } = row
if (!id) return
const { code, msg } = await fetchDelHis({ id,type:type.value })
if (code === 200) { message.success("删除成功！") }
else { message.error(msg) }
getDataA();
const { id } = row
if (!id) return
const { code, msg } = await fetchDelHis({ id, type: type.value })
if (code === 200) {
message.success('删除成功！')
} else {
message.error(msg)
}
getDataA()
}
const showModal = ref(false)
const flg = ref()
const setUserList =ref()
const setUserList = ref()
async function getUser(row) {
console.log(row)
showModal.value = !showModal.value
flg.value = row
if(row.id&&row.userIdList){
setUserList.value = row.userIdList
}
// const {data: userArr} = await getBPCUser({moduleId})
// setUserList.value = userArr
console.log(row)
showModal.value = !showModal.value
flg.value = row
if (row.id && row.userIdList) {
setUserList.value = row.userIdList
}
// const {data: userArr} = await getBPCUser({moduleId})
// setUserList.value = userArr
}
// 获取子组件传过来的值
const userData = ref()
const handleChild = (data: any) => {
console.log(data, 444);
const { showModal: show, multipleSelection } = data
showModal.value = unref(show)
let userIdList: any[] =[]
multipleSelection.value.forEach((i: { userId: any })=>{
userIdList.push(i.userId)
})
if(flg.value.id){
flg.value.userIdList = userIdList
marketPreADD(flg.value)
getDataA();
console.log(flg.value)
}
userData.value = userIdList
}
const CloseThiss = (data: boolean)=>{
showModal.value = data
}
const goBacks = () => {
// 获取子组件传过来的值
const userData = ref()
const handleChild = (data: any) => {
const { showModal: show, multipleSelection } = data
showModal.value = unref(show)
let userIdList: any[] = []
multipleSelection.value.forEach((i: { userId: any }) => {
userIdList.push(i.userId)
})
if (flg.value.id) {
flg.value.userIdList = userIdList
marketPreADD(flg.value)
getDataA()
console.log(flg.value)
}
userData.value = userIdList
}
const CloseThiss = (data: boolean) => {
showModal.value = data
}
const goBacks = () => {
history.back()
}
const editForm = ref(null)
const channelList = ref([{
label:'LME',
value:'LME'
},
{
label:'SMM',
value:'SMM'
}])
const channelList = ref([
{
label: 'LME',
value: 'LME'
},
{
label: 'SMM',
value: 'SMM'
}
])
const handleClickA = async () => {
let res:any = {}
if(editA.value.id){
res = await fetchUpdateHis(editA.value)
}else{
res = await fetchSaveHis(editA.value)
}
if(res.code == 200){
shomkA.value = false
message.success("操作成功！")
getDataA();
}else{
message.error(res.msg)
}
if (stDateList.length == 0) {
message.error('请选择日期!')
return
}
const req = { ...editA.value }
req.stDateList = generateDateRange()
console.log('🚀 ~ file: dataModify.vue:173 ~ req:', req)
let res: any = await fetchSaveHis(req)
if (res.code == 200) {
shomkA.value = false
message.success('操作成功！')
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>
<template>
<HomeHead class="top">
<template #content>
<!-- <HomeHeadSearch /> -->
</template>
</HomeHead>
<AppBlock class="w-full h950px p30px text-#000">
<div class="font-600 flex items-center">
<!-- <img src="./images/logo.svg" class="h56px mr21px" /> -->
<div class="text-36px text-#000">市况数据管理</div>
</div>
<div class=" cont relative w100% h800px overflow-y-auto">
<el-button type="primary" @click="handleEditA" class="my20px">市况数据新增</el-button>
<div
class="rounded-md float-right mr-80px mt-20px px20px py10px z-200 bg-#f5f5f5 flex items-center justify-center w-100px"
@click="goBacks"
>
<el-icon><ArrowLeftBold size="18" /></el-icon> 返回
</div>
<el-table :data="dataA" style="width: 95%" row-key="id"
:header-cell-style="{ background: '#2A7BF7', color: '#fff', height: '60px', textAlign: 'center', 'font-size': '24px' }"
:cell-style="{ 'text-align': 'center' }">
<el-table-column label="日期" prop="stDate" />
<el-table-column label="渠道" prop="channel" />
<el-table-column label="编号" prop="numbers" />
<el-table-column label="金额" prop="negAmount" />
<HomeHead class="top">
<template #content>
<!-- <HomeHeadSearch /> -->
</template>
</HomeHead>
<AppBlock class="w-full h950px p30px text-#000">
<div class="font-600 flex items-center">
<!-- <img src="./images/logo.svg" class="h56px mr21px" /> -->
<div class="text-36px text-#000">市况数据管理</div>
</div>
<div class="cont relative w100% h800px overflow-y-auto">
<el-button type="primary" @click="handleEditA" class="my20px"
>市况数据新增</el-button
>
<div
class="rounded-md float-right mr-80px mt-20px px20px py10px z-200 bg-#f5f5f5 flex items-center justify-center w-100px"
@click="goBacks"
>
<el-icon><ArrowLeftBold size="18" /></el-icon> 返回
</div>
<el-table
:data="dataA"
style="width: 95%"
row-key="yearId"
: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">
<span v-if="scope.row.userIdList" v-for="it in scope.row.userIdList"> &nbsp;&nbsp; {{it.nickName}}</span>
</template>
</el-table-column> -->
<el-table-column label="操作" width="180px">
<template #default="scope">
<template v-if="!scope.row.children?.length">
<el-button size="small" @click="handleEditA('edit', scope.row)">编辑</el-button>
<el-button size="small" type="danger" @click="handleDeleteA(scope.$index, scope.row)">删除</el-button>
</template>
</template>
</el-table-column>
</el-table>
</div>
</AppBlock>
<el-table-column label="操作" width="180px">
<template #default="scope">
<template v-if="!scope.row.children?.length">
<el-button size="small" @click="handleEditA('edit', scope.row)"
>编辑</el-button
>
<el-button
size="small"
type="danger"
@click="handleDeleteA(scope.$index, scope.row)"
>删除</el-button
>
</template>
</template>
</el-table-column>
</el-table>
</div>
</AppBlock>
<el-dialog
<el-dialog
:z-index="200"
v-model="shomkA"
title=" "
width="30%"
title=" "
width="30%"
:modal="false"
top="30vh"
@close="editForm?.resetFields()"
>
>
<div class="bg-#FFF">
<el-form ref="editForm" :model="editA" label-width="100px" size="large">
<el-form-item label="日期" prop="stDate">
<el-date-picker
<!-- <el-date-picker
class="!w-90%"
v-model="editA.stDate"
type="date"
placeholder="选择日期"
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>
<br />
<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
v-for="item in channelList"
:key="item.value"
@ -247,7 +314,12 @@ const handleClickA = async () => {
</el-form-item>
<br />
<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
v-for="item in metaList"
:key="item.value"
@ -261,12 +333,16 @@ const handleClickA = async () => {
<el-input-number
v-model="editA.negAmount"
:controls="false"
class="!w-90%"
class="!w-100%"
/>
</el-form-item>
<br />
<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
>
</div>
@ -274,32 +350,36 @@ const handleClickA = async () => {
</div>
</el-dialog>
<n-modal v-model:show="showModal">
<UserList :userDataList="setUserList" @clickChild="handleChild" @CloseThis="CloseThiss"/>
</n-modal>
<n-modal v-model:show="showModal">
<UserList
:userDataList="setUserList"
@clickChild="handleChild"
@CloseThis="CloseThiss"
/>
</n-modal>
</template>
<style lang="less" scoped>
.demo-tabs > .el-tabs__content {
color: #6b778c;
font-size: 32px;
font-weight: 600;
color: #6b778c;
font-size: 32px;
font-weight: 600;
}
.top {
position: absolute;
right: 30px;
top: -92px;
position: absolute;
right: 30px;
top: -92px;
}
.flex-center {
display: flex;
justify-content: center;
margin: 0 auto;
display: flex;
justify-content: center;
margin: 0 auto;
}
:deep(.el-input-number .el-input__inner){
:deep(.el-input-number .el-input__inner) {
text-align: left !important;
}
:deep{
.el-dialog__body{
:deep {
.el-dialog__body {
margin-top: 18px;
padding-top: 10px;
}