|
@@ -50,7 +50,7 @@
|
|
@row-dblclick="doubleClick"
|
|
@row-dblclick="doubleClick"
|
|
ref="tables"
|
|
ref="tables"
|
|
>
|
|
>
|
|
- <el-table-column type="selection" width="55" />
|
|
|
|
|
|
+ <!-- <el-table-column type="selection" width="55" /> -->
|
|
<el-table-column label="序号" type="index" align="center" width="50px"/>
|
|
<el-table-column label="序号" type="index" align="center" width="50px"/>
|
|
<el-table-column show-overflow-tooltip label="标题" align="center" prop="docSubject"/>
|
|
<el-table-column show-overflow-tooltip label="标题" align="center" prop="docSubject"/>
|
|
<el-table-column show-overflow-tooltip label="创建人" align="center" prop="docCreate"/>
|
|
<el-table-column show-overflow-tooltip label="创建人" align="center" prop="docCreate"/>
|
|
@@ -78,12 +78,59 @@
|
|
:total=total>
|
|
:total=total>
|
|
</el-pagination>
|
|
</el-pagination>
|
|
|
|
|
|
|
|
+ <el-card class="box-card" style="margin-top: 10px;">
|
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
|
+ <span>单据概述</span>
|
|
|
|
+ </div>
|
|
|
|
+ <el-table
|
|
|
|
+ :data="sonTableList"
|
|
|
|
+ fit
|
|
|
|
+ :cell-style="{ borderColor: '#c0c0c0' }"
|
|
|
|
+ :header-cell-style="{ borderColor: '#c0c0c0' }"
|
|
|
|
+ class="exporttable"
|
|
|
|
+ max-height="410"
|
|
|
|
+ border
|
|
|
|
+ highlight-current-row
|
|
|
|
+ style="font-size: 12px;"
|
|
|
|
+ >
|
|
|
|
+ <el-table-column label="序号" type="index" align="center" width="50px"/>
|
|
|
|
+ <el-table-column v-for="(col,index) in cols" :key="index"
|
|
|
|
+ :prop="col.prop"
|
|
|
|
+ :label="col.label"
|
|
|
|
+ :formatter="col.formatter"
|
|
|
|
+ >
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <!-- <el-table-column show-overflow-tooltip label="物料编码" align="center" prop="materialCode"/>
|
|
|
|
+ <el-table-column show-overflow-tooltip label="物料名称" align="center" prop="materialName"/>
|
|
|
|
+ <el-table-column show-overflow-tooltip label="规格" align="center" prop="specification"/>
|
|
|
|
+ <el-table-column show-overflow-tooltip label="型号" align="center" prop="model"/>
|
|
|
|
+ <el-table-column show-overflow-tooltip label="单位" align="center" prop="unitName"/>
|
|
|
|
+ <el-table-column show-overflow-tooltip label="生产厂家/代理人" align="center" prop="manufacturerName"/>
|
|
|
|
+ <el-table-column show-overflow-tooltip label="调出仓库" align="center" prop="deliveryWarehouseName"/>
|
|
|
|
+ <el-table-column show-overflow-tooltip label="调出货位" align="center" prop="deliveryAllocationName"/>
|
|
|
|
+ <el-table-column show-overflow-tooltip label="数量" align="center" prop="qty"/>
|
|
|
|
+ <el-table-column show-overflow-tooltip label="调入仓库" align="center" prop="storageWarehouseName"/>
|
|
|
|
+ <el-table-column show-overflow-tooltip label="调入货位" align="center" prop="storageAllocationName"/> -->
|
|
|
|
+ </el-table>
|
|
|
|
+
|
|
|
|
+ <el-pagination
|
|
|
|
+ background
|
|
|
|
+ @size-change="sonSizeChange"
|
|
|
|
+ @current-change="sonCurrentChange"
|
|
|
|
+ :current-page="sonQuery.pageNum"
|
|
|
|
+ :page-sizes="[10, 20, 50, 100, 200, 500]"
|
|
|
|
+ :page-size="10"
|
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
+ :total=sonTotal>
|
|
|
|
+ </el-pagination>
|
|
|
|
+ </el-card>
|
|
|
|
+
|
|
</el-card>
|
|
</el-card>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-import { getWorkSpaceList, auditWork } from '@/api/purchase/workSpace.js'
|
|
|
|
|
|
+import { getWorkSpaceList, auditWork, getWorkDetailList } from '@/api/purchase/workSpace.js'
|
|
export default {
|
|
export default {
|
|
name: 'workSpace',
|
|
name: 'workSpace',
|
|
dicts: ['oa_templete_id'],
|
|
dicts: ['oa_templete_id'],
|
|
@@ -98,7 +145,30 @@ export default {
|
|
loading: false,
|
|
loading: false,
|
|
tableList: [],
|
|
tableList: [],
|
|
total: 0,
|
|
total: 0,
|
|
- ids: []
|
|
|
|
|
|
+ ids: [],
|
|
|
|
+ sonTableList: [],
|
|
|
|
+ sonQuery: {
|
|
|
|
+ pageNum: 1,
|
|
|
|
+ pageSize: 10
|
|
|
|
+ },
|
|
|
|
+ sonTotal: 0,
|
|
|
|
+ checkRow: {
|
|
|
|
+ billCode: '',
|
|
|
|
+ type: ''
|
|
|
|
+ },
|
|
|
|
+ cols: [
|
|
|
|
+ {label: '物料编码', prop: 'materialCode'},
|
|
|
|
+ {label: '物料名称', prop: 'materialName'},
|
|
|
|
+ {label: '规格', prop: 'specification'},
|
|
|
|
+ {label: '型号', prop: 'model'},
|
|
|
|
+ {label: '单位', prop: 'unitName'},
|
|
|
|
+ {label: '生产厂家/代理人', prop: 'manufacturerName'},
|
|
|
|
+ {label: '调出仓库', prop: 'deliveryWarehouseName'},
|
|
|
|
+ {label: '调出货位', prop: 'deliveryAllocationName'},
|
|
|
|
+ {label: '数量', prop: 'qty'},
|
|
|
|
+ {label: '调入仓库', prop: 'storageWarehouseName'},
|
|
|
|
+ {label: '调入货位', prop: 'storageAllocationName'},
|
|
|
|
+ ]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -134,11 +204,113 @@ export default {
|
|
this.ids = selection
|
|
this.ids = selection
|
|
// console.log('选中数组', this.ids.join())
|
|
// console.log('选中数组', this.ids.join())
|
|
},
|
|
},
|
|
- rowSelect(row) {
|
|
|
|
- this.$refs.tables.toggleRowSelection(row);
|
|
|
|
- },
|
|
|
|
doubleClick(row) {
|
|
doubleClick(row) {
|
|
- this.check(row)
|
|
|
|
|
|
+ // this.$refs.tables.toggleRowSelection(row);
|
|
|
|
+ this.rowSelect(row)
|
|
|
|
+ },
|
|
|
|
+ rowSelect(row) {
|
|
|
|
+ // this.check(row)
|
|
|
|
+ // 选择行存储便于子表分页
|
|
|
|
+ this.checkRow = row
|
|
|
|
+ // 采购需求单
|
|
|
|
+ if(row.type == 'PU_DEMAND_RULE') {
|
|
|
|
+ this.cols = [
|
|
|
|
+ {label: '物料编码', prop: 'materialCode'},
|
|
|
|
+ {label: '物料名称', prop: 'materialName'},
|
|
|
|
+ {label: '规格', prop: 'specification'},
|
|
|
|
+ {label: '型号', prop: 'model'},
|
|
|
|
+ {label: '单位', prop: 'unitName'},
|
|
|
|
+ {label: '生产厂家/代理人', prop: 'manufacturerName'},
|
|
|
|
+ {label: '实际(业务)需求量', prop: 'qty'},
|
|
|
|
+ {label: '月均销量', prop: 'averageQtyMonth'},
|
|
|
|
+ {label: '需求可用周期', prop: 'demandPeriod'},
|
|
|
|
+ {label: '业务备注', prop: 'remark'},
|
|
|
|
+ {label: '紧急标识', prop: 'isUrgency',
|
|
|
|
+ formatter: function(row, column, cellValue, index) {
|
|
|
|
+ return row.isUrgency == 'Y' ? '是' : '否'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {label: '补单标识', prop: 'isReplenishment',
|
|
|
|
+ formatter: function(row, column, cellValue, index) {
|
|
|
|
+ return row.isReplenishment == 'Y' ? '是' : '否'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ ]
|
|
|
|
+ // 调拨订单
|
|
|
|
+ } else if (row.type == 'ALLOT_RULE') {
|
|
|
|
+ this.cols = [
|
|
|
|
+ {label: '物料编码', prop: 'materialCode'},
|
|
|
|
+ {label: '物料名称', prop: 'materialName'},
|
|
|
|
+ {label: '规格', prop: 'specification'},
|
|
|
|
+ {label: '型号', prop: 'model'},
|
|
|
|
+ {label: '单位', prop: 'unitName'},
|
|
|
|
+ {label: '生产厂家/代理人', prop: 'manufacturerName'},
|
|
|
|
+ {label: '调出仓库', prop: 'deliveryWarehouseName'},
|
|
|
|
+ {label: '调出货位', prop: 'deliveryAllocationName'},
|
|
|
|
+ {label: '数量', prop: 'qty'},
|
|
|
|
+ {label: '调入仓库', prop: 'storageWarehouseName'},
|
|
|
|
+ {label: '调入货位', prop: 'storageAllocationName'},
|
|
|
|
+ ]
|
|
|
|
+ // 物料申请单
|
|
|
|
+ } else if (row.type == 'MATERIAL_APPLY_RULE') {
|
|
|
|
+ this.cols = [
|
|
|
|
+ {label: '物料一级分类', prop: 'classOneName'},
|
|
|
|
+ {label: '物料基本分类', prop: 'classifyName'},
|
|
|
|
+ {label: '物料名称', prop: 'materialName'},
|
|
|
|
+ {label: '型号', prop: 'model'},
|
|
|
|
+ {label: '规格', prop: 'specification'},
|
|
|
|
+ {label: '生产厂家/代理人', prop: 'manufacturerName'},
|
|
|
|
+ {label: '注册证号', prop: 'registrationNo'},
|
|
|
|
+ {label: '注册人', prop: 'registrant'},
|
|
|
|
+ {label: '存储条件', prop: 'storageCondition'},
|
|
|
|
+ {label: '运输条件', prop: 'transportationCondition'},
|
|
|
|
+ {label: '是否医药物料', prop: 'isMedicine',
|
|
|
|
+ formatter: function(row, column, cellValue, index) {
|
|
|
|
+ return row.isMedicine == '0' ? '是' : '否'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {label: '是否药品', prop: 'isDrug',
|
|
|
|
+ formatter: function(row, column, cellValue, index) {
|
|
|
|
+ return row.isDrug == '0' ? '是' : '否'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ ]
|
|
|
|
+ // 价格申报单
|
|
|
|
+ } else if (row.type == 'PU_PRICE_APPLY_RULE') {
|
|
|
|
+ this.cols = [
|
|
|
|
+ {label: '物料编码', prop: 'materialCode'},
|
|
|
|
+ {label: '物料名称', prop: 'materialName'},
|
|
|
|
+ {label: '型号', prop: 'model'},
|
|
|
|
+ {label: '规格', prop: 'specification'},
|
|
|
|
+ {label: '生产厂家/代理人', prop: 'manufacturerName'},
|
|
|
|
+ {label: '含税单价', prop: 'taxPrice'},
|
|
|
|
+ {label: '最近价格', prop: 'recentlyPrice'},
|
|
|
|
+ {label: '单价差', prop: 'priceDiffer'},
|
|
|
|
+ {label: '客户', prop: 'customerName'},
|
|
|
|
+ {label: '供应商名称1', prop: 'supplierName1'},
|
|
|
|
+ {label: '单价1', prop: 'unitPrice1'},
|
|
|
|
+ ]
|
|
|
|
+ // 采购订单
|
|
|
|
+ } else if (row.type == 'PU_ORDER_RULE') {
|
|
|
|
+ this.cols = [
|
|
|
|
+ {label: '收货客户', prop: 'customerName'},
|
|
|
|
+ {label: '物料编码', prop: 'materialCode'},
|
|
|
|
+ {label: '物料名称', prop: 'materialName'},
|
|
|
|
+ {label: '生产厂家', prop: 'manufacturerName'},
|
|
|
|
+ {label: '医药物料', prop: 'isMedcine'},
|
|
|
|
+ {label: '数量', prop: 'qty'},
|
|
|
|
+ {label: '含税单价', prop: 'taxPrice'},
|
|
|
|
+ {label: '价税合计', prop: 'money'},
|
|
|
|
+ {label: '赠品', prop: 'isGift',
|
|
|
|
+ formatter: function(row, column, cellValue, index) {
|
|
|
|
+ return row.isGift == 'Y' ? '是' : '否'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {label: '折扣%', prop: 'nitemdiscountrate'},
|
|
|
|
+ {label: '价格类型', prop: 'priceType'},
|
|
|
|
+ ]
|
|
|
|
+ }
|
|
|
|
+ this.getDetailList(this.checkRow)
|
|
},
|
|
},
|
|
audits() {
|
|
audits() {
|
|
if(this.ids.length == 0) {
|
|
if(this.ids.length == 0) {
|
|
@@ -184,6 +356,32 @@ export default {
|
|
this.queryParams.pageNum = val
|
|
this.queryParams.pageNum = val
|
|
this.getList(this.queryParams)
|
|
this.getList(this.queryParams)
|
|
},
|
|
},
|
|
|
|
+ sonSizeChange(val) {
|
|
|
|
+ this.sonQuery.pageSize = val
|
|
|
|
+ this.getDetailList(this.checkRow)
|
|
|
|
+ },
|
|
|
|
+ sonCurrentChange(val) {
|
|
|
|
+ this.sonQuery.pageNum = val
|
|
|
|
+ this.getDetailList(this.checkRow)
|
|
|
|
+ },
|
|
|
|
+ // 获取单据概述列表
|
|
|
|
+ getDetailList (row) {
|
|
|
|
+ this.$modal.loading("加载中...");
|
|
|
|
+ let param = {
|
|
|
|
+ billCode: row.billCode,
|
|
|
|
+ type: row.type,
|
|
|
|
+ ...this.sonQuery
|
|
|
|
+ }
|
|
|
|
+ getWorkDetailList(param).then(res => {
|
|
|
|
+ if(res.code === 200) {
|
|
|
|
+ this.sonTableList = res.rows
|
|
|
|
+ this.sonTotal = res.total
|
|
|
|
+ this.$modal.closeLoading();
|
|
|
|
+ }
|
|
|
|
+ }).catch(err => {
|
|
|
|
+ this.$modal.closeLoading();
|
|
|
|
+ })
|
|
|
|
+ },
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|