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