| | |
| | | <div> |
| | | <div class="body" :style="{height:mainHeight+'px'}"> |
| | | <div class="bodyTopButtonGroup"> |
| | | <el-button type="primary" icon="el-icon-download" @click="download">导出</el-button> |
| | | <!-- <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button>--> |
| | | <!-- <el-button icon="el-icon-download" @click="upload">导入</el-button>--> |
| | | <el-button v-waves type="primary" icon="el-icon-download" @click="download">导出</el-button> |
| | | <!-- <el-button v-waves type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button>--> |
| | | <!-- <el-button v-waves icon="el-icon-download" @click="upload">导入</el-button>--> |
| | | </div> |
| | | |
| | | <div class="bodyTopFormGroup"> |
| | | <el-form |
| | | ref="form" |
| | | :model="form" |
| | | label-width="80px" |
| | | label-width="100px" |
| | | inline |
| | | style="display: flex;justify-content: space-between" |
| | | style="display: flex;" |
| | | > |
| | | <div class="elForm"> |
| | | <el-form-item label="工单编号" style=" display: flex;"> |
| | |
| | | <el-form-item label="规格型号" style=" display: flex;"> |
| | | <el-input v-model="form.partapec" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="工序名称" style=" display: flex;"> |
| | | <el-form-item v-show="isExpandForm" label="工序名称" style=" display: flex;"> |
| | | <el-input v-model="form.stepname" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="标准名称" style=" display: flex;"> |
| | | <el-form-item v-show="isExpandForm" label="标准名称" style=" display: flex;"> |
| | | <el-input v-model="form.standname" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="检验类型" style=" display: flex;"> |
| | | <el-form-item v-show="isExpandForm" label="检验类型" style=" display: flex;"> |
| | | <el-select v-model="form.checktype" style="width: 200px" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in checktypeArr" |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="检验结果" style=" display: flex;"> |
| | | <el-form-item v-show="isExpandForm" label="检验结果" style=" display: flex;"> |
| | | <el-select v-model="form.checkresult " style="width: 200px" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in checkresultArr" |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | </div> |
| | | <div style="display: flex;align-items: start;margin-top: 5px;z-index: 2"> |
| | | <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button> |
| | | <el-button type="info" icon="el-icon-refresh" @click="reset">重置</el-button> |
| | | <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}"> |
| | | <el-button v-waves type="primary" icon="el-icon-search" @click="search">查询</el-button> |
| | | <el-button v-waves type="info" icon="el-icon-refresh" @click="reset">重置</el-button> |
| | | </div> |
| | | </el-form> |
| | | |
| | | <div |
| | | class="bodyTopFormExpand" |
| | | > |
| | | <svg-icon |
| | | v-show="mouseHoverType==='mouseout'" |
| | | style="cursor: pointer" |
| | | :icon-class="!isExpandForm?'doubleDown3':'doubleUp3'" |
| | | @mouseenter="mouseHoverType=$event.type" |
| | | /> |
| | | <svg-icon |
| | | v-show="mouseHoverType==='mouseenter'" |
| | | style="cursor: pointer" |
| | | :icon-class="!isExpandForm?'doubleDown':'doubleUp'" |
| | | @click="isExpandForm=!isExpandForm" |
| | | @mouseout="mouseHoverType=$event.type" |
| | | /> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="elTableDiv"> |
| | | <el-table |
| | | ref="tableDataRef" |
| | | class="tableFixed" |
| | | :data="tableData" |
| | | :height="tableHeight+'px'" |
| | | :height="isExpandForm?tableHeight:(tableHeight+40)+'px'" |
| | | border |
| | | :row-class-name="tableRowClassName" |
| | | :style="{width: 100+'%',height:tableHeight+'px',}" |
| | | :style="{width: 100+'%',height:isExpandForm?tableHeight:(tableHeight+40)+'px'}" |
| | | highlight-current-row |
| | | :header-cell-style="this.$headerCellStyle" |
| | | :cell-style="this.$cellStyle" |
| | |
| | | <el-table-column |
| | | prop="wo_code" |
| | | label="工单编码" |
| | | show-tooltip-when-overflow |
| | | width="160" |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="partcode" |
| | | show-tooltip-when-overflow |
| | | width="160" |
| | | label="产品编码" |
| | | sortable="custom" |
| | |
| | | prop="partname" |
| | | label="产品名称" |
| | | width="160" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="partspec" |
| | | label="产品规格" |
| | | show-tooltip-when-overflow |
| | | width="160" |
| | | sortable="custom" |
| | | > |
| | |
| | | prop="step_code" |
| | | label="工序编码" |
| | | width="120" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="stepname" |
| | | label="工序名称" |
| | | width="120" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="checkstaned_code" |
| | | label="标准编码" |
| | | width="120" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="checkstaned_name" |
| | | label="标准名称" |
| | | width="120" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="check_type" |
| | | label="检验类型" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | width="120" |
| | | > |
| | |
| | | prop="check_result" |
| | | label="检验结果" |
| | | sortable="custom" |
| | | show-tooltip-when-overflow |
| | | width="120" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.check_result==='NG'"> <i class="el-icon-circle-close" style="color:red;" /> 不良</div> |
| | | <div v-if="row.check_result==='OK'"> <i class="el-icon-circle-check" style="color: #42b983" /> 合格</div> |
| | | <div v-if="row.check_result==='NG'"> |
| | | <i class="el-icon-info" style="margin-right: 2px" /> |
| | | 不良 |
| | | </div> |
| | | <div v-if="row.check_result==='OK'"> |
| | | <i class="el-icon-success" :style="{color:$store.state.settings.theme}" style="margin-right: 2px" /> |
| | | 合格</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | prop="check_qty" |
| | | label="检验数量" |
| | | width="120" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="lm_user" |
| | | label="检验人员" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | prop="lm_date" |
| | | label="检验时间" |
| | | show-tooltip-when-overflow |
| | | width="160" |
| | | sortable="custom" |
| | | /> |
| | |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div class="operationClass"> |
| | | <!-- <el-button type="text" @click="check(row)">查看</el-button>--> |
| | | <!-- <el-button type="text" @click="del(row)">删除</el-button>--> |
| | | <!-- <el-button v-waves type="text" @click="check(row)">查看</el-button>--> |
| | | <!-- <el-button v-waves type="text" @click="del(row)">删除</el-button>--> |
| | | |
| | | <el-tooltip class="item" effect="dark" content="查看" placement="top"> |
| | | <i |
| | | class="el-icon-view" |
| | | style="color: #42b983;cursor: pointer;margin-right: 15px;" |
| | | :style="{color:$store.state.settings.theme}" |
| | | style="cursor: pointer;margin-right: 15px;" |
| | | @click="check(row)" |
| | | /> |
| | | </el-tooltip> |
| | |
| | | </div> |
| | | |
| | | <el-dialog |
| | | v-el-drag-dialog |
| | | title="工序检验明细" |
| | | :visible.sync="dialogVisible" |
| | | width="900px" |
| | |
| | | |
| | | <el-table-column |
| | | prop="checkitem_code" |
| | | show-tooltip-when-overflow |
| | | label="检验项目编号" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | prop="checkitem_name" |
| | | label="检验项目名称" |
| | | show-tooltip-when-overflow |
| | | /> |
| | | <el-table-column |
| | | prop="checkitem_descr" |
| | | label="检验项目描述" |
| | | show-tooltip-when-overflow |
| | | /> |
| | | <el-table-column |
| | | prop="check_result" |
| | | label="检验结果" |
| | | show-tooltip-when-overflow |
| | | width="120" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.check_result==='NG'"> <i class="el-icon-circle-close" style="color:red;" /> 不良</div> |
| | | <div v-if="row.check_result==='OK'"> <i class="el-icon-circle-check" style="color: #42b983" /> 合格</div> |
| | | <div v-if="row.check_result==='NG'"> |
| | | <i class="el-icon-info" style="margin-right: 2px" /> |
| | | 不良 |
| | | </div> |
| | | <div v-if="row.check_result==='OK'"> |
| | | <i class="el-icon-success" :style="{color:$store.state.settings.theme}" style="margin-right: 2px" /> |
| | | 合格 |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="lm_user" |
| | | label="检验人员" |
| | | show-tooltip-when-overflow |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | prop="lm_date" |
| | | label="检验时间" |
| | | show-tooltip-when-overflow |
| | | width="160" |
| | | /> |
| | | <!-- <el-table-column--> |
| | |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div class="operationClass">--> |
| | | <!-- <el-button type="text" @click="check(row)">查看</el-button>--> |
| | | <!-- <!– <el-button type="text" @click="del(row)">删除</el-button>–>--> |
| | | <!-- <el-button v-waves type="text" @click="check(row)">查看</el-button>--> |
| | | <!-- <!– <el-button v-waves type="text" @click="del(row)">删除</el-button>–>--> |
| | | <!-- </div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <div class="footerButton"> |
| | | <!-- <el-button @click="dialogVisibleCancel">取 消</el-button>--> |
| | | <!-- <el-button type="primary" @click="dialogVisibleConfirm">确 定</el-button>--> |
| | | <el-button @click="dialogVisibleBack">返 回</el-button> |
| | | <!-- <el-button v-waves @click="dialogVisibleCancel">取 消</el-button>--> |
| | | <!-- <el-button v-waves type="primary" @click="dialogVisibleConfirm">确 定</el-button>--> |
| | | <el-button v-waves @click="dialogVisibleBack">返 回</el-button> |
| | | </div> |
| | | </span> |
| | | </el-dialog> |
| | |
| | | import { getCookie } from '@/utils/auth' |
| | | import ImportPicker from '@/components/ImportPicker' |
| | | import { StepCheckTableOutExcel, StepCheckTableSearch, StepCheckTableSubSearch } from '@/api/zlgl' |
| | | import elDragDialog from '@/directive/el-drag-dialog' |
| | | import waves from '@/directive/waves' |
| | | |
| | | const SER_HZ = /^[\u4e00-\u9fa5]+$/ |
| | | export default { |
| | |
| | | components: { |
| | | Pagination, ImportPicker |
| | | }, |
| | | directives: { elDragDialog, waves }, |
| | | data() { |
| | | const validateName = (rule, value, callback) => { |
| | | if (!value) { |
| | | return callback(new Error('请输入编码')) |
| | | } else { |
| | | if (SER_HZ.test(value)) { |
| | | return callback(new Error('编码不能为中文')) |
| | | } else { |
| | | callback() |
| | | } |
| | | } |
| | | } |
| | | const validateTypeCode = (rule, value, callback) => { |
| | | if (!value) { |
| | | return callback(new Error('请选择上级')) |
| | | } else { |
| | | callback() |
| | | } |
| | | } |
| | | return { |
| | | mouseHoverType: 'mouseout', |
| | | isExpandForm: false, |
| | | mainHeight: 0, |
| | | tableHeight: 0, |
| | | form: { |
| | |
| | | getHeight() { |
| | | this.$nextTick(() => { |
| | | this.mainHeight = window.innerHeight - 85 |
| | | this.tableHeight = this.mainHeight - 240 |
| | | this.tableHeight = this.mainHeight - 250 |
| | | this.$refs.tableDataRef.doLayout() |
| | | }) |
| | | }, |
| | | tableRowClassName({ row, rowIndex }) { |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .tableFixed{ |
| | | ::v-deep .el-table__fixed-right{ |
| | | height: 100% !important; |
| | | } |
| | | ::v-deep .el-table__fixed{ |
| | | height: 100% !important; |
| | | } |
| | | } |
| | | </style> |
| | | <style> |
| | | |