java_project
/
hy-vue
4
0
Fork 0
Code Issues Pull Requests Activity
Browse Source

Merge remote-tracking branch 'origin/dev' into dev

dev
caoyizhong 2 years ago
parent
9400c9b1eb db0a735622
commit
206c2fff39
5 changed files with 750 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/views/materials/POOlMaterials.vue
  2. 401
      src/views/suppliesstronger/ProcessSuppliesStrongerList.vue
  3. 205
      src/views/suppliesstronger/modules/ProcessSuppliesStrongerForm.vue
  4. 60
      src/views/suppliesstronger/modules/ProcessSuppliesStrongerModal.vue
  5. 83
      src/views/suppliesstronger/modules/ProcessSuppliesStrongerModal__Style#Drawer.vue

2
src/views/materials/POOlMaterials.vue
Unescape View File

@ -1,5 +1,5 @@
<template>
<div>总库物资库</div>
<div>总库物资</div>
</template>
<script>

401
src/views/suppliesstronger/ProcessSuppliesStrongerList.vue
Unescape View File

@ -0,0 +1,401 @@
<template>
<a-card :bordered="false">
<!-- 查询区域 -->
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<!-- <a-col :xl="6" :lg="7" :md="8" :sm="24">-->
<!-- <a-form-item label="流程表单号">-->
<!-- <a-input placeholder="请输入流程表单号" v-model="queryParam.processId"></a-input>-->
<!-- </a-form-item>-->
<!-- </a-col>-->
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="供应商信息ID">
<a-input placeholder="请输入供应商信息ID" v-model="queryParam.supplierId"></a-input>
</a-form-item>
</a-col>
<template v-if="toggleSearchStatus">
<!-- <a-col :xl="6" :lg="7" :md="8" :sm="24">-->
<!-- <a-form-item label="供应商描述">-->
<!-- <j-search-select-tag placeholder="请选择供应商描述" v-model="queryParam.supplierDescription" dict=",,"/>-->
<!-- </a-form-item>-->
<!-- </a-col>-->
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="物料组">
<j-search-select-tag placeholder="请选择物料组" v-model="queryParam.itemGroup" dict=",,"/>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="物料">
<j-search-select-tag placeholder="请选择物料" v-model="queryParam.item" dict=",,"/>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="物料描述">
<j-search-select-tag placeholder="请选择物料描述" v-model="queryParam.itemDescription" dict=",,"/>
</a-form-item>
</a-col>
<!-- <a-col :xl="6" :lg="7" :md="8" :sm="24">-->
<!-- <a-form-item label="计量单位">-->
<!-- <a-input placeholder="请输入计量单位" v-model="queryParam.unitMeasurement"></a-input>-->
<!-- </a-form-item>-->
<!-- </a-col>-->
<!-- <a-col :xl="6" :lg="7" :md="8" :sm="24">-->
<!-- <a-form-item label="数量">-->
<!-- <a-input placeholder="请输入数量" v-model="queryParam.amount"></a-input>-->
<!-- </a-form-item>-->
<!-- </a-col>-->
<!-- <a-col :xl="6" :lg="7" :md="8" :sm="24">-->
<!-- <a-form-item label="价格">-->
<!-- <a-input placeholder="请输入价格" v-model="queryParam.price"></a-input>-->
<!-- </a-form-item>-->
<!-- </a-col>-->
<!-- <a-col :xl="6" :lg="7" :md="8" :sm="24">-->
<!-- <a-form-item label="金额">-->
<!-- <a-input placeholder="请输入金额" v-model="queryParam.rates"></a-input>-->
<!-- </a-form-item>-->
<!-- </a-col>-->
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="仓储地点_id">
<j-search-select-tag placeholder="请选择仓储地点_id" v-model="queryParam.unitWasteWarehouseCodeId" dict=",,"/>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="存储仓位">
<j-search-select-tag placeholder="请选择存储仓位" v-model="queryParam.freightSpace" dict=",,"/>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="生产时间">
<j-date placeholder="请选择生产时间" v-model="queryParam.productionTime"></j-date>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="保质期">
<j-date placeholder="请选择保质期" v-model="queryParam.expirationDate"></j-date>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="批次">
<j-search-select-tag placeholder="请选择批次" v-model="queryParam.batch" dict=",,"/>
</a-form-item>
</a-col>
<!-- <a-col :xl="6" :lg="7" :md="8" :sm="24">-->
<!-- <a-form-item label="是否到货">-->
<!-- <a-input placeholder="请输入是否到货" v-model="queryParam.arrivalNotice"></a-input>-->
<!-- </a-form-item>-->
<!-- </a-col>-->
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="入库时间">
<j-date placeholder="请选择入库时间" v-model="queryParam.inboundTime"></j-date>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="入库人">
<j-search-select-tag placeholder="请选择入库人" v-model="queryParam.librarySign" dict=",,"/>
</a-form-item>
</a-col>
<!-- <a-col :xl="6" :lg="7" :md="8" :sm="24">-->
<!-- <a-form-item label="核算属性">-->
<!-- <a-input placeholder="请输入核算属性" v-model="queryParam.accountingAttributes"></a-input>-->
<!-- </a-form-item>-->
<!-- </a-col>-->
</template>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
<a @click="handleToggleSearch" style="margin-left: 8px">
{{ toggleSearchStatus ? '收起' : '展开' }}
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
</a>
</span>
</a-col>
</a-row>
</a-form>
</div>
<!-- 查询区域-END -->
<!-- 操作按钮区域 -->
<div class="table-operator">
<a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-button type="primary" icon="download" @click="handleExportXls('物资总库')">导出</a-button>
<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
<a-button type="primary" icon="import">导入</a-button>
</a-upload>
<!-- 高级查询区域 -->
<j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>
<a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu slot="overlay">
<a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu>
<a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
</a-dropdown>
</div>
<!-- table区域-begin -->
<div>
<div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
<i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
<a style="margin-left: 24px" @click="onClearSelected">清空</a>
</div>
<a-table
ref="table"
size="middle"
:scroll="{x:true}"
bordered
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
class="j-table-force-nowrap"
@change="handleTableChange">
<template slot="htmlSlot" slot-scope="text">
<div v-html="text"></div>
</template>
<template slot="imgSlot" slot-scope="text">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
<img v-else :src="getImgView(text)" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
</template>
<template slot="fileSlot" slot-scope="text">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
<a-button
v-else
:ghost="true"
type="primary"
icon="download"
size="small"
@click="downloadFile(text)">
下载
</a-button>
</template>
<span slot="action" slot-scope="text, record">
<a @click="handleEdit(record)">编辑</a>
<a-divider type="vertical" />
<a-dropdown>
<a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
<a-menu slot="overlay">
<a-menu-item>
<a @click="handleDetail(record)">详情</a>
</a-menu-item>
<a-menu-item>
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
<a>删除</a>
</a-popconfirm>
</a-menu-item>
</a-menu>
</a-dropdown>
</span>
</a-table>
</div>
<process-supplies-stronger-modal ref="modalForm" @ok="modalFormOk"></process-supplies-stronger-modal>
</a-card>
</template>
<script>
import '@/assets/less/TableExpand.less'
import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import ProcessSuppliesStrongerModal from './modules/ProcessSuppliesStrongerModal'
import JDate from '@/components/jeecg/JDate.vue'
import JSearchSelectTag from '@/components/dict/JSearchSelectTag'
import JSuperQuery from '@/components/jeecg/JSuperQuery.vue'
export default {
name: 'ProcessSuppliesStrongerList',
mixins:[JeecgListMixin, mixinDevice],
components: {
JDate,
JSearchSelectTag,
ProcessSuppliesStrongerModal,
JSuperQuery,
},
data () {
return {
description: '物资总库管理页面',
// 表头
columns: [
{
title: '#',
dataIndex: '',
key:'rowIndex',
width:60,
align:"center",
customRender:function (t,r,index) {
return parseInt(index)+1;
}
},
{
title:'流程表单号',
align:"center",
dataIndex: 'processId'
},
{
title:'供应商信息ID',
align:"center",
dataIndex: 'supplierId'
},
{
title:'供应商描述',
align:"center",
dataIndex: 'supplierDescription_dictText'
},
{
title:'物料组',
align:"center",
dataIndex: 'itemGroup_dictText'
},
{
title:'物料',
align:"center",
dataIndex: 'item_dictText'
},
{
title:'物料描述',
align:"center",
dataIndex: 'itemDescription_dictText'
},
{
title:'计量单位',
align:"center",
dataIndex: 'unitMeasurement'
},
{
title:'数量',
align:"center",
dataIndex: 'amount'
},
{
title:'价格',
align:"center",
dataIndex: 'price'
},
{
title:'金额',
align:"center",
dataIndex: 'rates'
},
{
title:'仓储地点_id',
align:"center",
dataIndex: 'unitWasteWarehouseCodeId_dictText'
},
{
title:'存储仓位',
align:"center",
dataIndex: 'freightSpace_dictText'
},
{
title:'生产时间',
align:"center",
dataIndex: 'productionTime',
customRender:function (text) {
return !text?"":(text.length>10?text.substr(0,10):text)
}
},
{
title:'保质期',
align:"center",
dataIndex: 'expirationDate',
customRender:function (text) {
return !text?"":(text.length>10?text.substr(0,10):text)
}
},
{
title:'批次',
align:"center",
dataIndex: 'batch_dictText'
},
{
title:'是否到货',
align:"center",
dataIndex: 'arrivalNotice'
},
{
title:'入库时间',
align:"center",
dataIndex: 'inboundTime',
customRender:function (text) {
return !text?"":(text.length>10?text.substr(0,10):text)
}
},
{
title:'入库人',
align:"center",
dataIndex: 'librarySign_dictText'
},
{
title:'核算属性',
align:"center",
dataIndex: 'accountingAttributes'
},
{
title: '操作',
dataIndex: 'action',
align:"center",
fixed:"right",
width:147,
scopedSlots: { customRender: 'action' }
}
],
url: {
list: "/suppliesstronger/processSuppliesStronger/list",
delete: "/suppliesstronger/processSuppliesStronger/delete",
deleteBatch: "/suppliesstronger/processSuppliesStronger/deleteBatch",
exportXlsUrl: "/suppliesstronger/processSuppliesStronger/exportXls",
importExcelUrl: "suppliesstronger/processSuppliesStronger/importExcel",
},
dictOptions:{},
superFieldList:[],
}
},
created() {
this.getSuperFieldList();
},
computed: {
importExcelUrl: function(){
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
},
},
methods: {
initDictConfig(){
},
getSuperFieldList(){
let fieldList=[];
fieldList.push({type:'string',value:'processId',text:'流程表单号',dictCode:''})
fieldList.push({type:'string',value:'supplierId',text:'供应商信息ID',dictCode:''})
fieldList.push({type:'sel_search',value:'supplierDescription',text:'供应商描述',dictTable:'', dictText:'', dictCode:''})
fieldList.push({type:'sel_search',value:'itemGroup',text:'物料组',dictTable:'', dictText:'', dictCode:''})
fieldList.push({type:'sel_search',value:'item',text:'物料',dictTable:'', dictText:'', dictCode:''})
fieldList.push({type:'sel_search',value:'itemDescription',text:'物料描述',dictTable:'', dictText:'', dictCode:''})
fieldList.push({type:'string',value:'unitMeasurement',text:'计量单位',dictCode:''})
fieldList.push({type:'int',value:'amount',text:'数量',dictCode:''})
fieldList.push({type:'BigDecimal',value:'price',text:'价格',dictCode:''})
fieldList.push({type:'BigDecimal',value:'rates',text:'金额',dictCode:''})
fieldList.push({type:'sel_search',value:'unitWasteWarehouseCodeId',text:'仓储地点_id',dictTable:'', dictText:'', dictCode:''})
fieldList.push({type:'sel_search',value:'freightSpace',text:'存储仓位',dictTable:'', dictText:'', dictCode:''})
fieldList.push({type:'date',value:'productionTime',text:'生产时间'})
fieldList.push({type:'date',value:'expirationDate',text:'保质期'})
fieldList.push({type:'sel_search',value:'batch',text:'批次',dictTable:'', dictText:'', dictCode:''})
fieldList.push({type:'int',value:'arrivalNotice',text:'是否到货',dictCode:''})
fieldList.push({type:'date',value:'inboundTime',text:'入库时间'})
fieldList.push({type:'sel_search',value:'librarySign',text:'入库人',dictTable:'', dictText:'', dictCode:''})
fieldList.push({type:'string',value:'accountingAttributes',text:'核算属性',dictCode:''})
this.superFieldList = fieldList
}
}
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>

205
src/views/suppliesstronger/modules/ProcessSuppliesStrongerForm.vue
Unescape View File

@ -0,0 +1,205 @@
<template>
<a-spin :spinning="confirmLoading">
<j-form-container :disabled="formDisabled">
<a-form :form="form" slot="detail">
<a-row>
<a-col :span="6">
<a-form-item label="物料组" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-search-select-tag v-decorator="['itemGroup']" dict="" />
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="物料" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-search-select-tag v-decorator="['item']" dict="" />
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="物料描述" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-search-select-tag v-decorator="['itemDescription']" dict="" />
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="仓储地点_id" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-search-select-tag v-decorator="['unitWasteWarehouseCodeId']" dict="" />
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="存储仓位" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-search-select-tag v-decorator="['freightSpace']" dict="" />
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="生产时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date placeholder="请选择生产时间" v-decorator="['productionTime']" :trigger-change="true" style="width: 100%" />
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="保质期" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date placeholder="请选择保质期" v-decorator="['expirationDate']" :trigger-change="true" style="width: 100%" />
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="批次" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-search-select-tag v-decorator="['batch']" dict="" />
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="入库时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date placeholder="请选择入库时间" v-decorator="['inboundTime']" :trigger-change="true" style="width: 100%" />
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="入库人" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-search-select-tag v-decorator="['librarySign']" dict="" />
</a-form-item>
</a-col>
<a-col v-if="showFlowSubmitButton" :span="24" style="text-align: center">
<a-button @click="submitForm">提 交</a-button>
</a-col>
</a-row>
</a-form>
</j-form-container>
</a-spin>
</template>
<script>
import { httpAction, getAction } from '@/api/manage'
import pick from 'lodash.pick'
import { validateDuplicateValue } from '@/utils/util'
import JFormContainer from '@/components/jeecg/JFormContainer'
import JDate from '@/components/jeecg/JDate'
import JSearchSelectTag from '@/components/dict/JSearchSelectTag'
export default {
name: 'ProcessSuppliesStrongerForm',
components: {
JFormContainer,
JDate,
JSearchSelectTag,
},
props: {
//流程表单data
formData: {
type: Object,
default: ()=>{},
required: false
},
//表单模式：true流程表单 false普通表单
formBpm: {
type: Boolean,
default: false,
required: false
},
//表单禁用
disabled: {
type: Boolean,
default: false,
required: false
}
},
data () {
return {
form: this.$form.createForm(this),
model: {},
labelCol: {
xs: { span: 24 },
sm: { span: 5 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
confirmLoading: false,
validatorRules: {
},
url: {
add: "/suppliesstronger/processSuppliesStronger/add",
edit: "/suppliesstronger/processSuppliesStronger/edit",
queryById: "/suppliesstronger/processSuppliesStronger/queryById"
}
}
},
computed: {
formDisabled(){
if(this.formBpm===true){
if(this.formData.disabled===false){
return false
}
return true
}
return this.disabled
},
showFlowSubmitButton(){
if(this.formBpm===true){
if(this.formData.disabled===false){
return true
}
}
return false
}
},
created () {
//如果流程中表单，则需要加载流程表单data
this.showFlowData();
},
methods: {
add () {
this.edit({});
},
edit (record) {
this.form.resetFields();
this.model = Object.assign({}, record);
this.visible = true;
this.$nextTick(() => {
this.form.setFieldsValue(pick(this.model,'processId','supplierId','supplierDescription','itemGroup','item','itemDescription','unitMeasurement','amount','price','rates','unitWasteWarehouseCodeId','freightSpace','productionTime','expirationDate','batch','arrivalNotice','inboundTime','librarySign','accountingAttributes'))
})
},
//渲染流程表单数据
showFlowData(){
if(this.formBpm === true){
let params = {id:this.formData.dataId};
getAction(this.url.queryById,params).then((res)=>{
if(res.success){
this.edit (res.result);
}
});
}
},
submitForm () {
const that = this;
// 触发表单验证
this.form.validateFields((err, values) => {
if (!err) {
that.confirmLoading = true;
let httpurl = '';
let method = '';
if(!this.model.id){
httpurl+=this.url.add;
method = 'post';
}else{
httpurl+=this.url.edit;
method = 'put';
}
let formData = Object.assign(this.model, values);
console.log("表单提交数据",formData)
httpAction(httpurl,formData,method).then((res)=>{
if(res.success){
that.$message.success(res.message);
that.$emit('ok');
}else{
that.$message.warning(res.message);
}
}).finally(() => {
that.confirmLoading = false;
})
}
})
},
popupCallback(row){
this.form.setFieldsValue(pick(row,'processId','supplierId','supplierDescription','itemGroup','item','itemDescription','unitMeasurement','amount','price','rates','unitWasteWarehouseCodeId','freightSpace','productionTime','expirationDate','batch','arrivalNotice','inboundTime','librarySign','accountingAttributes'))
},
}
}
</script>

60
src/views/suppliesstronger/modules/ProcessSuppliesStrongerModal.vue
Unescape View File

@ -0,0 +1,60 @@
<template>
<j-modal
:title="title"
:width="width"
:visible="visible"
switchFullscreen
@ok="handleOk"
:okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
@cancel="handleCancel"
cancelText="关闭">
<process-supplies-stronger-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></process-supplies-stronger-form>
</j-modal>
</template>
<!---->
<script>
import ProcessSuppliesStrongerForm from './ProcessSuppliesStrongerForm'
export default {
name: 'ProcessSuppliesStrongerModal',
components: {
ProcessSuppliesStrongerForm
},
data () {
return {
title:'',
width:1280,
visible: false,
disableSubmit: false
}
},
methods: {
add () {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.add();
})
},
edit (record) {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.edit(record);
})
},
close () {
this.$emit('close');
this.visible = false;
},
handleOk () {
this.$refs.realForm.submitForm();
},
submitCallback(){
this.$emit('ok');
this.visible = false;
},
handleCancel () {
this.close()
}
}
}
</script>

83
src/views/suppliesstronger/modules/ProcessSuppliesStrongerModal__Style#Drawer.vue
Unescape View File

@ -0,0 +1,83 @@
<template>
<a-drawer
:title="title"
:width="width"
placement="right"
:closable="false"
@close="close"
:visible="visible">
<process-supplies-stronger-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></process-supplies-stronger-form>
<div class="drawer-footer">
<a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
<a-button v-if="!disableSubmit" @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
</div>
</a-drawer>
</template>
<!---->
<script>
import ProcessSuppliesStrongerForm from './ProcessSuppliesStrongerForm'
export default {
name: 'ProcessSuppliesStrongerModal',
components: {
ProcessSuppliesStrongerForm
},
data () {
return {
title:"操作",
width:1280,
visible: false,
disableSubmit: false
}
},
methods: {
add () {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.add();
})
},
edit (record) {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.edit(record);
});
},
close () {
this.$emit('close');
this.visible = false;
},
submitCallback(){
this.$emit('ok');
this.visible = false;
},
handleOk () {
this.$refs.realForm.submitForm();
},
handleCancel () {
this.close()
}
}
}
</script>
<style lang="less" scoped>
/** Button按钮间距 */
.ant-btn {
margin-left: 30px;
margin-bottom: 30px;
float: right;
}
.drawer-footer{
position: absolute;
bottom: -8px;
width: 100%;
border-top: 1px solid #e8e8e8;
padding: 10px 16px;
text-align: right;
left: 0;
background: #fff;
border-radius: 0 0 2px 2px;
}
</style>
Write Preview
Loading…
Cancel
Save