| | |
| | | <template> |
| | | <!-- 费用统计页面--> |
| | | <div class="capacity-scope"> |
| | | <div class="search"> |
| | | <div> |
| | | <el-form :model="entity" ref="entity" size="small" :inline="true"> |
| | | <el-form-item label="委托编号" prop="entrustCode"> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="entity.entrustCode" |
| | | @keyup.enter.native="refreshTable()"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="样品名称" prop="sample"> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="entity.sample" |
| | | @keyup.enter.native="refreshTable()"></el-input> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">查 询</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="refresh">重 置</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> |
| | |
| | | :height="'calc(100vh - 250px)'" @pagination="pagination" |
| | | :page="page" :tableLoading="tableLoading"></lims-table> |
| | | </div> |
| | | <viewInfoDia ref="viewInfoDia" v-if="viewInfoDia"></viewInfoDia> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import limsTable from "@/components/Table/lims-table.vue"; |
| | | import viewInfoDia from "./components/viewInfoDia.vue"; |
| | | import {selectRatesPage} from "@/api/business/insOrderRates"; |
| | | import {selectCustomPageList} from "@/api/system/customer"; |
| | | |
| | | export default { |
| | | components: {limsTable}, |
| | | components: {limsTable,viewInfoDia}, |
| | | data() { |
| | | return { |
| | | entity: { |
| | |
| | | { label: '下单时间', prop: 'createTime', width: 150 }, |
| | | { label: '委托编号', prop: 'entrustCode', width: 160 }, |
| | | { label: '样品名称', prop: 'sample', width: 160 }, |
| | | { label: '样品数量', prop: 'sampleNum' }, |
| | | { label: '委托单位', prop: 'company' }, |
| | | { |
| | | label: "下单类型", |
| | | prop: "typeSource", |
| | | width: "100px", |
| | | dataType: "tag", |
| | | formatData: (params) => { |
| | | if (params == 0) { |
| | | return "成品下单"; |
| | | } else if(params == 1) { |
| | | return "原材料下单"; |
| | | } else { |
| | | return null |
| | | } |
| | | }, |
| | | formatType: (params) => { |
| | | if (params == 0) { |
| | | return "warning"; |
| | | } else if(params == 1) { |
| | | return "info"; |
| | | } else { |
| | | return "null"; |
| | | } |
| | | }, |
| | | }, |
| | | { label: '委托人', prop: 'prepareUser' }, |
| | | { label: '生产单位', prop: 'production' }, |
| | | { label: '工程名称', prop: 'engineering' }, |
| | | { label: '工时', prop: 'cost' } |
| | | { label: '总价', prop: 'totalPrice' }, |
| | | { |
| | | dataType: "action", |
| | | fixed: "right", |
| | | label: "操作", |
| | | operation: [ |
| | | { |
| | | name: "查看详情", |
| | | type: "text", |
| | | clickFun: (row) => { |
| | | this.openDia(row) |
| | | }, |
| | | }, |
| | | ], |
| | | } |
| | | ], |
| | | page: { |
| | | total: 0, |
| | | size: 10, |
| | | current: 1 |
| | | }, |
| | | companyOptions: [] |
| | | companyOptions: [], |
| | | viewInfoDia: false |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | this.page.size = page.limit |
| | | this.refreshTable() |
| | | }, |
| | | // 查看详情 |
| | | openDia (row) { |
| | | this.viewInfoDia = true |
| | | this.$nextTick(() => { |
| | | this.$refs.viewInfoDia.openDia(row) |
| | | }) |
| | | }, |
| | | } |
| | | } |
| | | </script> |