Merge remote-tracking branch 'origin/pms'

by1642146903
2 parents 5a1dd4c5 651a20fb
Showing 15 changed files with 757 additions and 4 deletions
config/routers/pms.ts
src/pages/pms/comonents/ImageUpload.tsx
src/pages/pms/part/PartPriceCoefficient/components/UploadModal.tsx
src/pages/pms/part/Repertory/index.tsx
src/pages/pms/partPlan/AppointPart/comonents/UploadExcel.tsx
src/pages/pms/partPlan/Setting/api.ts
src/pages/pms/partPlan/Setting/index.tsx
src/pages/pms/storage/partStock/api.ts
src/pages/pms/storage/partStock/components/AsOrderDetail/api.ts
src/pages/pms/storage/partStock/components/AsOrderDetail/index.tsx
src/pages/pms/storage/partStock/components/AsOrderDetail/style.less
src/pages/pms/storage/partStock/components/DecorationOrder/api.ts
src/pages/pms/storage/partStock/components/DecorationOrder/index.tsx
src/pages/pms/storage/partStock/components/DecorationOrder/style.less
src/pages/pms/storage/partStock/index.tsx
@@ -171,4 +171,8 @@ export default [
     path: '/pms/storage/prepare', // 备料管理
     component: './pms/storage/Prepare'
   },
+  {
+    path: '/pms/storage/partStock', // 配件锁库时长
+    component: './pms/storage/partStock'
+  },
 ];
