mt-fe-group/yudao-dev
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

merge

Browse Source
This commit is contained in:
helloDy 2024-04-28 17:10:28 +08:00
commit f2912eaee1
9 changed files with 1021 additions and 710 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.env.dev
View File

@ -14,6 +14,7 @@ VUE_APP_TITLE = MES系统
# 芋道管理系统/开发环境 # 芋道管理系统/开发环境
VUE_APP_BASE_API = 'http://192.168.0.33:48082' VUE_APP_BASE_API = 'http://192.168.0.33:48082'
# VUE_APP_BASE_API = 'http://192.168.1.104:48082' # VUE_APP_BASE_API = 'http://192.168.1.104:48082'
# VUE_APP_BASE_API = 'http://10.70.2.2:8080'
# 积木报表指向地址 # 积木报表指向地址
VUE_APP_JIMU_API = 'http://192.168.1.101:48082' VUE_APP_JIMU_API = 'http://192.168.1.101:48082'

229
src/views/quality/base/qualityScrapLog/add-or-updata.vue
View File

@ -1,12 +1,12 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-11-06 15:15:30 * @Date: 2023-11-06 15:15:30
* @LastEditTime: 2024-04-28 10:19:33 * @LastEditTime: 2024-04-28 17:10:02
* @LastEditors: DY * @LastEditors: DY
* @Description: * @Description:
--> -->
<template> <template>
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="auto"> <!-- <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="auto">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="工单号" prop="workOrderId"> <el-form-item label="工单号" prop="workOrderId">
@ -70,15 +70,145 @@
<el-input v-model="dataForm.remark" placeholder="备注" /> <el-input v-model="dataForm.remark" placeholder="备注" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> -->
<el-form
:model="dataForm"
:rules="dataRule"
ref="dataForm"
@keyup.enter.native="dataFormSubmit()"
label-width="auto">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item
label="工单号"
prop="workOrderId">
<el-select
filterable
v-model="dataForm.workOrderId"
placeholder="请选择工单号"
style="width: 100%">
<el-option
v-for="dict in workOrderList"
:key="dict.id"
:label="dict.name"
:value="dict.id" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="数量"
prop="num"
style="width: 100%">
<el-input
v-model="dataForm.num"
placeholder="请输入数量" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item
label="产线"
prop="lineId">
<el-select
v-model="dataForm.lineId"
placeholder="请选择产线"
@change="getWorksectionById"
style="width: 100%">
<el-option
v-for="dict in lineList"
:key="dict.id"
:label="dict.name"
:value="dict.id" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="工段"
prop="sectionId">
<el-select
v-model="dataForm.sectionId"
placeholder="请选择工段"
style="width: 100%">
<el-option
v-for="dict in sectionList"
:key="dict.id"
:label="dict.name"
:value="dict.id" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="报废时间"
prop="logTime">
<el-date-picker
style="width: 100%"
v-model="dataForm.logTime"
type="datetime"
value-format="timestamp"
placeholder="选择日期"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="报废原因"
prop="detId">
<el-select
v-model="dataForm.detId"
placeholder="请选择报废原因"
multiple
style="width: 100%">
<el-option
v-for="dict in detList"
:key="dict.id"
:label="dict.name"
:value="dict.id" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item
label="描述"
prop="description">
<el-input
v-model="dataForm.description"
type="textarea"
:rows="4"
placeholder="请输入描述"
style="width: 100%" />
</el-form-item>
</el-col>
</el-row>
<el-col :span="24">
<el-form-item
label="备注"
prop="remark">
<el-input
v-model="dataForm.remark"
placeholder="备注"
style="width: 100%" />
</el-form-item>
</el-col>
</el-form> </el-form>
</template> </template>
<script> <script>
import basicAdd from './basic-add'; import basicAdd from './basic-add';
import { import {
createQualityScrapLog, updateQualityScrapLog, getQualityScrapLog, getWorkOrderList, createQualityScrapLog,
getTeamList, getDetList,getLineList } from "@/api/base/qualityScrapLog"; updateQualityScrapLog,
import { getList,} from "@/api/base/qualityScrapType"; getQualityScrapLog,
getWorkOrderList,
getTeamList,
getDetList,
getLineList,
} from '@/api/base/qualityScrapLog';
import { getList } from '@/api/base/qualityScrapType';
// import { getMaterialList } from "@/api/base/material"; // import { getMaterialList } from "@/api/base/material";
import moment from 'moment'; import moment from 'moment';
export default { export default {
@ -92,22 +222,12 @@ export default {
updateURL: updateQualityScrapLog, updateURL: updateQualityScrapLog,
infoURL: getQualityScrapLog, infoURL: getQualityScrapLog,
}, },
lineList:[], lineList: [],
typeList: [], typeList: [],
workOrderList: [], workOrderList: [],
detList:[], detList: [],
teamList: [], teamList: [],
sectionList:[], sectionList: [],
sourceList: [
{
id: 1,
name: '平板端',
},
{
id: 2,
name: '网页端',
}
],
dataForm: { dataForm: {
id: undefined, id: undefined,
logTime: undefined, logTime: undefined,
@ -120,22 +240,39 @@ export default {
lineId:undefined, lineId:undefined,
description:undefined, description:undefined,
// description: undefined, // description: undefined,
remark: undefined, remark: undefined
// id: undefined,
// logTime: undefined,
// detId: undefined,
// workOrderId: null,
// teamId: undefined,
// num: undefined,
// sectionId: undefined,
// lineId: undefined,
// description: undefined,
// // description: undefined,
// remark: undefined,
}, },
// materialList: [], // materialList: [],
dataRule: { dataRule: {
// materialId: [{ required: true, message: "", trigger: "blur" }], // materialId: [{ required: true, message: "", trigger: "blur" }],
workOrderId: [{ required: true, message: "工单号不能为空", trigger: "change" }], workOrderId: [
num: [{ required: true, message: "数量不能为空", trigger: "blur" }], { required: true, message: '工单号不能为空', trigger: 'change' },
detId: [{ required: true, message: "报废原因不能为空", trigger: "change" }], ],
num: [{ required: true, message: '数量不能为空', trigger: 'blur' }],
detId: [
{ required: true, message: '报废原因不能为空', trigger: 'change' },
],
logTime: [{ required: true, message: "报废时间不能为空", trigger: "change" }], logTime: [
} { required: true, message: '报废时间不能为空', trigger: 'change' },
],
},
}; };
}, },
mounted() { mounted() {
this.getDict() this.getDict();
console.log('我看看', this.dataForm) console.log('我看看', this.dataForm);
// this.getCurrentTime() // this.getCurrentTime()
// this.dataForm.logTime = new Date() // this.dataForm.logTime = new Date()
}, },
@ -147,56 +284,56 @@ export default {
// }, // },
async getDict() { async getDict() {
// 物料列表 // 物料列表
const res = await getList() const res = await getList();
this.typeList = res.data this.typeList = res.data;
getWorkOrderList().then((res) => { getWorkOrderList().then((res) => {
console.log(res); console.log(res);
// console.log(response); // console.log(response);
this.workOrderList = res.data.map((item) => { this.workOrderList = res.data.map((item) => {
return { return {
name: item.name, name: item.name,
id: item.id id: item.id,
} };
}) });
// console.log(this.formConfig[0].selectOptions); // console.log(this.formConfig[0].selectOptions);
// this.listQuery.total = response.data.total; // this.listQuery.total = response.data.total;
}) });
getLineList().then((res) => { getLineList().then((res) => {
console.log(res); console.log(res);
// console.log(response); // console.log(response);
this.lineList = res.data.map((item) => { this.lineList = res.data.map((item) => {
return { return {
name: item.name, name: item.name,
id: item.id id: item.id,
} };
}) });
// console.log(this.formConfig[0].selectOptions); // console.log(this.formConfig[0].selectOptions);
// this.listQuery.total = response.data.total; // this.listQuery.total = response.data.total;
}) });
getDetList().then((res) => { getDetList().then((res) => {
console.log(res); console.log(res);
// console.log(response); // console.log(response);
this.detList = res.data.map((item) => { this.detList = res.data.map((item) => {
return { return {
name: item.content, name: item.content,
id: item.id id: item.id,
} };
}) });
// console.log(this.formConfig[0].selectOptions); // console.log(this.formConfig[0].selectOptions);
// this.listQuery.total = response.data.total; // this.listQuery.total = response.data.total;
}) });
getTeamList().then((res) => { getTeamList().then((res) => {
console.log(res); console.log(res);
// console.log(response); // console.log(response);
this.teamList = res.data.map((item) => { this.teamList = res.data.map((item) => {
return { return {
name: item.name, name: item.name,
id: item.id id: item.id,
} };
}) });
// console.log(this.formConfig[0].selectOptions); // console.log(this.formConfig[0].selectOptions);
// this.listQuery.total = response.data.total; // this.listQuery.total = response.data.total;
}) });
}, },
async getWorksectionById(lineId) { async getWorksectionById(lineId) {
if (lineId) { if (lineId) {
@ -208,7 +345,7 @@ export default {
}, },
}); });
if (code == 0) { if (code == 0) {
console.log(data) console.log(data);
this.sectionList = data.map((item) => { this.sectionList = data.map((item) => {
return { return {
name: item.name, name: item.name,
@ -231,7 +368,7 @@ export default {
id: item.id, id: item.id,
}; };
}); });
}) });
} }
}, },
// setMaterialCode() { // setMaterialCode() {

