项目开发（质检督查）
Posted 指导毕业设计Monkey
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了项目开发（质检督查）相关的知识，希望对你有一定的参考价值。
文章目录
前端
1. 前端三张表格展示不同的类型的数据，数据在数据库一张表中
2. 需要使用一个前端数组把所有的表格数据进行一次性的更新，数组里面包含多个对象
<template>
<!-- 质检督查维护 -->
<div class="fillcontain">
<div class="contain">
<!-- 操作按钮 -->
<h2 class="title">质检规则设置</h2>
自动分配周期
<el-select
v-model="dataList[0].autallcyc"
placeholder="请选择"
style="width:300px"
>
<el-option label="停止" value="0"></el-option>
<el-option label="1分钟" value="1"></el-option>
<el-option label="2分钟" value="2"></el-option>
<el-option label="3分钟" value="3"></el-option>
<el-option label="4分钟" value="4"></el-option>
<el-option label="5分钟" value="5"></el-option>
<el-option label="6分钟" value="6"></el-option>
<el-option label="7分钟" value="7"></el-option>
<el-option label="8分钟" value="8"></el-option>
<el-option label="9分钟" value="9"></el-option>
<el-option label="10分钟" value="10"></el-option>
</el-select>
<div class="save_button">
<el-button type="danger" @click="saveHandle(dataList)" size="small">保存</el-button>
<el-button @click="cancelHandle(dataList)" size="small">取消</el-button>
</div>
<!-- 查询结果列表 -->
<div class="table_container">
<el-table
ref="multipleTable"
:data="dataList"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange"
>
<template slot-scop="scope"> </template>
<el-table-column
prop="rulid"
label="序号"
show-overflow-tooltip
width="140"
disabled
>
<template slot-scope="scope">
<span> scope.row.rulid || "--" </span>
</template>
</el-table-column>
<el-table-column
prop="ruldes"
label="规则描述"
show-overflow-tooltip
width="200"
>
<template slot-scope="scope">
<span> scope.row.ruldes || "--" </span>
</template>
</el-table-column>
<el-table-column width="260" prop="rulcon" label="规则条件">
<template slot-scope="scope">
<el-input
v-model.number="dataList[scope.$index].rulcon"
precision="2"
type="number"
>
<template
v-if="dataList[scope.$index].ruldes.includes('比例')"
slot="append"
>%</template
>
<template slot="append" v-else>件</template>
</el-input>
</template>
</el-table-column>
<el-table-column
prop="isvalide"
label="是否有效"
show-overflow-tooltip
width="200"
>
<template slot-scope="scope">
<el-switch
v-model="dataList[scope.$index].isvalide"
active-color="#13ce66"
inactive-color="#ff4949"
active-text="有效"
inactive-text="无效"
active-value="1"
inactive-value="0"
@change="change(scope.$index)"
>
</el-switch>
</template>
</el-table-column>
<el-table-column prop="perId" label="外包商/人员ID">
<!-- oninput ="value=value.replace(/[^0-9.,^a-zA-Z]/g,'')" -->
<template slot-scope="scope">
<el-input
oninput ="value=value.replace(/[^0-9.,^a-zA-Z]/g,'')"
v-model="dataList[scope.$index].perid"
placeholder="请输入外包商,以英文逗号分隔;例如:（user1,user2）"
@click="peridChange(scope.$index)"
></el-input>
</template>
</el-table-column>
</el-table>
</div>
<!-- 日常督查规则保存-->
<h2 class="title">日常督查规则设置</h2>
<div class="save_button">
<el-button type="danger" @click="saveHandle(dataList1)" size="small">保存</el-button>
<el-button @click="cancelHandle(dataList1)" size="small">取消</el-button>
</div>
<!-- 查询结果列表 -->
<div class="table_container">
<el-table
ref="multipleTable"
:data="dataList1"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange"
>
<template slot-scop="scope"> </template>
<el-table-column
prop="rulid"
label="序号"
show-overflow-tooltip
width="140"
disabled
>
<template slot-scope="scope">
<span> scope.row.rulid || "--" </span>
</template>
</el-table-column>
<el-table-column
prop="ruldes"
label="规则描述"
show-overflow-tooltip
width="200"
>
<template slot-scope="scope">
<span> scope.row.ruldes || "--" </span>
</template>
</el-table-column>
<el-table-column width="260" prop="rulcon" label="规则条件">
<template slot-scope="scope">
<el-input
type="number"
v-model.number="dataList1[scope.$index].rulcon"
placeholder="输入"
>
<template
v-if="dataList1[scope.$index].ruldes.includes('比例')"
slot="append"
>%</template
>
<template slot="append" v-else>件</template>
</el-input>
</template>
</el-table-column>
<el-table-column
prop="isvalide"
label="是否有效"
show-overflow-tooltip
width="200"
>
<template slot-scope="scope">
<el-switch
v-model="dataList1[scope.$index].isvalide"
active-text="有效"
inactive-text="无效"
active-color="#13ce66"
inactive-color="#ff4949"
on-value="1"
off-value="0"
active-value="1"
inactive-value="0"
@change="change(scope.$index)"
>
</el-switch>
</template>
</el-table-column>
<el-table-column prop="perid" label="外包商/人员ID">
<template slot-scope="scope">
<span v-if="dataList1[scope.$index].rulid>2">
<el-input
oninput ="value=value.replace(/[^0-9.,^a-zA-Z]/g,'')"
v-model="dataList1[scope.$index].perid"
@change="setFixedTel(scope.row)"
placeholder="请输入外包商,以英文逗号分隔;例如:（user1,user2）"
></el-input>
</span>
</template>
</el-table-column>
</el-table>
</div>
<!-- 季度督查规则保存 -->
<h2 class="title">季度督查规则设置</h2>
<div class="save_button">
<el-button type="danger" @click="saveHandle(dataList2)" size="small">保存</el-button>
<el-button @click="cancelHandle(dataList2)" size="small">取消</el-button>
</div>
<!-- 查询结果列表 -->
<div class="table_container">
<el-table
@row-click="selectRow"
ref="multipleTable"
:data="dataList2"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange"
>
<template slot-scop="scope"> </template>
<el-table-column
prop="rulid"
label="序号"
show-overflow-tooltip
width="140"
disabled
>
<template slot-scope="scope">
<span> scope.row.rulid || "--" </span>
</template>
</el-table-column>
<el-table-column
prop="ruldes"
label="规则描述"
show-overflow-tooltip
widthSAP 质检使用非物料基本单位