feat: 价格调整管理模块 el-table → VxeTable 迁移
- 安装 vxe-table@4.19.6 + xe-utils@3.9.1 - main.js 全局注册 VxeTable - priceAdjustmentManagement/index.vue 替换 4 个表格: - el-table → vxe-table (+ edit-config 可编辑单元格) - el-table-column → vxe-column - selection → checkbox - 可编辑列添加 edit-render - 备份: backup/vxetable-migration-20260602/
This commit is contained in:
53
openhis-ui-vue3/package-lock.json
generated
53
openhis-ui-vue3/package-lock.json
generated
@@ -45,7 +45,9 @@
|
||||
"vue-area-linkage": "^5.1.0",
|
||||
"vue-cropper": "^1.1.1",
|
||||
"vue-plugin-hiprint": "^0.0.19",
|
||||
"vue-router": "^4.3.0"
|
||||
"vue-router": "^4.3.0",
|
||||
"vxe-table": "^4.19.6",
|
||||
"xe-utils": "^3.9.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@playwright/test": "^1.58.2",
|
||||
@@ -3573,6 +3575,25 @@
|
||||
"url": "https://github.com/sponsors/antfu"
|
||||
}
|
||||
},
|
||||
"node_modules/@vxe-ui/core": {
|
||||
"version": "4.4.13",
|
||||
"resolved": "https://registry.npmjs.org/@vxe-ui/core/-/core-4.4.13.tgz",
|
||||
"integrity": "sha512-ViWvzmsW7ZWrowzJrXxQzOJhJwEqOgcX9LNjddF1B5KD49tyNsG5UkeMMAtgV8qSpR8qvJ8TukdIqRN4wgmH4w==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"dom-zindex": "^1.0.7",
|
||||
"xe-utils": "^4.0.8"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vue": "^3.2.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@vxe-ui/core/node_modules/xe-utils": {
|
||||
"version": "4.0.8",
|
||||
"resolved": "https://registry.npmjs.org/xe-utils/-/xe-utils-4.0.8.tgz",
|
||||
"integrity": "sha512-l+p++9iPtSxpf/5ZCzkPXsyV0avE34KzieAC9oAhi+3e98PLJaBQHNiY2V8Lnbiux4JFAbU10p8AT6oujXkP9A==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/abbrev": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/abbrev/-/abbrev-2.0.0.tgz",
|
||||
@@ -5486,6 +5507,12 @@
|
||||
"url": "https://github.com/fb55/entities?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/dom-zindex": {
|
||||
"version": "1.0.7",
|
||||
"resolved": "https://registry.npmjs.org/dom-zindex/-/dom-zindex-1.0.7.tgz",
|
||||
"integrity": "sha512-cKU/h8v8IPBgdZOTPbPmq3Ib+Ac5C+kKoh9I4LbGR9BM3GwbmB16KYWKJcj5M2BavnA66EbgYzxYDLd1IytnlQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/domelementtype": {
|
||||
"version": "1.3.1",
|
||||
"resolved": "https://registry.npmmirror.com/domelementtype/-/domelementtype-1.3.1.tgz",
|
||||
@@ -13783,6 +13810,24 @@
|
||||
"url": "https://github.com/fb55/entities?sponsor=1"
|
||||
}
|
||||
},
|
||||
"node_modules/vxe-pc-ui": {
|
||||
"version": "4.14.26",
|
||||
"resolved": "https://registry.npmjs.org/vxe-pc-ui/-/vxe-pc-ui-4.14.26.tgz",
|
||||
"integrity": "sha512-JtOShAA2HG+M9QybmuY0+ufagCFJpKWIMNcgHM9X8yysmZC/J7ivqFjn3tXTGzv5IA7JsaF6uelMzx2O0FKksQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@vxe-ui/core": "^4.4.13"
|
||||
}
|
||||
},
|
||||
"node_modules/vxe-table": {
|
||||
"version": "4.19.6",
|
||||
"resolved": "https://registry.npmjs.org/vxe-table/-/vxe-table-4.19.6.tgz",
|
||||
"integrity": "sha512-KMFjriaQSpHbLPD8O7hc+FtVE521mLiDhif+oDilqMd7Zf8+oTvt7RLUW/KqN+vur4A2RqQtRWBs2vlrk0dc0g==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"vxe-pc-ui": "^4.14.0"
|
||||
}
|
||||
},
|
||||
"node_modules/w3c-xmlserializer": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
|
||||
@@ -14062,6 +14107,12 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/xe-utils": {
|
||||
"version": "3.9.1",
|
||||
"resolved": "https://registry.npmjs.org/xe-utils/-/xe-utils-3.9.1.tgz",
|
||||
"integrity": "sha512-Ujk5UmoH6Iaqhgz3oGwfCXVcMdUJKlXnfvLABdnMyseMG0eHsX2mcCvLd/8sGlIXtfwsprI9bW7vgcVognLmqQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/xml-name-validator": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
|
||||
|
||||
@@ -63,7 +63,9 @@
|
||||
"vue-area-linkage": "^5.1.0",
|
||||
"vue-cropper": "^1.1.1",
|
||||
"vue-plugin-hiprint": "^0.0.19",
|
||||
"vue-router": "^4.3.0"
|
||||
"vue-router": "^4.3.0",
|
||||
"vxe-table": "^4.19.6",
|
||||
"xe-utils": "^3.9.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@playwright/test": "^1.58.2",
|
||||
@@ -90,4 +92,4 @@
|
||||
"vitest": "^4.0.18",
|
||||
"vue-tsc": "^3.1.8"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
import {createApp} from 'vue';
|
||||
|
||||
import VxeUIAll from 'vxe-table';
|
||||
import 'vxe-table/lib/style.css';
|
||||
import Cookies from 'js-cookie';
|
||||
|
||||
// 导入 hiprint 并挂载到全局 window 对象
|
||||
@@ -122,6 +124,7 @@ directive(app);
|
||||
// 全局禁止点击遮罩层关闭弹窗
|
||||
ElDialog.props.closeOnClickModal.default = false;
|
||||
// 使用element-plus 并且设置全局的大小
|
||||
app.use(VxeUIAll);
|
||||
app.use(ElementPlus, {
|
||||
locale: zhCn,
|
||||
// 支持 large、default、small
|
||||
|
||||
@@ -75,23 +75,23 @@
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table
|
||||
<vxe-table
|
||||
v-if="refreshTable"
|
||||
ref="tableRef"
|
||||
v-loading="loading"
|
||||
:data="definitionList1"
|
||||
tooltip-effect="dark"
|
||||
:show-overflow-tooltip="true"
|
||||
show-overflow
|
||||
:edit-config="{trigger: 'click', mode: 'cell' }"
|
||||
style="width: 100% !important"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
<vxe-column
|
||||
type="checkbox"
|
||||
width="40"
|
||||
align="center"
|
||||
fixed="left"
|
||||
/>
|
||||
<el-table-column
|
||||
<vxe-column
|
||||
label="名称"
|
||||
prop="name"
|
||||
align="center"
|
||||
@@ -117,8 +117,8 @@
|
||||
</template>
|
||||
</PopoverList>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="编码"
|
||||
prop="busNo"
|
||||
align="center"
|
||||
@@ -126,9 +126,9 @@
|
||||
<template #default="scope">
|
||||
{{ scope.row.busNo ? scope.row.busNo : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</vxe-column>
|
||||
|
||||
<el-table-column
|
||||
<vxe-column
|
||||
label="规格"
|
||||
prop="volume"
|
||||
align="center"
|
||||
@@ -136,8 +136,8 @@
|
||||
<template #default="scope">
|
||||
{{ scope.row.volume ? scope.row.volume : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="当前进货价"
|
||||
prop="originBuyingPrice"
|
||||
align="center"
|
||||
@@ -145,10 +145,11 @@
|
||||
<template #default="scope">
|
||||
{{ scope.row.originBuyingPrice ? scope.row.originBuyingPrice : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="调后进货价"
|
||||
prop="newBuyingPrice"
|
||||
:edit-render="{}"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
@@ -158,8 +159,8 @@
|
||||
step="0.01"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="当前零售价"
|
||||
prop="originRetailPrice"
|
||||
align="center"
|
||||
@@ -167,10 +168,11 @@
|
||||
<template #default="scope">
|
||||
{{ scope.row.originRetailPrice ? scope.row.originRetailPrice : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="调后零售价"
|
||||
prop="newRetailPrice"
|
||||
:edit-render="{}"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
@@ -180,10 +182,11 @@
|
||||
step="0.01"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="调价理由"
|
||||
prop="reason"
|
||||
:edit-render="{}"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
@@ -195,8 +198,8 @@
|
||||
autosize
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
v-model:page="queryParams.pageNo"
|
||||
@@ -268,23 +271,23 @@
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table
|
||||
<vxe-table
|
||||
v-if="refreshTable"
|
||||
ref="tableRef"
|
||||
v-loading="loading"
|
||||
:data="definitionList2"
|
||||
tooltip-effect="dark"
|
||||
:show-overflow-tooltip="true"
|
||||
show-overflow
|
||||
:edit-config="{trigger: 'click', mode: 'cell' }"
|
||||
style="width: 100% !important"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
<vxe-column
|
||||
type="checkbox"
|
||||
width="40"
|
||||
align="center"
|
||||
fixed="left"
|
||||
/>
|
||||
<el-table-column
|
||||
<vxe-column
|
||||
label="名称"
|
||||
prop="name"
|
||||
align="center"
|
||||
@@ -310,8 +313,8 @@
|
||||
</template>
|
||||
</PopoverList>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="编码"
|
||||
prop="busNo"
|
||||
align="center"
|
||||
@@ -319,8 +322,8 @@
|
||||
<template #default="scope">
|
||||
{{ scope.row.busNo ? scope.row.busNo : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="规格"
|
||||
prop="volume"
|
||||
align="center"
|
||||
@@ -328,8 +331,8 @@
|
||||
<template #default="scope">
|
||||
{{ scope.row.volume ? scope.row.volume : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="当前进货价"
|
||||
prop="originBuyingPrice"
|
||||
align="center"
|
||||
@@ -337,10 +340,11 @@
|
||||
<template #default="scope">
|
||||
{{ scope.row.originBuyingPrice ? scope.row.originBuyingPrice : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="调后进货价"
|
||||
prop="newBuyingPrice"
|
||||
:edit-render="{}"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
@@ -350,8 +354,8 @@
|
||||
step="0.01"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="当前零售价"
|
||||
prop="originRetailPrice"
|
||||
align="center"
|
||||
@@ -359,10 +363,11 @@
|
||||
<template #default="scope">
|
||||
{{ scope.row.originRetailPrice ? scope.row.originRetailPrice : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="调后零售价"
|
||||
prop="newRetailPrice"
|
||||
:edit-render="{}"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
@@ -372,10 +377,11 @@
|
||||
step="0.01"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="调价理由"
|
||||
prop="reason"
|
||||
:edit-render="{}"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
@@ -387,8 +393,8 @@
|
||||
autosize
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
v-model:page="queryParams.pageNo"
|
||||
@@ -460,23 +466,23 @@
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table
|
||||
<vxe-table
|
||||
v-if="refreshTable"
|
||||
ref="tableRef"
|
||||
v-loading="loading"
|
||||
:data="definitionList3"
|
||||
tooltip-effect="dark"
|
||||
:show-overflow-tooltip="true"
|
||||
show-overflow
|
||||
:edit-config="{trigger: 'click', mode: 'cell' }"
|
||||
style="width: 100% !important"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
<vxe-column
|
||||
type="checkbox"
|
||||
width="40"
|
||||
align="center"
|
||||
fixed="left"
|
||||
/>
|
||||
<el-table-column
|
||||
<vxe-column
|
||||
label="名称"
|
||||
prop="name"
|
||||
align="center"
|
||||
@@ -502,8 +508,8 @@
|
||||
</template>
|
||||
</PopoverList>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="编码"
|
||||
prop="busNo"
|
||||
align="center"
|
||||
@@ -511,9 +517,9 @@
|
||||
<template #default="scope">
|
||||
{{ scope.row.busNo ? scope.row.busNo : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</vxe-column>
|
||||
|
||||
<el-table-column
|
||||
<vxe-column
|
||||
label="当前零售价"
|
||||
prop="originRetailPrice"
|
||||
align="center"
|
||||
@@ -521,10 +527,11 @@
|
||||
<template #default="scope">
|
||||
{{ scope.row.originRetailPrice ? scope.row.originRetailPrice : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="调后零售价"
|
||||
prop="newRetailPrice"
|
||||
:edit-render="{}"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
@@ -534,10 +541,11 @@
|
||||
step="0.01"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="调价理由"
|
||||
prop="reason"
|
||||
:edit-render="{}"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
@@ -549,8 +557,8 @@
|
||||
autosize
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
v-model:page="queryParams.pageNo"
|
||||
@@ -652,22 +660,22 @@
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-table
|
||||
<vxe-table
|
||||
v-if="refreshTable"
|
||||
ref="tableRef"
|
||||
v-loading="loading"
|
||||
:data="definitionList4"
|
||||
tooltip-effect="dark"
|
||||
:show-overflow-tooltip="true"
|
||||
show-overflow
|
||||
:edit-config="{trigger: 'click', mode: 'cell' }"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
<vxe-column
|
||||
type="checkbox"
|
||||
width="40"
|
||||
align="center"
|
||||
fixed="left"
|
||||
/>
|
||||
<el-table-column
|
||||
<vxe-column
|
||||
label="名称"
|
||||
prop="orgName"
|
||||
align="center"
|
||||
@@ -677,8 +685,8 @@
|
||||
{{ scope.row.orgName ? scope.row.orgName : '-' }}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="类型"
|
||||
min-width="120"
|
||||
align="center"
|
||||
@@ -701,8 +709,8 @@
|
||||
</el-select>
|
||||
<span v-else>{{ scope.row.name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="当前零售价"
|
||||
prop="originRetailPrice"
|
||||
align="center"
|
||||
@@ -710,10 +718,11 @@
|
||||
<template #default="scope">
|
||||
{{ scope.row.originRetailPrice ? scope.row.originRetailPrice : '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="调后零售价"
|
||||
prop="newRetailPrice"
|
||||
:edit-render="{}"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
@@ -723,10 +732,11 @@
|
||||
step="0.01"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
</vxe-column>
|
||||
<vxe-column
|
||||
label="调价理由"
|
||||
prop="reason"
|
||||
:edit-render="{}"
|
||||
align="center"
|
||||
>
|
||||
<template #default="scope">
|
||||
@@ -738,8 +748,8 @@
|
||||
autosize
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
v-model:page="queryParams.pageNo"
|
||||
|
||||
Reference in New Issue
Block a user