Browse Source

个性导出设置页面条件开发+右侧操作列基础编辑删除开发

noToken
安虹睿 1 year ago
parent
commit
cb2a6182a0
  1. 2
      PC/InterFace.Dash/src/components/currenForm/index.vue
  2. 1
      PC/InterFace.Dash/src/components/umyTable/index.vue
  3. 15
      PC/InterFace.Dash/src/filters/status.js
  4. 47
      PC/InterFace.Dash/src/mixins/TableMixins.js
  5. 2
      PC/InterFace.Dash/src/mixins/newAndEdiDialogMixins.js
  6. 1
      PC/InterFace.Dash/src/store/getters.js
  7. 8
      PC/InterFace.Dash/src/store/modules/permission.js
  8. 4
      PC/InterFace.Dash/src/utils/index.js
  9. 212
      PC/InterFace.Dash/src/views/menuList/ExportCustomUserSetting copy.vue
  10. 486
      PC/InterFace.Dash/src/views/menuList/ExportCustomUserSetting.vue

2
PC/InterFace.Dash/src/components/currenForm/index.vue

@ -171,7 +171,7 @@
> >
<el-option <el-option
v-for="(op, index) in selectOptions(item.options) || v-for="(op, index) in selectOptions(item.options) ||
searchOptions['options']" item.userOptions"
:label="op[item.optionsLabel] || op.label" :label="op[item.optionsLabel] || op.label"
:value="op[item.optionsValue] || op.value" :value="op[item.optionsValue] || op.value"
:key="index" :key="index"

1
PC/InterFace.Dash/src/components/umyTable/index.vue

@ -60,6 +60,7 @@
:key="indexButton" :key="indexButton"
type="text" type="text"
size="mini" size="mini"
:style="{color:itemButton.color || '#409EFF'}"
@click="buttonOperationClick_right(scope.row, itemButton, indexButton)" @click="buttonOperationClick_right(scope.row, itemButton, indexButton)"
>{{itemButton.label}}</el-button> >{{itemButton.label}}</el-button>
</template> </template>

15
PC/InterFace.Dash/src/filters/status.js

@ -1445,6 +1445,21 @@ export function whetherOrNot(index, prop) {
} }
return Enum(filter, index, prop) return Enum(filter, index, prop)
} }
export function whetherOrNotForNum(index, prop) {
let filter = {
1: {
label: "是",
value: 1,
background:"#31BB99",
},
0: {
label: "否",
value: 0,
background:"#EC5B28",
},
}
return Enum(filter, index, prop)
}
/** /**
* @returns {object} '基本状态' * @returns {object} '基本状态'
*/ */

47
PC/InterFace.Dash/src/mixins/TableMixins.js

