This commit is contained in:
朱菊兰 2024-06-24 13:32:34 +08:00
commit 703334ac3c
5 changed files with 37 additions and 22 deletions

View File

@ -27,11 +27,11 @@
</el-form-item> </el-form-item>
<el-form-item v-show="listQuery.type === 1" label="时间范围" prop="reportTime"> <el-form-item v-show="listQuery.type === 1" label="时间范围" prop="reportTime">
<el-date-picker size="small" clearable v-model="listQuery.start" type="week" format="yyyy 第 WW 周" <el-date-picker size="small" clearable v-model="listQuery.start" type="week" format="yyyy 第 WW 周"
placeholder="选择周" style="width: 180px" @change="onValueChange"> placeholder="选择周" style="width: 180px" @change="onValueChange" :picker-options="{'firstDayOfWeek': 1}">
</el-date-picker> </el-date-picker>
<el-date-picker size="small" clearable v-model="listQuery.end" type="week" format="yyyy 第 WW 周" <el-date-picker size="small" clearable v-model="listQuery.end" type="week" format="yyyy 第 WW 周"
placeholder="选择周" style="width: 180px" @change="onValueChange"> placeholder="选择周" style="width: 180px" @change="onValueChange" :picker-options="{'firstDayOfWeek': 1}">
</el-date-picker> </el-date-picker>
<!-- <span v-if="listQuery.start && listQuery.end" style="margin-left: 10px"> <!-- <span v-if="listQuery.start && listQuery.end" style="margin-left: 10px">
{{ date1 }} {{ date2 }} {{ weekNum }} {{ date1 }} {{ date2 }} {{ weekNum }}

View File

