| | |
| | | @keyup.enter.native="refreshTable()"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="refresh">重 置</el-button> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">查 询</el-button> |
| | | <el-button type="primary" size="mini" @click="refreshTable">查询</el-button> |
| | | <el-button size="mini" @click="refresh">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div style="text-align: right; margin-bottom: 20px"> |
| | | <el-button size="small" type="primary" @click="goAdd">新增</el-button> |
| | | </div> |
| | | <div class="table"> |
| | | <el-table v-loading="tableListLoading" :data="tableList" height="530" style="width: 100%"> |
| | | <el-table-column align="center" label="序号" type="index" width="60"></el-table-column> |
| | | <el-table-column label="试样名称" prop="sampleName" show-overflow-tooltip width="120"></el-table-column> |
| | | <el-table-column label="委托编号" prop="entrustCode" show-overflow-tooltip width="120"></el-table-column> |
| | | <el-table-column label="委托时间" prop="commissionDate" width="120"></el-table-column> |
| | | <el-table-column label="型号" prop="modelNo"></el-table-column> |
| | | <el-table-column label="委托单位" prop="commissionUnit" show-overflow-tooltip width="120"></el-table-column> |
| | | <el-table-column label="生产单位" prop="production" show-overflow-tooltip width="120"></el-table-column> |
| | | <el-table v-loading="tableListLoading" :data="tableList" |
| | | height="630" border :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }"> |
| | | <el-table-column align="center" label="序号" type="index"></el-table-column> |
| | | <el-table-column label="试样名称" prop="sampleName" show-overflow-tooltip></el-table-column> |
| | | <el-table-column label="委托编号" prop="entrustCode" show-overflow-tooltip></el-table-column> |
| | | <el-table-column label="委托时间" prop="commissionDate" show-overflow-tooltip></el-table-column> |
| | | <el-table-column label="型号" prop="modelNo" show-overflow-tooltip></el-table-column> |
| | | <el-table-column label="委托单位" prop="commissionUnit" show-overflow-tooltip></el-table-column> |
| | | <el-table-column label="生产单位" prop="production" show-overflow-tooltip></el-table-column> |
| | | <el-table-column label="委托人" prop="commissionUser"></el-table-column> |
| | | <el-table-column label="样品数量" prop="quantity"></el-table-column> |
| | | <el-table-column label="样品状态" prop="sampleStatus"></el-table-column> |
| | |
| | | <span v-if="scope.row.isLeave === 0">否</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="样品处理方式" prop="processing"> |
| | | <el-table-column label="样品处理方式" prop="processing" width="150"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.processing === 1">实验室处理</span> |
| | | <span v-if="scope.row.processing === 0">委托单位取回</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column align="center" label="操作" width="240" fixed="right"> |
| | | <el-table-column align="center" label="操作" width="240"> |
| | | <template slot-scope="scope"> |
| | | <el-button size="mini" type="text" @click="goUpdate(scope.row)">编辑</el-button> |
| | | <el-button size="mini" type="text" @click="handleLook(scope.row)">查看</el-button> |
| | |
| | | @current-change="handleCurrentChange1"> |
| | | </el-pagination> |
| | | </div> |
| | | <el-dialog :close-on-click-modal="false" :close-on-press-escape="false" :visible.sync="orderRowsVisible" |
| | | title="新增检验任务单" width="1000px"> |
| | | <div style="display: flex; align-items: center;margin-bottom: 10px"> |
| | | <span style="width: 80px">委托编号:</span> |
| | | <el-input v-model="entity.entrustCode" clearable size="small" |
| | | style="width: 300px;margin-right: 10px"></el-input> |
| | | <el-button size="small" type="primary" @click="searchTableData">查询</el-button> |
| | | <el-button size="small" @click="refreshTableData">重 置</el-button> |
| | | </div> |
| | | <el-table v-loading="tableLoading" :data="tableData" height="550" style="width: 100%"> |
| | | <el-table-column align="center" label="序号" type="index" width="60"></el-table-column> |
| | | <el-table-column label="委托编号" prop="entrustCode"></el-table-column> |
| | | <el-table-column label="样品名称" prop="sample"></el-table-column> |
| | | <el-table-column align="center" label="操作"> |
| | | <template slot-scope="scope"> |
| | | <el-button align="center" size="mini" type="text" @click="goAddOrder(scope.row)">新增委托单</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-pagination :current-page="1" :page-size="tableSearch.size" :page-sizes="[10, 20, 30, 50, 100]" :total="total" |
| | | layout="->,total, sizes, prev, pager, next" style="margin-top: 10px" background @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange"> |
| | | </el-pagination> |
| | | </el-dialog> |
| | | <el-dialog :class="{ downPdf: title == '下载' }" :close-on-click-modal="false" :close-on-press-escape="false" |
| | | :modal="title != '下载'" :title="title" :visible.sync="detailDialogVisible" top="20px" width="1200px"> |
| | | <div style="max-height: 75vh;overflow-y: auto;"> |
| | | <div id="dialogBody"> |
| | | <table border="1" cellpadding="10" class="tables heads" style="border: 1px dashed black;"> |
| | | <table border="1" cellpadding="10" class="tables heads" style="border: 1px dashed black;width: 100%"> |
| | | <tr> |
| | | <td rowspan="2"> |
| | | <img alt="" src="@/assets/logo/ZTTlogo.png" style="width: 80%;"> |
| | | </td> |
| | | <td> |
| | | <p>记录名称:检验委托单</p> |
| | |
| | | </tr> |
| | | <tr> |
| | | <td> |
| | | <p>记录编号: ZTT/QR-16-04-a</p> |
| | | <p>记录编号:</p> |
| | | </td> |
| | | <td> |
| | | <p>归档部门:综合室</p> |
| | |
| | | <p v-if="operationType === 'view'" style="margin-top: 16px;margin-left: 600px;">委托编号:{{ |
| | | currentInfo.entrustCode }} |
| | | </p> |
| | | <table border="1" cellpadding="10" class="tables"> |
| | | <table border="1" cellpadding="10" class="tables" style="width: 100%"> |
| | | <tr> |
| | | <td colspan="2"> |
| | | <p>试样名称</p> |
| | |
| | | <p>检测机构信息</p> |
| | | </td> |
| | | <td colspan="3"> |
| | | <p>江苏中天科技股份有限公司检测中心</p> |
| | | <p>新聚</p> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | |
| | | </div> |
| | | <span v-if="operationType !== 'view'" slot="footer" class="dialog-footer"> |
| | | <el-button @click="detailDialogVisible = false">取 消</el-button> |
| | | <el-button v-if="operationType === 'add'" :loading="buttonLoading" type="primary" @click="handleAdd">确 |
| | | 定</el-button> |
| | | <el-button v-if="operationType === 'edit'" :loading="buttonLoading" type="primary" @click="handleEdit">确 |
| | | 定</el-button> |
| | | </span> |
| | |
| | | |
| | | <script> |
| | | import { |
| | | addInspectionOrder, delInspectionOrder, exportInspectionOrder, |
| | | getInsOrderOnInspection, getInspectionOrderByInsOderId, getInspectionOrderOne, |
| | | delInspectionOrder, exportInspectionOrder, |
| | | getInspectionOrderOne, |
| | | pageInspectionOrder, |
| | | updateInspectionOrder |
| | | } from "@/api/cnas/process/demand/demand"; |
| | |
| | | import { selectUserCondition } from "@/api/business/inspectionTask"; |
| | | |
| | | export default { |
| | | name: "a7-Inspection-Order-Form", |
| | | name: "Demand", |
| | | components: { limsTable }, |
| | | data() { |
| | | return { |
| | |
| | | }, |
| | | ], |
| | | operationType: '', |
| | | orderRowsVisible: false, |
| | | tableList: [], |
| | | tableListLoading: false, |
| | | pages: { |
| | |
| | | } |
| | | this.refreshTable() |
| | | }, |
| | | // 打开新增弹框 |
| | | goAdd() { |
| | | this.operationType = 'add' |
| | | this.title = '新增检验委托单'; |
| | | this.orderRowsVisible = true |
| | | this.searchTableData() |
| | | }, |
| | | // 查询可新增的检验单 |
| | | searchTableData() { |
| | | this.tableLoading = true |
| | | getInsOrderOnInspection({ |
| | | ...this.tableSearch, |
| | | ...this.entity |
| | | }).then(res => { |
| | | this.tableLoading = false |
| | | this.tableData = res.data.records |
| | | this.total = res.data.total |
| | | }).catch(err => { |
| | | this.tableLoading = false |
| | | }) |
| | | }, |
| | | // 重置检验单列表 |
| | | refreshTableData() { |
| | | this.entity = { |
| | | entrustCode: '' |
| | | } |
| | | this.tableSearch = { |
| | | current: 1, |
| | | size: 20, |
| | | } |
| | | this.searchTableData() |
| | | }, |
| | | // 检验单列表分页 |
| | | handleSizeChange(val) { |
| | | this.tableSearch.size = val |
| | | this.searchTableData(); |
| | | }, |
| | | handleCurrentChange(val) { |
| | | this.tableSearch.current = val |
| | | this.searchTableData(); |
| | | }, |
| | | // 列表分页 |
| | | handleSizeChange1(val) { |
| | | this.pages.size = val |
| | |
| | | this.pages.current = val |
| | | this.refreshTable(); |
| | | }, |
| | | // 提交新增 |
| | | handleAdd() { |
| | | this.buttonLoading = true |
| | | addInspectionOrder(this.currentInfo).then(res => { |
| | | this.buttonLoading = false |
| | | this.$message.success('新增成功') |
| | | this.detailDialogVisible = false |
| | | this.orderRowsVisible = false |
| | | this.refreshTable() |
| | | }).catch(err => { |
| | | this.buttonLoading = false |
| | | }) |
| | | }, |
| | | // 提交修改 |
| | | handleEdit() { |
| | | this.buttonLoading = true |
| | |
| | | this.buttonLoading = false |
| | | this.$message.success('新增成功') |
| | | this.detailDialogVisible = false |
| | | this.orderRowsVisible = false |
| | | this.refreshTable() |
| | | }).catch(err => { |
| | | this.buttonLoading = false |
| | | }) |
| | | }, |
| | | // 查询需要新增的委托单详情 |
| | | goAddOrder(row) { |
| | | getInspectionOrderByInsOderId({ insOrderId: row.id }).then(res => { |
| | | this.currentInfo = res.data |
| | | this.title = '新增检验委托单'; |
| | | this.detailDialogVisible = true |
| | | }).catch(err => { |
| | | console.log('err----', err) |
| | | }) |
| | | }, |
| | | // 打开编辑弹框 |