yangzifeng/shzg_projectManage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页修改

Browse Source
This commit is contained in:
zx
2026-02-04 15:28:28 +08:00
parent 7340260cb2
commit 34e0ab22e1
4 changed files with 243 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
src/api/index.js
View File

@@ -1,78 +1,69 @@
import request from '@/utils/request'
// 入/出库数量
export const getMonthCount = () => {
import request from "@/utils/request";
// 获取月统计、当前入库类型统计、物资类型统计接口
export const getHomeState = (data) => {
return request({
url: '/stat/month/summary',
method: 'get'
})
}
url: "/stat/home",
method: "post",
data: data,
});
};
// 入库类型统计 - 时间查询
export const getInTypeByTime = (data) => {
return request({
url: "/stat/inTypeByTime",
method: "post",
data: data,
});
};
// 出库类型统计 - 时间查询
export const getOutTypeByTime = (data) => {
return request({
url: "/stat/outTypeByTime",
method: "post",
data: data,
});
};
// 通知公告展示
export const getNoticeList= () => {
return request({
url: "/system/notice/list",
method: "get",
});
};
// 预警 + 库龄统计(库龄超过30/60天统计)
export const getAgeLong = () => {
return request({
url: '/stat/stockAge/stat',
method: 'get'
})
}
url: "/stat/stockAge/stat",
method: "get",
});
};
// 仓库使用率
export const getInventoryReview = () => {
return request({
url: '/stat/warehouse/slot',
method: 'get'
})
}
url: "/stat/warehouse/slot",
method: "get",
});
};
// 待办事项(应到未到统计)
export const getWait = (params) => {
return request({
url: '/stat/todo',
method: 'get',
params
})
}
url: "/stat/todo",
method: "get",
params,
});
};
// 当前入库类型统计(根据入库类型统计项目数，条目数，总金额)
export const getInStorage = () => {
return request({
url: '/stat/type/summary',
method: 'get'
})
}
// 物资类型统计
export const getGoodsType = () => {
return request({
url: '/stat/stock/wlType',
method: 'get'
})
}
// 入/出库指标统计(天级出入库统计)
export const getDailyInventory = (params) => {
return request({
url: '/stat/week/daily',
method: 'get',
params
})
}
url: "/stat/week/daily",
method: "get",
params,
});
};
// 根据出库类型，自定义时间筛选统计入库情况
export const getInventoryType = (params) => {
return request({
url: '/stat/type/range',
method: 'get',
params
})
}
// 根据入库类型，自定义时间筛选统计出库情况
export const getOutInventoryType = (params) => {
return request({
url: '/stat/type/out/range',
method: 'get',
params
})
}

429
src/views/index.vue
View File

