10 changed files with 511 additions and 84 deletions
@ -0,0 +1,324 @@ |
|||||
|
|
||||
|
<template> |
||||
|
<div class="page-box" v-loading="Loading.tableLoading"> |
||||
|
<tablePagination |
||||
|
v-if="apiColumns_Table" |
||||
|
:currenButtonData="currenButtonData" |
||||
|
:tableData="tableData" |
||||
|
:tableLoading="Loading.tableLoading" |
||||
|
:tableColumns="apiColumns_Table" |
||||
|
@rowDrop="rowDrop" |
||||
|
:totalCount="totalCount" |
||||
|
:multipleSelection="multipleSelection" |
||||
|
:MaxResultCount="PageListParams.MaxResultCount" |
||||
|
@topbutton="topbutton" |
||||
|
@inlineDialog="inlineDialog" |
||||
|
@sortChange="sortChange" |
||||
|
@alertoldSkipCount="alertoldSkipCount" |
||||
|
@alterResultCount="alterResultCount" |
||||
|
@handleSelectionChange="handleSelectionChange" |
||||
|
:currentPageProps="oldSkipCount" |
||||
|
:quicklySearchOption="quicklySearchOption" |
||||
|
@quicklySearchClick="quicklySearchClick" |
||||
|
@quicklySearchClear="quicklySearchClear" |
||||
|
:primarySearchOption="primarySearchOption" |
||||
|
@overallSearchFormClick="overallSearchFormClick" |
||||
|
:httpOverallSearchData="httpOverallSearchData" |
||||
|
:buttonOperationList_right="buttonOperationList_rightBase" |
||||
|
@buttonOperationClick_right="buttonOperationClick_right" |
||||
|
> |
||||
|
<!-- :buttonOperationList_left="buttonOperationClick_leftBase" |
||||
|
@buttonOperationClick_left="buttonOperationClick_left" --> |
||||
|
<!-- <div slot="tableTopSlot"> |
||||
|
上方按钮插槽位置预留 |
||||
|
</div> --> |
||||
|
<!-- <div slot="searchPrimarySlot"> |
||||
|
普通初级搜索插槽位置预留 |
||||
|
</div> --> |
||||
|
<!-- <template>表格内容插槽位置预留</template> --> |
||||
|
</tablePagination> |
||||
|
<!-- 新增与编辑 --> |
||||
|
<newAndEdiDialog |
||||
|
:loading="Loading.newAndEdiLoading" |
||||
|
:active="active" |
||||
|
:pageStatus="pageStatus" |
||||
|
:formReveal="formReveal" |
||||
|
:formTitle="formTitle" |
||||
|
:displayDialog="editDialog" |
||||
|
:FormData="formReveal ? CreateFormData : editFormData" |
||||
|
:Form="formReveal ? CreateForm : editForm" |
||||
|
:Options="editOptions" |
||||
|
:Handle="editHandle" |
||||
|
:Rules="formReveal ? editRules.cerateRule : editRules.editRule" |
||||
|
@FormSubmit="FormSubmit" |
||||
|
@close="FormClose" |
||||
|
@goBack="goBack" |
||||
|
@changeSelect="changeSelect" |
||||
|
></newAndEdiDialog> |
||||
|
<!-- 搜索按钮——窗体组件 --> |
||||
|
<searchPage |
||||
|
ref="searchTable" |
||||
|
:tableLoading="Loading.autoTableLoading" |
||||
|
:advancedFilter="advancedFilter()" |
||||
|
:filterPageListParams="filterPageListParams" |
||||
|
:formTitle="searchTitle" |
||||
|
:displayDialog="displayDialog.AddNewDialog" |
||||
|
:searchTableData="searchData" |
||||
|
:searchTableColumns="searchColumns" |
||||
|
:searchTotalCount="searchTotalCount" |
||||
|
:supplierItemPage="searchPageListParams" |
||||
|
@handleSelectionChange="prepareFormData" |
||||
|
@SizeChange="searchAlterResultCount($event, searchPageListParams)" |
||||
|
@CurrentChange="searchAlertoldSkipCount($event, searchPageListParams)" |
||||
|
@tableButtonClick="searchSubmit(arguments)" |
||||
|
></searchPage> |
||||
|
<!-- 新导入 disabledMethod 导入方式禁用 disabledIsAllowPartImport 是否局部导入禁用--> |
||||
|
<!-- methodValue 导入方式默认选项 是否局部导入 默认选项 --> |
||||
|
<importFile |
||||
|
:loading="Loading.importLoading" |
||||
|
:show="displayDialog.importDialog" |
||||
|
:disabledMethod = {method1:false,method2:false,method3:false} |
||||
|
:disabledIsAllowPartImport = {isAllowPartImport1:false,isAllowPartImport2:false} |
||||
|
isAllowPartImportValue="1" |
||||
|
@importClick="postImportMergeClick(arguments)" |
||||
|
@postImportDown="importDown" |
||||
|
></importFile> |
||||
|
<!--抽屉--> |
||||
|
<curren-Drawer |
||||
|
ref="currenDrawer_Ref" |
||||
|
:title="apiColumns_DesTions" |
||||
|
@rowDrop="rowDrop" |
||||
|
:tableColumns="apiColumns_DetailsTable" |
||||
|
:tabsDesTions="apiColumns_DesTions" |
||||
|
:DrawerLoading="Loading.DrawerLoading" |
||||
|
:drawer="displayDialog.detailsDialog" |
||||
|
:Butttondata="[]" |
||||
|
:propsData="propsData" |
||||
|
@drawerShut="(val) => (displayDialog.detailsDialog = val)" |
||||
|
@drawerbutton="drawerbutton" |
||||
|
@handleCommand="drawerHandle" |
||||
|
@close-value="closeValue" |
||||
|
:firstTabs="firstTabs" |
||||
|
:totalCount="totalCountDetails" |
||||
|
:currentPage="oldSkipCountDetails" |
||||
|
:MaxResultCount="MaxResultCountDetails" |
||||
|
@alterResultCountDetails="alterResultCountDetails" |
||||
|
@alertoldSkipCountDetails="alertoldSkipCountDetails" |
||||
|
:buttonOperationList_left="operationButtonsDetail" |
||||
|
></curren-Drawer> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { tableMixins } from "@/mixins/TableMixins" |
||||
|
import { LoadingMixins } from "@/mixins/LoadingMixins" |
||||
|
import { drawerMixins } from "@/mixins/drawerMixins" |
||||
|
import { TableHeaderMixins } from "@/mixins/TableHeaderMixins" |
||||
|
import { newAndEdiDialogMixins } from "@/mixins/newAndEdiDialogMixins" |
||||
|
import { mixins } from "@/mixins/mixins" |
||||
|
import { filterSelectMixins } from '@/mixins/filter-Select' |
||||
|
import { zhApiColumnsLable,firstWordSizeChange } from '@/utils/index' |
||||
|
import { getPageList } from '@/api/wms-api' |
||||
|
import { |
||||
|
postCreate, |
||||
|
postUpdate, |
||||
|
} from "@/api/wms-api" |
||||
|
|
||||
|
export default { |
||||
|
name: "ExportCustomUserSetting", |
||||
|
mixins: [ |
||||
|
tableMixins, |
||||
|
LoadingMixins, |
||||
|
drawerMixins, |
||||
|
TableHeaderMixins, |
||||
|
mixins, |
||||
|
filterSelectMixins, |
||||
|
newAndEdiDialogMixins |
||||
|
], |
||||
|
computed: { |
||||
|
editDialog: { |
||||
|
get: function (val) { |
||||
|
return this.displayDialog.newDialog || this.displayDialog.editDialog; |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
watch:{ |
||||
|
'displayDialog.editDialog'(n){ |
||||
|
if(n){ |
||||
|
this.editFormData.exportColumnNameArr = this.editFormData.exportColumnName_old.split(" ") |
||||
|
this.getColumList() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
const userInfo=this.$store.getters.currentUserInfo |
||||
|
return { |
||||
|
tableLoading:false, |
||||
|
//常用按钮数据 |
||||
|
currenButtonData: [ |
||||
|
this.defaultAddBtn(),//新增 |
||||
|
this.defaultFieldSettingBtn(),//字段设置 |
||||
|
this.defaultFreshBtn(),//刷新 |
||||
|
this.defaultFilterBtn(),//筛选 |
||||
|
], |
||||
|
//新增 |
||||
|
CreateFormData: { |
||||
|
customUserSetting: null, |
||||
|
exportUserName: userInfo.name, |
||||
|
exportUserId: userInfo.id, |
||||
|
exportColumnName: null, |
||||
|
exportTableName: null, |
||||
|
exportColumnNameArr:null, |
||||
|
exportTableName_old:null, |
||||
|
}, |
||||
|
//编辑 |
||||
|
editFormData: { |
||||
|
id:null, |
||||
|
customUserSetting: null, |
||||
|
exportUserName: userInfo.name, |
||||
|
exportUserId: userInfo.id, |
||||
|
exportColumnName: null, |
||||
|
exportTableName: null, |
||||
|
exportColumnNameArr:null, |
||||
|
exportTableName_old:null, |
||||
|
exportColumnName_old:null |
||||
|
}, |
||||
|
editOptions: {}, |
||||
|
CreateForm: [ |
||||
|
// { type: "input", label: zhApiColumnsLable('ExportCustomUserSettingCustomUserSetting'), prop: "customUserSetting", colSpan: 12 }, |
||||
|
// { type: "input", label: zhApiColumnsLable('ExportCustomUserSettingExportColumnName'), prop: "exportColumnName", colSpan: 12 }, |
||||
|
// { type: "input", label: zhApiColumnsLable('ExportCustomUserSettingExportTableName'), prop: "exportTableName", colSpan: 12 }, |
||||
|
{ type: "select", label: zhApiColumnsLable('ExportCustomUserSettingCustomUserSetting'), prop: "customUserSetting", options: "whetherOrNotForNum", colSpan: 12 }, |
||||
|
{ type: "select", label: zhApiColumnsLable('ExportCustomUserSettingExportTableName'), prop: "exportTableName_old", userOptions: this.initTablesName(), colSpan: 12 }, |
||||
|
{ type: "select", disabled:true, multiple:true, label: zhApiColumnsLable('ExportCustomUserSettingExportColumnName'), prop: "exportColumnNameArr", userOptions:null, colSpan: 12 }, |
||||
|
], |
||||
|
editForm: [ |
||||
|
{ type: "select", label: zhApiColumnsLable('ExportCustomUserSettingCustomUserSetting'), prop: "customUserSetting", options: "whetherOrNotForNum", colSpan: 12 }, |
||||
|
{ type: "select", label: zhApiColumnsLable('ExportCustomUserSettingExportTableName'), prop: "exportTableName_old", userOptions: this.initTablesName(), colSpan: 12 }, |
||||
|
{ type: "select", multiple:true, label: zhApiColumnsLable('ExportCustomUserSettingExportColumnName'), prop: "exportColumnNameArr", userOptions:null, colSpan: 12 }, |
||||
|
], |
||||
|
editRules: { |
||||
|
cerateRule: { |
||||
|
customUserSetting: [{ required: true, trigger: "blur", message: "不可为空" }], |
||||
|
exportColumnNameArr: [{ required: true, trigger: "blur", message: "不可为空" }], |
||||
|
exportTableName_old: [{ required: true, trigger: "blur", message: "不可为空" }], |
||||
|
}, |
||||
|
editRule: { |
||||
|
customUserSetting: [{ required: true, trigger: "blur", message: "不可为空" }], |
||||
|
exportColumnNameArr: [{ required: true, trigger: "blur", message: "不可为空" }], |
||||
|
exportTableName_old: [{ required: true, trigger: "blur", message: "不可为空" }], |
||||
|
} |
||||
|
}, |
||||
|
columsList:[], |
||||
|
}; |
||||
|
}, |
||||
|
mounted () { |
||||
|
this.paging(); |
||||
|
}, |
||||
|
methods:{ |
||||
|
pagingCallback(callback){ |
||||
|
this.Loading.tableLoading = false |
||||
|
this.tableData.forEach(item=>{ |
||||
|
item.exportTableName_old = item.exportTableName |
||||
|
item.exportColumnName_old = item.exportColumnName |
||||
|
item.exportTableName = zhApiColumnsLable(item.exportTableName) |
||||
|
let _arr = item.exportColumnName.split(" ") |
||||
|
let _zhArr = [] |
||||
|
_arr.forEach(item2=>{ |
||||
|
let _item2 = zhApiColumnsLable(item.exportTableName_old+firstWordSizeChange(item2,'Upper')) || item2 |
||||
|
_zhArr.push(_item2) |
||||
|
}) |
||||
|
item.exportColumnName = _zhArr.join(',') |
||||
|
}) |
||||
|
if(callback)callback() |
||||
|
}, |
||||
|
// 新增/编辑的导出表下拉 |
||||
|
initTablesName(){ |
||||
|
let _names = this.$store.getters.tablesName |
||||
|
let tablesList = [] |
||||
|
_names.forEach(item=>{ |
||||
|
let _item = { |
||||
|
label:zhApiColumnsLable(item), |
||||
|
value:item |
||||
|
} |
||||
|
tablesList.push(_item) |
||||
|
}) |
||||
|
return tablesList |
||||
|
}, |
||||
|
changeSelect(prop,val){ |
||||
|
// 获取对应表的表头 |
||||
|
if(prop=='exportTableName_old'){ |
||||
|
if(this.formReveal){ |
||||
|
this.CreateForm[2].disabled = false |
||||
|
// this.CreateFormData.exportTableName = this.CreateFormData.exportTableName_old |
||||
|
this.CreateFormData.exportColumnNameArr = [] |
||||
|
}else{ |
||||
|
this.editForm[2].disabled = false |
||||
|
// this.editFormData.exportTableName = this.editFormData.exportTableName_old |
||||
|
this.editFormData.exportColumnNameArr = [] |
||||
|
} |
||||
|
this.getColumList() |
||||
|
} |
||||
|
}, |
||||
|
getColumList(){ |
||||
|
let val = this.formReveal ? this.CreateFormData.exportTableName_old : this.editFormData.exportTableName_old |
||||
|
getPageList(this.PageListParams, val+'/base').then(res=>{ |
||||
|
let _column = res.items[0] |
||||
|
this.columsList = [] |
||||
|
for(let item in _column){ |
||||
|
if(item != 'detail' || item != 'details'){ |
||||
|
let _item = { |
||||
|
label:zhApiColumnsLable(val+firstWordSizeChange(item,'Upper')), |
||||
|
value:item |
||||
|
} |
||||
|
this.columsList.push(_item) |
||||
|
} |
||||
|
} |
||||
|
if(this.formReveal){ |
||||
|
this.CreateForm[2].userOptions = this.columsList |
||||
|
}else{ |
||||
|
this.editForm[2].userOptions = this.columsList |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
//提交表单 |
||||
|
FormSubmit(val) { |
||||
|
this.ref = val |
||||
|
this.Loading.newAndEdiLoading = true |
||||
|
let _updata = this.formReveal ? this.URLOption_add : this.URLOption_edit |
||||
|
let _url = _updata ? _updata : this.URLOption_base |
||||
|
switch (this.formReveal) { |
||||
|
case true: |
||||
|
this.CreateFormData.exportColumnName = this.CreateFormData.exportColumnNameArr.join(" ") |
||||
|
this.CreateFormData.exportTableName = this.CreateFormData.exportTableName_old |
||||
|
if(!_updata){_url = _url + '/create'} |
||||
|
postCreate(this.CreateFormData, _url).then(res => { |
||||
|
this.oldSkipCount = 1; |
||||
|
this.Loading.newAndEdiLoading = false |
||||
|
this.paging() |
||||
|
this.FormResult("success") |
||||
|
}).catch(err => { |
||||
|
this.Loading.newAndEdiLoading = false |
||||
|
this.FormResult("error") |
||||
|
}) |
||||
|
break; |
||||
|
case false: |
||||
|
if(!_updata){_url = _url + '/update-by-id'} |
||||
|
this.editFormData.exportColumnName = this.editFormData.exportColumnNameArr.join(" ") |
||||
|
this.editFormData.exportTableName = this.editFormData.exportTableName_old |
||||
|
postUpdate(this.editFormData, this.editFormData.id, _url).then(res => { |
||||
|
this.propsData = res |
||||
|
this.Loading.newAndEdiLoading = false |
||||
|
this.paging() |
||||
|
this.FormResult("success") |
||||
|
}).catch(err => { |
||||
|
this.Loading.newAndEdiLoading = false |
||||
|
this.FormResult("error") |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/styles/basicData.scss"; |
||||
|
</style> |
||||
Loading…
Reference in new issue