zhouhaibin
9 months ago
20 changed files with 2500 additions and 4 deletions
@ -0,0 +1,236 @@ |
|||||
|
/** |
||||
|
* 参照页面混入 |
||||
|
*/ |
||||
|
import { Dialog } from '@/components/abc/Dialog' |
||||
|
import CollapseTab from '@/components/abc/CollapseTab/index.vue' |
||||
|
import QueryText from '@/components/abc/QueryText/index.vue' |
||||
|
import QueryButton from '@/components/abc/QueryButton/index.vue' |
||||
|
import { ContentWrap } from '@/components/abc/ContentWrap' |
||||
|
import ListPager from '@/components/abc/ListPager/index.vue' |
||||
|
import ColumnsController from '@/components/abc/ColumnsController/index.vue' |
||||
|
import DictionarySelect from '@/components/abc/DictionarySelect/DictionarySelect.vue' |
||||
|
import DictionaryRadioGroup from '@/components/abc/DictionarySelect/DictionaryRadioGroup.vue' |
||||
|
import OrganizationSingleSelect from '@/modules/system/view/organization/treeReference.vue' |
||||
|
import OrganizationMultipleSelect from '@/modules/system/view/organization/treeMultipleSelect.vue' |
||||
|
import UserSingleSelect from '@/modules/system/view/user/treeListReference.vue' |
||||
|
import IconPicker from '@/components/abc/IconPicker/index.vue' |
||||
|
|
||||
|
export const referenceMixin_copy = { |
||||
|
emits: ['update:modelValue', 'my-change'], |
||||
|
components: { |
||||
|
Dialog, |
||||
|
ContentWrap, |
||||
|
CollapseTab, |
||||
|
QueryText, |
||||
|
QueryButton, |
||||
|
ListPager, |
||||
|
ColumnsController, |
||||
|
DictionarySelect, |
||||
|
DictionaryRadioGroup, |
||||
|
OrganizationSingleSelect, |
||||
|
OrganizationMultipleSelect, |
||||
|
UserSingleSelect, |
||||
|
IconPicker |
||||
|
}, |
||||
|
props: { |
||||
|
modelValue: { |
||||
|
type: String, |
||||
|
default: '', |
||||
|
required: false |
||||
|
}, |
||||
|
disabled: { |
||||
|
type: Boolean, |
||||
|
required: false, |
||||
|
default: false |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
// 表格数据
|
||||
|
tableData: [], |
||||
|
// 加载中
|
||||
|
loading: false, |
||||
|
// 当前行
|
||||
|
currentId: this.$constant.NO_ITEM_SELECTED, |
||||
|
// 分页信息
|
||||
|
pageInfo: { |
||||
|
// 页码
|
||||
|
pageNum: this.$constant.DEFAULT_PAGE_NUM, |
||||
|
// 页码大小
|
||||
|
pageSize: this.$constant.DEFAULT_PAGE_SIZE |
||||
|
}, |
||||
|
// 排序信息
|
||||
|
sortInfo: { |
||||
|
sort_field: 'orderNo', |
||||
|
sort_sortType: 'ascending' |
||||
|
}, |
||||
|
// 总页数
|
||||
|
pageTotal: 0, |
||||
|
queryCondition: { |
||||
|
// 默认值处理
|
||||
|
}, |
||||
|
visible: false, |
||||
|
// 显示名称
|
||||
|
displayName: '' |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
modelValue: { |
||||
|
immediate: true, |
||||
|
handler: 'getSelectedName' |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
showCols() { |
||||
|
return this.columnList.filter((item) => item.show) |
||||
|
}, |
||||
|
tableKey() { |
||||
|
const { path } = this.$route |
||||
|
return `${path}/table` |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// 初始化
|
||||
|
init(param) { |
||||
|
if (this.beforeInit != null) { |
||||
|
this.beforeInit(param) |
||||
|
} |
||||
|
this.loadData().then((res) => { |
||||
|
if (this.afterInit) { |
||||
|
this.afterInit(param) |
||||
|
} |
||||
|
this.visible = true |
||||
|
}) |
||||
|
}, |
||||
|
// 确认选择
|
||||
|
confirm() { |
||||
|
if (!this.checkSelectedRowExist()) { |
||||
|
return |
||||
|
} |
||||
|
const selectedRow = this.getRow(this.currentId) |
||||
|
|
||||
|
this.displayName = selectedRow.name |
||||
|
// 更新父组件绑定值
|
||||
|
this.$emit('update:modelValue', selectedRow.id) |
||||
|
this.$emit('my-change', selectedRow.id, selectedRow) |
||||
|
this.visible = false |
||||
|
if (this.afterConfirm!=null) { |
||||
|
this.afterConfirm(selectedRow) |
||||
|
} |
||||
|
}, |
||||
|
// 关闭
|
||||
|
close() { |
||||
|
this.visible = false |
||||
|
}, |
||||
|
// 清空选择
|
||||
|
clear() { |
||||
|
this.displayName = '' |
||||
|
this.$emit('update:modelValue', '') |
||||
|
this.$emit('my-change', '') |
||||
|
}, |
||||
|
// 获取选中的名称
|
||||
|
getSelectedName() { |
||||
|
if (this.modelValue) { |
||||
|
this.api.get(this.modelValue).then((res) => { |
||||
|
this.displayName = res.data[this.nameKey] |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
// 加载数据
|
||||
|
loadData() { |
||||
|
return new Promise((resolve) => { |
||||
|
this.loading = true |
||||
|
const params = Object.assign(this.queryCondition, this.pageInfo, this.sortInfo) |
||||
|
this.api |
||||
|
.page(params) |
||||
|
.then((res) => { |
||||
|
this.tableData = res.data.records |
||||
|
this.pageTotal = res.data.total |
||||
|
resolve() |
||||
|
}) |
||||
|
.finally(() => { |
||||
|
this.loading = false |
||||
|
this.currentId = this.$constant.NO_ITEM_SELECTED |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
// 查看
|
||||
|
view(id) { |
||||
|
if (this.$refs.viewPage) { |
||||
|
this.$refs.viewPage.init(id) |
||||
|
} |
||||
|
}, |
||||
|
// 刷新
|
||||
|
refresh() { |
||||
|
this.loadData() |
||||
|
}, |
||||
|
// 处理排序
|
||||
|
// eslint-disable-next-line no-unused-vars
|
||||
|
sortChange({ column, prop, order }) { |
||||
|
this.sortInfo.sort_field = prop |
||||
|
this.sortInfo.sort_sortType = order |
||||
|
this.refresh() |
||||
|
}, |
||||
|
// 当前行变化
|
||||
|
rowChange(currentRow) { |
||||
|
this.currentId = currentRow ? currentRow.id : this.$constant.NO_ITEM_SELECTED |
||||
|
}, |
||||
|
// 获取行记录
|
||||
|
getRow(id) { |
||||
|
if (id && id !== this.$constant.NO_ITEM_SELECTED) { |
||||
|
if (this.tableData && this.tableData.length > 0) { |
||||
|
for (let i = 0; i < this.tableData.length; i++) { |
||||
|
if (this.tableData[i].id === id) { |
||||
|
return this.tableData[i] |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
return undefined |
||||
|
}, |
||||
|
// 获取名称
|
||||
|
getName(id) { |
||||
|
const row = this.getRow(id) |
||||
|
if (row) { |
||||
|
return row[this.nameKey] |
||||
|
} |
||||
|
return undefined |
||||
|
}, |
||||
|
// 验证是否有选中行
|
||||
|
checkSelectedRowExist() { |
||||
|
if (this.currentId === this.$constant.NO_ITEM_SELECTED) { |
||||
|
this.$message.info('当前无选中行') |
||||
|
return false |
||||
|
} |
||||
|
return true |
||||
|
}, |
||||
|
// 双击事件
|
||||
|
rowDoubleClick(row) { |
||||
|
this.view(row.id) |
||||
|
}, |
||||
|
// 处理查询
|
||||
|
query() { |
||||
|
// 查询之前，将当前页置为1
|
||||
|
this.pageInfo.pageNum = 1 |
||||
|
this.refresh() |
||||
|
}, |
||||
|
// 处理分页变化
|
||||
|
pageChange(value) { |
||||
|
this.pageInfo.pageNum = value |
||||
|
this.refresh() |
||||
|
}, |
||||
|
// 处理分页大小变化
|
||||
|
pageSizeChange(value) { |
||||
|
this.pageInfo.pageSize = value |
||||
|
this.refresh() |
||||
|
} |
||||
|
}, |
||||
|
provide() { |
||||
|
return { |
||||
|
query: this.query, |
||||
|
view: this.view, |
||||
|
pageChange: this.pageChange, |
||||
|
pageSizeChange: this.pageSizeChange |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,90 @@ |
|||||
|
import { COMMON_METHOD } from '@/constant/common' |
||||
|
import request from '@/config/axios' |
||||
|
|
||||
|
const moduleName = 'costMode' |
||||
|
|
||||
|
// 系统参数
|
||||
|
// export const param = Object.assign({}, COMMON_METHOD, {
|
||||
|
// serveUrl: '/' + moduleName + '/' + 'param' + '/'
|
||||
|
// })
|
||||
|
|
||||
|
// 供应商管理
|
||||
|
// export const supplierInformation = {
|
||||
|
// serveUrl: '/' + moduleName + '/' + 'supplierInformation' + '/',
|
||||
|
|
||||
|
// page(params) {
|
||||
|
// return request.get({ url: this.serveUrl + 'page', params })
|
||||
|
// },
|
||||
|
// get(id) {
|
||||
|
// return request.get({ url: this.serveUrl + id })
|
||||
|
// }
|
||||
|
// }
|
||||
|
|
||||
|
|
||||
|
|
||||
|
// 个人产品
|
||||
|
export const personProducts = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'personProducts' + '/', |
||||
|
|
||||
|
}) |
||||
|
|
||||
|
// 字典类型
|
||||
|
export const dictionaryType = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'dictionaryType' + '/', |
||||
|
tree() { |
||||
|
return request.get({ url: this.serveUrl + 'tree' }) |
||||
|
}, |
||||
|
|
||||
|
// 通过编码获取数据
|
||||
|
getByCode(param) { |
||||
|
return request.get({ url: this.serveUrl + 'getByCode/' + param }) |
||||
|
}, |
||||
|
// 批量保存
|
||||
|
saveItem(id, itemList) { |
||||
|
return request.post({ url: this.serveUrl + id + '/item', data: itemList }) |
||||
|
}, |
||||
|
// 通过编码获取字典项，转换为列表项数据结构，用于公用选择控件
|
||||
|
getItem(code) { |
||||
|
return request.get({ url: this.serveUrl + 'getItem?code=' + code }) |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
// 字典项
|
||||
|
export const dictionaryItem = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'dictionaryItem' + '/', |
||||
|
enable(id) { |
||||
|
return request.put({ url: this.serveUrl + id + '/enable' }) |
||||
|
}, |
||||
|
disable(id) { |
||||
|
return request.put({ url: this.serveUrl + id + '/disable' }) |
||||
|
} |
||||
|
}) |
||||
|
// 用户设置
|
||||
|
export const userProfile = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'userProfile' + '/', |
||||
|
get() { |
||||
|
return request.get({ url: this.serveUrl }) |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
// 系统管理
|
||||
|
export const systemManage = Object.assign( |
||||
|
{}, |
||||
|
{ |
||||
|
serveUrl: '/' + moduleName + '/' + 'systemManage' + '/', |
||||
|
// 重建系统缓存
|
||||
|
rebuildSystemCache() { |
||||
|
return request.put({ url: this.serveUrl + 'rebuildSystemCache' }) |
||||
|
}, |
||||
|
// 获取唯一性标识
|
||||
|
getUniqueId() { |
||||
|
// 获取唯一性标识
|
||||
|
return request.get({ url: this.serveUrl + 'getUniqueId' }) |
||||
|
} |
||||
|
} |
||||
|
) |
||||
|
|
||||
|
// 模块
|
||||
|
export const module = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'module' + '/' |
||||
|
}) |
||||
@ -0,0 +1,132 @@ |
|||||
|
<template> |
||||
|
<div class="w-full"> |
||||
|
<el-input v-model="displayName" disabled style="width: 152px" /> |
||||
|
<el-button-group> |
||||
|
<el-button icon="grid" @click="init" style="border-left-width: 0; padding: 10px" /> |
||||
|
<el-button icon="delete" @click="clear" style="border-left-width: 0; padding: 10px" /> |
||||
|
</el-button-group> |
||||
|
<Dialog title="模块选择" v-model="visible" class="w-150"> |
||||
|
<CollapseTab> |
||||
|
<el-form :inline="true" :model="queryCondition" label-width="80px" @keyup.enter="query"> |
||||
|
<!--查询条件区 --> |
||||
|
<el-form-item label="应用"> |
||||
|
<dictionary-select v-model="queryCondition.app" code="AppCode" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="名称"> |
||||
|
<QueryText v-model="queryCondition.name" type="LK" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="编码"> |
||||
|
<QueryText v-model="queryCondition.code" type="LK" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item style="float: right"> |
||||
|
<QueryButton :page-code="pageCode" /> |
||||
|
</el-form-item> |
||||
|
<div class="clearfix"></div> |
||||
|
</el-form> |
||||
|
</CollapseTab> |
||||
|
<el-card style="width: 100%"> |
||||
|
<div style="float: right; margin-top: 0; margin-bottom: 10px"> |
||||
|
<ColumnsController :value="columnList" :tableKey="tableKey" /> |
||||
|
</div> |
||||
|
<el-table |
||||
|
v-loading="loading" |
||||
|
:data="tableData" |
||||
|
style="width: 100%" |
||||
|
highlight-current-row |
||||
|
border |
||||
|
@sort-change="sortChange" |
||||
|
@current-change="rowChange" |
||||
|
> |
||||
|
<el-table-column |
||||
|
v-for="(item, index) in showCols" |
||||
|
:key="index" |
||||
|
:label="item.label" |
||||
|
:prop="item.prop" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:width="item.width" |
||||
|
:formatter="item.formatFunc" |
||||
|
:sortable="item.sortable" |
||||
|
/> |
||||
|
</el-table> |
||||
|
<ListPager |
||||
|
:page-num="pageInfo.pageNum" |
||||
|
:page-size="pageInfo.pageSize" |
||||
|
:page-total="pageTotal" |
||||
|
/> |
||||
|
</el-card> |
||||
|
<template #footer> |
||||
|
<el-button type="primary" @click="confirm">确定</el-button> |
||||
|
<el-button @click="close">关闭</el-button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { referenceMixin } from '@/mixin/referenceMixin.js' |
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
const ENTITY_TYPE = 'supplierInformation' |
||||
|
export default { |
||||
|
name: ENTITY_TYPE + '-reference', |
||||
|
components: {}, |
||||
|
mixins: [referenceMixin], |
||||
|
props: { |
||||
|
moduleParam: { |
||||
|
type: Object, |
||||
|
required: false |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: ENTITY_TYPE, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
api: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
||||
|
sortInfo: { |
||||
|
sort_field: 'id', |
||||
|
sort_sortType: 'descending' |
||||
|
}, |
||||
|
columnList: [ |
||||
|
{ |
||||
|
prop: 'supplierName', |
||||
|
label: '供应商名称', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
}, |
||||
|
{ |
||||
|
prop: 'supplierContacts', |
||||
|
label: '供应商联系人', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
}, |
||||
|
{ |
||||
|
prop: 'supplierContactsPhone', |
||||
|
label: '供应商联系电话', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
}, |
||||
|
{ |
||||
|
prop: 'supplierType', |
||||
|
label: '供应商类型', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
} |
||||
|
], |
||||
|
queryCondition: { |
||||
|
//默认值处理 |
||||
|
app: '' |
||||
|
}, |
||||
|
// 名称键值 |
||||
|
nameKey: 'supplierName' |
||||
|
} |
||||
|
}, |
||||
|
methods: {} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style></style> |
||||
@ -0,0 +1,126 @@ |
|||||
|
import { COMMON_METHOD } from '@/constant/common' |
||||
|
import request from '@/config/axios' |
||||
|
|
||||
|
const moduleName = 'productManagement' |
||||
|
|
||||
|
// 系统参数
|
||||
|
// export const param = Object.assign({}, COMMON_METHOD, {
|
||||
|
// serveUrl: '/' + moduleName + '/' + 'param' + '/'
|
||||
|
// })
|
||||
|
|
||||
|
// 供应商管理
|
||||
|
// export const supplierInformation = {
|
||||
|
// serveUrl: '/' + moduleName + '/' + 'supplierInformation' + '/',
|
||||
|
|
||||
|
// page(params) {
|
||||
|
// return request.get({ url: this.serveUrl + 'page', params })
|
||||
|
// },
|
||||
|
// get(id) {
|
||||
|
// return request.get({ url: this.serveUrl + id })
|
||||
|
// }
|
||||
|
// }
|
||||
|
|
||||
|
// 供应商管理
|
||||
|
export const supplierInformation = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'supplierInformation' + '/' |
||||
|
}) |
||||
|
|
||||
|
// 厂商产品管理
|
||||
|
export const supplierProducts = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'supplierProducts' + '/' |
||||
|
}) |
||||
|
|
||||
|
// 公司产品
|
||||
|
export const companyProducts = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'companyProducts' + '/' |
||||
|
}) |
||||
|
// 个人产品
|
||||
|
export const personProducts = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'personProducts' + '/' |
||||
|
}) |
||||
|
// 供应商产品型号
|
||||
|
export const supplierProductModel = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'supplierProductModel' + '/', |
||||
|
addModel(params) { |
||||
|
return request.post({ url: this.serveUrl + 'addModel', data: params }) |
||||
|
}, |
||||
|
modifyModel(params) { |
||||
|
return request.put({ url: this.serveUrl + 'modifyModel', data: params }) |
||||
|
}, |
||||
|
getModelDetails(modelId) { |
||||
|
return request.get({ url: this.serveUrl + 'getModelDetails/' + modelId }) |
||||
|
} |
||||
|
}) |
||||
|
// 公司产品型号
|
||||
|
export const companyProductModel = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'companyProductModel' + '/', |
||||
|
addModel(params) { |
||||
|
return request.post({ url: this.serveUrl + 'addModel', data: params }) |
||||
|
}, |
||||
|
modifyModel(params) { |
||||
|
return request.put({ url: this.serveUrl + 'modifyModel', data: params }) |
||||
|
}, |
||||
|
getModelDetails(modelId) { |
||||
|
return request.get({ url: this.serveUrl + 'getModelDetails/' + modelId }) |
||||
|
} |
||||
|
}) |
||||
|
// 个人产品型号
|
||||
|
export const personProductModel = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'personProductModel' + '/', |
||||
|
addModel(params) { |
||||
|
return request.post({ url: this.serveUrl + 'addModel', data: params }) |
||||
|
}, |
||||
|
modifyModel(params) { |
||||
|
return request.put({ url: this.serveUrl + 'modifyModel', data: params }) |
||||
|
}, |
||||
|
getModelDetails(modelId) { |
||||
|
return request.get({ url: this.serveUrl + 'getModelDetails/' + modelId }) |
||||
|
} |
||||
|
}) |
||||
|
// 产品型号管理
|
||||
|
export const productModelTemplate = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'productModelTemplate' + '/' |
||||
|
}) |
||||
|
// 产品型号规格管理
|
||||
|
export const productModelTemplateDetails = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'productModelTemplateDetails' + '/', |
||||
|
|
||||
|
addList(params) { |
||||
|
return request.post({ url: this.serveUrl + 'addList', data: params }) |
||||
|
}, |
||||
|
modifyList(params) { |
||||
|
return request.put({ url: this.serveUrl + 'modifyList', data: params }) |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
// 用户设置
|
||||
|
export const userProfile = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'userProfile' + '/' |
||||
|
}) |
||||
|
|
||||
|
// 系统管理
|
||||
|
export const systemManage = Object.assign( |
||||
|
{}, |
||||
|
{ |
||||
|
serveUrl: '/' + moduleName + '/' + 'systemManage' + '/', |
||||
|
// 重建系统缓存
|
||||
|
rebuildSystemCache() { |
||||
|
return request.put({ url: this.serveUrl + 'rebuildSystemCache' }) |
||||
|
}, |
||||
|
// 获取唯一性标识
|
||||
|
getUniqueId() { |
||||
|
// 获取唯一性标识
|
||||
|
return request.get({ url: this.serveUrl + 'getUniqueId' }) |
||||
|
} |
||||
|
} |
||||
|
) |
||||
|
|
||||
|
// 模块
|
||||
|
export const module = Object.assign({}, COMMON_METHOD, { |
||||
|
serveUrl: '/' + moduleName + '/' + 'module' + '/' |
||||
|
}) |
||||
@ -0,0 +1,251 @@ |
|||||
|
<template> |
||||
|
<div class="w-full"> |
||||
|
<el-input type="textarea" v-model="displayName" disabled style="width: 100%" /> |
||||
|
<el-button-group v-if="moduleParam.pageType != 'view'"> |
||||
|
<el-button icon="grid" @click="init" style="border-left-width: 0; padding: 10px" /> |
||||
|
<!-- <el-button icon="delete" @click="clear" style="border-left-width: 0; padding: 10px" /> --> |
||||
|
</el-button-group> |
||||
|
<Dialog title="模块选择" v-model="visible" class="w-150"> |
||||
|
<el-form label-width="auto" :model="formData"> |
||||
|
<el-form-item label="型号模板"> |
||||
|
<product-model-select-components |
||||
|
v-model="formData.productModelTemplateId" |
||||
|
@updateTableData="updateTableData" |
||||
|
:module-param="moduleParam" |
||||
|
/> |
||||
|
<!-- <el-input v-model="formData.productModelTemplateId" style="width: 100%" /> --> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="产品描述"> |
||||
|
<el-input type="textarea" disabled v-model="formData.description" style="width: 100%" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="产品规格" style="margin-top: 20px"> |
||||
|
<avue-crud |
||||
|
ref="crud" |
||||
|
:option="option" |
||||
|
:data="tableData" |
||||
|
@row-update="addUpdate" |
||||
|
@row-save="rowSave" |
||||
|
@row-del="rowDelete" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<el-button type="primary" @click="confirm">确定</el-button> |
||||
|
<el-button @click="close">关闭</el-button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import { referenceMixin } from '@/mixin/referenceMixin.js' |
||||
|
import { Dialog } from '@/components/abc/Dialog' |
||||
|
import { isEmpty } from '@/utils/is' |
||||
|
import productModelSelectComponents from '@/modules/productManagement/components/productModelSelectComponents.vue' |
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
// const ENTITY_TYPE = 'supplierProductModel' |
||||
|
export default { |
||||
|
emits: ['update:modelValue', 'my-change'], |
||||
|
name: 'productModelComponents-reference', |
||||
|
components: { Dialog, productModelSelectComponents }, |
||||
|
// mixins: [referenceMixin], |
||||
|
props: { |
||||
|
moduleParam: { |
||||
|
type: Object, |
||||
|
required: false |
||||
|
}, |
||||
|
modelValue: { |
||||
|
type: String, |
||||
|
default: '', |
||||
|
required: false |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: this.moduleParam.entityType, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
productModelApi: this.$api[MODULE_CODE][this.moduleParam.entityType], //eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
modelDetailsApi: eval('this.$api.' + MODULE_CODE + '.' + 'productModelTemplateDetails'), |
||||
|
pageCode: MODULE_CODE + ':' + this.moduleParam.entityType + ':', |
||||
|
sortInfo: { |
||||
|
sort_field: 'id', |
||||
|
sort_sortType: 'descending' |
||||
|
}, |
||||
|
displayName: '', |
||||
|
visible: false, |
||||
|
loading: false, |
||||
|
tableData: [], |
||||
|
option: { |
||||
|
addBtn: false, |
||||
|
addRowBtn: true, |
||||
|
cellBtn: true, |
||||
|
refreshBtn: false, |
||||
|
columnBtn: false, |
||||
|
gridBtn: false, |
||||
|
// saveBtn: false, |
||||
|
menuWidth: 100, |
||||
|
column: [ |
||||
|
{ |
||||
|
label: '指标名称', |
||||
|
prop: 'paramName', |
||||
|
labelWidth: '120px', |
||||
|
sortable: true, |
||||
|
cell: true, |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入参数名称', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
label: '指标参数', |
||||
|
labelWidth: '120px', |
||||
|
prop: 'parameterValue', |
||||
|
cell: true, |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入参数指标', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
label: '是否关键指标', |
||||
|
labelWidth: '120px', |
||||
|
prop: 'isKeyParameter', |
||||
|
type: 'radio', |
||||
|
button: true, |
||||
|
dicData: [ |
||||
|
{ |
||||
|
label: '是', |
||||
|
value: '1' |
||||
|
}, |
||||
|
{ |
||||
|
label: '否', |
||||
|
value: '0' |
||||
|
} |
||||
|
], |
||||
|
value: '1', |
||||
|
required: true, |
||||
|
cell: true |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
queryCondition: { |
||||
|
//默认值处理 |
||||
|
app: '' |
||||
|
}, |
||||
|
// 名称键值 |
||||
|
nameKey: 'supplierName', |
||||
|
formData: { |
||||
|
description: '' |
||||
|
// tableData:[] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
tableData: { |
||||
|
handler(newName, oldName) { |
||||
|
this.formData.description = '' |
||||
|
for (let i = 0; i < this.tableData.length; i++) { |
||||
|
let rowData = this.tableData[i] |
||||
|
if (!isEmpty(rowData.paramName)) { |
||||
|
this.formData.description = |
||||
|
// this.formData.description + rowData.paramName + ':' + rowData.parameterIndex + ';\n' |
||||
|
this.formData.description + rowData.paramName + ':' + rowData.parameterValue + ';' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
immediate: true, |
||||
|
deep: true |
||||
|
}, |
||||
|
modelValue: { |
||||
|
immediate: true, |
||||
|
handler: 'getSelectedName' |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// 初始化 |
||||
|
init() { |
||||
|
if (!this.modelValue) { |
||||
|
this.productModelApi.init().then((res) => { |
||||
|
this.formData['id'] = res.data.id //厂商产品参数id |
||||
|
console.log('厂商产品型号初始化', this.formData, res.data) |
||||
|
}) |
||||
|
} |
||||
|
this.visible = true |
||||
|
}, |
||||
|
// 清空选择 |
||||
|
clear() { |
||||
|
this.displayName = '' |
||||
|
this.$emit('update:modelValue', '') |
||||
|
this.$emit('my-change', '') |
||||
|
}, |
||||
|
// 关闭 |
||||
|
close() { |
||||
|
this.visible = false |
||||
|
}, |
||||
|
// 确认选择 |
||||
|
async confirm() { |
||||
|
this.displayName = this.formData.description |
||||
|
// 更新父组件绑定值 |
||||
|
//上传 |
||||
|
this.formData.modelDeatils = this.tableData |
||||
|
this.loading = true |
||||
|
//modelValue存在说明已有数据，是修改操作，否则是新增操作 |
||||
|
if (!this.modelValue) { |
||||
|
await this.productModelApi.addModel(this.formData) |
||||
|
} else { |
||||
|
await this.productModelApi.modifyModel(this.formData) |
||||
|
} |
||||
|
this.$emit('update:modelValue', this.formData['id']) |
||||
|
this.$emit('my-change', '') |
||||
|
this.loading = false |
||||
|
this.visible = false |
||||
|
}, |
||||
|
getSelectedName() { |
||||
|
if (this.modelValue) { |
||||
|
this.productModelApi.get(this.modelValue).then((res) => { |
||||
|
this.displayName = res.data['description'] |
||||
|
this.formData['id'] = this.modelValue |
||||
|
this.formData['productModelTemplateId'] = res.data['productModelTemplateId'] |
||||
|
}) |
||||
|
//获取产品型号详情 |
||||
|
this.productModelApi.getModelDetails(this.modelValue).then((res) => { |
||||
|
this.tableData = res.data |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
addUpdate(form, index, done, loading) { |
||||
|
done() |
||||
|
}, |
||||
|
rowSave(form, done) { |
||||
|
done() |
||||
|
}, |
||||
|
rowDelete(form, index, done) { |
||||
|
done() |
||||
|
}, |
||||
|
updateTableData() { |
||||
|
console.log('updateTableData', this.tableData) |
||||
|
this.tableData = [] |
||||
|
this.modelDetailsApi |
||||
|
.list({ modelTemplateId: this.formData.productModelTemplateId }) |
||||
|
.then((res) => { |
||||
|
res.data.forEach((item) => { |
||||
|
this.tableData.push({ |
||||
|
paramName: item.paramName, |
||||
|
isKeyParameter: item.isKeyParameter, |
||||
|
$cellEdit: true |
||||
|
}) |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style></style> |
||||
@ -0,0 +1,141 @@ |
|||||
|
<template> |
||||
|
<div class="w-full"> |
||||
|
<el-input v-model="displayName" disabled style="width: 152px" /> |
||||
|
<el-button-group> |
||||
|
<el-button icon="grid" @click="init" style="border-left-width: 0; padding: 10px" /> |
||||
|
<!-- <el-button icon="delete" @click="clear" style="border-left-width: 0; padding: 10px" /> --> |
||||
|
</el-button-group> |
||||
|
<Dialog title="模块选择" v-model="visible" class="w-150"> |
||||
|
<CollapseTab> |
||||
|
<el-form :inline="true" :model="queryCondition" label-width="80px" @keyup.enter="query"> |
||||
|
<!--查询条件区 --> |
||||
|
<el-form-item label="型号名称"> |
||||
|
<dictionary-select v-model="queryCondition.templateName" code="AppCode" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="型号规格"> |
||||
|
<QueryText v-model="queryCondition.templateDetailsDescription" type="LK" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="类型"> |
||||
|
<QueryText v-model="queryCondition.templateType" type="LK" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item style="float: right"> |
||||
|
<QueryButton :page-code="pageCode" /> |
||||
|
</el-form-item> |
||||
|
<div class="clearfix"></div> |
||||
|
</el-form> |
||||
|
</CollapseTab> |
||||
|
<el-card style="width: 100%"> |
||||
|
<div style="float: right; margin-top: 0; margin-bottom: 10px"> |
||||
|
<ColumnsController :value="columnList" :tableKey="tableKey" /> |
||||
|
</div> |
||||
|
<el-table |
||||
|
v-loading="loading" |
||||
|
:data="tableData" |
||||
|
style="width: 100%" |
||||
|
highlight-current-row |
||||
|
border |
||||
|
@sort-change="sortChange" |
||||
|
@current-change="rowChange" |
||||
|
> |
||||
|
<el-table-column |
||||
|
v-for="(item, index) in showCols" |
||||
|
:key="index" |
||||
|
:label="item.label" |
||||
|
:prop="item.prop" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:width="item.width" |
||||
|
:formatter="item.formatFunc" |
||||
|
:sortable="item.sortable" |
||||
|
/> |
||||
|
</el-table> |
||||
|
<ListPager |
||||
|
:page-num="pageInfo.pageNum" |
||||
|
:page-size="pageInfo.pageSize" |
||||
|
:page-total="pageTotal" |
||||
|
/> |
||||
|
</el-card> |
||||
|
<template #footer> |
||||
|
<el-button type="primary" @click="confirm">确定</el-button> |
||||
|
<el-button @click="close">关闭</el-button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { referenceMixin_copy } from '@/mixin/referenceMixin_copy.js' |
||||
|
|
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
const ENTITY_TYPE = 'productModelTemplate' |
||||
|
export default { |
||||
|
name: ENTITY_TYPE + '-reference', |
||||
|
components: {}, |
||||
|
mixins: [referenceMixin_copy], |
||||
|
props: { |
||||
|
moduleParam: { |
||||
|
type: Object, |
||||
|
required: false |
||||
|
}, |
||||
|
modelSelectData: { |
||||
|
type: Object, |
||||
|
required: false |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: ENTITY_TYPE, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
api: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
||||
|
sortInfo: { |
||||
|
sort_field: 'id', |
||||
|
sort_sortType: 'descending' |
||||
|
}, |
||||
|
columnList: [ |
||||
|
{ |
||||
|
prop: 'templateName', |
||||
|
label: '型号名称', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
}, |
||||
|
{ |
||||
|
label: '型号规格', |
||||
|
prop: 'templateDetailsDescription', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
}, |
||||
|
{ |
||||
|
label: '类型', |
||||
|
prop: 'templateType', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
}, |
||||
|
{ |
||||
|
label: '备注', |
||||
|
prop: 'remarks', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
} |
||||
|
], |
||||
|
queryCondition: { |
||||
|
//默认值处理 |
||||
|
app: '' |
||||
|
}, |
||||
|
// 名称键值 |
||||
|
nameKey: 'templateName' |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
afterConfirm(param){ |
||||
|
this.$emit('updateTableData') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style></style> |
||||
@ -0,0 +1,220 @@ |
|||||
|
<template> |
||||
|
<div class="w-full"> |
||||
|
<el-input type="textarea" v-model="displayName" disabled style="width: 100%" /> |
||||
|
<el-button-group v-if="moduleParam.pageType != 'view'"> |
||||
|
<el-button icon="grid" @click="init" style="border-left-width: 0; padding: 10px" /> |
||||
|
</el-button-group> |
||||
|
<Dialog title="模块选择" v-model="visible" class="w-150"> |
||||
|
<el-form label-width="auto" :model="formData"> |
||||
|
<el-form-item label="产品规格" style="margin-top: 20px"> |
||||
|
<avue-crud |
||||
|
ref="crud" |
||||
|
:option="option" |
||||
|
:data="tableData" |
||||
|
@row-update="addUpdate" |
||||
|
@row-save="rowSave" |
||||
|
@row-del="rowDelete" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<el-button type="primary" @click="confirm">确定</el-button> |
||||
|
<el-button @click="close">关闭</el-button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import { referenceMixin } from '@/mixin/referenceMixin.js' |
||||
|
import { Dialog } from '@/components/abc/Dialog' |
||||
|
import { isEmpty } from '@/utils/is' |
||||
|
|
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
const ENTITY_TYPE = 'productModelTemplateDetails' |
||||
|
export default { |
||||
|
name: ENTITY_TYPE + '-reference', |
||||
|
components: { Dialog }, |
||||
|
emits: ['update:modelValue', 'my-change'], |
||||
|
// mixins: [referenceMixin], |
||||
|
props: { |
||||
|
// tableData: { |
||||
|
// handler(newName, oldName) { |
||||
|
// // this. = '' |
||||
|
// for (let i = 0; i < this.tableData.length; i++) { |
||||
|
// let rowData = this.tableData[i] |
||||
|
// if (!isEmpty(rowData.paramName)) { |
||||
|
// this.formData.description = |
||||
|
// // this.formData.description + rowData.paramName + ':' + rowData.parameterIndex + ';\n' |
||||
|
// this.formData.description + rowData.paramName +';' |
||||
|
// } |
||||
|
// } |
||||
|
// }, |
||||
|
// immediate: true, |
||||
|
// deep: true |
||||
|
// }, |
||||
|
moduleParam: { |
||||
|
type: Object, |
||||
|
required: false |
||||
|
}, |
||||
|
modelValue: { |
||||
|
type: String, |
||||
|
default: '', |
||||
|
required: false |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: ENTITY_TYPE, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
ModelTemplateDetailsApi: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
||||
|
sortInfo: { |
||||
|
sort_field: 'id', |
||||
|
sort_sortType: 'descending' |
||||
|
}, |
||||
|
displayName: '', |
||||
|
visible: false, |
||||
|
loading: false, |
||||
|
tableData: [], |
||||
|
option: { |
||||
|
addBtn: false, |
||||
|
addRowBtn: true, |
||||
|
cellBtn: true, |
||||
|
refreshBtn: false, |
||||
|
columnBtn: false, |
||||
|
gridBtn: false, |
||||
|
// saveBtn: false, |
||||
|
menuWidth: 100, |
||||
|
column: [ |
||||
|
{ |
||||
|
label: '指标名称', |
||||
|
prop: 'paramName', |
||||
|
labelWidth: '120px', |
||||
|
sortable: true, |
||||
|
cell: true, |
||||
|
rules: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入参数名称', |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
label: '是否关键指标', |
||||
|
labelWidth: '120px', |
||||
|
prop: 'isKeyParameter', |
||||
|
type: 'radio', |
||||
|
button: true, |
||||
|
dicData: [ |
||||
|
{ |
||||
|
label: '是', |
||||
|
value: '1' |
||||
|
}, |
||||
|
{ |
||||
|
label: '否', |
||||
|
value: '0' |
||||
|
} |
||||
|
], |
||||
|
value: '1', |
||||
|
required: true, |
||||
|
cell: true |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
queryCondition: { |
||||
|
//默认值处理 |
||||
|
app: '' |
||||
|
}, |
||||
|
// 名称键值 |
||||
|
nameKey: 'supplierName', |
||||
|
formData: {}, |
||||
|
modelTemplateId: '' |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
modelValue: { |
||||
|
immediate: true, |
||||
|
handler: 'getSelectedName' |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// 初始化 |
||||
|
init() { |
||||
|
if (!this.modelValue) { |
||||
|
this.ModelTemplateDetailsApi.init().then((res) => { |
||||
|
this.modelTemplateId = res.data.id //产品型号id |
||||
|
console.log('厂商产品型号初始化', this.formData, res.data) |
||||
|
}) |
||||
|
} |
||||
|
this.visible = true |
||||
|
}, |
||||
|
// 清空选择 |
||||
|
clear() { |
||||
|
this.displayName = '' |
||||
|
this.$emit('update:modelValue', '') |
||||
|
this.$emit('my-change', '') |
||||
|
}, |
||||
|
// 关闭 |
||||
|
close() { |
||||
|
this.visible = false |
||||
|
}, |
||||
|
// 确认选择 |
||||
|
async confirm() { |
||||
|
// 更新父组件绑定值 |
||||
|
//上传 |
||||
|
this.loading = true |
||||
|
//遍历表格内容，添加modelTemplateId数据 |
||||
|
this.displayName = '' |
||||
|
for (let i = 0; i < this.tableData.length; i++) { |
||||
|
let rowData = this.tableData[i] |
||||
|
if (!isEmpty(rowData.paramName)) { |
||||
|
this.tableData[i].modelTemplateId = this.modelTemplateId |
||||
|
this.displayName = this.displayName + rowData.paramName + ';' |
||||
|
} |
||||
|
} |
||||
|
//modelValue存在说明已有数据，是修改操作，否则是新增操作 |
||||
|
if (!this.modelValue) { |
||||
|
await this.ModelTemplateDetailsApi.addList(this.tableData) |
||||
|
} else { |
||||
|
await this.ModelTemplateDetailsApi.modifyList(this.tableData) |
||||
|
} |
||||
|
this.$emit('update:modelValue', this.modelTemplateId) |
||||
|
this.$emit('my-change', '') |
||||
|
this.loading = false |
||||
|
this.visible = false |
||||
|
}, |
||||
|
getSelectedName() { |
||||
|
if (this.modelValue) { |
||||
|
this.modelTemplateId = this.modelValue |
||||
|
this.ModelTemplateDetailsApi.list({ modelTemplateId: this.modelValue }).then((res) => { |
||||
|
//显示型号规格 |
||||
|
if (isEmpty(this.displayName)) { |
||||
|
res.data.forEach((item) => { |
||||
|
this.displayName = this.displayName + item.paramName + ';' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
//如果tabletData为空，则初始化表单数据 |
||||
|
if (isEmpty(this.tableData)) { |
||||
|
this.tableData = res.data |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
addUpdate(form, index, done, loading) { |
||||
|
done() |
||||
|
}, |
||||
|
rowSave(form, done) { |
||||
|
done() |
||||
|
}, |
||||
|
rowDelete(form, index, done) { |
||||
|
done() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style></style> |
||||
@ -0,0 +1,145 @@ |
|||||
|
<template> |
||||
|
<div class="w-full"> |
||||
|
<el-input v-model="displayName" disabled style="width: 152px" /> |
||||
|
<el-button-group> |
||||
|
<el-button icon="grid" @click="init" style="border-left-width: 0; padding: 10px" /> |
||||
|
<el-button icon="delete" @click="clear" style="border-left-width: 0; padding: 10px" /> |
||||
|
</el-button-group> |
||||
|
<Dialog title="模块选择" v-model="visible" class="w-150"> |
||||
|
<CollapseTab> |
||||
|
<el-form :inline="true" :model="queryCondition" label-width="80px" @keyup.enter="query"> |
||||
|
<el-form-item label="供应商名称"> |
||||
|
<QueryText v-model="queryCondition.supplierName" type="LK" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商联系人"> |
||||
|
<QueryText v-model="queryCondition.supplierContacts" type="LK" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商联系电话"> |
||||
|
<QueryText v-model="queryCondition.supplierContactsPhone" type="LK" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商类型"> |
||||
|
<QueryText v-model="queryCondition.supplierType" type="LK" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item style="float: right"> |
||||
|
<QueryButton :page-code="pageCode" /> |
||||
|
</el-form-item> |
||||
|
<div class="clearfix"></div> |
||||
|
</el-form> |
||||
|
</CollapseTab> |
||||
|
<el-card style="width: 100%"> |
||||
|
<div style="float: right; margin-top: 0; margin-bottom: 10px"> |
||||
|
<el-button v-permission="pageCode + 'add'" type="primary" icon="plus" @click="add" |
||||
|
>新增供应商</el-button |
||||
|
> |
||||
|
<ColumnsController :value="columnList" :tableKey="tableKey" /> |
||||
|
</div> |
||||
|
<el-table |
||||
|
v-loading="loading" |
||||
|
:data="tableData" |
||||
|
style="width: 100%" |
||||
|
highlight-current-row |
||||
|
border |
||||
|
@sort-change="sortChange" |
||||
|
@current-change="rowChange" |
||||
|
> |
||||
|
<el-table-column |
||||
|
v-for="(item, index) in showCols" |
||||
|
:key="index" |
||||
|
:label="item.label" |
||||
|
:prop="item.prop" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:width="item.width" |
||||
|
:formatter="item.formatFunc" |
||||
|
:sortable="item.sortable" |
||||
|
/> |
||||
|
</el-table> |
||||
|
<ListPager |
||||
|
:page-num="pageInfo.pageNum" |
||||
|
:page-size="pageInfo.pageSize" |
||||
|
:page-total="pageTotal" |
||||
|
/> |
||||
|
</el-card> |
||||
|
<template #footer> |
||||
|
<el-button type="primary" @click="confirm">确定</el-button> |
||||
|
<el-button @click="close">关闭</el-button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
<AddPage ref="addPage" @refresh="refresh" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { referenceMixin } from '@/mixin/referenceMixin.js' |
||||
|
import AddPage from '@/modules/productManagement/view/supplierInformation/add.vue' |
||||
|
|
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
const ENTITY_TYPE = 'supplierInformation' |
||||
|
export default { |
||||
|
name: ENTITY_TYPE + '-reference', |
||||
|
components: { AddPage }, |
||||
|
mixins: [referenceMixin], |
||||
|
props: { |
||||
|
moduleParam: { |
||||
|
type: Object, |
||||
|
required: false |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: ENTITY_TYPE, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
api: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
||||
|
sortInfo: { |
||||
|
sort_field: 'id', |
||||
|
sort_sortType: 'descending' |
||||
|
}, |
||||
|
columnList: [ |
||||
|
{ |
||||
|
prop: 'supplierName', |
||||
|
label: '供应商名称', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
}, |
||||
|
{ |
||||
|
prop: 'supplierContacts', |
||||
|
label: '供应商联系人', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
}, |
||||
|
{ |
||||
|
prop: 'supplierContactsPhone', |
||||
|
label: '供应商联系电话', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
}, |
||||
|
{ |
||||
|
prop: 'supplierType', |
||||
|
label: '供应商类型', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
} |
||||
|
], |
||||
|
queryCondition: { |
||||
|
//默认值处理 |
||||
|
app: '' |
||||
|
}, |
||||
|
// 名称键值 |
||||
|
nameKey: 'supplierName' |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// 新增 |
||||
|
add() { |
||||
|
this.$refs.addPage.init() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style></style> |
||||
@ -0,0 +1,209 @@ |
|||||
|
<template> |
||||
|
<avue-crud |
||||
|
ref="crudRef" |
||||
|
:option="option" |
||||
|
:data="data" |
||||
|
v-model="formData" |
||||
|
v-model:page="page" |
||||
|
v-model:search="queryCondition" |
||||
|
@row-save="rowSave" |
||||
|
@row-update="rowUpdate" |
||||
|
@row-del="rowDel" |
||||
|
@refresh-change="onLoad" |
||||
|
@on-load="onLoad" |
||||
|
@search-change="searchChange" |
||||
|
@row-dblclick="rowDblclick" |
||||
|
> |
||||
|
<template #menu-left="{}"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
icon="el-icon-plus" |
||||
|
@click="proxy.$refs.crudRef.rowAdd()" |
||||
|
v-permission="pageCode + 'add'" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</template> |
||||
|
<template #menu="{ row, index }"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
text |
||||
|
icon="el-icon-edit" |
||||
|
@click="proxy.$refs.crudRef.rowEdit(row)" |
||||
|
v-permission="pageCode + 'modify'" |
||||
|
>编辑</el-button |
||||
|
> |
||||
|
<el-popconfirm |
||||
|
title="此操作将删除数据, 是否继续?" |
||||
|
confirm-button-text="删除" |
||||
|
cancel-button-text="取消" |
||||
|
icon="el-icon-delete" |
||||
|
icon-color="red" |
||||
|
@confirm="rowDel(row, index)" |
||||
|
> |
||||
|
<template #reference> |
||||
|
<el-button type="primary" text icon="el-icon-delete" v-permission="pageCode + 'remove'" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-popconfirm> |
||||
|
</template> |
||||
|
<template #supplierName-form="{}"> |
||||
|
<supplier-information-components |
||||
|
v-model="formData.supplierInformationId" |
||||
|
:module-param="moduleParam" |
||||
|
/> |
||||
|
</template> |
||||
|
<template #modelId-form="{}"> |
||||
|
<product-model-components v-model="formData.modelId" :module-param="moduleParam" /> |
||||
|
</template> |
||||
|
</avue-crud> |
||||
|
</template> |
||||
|
<script setup> |
||||
|
import { ref, getCurrentInstance, reactive } from 'vue' |
||||
|
import supplierInformationComponents from '@/modules/productManagement/components/supplierInformationComponents.vue' |
||||
|
import productModelComponents from '@/modules/productManagement/components/productModelComponents.vue' |
||||
|
//获取this |
||||
|
let { proxy } = getCurrentInstance() |
||||
|
const option = ref(null) |
||||
|
const data = ref(null) |
||||
|
let moduleParam = reactive({ |
||||
|
entityType: 'companyProductModel', |
||||
|
pageType: 'addOrModify' |
||||
|
}) |
||||
|
let formData = ref({}) |
||||
|
let queryCondition = ref({}) |
||||
|
let pageInfo = reactive({ |
||||
|
// 页码 |
||||
|
pageNum: 1, |
||||
|
// 页码大小 |
||||
|
pageSize: 10 |
||||
|
}) |
||||
|
// 排序信息 |
||||
|
let sortInfo = reactive({ |
||||
|
sort_field: 'id', |
||||
|
sort_sortType: 'descending' |
||||
|
}) |
||||
|
let page = reactive({ |
||||
|
total: 0, |
||||
|
currentPage: 1, |
||||
|
pageSize: 10 |
||||
|
}) |
||||
|
|
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
const ENTITY_TYPE = 'companyProducts' |
||||
|
const pageCode = `${MODULE_CODE}:${ENTITY_TYPE}:` |
||||
|
const api = eval('proxy.$api.' + MODULE_CODE + '.' + ENTITY_TYPE) |
||||
|
option.value = { |
||||
|
dialogWidth: '80%', //弹窗宽度 |
||||
|
searchMenuSpan: 6, //搜索按钮宽度 |
||||
|
addBtn: false, //隐藏新增按钮 |
||||
|
editBtn: false, //隐藏编辑按钮 |
||||
|
delBtn: false, //隐藏删除按钮 |
||||
|
column: [ |
||||
|
{ |
||||
|
label: '产品名称', |
||||
|
labelWidth: 120, |
||||
|
prop: 'productName', //sProductName |
||||
|
search: true, |
||||
|
searchLabelWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
label: '产品标识(型号)', |
||||
|
labelWidth: 120, |
||||
|
prop: 'productIdentity', |
||||
|
search: true, |
||||
|
searchLabelWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
label: '供应商名称', |
||||
|
labelWidth: 120, |
||||
|
prop: 'supplierName', |
||||
|
type: 'input', |
||||
|
hide: true, |
||||
|
searchLabelWidth: 120, |
||||
|
span: 12 |
||||
|
}, |
||||
|
{ |
||||
|
label: '产品价格', |
||||
|
prop: 'productPrice', |
||||
|
labelWidth: 120, |
||||
|
type: 'number', |
||||
|
precision: 2, |
||||
|
mim: 0 |
||||
|
}, |
||||
|
{ |
||||
|
label: '产品型号', |
||||
|
labelWidth: 120, |
||||
|
prop: 'modelId', |
||||
|
type: 'textarea', |
||||
|
hide: true, |
||||
|
minRows: 4 //文本最小行数 |
||||
|
}, |
||||
|
{ |
||||
|
label: '产品描述', |
||||
|
labelWidth: 120, |
||||
|
prop: 'modelDescription', |
||||
|
//editDisabled: true //编辑时禁用 |
||||
|
display: false //表单不展示该字段 |
||||
|
}, |
||||
|
{ |
||||
|
label: '信息来源', |
||||
|
labelWidth: 120, |
||||
|
prop: 'sourceInformation', |
||||
|
hide: true |
||||
|
}, |
||||
|
{ |
||||
|
label: '备注', |
||||
|
labelWidth: 120, |
||||
|
prop: 'remarks', |
||||
|
hide: true |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
data.value = [] |
||||
|
function rowSave(row, done, loading) { |
||||
|
api.add(row).then(() => { |
||||
|
done() |
||||
|
onLoad() |
||||
|
}).catch(() => { |
||||
|
loading() |
||||
|
|
||||
|
}) |
||||
|
} |
||||
|
function rowDel(row, index) { |
||||
|
api.remove(row.id) |
||||
|
onLoad() |
||||
|
} |
||||
|
function rowUpdate(row, index, done, loading) { |
||||
|
api.modify(row).then(() => { |
||||
|
done() |
||||
|
onLoad() |
||||
|
}).catch(() => { |
||||
|
loading() |
||||
|
|
||||
|
}) |
||||
|
// done() |
||||
|
} |
||||
|
function onLoad() { |
||||
|
pageInfo.pageNum = page.currentPage |
||||
|
const params = Object.assign(queryCondition.value, pageInfo, sortInfo) |
||||
|
api.page(params).then((res) => { |
||||
|
data.value = res.data.records |
||||
|
page.total = res.data.total |
||||
|
// res.data.total |
||||
|
}) |
||||
|
} |
||||
|
function rowDblclick(row, index) { |
||||
|
proxy.$refs.crudRef.rowView(row) |
||||
|
} |
||||
|
function searchChange(val, done) { |
||||
|
onLoad() |
||||
|
done() |
||||
|
} |
||||
|
</script> |
||||
|
<style> |
||||
|
.el-input, |
||||
|
.el-input-number { |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,208 @@ |
|||||
|
<template> |
||||
|
<avue-crud |
||||
|
ref="crudRef" |
||||
|
:option="option" |
||||
|
:data="data" |
||||
|
v-model="formData" |
||||
|
v-model:page="page" |
||||
|
v-model:search="queryCondition" |
||||
|
@row-save="rowSave" |
||||
|
@row-update="rowUpdate" |
||||
|
@row-del="rowDel" |
||||
|
@refresh-change="onLoad" |
||||
|
@on-load="onLoad" |
||||
|
@search-change="searchChange" |
||||
|
@row-dblclick="rowDblclick" |
||||
|
> |
||||
|
<template #menu-left="{}"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
icon="el-icon-plus" |
||||
|
@click="proxy.$refs.crudRef.rowAdd()" |
||||
|
v-permission="pageCode + 'add'" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</template> |
||||
|
<template #menu="{ row, index }"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
text |
||||
|
icon="el-icon-edit" |
||||
|
@click="proxy.$refs.crudRef.rowEdit(row)" |
||||
|
v-permission="pageCode + 'modify'" |
||||
|
>编辑</el-button |
||||
|
> |
||||
|
<el-popconfirm |
||||
|
title="此操作将删除数据, 是否继续?" |
||||
|
confirm-button-text="删除" |
||||
|
cancel-button-text="取消" |
||||
|
icon="el-icon-delete" |
||||
|
icon-color="red" |
||||
|
@confirm="rowDel(row, index)" |
||||
|
> |
||||
|
<template #reference> |
||||
|
<el-button type="primary" text icon="el-icon-delete" v-permission="pageCode + 'remove'" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-popconfirm> |
||||
|
</template> |
||||
|
<template #supplierName-form="{}"> |
||||
|
<supplier-information-components |
||||
|
v-model="formData.supplierInformationId" |
||||
|
:module-param="moduleParam" |
||||
|
/> |
||||
|
</template> |
||||
|
<template #modelId-form="{}"> |
||||
|
<product-model-components v-model="formData.modelId" :module-param="moduleParam" /> |
||||
|
</template> |
||||
|
</avue-crud> |
||||
|
</template> |
||||
|
<script setup> |
||||
|
import { ref, getCurrentInstance, reactive } from 'vue' |
||||
|
import supplierInformationComponents from '@/modules/productManagement/components/supplierInformationComponents.vue' |
||||
|
import productModelComponents from '@/modules/productManagement/components/productModelComponents.vue' |
||||
|
//获取this |
||||
|
let { proxy } = getCurrentInstance() |
||||
|
const option = ref(null) |
||||
|
const data = ref(null) |
||||
|
let moduleParam = reactive({ |
||||
|
entityType: 'personProductModel', |
||||
|
pageType: 'addOrModify' |
||||
|
}) |
||||
|
let formData = ref({}) |
||||
|
let queryCondition = ref({}) |
||||
|
let pageInfo = reactive({ |
||||
|
// 页码 |
||||
|
pageNum: 1, |
||||
|
// 页码大小 |
||||
|
pageSize: 10 |
||||
|
}) |
||||
|
// 排序信息 |
||||
|
let sortInfo = reactive({ |
||||
|
sort_field: 'id', |
||||
|
sort_sortType: 'descending' |
||||
|
}) |
||||
|
let page = reactive({ |
||||
|
total: 0, |
||||
|
currentPage: 1, |
||||
|
pageSize: 10 |
||||
|
}) |
||||
|
|
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
const ENTITY_TYPE = 'personProducts' |
||||
|
const pageCode = `${MODULE_CODE}:${ENTITY_TYPE}:` |
||||
|
const api = eval('proxy.$api.' + MODULE_CODE + '.' + ENTITY_TYPE) |
||||
|
option.value = { |
||||
|
dialogWidth: '80%', //弹窗宽度 |
||||
|
searchMenuSpan: 6, //搜索按钮宽度 |
||||
|
addBtn: false, //隐藏新增按钮 |
||||
|
editBtn: false, //隐藏编辑按钮 |
||||
|
delBtn: false, //隐藏删除按钮 |
||||
|
column: [ |
||||
|
{ |
||||
|
label: '产品名称', |
||||
|
labelWidth: 120, |
||||
|
prop: 'productName', //sProductName |
||||
|
search: true, |
||||
|
searchLabelWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
label: '产品标识(型号)', |
||||
|
labelWidth: 120, |
||||
|
prop: 'productIdentity', |
||||
|
search: true, |
||||
|
searchLabelWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
label: '供应商名称', |
||||
|
labelWidth: 120, |
||||
|
prop: 'supplierName', |
||||
|
type: 'input', |
||||
|
hide: true, |
||||
|
searchLabelWidth: 120, |
||||
|
span: 12 |
||||
|
}, |
||||
|
{ |
||||
|
label: '产品价格', |
||||
|
prop: 'productPrice', |
||||
|
labelWidth: 120, |
||||
|
type: 'number', |
||||
|
precision: 2, |
||||
|
mim: 0 |
||||
|
}, |
||||
|
{ |
||||
|
label: '产品型号', |
||||
|
labelWidth: 120, |
||||
|
prop: 'modelId', |
||||
|
type: 'textarea', |
||||
|
hide: true, |
||||
|
minRows: 4 //文本最小行数 |
||||
|
}, |
||||
|
{ |
||||
|
label: '产品描述', |
||||
|
labelWidth: 120, |
||||
|
prop: 'modelDescription', |
||||
|
//editDisabled: true //编辑时禁用 |
||||
|
display: false //表单不展示该字段 |
||||
|
}, |
||||
|
{ |
||||
|
label: '信息来源', |
||||
|
labelWidth: 120, |
||||
|
prop: 'sourceInformation', |
||||
|
hide: true |
||||
|
}, |
||||
|
{ |
||||
|
label: '备注', |
||||
|
labelWidth: 120, |
||||
|
prop: 'remarks', |
||||
|
hide: true |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
data.value = [] |
||||
|
function rowSave(row, done, loading) { |
||||
|
api.add(row).then(() => { |
||||
|
done() |
||||
|
onLoad() |
||||
|
}).catch(() => { |
||||
|
loading() |
||||
|
|
||||
|
}) |
||||
|
} |
||||
|
function rowDel(row, index) { |
||||
|
api.remove(row.id) |
||||
|
onLoad() |
||||
|
} |
||||
|
function rowUpdate(row, index, done, loading) { |
||||
|
api.modify(row).then(() => { |
||||
|
done() |
||||
|
onLoad() |
||||
|
}).catch(() => { |
||||
|
loading() |
||||
|
|
||||
|
}) |
||||
|
} |
||||
|
function onLoad() { |
||||
|
pageInfo.pageNum = page.currentPage |
||||
|
const params = Object.assign(queryCondition.value, pageInfo, sortInfo) |
||||
|
api.page(params).then((res) => { |
||||
|
data.value = res.data.records |
||||
|
page.total = res.data.total |
||||
|
// res.data.total |
||||
|
}) |
||||
|
} |
||||
|
function rowDblclick(row, index) { |
||||
|
proxy.$refs.crudRef.rowView(row) |
||||
|
} |
||||
|
function searchChange(val, done) { |
||||
|
onLoad() |
||||
|
done() |
||||
|
} |
||||
|
</script> |
||||
|
<style> |
||||
|
.el-input, |
||||
|
.el-input-number { |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,167 @@ |
|||||
|
<template> |
||||
|
<avue-crud |
||||
|
ref="crudRef" |
||||
|
:option="option" |
||||
|
:data="data" |
||||
|
v-model="formData" |
||||
|
v-model:page="page" |
||||
|
v-model:search="queryCondition" |
||||
|
@row-save="rowSave" |
||||
|
@row-update="rowUpdate" |
||||
|
@row-del="rowDel" |
||||
|
@refresh-change="onLoad" |
||||
|
@on-load="onLoad" |
||||
|
@search-change="searchChange" |
||||
|
@row-dblclick="rowDblclick" |
||||
|
:before-close="beforeCloseForm" |
||||
|
> |
||||
|
<template #menu-left="{}"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
icon="el-icon-plus" |
||||
|
@click="proxy.$refs.crudRef.rowAdd()" |
||||
|
v-permission="pageCode + 'add'" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</template> |
||||
|
<template #menu="{ row, index }"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
text |
||||
|
icon="el-icon-edit" |
||||
|
@click="proxy.$refs.crudRef.rowEdit(row)" |
||||
|
v-permission="pageCode + 'modify'" |
||||
|
>编辑</el-button |
||||
|
> |
||||
|
<el-popconfirm |
||||
|
title="此操作将删除数据, 是否继续?" |
||||
|
confirm-button-text="删除" |
||||
|
cancel-button-text="取消" |
||||
|
icon="el-icon-delete" |
||||
|
icon-color="red" |
||||
|
@confirm="rowDel(row, index)" |
||||
|
> |
||||
|
<template #reference> |
||||
|
<el-button type="primary" text icon="el-icon-delete" v-permission="pageCode + 'remove'" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-popconfirm> |
||||
|
</template> |
||||
|
<template #templateDetailsDescription-form="{}"> |
||||
|
<productModelTemplateComponents v-model="formData.id" :module-param="moduleParam" /> |
||||
|
</template> |
||||
|
</avue-crud> |
||||
|
</template> |
||||
|
<script setup> |
||||
|
import { ref, getCurrentInstance, reactive } from 'vue' |
||||
|
import productModelTemplateComponents from '@/modules/productManagement/components/productModelTemplateComponents.vue' |
||||
|
//获取this |
||||
|
let { proxy } = getCurrentInstance() |
||||
|
const option = ref(null) |
||||
|
const data = ref(null) |
||||
|
let queryCondition = ref({}) |
||||
|
let formData = ref({}) |
||||
|
let moduleParam = reactive({ |
||||
|
pageType: 'addOrModify' |
||||
|
}) |
||||
|
let pageInfo = reactive({ |
||||
|
// 页码 |
||||
|
pageNum: 1, |
||||
|
// 页码大小 |
||||
|
pageSize: 10 |
||||
|
}) |
||||
|
// 排序信息 |
||||
|
let sortInfo = reactive({ |
||||
|
sort_field: 'id', |
||||
|
sort_sortType: 'descending' |
||||
|
}) |
||||
|
let page = reactive({ |
||||
|
total: 0, |
||||
|
currentPage: 1, |
||||
|
pageSize: 10 |
||||
|
}) |
||||
|
|
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
const ENTITY_TYPE = 'productModelTemplate' |
||||
|
const pageCode = `${MODULE_CODE}:${ENTITY_TYPE}:` |
||||
|
const api = eval('proxy.$api.' + MODULE_CODE + '.' + ENTITY_TYPE) |
||||
|
|
||||
|
option.value = { |
||||
|
dialogWidth: '80%', //弹窗宽度 |
||||
|
searchMenuSpan: 6, //搜索按钮宽度 |
||||
|
addBtn: false, //隐藏新增按钮 |
||||
|
editBtn: false, //隐藏编辑按钮 |
||||
|
delBtn: false, //隐藏删除按钮 |
||||
|
column: [ |
||||
|
{ |
||||
|
label: '型号名称', |
||||
|
labelWidth: 120, |
||||
|
prop: 'templateName', //sProductName |
||||
|
search: true, |
||||
|
searchLabelWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
label: '型号规格', |
||||
|
prop: 'templateDetailsDescription', |
||||
|
labelWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
label: '类型', |
||||
|
labelWidth: 120, |
||||
|
prop: 'templateType' |
||||
|
}, |
||||
|
{ |
||||
|
label: '备注', |
||||
|
labelWidth: 120, |
||||
|
prop: 'remarks' |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
data.value = [] |
||||
|
function rowSave(row, done, loading) { |
||||
|
api.add(row).then((res) => { |
||||
|
onLoad() |
||||
|
done() |
||||
|
}) |
||||
|
} |
||||
|
function rowDel(row, index) { |
||||
|
api.remove(row.id).then(() => { |
||||
|
onLoad() |
||||
|
}) |
||||
|
} |
||||
|
function rowUpdate(row, index, done, loading) { |
||||
|
api.modify(row).then(() => { |
||||
|
onLoad() |
||||
|
done() |
||||
|
}) |
||||
|
} |
||||
|
function onLoad() { |
||||
|
pageInfo.pageNum = page.currentPage |
||||
|
const params = Object.assign(queryCondition.value, pageInfo, sortInfo) |
||||
|
api.page(params).then((res) => { |
||||
|
data.value = res.data.records |
||||
|
page.total = res.data.total |
||||
|
// res.data.total |
||||
|
}) |
||||
|
} |
||||
|
function rowDblclick(row, index) { |
||||
|
moduleParam.pageType = 'view' |
||||
|
proxy.$refs.crudRef.rowView(row) |
||||
|
} |
||||
|
//关闭表单页面 |
||||
|
function beforeCloseForm(done, type) { |
||||
|
done() |
||||
|
moduleParam.pageType = 'addOrModify' //还原默认值 |
||||
|
} |
||||
|
function searchChange(val, done) { |
||||
|
onLoad() |
||||
|
done() |
||||
|
} |
||||
|
</script> |
||||
|
<style> |
||||
|
.el-input, |
||||
|
.el-input-number { |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,69 @@ |
|||||
|
<template> |
||||
|
<Dialog title="新增" v-model="visible" width="500px"> |
||||
|
<el-form |
||||
|
ref="form" |
||||
|
:model="entityData" |
||||
|
:rules="rules" |
||||
|
label-width="120px" |
||||
|
label-position="right" |
||||
|
style="width: 90%; margin: 0px auto" |
||||
|
> |
||||
|
<!--表单区域 --> |
||||
|
<el-form-item label="供应商名称" prop="supplierName"> |
||||
|
<el-input v-model="entityData.supplierName" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商联系人" prop="supplierContacts"> |
||||
|
<el-input v-model="entityData.supplierContacts" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商联系电话" prop="supplierContactsPhone"> |
||||
|
<el-input v-model="entityData.supplierContactsPhone" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商类型" prop="supplierType"> |
||||
|
<el-input v-model="entityData.supplierType" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="职位" prop="position"> |
||||
|
<el-input v-model="entityData.position" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<el-button type="primary" @click="save" v-permission="pageCode + 'add'">保存</el-button> |
||||
|
<el-button @click="close">关闭</el-button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { addMixin } from '@/mixin/addMixin.js' |
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
const ENTITY_TYPE = 'supplierInformation' |
||||
|
export default { |
||||
|
name: ENTITY_TYPE + '-add', |
||||
|
mixins: [addMixin], |
||||
|
components: {}, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: ENTITY_TYPE, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
api: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
||||
|
entityData: {}, |
||||
|
rules: { |
||||
|
//前端验证规则 |
||||
|
supplierName: [{ required: true, message: '【供应商名称】不能为空', trigger: 'blur' }], |
||||
|
supplierContacts: [ |
||||
|
{ required: true, message: '【供应商联系人】不能为空', trigger: 'blur' } |
||||
|
], |
||||
|
supplierContactsPhone: [ |
||||
|
{ required: true, message: '【供应商联系电话】不能为空', trigger: 'blur' } |
||||
|
], |
||||
|
supplierType: [{ required: true, message: '【供应商类型】不能为空', trigger: 'blur' }], |
||||
|
position: [{ required: true, message: '【职位】不能为空', trigger: 'blur' }] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: {} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style></style> |
||||
@ -0,0 +1,148 @@ |
|||||
|
<template> |
||||
|
<ContentWrap> |
||||
|
<CollapseTab> |
||||
|
<el-form :inline="true" :model="queryCondition" label-width="120px" @keyup.enter="query"> |
||||
|
<!--查询条件区 --> |
||||
|
<el-form-item label="供应商名称"> |
||||
|
<QueryText v-model="queryCondition.supplierName" type="LK" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商联系人"> |
||||
|
<QueryText v-model="queryCondition.supplierContacts" type="LK" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商联系电话"> |
||||
|
<QueryText v-model="queryCondition.supplierContactsPhone" type="LK" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商类型"> |
||||
|
<QueryText v-model="queryCondition.supplierType" type="LK" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item style="float: right"> |
||||
|
<QueryButton :page-code="pageCode" /> |
||||
|
</el-form-item> |
||||
|
<div class="clearfix"></div> |
||||
|
</el-form> |
||||
|
</CollapseTab> |
||||
|
<div class="mb-10px mt-10px"> |
||||
|
<el-button type="primary" icon="Refresh" @click="refresh">刷新</el-button> |
||||
|
<el-button v-permission="pageCode + 'add'" type="primary" icon="plus" @click="add" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</div> |
||||
|
|
||||
|
<el-card style="width: 100%"> |
||||
|
<div style="margin-top: 0; margin-bottom: 10px; float: right"> |
||||
|
<ColumnsController :value="columnList" :tableKey="tableKey" /> |
||||
|
</div> |
||||
|
|
||||
|
<el-table |
||||
|
v-loading="loading" |
||||
|
:data="tableData" |
||||
|
style="width: 100%" |
||||
|
highlight-current-row |
||||
|
border |
||||
|
@sort-change="sortChange" |
||||
|
@current-change="rowChange" |
||||
|
@selection-change="selectionChange" |
||||
|
@row-dblclick="rowDoubleClick" |
||||
|
> |
||||
|
<el-table-column type="selection" width="55" /> |
||||
|
<el-table-column |
||||
|
v-for="(item, index) in showCols" |
||||
|
:key="index" |
||||
|
:label="item.label" |
||||
|
:prop="item.prop" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:width="item.width" |
||||
|
:formatter="item.formatFunc" |
||||
|
:sortable="item.sortable" |
||||
|
/> |
||||
|
<el-table-column fixed="right" label="操作" width="250"> |
||||
|
<template #default="scope"> |
||||
|
<el-button v-permission="pageCode + 'modify'" type="primary" @click="modify(scope.row)" |
||||
|
>修改</el-button |
||||
|
> |
||||
|
<el-button v-permission="pageCode + 'remove'" type="primary" @click="remove(scope.row)" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<ListPager |
||||
|
:page-num="pageInfo.pageNum" |
||||
|
:page-size="pageInfo.pageSize" |
||||
|
:page-total="pageTotal" |
||||
|
/> |
||||
|
</el-card> |
||||
|
<AddPage ref="addPage" @refresh="refresh" /> |
||||
|
<ModifyPage ref="modifyPage" @refresh="refresh" /> |
||||
|
|
||||
|
<ViewPage ref="viewPage" /> |
||||
|
</ContentWrap> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts"> |
||||
|
import { listMixin } from '@/mixin/listMixin.js' |
||||
|
import AddPage from './add.vue' |
||||
|
import ModifyPage from './modify.vue' |
||||
|
import ViewPage from './view.vue' |
||||
|
|
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
const ENTITY_TYPE = 'supplierInformation' |
||||
|
export default { |
||||
|
name: ENTITY_TYPE, |
||||
|
mixins: [listMixin], |
||||
|
components: { |
||||
|
AddPage, |
||||
|
ModifyPage, |
||||
|
ViewPage |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: ENTITY_TYPE, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
api: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
||||
|
// 排序信息 |
||||
|
sortInfo: { |
||||
|
sort_field: 'id', |
||||
|
sort_sortType: 'descending' |
||||
|
}, |
||||
|
columnList: [ |
||||
|
{ |
||||
|
prop: 'supplierName', |
||||
|
label: '供应商名称', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
}, |
||||
|
{ |
||||
|
prop: 'supplierContacts', |
||||
|
label: '供应商联系人', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
}, |
||||
|
{ |
||||
|
prop: 'supplierContactsPhone', |
||||
|
label: '供应商联系电话', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
}, |
||||
|
{ |
||||
|
prop: 'supplierType', |
||||
|
label: '供应商类型', |
||||
|
show: true, |
||||
|
showOverflowTooltip: true, |
||||
|
sortable: true |
||||
|
} |
||||
|
], |
||||
|
queryCondition: { |
||||
|
//默认值处理 |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: {} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,69 @@ |
|||||
|
<template> |
||||
|
<Dialog title="修改" v-model="visible" width="500px"> |
||||
|
<el-form |
||||
|
ref="form" |
||||
|
:model="entityData" |
||||
|
:rules="rules" |
||||
|
label-width="120px" |
||||
|
label-position="right" |
||||
|
style="width: 90%; margin: 0px auto" |
||||
|
> |
||||
|
<!--表单区域 --> |
||||
|
<el-form-item label="供应商名称" prop="supplierName"> |
||||
|
<el-input v-model="entityData.supplierName" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商联系人" prop="supplierContacts"> |
||||
|
<el-input v-model="entityData.supplierContacts" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商联系电话" prop="supplierContactsPhone"> |
||||
|
<el-input v-model="entityData.supplierContactsPhone" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商类型" prop="supplierType"> |
||||
|
<el-input v-model="entityData.supplierType" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="职位" prop="position"> |
||||
|
<el-input v-model="entityData.position" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<el-button type="primary" @click="save" v-permission="pageCode + 'modify'">保存</el-button> |
||||
|
<el-button @click="close">关闭</el-button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { modifyMixin } from '@/mixin/modifyMixin.js' |
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
const ENTITY_TYPE = 'supplierInformation' |
||||
|
export default { |
||||
|
name: ENTITY_TYPE + '-modify', |
||||
|
mixins: [modifyMixin], |
||||
|
components: {}, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: ENTITY_TYPE, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
api: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
||||
|
entityData: {}, |
||||
|
rules: { |
||||
|
//前端验证规则 |
||||
|
supplierName: [{ required: true, message: '【供应商名称】不能为空', trigger: 'blur' }], |
||||
|
supplierContacts: [ |
||||
|
{ required: true, message: '【供应商联系人】不能为空', trigger: 'blur' } |
||||
|
], |
||||
|
supplierContactsPhone: [ |
||||
|
{ required: true, message: '【供应商联系电话】不能为空', trigger: 'blur' } |
||||
|
], |
||||
|
supplierType: [{ required: true, message: '【供应商类型】不能为空', trigger: 'blur' }], |
||||
|
position: [{ required: true, message: '【职位】不能为空', trigger: 'blur' }] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: {} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style></style> |
||||
@ -0,0 +1,55 @@ |
|||||
|
<template> |
||||
|
<Dialog title="查看" v-model="visible" width="500px"> |
||||
|
<el-form |
||||
|
ref="form" |
||||
|
:model="entityData" |
||||
|
label-width="120px" |
||||
|
label-position="right" |
||||
|
style="width: 90%; margin: 0px auto" |
||||
|
> |
||||
|
<!--表单区域 --> |
||||
|
<el-form-item label="供应商名称" prop="supplierName"> |
||||
|
<el-input v-model="entityData.supplierName" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商联系人" prop="supplierContacts"> |
||||
|
<el-input v-model="entityData.supplierContacts" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商联系电话" prop="supplierContactsPhone"> |
||||
|
<el-input v-model="entityData.supplierContactsPhone" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="供应商类型" prop="supplierType"> |
||||
|
<el-input v-model="entityData.supplierType" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="职位" prop="position"> |
||||
|
<el-input v-model="entityData.position" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<el-button @click="close">关闭</el-button> |
||||
|
</template> |
||||
|
</Dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { viewMixin } from '@/mixin/viewMixin.js' |
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
const ENTITY_TYPE = 'supplierInformation' |
||||
|
export default { |
||||
|
name: ENTITY_TYPE + '-view', |
||||
|
mixins: [viewMixin], |
||||
|
components: {}, |
||||
|
data() { |
||||
|
return { |
||||
|
entityType: ENTITY_TYPE, |
||||
|
moduleCode: MODULE_CODE, |
||||
|
// eslint-disable-next-line no-eval |
||||
|
api: eval('this.$api.' + MODULE_CODE + '.' + ENTITY_TYPE), |
||||
|
pageCode: MODULE_CODE + ':' + ENTITY_TYPE + ':', |
||||
|
entityData: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: {} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style></style> |
||||
@ -0,0 +1,220 @@ |
|||||
|
<template> |
||||
|
<avue-crud |
||||
|
ref="crudRef" |
||||
|
:option="option" |
||||
|
:data="data" |
||||
|
v-model="formData" |
||||
|
v-model:page="page" |
||||
|
v-model:search="queryCondition" |
||||
|
@row-save="rowSave" |
||||
|
@row-update="rowUpdate" |
||||
|
@row-del="rowDel" |
||||
|
@refresh-change="onLoad" |
||||
|
@on-load="onLoad" |
||||
|
@search-change="searchChange" |
||||
|
@row-dblclick="rowDblclick" |
||||
|
:before-close="beforeCloseForm" |
||||
|
> |
||||
|
<template #menu-left="{}"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
icon="el-icon-plus" |
||||
|
@click="proxy.$refs.crudRef.rowAdd()" |
||||
|
v-permission="pageCode + 'add'" |
||||
|
>新增</el-button |
||||
|
> |
||||
|
</template> |
||||
|
<template #menu="{ row, index }"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
text |
||||
|
icon="el-icon-edit" |
||||
|
@click="proxy.$refs.crudRef.rowEdit(row)" |
||||
|
v-permission="pageCode + 'modify'" |
||||
|
>编辑</el-button |
||||
|
> |
||||
|
<el-popconfirm |
||||
|
title="此操作将删除数据, 是否继续?" |
||||
|
confirm-button-text="删除" |
||||
|
cancel-button-text="取消" |
||||
|
icon="el-icon-delete" |
||||
|
icon-color="red" |
||||
|
@confirm="rowDel(row, index)" |
||||
|
> |
||||
|
<template #reference> |
||||
|
<el-button type="primary" text icon="el-icon-delete" v-permission="pageCode + 'remove'" |
||||
|
>删除</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-popconfirm> |
||||
|
</template> |
||||
|
<template #supplierName-form="{}"> |
||||
|
<supplier-information-components |
||||
|
v-model="formData.supplierInformationId" |
||||
|
:module-param="moduleParam" |
||||
|
/> |
||||
|
</template> |
||||
|
<template #modelId-form="{}"> |
||||
|
<product-model-components v-model="formData.modelId" :module-param="moduleParam" /> |
||||
|
</template> |
||||
|
</avue-crud> |
||||
|
</template> |
||||
|
<script setup> |
||||
|
import { ref, getCurrentInstance, reactive } from 'vue' |
||||
|
import supplierInformationComponents from '@/modules/productManagement/components/supplierInformationComponents.vue' |
||||
|
import productModelComponents from '@/modules/productManagement/components/productModelComponents.vue' |
||||
|
//获取this |
||||
|
let { proxy } = getCurrentInstance() |
||||
|
const option = ref(null) |
||||
|
const data = ref(null) |
||||
|
let queryCondition = ref({}) |
||||
|
let formData = ref({}) |
||||
|
let moduleParam = reactive({ |
||||
|
pageType: 'addOrModify', |
||||
|
entityType: 'supplierProductModel' |
||||
|
}) |
||||
|
let pageInfo = reactive({ |
||||
|
// 页码 |
||||
|
pageNum: 1, |
||||
|
// 页码大小 |
||||
|
pageSize: 10 |
||||
|
}) |
||||
|
// 排序信息 |
||||
|
let sortInfo = reactive({ |
||||
|
sort_field: 'id', |
||||
|
sort_sortType: 'descending' |
||||
|
}) |
||||
|
let page = reactive({ |
||||
|
total: 0, |
||||
|
currentPage: 1, |
||||
|
pageSize: 10 |
||||
|
}) |
||||
|
|
||||
|
const MODULE_CODE = 'productManagement' |
||||
|
const ENTITY_TYPE = 'supplierProducts' |
||||
|
const pageCode = `${MODULE_CODE}:${ENTITY_TYPE}:` |
||||
|
const api = eval('proxy.$api.' + MODULE_CODE + '.' + ENTITY_TYPE) |
||||
|
|
||||
|
option.value = { |
||||
|
dialogWidth: '80%', //弹窗宽度 |
||||
|
searchMenuSpan: 6, //搜索按钮宽度 |
||||
|
addBtn: false, //隐藏新增按钮 |
||||
|
editBtn: false, //隐藏编辑按钮 |
||||
|
delBtn: false, //隐藏删除按钮 |
||||
|
column: [ |
||||
|
{ |
||||
|
label: '产品名称', |
||||
|
labelWidth: 120, |
||||
|
prop: 'productName', //sProductName |
||||
|
search: true, |
||||
|
searchLabelWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
label: '产品标识(型号)', |
||||
|
labelWidth: 120, |
||||
|
prop: 'productIdentity', |
||||
|
search: true, |
||||
|
searchLabelWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
label: '供应商名称', |
||||
|
labelWidth: 120, |
||||
|
prop: 'supplierName', |
||||
|
type: 'input', |
||||
|
hide: true, |
||||
|
searchLabelWidth: 120, |
||||
|
span: 12 |
||||
|
}, |
||||
|
{ |
||||
|
label: '产品价格', |
||||
|
prop: 'productPrice', |
||||
|
labelWidth: 120, |
||||
|
type: 'number', |
||||
|
precision: 2, |
||||
|
mim: 0 |
||||
|
}, |
||||
|
{ |
||||
|
label: '产品型号', |
||||
|
labelWidth: 120, |
||||
|
prop: 'modelId', |
||||
|
type: 'textarea', |
||||
|
hide: true, |
||||
|
minRows: 4 //文本最小行数 |
||||
|
}, |
||||
|
{ |
||||
|
label: '产品描述', |
||||
|
labelWidth: 120, |
||||
|
prop: 'modelDescription', |
||||
|
//editDisabled: true //编辑时禁用 |
||||
|
display: false //表单不展示该字段 |
||||
|
}, |
||||
|
{ |
||||
|
label: '信息来源', |
||||
|
labelWidth: 120, |
||||
|
prop: 'sourceInformation', |
||||
|
hide: true |
||||
|
}, |
||||
|
{ |
||||
|
label: '备注', |
||||
|
labelWidth: 120, |
||||
|
prop: 'remarks', |
||||
|
hide: true |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
data.value = [] |
||||
|
function rowSave(row, done, loading) { |
||||
|
api |
||||
|
.add(row) |
||||
|
.then((res) => { |
||||
|
done() |
||||
|
onLoad() |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
loading() |
||||
|
}) |
||||
|
} |
||||
|
function rowDel(row, index) { |
||||
|
api.remove(row.id) |
||||
|
onLoad() |
||||
|
} |
||||
|
function rowUpdate(row, index, done, loading) { |
||||
|
api |
||||
|
.modify(row) |
||||
|
.then((res) => { |
||||
|
done() |
||||
|
onLoad() |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
loading() |
||||
|
}) |
||||
|
} |
||||
|
function onLoad() { |
||||
|
pageInfo.pageNum = page.currentPage |
||||
|
const params = Object.assign(queryCondition.value, pageInfo, sortInfo) |
||||
|
api.page(params).then((res) => { |
||||
|
data.value = res.data.records |
||||
|
page.total = res.data.total |
||||
|
// res.data.total |
||||
|
}) |
||||
|
} |
||||
|
function rowDblclick(row, index) { |
||||
|
moduleParam.pageType = 'view' |
||||
|
proxy.$refs.crudRef.rowView(row) |
||||
|
} |
||||
|
//关闭表单页面 |
||||
|
function beforeCloseForm(done, type) { |
||||
|
done() |
||||
|
moduleParam.pageType = 'addOrModify' //还原默认值 |
||||
|
} |
||||
|
function searchChange(val, done) { |
||||
|
onLoad() |
||||
|
done() |
||||
|
} |
||||
|
</script> |
||||
|
<style> |
||||
|
.el-input, |
||||
|
.el-input-number { |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue