24 changed files with 3211 additions and 829 deletions
@ -0,0 +1,367 @@ |
|||||
|
<template> |
||||
|
<!-- 组件功能：修改布局前版本 参数配置从api获取 --> |
||||
|
<el-dialog |
||||
|
:visible.sync="show" |
||||
|
:modal="false" |
||||
|
:modal-append-to-body="false" |
||||
|
:show-close="true" |
||||
|
@close="close" |
||||
|
class="searchPageComponents" |
||||
|
:fullscreen="true" |
||||
|
style="width:calc(100% - 28px);left:14px;top:14px;height:calc(100% - 28px)" |
||||
|
v-loading="Loading.addEditApiLoading" |
||||
|
> |
||||
|
<!-- 数据填写 --> |
||||
|
<div v-if="active === 0" style="height: 100%;"> |
||||
|
<div class="centerInnerContent" :class="{'hasDetails' : flexTableData}"> |
||||
|
<!-- 左侧主表 --> |
||||
|
<div class="leftMainForm"> |
||||
|
<div class="dialogOuterTitle">{{formTitle}} 【主表信息】</div> |
||||
|
<!-- 表单 --> |
||||
|
<el-form |
||||
|
class="addEditFrom" |
||||
|
ref="addEditFrom_Ref" |
||||
|
v-if="formData" |
||||
|
:model="formData" |
||||
|
:rules="formRules" |
||||
|
> |
||||
|
<el-row :gutter="40"> |
||||
|
<el-col |
||||
|
:span="item.colSpan || 12" |
||||
|
v-for="(item, index) in formItemData" |
||||
|
:key="index" |
||||
|
> |
||||
|
<el-form-item |
||||
|
:label="item.label" |
||||
|
:prop="item.prop" |
||||
|
v-if="item.label.toUpperCase() != 'DETAILS'" |
||||
|
> |
||||
|
<!-- 数值 --> |
||||
|
<el-input-number |
||||
|
v-if="item.apiBaseType === 'number'" |
||||
|
v-model="formData[item.prop]" |
||||
|
:min="item.minimum || undefined" |
||||
|
:max="item.maximum || undefined" |
||||
|
:maxlength="item.maxLength || undefined" |
||||
|
:minlength="item.minLength || undefined" |
||||
|
:disabled="Boolean(item.disabled)" |
||||
|
:placeholder="item.placeholder || '请输入' + item.label" |
||||
|
@change="changeValue(item.prop,item,$event)" |
||||
|
@clear="clearValue(item.prop,$event)" |
||||
|
></el-input-number> |
||||
|
|
||||
|
<!-- 时间转换 --> |
||||
|
<el-date-picker |
||||
|
v-else-if="item.apiBaseType === 'datetime'" |
||||
|
v-model="formData[item.prop]" |
||||
|
type="datetime" |
||||
|
placeholder="选择日期时间" |
||||
|
format="yyyy-MM-dd HH:mm:ss" |
||||
|
value-format="yyyy-MM-ddTHH:mm:ss" |
||||
|
:disabled="Boolean(item.disabled)" |
||||
|
></el-date-picker> |
||||
|
|
||||
|
<!-- 布尔、枚举 --> |
||||
|
<el-select |
||||
|
v-else-if="item.isEnums || item.apiBaseType === 'boolean'" |
||||
|
v-model="formData[item.prop]" |
||||
|
:placeholder="item.placeholder || '请选择' + item.label" |
||||
|
:disabled="Boolean(item.disabled)" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in item.enums_list" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
></el-option> |
||||
|
</el-select> |
||||
|
|
||||
|
<!-- 文本框 --> |
||||
|
<!-- <el-input |
||||
|
v-else |
||||
|
type="textarea" |
||||
|
autosize |
||||
|
resize="none" |
||||
|
v-model="formData[item.prop]" |
||||
|
:placeholder="item.placeholder || '请输入' + item.label" |
||||
|
:disabled="Boolean(item.disabled)" |
||||
|
></el-input> --> |
||||
|
<el-input |
||||
|
v-else |
||||
|
v-model="formData[item.prop]" |
||||
|
:placeholder="item.placeholder || '请输入' + item.label" |
||||
|
:disabled="Boolean(item.disabled)" |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<!-- 右侧子表 --> |
||||
|
<div class="rightDetailTable" v-if="flexTableData"> |
||||
|
<div class="dialogOuterTitle">{{formTitle}} 【子表信息】</div> |
||||
|
<currenTableFlex |
||||
|
ref="currenTableFlex_Ref" |
||||
|
:isShowIndex="true" |
||||
|
:isEditable="true" |
||||
|
:setUTableHeight="230" |
||||
|
class="currenTableFlex" |
||||
|
:flexTableData="flexTableData" |
||||
|
:flexTableColumns="flexTableColumns" |
||||
|
></currenTableFlex> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- 操作按钮 --> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button @click="show = false">取 消</el-button> |
||||
|
<el-button type="primary" @click="submitHandle()">确 定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- 成功提示 --> |
||||
|
<div v-if="active === 1"> |
||||
|
<el-result icon="success" title="成功提示" :subTitle="formTitle + '成功'"> |
||||
|
<template slot="extra"> |
||||
|
<el-button type="primary" size="medium" @click="exitHandle" |
||||
|
>退出</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-result> |
||||
|
</div> |
||||
|
<!-- 错误提示 --> |
||||
|
<div v-if="active === 2"> |
||||
|
<el-result icon="error" title="错误提示" :subTitle="formTitle + '失败'"> |
||||
|
<template slot="extra"> |
||||
|
<el-button type="primary" size="medium" @click="changeActive(0)" |
||||
|
>返回</el-button |
||||
|
> |
||||
|
<el-button type="primary" size="medium" @click="exitHandle" |
||||
|
>退出</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-result> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { ApiTypePost, ApiTypePut } from "@/api/wms-api" |
||||
|
import { LoadingMixins } from "@/mixins/LoadingMixins"; |
||||
|
import currenTableFlex from "@/components/currenTableFlex" |
||||
|
import * as allUrlOption from '@/utils/baseData/urlOption' |
||||
|
export default { |
||||
|
name:"addEditFromApiPop", |
||||
|
mixins:[ LoadingMixins ], |
||||
|
components: { currenTableFlex }, |
||||
|
props: { |
||||
|
// 编辑行数据 |
||||
|
editRowData:{ |
||||
|
type: Object, |
||||
|
default: null |
||||
|
}, |
||||
|
// 操作类型：add/edit |
||||
|
handleType:{ |
||||
|
type: String, |
||||
|
default: null |
||||
|
}, |
||||
|
// 提交事件 |
||||
|
submitForm:{ |
||||
|
type:Function, |
||||
|
default:null |
||||
|
}, |
||||
|
// 特殊的【新增】接口，如果没有就走路由下的配置文件 |
||||
|
addSubmitUrl:{ |
||||
|
type: String, |
||||
|
default: null |
||||
|
}, |
||||
|
// 特殊的【编辑】接口，如果没有就走路由下的配置文件 |
||||
|
editSubmitUrl:{ |
||||
|
type: String, |
||||
|
default: null |
||||
|
}, |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
//明细-列表 |
||||
|
URLOption_detailList:allUrlOption[this.$route.name].detailListURL, |
||||
|
// 当前的dto |
||||
|
currentDtos:this.$store.getters.dtoColumnTypes[this.$route.name], |
||||
|
active:0,//显示内容：0表单 1成功 2失败 |
||||
|
show:true, |
||||
|
formTitle:null,//form名称 |
||||
|
formData:{},//表单数据 |
||||
|
formItemData:null,//表单item配置 |
||||
|
formRules: {},//表单验证 |
||||
|
flexTableData:null,//子表table |
||||
|
// flexTableColumns:null,//子表table列 |
||||
|
flexTableColumns: null, |
||||
|
} |
||||
|
}, |
||||
|
mounted(){ |
||||
|
this.initTitle() |
||||
|
this.initFormItems() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 初始化form名称 |
||||
|
initTitle(){ |
||||
|
if(this.handleType){ |
||||
|
this.formTitle = this.handleType == 'add' ? '新增'+this.$route.name : '编辑'+this.$route.name |
||||
|
} |
||||
|
}, |
||||
|
// 初始化表单配置、rules |
||||
|
initFormItems(){ |
||||
|
let _dtoList_type = this.handleType == 'add' ? 'C' : 'U' |
||||
|
let _dtoList = this.currentDtos[_dtoList_type].dtoList |
||||
|
// 除去子表信息 |
||||
|
let _formItems = _dtoList.filter(item=>{ |
||||
|
return item.prop.toUpperCase() != 'DETAILS' |
||||
|
}) |
||||
|
if(_formItems)this.formItemData = _formItems |
||||
|
// 编辑格式：特殊处理默认值 |
||||
|
if(this.handleType == 'edit' && this.editRowData){ |
||||
|
this.formData = JSON.parse(JSON.stringify(this.editRowData)) |
||||
|
}else{ |
||||
|
this.formData = {} |
||||
|
} |
||||
|
// 子表数据 |
||||
|
let _list = _dtoList.filter(item=>{ |
||||
|
return item.prop.toUpperCase() == 'DETAILS' |
||||
|
}) |
||||
|
if(_list && _list.length > 0){ |
||||
|
if(this.handleType == 'edit'){ |
||||
|
this.flexTableData = this.formData[_list[0].prop] |
||||
|
}else{ |
||||
|
this.flexTableData = [] |
||||
|
} |
||||
|
} |
||||
|
// 子表数据列 |
||||
|
if(this.URLOption_detailList){ |
||||
|
let _detailApi = this.URLOption_detailList.slice(0,this.URLOption_detailList.lastIndexOf('/')) |
||||
|
let _detailDtos = this.$store.getters.dtoColumnTypes[_detailApi].S.dtoList |
||||
|
this.flexTableColumns = _detailDtos |
||||
|
} |
||||
|
|
||||
|
// 表单验证格式化 |
||||
|
this.formRules={} |
||||
|
_dtoList.forEach(item=>{ |
||||
|
if(item.isRequired){ |
||||
|
this.formRules[item.prop] = [{ required: true, trigger: "blur", message: "不可为空" }] |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 关闭弹窗 |
||||
|
close() { |
||||
|
this.show = false |
||||
|
this.$emit("closePop") |
||||
|
}, |
||||
|
// 提交表单 |
||||
|
submitHandle(){ |
||||
|
this.$refs.addEditFrom_Ref.validate((valid) => { |
||||
|
if(this.submitForm){ |
||||
|
this.submitForm(valid,this.formData,this.handleType,this.formItemData,this.formRules) |
||||
|
return |
||||
|
} |
||||
|
this.formData.details = this.flexTableData |
||||
|
this.Loading.addEditApiLoading = true |
||||
|
if (valid) { |
||||
|
// 新增 |
||||
|
if(this.handleType == 'add'){ |
||||
|
ApiTypePost( |
||||
|
this.formData, |
||||
|
this.currentDtos.C.actionsUrl |
||||
|
).then(res => { |
||||
|
this.changeActive(1) |
||||
|
}).catch(err => { |
||||
|
this.changeActive(2) |
||||
|
}) |
||||
|
} |
||||
|
// 编辑 |
||||
|
else{ |
||||
|
ApiTypePut( |
||||
|
this.formData, |
||||
|
this.formData.id, |
||||
|
this.currentDtos.U.actionsUrl |
||||
|
).then(res => { |
||||
|
this.changeActive(1) |
||||
|
}).catch(err => { |
||||
|
this.changeActive(2) |
||||
|
}) |
||||
|
} |
||||
|
} else { |
||||
|
return false; |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
// 结果页退出 |
||||
|
exitHandle(){ |
||||
|
this.close() |
||||
|
if(this.active == '1')this.oldSkipCount = 1; |
||||
|
this.show = false |
||||
|
this.$emit("exitAfterHandle") |
||||
|
this.$nextTick(()=>{ |
||||
|
this.active = 0 |
||||
|
}) |
||||
|
}, |
||||
|
// 更改页面步骤 |
||||
|
changeActive(sta){ |
||||
|
this.active = sta |
||||
|
this.Loading.addEditApiLoading = false |
||||
|
}, |
||||
|
// 值更改函数 |
||||
|
changeValue(prop,item,val) { |
||||
|
this.$emit("changeValue", prop, item, val) |
||||
|
}, |
||||
|
// 值清除函数 |
||||
|
clearValue(prop,item,val) { |
||||
|
this.$emit("clearValue", prop, item, val) |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
::v-deep .el-dialog__header{ |
||||
|
padding: 0 !important; |
||||
|
} |
||||
|
::v-deep .el-row{ |
||||
|
width: 100%; |
||||
|
} |
||||
|
::v-deep .addEditFrom{ |
||||
|
height: calc(100%); |
||||
|
overflow: auto; |
||||
|
} |
||||
|
::v-deep .el-form-item__label{ |
||||
|
float: unset; |
||||
|
} |
||||
|
|
||||
|
::v-deep .el-input,.el-select,.el-input-number{ |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
|
||||
|
.dialog-footer{ |
||||
|
padding-top: 15px; |
||||
|
text-align: right; |
||||
|
} |
||||
|
.centerInnerContent{ |
||||
|
height: calc(100% - 60px); |
||||
|
overflow: auto; |
||||
|
|
||||
|
.leftMainForm{ |
||||
|
height: calc(100% - 60px); |
||||
|
} |
||||
|
|
||||
|
&.hasDetails{ |
||||
|
display: flex; |
||||
|
|
||||
|
.leftMainForm{ |
||||
|
width: 50%; |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
|
||||
|
.rightDetailTable{ |
||||
|
height: calc(100% - 60px); |
||||
|
width: calc(50%); |
||||
|
padding-left:40px; |
||||
|
border-left: #ddd solid 1px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
File diff suppressed because it is too large
@ -0,0 +1,122 @@ |
|||||
|
|
||||
|
<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_left="buttonOperationClick_leftBase" |
||||
|
@buttonOperationClick_left="buttonOperationClick_left" |
||||
|
:buttonOperationList_right="(data)=>{return buttonOperationList_rightApi(data,'edit|delete')}" |
||||
|
@buttonOperationClick_right="buttonOperationClick_right" |
||||
|
></tablePagination> |
||||
|
<curren-Drawer |
||||
|
ref="currenDrawer_Ref" |
||||
|
:title="apiColumns_DesTions" |
||||
|
@rowDrop="rowDrop" |
||||
|
:tableColumns="apiColumns_DetailsTable" |
||||
|
:tabsDesTions="apiColumns_DesTions" |
||||
|
:DrawerLoading="Loading.DrawerLoading" |
||||
|
:drawer="displayDialog.detailsDialog" |
||||
|
:propsData="propsData" |
||||
|
:Butttondata="[]" |
||||
|
@drawerShut="(val) => (displayDialog.detailsDialog = val)" |
||||
|
@drawerbutton="drawerbutton" |
||||
|
@handleCommand="drawerHandle" |
||||
|
@close-value="closeValue" |
||||
|
:totalCount="totalCountDetails" |
||||
|
:currentPage="oldSkipCountDetails" |
||||
|
:MaxResultCount="MaxResultCountDetails" |
||||
|
@alterResultCountDetails="alterResultCountDetails" |
||||
|
@alertoldSkipCountDetails="alertoldSkipCountDetails" |
||||
|
:buttonOperationList_left="operationButtonsDetail" |
||||
|
></curren-Drawer> |
||||
|
<!-- 明细查询页面 --> |
||||
|
<filterForDetailPage |
||||
|
v-if="filterForDetailShow" |
||||
|
:parentColumns="apiColumns_Table" |
||||
|
@closeDialog="changeFilterForDetailShow" |
||||
|
></filterForDetailPage> |
||||
|
<!-- 导出弹窗 --> |
||||
|
<exportDrop |
||||
|
v-if="displayDialog.exportDialog" |
||||
|
@closeDialog="closeExportDrop" |
||||
|
@exportDropSubmit="exportDropSubmit" |
||||
|
></exportDrop> |
||||
|
<!-- Api新增 --> |
||||
|
<addEditFromApiPop |
||||
|
v-if="displayDialog.addEditApiDialog" |
||||
|
:handleType="addEditApiType" |
||||
|
:editRowData="editFromApiRowData" |
||||
|
@closePop="closeAddEditApiPop" |
||||
|
@exitAfterHandle="paging" |
||||
|
></addEditFromApiPop> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { tableMixins } from "@/mixins/TableMixins"; |
||||
|
import { LoadingMixins } from "@/mixins/LoadingMixins"; |
||||
|
import { drawerMixins } from "@/mixins/drawerMixins" |
||||
|
import { TableHeaderMixins } from "@/mixins/TableHeaderMixins"; |
||||
|
import { mixins } from "@/mixins/mixins"; |
||||
|
import { filterSelectMixins } from '@/mixins/filter-Select' |
||||
|
|
||||
|
export default { |
||||
|
name: "StoreWorkOrder", |
||||
|
mixins: [ |
||||
|
tableMixins, |
||||
|
LoadingMixins, |
||||
|
drawerMixins, |
||||
|
TableHeaderMixins, |
||||
|
mixins, |
||||
|
filterSelectMixins, |
||||
|
], |
||||
|
data() { |
||||
|
return { |
||||
|
//常用按钮数据 |
||||
|
currenButtonData: [ |
||||
|
this.defaultAddBtn( |
||||
|
{ name:'addFromApi'} |
||||
|
),//新增 |
||||
|
this.defaultExportBtn({ |
||||
|
isRedundance:true, |
||||
|
isDetailExport:true |
||||
|
}),//导出 |
||||
|
this.defaultFieldSettingBtn(),//字段设置 |
||||
|
this.defaultFreshBtn(),//刷新 |
||||
|
this.defaultFilterBtn(),//筛选 |
||||
|
this.defaultFilterForDetailBtn(),//明细查询按钮 |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.paging(); |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/styles/basicData.scss"; |
||||
|
</style> |
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,113 @@ |
|||||
|
<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_left="buttonOperationClick_leftBase" |
||||
|
@buttonOperationClick_left="buttonOperationClick_left" |
||||
|
:buttonOperationList_right="(data)=>{return buttonOperationList_rightApi(data,'edit|delete')}" |
||||
|
@buttonOperationClick_right="buttonOperationClick_right" |
||||
|
></tablePagination> |
||||
|
<!-- :buttonOperationList_left="buttonOperationClick_leftBase" |
||||
|
@buttonOperationClick_left="buttonOperationClick_left" --> |
||||
|
<curren-Drawer |
||||
|
ref="currenDrawer_Ref" |
||||
|
:title="apiColumns_DesTions" |
||||
|
@rowDrop="rowDrop" |
||||
|
:tableColumns="apiColumns_DetailsTable" |
||||
|
:tabsDesTions="apiColumns_DesTions" |
||||
|
:DrawerLoading="Loading.DrawerLoading" |
||||
|
:drawer="displayDialog.detailsDialog" |
||||
|
:propsData="propsData" |
||||
|
:Butttondata="[]" |
||||
|
@drawerShut="(val) => (displayDialog.detailsDialog = val)" |
||||
|
@drawerbutton="drawerbutton" |
||||
|
@handleCommand="drawerHandle" |
||||
|
@close-value="closeValue" |
||||
|
:totalCount="totalCountDetails" |
||||
|
:currentPage="oldSkipCountDetails" |
||||
|
:MaxResultCount="MaxResultCountDetails" |
||||
|
@alterResultCountDetails="alterResultCountDetails" |
||||
|
@alertoldSkipCountDetails="alertoldSkipCountDetails" |
||||
|
:buttonOperationList_left="operationButtonsDetail" |
||||
|
></curren-Drawer> |
||||
|
<!-- 导出弹窗 --> |
||||
|
<exportDrop |
||||
|
v-if="displayDialog.exportDialog" |
||||
|
@closeDialog="closeExportDrop" |
||||
|
@exportDropSubmit="exportDropSubmit" |
||||
|
></exportDrop> |
||||
|
<!-- Api新增 --> |
||||
|
<addEditFromApiPop |
||||
|
v-if="displayDialog.addEditApiDialog" |
||||
|
:handleType="addEditApiType" |
||||
|
:editRowData="editFromApiRowData" |
||||
|
@closePop="closeAddEditApiPop" |
||||
|
@exitAfterHandle="paging" |
||||
|
></addEditFromApiPop> |
||||
|
</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' |
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
name: "StoreWorkOrderDetail", |
||||
|
mixins: [ |
||||
|
tableMixins, |
||||
|
LoadingMixins, |
||||
|
drawerMixins, |
||||
|
TableHeaderMixins, |
||||
|
mixins, |
||||
|
filterSelectMixins, |
||||
|
newAndEdiDialogMixins |
||||
|
], |
||||
|
data() { |
||||
|
return { |
||||
|
//常用按钮数据 |
||||
|
currenButtonData: [ |
||||
|
this.defaultExportBtn({ |
||||
|
isRedundance:true, |
||||
|
isDetailExport:true |
||||
|
}),//导出 |
||||
|
this.defaultFieldSettingBtn(),//字段设置 |
||||
|
this.defaultFreshBtn(),//刷新 |
||||
|
this.defaultFilterBtn(),//筛选 |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.paging(); |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/styles/basicData.scss"; |
||||
|
</style> |
||||
@ -0,0 +1,116 @@ |
|||||
|
<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_left="buttonOperationClick_leftBase" |
||||
|
@buttonOperationClick_left="buttonOperationClick_left" |
||||
|
:buttonOperationList_right="(data)=>{return buttonOperationList_rightApi(data,'edit|delete')}" |
||||
|
@buttonOperationClick_right="buttonOperationClick_right" |
||||
|
></tablePagination> |
||||
|
<!-- :buttonOperationList_left="buttonOperationClick_leftBase" |
||||
|
@buttonOperationClick_left="buttonOperationClick_left" --> |
||||
|
<curren-Drawer |
||||
|
ref="currenDrawer_Ref" |
||||
|
:title="apiColumns_DesTions" |
||||
|
@rowDrop="rowDrop" |
||||
|
:tableColumns="apiColumns_DetailsTable" |
||||
|
:tabsDesTions="apiColumns_DesTions" |
||||
|
:DrawerLoading="Loading.DrawerLoading" |
||||
|
:drawer="displayDialog.detailsDialog" |
||||
|
:propsData="propsData" |
||||
|
:Butttondata="[]" |
||||
|
@drawerShut="(val) => (displayDialog.detailsDialog = val)" |
||||
|
@drawerbutton="drawerbutton" |
||||
|
@handleCommand="drawerHandle" |
||||
|
@close-value="closeValue" |
||||
|
:totalCount="totalCountDetails" |
||||
|
:currentPage="oldSkipCountDetails" |
||||
|
:MaxResultCount="MaxResultCountDetails" |
||||
|
@alterResultCountDetails="alterResultCountDetails" |
||||
|
@alertoldSkipCountDetails="alertoldSkipCountDetails" |
||||
|
:buttonOperationList_left="operationButtonsDetail" |
||||
|
></curren-Drawer> |
||||
|
<!-- 导出弹窗 --> |
||||
|
<exportDrop |
||||
|
v-if="displayDialog.exportDialog" |
||||
|
@closeDialog="closeExportDrop" |
||||
|
@exportDropSubmit="exportDropSubmit" |
||||
|
></exportDrop> |
||||
|
<!-- Api新增 --> |
||||
|
<addEditFromApiPop |
||||
|
v-if="displayDialog.addEditApiDialog" |
||||
|
:handleType="addEditApiType" |
||||
|
:editRowData="editFromApiRowData" |
||||
|
@closePop="closeAddEditApiPop" |
||||
|
@exitAfterHandle="paging" |
||||
|
></addEditFromApiPop> |
||||
|
</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' |
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
name: "AuthDepartment", |
||||
|
mixins: [ |
||||
|
tableMixins, |
||||
|
LoadingMixins, |
||||
|
drawerMixins, |
||||
|
TableHeaderMixins, |
||||
|
mixins, |
||||
|
filterSelectMixins, |
||||
|
newAndEdiDialogMixins |
||||
|
], |
||||
|
data() { |
||||
|
return { |
||||
|
//常用按钮数据 |
||||
|
currenButtonData: [ |
||||
|
this.defaultAddBtn( |
||||
|
{ name:'addFromApi'} |
||||
|
),//新增 |
||||
|
this.defaultExportBtn({ |
||||
|
isRedundance:true, |
||||
|
isDetailExport:true |
||||
|
}),//导出 |
||||
|
this.defaultFieldSettingBtn(),//字段设置 |
||||
|
this.defaultFreshBtn(),//刷新 |
||||
|
this.defaultFilterBtn(),//筛选 |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.paging(); |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/styles/basicData.scss"; |
||||
|
</style> |
||||
@ -0,0 +1,290 @@ |
|||||
|
<template> |
||||
|
<div class="page-box" v-loading="Loading.appMainLoading"> |
||||
|
<!-- 有批量启用的【库存余额(解/冻)】页面 --> |
||||
|
<tablePagination |
||||
|
:currenButtonData="currenButtonData" |
||||
|
:tableData="tableData" |
||||
|
:tableLoading="Loading.tableLoading" |
||||
|
:tableColumns="tableColumns" |
||||
|
@rowDrop="rowDrop" |
||||
|
:totalCount="totalCount" |
||||
|
:multipleSelection="multipleSelection" |
||||
|
:MaxResultCount="PageListParams.MaxResultCount" |
||||
|
@topbutton="topbuttonHandle" |
||||
|
@inlineDialog="inlineDialog" |
||||
|
@sortChange="sortChange" |
||||
|
@alertoldSkipCount="alertoldSkipCount" |
||||
|
@alterResultCount="alterResultCount" |
||||
|
@handleSelectionChange="handleSelectionChange" |
||||
|
:currentPageProps="oldSkipCount" |
||||
|
:quicklySearchOption="quicklySearchOption" |
||||
|
@quicklySearchClick="quicklySearchClick" |
||||
|
@quicklySearchClear="quicklySearchClear" |
||||
|
:primarySearchOption="primarySearchOption" |
||||
|
@overallSearchFormClick="overallSearchFormClick" |
||||
|
:httpOverallSearchData="httpOverallSearchData" |
||||
|
:tableSelection="true" |
||||
|
> |
||||
|
</tablePagination> |
||||
|
<!-- 新增与编辑 --> |
||||
|
<!-- <newAndEdiDialog |
||||
|
:loading="Loading.newAndEdiLoading" |
||||
|
:active="active" |
||||
|
:pageStatus="pageStatus" |
||||
|
:formReveal="formReveal" |
||||
|
:formTitle="formTitle" |
||||
|
:displayDialog="editDialog" |
||||
|
:FormData="editFormData" |
||||
|
:Form="editForm" |
||||
|
:Options="editOptions" |
||||
|
:Handle="editHandle" |
||||
|
:Rules="editRules" |
||||
|
@FormSubmit="FormClick(arguments)" |
||||
|
@close="FormClose" |
||||
|
@goBack="goBack" |
||||
|
></newAndEdiDialog> --> |
||||
|
<!-- 新导入 disabledMethod 导入方式禁用 disabledIsAllowPartImport 是否局部导入禁用--> |
||||
|
<!-- methodValue 导入方式默认选项 是否局部导入 默认选项 --> |
||||
|
<importFile |
||||
|
:loading="Loading.importLoading" |
||||
|
:show="displayDialog.importDialog" |
||||
|
:URL="URL" |
||||
|
:disabledMethod = {method1:false,method2:false,method3:false} |
||||
|
:disabledIsAllowPartImport = {isAllowPartImport1:false,isAllowPartImport2:false} |
||||
|
isAllowPartImportValue="1" |
||||
|
@importClick="postImportMergeClick(arguments)" |
||||
|
@postImportDown="importDown" |
||||
|
></importFile> |
||||
|
<curren-Drawer |
||||
|
:title="tableColumns" |
||||
|
:DrawerLoading="Loading.DrawerLoading" |
||||
|
:drawer="displayDialog.detailsDialog" |
||||
|
:Butttondata="DrawerButtonData" |
||||
|
:propsData="propsData" |
||||
|
:tabsDesTions="tabsDesTions" |
||||
|
@drawerShut="(val) => (displayDialog.detailsDialog = val)" |
||||
|
@drawerbutton="drawerbutton" |
||||
|
@handleCommand="drawerHandle" |
||||
|
@close-value="closeValue" |
||||
|
></curren-Drawer> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { updateExpireDate, postDelete ,getDetailed,inventoryBalanceActive } from "@/api/wms-api" |
||||
|
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" |
||||
|
export default { |
||||
|
name: "InventoryBalanceActive", |
||||
|
mixins: [ |
||||
|
tableMixins, |
||||
|
LoadingMixins, |
||||
|
drawerMixins, |
||||
|
TableHeaderMixins, |
||||
|
mixins, |
||||
|
newAndEdiDialogMixins |
||||
|
], |
||||
|
computed: { |
||||
|
editDialog: { |
||||
|
get: function () { |
||||
|
return this.displayDialog.newDialog || this.displayDialog.editDialog; |
||||
|
}, |
||||
|
}, |
||||
|
//按钮显示 |
||||
|
hideButton: function () { |
||||
|
return function () { |
||||
|
return this.propsData.isActive |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
showTableBaseFromFE:['configuration'], |
||||
|
URL: 'wms/inventory/inventory-balance', |
||||
|
//常用按钮数据 |
||||
|
currenButtonData: [ |
||||
|
this.defaultImportBtn(),//导入 |
||||
|
this.defaultExportBtn(),//导出 |
||||
|
{ |
||||
|
type: "success", |
||||
|
icon: "el-icon-check", |
||||
|
label: "批量启用", |
||||
|
name: "batch-active", |
||||
|
size: "mini", |
||||
|
background:"#31bb99" |
||||
|
}, |
||||
|
this.defaultFieldSettingBtn(),//字段设置 |
||||
|
this.defaultFreshBtn(),//刷新 |
||||
|
this.defaultFilterBtn(),//筛选 |
||||
|
], |
||||
|
DrawerButtonData: [ |
||||
|
{ |
||||
|
type: 'success', |
||||
|
icon: 'el-icon-check', |
||||
|
label: '启用', |
||||
|
hide: () => { return this.hideButton() }, |
||||
|
name: "active", |
||||
|
size: 'mini' |
||||
|
}, |
||||
|
], |
||||
|
//编辑 |
||||
|
// editFormData: { |
||||
|
// id: null, |
||||
|
// itemCode: null, |
||||
|
// itemName: null, |
||||
|
// itemDesc1: null, |
||||
|
// itemDesc2: null, |
||||
|
// produceDate: null, |
||||
|
// expireDate: null, |
||||
|
// locationCode: null, |
||||
|
// status: 1, |
||||
|
// lot: true, |
||||
|
// packingCode: true, |
||||
|
// containerCode: null, |
||||
|
// qty: null, |
||||
|
// locationArea: null, |
||||
|
// locationGroup: null, |
||||
|
// locationErpCode: null, |
||||
|
// putInTime: null, |
||||
|
// }, |
||||
|
// editOptions: {}, |
||||
|
// CreateForm: [ |
||||
|
// { type: "input", label: "箱标签", prop: 'packingCode', colSpan: 12 }, |
||||
|
// { type: "input", label: "排序依次", prop: 'sortingBase', colSpan: 12 }, |
||||
|
// { type: "input", label: "序号", prop: 'serialNumber', colSpan: 12 }, |
||||
|
// { type: "input", label: "最后盘点计划", prop: 'lastCountPlanNumber', colSpan: 12 }, |
||||
|
// { type: "input", label: "最后盘点标签", prop: 'lastCountLabel', colSpan: 12 }, |
||||
|
// { type: "input", label: "物品代码", prop: 'itemCode', colSpan: 12 }, |
||||
|
// { type: "input", label: "批次编号", prop: 'batchCode', colSpan: 12 }, |
||||
|
// { type: "input", label: "备注", prop: 'remark', colSpan: 12 }, |
||||
|
// ], |
||||
|
// editForm: [ |
||||
|
// { type: "input", label: "物品代码", prop: "itemCode", disabled:true, colSpan: 12 }, |
||||
|
// { type: "input", label: "物品名称", prop: "itemName", disabled:true, colSpan: 12 }, |
||||
|
// { type: "input", label: "库位代码", prop: "locationCode", disabled:true, colSpan: 12 }, |
||||
|
// { type: "input", label: "批次", prop: "lot", disabled:true, colSpan: 12 }, |
||||
|
// { type: "input", label: "箱标签", prop: "packingCode", disabled:true, colSpan: 12 }, |
||||
|
// { type: "input", label: "库区", prop: "locationArea", disabled:true, colSpan: 12 }, |
||||
|
// { type: "input", label: "库位组", prop: "locationGroup", disabled:true, colSpan: 12 }, |
||||
|
// { type: "dateTime", label: "入库时间", prop: "putInTime", disabled:true, colSpan: 12 }, |
||||
|
// { type: "dateTime", label: "生产日期", prop: "produceDate", disabled:true, colSpan: 12 }, |
||||
|
// { type: "dateTime", label: "过期日期", prop: "expireDate", colSpan: 12 }, |
||||
|
// ], |
||||
|
// editRules: { |
||||
|
// expireDate: [{ required: true, trigger: "blur", message: "不可为空" }], |
||||
|
// }, |
||||
|
}; |
||||
|
}, |
||||
|
mounted () { |
||||
|
this.paging(); |
||||
|
}, |
||||
|
methods: { |
||||
|
drawerbutton(val){ |
||||
|
// 启用 |
||||
|
if(val == "active"){ |
||||
|
this.$confirm('此操作将启用该数据, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
this.Loading.appMainLoading = true |
||||
|
inventoryBalanceActive({id: this.propsData.id}).then(res => { |
||||
|
this.$successMsg('启用成功!') |
||||
|
this.Loading.appMainLoading = false |
||||
|
this.displayDialog.detailsDialog = false |
||||
|
this.paging() |
||||
|
// getDetailed(this.propsData.id, this.URL).then(res => { |
||||
|
// this.propsData = res |
||||
|
// this.Loading.DrawerLoading = false |
||||
|
// }) |
||||
|
}).catch(err => { |
||||
|
this.Loading.appMainLoading = false |
||||
|
}) |
||||
|
}).catch((err) => { |
||||
|
console.log(err) |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
topbuttonHandle(val,item){ |
||||
|
// 批量操作 |
||||
|
if(val == 'batch-active'){ |
||||
|
if(!this.multipleSelection || this.multipleSelection.length <= 0){ |
||||
|
this.$warningMsg('请选择数据') |
||||
|
return |
||||
|
} |
||||
|
this.$confirm('此操作将启用已选 ('+this.multipleSelection.length+'条) 数据, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
this.Loading.tableLoading = true |
||||
|
let _ajaxs = [] |
||||
|
this.multipleSelection.forEach(item=>{ |
||||
|
_ajaxs.push(inventoryBalanceActive({id: item.id})) |
||||
|
}) |
||||
|
Promise.all(_ajaxs).then((allData) => { |
||||
|
this.$successMsg('启用成功!') |
||||
|
this.Loading.tableLoading = false |
||||
|
this.paging() |
||||
|
}).catch((err)=>{ |
||||
|
this.Loading.tableLoading = false |
||||
|
}) |
||||
|
}).catch((err) => { |
||||
|
console.log(err) |
||||
|
}); |
||||
|
}else{ |
||||
|
this.topbutton(val,item) |
||||
|
} |
||||
|
}, |
||||
|
//抽屉下拉按钮操作 库存余额删除 只能删除库存数量为0的记录 |
||||
|
// drawerHandle(val) { |
||||
|
// if (val == 'delete') { |
||||
|
// if (this.propsData.qty == '0') { |
||||
|
// this.$confirm('此操作将永久删除该消息, 是否继续?', '提示', { |
||||
|
// confirmButtonText: '确定', |
||||
|
// cancelButtonText: '取消', |
||||
|
// type: 'warning' |
||||
|
// }).then(() => { |
||||
|
// this.Loading.appMainLoading = true |
||||
|
// this.displayDialog.detailsDialog = false |
||||
|
// postDelete(this.propsData.id, this.URL).then(res => { |
||||
|
// this.$successMsg('删除成功!') |
||||
|
// this.Loading.appMainLoading = false |
||||
|
// this.paging() |
||||
|
// }).catch(err => { |
||||
|
// this.Loading.appMainLoading = false |
||||
|
// }) |
||||
|
// }).catch(() => { |
||||
|
// }); |
||||
|
// } else { |
||||
|
// this.$message({ |
||||
|
// message: "只能删除库存数量为 0 的记录！！", |
||||
|
// type: "warning", |
||||
|
// }); |
||||
|
// } |
||||
|
// } |
||||
|
// }, |
||||
|
//点击表单提交(新增或编辑) |
||||
|
// FormClick (val) { |
||||
|
// let params = { |
||||
|
// id: this.editFormData.id, |
||||
|
// expireDate: this.editFormData.expireDate |
||||
|
// } |
||||
|
// updateExpireDate(params, this.URL).then( res => { |
||||
|
// this.displayDialog.editDialog = false |
||||
|
// this.$message.success("修改成功！"); |
||||
|
// this.paging(); |
||||
|
// }).catch( err => { |
||||
|
// this.$message.success("修改失败！"); |
||||
|
// console.log(err) |
||||
|
// }) |
||||
|
// } |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "../../../styles/basicData.scss"; |
||||
|
</style> |
||||
Loading…
Reference in new issue