|
@@ -9,52 +9,16 @@
|
|
|
</a-card>
|
|
|
<!-- 急件单信息 -->
|
|
|
<a-card :bordered="false" class="urgentItemsOffsetDetail-info-wrapper">
|
|
|
- <a-row :gutter="35">
|
|
|
- <a-col :span="8" class="item-cont">
|
|
|
- <p class="item-label">客户名称:</p>
|
|
|
- <p class="item-main">名称思密达</p>
|
|
|
- <!-- <p class="item-main">{{ detailsData.name }}</p> -->
|
|
|
- </a-col>
|
|
|
- <a-col :span="8" class="item-cont">
|
|
|
- <p class="item-label">客户地址:</p>
|
|
|
- <p class="item-main">名称思密达</p>
|
|
|
- <!-- <p class="item-main">{{ detailsData.name }}</p> -->
|
|
|
- </a-col>
|
|
|
- <a-col :span="8" class="item-cont">
|
|
|
- <p class="item-label">支付方式:</p>
|
|
|
- <p class="item-main">名称思密达</p>
|
|
|
- <!-- <p class="item-main">{{ detailsData.name }}</p> -->
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="35">
|
|
|
- <a-col :span="8" class="item-cont">
|
|
|
- <p class="item-label">联系手机:</p>
|
|
|
- <p class="item-main">名称思密达</p>
|
|
|
- <!-- <p class="item-main">{{ detailsData.name }}</p> -->
|
|
|
- </a-col>
|
|
|
- <a-col :span="8" class="item-cont">
|
|
|
- <p class="item-label">联系电话:</p>
|
|
|
- <p class="item-main">名称思密达</p>
|
|
|
- <!-- <p class="item-main">{{ detailsData.name }}</p> -->
|
|
|
- </a-col>
|
|
|
- <a-col :span="8" class="item-cont">
|
|
|
- <p class="item-label">收款方式:</p>
|
|
|
- <p class="item-main">名称思密达</p>
|
|
|
- <!-- <p class="item-main">{{ detailsData.name }}</p> -->
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="35">
|
|
|
- <a-col :span="8" class="item-cont">
|
|
|
- <p class="item-label">急件单号:</p>
|
|
|
- <p class="item-main">名称思密达</p>
|
|
|
- <!-- <p class="item-main">{{ detailsData.name }}</p> -->
|
|
|
- </a-col>
|
|
|
- <a-col :span="8" class="item-cont">
|
|
|
- <p class="item-label">完结状态:</p>
|
|
|
- <p class="item-main">名称思密达</p>
|
|
|
- <!-- <p class="item-main">{{ detailsData.name }}</p> -->
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
+ <a-descriptions :column="3">
|
|
|
+ <a-descriptions-item label="客户名称">名称思密达</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="客户地址">陕西省西安市未央区凤城八路</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="支付方式">名称思密达</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="联系手机">名称思密达</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="联系电话">名称思密达</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="收款方式">名称思密达</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="急件单号">名称思密达</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="完结状态">名称思密达</a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
</a-card>
|
|
|
<!-- 合计 -->
|
|
|
<a-alert type="info" showIcon style="margin-bottom:15px">
|
|
@@ -67,9 +31,13 @@
|
|
|
ref="table"
|
|
|
size="default"
|
|
|
:rowKey="(record) => record.id"
|
|
|
- :columns="columns"
|
|
|
+ :columns="unColumns"
|
|
|
:data="loadData"
|
|
|
bordered>
|
|
|
+ <!-- 库存数量 -->
|
|
|
+ <template slot="inventoryQuantity" slot-scope="text, record">
|
|
|
+ <span :class="[record.inventoryQuantity < record.quantityNotOffset ? 'red' : '']">{{record.inventoryQuantity}}</span>
|
|
|
+ </template>
|
|
|
</s-table>
|
|
|
</a-card>
|
|
|
</div>
|
|
@@ -84,25 +52,25 @@
|
|
|
return {
|
|
|
unColumns: [
|
|
|
{ title: '序号', dataIndex: 'no', width: 70, align: 'center' },
|
|
|
- { title: '产品编码', dataIndex: 'productName', width: 200, align: 'center', ellipsis: true },
|
|
|
- { title: '产品名称', dataIndex: 'productOldNum', width: 160, align: 'center', ellipsis: true },
|
|
|
- { title: '原厂编码', dataIndex: 'productBrand', width: 200, align: 'center' },
|
|
|
- { title: '库存数量', dataIndex: 'productType', width: 200, align: 'center' },
|
|
|
- { title: '未冲减数量', dataIndex: 'inventoryNum', width: 180, align: 'center', ellipsis: true },
|
|
|
- { title: '单位', dataIndex: 'inventoryMoneys', width: 180, align: 'center' }
|
|
|
+ { title: '产品编码', dataIndex: 'productName', width: 200, align: 'center', ellipsis: true, customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '产品名称', dataIndex: 'productOldNum', width: 160, align: 'center', ellipsis: true, customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '原厂编码', dataIndex: 'productBrand', width: 200, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '库存数量', scopedSlots: { customRender: 'inventoryQuantity' }, width: 200, align: 'center' },
|
|
|
+ { title: '未冲减数量', dataIndex: 'quantityNotOffset', width: 180, align: 'center', ellipsis: true, customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '单位', dataIndex: 'inventoryMoneys', width: 180, align: 'center', customRender: function (text) { return text || '--' } }
|
|
|
],
|
|
|
columns: [
|
|
|
{ title: '序号', dataIndex: 'no', width: 70, align: 'center' },
|
|
|
- { title: '产品编码', dataIndex: 'productName', width: 200, align: 'center', ellipsis: true },
|
|
|
- { title: '产品名称', dataIndex: 'productOldNum', width: 160, align: 'center', ellipsis: true },
|
|
|
- { title: '原厂编码', dataIndex: 'productBrand', width: 200, align: 'center' },
|
|
|
- { title: '入库时间', dataIndex: 'product2Brand', width: 200, align: 'center' },
|
|
|
- { title: '仓库', dataIndex: 'productBrawnd', width: 200, align: 'center' },
|
|
|
- { title: '仓位', dataIndex: 'productBradnd', width: 200, align: 'center' },
|
|
|
- { title: '成本价', dataIndex: 'productsBrand', width: 200, align: 'center' },
|
|
|
- { title: '已冲减数量', dataIndex: 'inventoryNum', width: 180, align: 'center', ellipsis: true },
|
|
|
- { title: '单位', dataIndex: 'inventoryMoneys', width: 180, align: 'center' },
|
|
|
- { title: '成本小计', dataIndex: 'inventoryMoneyss', width: 180, align: 'center' }
|
|
|
+ { title: '产品编码', dataIndex: 'productName', width: 200, align: 'center', ellipsis: true, customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '产品名称', dataIndex: 'productOldNum', width: 160, align: 'center', ellipsis: true, customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '原厂编码', dataIndex: 'productBrand', width: 200, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '入库时间', dataIndex: 'product2Brand', width: 200, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '仓库', dataIndex: 'productBrawnd', width: 200, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '仓位', dataIndex: 'productBradnd', width: 200, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '成本价', dataIndex: 'productsBrand', width: 200, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '已冲减数量', dataIndex: 'inventoryNum', width: 180, align: 'center', ellipsis: true, customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '单位', dataIndex: 'inventoryMoneys', width: 180, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '成本小计', dataIndex: 'inventoryMoneyss', width: 180, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }
|
|
|
],
|
|
|
// 加载数据方法 必须为 Promise 对象
|
|
|
loadData: parameter => {
|
|
@@ -122,7 +90,7 @@
|
|
|
pageNo: 1,
|
|
|
pageSize: 10,
|
|
|
list: [
|
|
|
- { id: '1', productNum: 'jgqp11111111111', productName: '产品1', productOldNum: 'jgqp111123545', productBrand: '箭冠品牌', productType: '产品分类1', inventoryNum: '5', inventoryMoney: '122' }
|
|
|
+ { id: '1', productNum: 'jgqp11111111111', inventoryQuantity: 0, quantityNotOffset: 3, productName: '产品1', productOldNum: 'jgqp111123545', productBrand: '箭冠品牌', productType: '产品分类1', inventoryNum: '5', inventoryMoney: '122' }
|
|
|
]
|
|
|
}
|
|
|
const no = (data.pageNo - 1) * data.pageSize
|
|
@@ -198,6 +166,9 @@
|
|
|
width: auto;
|
|
|
}
|
|
|
}
|
|
|
+ .red{
|
|
|
+ color: #ff0000;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|