| | |
| | | <template> |
| | | <div> |
| | | <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" :visible.sync="quarterSampleDia" title="季度抽样" width="90%" @close="quarterSampleDia = false"> |
| | | <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" :visible.sync="quarterSampleDia" |
| | | title="可靠性抽样" width="90%" @close="quarterSampleDia = false"> |
| | | <div style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px"> |
| | | <div style="width: 30%;display: flex;align-items: center;" > |
| | | <span style="width: 50px">编号:</span> |
| | |
| | | <el-table-column v-if="operationType !== 'add'" label="抽样时间" prop="spotCheckTime" width="160"> |
| | | <template slot-scope="{row}"> |
| | | <template> |
| | | <el-date-picker v-model="row.spotCheckTime" |
| | | format="yyyy-MM-dd" |
| | | :disabled="operationType === 'view'" |
| | | placeholder="选择日期" |
| | | size="small" |
| | | clearable |
| | | style="width:100%" |
| | | type="date" |
| | | value-format="yyyy-MM-dd"> |
| | | <el-date-picker v-model="row.spotCheckTime" format="yyyy-MM-dd" :disabled="operationType === 'view'" |
| | | placeholder="选择日期" size="small" clearable style="width:100%" type="date" value-format="yyyy-MM-dd"> |
| | | </el-date-picker> |
| | | </template> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column v-if="operationType !== 'add'" label="试样结论" prop="result" width="130"> |
| | | <template v-slot="scope"> |
| | | <el-select v-model="scope.row.result" placeholder="请选择" size="small" clearable :disabled="operationType === 'view'"> |
| | | <el-select v-model="scope.row.result" placeholder="请选择" size="small" clearable |
| | | :disabled="operationType === 'view'"> |
| | | <el-option label="合格" value="合格"></el-option> |
| | | <el-option label="不合格" value="不合格"></el-option> |
| | | </el-select> |
| | |
| | | </el-table-column> |
| | | <el-table-column v-if="operationType !== 'view'" fixed="right" label="操作" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-button size="small" style="color: #f56c6c" type="text" @click="deleteScope(scope.$index)">删除</el-button> |
| | | <el-button size="small" style="color: #f56c6c" type="text" |
| | | @click="deleteScope(scope.$index)">删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div style="display: flex;align-items: center;margin: 10px 0"> |
| | | <span style="width: 70px">备注:</span> |
| | | <el-input v-model="quarterSampleForm.remark" :disabled="operationType === 'view'" size="small" style="width: 43%" type="textarea"></el-input> |
| | | <el-input v-model="quarterSampleForm.remark" :disabled="operationType === 'view'" size="small" |
| | | style="width: 43%" type="textarea"></el-input> |
| | | </div> |
| | | <div v-if="operationType !== 'add'"> |
| | | <el-form ref="form" :model="editForm" label-width="70px"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="编制人:"> |
| | | <el-select v-model="editForm.writeUser" :disabled="operationType !=='edit'" placeholder="请选择" size="small" style="width: 100%"> |
| | | <el-select v-model="editForm.writeUser" :disabled="operationType !== 'edit'" placeholder="请选择" size="small" |
| | | style="width: 100%"> |
| | | <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="会签人:"> |
| | | <el-select v-model="editForm.countersignUser" :disabled="operationType !=='edit'" multiple placeholder="请选择" size="small" style="width: 100%"> |
| | | <el-select v-model="editForm.countersignUser" :disabled="operationType !== 'edit'" multiple |
| | | placeholder="请选择" size="small" style="width: 100%"> |
| | | <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="审核人:"> |
| | | <el-select v-model="editForm.examineUser" :disabled="operationType !=='edit'" placeholder="请选择" size="small" style="width: 100%"> |
| | | <el-select v-model="editForm.examineUser" :disabled="operationType !== 'edit'" placeholder="请选择" |
| | | size="small" style="width: 100%"> |
| | | <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="批准人:"> |
| | | <el-select v-model="editForm.ratifyUser" :disabled="operationType !=='edit'" placeholder="请选择" size="small" style="width: 100%"> |
| | | <el-select v-model="editForm.ratifyUser" :disabled="operationType !== 'edit'" placeholder="请选择" |
| | | size="small" style="width: 100%"> |
| | | <el-option v-for="item in userList" :key="item.id" :label="item.name" :value="item.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="quarterSampleDia = false">取 消</el-button> |
| | | <el-button v-if="operationType === 'add'" @click="quarterSampleDia = false">保 存</el-button> |
| | | <el-button v-if="operationType !== 'add' && operationType !== 'view'" type="primary" @click="handleSample">确 定</el-button> |
| | | <el-button v-if="operationType !== 'add' && operationType !== 'view'" type="primary" @click="handleSample">确 |
| | | 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | // 这里存放数据 |
| | | return { |
| | | tableLoading: false, |
| | | quarterSampleDia: false, // 季度抽样弹框 |
| | | quarterSampleDia: false, // 可靠性抽样弹框 |
| | | quarterSampleForm: { |
| | | quarterNo: '', // 编号 |
| | | }, |
| | |
| | | itemRemark: '', |
| | | }) |
| | | }, |
| | | // 提交季度抽样 |
| | | // 提交可靠性抽样 |
| | | handleSample () { |
| | | this.$confirm('是否提交该数据', '提示', { |
| | | confirmButtonText: '确定', |
| | |
| | | deleteScope (index) { |
| | | this.quarterItems.splice(index, 1) |
| | | }, |
| | | // 关闭季度抽样弹框 |
| | | // 关闭可靠性抽样弹框 |
| | | closeQuarterSampleDia () { |
| | | this.quarterSampleDia = false |
| | | if (this.operationType === 'add') { |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | </style> |
| | | <style scoped></style> |