@@ -77,6 +77,7 @@ function Index(props: Props) {
       <Upload
         action="/api/file/upload"
         listType="picture-card"
+        accept=".jpg,.png"
         disabled={disabled}
         fileList={fileList}
         onPreview={handlePreview}
@@ -85,6 +86,7 @@ function Index(props: Props) {
       >
         {fileList.length >= max ? null : uploadButton}
       </Upload>
+      <span style={{fontSize: 10}}>支持上传类型 jpg、png</span>
       <Modal open={previewOpen} footer={null} onCancel={handleCancel}>
         <img alt="example" style={{ width: '100%' }} src={previewImage} />
       </Modal>
@@ -127,12 +127,13 @@ export default function UploadExcel(props: Props) {
             <span>导入原因：</span>
             <Input value={uploadInfo?.fixRemark} onChange={(e) => setUploadInfo({ ...uploadInfo, fixRemark: e.target.value})} style={{width: 250}} />
           </div>
-          <Dragger {...uploadProps}>
+          <Dragger {...uploadProps} style={{ marginBottom: 20 }}>
             <p className="ant-upload-drag-icon">
               <InboxOutlined />
             </p>
             <p className="ant-upload-text">将文件拖到此处上传</p>
           </Dragger>
+          <a href="/api/pms/erp/part/template/part/price/import">下载导入模版</a>
         </div>
       ) : (
         <div>
@@ -12,7 +12,6 @@ import Filter from &#39;./components/Filter&#39;;
 import SpecList from './components/SpecList';
 import List from './components/List';
 import SpecEcpModal from './components/SpecEpcModal';
-import moment from 'moment';
  
 const { TabPane } = Tabs;
 export const { Provider, useStore } = createStore(store);
@@ -42,7 +41,7 @@ function RepertoryIndex() {
                     导入
                   </Button>
                   <Button type="default" style={{ marginLeft: 10 }}>
-                    <a href={`http://static.feewee.cn/templates/配件批量导入模板.xlsx?t=${moment().valueOf()}`}>
+                    <a href="/api/pms/erp/part/template/part/import">
                       下载模板
                     </a>
                   </Button>
@@ -77,12 +77,13 @@ export default function UploadExcel(props: Props) {
         </Popconfirm>
       ]}
     >
-      <Dragger {...uploadProps}>
+      <Dragger {...uploadProps} style={{ marginBottom: 20 }}>
         <p className="ant-upload-drag-icon">
           <InboxOutlined />
         </p>
         <p className="ant-upload-text">将文件拖到此处上传</p>
       </Dragger>
+      <a href="/api/pms/erp/part/template/plan/part/import">下载导入模版</a>
     </Modal>
   );
 }
@@ -11,6 +11,9 @@ export interface Item {
   prepareTime?: number // 备料时效
   startingPrice?: number// 调运起步价
   startingDistance?: number // 调运起步距离
+  ratioMorax1?:string
+  ratioMorax2?:string
+  ratioMorax3?:string
 }
  
 /**
@@ -100,6 +100,32 @@ export default function Index() {
               onChange={(value: any) => setData({ ...data, prepareTime: value })}
             />
           </span>
+          <span style={{ marginBottom: 20 }}>9、库销比≥&nbsp;
+            <InputNumber
+              disabled={!disable}
+              controls={false}
+              style={{width: 50}}
+              value={data.ratioMorax1}
+              onChange={(value: any) => setData({ ...data, ratioMorax1: value })}
+            />
+            &nbsp;时每增加&nbsp;
+            <InputNumber
+              disabled={!disable}
+              controls={false}
+              style={{ width: 50 }}
+              value={data.ratioMorax2}
+              onChange={(value: any) => setData({ ...data, ratioMorax2: value })}
+            />
+            &nbsp;扣&nbsp;
+            <InputNumber
+              addonAfter="%"
+              disabled={!disable}
+              controls={false}
+              style={{ width: 80 }}
+              value={data.ratioMorax3}
+              onChange={(value: any) => setData({ ...data, ratioMorax3: value })}
+            />
+          </span>
           <ConfirmBnt
             disable={disable}
             onOk={handleSave}
+import request from '@/utils/request';
+import { PMS_HOST } from '@/utils/host';
+import { http } from '@/typing/http';
+
+export const Type: { [key: number]: string } = {
+  0: '正常锁定',
+  1: '售后工单锁定',
+  2: '市场工单锁定',
+  3: '装潢零售锁定',
+  4: '定巡航领料',
+  5: '调拨锁定',
+  6: '库存锁定',
+  7: '外采锁定',
+  8: '订件锁定',
+  10: '客户主动订件锁定',
+  11: '办公用品锁定',
+};
+// 处理类型
+export const handleTypeData = [
+  { value: 1, label: '释放' },
+  { value: 2, label: '延期' },
+];
+// 处理类型
+export const lockTypeData = [
+  // { value: 0, label: '正常锁定' },
+  { value: 1, label: '售后工单锁定' },
+  { value: 3, label: '装潢零售锁定' },
+  { value: 5, label: '调件锁定' },
+  // { value: 6, label: '库存锁定' },
+  // { value: 7, label: '外采锁定' },
+  // { value: 8, label: '订件锁定' },
+  { value: 10, label: '客户主动订件锁定' },
+  // { value: 11, label: '办公用品锁定' },
+];
+/**
+ * 列表项
+ */
+export interface Item {
+  lockId?: number;
+  // 锁件ID
+  partId?: number;
+  // 配件ID
+  partCode?: string;
+  // 配件编码?
+  partName?: string;
+  // 配件名称
+  // reid.renner
+  needCnt?: number;
+  // int32
+  // 需要数量
+  confirmTime?: string;
+  // 确认时间（锁库时间）
+  lockCnt?: number;
+  // 锁定数量
+  // 594
+  useCnt?: number;
+  // int32
+  // 使用数量
+  outCnt?: number;
+  days?: number;
+  // int32
+  // 领料出库数量
+  type?: number;
+  // 锁定类型0正常锁定1售后工单锁定2市场工单锁定3装潢零售锁定4定巡航锁定5调出锁定6库存锁定7外采锁定8订件锁定10客户主动订件锁定11办公用品锁定(See: 锁定类型
+  typeId?: string;
+  // 类型ID
+  remark?: string;
+  // 单号
+  storageName?: string;
+  delayCnt?: number; //延期次数
+}
+export interface RecordItem {
+  id?: number;
+  // int64
+  // ID
+  // 870
+  lockId?: number;
+  // int64
+  // 锁件ID
+  // 558
+  type?: number;
+  // enum
+  // 锁定处理类型1释放2延期(See: 锁定处理类型
+  days?: number;
+  // int32
+  // 延期天数
+  // 500
+  userId?: number;
+  // int64
+  // 处理人员ID
+  // 769
+  userName?: string;
+  // 处理人员名称
+  // hobert.wiegand
+  shopId?: number;
+  // int64
+  // 门店ID
+  // 533
+  shopName?: string;
+  // 门店名称
+  // hobert.wiegand
+  remark?: string;
+  // 备注
+  // wxushz
+  fids?: string;
+  // 附件
+  // di8yqs
+  groupId?: number;
+  // int64
+  // 集团ID
+  // 291
+  createTime?: string;
+  // 创建时间
+}
+/**
+ * 参数
+ */
+export interface QueryParams {
+  current?:number,
+  shopIds?: number; //	门店
+  storageId?: number;
+  lockType?: number; //
+  orderBy?: number;
+  isAsc?: boolean;
+  pageSize?:number
+}
+export interface handleParams {
+  lockId?: number;
+  type?: number;
+  delayDays?: number;
+  remark?: string;
+  fids?: string[];
+}
+/**配件锁料异常列表*/
+export function fetchList(params?: QueryParams): http.PromisePageResp<Item> {
+  return request.get(`${PMS_HOST}/part/lock/handler/lock/list`, { params });
+}
+import request from '@/utils/request';
+import {CAS_HOST} from '@/utils/host';
+import { http } from '@/typing/http';
+
+export interface Detail {
+  brandId?: number;
+  carName?: string;
+  consultantDesc?: string;
+  cusRequire?: string;
+  cusType?: number;
+  orderId?: number;
+  orderNo?: string;
+  ownerName?: string;
+  plateNo?: string;
+  receiverName?: string; // 服务顾问
+  exclusiveAdviserName?: string; // 专属顾问
+  senderTime?: number;
+  serviceCatName?: string;
+  shopId?: number;
+  specCode?: string;
+  trip?: string;
+  vin?: string;
+}
+/**查询工单详情 */
+export function fetchDetai2lApi(params: { orderId?: number; orderNo?: string }): http.PromiseResp<Detail> {
+  return request.get(`${CAS_HOST}/app/order/base/info/view`, { params });
+}
 \ No newline at end of file
+import React, { useEffect, useState } from 'react';
+import {Modal, Button} from 'antd';
+import {fetchDetai2lApi, Detail} from './api';
+import useInitial from '@/hooks/useInitail';
+import moment from 'moment';
+import st from './style.less';
+
+interface Props {
+  visible:boolean
+  onCancel:Function,
+  orderNo:string
+}
+
+export default function Index(props: Props) {
+  const {visible, onCancel, orderNo} = props;
+  const [delay, setDelay] = useState(true);
+  const { data, setParams, setData } = useInitial(fetchDetai2lApi, {} as Detail, {}, delay);
+
+  useEffect(() => {
+    if (!!visible && !!orderNo) {
+      setDelay(false);
+      setParams({orderNo}, true);
+    }
+    if (!visible) {
+      setData({});
+    }
+  }, [visible]);
+
+  return (
+    <Modal
+      title="工单详情"
+      width={600}
+      open={visible}
+      maskClosable={false}
+      onCancel={() => onCancel()}
+      footer={[
+        <Button key="cancel" onClick={() => onCancel()}>返回</Button>
+      ]}
+    >
+      <div className={st.text}>车牌号：{data.plateNo || '--'}</div>
+      <div className={st.text}>车主：{data.ownerName || '--'}</div>
+      <div className={st.text}>车辆：{data.carName || '--'}</div>
+      <div className={st.text}>VIN：{data.vin || '--'}</div>
+      <div className={st.text}>配置代码：{data.specCode || '--'}</div>
+      <div className={st.text}>专属服务顾问：{data.exclusiveAdviserName || '--'}</div>
+      <div className={st.text}>服务顾问：{data.receiverName || '--'}</div>
+      <div className={st.text}>接车类型：{data.serviceCatName || '--'}</div>
+      <div className={st.text}>工单号：{data.orderNo || '--'}</div>
+      <div className={st.text}>进站时间：{data.senderTime ? moment(data.senderTime).format('YYYY.MM.DD HH:mm') : '--'}</div>
+    </Modal>
+  );
+}
 \ No newline at end of file
+.text {
+  margin-bottom: 15px;
+}
 \ No newline at end of file
+import request from '@/utils/request';
+import { DECORATION } from '@/utils/host';
+import { http } from '@/typing/http';
+
+interface Params {
+  decoOrderNo?: string;
+  rnId?: number;
+}
+export interface DecoDetail{
+  rnId?:number
+  // 退换货ID
+  // 590
+  shopId?:number
+  // 归属门店ID
+  // 515
+  carName?:
+  string
+  // 车辆名称
+// trent.fadel?
+shopName?:
+string
+// 门店名称
+// trent.fadel
+orderId?:number
+// int64
+// 订单ID
+// 947
+decoOrderNo?:
+string
+// 订单编号
+// 2d5oxj
+totalPrice?:
+number
+// 原商品总价
+// 5
+totalActualPrice?:
+number
+// 实际支付金额
+// 99
+couponPrice?:
+number
+// 优惠券优惠金额
+// 704
+proTotalPrice?:
+number
+// 促销优惠金额
+// 678
+totalManHoursFee?:
+number
+// 工时费
+// 343
+additionalPrice?:
+number
+// 差价
+// 复制
+// 196
+status?:number
+// enum
+  // 订单状态
+ plateNo?:
+string
+// 车牌号
+// uyfnbs
+vin?:
+string
+// 车架号
+// xdexm3
+brandId?:number
+// int64
+// 品牌ID
+// 884
+seriesId?:number
+// int64
+// 车系ID
+// 465
+specId?:number
+// int64
+// 车型ID
+// 331
+orderTime?:
+string
+// 下单时间
+// 2023 - 05 - 16 14: 41: 25
+payTime?:
+string
+// 支付时间
+// 2023 - 05 - 16 14: 41: 25
+leftSeconds?:number
+// int64
+// 支付剩余时间
+// 733
+userName?:
+string
+// 专属顾问
+// trent.fadel
+bizType?:number
+// int32
+// 业务形态
+// 286
+tradeNo?:
+string
+// 交易号
+// 49suvl
+permitReturnNew?:boolean
+// boolean
+// 是否允许退换货
+// true
+proRemake?:
+string
+// 促销优惠备注
+proVos?: proVo[] // 商品详情
+}
+interface proVo{
+  promotionId?:number
+  // int64
+  // 促销ID
+  // 126
+  promotionName?:
+  string
+  // 促销名称
+// trent.fadel
+proType?:number
+// enum
+  // 促销类型
+ startTime?:
+string
+// 开始时间
+// 2023 - 05 - 16 14: 41: 25
+endTime?:
+string
+// 结束时间
+// 2023 - 05 - 16
+tip?:
+string
+// 提示
+// 231.226.211.162
+price?:
+number
+// 套餐价格
+// 371
+applyPrice?:
+number
+// 抵扣价格
+// 64
+proPrice?:
+number
+// 促销优惠金额
+// 194
+actualPrice?:
+number
+// 结算金额
+// 500
+originalPrice?:
+number
+// 已选金额
+  rules?:rule[]
+  hitCoupon?:boolean
+  orderGoodsVos?: orderGoodsVo[]
+}
+interface rule{
+  require?:number
+  expect?:number
+}
+interface orderGoodsVo {
+  cartId?:number
+proType?:number
+// 促销类型?
+// 983
+proId?:number
+// int64
+// 促销ID
+// 88
+goodsId?:number
+// int64
+// 商品ID
+// 793
+orderGoodsId?:number
+// int64
+// 订单商品ID
+// 678
+partId?:number
+// int64
+// 配件ID
+// 99
+partCode?:string
+// 配件编码
+// 8687
+goodsName?:
+string
+// 商品名称
+// trent.fadel
+mainImgFid?:
+string
+// 主图
+// 26
+comRequire?:
+boolean
+// 套餐必选
+// true
+originalPrice?:
+number
+// 原价
+// 868
+specialPrice?:
+number
+// 特价
+startTime?:
+string
+// 开始时间
+// 2023 - 05 - 16 14: 41: 25
+endTime?:
+string
+// 结束时间
+// 2023 - 05 - 16
+quantity?:number
+// int32
+// 数量
+// 175
+minRequire?:number
+// int32
+// 最低数量
+// 495
+workItemId?:number
+// int64
+// 作业项ID
+// 630
+workItemName?:
+string
+// 作业项名称
+// trent.fadel
+manHours?:
+number
+// 工时
+// 544
+manHoursFee?:
+number
+// 工时费?:
+// 644/
+rnId?:number
+// int64
+// 退换货ID
+// 804
+invalid?:
+boolean
+// 是否下架
+// 复制
+// true
+old?:
+boolean
+// 是否为原订单商品
+}
+/**
+ * 装潢退货详情
+ */
+export function OrderDetail(params: Params): http.PromiseResp<DecoDetail> {
+  return request.get(`${DECORATION}/deco/order/detail`, { params });
+}
 \ No newline at end of file
+import React, { useEffect, useState } from 'react';
+import { Modal, Button, Collapse, Spin } from 'antd';
+import { OrderDetail, DecoDetail } from './api';
+import useInitial from '@/hooks/useInitail';
+import moment from 'moment';
+import st from './style.less';
+
+interface Props {
+  visible: boolean
+  onCancel: Function,
+  decoOrderNo: string
+}
+
+enum ProType {
+  '单品' = 0,
+  '套餐',
+  '满送',
+  '特价',
+}
+const { Panel } = Collapse;
+export default function Index(props: Props) {
+  const { visible, onCancel, decoOrderNo } = props;
+  const [delay, setDelay] = useState(true);
+  const { data, setParams, setData, loading } = useInitial(OrderDetail, {} as DecoDetail, {}, delay);
+
+  useEffect(() => {
+    if (!!visible && !!decoOrderNo) {
+      setDelay(false);
+      setParams({ decoOrderNo }, true);
+    }
+    if (!visible) {
+      setData({});
+    }
+  }, [visible]);
+
+  return (
+    <Modal
+      title="装潢详情"
+      width={600}
+      open={visible}
+      maskClosable={false}
+      onCancel={() => onCancel()}
+      footer={[
+        <Button key="cancel" onClick={() => onCancel()}>返回</Button>
+      ]}
+    >
+      <Spin spinning={loading}>
+        <div className={st.title}>订单详情</div>
+        <div className={st.text}>订单编号：{data.decoOrderNo}</div>
+        <div className={st.text}>车牌号：{data.plateNo}</div>
+        <div className={st.text}>车架号：{data.vin}</div>
+        {data.bizType == 0 ? <div className={st.text}>销售顾问：{data.decoOrderNo}</div> : <div className={st.text}>服务顾问：{data.decoOrderNo}</div>}
+        <div className={st.text}>下单时间：{moment(data.orderTime).format('YYYY.MM.DD HH:mm')}</div>
+
+        <div className={st.title}>商品详情</div>
+        <Collapse expandIconPosition="end">
+          {data.proVos?.map((item, index) => (
+            <Panel
+              header={
+                <>
+                  <div style={{ display: 'flex' }}>
+                    <span style={{marginRight: 10}}>促销类型：{ProType[item.proType || 0]}</span>
+                    <span>{item.promotionName}</span>
+                  </div>
+                  {item && item.startTime ? (
+                    <span>
+                      活动时间：{moment(item.startTime).format('YYYY-MM-DD')}-{moment(item.endTime).format('YYYY-MM-DD')}
+                    </span>
+                ) :null}
+                  <div style={{ marginBottom: 5 }}>结算金额：{item.actualPrice}元</div>
+                </>
+          }
+              key={index}
+              style={{ backgroundColor: '#F8F9FC'}}
+            >
+              <div className={st.goods}>
+                {item.orderGoodsVos?.map(i => (
+                  <div key={i.cartId} className={st.good_item}>
+                    <img src={i.mainImgFid} alt="暂无图片信息" width={140} height={100} />
+                    <div style={{marginLeft: 10}}>
+                      <div>商品名称：{i.goodsName}</div>
+                      <div className={st.flex}>
+                        <span>数量：{i.quantity}</span>
+                        <span>编码：{i.partCode}</span>
+                      </div>
+                      {i.proType === 3 ? (
+                        <div className={st.flex}>
+                          <span>￥{i.specialPrice}</span>
+                          <span>￥{i.originalPrice}</span>
+                        </div>
+                  ) : (
+                    <div>￥{i.originalPrice || 0}</div>
+                  )}
+                      {i.workItemName ? (
+                        <div className={st.flex}>
+                          <span>装潢作业项：{i.workItemName || '无'}</span>
+                          <span>工时费: ￥{i.manHoursFee || 0}</span>
+                        </div>
+                  ) : null}
+                    </div>
+                  </div>
+            ))}
+              </div>
+            </Panel>
+        ))}
+        </Collapse>
+
+        <div className={st.title} style={{marginTop: 10}}>金额详情</div>
+        <div className={st.text}>售价：{data.totalPrice}元</div>
+        <div className={st.text}>优惠卷：{data.couponPrice || 0}</div>
+        <div className={st.text}>促销优惠备注：{data.proRemake}</div>
+        <div className={st.text}>合计：{data.totalActualPrice}元</div>
+      </Spin>
+    </Modal>
+  );
+}
 \ No newline at end of file
+.title {
+  font-size: 18px;
+  margin-bottom: 10px;
+  color: #333333;
+  font-family: 'PingFangSC-Medium';
+  padding-bottom: 10px;
+  border-bottom: 1px #D9D9D9 solid ;
+}
+.text {
+  margin-bottom: 10px;
+}
+.goods{
+  height: 286px;
+  overflow: auto;
+  padding: 15px 15px;
+  -ms-overflow-style: none;
+
+  .good_item{
+    display: flex;
+    margin-bottom: 15px;
+    box-shadow: 0px 1px 2px #c5c1c1;
+    padding: 10px 12px;
+    align-items: center;
+    background-color: white;
+  }
+  .flex{
+    display: flex;
+    justify-content: space-between;
+  }
+}
+.goods::-webkit-scrollbar {
+  display: none;
+}
 \ No newline at end of file
+import React, { useState } from 'react';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { Card, Table, Input } from 'antd';
+import type { SorterResult } from 'antd/es/table/interface';
+import usePagination from '@/hooks/usePagination';
+import { fetchList, Item, Type, lockTypeData } from './api';
+import moment from 'moment';
+import PmsSelect from '@/pages/pms/comonents/PmsSelect';
+import { getStoragePage } from '@/pages/pms/storage/StorageManage/api';
+import AsOrderDetail from './components/AsOrderDetail';
+import DecorationOrder from './components/DecorationOrder';
+
+const { Column } = Table;
+const { Search } = Input;
+
+const OrderBy: { [key: string]: number } = {
+  'lockCnt': 1,
+  'confirmTime': 2,
+  'days': 3,
+  'delayCnt': 4,
+};
+
+export default function Index() {
+  const { list, loading, setParams, paginationConfig } = usePagination<Item>(fetchList, {});
+  const { list: storages } = usePagination<PartStorageSpace.PageVO>(getStoragePage, { pageSize: 1000 });
+  const [asOrder, setAsOrder] = useState<{visible: boolean, orderNo: string}>({visible: false, orderNo: ''});
+  const [decOrder, setDecOrder] = useState<{ visible: boolean, decoOrderNo: string }>({ visible: false, decoOrderNo: ''});
+
+  const click = (i: Item) => {
+    if (i.type == 1) {
+      setAsOrder({visible: true, orderNo: i.remark || ''});
+    } else {
+      setDecOrder({ visible: true, decoOrderNo: i.remark || '' });
+    }
+  };
+
+  return (
+    <PageHeaderWrapper title="配件锁库时长">
+      <Card>
+        <div style={{ display: 'flex', alignItems: 'center', marginBottom: 20 }}>
+          <Search
+            placeholder="关键词搜索"
+            allowClear
+            enterButton
+            onSearch={v => setParams({ keywords: v }, true)}
+            style={{ width: 250, marginRight: 20 }}
+          />
+          <PmsSelect
+            style={{ width: 250, marginRight: 20 }}
+            allowClear
+            onChange={value => {
+              setParams({ storageId: value}, true);
+            }}
+            placeholder="请选择库房"
+            options={storages.map((item: PartStorageSpace.PageVO) => ({ value: item.id, label: item.storageName }))}
+          />
+          <PmsSelect
+            placeholder="类型筛选"
+            allowClear
+            style={{ width: 250, marginRight: 20 }}
+            onChange={v => setParams({ lockType: v }, true)}
+            options={lockTypeData}
+          />
+        </div>
+        <Table
+          dataSource={list}
+          loading={loading}
+          scroll={{x: 1500}}
+          pagination={paginationConfig}
+          rowKey={r => `${r.lockId}`}
+          onChange={(p, f, s: SorterResult<Item>) => {
+            let st = s.field as string;
+            setParams({ orderBy: OrderBy[st], isAsc: s.order == 'ascend'}, true); 
+}}
+        >
+          <Column title="配件编码" dataIndex="partCode" />
+          <Column title="配件名称" dataIndex="partName" />
+          <Column title="库房" dataIndex="storageName" />
+          <Column title="锁库类型" dataIndex="type" render={t => Type[t]} />
+          <Column title="锁定库存数" dataIndex="lockCnt" sorter />
+          <Column title="锁件开始时间" dataIndex="confirmTime" sorter render={t => (t ? moment(t).format('YYYY-MM-DD HH:mm:ss') : '')} />
+          <Column title="锁库天数" dataIndex="days" sorter />
+          <Column title="延期次数" dataIndex="delayCnt" sorter />
+          <Column title="VIN" dataIndex="typeId" />
+          <Column title="单号" render={i => ([1, 3].includes(i.type || 0) ? <a onClick={() => click(i)}>{i.remark}</a> : '--')} />
+        </Table>
+        <AsOrderDetail visible={asOrder.visible} orderNo={asOrder.orderNo} onCancel={() => setAsOrder({visible: false, orderNo: ''})} />
+        <DecorationOrder visible={decOrder.visible} decoOrderNo={decOrder.decoOrderNo} onCancel={() => setDecOrder({ visible: false, decoOrderNo: '' })} />
+      </Card>
+    </PageHeaderWrapper>
+  );
+}
 \ No newline at end of file