@ -20,11 +20,11 @@
</el-form-item> </el-form-item>
<el-form-item v-show="listQuery.date === 1" label="时间范围" prop="reportTime"> <el-form-item v-show="listQuery.date === 1" label="时间范围" prop="reportTime">
<el-date-picker size="small" clearable v-model="listQuery.start" type="week" format="yyyy 第 WW 周" <el-date-picker size="small" clearable v-model="listQuery.start" type="week" format="yyyy 第 WW 周"
placeholder="选择周" style="width: 180px" @change="onValueChange"> placeholder="选择周" style="width: 180px" @change="onValueChange" :picker-options="{'firstDayOfWeek': 1}">
</el-date-picker> </el-date-picker>
<el-date-picker size="small" clearable v-model="listQuery.end" type="week" format="yyyy 第 WW 周" <el-date-picker size="small" clearable v-model="listQuery.end" type="week" format="yyyy 第 WW 周"
placeholder="选择周" style="width: 180px" @change="onValueChange"> placeholder="选择周" style="width: 180px" @change="onValueChange" :picker-options="{'firstDayOfWeek': 1}">
</el-date-picker> </el-date-picker>
<!-- <span v-if="listQuery.start && listQuery.end" style="margin-left: 10px"> <!-- <span v-if="listQuery.start && listQuery.end" style="margin-left: 10px">
{{ date1 }} {{ date2 }} {{ weekNum }} {{ date1 }} {{ date2 }} {{ weekNum }}
@ -84,7 +84,7 @@
:chartMsg="chartMsgYearTarget" :chartId=" 'yearData'" :chartNum="chartNum" /> :chartMsg="chartMsgYearTarget" :chartId=" 'yearData'" :chartNum="chartNum" />
</el-col> --> </el-col> -->
</el-row> </el-row>
<base-table :span-method="objectSpanMethod" :table-props="tableProps" :page="listQuery.current" <base-table :key="showTable" :span-method="objectSpanMethod" :table-props="tableProps" :page="listQuery.current"
:limit="listQuery.size" :table-data="tableData" :max-height="tableH" /> :limit="listQuery.size" :table-data="tableData" :max-height="tableH" />
</div> </div>
<!-- <div class="containerBottom"> <!-- <div class="containerBottom">
@ -108,6 +108,7 @@ export default {
otherProps: [], otherProps: [],
title: '', title: '',
currentMenu: '邯郸', currentMenu: '邯郸',
showTable:false,
listQuery: { listQuery: {
start: undefined, start: undefined,
end: undefined, end: undefined,
@ -653,6 +654,7 @@ export default {
// } // }
// } // }
this.tableData = res.data[0].list.length !== 0 ? dataArr : [] this.tableData = res.data[0].list.length !== 0 ? dataArr : []
this.showTable = !this.showTable
}, },
_setTableHeight() { _setTableHeight() {
this.tableH = this.tableHeight(137) / 2 - 70; this.tableH = this.tableHeight(137) / 2 - 70;

View File

@ -18,11 +18,11 @@
</el-form-item> </el-form-item>
<el-form-item v-show="listQuery.type === 1" label="时间范围" prop="reportTime"> <el-form-item v-show="listQuery.type === 1" label="时间范围" prop="reportTime">
<el-date-picker size="small" clearable v-model="listQuery.start" type="week" format="yyyy 第 WW 周" <el-date-picker size="small" clearable v-model="listQuery.start" type="week" format="yyyy 第 WW 周"
placeholder="选择周" style="width: 180px" @change="onValueChange"> placeholder="选择周" style="width: 180px" @change="onValueChange" :picker-options="{'firstDayOfWeek': 1}">
</el-date-picker> </el-date-picker>
<el-date-picker size="small" clearable v-model="listQuery.end" type="week" format="yyyy 第 WW 周" <el-date-picker size="small" clearable v-model="listQuery.end" type="week" format="yyyy 第 WW 周"
placeholder="选择周" style="width: 180px" @change="onValueChange"> placeholder="选择周" style="width: 180px" @change="onValueChange" :picker-options="{'firstDayOfWeek': 1}">
</el-date-picker> </el-date-picker>
<!-- <span v-if="listQuery.start && listQuery.end" style="margin-left: 10px"> <!-- <span v-if="listQuery.start && listQuery.end" style="margin-left: 10px">
{{ date1 }} {{ date2 }} {{ weekNum }} {{ date1 }} {{ date2 }} {{ weekNum }}
@ -103,7 +103,7 @@
:chartId="chartId" :chartNum="chartNum" /> :chartId="chartId" :chartNum="chartNum" />
<!-- </el-col> --> <!-- </el-col> -->
</el-row> </el-row>
<base-table :span-method="objectSpanMethod" :table-props="tableProps" :page="listQuery.current" <base-table :key="showTable" :span-method="objectSpanMethod" :table-props="tableProps" :page="listQuery.current"
:limit="listQuery.size" :table-data="tableData" :max-height="tableH" /> :limit="listQuery.size" :table-data="tableData" :max-height="tableH" />
</div> </div>
<!-- <div class="containerBottom"> <!-- <div class="containerBottom">
@ -126,6 +126,7 @@ export default {
return { return {
otherProps: [], otherProps: [],
start: undefined, start: undefined,
showTable:false,
currentMenu: '邯郸', currentMenu: '邯郸',
end: undefined, end: undefined,
title: '', title: '',
@ -897,6 +898,7 @@ export default {
} }
} }
this.tableData = res.data.length != 0 ? this.dataArr : [] this.tableData = res.data.length != 0 ? this.dataArr : []
this.showTable = !this.showTable
// this.tableProps = otherProps // this.tableProps = otherProps
// res.data.list.forEach((ele) => { // res.data.list.forEach((ele) => {
// console.log(ele); // console.log(ele);
@ -914,7 +916,7 @@ export default {
// }) // })
// console.log(dataArr) // console.log(dataArr)
// this.tableProps.push() // this.tableProps.push()
this.listQuery.total = res.data.total // this.listQuery.total = res.data.total
// if (this.listQuery.total > 0) { // if (this.listQuery.total > 0) {
// this.tableData.forEach(item => { // this.tableData.forEach(item => {
// item.startTime = item.startDate ? item.startDate[0] + '-' + item.startDate[1] + '-' + item.startDate[2] : '--' // item.startTime = item.startDate ? item.startDate[0] + '-' + item.startDate[1] + '-' + item.startDate[2] : '--'

View File

@ -18,11 +18,11 @@
</el-form-item> </el-form-item>
<el-form-item v-show="listQuery.type === 1" label="时间范围" prop="reportTime"> <el-form-item v-show="listQuery.type === 1" label="时间范围" prop="reportTime">
<el-date-picker size="small" clearable v-model="listQuery.start" type="week" format="yyyy 第 WW 周" <el-date-picker size="small" clearable v-model="listQuery.start" type="week" format="yyyy 第 WW 周"
placeholder="选择周" style="width: 180px" @change="onValueChange"> placeholder="选择周" style="width: 180px" @change="onValueChange" :picker-options="{'firstDayOfWeek': 1}">
</el-date-picker> </el-date-picker>
<el-date-picker size="small" clearable v-model="listQuery.end" type="week" format="yyyy 第 WW 周" <el-date-picker size="small" clearable v-model="listQuery.end" type="week" format="yyyy 第 WW 周"
placeholder="选择周" style="width: 180px" @change="onValueChange"> placeholder="选择周" style="width: 180px" @change="onValueChange" :picker-options="{'firstDayOfWeek': 1}">
</el-date-picker> </el-date-picker>
<!-- <span v-if="listQuery.start && listQuery.end" style="margin-left: 10px"> <!-- <span v-if="listQuery.start && listQuery.end" style="margin-left: 10px">
{{ date1 }} {{ date2 }} {{ weekNum }} {{ date1 }} {{ date2 }} {{ weekNum }}
@ -103,7 +103,7 @@
:chartId="chartId" :chartNum="chartNum" /> :chartId="chartId" :chartNum="chartNum" />
<!-- </el-col> --> <!-- </el-col> -->
</el-row> </el-row>
<base-table :span-method="objectSpanMethod" :table-props="tableProps" :page="listQuery.current" <base-table :key="showTable" :span-method="objectSpanMethod" :table-props="tableProps" :page="listQuery.current"
:limit="listQuery.size" :table-data="tableData" :max-height="tableH" /> :limit="listQuery.size" :table-data="tableData" :max-height="tableH" />
</div> </div>
<!-- <div class="containerBottom"> <!-- <div class="containerBottom">
@ -129,6 +129,7 @@ export default {
currentMenu:'邯郸', currentMenu:'邯郸',
end: undefined, end: undefined,
title: '', title: '',
showTable:false,
listQuery: { listQuery: {
pageNo: 1, pageNo: 1,
pageSize:999, pageSize:999,
@ -425,6 +426,9 @@ export default {
}, },
watch: { watch: {
// //
dataArr(val) {
this.tableData = val
},
isOpen(val) { isOpen(val) {
if (this.$route.name === "productionSituationTablets") { if (this.$route.name === "productionSituationTablets") {
this.chartNum++; this.chartNum++;
@ -1048,7 +1052,7 @@ export default {
// } else { // } else {
// } // }
}) })
console.log("fto", ele.titleValue, fto);
} else { } else {
ele.productionSituationDataVOList.forEach((item) => { ele.productionSituationDataVOList.forEach((item) => {
console.log(item); console.log(item);
@ -1239,8 +1243,13 @@ export default {
} }
} }
} }
console.log(this.dataArr[0]['item'],this.chartMsg.series[0].data) console.log(this.dataArr)
this.tableData = res.data.length != 0 ? this.dataArr : [] console.log(this.tableData);
// this.$nextTick(() => {
this.tableData = this.dataArr
this.showTable = !this.showTable
// })
// this.$forceUpdate()
// this.tableProps = otherProps // this.tableProps = otherProps
// res.data.list.forEach((ele) => { // res.data.list.forEach((ele) => {
// console.log(ele); // console.log(ele);
@ -1258,7 +1267,7 @@ export default {
// }) // })
// console.log(dataArr) // console.log(dataArr)
// this.tableProps.push() // this.tableProps.push()
this.listQuery.total = res.data.total // this.listQuery.total = res.data.total
// if (this.listQuery.total > 0) { // if (this.listQuery.total > 0) {
// this.tableData.forEach(item => { // this.tableData.forEach(item => {
// item.startTime = item.startDate ? item.startDate[0] + '-' + item.startDate[1] + '-' + item.startDate[2] : '--' // item.startTime = item.startDate ? item.startDate[0] + '-' + item.startDate[1] + '-' + item.startDate[2] : '--'

View File

@ -20,11 +20,11 @@
</el-form-item> </el-form-item>
<el-form-item v-show="listQuery.type === 1" label="时间范围" prop="reportTime"> <el-form-item v-show="listQuery.type === 1" label="时间范围" prop="reportTime">
<el-date-picker size="small" clearable v-model="listQuery.start" type="week" format="yyyy 第 WW 周" <el-date-picker size="small" clearable v-model="listQuery.start" type="week" format="yyyy 第 WW 周"
placeholder="选择周" style="width: 180px" @change="onValueChange"> placeholder="选择周" style="width: 180px" @change="onValueChange" :picker-options="{'firstDayOfWeek': 1}">
</el-date-picker> </el-date-picker>
<el-date-picker size="small" clearable v-model="listQuery.end" type="week" format="yyyy 第 WW 周" <el-date-picker size="small" clearable v-model="listQuery.end" type="week" format="yyyy 第 WW 周"
placeholder="选择周" style="width: 180px" @change="onValueChange"> placeholder="选择周" style="width: 180px" @change="onValueChange" :picker-options="{'firstDayOfWeek': 1}">
</el-date-picker> </el-date-picker>
<!-- <span v-if="listQuery.start && listQuery.end" style="margin-left: 10px"> <!-- <span v-if="listQuery.start && listQuery.end" style="margin-left: 10px">
{{ date1 }} {{ date2 }} {{ weekNum }} {{ date1 }} {{ date2 }} {{ weekNum }}
@ -84,7 +84,7 @@
:chartMsg="chartMsgYearTarget" :chartId=" 'yearData'" :chartNum="chartNum" /> :chartMsg="chartMsgYearTarget" :chartId=" 'yearData'" :chartNum="chartNum" />
</el-col> --> </el-col> -->
</el-row> </el-row>
<base-table :span-method="objectSpanMethod" :table-props="tableProps" :page="listQuery.current" <base-table :key="showTable" :span-method="objectSpanMethod" :table-props="tableProps" :page="listQuery.current"
:limit="listQuery.size" :table-data="tableData" :max-height="tableH" /> :limit="listQuery.size" :table-data="tableData" :max-height="tableH" />
</div> </div>
<!-- <div class="containerBottom"> <!-- <div class="containerBottom">
@ -108,6 +108,7 @@ export default {
start: undefined, start: undefined,
end: undefined, end: undefined,
title: '', title: '',
showTable:false,
listQuery: { listQuery: {
pageNo: 1, pageNo: 1,
pageSize: 999, pageSize: 999,
@ -729,6 +730,7 @@ export default {
console.log(dataArr) console.log(dataArr)
this.tableData = res.data.length != 0 ? dataArr : [] this.tableData = res.data.length != 0 ? dataArr : []
this.showTable = !this.showTable
// this.tableProps.push() // this.tableProps.push()
}, },
_setTableHeight() { _setTableHeight() {