4
src/views/quality/base/qualityScrapLog/basic-add.js
View File

@ -58,10 +58,6 @@ export default {
this.dataForm.detId = response.data.detIdList this.dataForm.detId = response.data.detIdList
this.getWorksectionById(this.dataForm.lineId) this.getWorksectionById(this.dataForm.lineId)
this.dataForm.logTime = new Date(response.data.logTime) this.dataForm.logTime = new Date(response.data.logTime)
// if (this.setData) {
// this.setDataForm()
// }
}); });
} else { } else {
if (this.urlOptions.isGetCode) { if (this.urlOptions.isGetCode) {

2
src/views/quality/base/qualityScrapLog/basic-page.js
View File

@ -24,7 +24,7 @@ export default {
}, },
tableData: [], tableData: [],
listQuery: { listQuery: {
pageSize: 10, pageSize: 20,
pageNo: 1, pageNo: 1,
total: 1, total: 1,
}, },

217
src/views/quality/base/qualityScrapLog/detail-or-updata.vue
View File

@ -6,79 +6,156 @@
* @Description: * @Description:
--> -->
<template> <template>
<el-dialog :visible.sync="visible" width="50%"> <el-dialog
<small-title slot="title" :no-padding="true"> :visible.sync="visible"
width="50%">
<small-title
slot="title"
:no-padding="true">
{{ '详情' }} {{ '详情' }}
</small-title> </small-title>
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" <el-form
:model="dataForm"
:rules="dataRule"
ref="dataForm"
@keyup.enter.native="dataFormSubmit()"
label-width="auto"> label-width="auto">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="工单号" prop="workOrderId"> <el-form-item
<el-select disabled v-model="dataForm.workOrderId" placeholder="请选择工单号"> label="工单号"
<el-option v-for="dict in workOrderList" :key="dict.id" :label="dict.name" :value="dict.id" /> prop="workOrderId">
<el-select
disabled
v-model="dataForm.workOrderId"
placeholder="请选择工单号"
style="width: 100%">
<el-option
v-for="dict in workOrderList"
:key="dict.id"
:label="dict.name"
:value="dict.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="数量" prop="num"> <el-form-item
<el-input disabled v-model="dataForm.num" placeholder="请输入数量" /> label="数量"
prop="num">
<el-input
disabled
v-model="dataForm.num"
placeholder="请输入数量"
style="width: 100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="报废时间" prop="logTime"> <el-form-item
<el-date-picker disabled v-model="dataForm.logTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" label="报废时间"
placeholder="选择日期"> prop="logTime"
</el-date-picker> style="width: 100%">
<el-date-picker
disabled
v-model="dataForm.logTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期"></el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="产线" prop="lineId"> <el-form-item
<el-select disabled v-model="dataForm.lineId" placeholder="请选择产线" @change="getWorksectionById"> label="产线"
<el-option v-for="dict in lineList" :key="dict.id" :label="dict.name" :value="dict.id" /> prop="lineId">
<el-select
disabled
v-model="dataForm.lineId"
placeholder="请选择产线"
@change="getWorksectionById"
style="width: 100%">
<el-option
v-for="dict in lineList"
:key="dict.id"
:label="dict.name"
:value="dict.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="工段" prop="sectionId"> <el-form-item
<el-select v-model="dataForm.sectionId" placeholder="请选择工段" disabled> label="工段"
<el-option v-for="dict in sectionList" :key="dict.id" :label="dict.name" :value="dict.id" /> prop="sectionId">
<el-select
v-model="dataForm.sectionId"
placeholder="请选择工段"
disabled
style="width: 100%">
<el-option
v-for="dict in sectionList"
:key="dict.id"
:label="dict.name"
:value="dict.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="报废原因" prop="detId"> <el-form-item
<el-select v-model="dataForm.detId" placeholder="请选择报废原因" multiple disabled> label="报废原因"
<el-option v-for="dict in detList" :key="dict.id" :label="dict.name" :value="dict.id" /> prop="detId">
<el-select
v-model="dataForm.detId"
placeholder="请选择报废原因"
multiple
disabled
style="width: 100%">
<el-option
v-for="dict in detList"
:key="dict.id"
:label="dict.name"
:value="dict.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="描述" prop="description"> <el-form-item
<el-input v-model="dataForm.description" type="textarea" :rows="4" placeholder="请输入描述" /> label="描述"
prop="description">
<el-input
v-model="dataForm.description"
type="textarea"
:rows="4"
placeholder="请输入描述" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="备注"
prop="remark">
<el-input
v-model="dataForm.remark"
placeholder="备注" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-col :span="8">
<el-form-item label="备注" prop="remark">
<el-input v-model="dataForm.remark" placeholder="备注" />
</el-form-item>
</el-col>
</el-form> </el-form>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import basicAdd from './basic-add'; import basicAdd from './basic-add';
import { import {
createQualityScrapLog, updateQualityScrapLog, getQualityScrapLog, getWorkOrderList, createQualityScrapLog,
getTeamList, getDetList,getLineList } from "@/api/base/qualityScrapLog"; updateQualityScrapLog,
import { getList,} from "@/api/base/qualityScrapType"; getQualityScrapLog,
getWorkOrderList,
getTeamList,
getDetList,
getLineList,
} from '@/api/base/qualityScrapLog';
import { getList } from '@/api/base/qualityScrapType';
import SmallTitle from './SmallTitle'; import SmallTitle from './SmallTitle';
export default { export default {
components: { components: {
@ -94,10 +171,10 @@ export default {
updateURL: updateQualityScrapLog, updateURL: updateQualityScrapLog,
infoURL: getQualityScrapLog, infoURL: getQualityScrapLog,
}, },
lineList:[], lineList: [],
typeList: [], typeList: [],
workOrderList: [], workOrderList: [],
detList:[], detList: [],
teamList: [], teamList: [],
sourceList: [ sourceList: [
{ {
@ -107,37 +184,43 @@ export default {
{ {
id: 2, id: 2,
name: '自动', name: '自动',
} },
], ],
sectionList:[], sectionList: [],
visible:false, visible: false,
dataForm: { dataForm: {
id: undefined, id: undefined,
logTime: undefined, logTime: undefined,
source:1, source: 1,
detId: undefined, detId: undefined,
workOrderId: null, workOrderId: null,
teamId: undefined, teamId: undefined,
num: undefined, num: undefined,
lineId:undefined, lineId: undefined,
description:undefined, description: undefined,
// description: undefined, // description: undefined,
remark: undefined, remark: undefined,
}, },
// materialList: [], // materialList: [],
dataRule: { dataRule: {
// materialId: [{ required: true, message: "", trigger: "blur" }], // materialId: [{ required: true, message: "", trigger: "blur" }],
workOrderId: [{ required: true, message: "工单号不能为空", trigger: "change" }], workOrderId: [
num: [{ required: true, message: "数量不能为空", trigger: "blur" }], { required: true, message: '工单号不能为空', trigger: 'change' },
detId: [{ required: true, message: "报废原因不能为空", trigger: "change" }], ],
num: [{ required: true, message: '数量不能为空', trigger: 'blur' }],
detId: [
{ required: true, message: '报废原因不能为空', trigger: 'change' },
],
logTime: [{ required: true, message: "报废时间不能为空", trigger: "change" }], logTime: [
} { required: true, message: '报废时间不能为空', trigger: 'change' },
],
},
}; };
}, },
mounted() { mounted() {
this.getDict() this.getDict();
console.log('我看看', this.dataForm) console.log('我看看', this.dataForm);
// this.getCurrentTime() // this.getCurrentTime()
}, },
methods: { methods: {
@ -152,56 +235,56 @@ export default {
// }, // },
async getDict() { async getDict() {
// 物料列表 // 物料列表
const res = await getList() const res = await getList();
this.typeList = res.data this.typeList = res.data;
getWorkOrderList().then((res) => { getWorkOrderList().then((res) => {
console.log(res); console.log(res);
// console.log(response); // console.log(response);
this.workOrderList = res.data.map((item) => { this.workOrderList = res.data.map((item) => {
return { return {
name: item.name, name: item.name,
id: item.id id: item.id,
} };
}) });
// console.log(this.formConfig[0].selectOptions); // console.log(this.formConfig[0].selectOptions);
// this.listQuery.total = response.data.total; // this.listQuery.total = response.data.total;
}) });
getLineList().then((res) => { getLineList().then((res) => {
console.log(res); console.log(res);
// console.log(response); // console.log(response);
this.lineList = res.data.map((item) => { this.lineList = res.data.map((item) => {
return { return {
name: item.name, name: item.name,
id: item.id id: item.id,
} };
}) });
// console.log(this.formConfig[0].selectOptions); // console.log(this.formConfig[0].selectOptions);
// this.listQuery.total = response.data.total; // this.listQuery.total = response.data.total;
}) });
getDetList().then((res) => { getDetList().then((res) => {
console.log(res); console.log(res);
// console.log(response); // console.log(response);
this.detList = res.data.map((item) => { this.detList = res.data.map((item) => {
return { return {
name: item.content, name: item.content,
id: item.id id: item.id,
} };
}) });
// console.log(this.formConfig[0].selectOptions); // console.log(this.formConfig[0].selectOptions);
// this.listQuery.total = response.data.total; // this.listQuery.total = response.data.total;
}) });
getTeamList().then((res) => { getTeamList().then((res) => {
console.log(res); console.log(res);
// console.log(response); // console.log(response);
this.teamList = res.data.map((item) => { this.teamList = res.data.map((item) => {
return { return {
name: item.name, name: item.name,
id: item.id id: item.id,
} };
}) });
// console.log(this.formConfig[0].selectOptions); // console.log(this.formConfig[0].selectOptions);
// this.listQuery.total = response.data.total; // this.listQuery.total = response.data.total;
}) });
}, },
async getWorksectionById(lineId) { async getWorksectionById(lineId) {
if (lineId) { if (lineId) {
@ -213,7 +296,7 @@ export default {
}, },
}); });
if (code == 0) { if (code == 0) {
console.log(data) console.log(data);
this.sectionList = data.map((item) => { this.sectionList = data.map((item) => {
return { return {
name: item.name, name: item.name,
@ -236,7 +319,7 @@ export default {
id: item.id, id: item.id,
}; };
}); });
}) });
} }
}, },
}, },

