| 
					
				 | 
			
			
				@@ -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> 
			 |