From 9b33015af38693d0325cd84049a39b62e3cff794 Mon Sep 17 00:00:00 2001
From: 叶松 <2217086471@qq.com>
Date: 星期三, 18 十月 2023 11:02:50 +0800
Subject: [PATCH] 钢筋笼生产报表和管片生产报表书写完成
---
web/src/api/modules/report.js | 11 +
web/src/views/DuctpiecePLM/ReportCenter/DuctReport.vue | 206 +++++++++++++++++++++++++
web/src/views/DuctpiecePLM/ReportCenter/BearReport.vue | 230 ++++++++++++++++++++++++++++
3 files changed, 443 insertions(+), 4 deletions(-)
diff --git a/web/src/api/modules/report.js b/web/src/api/modules/report.js
index 5d8374e..6d67229 100644
--- a/web/src/api/modules/report.js
+++ b/web/src/api/modules/report.js
@@ -10,6 +10,17 @@
searchDieList: params =>
axios.post('/engineering/device/mouldList', params),
+ /**
+ * 钢筋笼生产报表
+ */
+ searchBearsReports: params =>
+ axios.post('/secure/szpipereport/steelReport', params),
+
+ /**
+ * 管片生产报表
+ */
+ searchPipesReports: params =>
+ axios.post('/secure/szpipereport/pipeReport', params),
/**
* 安全考核报表
diff --git a/web/src/views/DuctpiecePLM/ReportCenter/BearReport.vue b/web/src/views/DuctpiecePLM/ReportCenter/BearReport.vue
index 0b5e368..bbffade 100644
--- a/web/src/views/DuctpiecePLM/ReportCenter/BearReport.vue
+++ b/web/src/views/DuctpiecePLM/ReportCenter/BearReport.vue
@@ -1,3 +1,229 @@
<template>
- <div>钢筋笼生产报表</div>
-</template>
\ No newline at end of file
+ <div class="main">
+ <div class="main_header">
+ <!-- <div class="header_item">
+ <span class="header_label">采集时间：</span>
+ <el-date-picker
+ v-model="search.time"
+ type="daterange"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ :default-time="['00:00:00','23:59:59']"
+ range-separator="-"
+ start-placeholder="起始时间"
+ end-placeholder="结束时间">
+ </el-date-picker>
+ </div>
+ <div class="header_item">
+ <el-button :size="size" icon="el-icon-search" v-if="showButton('search')" @click="searchButtonInfo(true)">查询</el-button>
+ <el-button :size="size" icon="el-icon-upload2" v-if="showButton('export')" @click="exportProp">导出Excel</el-button>
+ </div> -->
+ </div>
+ <div class="main_content">
+ <div class="main_cards" v-for="(item,index) in dataList" :key="index">
+ <div class="main_cards_headers">{{item.proName}}</div>
+ <div class="main_cards_numbers">
+ <div class="cards_numbers_rows">
+ <div class="cards_numbers_show" style="margin-right:15px">
+ <div class="numbers_rows_text">生产总数</div>
+ <div class="numbers_rows_datas">{{item.produceTotal}}</div>
+ </div>
+ <div class="cards_numbers_show">
+ <div class="numbers_rows_text">合格总数</div>
+ <div class="numbers_rows_datas">{{item.qualifiedTotal}}</div>
+ </div>
+ </div>
+ <div class="cards_numbers_rows">
+ <div class="cards_numbers_show" style="margin-right:15px">
+ <div class="numbers_rows_text">未入模</div>
+ <div class="numbers_rows_datas">{{item.moldedNotNum}}</div>
+ </div>
+ <div class="cards_numbers_show">
+ <div class="numbers_rows_text">已入模</div>
+ <div class="numbers_rows_datas">{{item.moldedNum}}</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="main_footer">
+ <!-- <el-pagination
+ background
+ @current-change="changePageNum"
+ @size-change="changePageSize"
+ :current-page="pageNum"
+ :page-sizes="[10, 20, 50, 100]"
+ :page-size="pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="total">
+ </el-pagination> -->
+ </div>
+ </div>
+</template>
+
+<script>
+import { buttonPinia } from '../../../pinia/index';
+import { changeSize,downFiles } from '../../../plugins/public'; // 导入节流、动态切换组件尺寸方法
+ export default {
+ data() {
+ return {
+ size: changeSize(), // 组件尺寸
+ pageNum: 1,
+ pageSize: 10,
+ search:{},//查询条件
+ total: 0,
+ loading: false,
+ dataList: [], //钢筋笼生产报表列表
+ asyncTitle: true, // 对话框title 新增：true 修改：false
+ asyncVisible: false, // 添加 修改对话框
+ }
+ },
+ watch: {
+ asyncVisible(bol) {
+ if(!bol) {
+ this.ruleForm = {};
+ this.$refs.ruleForm.resetFields();
+ }
+ }
+ },
+ mounted() {
+ const that = this;
+ // 根据窗口大小动态修改组件尺寸
+ window.onresize = () => {
+ that.size = changeSize();
+ }
+ that.searchButtonInfo(true);
+ },
+ methods: {
+ // 查询按钮列表信息
+ searchButtonInfo(bol) {
+ if(bol) {
+ this.pageNum = 1;
+ }
+ let params = Object.assign({},this.search,{
+ pageNum: this.pageNum,
+ pageSize: this.pageSize
+ })
+ this.loading = true;
+ this.$api.Report.searchBearsReports(params).then((res) => {
+ if(res.statusMsg === 'ok') {
+ this.total = res.data.total;
+ this.dataList = res.data.list;
+ }
+ this.loading = false;
+ })
+ },
+ // 转圈圈
+ functionLoading() {
+ this.loadingView = this.$loading({
+ lock: true,
+ text: '请稍后...',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)'
+ });
+ },
+ // 导出按钮信息
+ exportProp() {
+ this.functionLoading();
+ let params = Object.assign({},this.search)
+ params.strTime = this.search.time&&this.search.time[0]
+ params.endTime = this.search.time&&this.search.time[1]
+ delete params.time
+ this.$api.DuctpiecePLM.exportSegmentSteam(params).then(res => {
+ downFiles(res, '管片蒸养信息', 'xls')
+ this.loadingView.close()
+ })
+ .catch(() => {
+ this.loadingView.close();
+ })
+ },
+ // 判断按钮权限信息
+ showButton(str) {
+ const pinia = buttonPinia();
+ return pinia.$state.buttonInfo.includes(str);
+ },
+ // 切换页数
+ changePageNum(page) {
+ this.pageNum = page;
+ this.searchButtonInfo();
+ },
+ // 切换每页条数
+ changePageSize(size) {
+ this.pageSize = size;
+ this.searchButtonInfo();
+ }
+ }
+ }
+</script>
+
+<style lang="scss" scoped>
+@import '../../../style/layout-main.scss';
+.main_content{
+ display: flex;
+ align-content: flex-start;
+ flex-wrap: wrap;
+ overflow: auto!important;
+ .main_cards{
+ width: 500px;
+ height: 220px;
+ background-color: #031A46;
+ border-radius: 4px;
+ margin: 10px;
+ display: flex;
+ flex-direction: column;
+
+ .main_cards_headers{
+ flex: none;
+ width: 100%;
+ line-height: 50px;
+ position: relative;
+ color: #EBF8F9;
+ font-size: 24px;
+ padding-left: 50px;
+ background-color: #11ACBC;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ &::before{
+ content: "";
+ width: 20px;
+ height: 20px;
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ background: url("../../../assets/alarm_icons.png") no-repeat;
+ background-size: 100% 100%;
+ }
+
+ }
+ .main_cards_numbers{
+ height: calc(100% - 50px);
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+ flex: 1;
+ padding: 15px;
+
+ .cards_numbers_rows{
+ line-height: 40px;
+ display: flex;
+ justify-content: space-around;
+ border-radius: 4px;
+ .cards_numbers_show{
+ width: 50%;
+ display: flex;
+ justify-content: space-around;
+ background-color: #085172;
+ border-radius: 4px;
+ .numbers_rows_text{
+ font-size: 20px;
+ color: #EBF1F3;
+ }
+ .numbers_rows_datas{
+ font-size: 24px;
+ color: #18F7F9;
+ }
+ }
+ }
+ }
+ }
+}
+</style>
\ No newline at end of file
diff --git a/web/src/views/DuctpiecePLM/ReportCenter/DuctReport.vue b/web/src/views/DuctpiecePLM/ReportCenter/DuctReport.vue
index d409c58..1263bf6 100644
--- a/web/src/views/DuctpiecePLM/ReportCenter/DuctReport.vue
+++ b/web/src/views/DuctpiecePLM/ReportCenter/DuctReport.vue
@@ -1,3 +1,205 @@
<template>
- <div>管片生产报表</div>
-</template>
\ No newline at end of file
+ <div class="main">
+ <div class="main_header">
+ <!-- <div class="header_item">
+ <span class="header_label">采集时间：</span>
+ <el-date-picker
+ v-model="search.time"
+ type="daterange"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ :default-time="['00:00:00','23:59:59']"
+ range-separator="-"
+ start-placeholder="起始时间"
+ end-placeholder="结束时间">
+ </el-date-picker>
+ </div>
+ <div class="header_item">
+ <el-button :size="size" icon="el-icon-search" v-if="showButton('search')" @click="searchButtonInfo(true)">查询</el-button>
+ <el-button :size="size" icon="el-icon-upload2" v-if="showButton('export')" @click="exportProp">导出Excel</el-button>
+ </div> -->
+ </div>
+ <div class="main_content">
+ <div class="main_cards" v-for="(item,index) in dataList" :key="index">
+ <div class="main_cards_headers">{{item.proName}}</div>
+ <div class="main_cards_numbers">
+ <div class="cards_numbers_rows">
+ <div class="cards_numbers_show" style="margin-right:15px">
+ <div class="numbers_rows_text">生产总数</div>
+ <div class="numbers_rows_datas">{{item.produceTotal}}</div>
+ </div>
+ <div class="cards_numbers_show">
+ <div class="numbers_rows_text">合格总数</div>
+ <div class="numbers_rows_datas">{{item.qualifiedTotal}}</div>
+ </div>
+ </div>
+ <div class="cards_numbers_rows">
+ <div class="cards_numbers_show" style="margin-right:15px">
+ <div class="numbers_rows_text">已发运数</div>
+ <div class="numbers_rows_datas">{{item.shippingNum}}</div>
+ </div>
+ <div class="cards_numbers_show" style="background:none">
+ <div class="numbers_rows_text"></div>
+ <div class="numbers_rows_datas"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="main_footer">
+ <!-- <el-pagination
+ background
+ @current-change="changePageNum"
+ @size-change="changePageSize"
+ :current-page="pageNum"
+ :page-sizes="[10, 20, 50, 100]"
+ :page-size="pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="total">
+ </el-pagination> -->
+ </div>
+ </div>
+</template>
+
+<script>
+import { buttonPinia } from '../../../pinia/index';
+import { changeSize } from '../../../plugins/public'; // 导入节流、动态切换组件尺寸方法
+ export default {
+ data() {
+ return {
+ size: changeSize(), // 组件尺寸
+ pageNum: 1,
+ pageSize: 10,
+ search:{},//查询条件
+ total: 0,
+ loading: false,
+ dataList: [], //管片生产报表列表
+ asyncTitle: true, // 对话框title 新增：true 修改：false
+ asyncVisible: false, // 添加 修改对话框
+ }
+ },
+ watch: {
+ asyncVisible(bol) {
+ if(!bol) {
+ this.ruleForm = {};
+ this.$refs.ruleForm.resetFields();
+ }
+ }
+ },
+ mounted() {
+ const that = this;
+ // 根据窗口大小动态修改组件尺寸
+ window.onresize = () => {
+ that.size = changeSize();
+ }
+ that.searchButtonInfo(true);
+ },
+ methods: {
+ // 查询按钮列表信息
+ searchButtonInfo(bol) {
+ if(bol) {
+ this.pageNum = 1;
+ }
+ let params = Object.assign({},this.search,{
+ pageNum: this.pageNum,
+ pageSize: this.pageSize
+ })
+ this.loading = true;
+ this.$api.Report.searchPipesReports(params).then((res) => {
+ if(res.statusMsg === 'ok') {
+ this.total = res.data.total;
+ this.dataList = res.data.list;
+ }
+ this.loading = false;
+ })
+ },
+ // 判断按钮权限信息
+ showButton(str) {
+ const pinia = buttonPinia();
+ return pinia.$state.buttonInfo.includes(str);
+ },
+ // 切换页数
+ changePageNum(page) {
+ this.pageNum = page;
+ this.searchButtonInfo();
+ },
+ // 切换每页条数
+ changePageSize(size) {
+ this.pageSize = size;
+ this.searchButtonInfo();
+ }
+ }
+ }
+</script>
+
+<style lang="scss" scoped>
+@import '../../../style/layout-main.scss';
+.main_content{
+ display: flex;
+ align-content: flex-start;
+ flex-wrap: wrap;
+ overflow: auto!important;
+ .main_cards{
+ width: 500px;
+ height: 220px;
+ background-color: #031A46;
+ border-radius: 4px;
+ margin: 10px;
+ display: flex;
+ flex-direction: column;
+
+ .main_cards_headers{
+ flex: none;
+ width: 100%;
+ line-height: 50px;
+ position: relative;
+ color: #EBF8F9;
+ font-size: 24px;
+ padding-left: 50px;
+ background-color: #11ACBC;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ &::before{
+ content: "";
+ width: 20px;
+ height: 20px;
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ background: url("../../../assets/alarm_icons.png") no-repeat;
+ background-size: 100% 100%;
+ }
+
+ }
+ .main_cards_numbers{
+ height: calc(100% - 50px);
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+ flex: 1;
+ padding: 15px;
+
+ .cards_numbers_rows{
+ line-height: 40px;
+ display: flex;
+ justify-content: space-around;
+ border-radius: 4px;
+ .cards_numbers_show{
+ width: 50%;
+ display: flex;
+ justify-content: space-around;
+ background-color: #085172;
+ border-radius: 4px;
+ .numbers_rows_text{
+ font-size: 20px;
+ color: #EBF1F3;
+ }
+ .numbers_rows_datas{
+ font-size: 24px;
+ color: #18F7F9;
+ }
+ }
+ }
+ }
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3