@@ -1,34 +1,40 @@
<template>
<div class="dashboard app-container">
<el-row :gutter="24">
<el-col :span="3">
<el-col :span="4">
<div class="boxNum" style="background: linear-gradient(to right bottom, #ec4786, #b955a4)">
<div style="font-size: 18px;">月项目数(入库)</div>
<div class="boxNum_icon">
<el-icon size="24"><OfficeBuilding /></el-icon>
<div>{{ countObj.inSummary.projectCount }}</div>
<el-icon size="24">
<OfficeBuilding />
</el-icon>
<div>{{ countObj.monthInCount }}</div>
</div>
</div>
</el-col>
<el-col :span="3">
<el-col :span="4">
<div class="boxNum" style="background: linear-gradient(to right bottom, #865ec0, #5144b4);">
<div style="font-size: 18px;">月条目数(入库)</div>
<div class="boxNum_icon">
<el-icon size="24"><OfficeBuilding /></el-icon>
<div>{{ countObj.inSummary.itemCount }}</div>
<el-icon size="24">
<OfficeBuilding />
</el-icon>
<div>{{ countObj.monthInProjectCount }}</div>
</div>
</div>
</el-col>
<el-col :span="3">
<el-col :span="4">
<div class="boxNum" style="background: linear-gradient(to right bottom, #56cdf3, #719de3);">
<div style="font-size: 18px;">月总金额(入库)</div>
<div class="boxNum_icon">
<el-icon size="24"><OfficeBuilding /></el-icon>
<div>{{ countObj.inSummary.amountHt }}</div>
<el-icon size="24">
<OfficeBuilding />
</el-icon>
<div>{{ countObj.monthInAmount }}</div>
</div>
</div>
</el-col>
<el-col :span="3">
<!-- <el-col :span="3">
<div class="boxNum" style="background: linear-gradient(to right bottom, #fcbc25, #f68057);">
<div style="font-size: 18px;">月总数(入库)</div>
<div class="boxNum_icon">
@@ -36,35 +42,41 @@
<div>{{ countObj.inSummary.totalQty }}</div>
</div>
</div>
</el-col>
<el-col :span="3">
</el-col> -->
<el-col :span="4">
<div class="boxNum" style="background: linear-gradient(to right bottom, #ec4786, #b955a4)">
<div style="font-size: 18px;">月项目数(出库)</div>
<div class="boxNum_icon">
<el-icon size="24"><OfficeBuilding /></el-icon>
<div>{{ countObj.outSummary.projectCount }}</div>
<el-icon size="24">
<OfficeBuilding />
</el-icon>
<div>{{ countObj.monthOutCount }}</div>
</div>
</div>
</el-col>
<el-col :span="3">
<el-col :span="4">
<div class="boxNum" style="background: linear-gradient(to right bottom, #865ec0, #5144b4);">
<div style="font-size: 18px;">月条目数(出库)</div>
<div class="boxNum_icon">
<el-icon size="24"><OfficeBuilding /></el-icon>
<div>{{ countObj.outSummary.itemCount }}</div>
<el-icon size="24">
<OfficeBuilding />
</el-icon>
<div>{{ countObj.monthOutProjectCount }}</div>
</div>
</div>
</el-col>
<el-col :span="3">
<el-col :span="4">
<div class="boxNum" style="background: linear-gradient(to right bottom, #56cdf3, #719de3);">
<div style="font-size: 18px;">月总金额(出库)</div>
<div class="boxNum_icon">
<el-icon size="24"><OfficeBuilding /></el-icon>
<div>{{ countObj.outSummary.amountHt }}</div>
<el-icon size="24">
<OfficeBuilding />
</el-icon>
<div>{{ countObj.monthOutAmount }}</div>
</div>
</div>
</el-col>
<el-col :span="3">
<!-- <el-col :span="3">
<div class="boxNum" style="background: linear-gradient(to right bottom, #fcbc25, #f68057);">
<div style="font-size: 18px;">月总数(出库)</div>
<div class="boxNum_icon">
@@ -72,7 +84,7 @@
<div>{{ countObj.outSummary.totalQty }}</div>
</div>
</div>
</el-col>
</el-col> -->
</el-row>
<el-row :gutter="24" style="margin-top: 20px;">
@@ -114,7 +126,9 @@
<div class="line"></div>
<div class="name" style="display: flex;align-items: center;justify-content: space-between;flex: 1;">
<div>库龄统计</div>
<el-icon style="cursor: pointer;" @click="downloadExcel"><Download /></el-icon>
<el-icon style="cursor: pointer;" @click="downloadExcel">
<Download />
</el-icon>
</div>
</div>
<el-row :gutter="24" style="margin-top: 25px;height: 100%;">
@@ -180,21 +194,21 @@
<div style="font-size: 32px; font-family: PingFang SC-Medium;">9999</div>
<div style="margin-top: 16px; font-family: PingFang SC-Regular;">待盘点</div>
</div> -->
<el-table :data="waitTableData" :header-row-style="handleCellStyle" style="margin-top: 20px;" >
<el-table :data="waitTableData" :header-row-style="handleCellStyle" style="margin-top: 20px;">
<el-table-column prop="type" label="类型" width="150" align="center">
<template #default="scope">
<span style="color:#ee6666;font-weight: 550;">{{scope.row.type}}</span>
<span style="color:#ee6666;font-weight: 550;">{{ scope.row.type }}</span>
</template>
</el-table-column>
<!-- <el-table-column prop="situation" label="情况" /> -->
<el-table-column prop="projectCnt" label="项目数" align="center"/>
<el-table-column prop="totalAmt" label="总金额" align="center"/>
<el-table-column prop="totalQty" label="总数量" align="center"/>
<el-table-column prop="projectCnt" label="项目数" align="center" />
<el-table-column prop="totalAmt" label="总金额" align="center" />
<el-table-column prop="totalQty" label="总数量" align="center" />
</el-table>
</div>
</div>
</el-col>
</el-row>
@@ -254,13 +268,17 @@
</div>
</div>
<div class="echartsBox" style="overflow-y: auto;">
<div v-for="(item,index) in noticeList" :key="index">
<div v-for="(item, index) in noticeList" :key="index">
<div style="display: flex; align-items: center; justify-content: space-between; margin-top: 13px">
<div style="width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;">{{ item.noticeTitle }}</div>
<div style="color: #0288FF; font-size: 14px; cursor: pointer;" @click="goNotice(item.noticeId)">详情</div>
<div
style="width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;">
{{
item.noticeTitle }}</div>
<div style="color: #0288FF; font-size: 14px; cursor: pointer;" @click="goNotice(item.noticeId)">详情
</div>
</div>
</div>
</div>
</div>
</div>
</el-col>
</el-row>
@@ -273,15 +291,8 @@
<div class="line"></div>
<div class="name">
<div>入库类型统计</div>
<el-date-picker
v-model="dateInventoryTypeObj"
type="daterange"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
value-format="YYYY-MM-DD"
style="margin: 0 20px;"
/>
<el-date-picker v-model="dateInventoryTypeObj" type="daterange" range-separator="至"
start-placeholder="开始时间" end-placeholder="结束时间" value-format="YYYY-MM-DD" style="margin: 0 20px;" />
<el-button type="primary" @click="getInventoryTypeList">搜索</el-button>
</div>
</div>
@@ -294,15 +305,8 @@
<div class="line"></div>
<div class="name">
<div>出库类型统计</div>
<el-date-picker
v-model="dateOutInventoryTypeObj"
type="daterange"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
value-format="YYYY-MM-DD"
style="margin: 0 20px;"
/>
<el-date-picker v-model="dateOutInventoryTypeObj" type="daterange" range-separator="至"
start-placeholder="开始时间" end-placeholder="结束时间" value-format="YYYY-MM-DD" style="margin: 0 20px;" />
<el-button type="primary" @click="getOutInventoryTypeList">搜索</el-button>
</div>
</div>
@@ -311,22 +315,22 @@
</el-col>
</el-row>
<el-dialog title="公告详情" v-model="open" width="780px" append-to-body @close="closeDialog">
<el-form ref="noticeRef" :model="form" :rules="rules" label-width="80px">
<el-row>
<el-col :span="24">
<el-form-item label="内容">
<editor v-model="noticeContent" :min-height="192" :readOnly="true" :showToolbar="false" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- <template #footer>
<el-form ref="noticeRef" :model="form" :rules="rules" label-width="80px">
<el-row>
<el-col :span="24">
<el-form-item label="内容">
<editor v-model="noticeContent" :min-height="192" :readOnly="true" :showToolbar="false" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- <template #footer>
<div class="dialog-footer" >
<el-button type="primary" @click="submitForm" :disabled="isDetail">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</template> -->
</el-dialog>
</el-dialog>
<!-- <el-row :gutter="24" style="margin-top: 20px;">
<el-col :span="24" style="height: 400px;">
@@ -389,7 +393,7 @@
</div>
</el-col>
</el-row> -->
</div>
</template>
@@ -397,41 +401,45 @@
<script setup>
import * as echarts from 'echarts';
import { onMounted } from "vue";
import { getMonthCount, getAgeLong, getWait, getInventoryReview, getInStorage, getGoodsType, getDailyInventory, getInventoryType, getOutInventoryType } from '@/api/index'
import { listNotice,getNotice } from "@/api/system/notice";
import { getHomeState, getAgeLong, getWait, getInventoryReview, getOutTypeByTime, getInTypeByTime, getDailyInventory, getNoticeList } from '@/api/index'
import { listNotice, getNotice } from "@/api/system/notice";
import { parseTime } from '@/utils/manage'
const open = ref(false);
const noticeContent = ref("")
const { proxy } = getCurrentInstance();
const a = (scope) => {
console.log(scope)
}
let countObj = ref({
inSummary:{},
outSummary:{},
})
const getMonthCountList = () => {
getMonthCount().then(res => {
countObj.value = res.data
})
}
// 顶部月统计数据
let countObj = ref({})
let colorList = ref(['#00968F', '#0077a0', '#61cdbb'])
// 查询时间
let startTime = parseTime(new Date(Date.now() - 30 * 24 * 60 * 60 * 1000), '{y}-{m}-{d}') // 14天前
let endTime = parseTime(new Date(), '{y}-{m}-{d}') // 当前时间
const getAgeLongList = () => {
getAgeLong().then(res => {
let data1 = res.data.slice(0, 3)
getChartInventoryAge(data1, "inventoryAgeEchatrs")
let data2 = res.data.slice(3)
getChartInventoryAge(data2, "warningEchatrs")
// 获取月统计、当前入库类型统计、物资类型统计接口
const getMonthCountList = (params) => {
getHomeState(params).then(res => {
// 月统计
countObj.value = res.data?.kpi
// 当前入库类型统计
getChartInStorage(res.data?.currentInType, "echartsInStorage")
//物资类型统计
getChartGoodsType(res.data?.materialType)
})
}
// 预警 + 库龄统计
const getAgeLongList = () => {
getAgeLong().then(res => {
let data1 = res.data.slice(0, 3)
getChartInventoryAge(data1, "inventoryAgeEchatrs")
let data2 = res.data.slice(3)
getChartInventoryAge(data2, "warningEchatrs")
})
}
// 自定义单元格样式
// const handleCellStyle = ({ row, column, rowIndex, columnIndex }) => {
@@ -448,80 +456,50 @@ const getAgeLongList = () => {
// // 其他默认样式
// return { backgroundColor: '#FFFFFF', color: '#333333' };
// };
const handleCellStyle = ()=>{
const handleCellStyle = () => {
return { backgroundColor: '#f5f7fa' }
}
let waitTableData = ref([
// {
// type: '应到未到[部分未到]',
// situation: '部分未到',
// projectCount: '',
// itemCount: '',
// totalQty: '',
// amountPlan: ''
// },
// {
// type: '应到未到[全部未到]',
// situation: '全部未到',
// projectCount: '',
// itemCount: '',
// totalQty: '',
// amountPlan: ''
// },
// {
// type: '应出未出[全部未出]',
// situation: '全部未出',
// projectCount: '',
// itemCount: '',
// totalQty: '',
// amountPlan: ''
// }
])
// 待办事项数据
let waitTableData = ref([])
const getWaitList = () => {
getWait().then(res => {
waitTableData.value = res.data
})
}
// 仓库使用率数据
const getInventoryReviewList = () => {
getInventoryReview().then(res => {
getChartInventoryReview(res.data)
})
}
const getInStorageList = () => {
getInStorage().then(res => {
getChartInStorage(res.data, "echartsInStorage")
})
}
const getGoodsTypeList = () => {
getGoodsType().then(res => {
getChartGoodsType(res.data)
})
}
const dateInventoryTypeObj = ref([startTime, endTime])
// 入库类型统计-时间搜索
const dateInventoryTypeObj = ref([])
const getInventoryTypeList = () => {
let params = {
start: dateInventoryTypeObj.value[0],
end: dateInventoryTypeObj.value[1]
startDate: dateInventoryTypeObj.value?.[0],
endDate: dateInventoryTypeObj.value?.[1]
}
getInventoryType(params).then(res => {
getInTypeByTime(params).then(res => {
getChartInventoryType(res.data, "echartsInventoryType")
})
}
const dateOutInventoryTypeObj = ref([startTime, endTime])
// 出库类型统计-时间搜索
const dateOutInventoryTypeObj = ref([[]])
const getOutInventoryTypeList = () => {
let params = {
start: dateOutInventoryTypeObj.value[0],
end: dateOutInventoryTypeObj.value[1]
startDate: dateOutInventoryTypeObj.value?.[0],
endDate: dateOutInventoryTypeObj.value?.[1]
}
getOutInventoryType(params).then(res => {
getOutTypeByTime(params).then(res => {
getChartInventoryType(res.data, "echartsOutInventoryType")
})
}
// todo 已注释内容 - 出库指标统计/入库指标统计
const getChartDailyInventory = (data, id) => {
let xAxisData = []
let projectData = []
@@ -564,7 +542,7 @@ const getChartDailyInventory = (data, id) => {
type: 'category',
data: xAxisData,
axisLabel: {
rotate: 30,
rotate: 30,
},
axisPointer: {
type: 'shadow'
@@ -643,6 +621,7 @@ const getChartDailyInventory = (data, id) => {
]
});
}
const dateDailyInventoryObj = ref([startTime, endTime])
const getDailyInventoryList = () => {
let params = {
@@ -654,41 +633,22 @@ const getDailyInventoryList = () => {
getChartDailyInventory(res.data.out, "echartsDailyOutInventory")
})
}
//todo 注释内容完成
const noticeList = ref([
// {
// id: 1,
// title: "本公司董事会及全体董事保证本公告内容不存在任何虚假记载、误导性陈述或者重大遗漏，并对其内容的真实性、准确性和完整性承担法律责任。",
// },
// {
// id: 2,
// title: "国内贸易指采购和销售均在境内。公司接到客户订单后，按照合同约定收取预收款，部分纸张业务客户预付定金10%，浆类业务客户无预付定金，棉纱及部分塑..."
// },
// {
// id: 3,
// title: "进出口贸易包括进口贸易（国外采购销售给国内客户）和出口贸易（国内采购销售给国外客户）。"
// },
// {
// id: 4,
// title: "进口贸易指自国外进口采购，于国内销售的贸易业务。公司接到客户订单后（棉纱及塑料粒子类客户预付定金一般约为5-10%，部分纸张及印刷设备代理类客户..."
// },
// {
// id: 5,
// title: "企业自第三方取得商品控制权后，通过提供重大的服务将该商品与其他商品整合成某组合产出转让给客户。"
// }
])
const getNoticeList = () => {
listNotice().then(res => {
// 通知公告列表
const noticeList = ref([])
const getNoticeListValue = () => {
getNoticeList().then(res => {
noticeList.value = res.rows;
})
}
//通知公告详情
const open = ref(false);
const noticeContent = ref("")
const goNotice = (noticeId) => {
getNotice(noticeId).then(response => {
noticeContent.value = response.data.noticeContent;
open.value = true;
});
// 张金波注释，不跳转到列表，只弹开详情
// proxy.$router.push({
@@ -696,20 +656,19 @@ const goNotice = (noticeId) => {
// })
}
onMounted(() => {
// getMonthCountList()
getAgeLongList()
getWaitList()
getInventoryReviewList()
// getInStorageList()
// getGoodsTypeList()
// getInventoryTypeList()
// getOutInventoryTypeList()
// getDailyInventoryList()
// getNoticeList()
// 入库类型统计查询时间
dateInventoryTypeObj.value = [startTime, endTime]
// 出库类型统计查询时间
dateOutInventoryTypeObj.value = [startTime, endTime]
getMonthCountList()// 获取月统计、当前入库类型统计、物资类型统计接口
getAgeLongList()// 预警 + 库龄统计
getWaitList()// 待办事项数据
getInventoryReviewList()// 仓库使用率数据
getInventoryTypeList()// 入库类型统计-时间搜索
getOutInventoryTypeList()// 出库类型统计-时间搜索
getNoticeListValue()// 通知公告列表
});
const downloadExcel = () => {
@@ -717,6 +676,7 @@ const downloadExcel = () => {
}
// 预警 + 库龄统计 图表
const getChartInventoryAge = (data, id) => {
let chartDom = document.getElementById(id);
let myChart = echarts.init(chartDom);
@@ -728,6 +688,7 @@ const getChartInventoryAge = (data, id) => {
orient: 'vertical',
left: 'left'
},
color: colorList.value,
series: [
{
name: '库龄',
@@ -745,7 +706,7 @@ const getChartInventoryAge = (data, id) => {
]
});
}
// 仓库使用率数据图表
const getChartInventoryReview = (data) => {
let xAxisData = []
let totalData = []
@@ -773,6 +734,7 @@ const getChartInventoryReview = (data) => {
// bottom: '8%',
},
legend: {},
color: colorList.value,
yAxis: {
type: 'value',
boundaryGap: [0, 0.01]
@@ -781,7 +743,7 @@ const getChartInventoryReview = (data) => {
type: 'category',
data: xAxisData,
axisLabel: {
rotate: 30,
rotate: 30,
},
},
series: [
@@ -803,19 +765,18 @@ const getChartInventoryReview = (data) => {
]
});
}
// 当前入库类型统计图表
const getChartInStorage = (data, id) => {
let xAxisData = []
let projectData = []
let totalData = []
let itemData = []
let priceData = []
data.forEach(item => {
xAxisData.push(item.groupName)
projectData.push(item.projectCount)
itemData.push(item.goodsCountTotal)
totalData.push(item.sumQty)
priceData.push(item.sumAmount)
xAxisData.push(item.groupName)
projectData.push(item.projectCount) //项目数
totalData.push(item.totalQuantity) //总数量
priceData.push(item.totalAmount)//总金额
})
var chartDom = document.getElementById(id);
var myChart = echarts.init(chartDom);
@@ -843,12 +804,13 @@ const getChartInStorage = (data, id) => {
legend: {
// data: ['项目数', '条目数', '总金额']
},
color: colorList.value,
xAxis: [
{
type: 'category',
data: xAxisData,
axisLabel: {
rotate: 30,
rotate: 30,
},
axisPointer: {
type: 'shadow'
@@ -903,16 +865,6 @@ const getChartInStorage = (data, id) => {
},
data: projectData
},
{
name: '条目数',
type: 'bar',
tooltip: {
valueFormatter: function (value) {
return value + ' 个';
}
},
data: itemData
},
{
name: '总数量',
type: 'bar',
@@ -937,19 +889,17 @@ const getChartInStorage = (data, id) => {
]
});
}
// 物资类型统计图表
const getChartGoodsType = (data) => {
let xAxisData = []
let projectData = []
let totalData = []
let itemData = []
let priceData = []
data.forEach(item => {
xAxisData.push(item.typeName)
projectData.push(item.projectCount)
totalData.push(item.totalQty)
itemData.push(item.itemCount)
priceData.push(item.amountHt)
xAxisData.push(item.groupName)
projectData.push(item.projectCount) //项目数
totalData.push(item.totalQuantity) //总数量
priceData.push(item.totalAmount)//总金额
})
var chartDom = document.getElementById("echartsGoodsType");
var myChart = echarts.init(chartDom);
@@ -977,12 +927,13 @@ const getChartGoodsType = (data) => {
legend: {
// data: ['项目数', '条目数', '总金额']
},
color: colorList.value,
xAxis: [
{
type: 'category',
data: xAxisData,
axisLabel: {
rotate: 30,
rotate: 30,
},
axisPointer: {
type: 'shadow'
@@ -1037,16 +988,16 @@ const getChartGoodsType = (data) => {
},
data: projectData
},
{
name: '条目数',
type: 'bar',
tooltip: {
valueFormatter: function (value) {
return value + ' 个';
}
},
data: itemData
},
// {
// name: '条目数',
// type: 'bar',
// tooltip: {
// valueFormatter: function (value) {
// return value + ' 个';
// }
// },
// data: itemData
// },
{
name: '总数量',
type: 'bar',
@@ -1071,7 +1022,7 @@ const getChartGoodsType = (data) => {
]
});
}
// 入库类型统计/出库类型统计图表
const getChartInventoryType = (data, id) => {
let xAxisData = []
let projectData = []
@@ -1079,11 +1030,10 @@ const getChartInventoryType = (data, id) => {
let itemData = []
let priceData = []
data.forEach(item => {
xAxisData.push(item.rkTypeName)
projectData.push(item.projectCount)
totalData.push(item.sumQty)
itemData.push(item.goodsCountTotal)
priceData.push(item.sumAmount)
xAxisData.push(item.groupName)
projectData.push(item.projectCount) //项目数
totalData.push(item.totalQuantity) //总数量
priceData.push(item.totalAmount)//总金额
})
var chartDom = document.getElementById(id);
var myChart = echarts.init(chartDom);
@@ -1108,6 +1058,7 @@ const getChartInventoryType = (data, id) => {
grid: {
// bottom: '8%',
},
color: colorList.value,
legend: {
// data: ['项目数', '条目数', '总金额']
},
@@ -1116,7 +1067,7 @@ const getChartInventoryType = (data, id) => {
type: 'category',
data: xAxisData,
axisLabel: {
rotate: 30,
rotate: 30,
},
axisPointer: {
type: 'shadow'
@@ -1171,16 +1122,6 @@ const getChartInventoryType = (data, id) => {
},
data: projectData
},
{
name: '条目数',
type: 'bar',
tooltip: {
valueFormatter: function (value) {
return value + ' 个';
}
},
data: itemData
},
{
name: '总数量',
@@ -1208,13 +1149,10 @@ const getChartInventoryType = (data, id) => {
}
</script>
<style scoped lang="scss">
.dashboard{
.dashboard {
// position: absolute;
// top: 0;
// bottom: 0;
@@ -1224,8 +1162,9 @@ const getChartInventoryType = (data, id) => {
// flex-direction: column;
background-color: #F5F5F5;
padding: 32rpx;
.boxNum{
height: 98px;
.boxNum {
height: 100px;
width: 100%;
border-radius: 8px;
color: #FFFFFF;
@@ -1234,7 +1173,8 @@ const getChartInventoryType = (data, id) => {
justify-content: center;
align-items: flex-start;
padding: 0 20px;
.boxNum_icon{
.boxNum_icon {
display: flex;
align-items: center;
justify-content: space-between;
@@ -1242,9 +1182,11 @@ const getChartInventoryType = (data, id) => {
margin-top: 10px;
}
}
.titleBox{
.titleBox {
display: flex;
align-items: center;
.line {
width: 6px;
height: 15px;
@@ -1252,7 +1194,8 @@ const getChartInventoryType = (data, id) => {
border-radius: 12px 12px 12px 12px;
transform: rotateX(360deg);
}
.name{
.name {
margin-left: 8px;
display: flex;
align-items: center;
@@ -1267,29 +1210,33 @@ const getChartInventoryType = (data, id) => {
text-transform: none;
}
}
.main{
.main {
background-color: #FFFFFF;
padding: 20px;
box-shadow: 0px 4px 12px 0px rgba(255, 223, 217, 0.2);
border-radius: 6px;
height: 360px;
.main_progress{
.main_progress {
margin-top: 20px;
margin-bottom: 8px;
}
.main_box{
.main_box {
width: 88%;
height: 110px;
cursor: pointer;
margin-top: 25px;
background:#E2F1FE;
background: #E2F1FE;
border-radius: 4px;
display: flex;
justify-content: center;
text-align: center;
flex-direction: column;
}
.warningBox{
.warningBox {
border-radius: 8px;
border: #fecaca 1px solid;
height: 100%;
@@ -1301,14 +1248,16 @@ const getChartInventoryType = (data, id) => {
font-size: 24px;
}
}
.echartsMain{
.echartsMain {
background-color: #FFFFFF;
height: 100%;
border-radius: 6px;
padding: 20px;
display: flex;
flex-direction: column;
.echartsBox{
.echartsBox {
flex: 1;
}
}

5
src/views/wisdom/bill/index.vue
View File

@@ -638,7 +638,7 @@ import { Plus } from "@element-plus/icons-vue";
import bill from "@/components/storageBill/bill.vue";
import printBill from "@/components/printBill/bill.vue";
import { ref } from "vue";
import { parseTime } from '@/utils/manage';
const headers = ref({
Authorization: "Bearer " + getToken(),
});
@@ -1660,7 +1660,8 @@ function handleExport() {
proxy.download(
"wisdom/record/export",
obj,
`stock_${new Date().getTime()}.xlsx`
`入库管理_${parseTime(new Date().getTime(), '{y}年{m}月{d}日 {h}_{i}_{s}')}.xlsx`
);
}
//打印单据

4
src/views/wisdom/outbound/index.vue
View File

@@ -954,7 +954,7 @@ import bill from "@/components/storageBill/bill.vue";
import printBill from "@/components/printBill/bill.vue";
import { ref } from "vue";
import { pl } from "element-plus/es/locales.mjs";
import { parseTime } from '@/utils/manage';
const headers = ref({
Authorization: "Bearer " + getToken(),
});
@@ -1255,7 +1255,7 @@ function handleExport() {
proxy.download(
"wisdom/record/export",
obj,
`stock_${new Date().getTime()}.xlsx`
`出库管理_${parseTime(new Date().getTime(), '{y}年{m}月{d}日 {h}_{i}_{s}')}.xlsx`
);
}