126
src/views/quality/base/qualityScrapLog/index.vue
View File

@ -1,18 +1,44 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" /> <search-bar
<base-table :max-height="tableH" v-loading="dataListLoading" :table-props="tableProps" :page="listQuery.pageNo" :formConfigs="formConfig"
:limit="listQuery.pageSize" :table-data="tableData"> ref="searchBarForm"
<method-btn v-if="tableBtn.length" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn" @headBtnClick="buttonClick" />
<base-table
:max-height="tableH"
v-loading="dataListLoading"
:table-props="tableProps"
:page="listQuery.pageNo"
:limit="listQuery.pageSize"
:table-data="tableData">
<method-btn
v-if="tableBtn.length"
slot="handleBtn"
:width="120"
label="操作"
:method-list="tableBtn"
@clickBtn="handleClick" /> @clickBtn="handleClick" />
</base-table> </base-table>
<pagination :limit.sync="listQuery.pageSize" :page.sync="listQuery.pageNo" :total="listQuery.total" <pagination
:limit.sync="listQuery.pageSize"
:page.sync="listQuery.pageNo"
:total="listQuery.total"
@pagination="getDataList" /> @pagination="getDataList" />
<base-dialog :dialogTitle="addOrEditTitle" :dialogVisible="addOrUpdateVisible" @cancel="handleCancel" <base-dialog
@confirm="handleConfirm" :before-close="handleCancel" width="50%"> :dialogTitle="addOrEditTitle"
<add-or-update ref="addOrUpdate" @refreshDataList="successSubmit"></add-or-update> :dialogVisible="addOrUpdateVisible"
@cancel="handleCancel"
@confirm="handleConfirm"
:before-close="handleCancel"
width="50%">
<add-or-update
ref="addOrUpdate"
@refreshDataList="successSubmit"></add-or-update>
</base-dialog> </base-dialog>
<detail-or-update v-if="detailOrUpdateVisible" ref="detailOrUpdate" @refreshDataList="successSubmit" /> <detail-or-update
v-if="detailOrUpdateVisible"
ref="detailOrUpdate"
@refreshDataList="successSubmit" />
</div> </div>
</template> </template>
@ -30,40 +56,42 @@ import {
} from '@/api/base/qualityScrapLog'; } from '@/api/base/qualityScrapLog';
const tableProps = [ const tableProps = [
// {
// prop: 'createTime',
// label: '添加时间',
// filter: parseTime
// },
{ {
prop: 'createTime', prop: 'createTime',
label: '报废时间', label: '报废时间',
filter: parseTime filter: parseTime,
width: 160,
}, },
{ {
prop: 'lineName', prop: 'lineName',
label: '产线名称' label: '产线名称',
width: 90,
}, },
{ {
prop: 'sectionName', prop: 'sectionName',
label: '工段' label: '工段',
minWidth: 100,
}, },
{ {
prop: 'workOrderName', prop: 'workOrderName',
label: '工单名称' label: '工单名称',
minWidth: 160,
}, },
{ {
prop: 'num', prop: 'num',
label: '数量' label: '数量',
width: 90,
}, },
{ {
prop: 'detContent', prop: 'detContent',
label: '报废原因' label: '报废原因',
minWidth: 160,
}, },
{ {
prop: 'source', prop: 'source',
label: '来源', label: '来源',
filter: (val) => ['', '平板端', '网页端'][val] filter: (val) => ['', '平板端', '网页端'][val],
width: 90,
}, },
]; ];
@ -96,9 +124,9 @@ export default {
btnName: '删除', btnName: '删除',
} }
: undefined, : undefined,
].filter((v)=>v), ].filter((v) => v),
tableData: [], tableData: [],
detailOrUpdateVisible:false, detailOrUpdateVisible: false,
formConfig: [ formConfig: [
{ {
type: 'select', type: 'select',
@ -107,7 +135,7 @@ export default {
labelField: 'name', labelField: 'name',
valueField: 'id', valueField: 'id',
param: 'workOrderId', param: 'workOrderId',
filterable: true filterable: true,
}, },
// { // {
// type: 'select', // type: 'select',
@ -119,32 +147,38 @@ export default {
// filterable: true // filterable: true
// }, // },
{ {
type: this.$auth.hasPermi('base:quality-scrap-det:query') ? 'button' : '', type: this.$auth.hasPermi('base:quality-scrap-det:query')
? 'button'
: '',
btnName: '查询', btnName: '查询',
name: 'search', name: 'search',
color: 'primary', color: 'primary',
}, },
{ {
type: this.$auth.hasPermi('base:quality-scrap-det:create') ? 'separate' : '', type: this.$auth.hasPermi('base:quality-scrap-det:create')
? 'separate'
: '',
// type: 'separate', // type: 'separate',
}, },
{ {
type: this.$auth.hasPermi('base:quality-scrap-det:create') ? 'button' : '', type: this.$auth.hasPermi('base:quality-scrap-det:create')
? 'button'
: '',
btnName: '新增', btnName: '新增',
name: 'add', name: 'add',
color: 'success', color: 'success',
plain: true plain: true,
}, },
], ],
}; };
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,
DetailOrUpdate DetailOrUpdate,
}, },
mounted() { mounted() {
this.getDict() this.getDict();
this.getDataList() this.getDataList();
}, },
methods: { methods: {
otherMethods(val) { otherMethods(val) {
@ -157,16 +191,16 @@ export default {
} }
}, },
deleteHandle(id, name, index, data) { deleteHandle(id, name, index, data) {
this.$confirm(`确认要删除序号为${index}的数据项?`, "提示", { this.$confirm(`确认要删除序号为${index}的数据项?`, '提示', {
confirmButtonText: "确定", confirmButtonText: '确定',
cancelButtonText: "取消", cancelButtonText: '取消',
type: "warning", type: 'warning',
}) })
.then(() => { .then(() => {
this.urlOptions.deleteURL(id).then(({ data }) => { this.urlOptions.deleteURL(id).then(({ data }) => {
this.$message({ this.$message({
message: "操作成功", message: '操作成功',
type: "success", type: 'success',
duration: 1500, duration: 1500,
onClose: () => { onClose: () => {
this.getDataList(); this.getDataList();
@ -174,7 +208,7 @@ export default {
}); });
}); });
}) })
.catch(() => { }); .catch(() => {});
}, },
// 获取数据列表 // 获取数据列表
getDict() { getDict() {
@ -184,12 +218,12 @@ export default {
this.formConfig[0].selectOptions = res.data.map((item) => { this.formConfig[0].selectOptions = res.data.map((item) => {
return { return {
name: item.name, name: item.name,
id: item.id id: item.id,
} };
}) });
// console.log(this.formConfig[0].selectOptions); // console.log(this.formConfig[0].selectOptions);
// this.listQuery.total = response.data.total; // this.listQuery.total = response.data.total;
}) });
// getTeamList().then((res) => { // getTeamList().then((res) => {
// console.log(res); // console.log(res);
// // console.log(response); // // console.log(response);
@ -205,7 +239,7 @@ export default {
}, },
getDataList() { getDataList() {
this.dataListLoading = true; this.dataListLoading = true;
this.urlOptions.getDataListURL(this.listQuery).then(response => { this.urlOptions.getDataListURL(this.listQuery).then((response) => {
this.tableData = response.data.list; this.tableData = response.data.list;
this.listQuery.total = response.data.total; this.listQuery.total = response.data.total;
this.dataListLoading = false; this.dataListLoading = false;
@ -216,7 +250,9 @@ export default {
case 'search': case 'search':
this.listQuery.pageNo = 1; this.listQuery.pageNo = 1;
this.listQuery.pageSize = 20; this.listQuery.pageSize = 20;
this.listQuery.workOrderId = val.workOrderId ? val.workOrderId : undefined; this.listQuery.workOrderId = val.workOrderId
? val.workOrderId
: undefined;
// this.listQuery.teamId = val.teamId ? val.teamId : undefined; // this.listQuery.teamId = val.teamId ? val.teamId : undefined;
this.getDataList(); this.getDataList();
break; break;
@ -227,7 +263,7 @@ export default {
pageNo: 1, pageNo: 1,
total: 1, total: 1,
}; };
this.getDataList() this.getDataList();
break; break;
case 'add': case 'add':
this.addOrEditTitle = '新增'; this.addOrEditTitle = '新增';

184
src/views/quality/monitoring/qualityInspectionRecord/index.vue
View File

@ -1,24 +1,50 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<!-- 搜索工作栏 --> <!-- 搜索工作栏 -->
<SearchBar :isFold="true" :formConfigs="searchBarFormConfig" ref="search-bar" <SearchBar
:isFold="true"
:formConfigs="searchBarFormConfig"
ref="search-bar"
@headBtnClick="handleSearchBarBtnClick" /> @headBtnClick="handleSearchBarBtnClick" />
<!-- 列表 --> <!-- 列表 -->
<base-table :table-props="tableProps" :page="queryParams.pageNo" :limit="queryParams.pageSize" :table-data="list" <base-table
@emitFun="handleEmitFun"> :table-props="tableProps"
<method-btn v-if="tableBtn.length" slot="handleBtn" label="操作" :width="120" fixed="right" :method-list="tableBtn" :page="queryParams.pageNo"
:limit="queryParams.pageSize"
:table-data="list"
@emitFun="handleEmitFun"
:max-height="tableH">
<method-btn
v-if="tableBtn.length"
slot="handleBtn"
label="操作"
:width="90"
fixed="right"
:method-list="tableBtn"
@clickBtn="handleTableBtnClick" /> @clickBtn="handleTableBtnClick" />
</base-table> </base-table>
<!-- 分页组件 --> <!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" <pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList" /> @pagination="getList" />
<!-- 对话框(添加 / 修改) --> <!-- 对话框(添加 / 修改) -->
<base-dialog :dialogTitle="title" :dialogVisible="open" width="50%" @close="cancel" @cancel="cancel" <base-dialog
:dialogTitle="title"
:dialogVisible="open"
width="50%"
@close="cancel"
@cancel="cancel"
@confirm="submitForm"> @confirm="submitForm">
<DialogForm v-if="open" ref="form" v-model="form" /> <DialogForm
v-if="open"
ref="form"
v-model="form" />
</base-dialog> </base-dialog>
</div> </div>
</template> </template>
@ -37,12 +63,13 @@ import moment from 'moment';
import DialogForm from './dialogForm.vue'; import DialogForm from './dialogForm.vue';
import basicPageMixin from '@/mixins/lb/basicPageMixin'; import basicPageMixin from '@/mixins/lb/basicPageMixin';
import tableHeightMixin from '@/mixins/lb/tableHeightMixin';
export default { export default {
name: 'QualityInspectionRecord', name: 'QualityInspectionRecord',
components: { components: {
DialogForm, DialogForm,
}, },
mixins: [basicPageMixin], mixins: [basicPageMixin, tableHeightMixin],
data() { data() {
return { return {
rows: [ rows: [
@ -52,11 +79,17 @@ export default {
label: '工单名称', label: '工单名称',
url: 'base/core-work-order/listbyfilter', url: 'base/core-work-order/listbyfilter',
prop: 'workOrderId', prop: 'workOrderId',
rules: [{ required: true, message: '工单名称不能为空', trigger: 'change' }], rules: [
{
required: true,
message: '工单名称不能为空',
trigger: 'change',
},
],
bind: { bind: {
filterable: true, filterable: true,
}, },
} },
], ],
[ [
{ {
@ -65,7 +98,9 @@ export default {
url: '/base/quality-inspection-det/listAll', url: '/base/quality-inspection-det/listAll',
prop: 'inspectionDetId', prop: 'inspectionDetId',
labelKey: 'content', labelKey: 'content',
rules: [{ required: true, message: '检测内容不能为空', trigger: 'blur' }], rules: [
{ required: true, message: '检测内容不能为空', trigger: 'blur' },
],
bind: { bind: {
filterable: true, filterable: true,
}, },
@ -93,7 +128,9 @@ export default {
bind: { bind: {
filterable: true, filterable: true,
}, },
rules: [{ required: true, message: '产线不能为空', trigger: 'blur' }], rules: [
{ required: true, message: '产线不能为空', trigger: 'blur' },
],
}, },
{ {
select: true, select: true,
@ -113,7 +150,6 @@ export default {
label: '检测人员', label: '检测人员',
prop: 'checkPerson', prop: 'checkPerson',
}, },
], ],
[{ textarea: true, label: '描述', prop: 'explainText' }], [{ textarea: true, label: '描述', prop: 'explainText' }],
[{ input: true, label: '备注', prop: 'remark' }], [{ input: true, label: '备注', prop: 'remark' }],
@ -125,7 +161,7 @@ export default {
placeholder: '请选择工单名称', placeholder: '请选择工单名称',
param: 'workOrderId', param: 'workOrderId',
selectOptions: [], selectOptions: [],
filterable:true filterable: true,
}, },
{ {
type: 'select', type: 'select',
@ -133,7 +169,7 @@ export default {
placeholder: '请输入检测内容', placeholder: '请输入检测内容',
selectOptions: [], selectOptions: [],
param: 'inspectionDetContent', param: 'inspectionDetContent',
filterable: true filterable: true,
}, },
{ {
type: 'select', type: 'select',
@ -142,11 +178,11 @@ export default {
selectOptions: [], selectOptions: [],
param: 'checkPerson', param: 'checkPerson',
filterable: true, filterable: true,
multiple:true, multiple: true,
}, },
{ {
type: 'datePicker', type: 'datePicker',
label: '时间段', label: '检测时间',
dateType: 'daterange', // datetimerange dateType: 'daterange', // datetimerange
// format: 'yyyy-MM-dd HH:mm:ss', // format: 'yyyy-MM-dd HH:mm:ss',
format: 'yyyy-MM-dd', format: 'yyyy-MM-dd',
@ -159,9 +195,7 @@ export default {
// width: 350, // width: 350,
}, },
{ {
type: this.$auth.hasPermi( type: this.$auth.hasPermi('base:quality-inspection-record:query')
'base:quality-inspection-record:query'
)
? 'button' ? 'button'
: '', : '',
btnName: '查询', btnName: '查询',
@ -169,17 +203,13 @@ export default {
color: 'primary', color: 'primary',
}, },
{ {
type: this.$auth.hasPermi( type: this.$auth.hasPermi('base:quality-inspection-record:create')
'base:quality-inspection-record:create'
)
? 'separate' ? 'separate'
: '', : '',
// type: 'separate', // type: 'separate',
}, },
{ {
type: this.$auth.hasPermi( type: this.$auth.hasPermi('base:quality-inspection-record:create')
'base:quality-inspection-record:create'
)
? 'button' ? 'button'
: '', : '',
btnName: '新增', btnName: '新增',
@ -207,55 +237,57 @@ export default {
prop: 'createTime', prop: 'createTime',
label: '添加时间', label: '添加时间',
fixed: true, fixed: true,
width: 180, width: 160,
filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'), filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
}, },
{ {
// width: 128,
prop: 'workOrderName', prop: 'workOrderName',
label: '工单名称', label: '工单名称',
minWidth: 180,
showOverflowtooltip: true,
}, },
{ {
// width: 128,
prop: 'productionLineName',
label: '产线',
},
{
// width: 128,
prop: 'sectionName',
label: '工段',
},
{
// width: 128,
prop: 'inspectionDetContent', prop: 'inspectionDetContent',
label: '检测内容', label: '检测内容',
minWidth: 180,
showOverflowtooltip: true,
},
{
prop: 'productionLineName',
label: '产线',
minWidth: 80,
},
{
prop: 'sectionName',
label: '工段',
minWidth: 120,
}, },
// {
// // width: 128,
// prop: 'productionLineName',
// label: '产线',
// },
{ {
// width: 128,
prop: 'checkPerson', prop: 'checkPerson',
label: '检测人员', label: '检测人员',
showOverflowtooltip: true,
}, },
{ {
// width: 160,
prop: 'checkTime', prop: 'checkTime',
label: '检测时间', label: '检测时间',
width: 160,
filter: (val) => filter: (val) =>
val != null ? moment(val).format('yyyy-MM-DD HH:mm:ss') : '-', val != null ? moment(val).format('yyyy-MM-DD HH:mm:ss') : '-',
}, },
{ {
width: 90,
prop: 'source', prop: 'source',
label: '来源', label: '来源',
filter: (val) => val == 1 ? '平板端' : '网页端', width: 80,
filter: (val) => (val == 1 ? '平板端' : '网页端'),
}, },
], ],
// 搜索框需要的 keys, 与上面 queryParams 的除 pageNo, pageSize 之外的 key 一一对应 // 搜索框需要的 keys, 与上面 queryParams 的除 pageNo, pageSize 之外的 key 一一对应
searchBarKeys: ['inspectionDetContent', 'checkTime', 'workOrderId','checkPerson'], searchBarKeys: [
'inspectionDetContent',
'checkTime',
'workOrderId',
'checkPerson',
],
form: { form: {
id: undefined, id: undefined,
// workOrderId:undefined, // workOrderId:undefined,
@ -264,7 +296,7 @@ export default {
productionLineId: undefined, productionLineId: undefined,
sectionId: undefined, sectionId: undefined,
checkPerson: undefined, checkPerson: undefined,
workOrderId:undefined, workOrderId: undefined,
checkTime: undefined, checkTime: undefined,
source: undefined, source: undefined,
explainText: undefined, explainText: undefined,
@ -273,26 +305,26 @@ export default {
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 20,
workOrderId:null, workOrderId: null,
inspectionDetContent: null, inspectionDetContent: null,
checkTime: [], checkTime: [],
checkPerson:undefined, checkPerson: undefined,
// productionLineId: null, // productionLineId: null,
}, },
}; };
}, },
created() { created() {
this.getList(); this.getList();
this.getProductLineList() this.getProductLineList();
}, },
watch: { watch: {
form: { form: {
handler: function (val) { handler: function (val) {
console.log('form change:', val); console.log('form change:', val);
}, },
deep: true deep: true,
} },
// 注册弹窗里产线改变时的监听事件 // 注册弹窗里产线改变时的监听事件
// 'form.productionLineId': { // 'form.productionLineId': {
// handler: function (val) { // handler: function (val) {
@ -320,16 +352,16 @@ export default {
methods: { methods: {
/** 获取搜索栏的产线列表 */ /** 获取搜索栏的产线列表 */
deleteHandle(id, name, index, data) { deleteHandle(id, name, index, data) {
this.$confirm(`确认要删除序号为${index}的数据项?`, "提示", { this.$confirm(`确认要删除序号为${index}的数据项?`, '提示', {
confirmButtonText: "确定", confirmButtonText: '确定',
cancelButtonText: "取消", cancelButtonText: '取消',
type: "warning", type: 'warning',
}) })
.then(() => { .then(() => {
this.urlOptions.deleteURL(id).then(({ data }) => { this.urlOptions.deleteURL(id).then(({ data }) => {
this.$message({ this.$message({
message: "操作成功", message: '操作成功',
type: "success", type: 'success',
duration: 1500, duration: 1500,
onClose: () => { onClose: () => {
this.getDataList(); this.getDataList();
@ -337,7 +369,7 @@ export default {
}); });
}); });
}) })
.catch(() => { }); .catch(() => {});
}, },
getProductLineList() { getProductLineList() {
this.$axios('/base/core-work-order/listbyfilter').then((response) => { this.$axios('/base/core-work-order/listbyfilter').then((response) => {
@ -349,7 +381,7 @@ export default {
}; };
} }
); );
}) });
this.$axios('/base/quality-inspection-det/listAll').then((response) => { this.$axios('/base/quality-inspection-det/listAll').then((response) => {
this.searchBarFormConfig[1].selectOptions = response.data.map( this.searchBarFormConfig[1].selectOptions = response.data.map(
(item) => { (item) => {
@ -359,24 +391,26 @@ export default {
}; };
} }
); );
}) });
this.$axios('base/quality-inspection-box-btn-auth/getUserList', { this.$axios('base/quality-inspection-box-btn-auth/getUserList', {
pageNo: 1, pageNo: 1,
pageSize: 999 pageSize: 999,
}).then((res) => { }).then((res) => {
// console.log(response); // console.log(response);
this.searchBarFormConfig[2].selectOptions = res.data.map((item) => ({ this.searchBarFormConfig[2].selectOptions = res.data.map((item) => ({
name: item.username, name: item.username,
id: item.username, id: item.username,
})); }));
}) });
}, },
/** 查询列表 */ /** 查询列表 */
getList() { getList() {
this.loading = true; this.loading = true;
// 执行查询 // 执行查询
let str = this.queryParams.checkPerson ? this.queryParams.checkPerson.join() :undefined let str = this.queryParams.checkPerson
this.queryParams.checkPerson = str ? this.queryParams.checkPerson.join()
: undefined;
this.queryParams.checkPerson = str;
getQualityInspectionRecordPage(this.queryParams).then((response) => { getQualityInspectionRecordPage(this.queryParams).then((response) => {
this.list = response.data.list; this.list = response.data.list;
this.total = response.data.total; this.total = response.data.total;
@ -397,7 +431,7 @@ export default {
sectionId: undefined, sectionId: undefined,
checkPerson: undefined, checkPerson: undefined,
checkTime: undefined, checkTime: undefined,
workOrderId:undefined, workOrderId: undefined,
source: undefined, source: undefined,
explainText: undefined, explainText: undefined,
remark: undefined, remark: undefined,
@ -428,9 +462,9 @@ export default {
getQualityInspectionRecord(id).then((response) => { getQualityInspectionRecord(id).then((response) => {
/** 因为后端返回的时间是时间戳格式，需转换 */ /** 因为后端返回的时间是时间戳格式，需转换 */
console.log(response.data); console.log(response.data);
const info = {} const info = {};
Object.keys(this.form).forEach(key => { Object.keys(this.form).forEach((key) => {
info[key] = response.data[key] info[key] = response.data[key];
}); });
this.form = info; this.form = info;
console.log(this.form); console.log(this.form);
@ -445,8 +479,8 @@ export default {
return; return;
} }
// 修改的提交 // 修改的提交
let str = this.form.checkPerson ? this.form.checkPerson.join() : null let str = this.form.checkPerson ? this.form.checkPerson.join() : null;
this.form.checkPerson = str this.form.checkPerson = str;
if (this.form.id != null) { if (this.form.id != null) {
updateQualityInspectionRecord(this.form).then((response) => { updateQualityInspectionRecord(this.form).then((response) => {
this.$modal.msgSuccess('修改成功'); this.$modal.msgSuccess('修改成功');

40
src/views/report/Environmental/sectionProduction/index.vue
View File

@ -68,6 +68,7 @@ export default {
label: '生产线', label: '生产线',
selectOptions: [], selectOptions: [],
param: 'lineId', param: 'lineId',
multiple: true,
}, },
{ {
type: 'select', type: 'select',
@ -104,6 +105,7 @@ export default {
label: '生产线', label: '生产线',
selectOptions: [], selectOptions: [],
param: 'lineId', param: 'lineId',
multiple: true,
}, },
{ {
type: 'select', type: 'select',
@ -137,12 +139,12 @@ export default {
queryParams: { queryParams: {
startTime: '', startTime: '',
endTime: '', endTime: '',
lineId: '', lineId: [],
}, },
queryParams2: { queryParams2: {
startTime: '', startTime: '',
endTime: '', endTime: '',
lineId: '', lineId: [],
}, },
tableProp1, tableProp1,
tableProp: [], tableProp: [],
@ -150,11 +152,11 @@ export default {
tableProp2: [], tableProp2: [],
tableData2: [], tableData2: [],
procedureName: [ procedureName: [
{ name: '压延(拉引量t)', ename: 'calenderingCapacity' }, // { name: '压延(拉引量t)', ename: 'calenderingCapacity' },
{ name: '优化切割(片)', ename: 'cuttingNum' }, { name: '优化切割(片)', ename: 'cuttingNum' },
{ name: '堆垛(片)', ename: 'unloadPieces' }, { name: '堆垛(片)', ename: 'unloadPieces' },
{ name: '堆垛(托)', ename: 'unloadCount' }, { name: '堆垛(托)', ename: 'unloadCount' },
{ name: '良品率(%)', ename: 'rate' }, { name: '优切良品率(%)', ename: 'rate' },
], ],
span: [], //表2第一列合并 span: [], //表2第一列合并
}; };
@ -311,10 +313,10 @@ export default {
} else { } else {
if (data[i].lineName === data[i - 1].lineName) { if (data[i].lineName === data[i - 1].lineName) {
//相同产线,添加列 //相同产线,添加列
let startNum = 5 * (lineNum - 1); let startNum = 4 * (lineNum - 1);
let endNum = 5 * lineNum - 1; let endNum = 4 * lineNum - 1;
for (let k = startNum; k <= endNum; k++) { for (let k = startNum; k <= endNum; k++) {
let str = this.procedureName[k % 5]; let str = this.procedureName[k % 4];
tempData[k][data[i].timeStr] = data[i][str.ename]; tempData[k][data[i].timeStr] = data[i][str.ename];
} }
} else { } else {
@ -356,9 +358,9 @@ export default {
// 合并第一列 // 合并第一列
objectSpanMethod({ row, column, rowIndex, columnIndex }) { objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 0) { if (columnIndex === 0) {
if (rowIndex % 5 === 0) { if (rowIndex % 4 === 0) {
return { return {
rowspan: 5, rowspan: 4,
colspan: 1, colspan: 1,
}; };
} else { } else {
@ -380,9 +382,17 @@ export default {
obj.lineName = data[i].lineName; obj.lineName = data[i].lineName;
obj.procedure = data[i].productDet[j].name; obj.procedure = data[i].productDet[j].name;
data[i].productDet[j].data.map((item) => { data[i].productDet[j].data.map((item) => {
obj[item.timeStr] = item.input || null; obj[item.timeStr] = item.output
? item.output
: item.input
? item.input
: null;
}); });
obj.sum = data[i].productDet[j].allInput; obj.sum = data[i].productDet[j].allOutput
? data[i].productDet[j].allOutput
: data[i].productDet[j].allInput
? data[i].productDet[j].allInput
: null;
this.tableData2.push(obj); this.tableData2.push(obj);
} }
} }
@ -472,7 +482,7 @@ export default {
top: 0; top: 0;
left: 0; left: 0;
background-color: #ebeef5; background-color: #ebeef5;
transform: rotate(-70deg); transform: rotate(-63deg);
-webkit-transform-origin: top; -webkit-transform-origin: top;
transform-origin: top; transform-origin: top;
width: 1px; width: 1px;
@ -480,11 +490,11 @@ export default {
.el-table thead.is-group tr:last-of-type th:nth-child(1):before { .el-table thead.is-group tr:last-of-type th:nth-child(1):before {
content: ''; content: '';
position: absolute; position: absolute;
height: 67px; height: 93px;
top: 0; top: 0;
left: 75px; left: 55px;
background-color: #ebeef5; background-color: #ebeef5;
transform: rotate(-70deg); transform: rotate(-63deg);
-webkit-transform-origin: top; -webkit-transform-origin: top;
transform-origin: top; transform-origin: top;
width: 1px; width: 1px;

40
src/views/report/qcReport/israLineReport/index.vue
View File

@ -3,7 +3,8 @@
<!-- 搜索工作栏 --> <!-- 搜索工作栏 -->
<search-bar <search-bar
:formConfigs="formConfig" :formConfigs="formConfig"
@headBtnClick="buttonClick" /> @headBtnClick="buttonClick"
@datepicker-change="datepickerChange" />
<base-table <base-table
class="israLineReportTable1" class="israLineReportTable1"
ref="israLineReportTable11" ref="israLineReportTable11"
@ -57,14 +58,16 @@ export default {
type: 'datePicker', type: 'datePicker',
label: '时间段', label: '时间段',
dateType: 'daterange', dateType: 'daterange',
format: 'yyyy-MM-dd', format: 'yyyy-MM-dd HH:mm',
valueFormat: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd HH:mm:ss',
rangeSeparator: '-', rangeSeparator: '-',
startPlaceholder: '开始时间', startPlaceholder: '开始时间',
endPlaceholder: '结束时间', endPlaceholder: '结束时间',
param: 'timeVal', param: 'timeVal',
defaultSelect: [], defaultSelect: [],
width: 250, width: 300,
onchange: true,
clearable: false,
}, },
{ {
type: 'select', type: 'select',
@ -106,12 +109,14 @@ export default {
}, },
mounted() { mounted() {
this.tableProp = this.tableProp1; this.tableProp = this.tableProp1;
let start = moment().format('yyyy-MM-DD'); let start = moment(moment().format('yyyy-MM-DD') + ' 07:00:00').format(
let end = moment().format('yyyy-MM-DD'); 'yyyy-MM-DD HH:mm:ss'
);
let end =
moment(moment().valueOf() + 86400000).format('yyyy-MM-DD') + ' 06:59:59';
this.formConfig[0].defaultSelect = [start, end]; this.formConfig[0].defaultSelect = [start, end];
this.queryParams.startTime = this.queryParams.startTime = moment(start).valueOf();
moment(start + ' 00:00:00').valueOf() + 25200000; this.queryParams.endTime = moment(end).valueOf();
this.queryParams.endTime = moment(end + ' 23:59:59').valueOf() + 25200000;
this.getList(); this.getList();
}, },
methods: { methods: {
@ -237,13 +242,22 @@ export default {
} }
} }
}, },
// 时间选择器change
datepickerChange(val) {
console.log(val);
let start = moment(
moment(val.value[0]).format('yyyy-MM-DD') + ' 07:00:00'
).format('yyyy-MM-DD HH:mm:ss');
let end =
moment(moment(val.value[1]).valueOf() + 86400000).format('yyyy-MM-DD') +
' 06:59:59';
this.formConfig[0].defaultSelect = [start, end];
},
buttonClick(val) { buttonClick(val) {
if (val.btnName === 'search') { if (val.btnName === 'search') {
if (val.timeVal && val.timeVal.length > 0) { if (val.timeVal && val.timeVal.length > 0) {
this.queryParams.startTime = this.queryParams.startTime = moment(val.timeVal[0]).valueOf();
moment(val.timeVal[0] + ' 00:00:00').valueOf() + 25200000; this.queryParams.endTime = moment(val.timeVal[1]).valueOf();
this.queryParams.endTime =
moment(val.timeVal[1] + ' 23:59:59').valueOf() + 25200000;
} }
this.queryParams.lineId = val.lineId; this.queryParams.lineId = val.lineId;
this.getList(); this.getList();