@ -57,6 +57,53 @@ export const tableMixins = {
} }
}, },
methods: { methods: {
// 主表-右侧操作列基础按钮
buttonOperationList_rightBase(data){
return [{
label:'编辑',
name:'edit',
},{
label:'删除',
name:'delete',
color:'red'
}]
},
// 主表-右侧操作列基础按钮操作
buttonOperationClick_right(row,item){
// 编辑
if (item.name == "edit") {
this.formTitle = this.$route.meta.title + "编辑";
this.formReveal = false
this.theEvent = "edit"
const listAssign = (arr1, arr2) => {
Object.keys(arr1).forEach(item => {
arr1[item] = arr2[item]
})
}
listAssign(this.editFormData, row)
this.displayDialog.editDialog = true
}
// 删除
else if (item.name == "delete"){
this.$confirm('此操作将永久删除该消息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.Loading.tableLoading = true
let _url = this.URLOption_delete ? this.URLOption_delete : this.URLOption_base + '/delete-by-id'
postDelete(row.id, _url).then(res => {
this.$successMsg('删除成功!')
this.Loading.tableLoading = false
this.paging()
}).catch(err => {
this.Loading.tableLoading = false
})
}).catch(() => {
this.Loading.tableLoading = false
});
}
},
// 获取通过api的表头数据,不可以在初始化处理,因为接口返回问题 // 获取通过api的表头数据,不可以在初始化处理,因为接口返回问题
// initApiColumns(table,des,detailsTable,detailsPage){ // initApiColumns(table,des,detailsTable,detailsPage){
// // 赋值表头数据 // // 赋值表头数据

2
PC/InterFace.Dash/src/mixins/newAndEdiDialogMixins.js

@ -71,7 +71,7 @@ export const newAndEdiDialogMixins = {
break; break;
case false: case false:
if(!_updata && !this.URLOption_updata){_url = _url + '/update-by-id'} if(!_updata && !this.URLOption_updata){_url = _url + '/update-by-id'}
postUpdate(this.editFormData, this.propsData.id, _url).then(res => { postUpdate(this.editFormData, this.editFormData.id, _url).then(res => {
this.propsData = res this.propsData = res
this.Loading.newAndEdiLoading = false this.Loading.newAndEdiLoading = false
this.FormResult("success") this.FormResult("success")

1
PC/InterFace.Dash/src/store/getters.js

@ -11,6 +11,7 @@ const getters = {
roles: state => state.user.roles, roles: state => state.user.roles,
currentUserInfo: state => state.user.userInfo,//当前用户信息 currentUserInfo: state => state.user.userInfo,//当前用户信息
permission_routes: state => state.permission.routes,//接口获取的菜单 permission_routes: state => state.permission.routes,//接口获取的菜单
tablesName:state => state.permission.tablesName,//接口获取所有的表名
errorLogs: state => state.errorLog.logs, errorLogs: state => state.errorLog.logs,
dictionaries: state => state.dictionaries.dict, dictionaries: state => state.dictionaries.dict,
enumList: state => state.definition.enumList,//接口获取的枚举 enumList: state => state.definition.enumList,//接口获取的枚举

8
PC/InterFace.Dash/src/store/modules/permission.js

@ -62,13 +62,17 @@ export function filterAsyncRoutes(routes, roles) {
const state = { const state = {
routes: [], routes: [],
addRoutes: [] addRoutes: [],
tablesName:null,//所有的表名
} }
const mutations = { const mutations = {
SET_ROUTES: (state, routes) => { SET_ROUTES: (state, routes) => {
state.addRoutes = routes state.addRoutes = routes
state.routes = constantRoutes.concat(routes) state.routes = constantRoutes.concat(routes)
},
SET_TABLESNAME: (state, data) => {
state.tablesName = data
} }
} }
// todo-new:有token后使用generateRoutes,去掉下方一行代码 // todo-new:有token后使用generateRoutes,去掉下方一行代码
@ -177,6 +181,8 @@ const actions = {
_menuList.push(item.substring(item.indexOf('.') + 1,item.length)) _menuList.push(item.substring(item.indexOf('.') + 1,item.length))
} }
} }
// 存储所有的表名
commit('SET_TABLESNAME', _menuList)
// todo-new:接口获取 接口没有走配置文件 // todo-new:接口获取 接口没有走配置文件
let _noShowMenus = null//不显示的菜单 let _noShowMenus = null//不显示的菜单
_noShowMenus = localStorage.getItem('menuHiddenConfig').split(',') _noShowMenus = localStorage.getItem('menuHiddenConfig').split(',')

4
PC/InterFace.Dash/src/utils/index.js

@ -561,8 +561,8 @@ export function createNewTabs (url) {
// faster-new // faster-new
// 转义及读取api接口返回的表头信息 // 转义及读取api接口返回的表头信息
export function initFromApiColumnsLable (data) { export function initFromApiColumnsLable (data) {
let _Dashboard = store.getters.columZHList let _list = store.getters.columZHList
return _Dashboard ? _Dashboard[data] : null return _list ? _list[data] : data
} }
// 首字母转换 type='Lower'(小写,默认) Upper(大写) // 首字母转换 type='Lower'(小写,默认) Upper(大写)

212
PC/InterFace.Dash/src/views/menuList/ExportCustomUserSetting copy.vue

@ -0,0 +1,212 @@
<template>
<div class="page-box" v-loading="Loading.appMainLoading">
<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"
@buttonOperationClick_left="buttonOperationClick_left"
:currentPageProps="oldSkipCount"
:quicklySearchOption="quicklySearchOption"
@quicklySearchClick="quicklySearchClick"
@quicklySearchClear="quicklySearchClear"
:primarySearchOption="primarySearchOption"
@overallSearchFormClick="overallSearchFormClick"
:httpOverallSearchData="httpOverallSearchData"
:buttonOperationList_left="operationButtonsTable"
>
<!-- <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"
></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"
:propsData="propsData"
:dropdownData="dropdownData"
@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>
<!-- <curren-Drawer
:title="apiColumns_DesTions"
:tableColumns="apiColumns_DetailsTable"
:tabsDesTions="apiColumns_DesTions"
:DrawerLoading="Loading.DrawerLoading"
:drawer="displayDialog.detailsDialog"
:dropdownData="dropdownData"
:propsData="propsData"
:tableLoading="tableLoading"
@drawerShut="(val) => (displayDialog.detailsDialog = val)"
@drawerbutton="drawerbutton"
@handleCommand="drawerHandle"
@close-value="closeValue"
:firstTabs="firstTabs"
></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 { initFromApiColumnsLable } from '@/utils/index'
// import { getExportConfigList } from '@/api/wms-interface'
export default {
name: "ExportCustomUserSetting",
mixins: [
tableMixins,
LoadingMixins,
drawerMixins,
TableHeaderMixins,
mixins,
filterSelectMixins,
newAndEdiDialogMixins
],
computed: {
editDialog: {
get: function () {
return this.displayDialog.newDialog || this.displayDialog.editDialog;
},
},
},
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,
},
//
editFormData: {
customUserSetting: null,
exportUserName: userInfo.name,
exportUserId: userInfo.id,
exportColumnName: null,
exportTableName: null,
},
editOptions: {},
CreateForm: [
{ type: "input", label: initFromApiColumnsLable('ExportCustomUserSettingCustomUserSetting'), prop: "customUserSetting", colSpan: 12 },
{ type: "input", label: initFromApiColumnsLable('ExportCustomUserSettingExportColumnName'), prop: "exportColumnName", colSpan: 12 },
{ type: "input", label: initFromApiColumnsLable('ExportCustomUserSettingExportTableName'), prop: "exportTableName", colSpan: 12 },
],
editForm: [
{ type: "input", label: initFromApiColumnsLable('ExportCustomUserSettingCustomUserSetting'), prop: "customUserSetting", colSpan: 12 },
{ type: "input", label:initFromApiColumnsLable('ExportCustomUserSettingExportColumnName'), prop: "exportColumnName", colSpan: 12 },
{ type: "input", label: initFromApiColumnsLable('ExportCustomUserSettingExportTableName'), prop: "exportTableName", colSpan: 12 },
],
editRules: {
cerateRule: {
customUserSetting: [{ required: true, trigger: "blur", message: "不可为空" }],
exportColumnName: [{ required: true, trigger: "blur", message: "不可为空" }],
exportTableName: [{ required: true, trigger: "blur", message: "不可为空" }],
},
editRule: {
customUserSetting: [{ required: true, trigger: "blur", message: "不可为空" }],
exportColumnName: [{ required: true, trigger: "blur", message: "不可为空" }],
exportTableName: [{ required: true, trigger: "blur", message: "不可为空" }],
}
},
};
},
mounted () {
this.paging();
},
};
</script>
<style lang="scss" scoped>
@import "@/styles/basicData.scss";
</style>

486
PC/InterFace.Dash/src/views/menuList/ExportCustomUserSetting.vue

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