Teams/shgx_tz_vue-sync
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

隐藏内容修改

Browse Source
This commit is contained in:
qianhao.xu
2024-04-11 16:20:47 +08:00
parent 6c72faadb9
commit cd9af959d5
6 changed files with 946 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

853
src/views/qualityManagement/FQC/crud/QcQualityStatisticsFirst.vue Normal file
View File

@@ -0,0 +1,853 @@
<!--
* @Descripttion: (质量统计-首检/qc_quality_statistics_first)
* @version: (1.0)
* @Author: (admin)
* @Date: (2024-04-11)
* @LastEditors: (admin)
* @LastEditTime: (2024-04-11)
-->
<template>
<div class="app-container" id="main">
<!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
<el-form
:model="queryParams"
size="small"
label-position="right"
inline
ref="queryForm"
:label-width="labelWidth"
v-show="showSearch"
@submit.native.prevent
>
<el-form-item label="开始日期">
<el-date-picker
:style="{ width: inputWidth }"
v-model="queryParams.starttime"
type="datetime"
placeholder="选择日期时间"
align="right"
:picker-options="pickerOptions"
>
</el-date-picker>
</el-form-item>
<el-form-item label="结束日期">
<el-date-picker
:style="{ width: inputWidth }"
v-model="queryParams.endtime"
type="datetime"
placeholder="选择日期时间"
align="right"
:picker-options="pickerOptions"
>
</el-date-picker>
</el-form-item>
<el-form-item label="工单号">
<el-input v-model="queryParams.workorderId" size="mini" placeholder="输入工单号" :style="{ width: inputWidth }"></el-input>
</el-form-item>
<el-form-item label="零件号">
<el-input v-model="queryParams.finishedPartNumber" size="mini" placeholder="输入零件号" :style="{ width: inputWidth }"></el-input>
</el-form-item>
<el-form-item label="产品描述">
<el-input v-model="queryParams.productDescription" size="mini" placeholder="输入产品描述" :style="{ width: inputWidth }"></el-input>
</el-form-item>
<el-form-item label="班组">
<el-select v-model="queryParams.team" placeholder="输入班组" :style="{ width: inputWidth }">
<el-option label="A班" value="A"> </el-option>
<el-option label="B班" value="B"> </el-option>
<el-option label="" value=""> </el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 工具区域 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" v-hasPermi="['hidepage:qcqualitystatisticsfirst:add']" plain icon="el-icon-plus" size="mini" @click="handleAdd"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
:disabled="single"
v-hasPermi="['hidepage:qcqualitystatisticsfirst:edit']"
plain
icon="el-icon-edit"
size="mini"
@click="handleUpdate"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
:disabled="multiple"
v-hasPermi="['hidepage:qcqualitystatisticsfirst:delete']"
plain
icon="el-icon-delete"
size="mini"
@click="handleDelete"
>删除</el-button
>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 数据区域 -->
<el-table
:data="dataList"
v-loading="loading"
ref="table"
border
highlight-current-row
@sort-change="sortChange"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="50" align="center" />
<el-table-column label="操作" align="center" width="140">
<template slot-scope="scope">
<el-button
size="mini"
v-hasPermi="['business:qcqualitystatisticsfirst:edit']"
type="success"
icon="el-icon-edit"
title="编辑"
@click="handleUpdate(scope.row)"
v-loading.fullscreen.lock="fullscreenLoading"
></el-button>
<el-button
size="mini"
v-hasPermi="['business:qcqualitystatisticsfirst:delete']"
type="danger"
icon="el-icon-delete"
title="删除"
@click="handleDelete(scope.row)"
></el-button>
</template>
</el-table-column>
<!-- <el-table-column prop="id" label="id" align="center" :show-overflow-tooltip="true" /> -->
<el-table-column prop="workorderId" label="工单号" width="150" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="finishedPartNumber" label="零件号" width="150" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="productDescription" label="描述" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="color" label="颜色" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="requireNumber" label="生产投入数" align="center" />
<el-table-column prop="team" label="班次" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="qualifiedNumber" label="合格数" align="center" />
<el-table-column prop="qualifiedRate" label="合格率" align="center" />
<el-table-column prop="paoguangTotal" label="抛光总数" align="center" />
<el-table-column prop="damoTotal" label="打磨总数" align="center" />
<el-table-column prop="baofeiTotal" label="报废总数" align="center" />
<el-table-column prop="startTime" label="开始时间" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="endTime" label="结束时间" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="remark" label="备注（报废，打磨，抛光）" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="paintSuokong" label="油漆-缩孔" align="center" />
<el-table-column prop="paintZhengkong" label="油漆-针孔" align="center" />
<el-table-column prop="paintShiguang" label="油漆-失光" align="center" />
<el-table-column prop="paintSecha" label="油漆-色差" align="center" />
<el-table-column prop="paintDianzi" label="油漆-点子" align="center" />
<el-table-column prop="paintOther" label="油漆-其他" align="center" />
<el-table-column prop="deviceShuiban" label="设备-水斑" align="center" />
<el-table-column prop="deviceZandian" label="设备-脏点" align="center" />
<el-table-column prop="deviceBianxing" label="设备-变形" align="center" />
<el-table-column prop="deviceYouzhu" label="设备-油珠" align="center" />
<el-table-column prop="deviceTuoluo" label="设备-脱落" align="center" />
<el-table-column prop="deviceZhuangshang" label="设备-撞伤" align="center" />
<el-table-column prop="deviceOther" label="设备-其他" align="center" />
<el-table-column prop="blankMaoci" label="毛坯-毛刺" align="center" />
<el-table-column prop="blankSuoyin" label="毛坯-缩印" align="center" />
<el-table-column prop="blankCanshuang" label="毛坯-擦伤" align="center" />
<el-table-column prop="blankShaying" label="毛坯-砂印" align="center" />
<el-table-column prop="blankZangdian" label="毛坯-脏点" align="center" />
<el-table-column prop="blankDamo" label="毛坯-打磨" align="center" />
<el-table-column prop="programLiuguang" label="程序-流挂" align="center" />
<el-table-column prop="programSeqiqueqi" label="程序-色漆缺漆" align="center" />
<el-table-column prop="programQingqiqueqi" label="程序-清漆缺漆" align="center" />
<el-table-column prop="programJupi" label="程序-桔皮" align="center" />
<el-table-column prop="programOther" label="程序-其他" align="center" />
<el-table-column prop="teamTuoluocanshuang" label="班组操作-脱落擦伤" align="center" />
<el-table-column prop="teamQingqiqikuai" label="班组操作-清漆漆块" align="center" />
<el-table-column prop="teamSeqiqikuai" label="班组操作-色漆漆块" align="center" />
<el-table-column prop="teamFahua" label="班组操作-发花" align="center" />
<el-table-column prop="teamLiangbang" label="班组操作-亮斑" align="center" />
<el-table-column prop="teamPenglou" label="班组操作-喷漏" align="center" />
<el-table-column prop="updatedTime" label="更新时间" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="createdTime" label="创建时间" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="remark2" label="排序字段 抛光为1，打磨为2，报废为3" align="center" width="400" />
</el-table>
<pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
<!-- 添加或修改质量统计-首检对话框 -->
<el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
<el-form ref="form" :model="form" :rules="rules" :label-width="formLabelWidth">
<el-row :gutter="20">
<el-col :lg="12">
<el-form-item label="id" prop="id">
<el-input v-model.number="form.id" controls-position="right" placeholder="请输入id" :disabled="title == '修改数据'" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="工单号" prop="workorderId">
<el-input v-model="form.workorderId" placeholder="请输入工单号" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="零件号" prop="finishedPartNumber">
<el-input v-model="form.finishedPartNumber" placeholder="请输入零件号" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="描述" prop="productDescription">
<el-input v-model="form.productDescription" placeholder="请输入描述" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="颜色" prop="color">
<el-input v-model="form.color" placeholder="请输入颜色" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="生产投入数" prop="requireNumber">
<el-input v-model="form.requireNumber" placeholder="请输入生产投入数" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="班次" prop="team">
<el-input v-model="form.team" placeholder="请输入班次" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="合格数" prop="qualifiedNumber">
<el-input v-model="form.qualifiedNumber" placeholder="请输入合格数" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="合格率" prop="qualifiedRate">
<el-input v-model="form.qualifiedRate" placeholder="请输入合格率" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="抛光总数" prop="paoguangTotal">
<el-input v-model="form.paoguangTotal" placeholder="请输入抛光总数" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="打磨总数" prop="damoTotal">
<el-input v-model="form.damoTotal" placeholder="请输入打磨总数" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="报废总数" prop="baofeiTotal">
<el-input v-model="form.baofeiTotal" placeholder="请输入报废总数" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="开始时间" prop="startTime">
<el-date-picker v-model="form.startTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="结束时间" prop="endTime">
<el-date-picker v-model="form.endTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="备注（报废，打磨，抛光）" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注（报废，打磨，抛光）" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="油漆-缩孔" prop="paintSuokong">
<el-input v-model="form.paintSuokong" placeholder="请输入油漆-缩孔" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="油漆-针孔" prop="paintZhengkong">
<el-input v-model="form.paintZhengkong" placeholder="请输入油漆-针孔" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="油漆-失光" prop="paintShiguang">
<el-input v-model="form.paintShiguang" placeholder="请输入油漆-失光" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="油漆-色差" prop="paintSecha">
<el-input v-model="form.paintSecha" placeholder="请输入油漆-色差" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="油漆-点子" prop="paintDianzi">
<el-input v-model="form.paintDianzi" placeholder="请输入油漆-点子" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="油漆-其他" prop="paintOther">
<el-input v-model="form.paintOther" placeholder="请输入油漆-其他" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="设备-水斑" prop="deviceShuiban">
<el-input v-model="form.deviceShuiban" placeholder="请输入设备-水斑" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="设备-脏点" prop="deviceZandian">
<el-input v-model="form.deviceZandian" placeholder="请输入设备-脏点" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="设备-变形" prop="deviceBianxing">
<el-input v-model="form.deviceBianxing" placeholder="请输入设备-变形" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="设备-油珠" prop="deviceYouzhu">
<el-input v-model="form.deviceYouzhu" placeholder="请输入设备-油珠" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="设备-脱落" prop="deviceTuoluo">
<el-input v-model="form.deviceTuoluo" placeholder="请输入设备-脱落" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="设备-撞伤" prop="deviceZhuangshang">
<el-input v-model="form.deviceZhuangshang" placeholder="请输入设备-撞伤" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="设备-其他" prop="deviceOther">
<el-input v-model="form.deviceOther" placeholder="请输入设备-其他" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="毛坯-毛刺" prop="blankMaoci">
<el-input v-model="form.blankMaoci" placeholder="请输入毛坯-毛刺" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="毛坯-缩印" prop="blankSuoyin">
<el-input v-model="form.blankSuoyin" placeholder="请输入毛坯-缩印" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="毛坯-擦伤" prop="blankCanshuang">
<el-input v-model="form.blankCanshuang" placeholder="请输入毛坯-擦伤" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="毛坯-砂印" prop="blankShaying">
<el-input v-model="form.blankShaying" placeholder="请输入毛坯-砂印" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="毛坯-脏点" prop="blankZangdian">
<el-input v-model="form.blankZangdian" placeholder="请输入毛坯-脏点" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="毛坯-打磨" prop="blankDamo">
<el-input v-model="form.blankDamo" placeholder="请输入毛坯-打磨" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="程序-流挂" prop="programLiuguang">
<el-input v-model="form.programLiuguang" placeholder="请输入程序-流挂" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="程序-色漆缺漆" prop="programSeqiqueqi">
<el-input v-model="form.programSeqiqueqi" placeholder="请输入程序-色漆缺漆" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="程序-清漆缺漆" prop="programQingqiqueqi">
<el-input v-model="form.programQingqiqueqi" placeholder="请输入程序-清漆缺漆" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="程序-桔皮" prop="programJupi">
<el-input v-model="form.programJupi" placeholder="请输入程序-桔皮" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="程序-其他" prop="programOther">
<el-input v-model="form.programOther" placeholder="请输入程序-其他" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="班组操作-脱落擦伤" prop="teamTuoluocanshuang">
<el-input v-model="form.teamTuoluocanshuang" placeholder="请输入班组操作-脱落擦伤" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="班组操作-清漆漆块" prop="teamQingqiqikuai">
<el-input v-model="form.teamQingqiqikuai" placeholder="请输入班组操作-清漆漆块" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="班组操作-色漆漆块" prop="teamSeqiqikuai">
<el-input v-model="form.teamSeqiqikuai" placeholder="请输入班组操作-色漆漆块" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="班组操作-发花" prop="teamFahua">
<el-input v-model="form.teamFahua" placeholder="请输入班组操作-发花" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="班组操作-亮斑" prop="teamLiangbang">
<el-input v-model="form.teamLiangbang" placeholder="请输入班组操作-亮斑" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="班组操作-喷漏" prop="teamPenglou">
<el-input v-model="form.teamPenglou" placeholder="请输入班组操作-喷漏" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="更新时间" prop="updatedTime">
<el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="更新人" prop="updatedBy">
<el-input v-model="form.updatedBy" placeholder="请输入更新人" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="创建时间" prop="createdTime">
<el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="创建人" prop="createdBy">
<el-input v-model="form.createdBy" placeholder="请输入创建人" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="排序字段 抛光为1，打磨为2，报废为3" prop="remark2">
<el-input v-model="form.remark2" placeholder="请输入排序字段 抛光为1，打磨为2，报废为3" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="cancel">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listQcQualityStatisticsFirst,
addQcQualityStatisticsFirst,
delQcQualityStatisticsFirst,
updateQcQualityStatisticsFirst,
getQcQualityStatisticsFirst,
} from '@/api/qualityManagement/curd/qcQualityStatisticsFirst.js'
export default {
name: 'qcqualitystatisticsfirst',
data() {
return {
fullscreenLoading: false,
labelWidth: '100px',
formLabelWidth: '100px',
// 选中id数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 遮罩层
loading: false,
// 显示搜索条件
showSearch: true,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
sort: undefined,
sortType: undefined,
workorderId: '',
finishedPartNumber: '',
starttime: new Date(new Date(new Date().toLocaleDateString()).getTime()),
endtime: new Date(new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1),
team: null,
},
pickerOptions: {
shortcuts: [
{
text: '今天',
onClick(picker) {
picker.$emit('pick', new Date())
},
},
{
text: '昨天',
onClick(picker) {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24)
picker.$emit('pick', date)
},
},
{
text: '一周前',
onClick(picker) {
const date = new Date()
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
picker.$emit('pick', date)
},
},
],
},
// 弹出层标题
title: '',
// 操作类型 1、add 2、edit
opertype: 0,
// 是否显示弹出层
open: false,
// 表单参数
form: {},
columns: [
{ index: 0, key: 'id', label: `id`, checked: true },
{ index: 1, key: 'workorderId', label: `工单号`, checked: true },
{ index: 2, key: 'finishedPartNumber', label: `零件号`, checked: true },
{ index: 3, key: 'productDescription', label: `描述`, checked: true },
{ index: 4, key: 'color', label: `颜色`, checked: true },
{ index: 5, key: 'requireNumber', label: `生产投入数`, checked: true },
{ index: 6, key: 'team', label: `班次`, checked: true },
{ index: 7, key: 'qualifiedNumber', label: `合格数`, checked: true },
{ index: 8, key: 'qualifiedRate', label: `合格率`, checked: true },
{ index: 9, key: 'paoguangTotal', label: `抛光总数`, checked: false },
{ index: 10, key: 'damoTotal', label: `打磨总数`, checked: false },
{ index: 11, key: 'baofeiTotal', label: `报废总数`, checked: false },
{ index: 12, key: 'startTime', label: `开始时间`, checked: false },
{ index: 13, key: 'endTime', label: `结束时间`, checked: false },
{ index: 14, key: 'remark', label: `备注（报废，打磨，抛光）`, checked: false },
{ index: 15, key: 'paintSuokong', label: `油漆-缩孔`, checked: false },
{ index: 16, key: 'paintZhengkong', label: `油漆-针孔`, checked: false },
{ index: 17, key: 'paintShiguang', label: `油漆-失光`, checked: false },
{ index: 18, key: 'paintSecha', label: `油漆-色差`, checked: false },
{ index: 19, key: 'paintDianzi', label: `油漆-点子`, checked: false },
{ index: 20, key: 'paintOther', label: `油漆-其他`, checked: false },
{ index: 21, key: 'deviceShuiban', label: `设备-水斑`, checked: false },
{ index: 22, key: 'deviceZandian', label: `设备-脏点`, checked: false },
{ index: 23, key: 'deviceBianxing', label: `设备-变形`, checked: false },
{ index: 24, key: 'deviceYouzhu', label: `设备-油珠`, checked: false },
{ index: 25, key: 'deviceTuoluo', label: `设备-脱落`, checked: false },
{ index: 26, key: 'deviceZhuangshang', label: `设备-撞伤`, checked: false },
{ index: 27, key: 'deviceOther', label: `设备-其他`, checked: false },
{ index: 28, key: 'blankMaoci', label: `毛坯-毛刺`, checked: false },
{ index: 29, key: 'blankSuoyin', label: `毛坯-缩印`, checked: false },
{ index: 30, key: 'blankCanshuang', label: `毛坯-擦伤`, checked: false },
{ index: 31, key: 'blankShaying', label: `毛坯-砂印`, checked: false },
{ index: 32, key: 'blankZangdian', label: `毛坯-脏点`, checked: false },
{ index: 33, key: 'blankDamo', label: `毛坯-打磨`, checked: false },
{ index: 34, key: 'programLiuguang', label: `程序-流挂`, checked: false },
{ index: 35, key: 'programSeqiqueqi', label: `程序-色漆缺漆`, checked: false },
{ index: 36, key: 'programQingqiqueqi', label: `程序-清漆缺漆`, checked: false },
{ index: 37, key: 'programJupi', label: `程序-桔皮`, checked: false },
{ index: 38, key: 'programOther', label: `程序-其他`, checked: false },
{ index: 39, key: 'teamTuoluocanshuang', label: `班组操作-脱落擦伤`, checked: false },
{ index: 40, key: 'teamQingqiqikuai', label: `班组操作-清漆漆块`, checked: false },
{ index: 41, key: 'teamSeqiqikuai', label: `班组操作-色漆漆块`, checked: false },
{ index: 42, key: 'teamFahua', label: `班组操作-发花`, checked: false },
{ index: 43, key: 'teamLiangbang', label: `班组操作-亮斑`, checked: false },
{ index: 44, key: 'teamPenglou', label: `班组操作-喷漏`, checked: false },
{ index: 45, key: 'updatedTime', label: `更新时间`, checked: false },
{ index: 46, key: 'updatedBy', label: `更新人`, checked: false },
{ index: 47, key: 'createdTime', label: `创建时间`, checked: false },
{ index: 48, key: 'createdBy', label: `创建人`, checked: false },
{ index: 49, key: 'remark2', label: `排序字段 抛光为1，打磨为2，报废为3`, checked: false },
],
// 数据列表
dataList: [],
// 总记录数
total: 0,
// 提交按钮是否显示
btnSubmitVisible: true,
// 表单校验
rules: {
id: [{ required: true, message: 'id不能为空', trigger: 'blur' }],
},
}
},
created() {
// 列表数据查询
this.getList()
var dictParams = []
},
mounted() {
this.initWatermark()
},
methods: {
// 生成水印
initWatermark() {
// 创建一个canvas
const canvas = document.createElement('canvas')
// 设置画布的宽高
canvas.width = 150
canvas.height = 100
// 获取画笔
const ctx = canvas.getContext('2d')
// 水印，水印实际上就是将文字添加到画布上
ctx.font = '20px Arial' // 设置字体大小和字体
ctx.rotate(-0.4) // 设置文字旋转角度
// 创建实体水印
// ctx.fillStyle = 'rgba(0,0,0,.3)'; // 颜色
// ctx.fillText('这是水印', canvas.width / 6, canvas.height / 2);// 设置显示文字和偏移量
// 创建虚心水印
// ctx.strokeStyle = 'rgba(0,0,0,.3)';
// ctx?.strokeText('这是水印', canvas.width / 6, canvas.height / 2);
// 渐变水印 rgb(192, 192, 192)
const gradient = ctx.createLinearGradient(0, 0, canvas.width, 0)
gradient.addColorStop(0, 'rgb(255, 0, 0)')
gradient.addColorStop(0.5, 'rgb(255, 0, 0)')
gradient.addColorStop(1, 'rgb(255, 0, 0)')
ctx.fillStyle = gradient // 颜色
ctx.fillText('高危操作', canvas.width / 6, canvas.height / 2) // 设置显示文字和偏移量
// 将画布转成图片
const img = canvas.toDataURL()
const main = document.getElementById('main')
main.style.backgroundImage = `url(${img})`
main.style.zIndex=1000
},
// 查询数据
getList() {
this.loading = true
listQcQualityStatisticsFirst(this.queryParams).then((res) => {
if (res.code == 200) {
this.dataList = res.data.result
this.total = res.data.totalNum
this.loading = false
}
})
},
// 取消按钮
cancel() {
this.open = false
this.reset()
},
// 重置数据表单
reset() {
this.form = {
id: '',
workorderId: undefined,
finishedPartNumber: undefined,
productDescription: undefined,
color: undefined,
requireNumber: undefined,
team: undefined,
qualifiedNumber: undefined,
qualifiedRate: undefined,
paoguangTotal: undefined,
damoTotal: undefined,
baofeiTotal: undefined,
startTime: undefined,
endTime: undefined,
remark: undefined,
paintSuokong: undefined,
paintZhengkong: undefined,
paintShiguang: undefined,
paintSecha: undefined,
paintDianzi: undefined,
paintOther: undefined,
deviceShuiban: undefined,
deviceZandian: undefined,
deviceBianxing: undefined,
deviceYouzhu: undefined,
deviceTuoluo: undefined,
deviceZhuangshang: undefined,
deviceOther: undefined,
blankMaoci: undefined,
blankSuoyin: undefined,
blankCanshuang: undefined,
blankShaying: undefined,
blankZangdian: undefined,
blankDamo: undefined,
programLiuguang: undefined,
programSeqiqueqi: undefined,
programQingqiqueqi: undefined,
programJupi: undefined,
programOther: undefined,
teamTuoluocanshuang: undefined,
teamQingqiqikuai: undefined,
teamSeqiqikuai: undefined,
teamFahua: undefined,
teamLiangbang: undefined,
teamPenglou: undefined,
updatedTime: undefined,
updatedBy: undefined,
createdTime: undefined,
createdBy: undefined,
remark2: undefined,
}
this.resetForm('form')
},
// 重置查询操作
resetQuery() {
this.timeRange = []
this.resetForm('queryForm')
this.handleQuery()
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id)
this.single = selection.length != 1
this.multiple = !selection.length
},
// 自定义排序
sortChange(column) {
if (column.prop == null || column.order == null) {
this.queryParams.sort = undefined
this.queryParams.sortType = undefined
} else {
this.queryParams.sort = column.prop
this.queryParams.sortType = column.order
}
this.handleQuery()
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1
this.getList()
},
/** 新增按钮操作 */
handleAdd() {
this.reset()
this.open = true
this.title = '添加'
this.opertype = 1
},
/** 删除按钮操作 */
handleDelete(row) {
const Ids = row.id || this.ids
this.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
.then(function () {
return delQcQualityStatisticsFirst(Ids)
})
.then(() => {
this.handleQuery()
this.msgSuccess('删除成功')
})
.catch(() => {})
},
/** 修改按钮操作 */
handleUpdate(row) {
this.fullscreenLoading = true
this.reset()
const id = row.id || this.ids
getQcQualityStatisticsFirst(id).then((res) => {
const { code, data } = res
if (code == 200) {
this.open = true
this.fullscreenLoading = false
this.title = '修改数据'
this.opertype = 2
this.form = {
...data,
}
}
})
},
/** 提交按钮 */
submitForm: function () {
this.$refs['form'].validate((valid) => {
if (valid) {
console.log(JSON.stringify(this.form))
if (this.form.id != undefined && this.opertype === 2) {
this.form.id = this.form.id.toString()
updateQcQualityStatisticsFirst(this.form)
.then((res) => {
this.msgSuccess('修改成功')
this.open = false
this.getList()
})
.catch((err) => {
//TODO 错误逻辑
})
} else {
addQcQualityStatisticsFirst(this.form)
this.form.id = this.form.id
.toString()
.then((res) => {
this.msgSuccess('新增成功')
this.open = false
this.getList()
})
.catch((err) => {
//TODO 错误逻辑
})
}
}
})
},
},
}
</script>

11
src/views/qualityManagement/FQC/qualityStatistics.vue
View File

@@ -210,6 +210,8 @@
</vxe-column>
</vxe-colgroup>
</vxe-table>
</div>
</template>
@@ -307,6 +309,7 @@ export default {
// { code: 'insertAt', name: '插入', disabled: false },
{ code: 'remove', name: '删除', disabled: false },
// { code: 'save', name: '保存', prefixIcon: 'vxe-icon-save', disabled: false },
{ code: 'update', name: '修改', disabled: false },
],
],
},
@@ -447,6 +450,8 @@ export default {
case 'remove':
this.removeData(row)
// $table.remove(row)
case 'update':
this.updateData(row)
break
}
},
@@ -476,6 +481,12 @@ export default {
})
})
},
//修改数据
updateDate(row){
}
},
}
</script>