Skip to content

M
mingPayPc
Commit f1816078 by liang ce
Options

测试

parent ab321d4a
Showing with 55 additions and 48 deletions
src/components/pages/PaymentManagement/AllowancePayment.vue
...@@ -34,54 +34,56 @@ ...@@ -34,54 +34,56 @@
<a href="javascript:;" @click="toAllowanceDetails(record, text, index)">查看详情</a> <a href="javascript:;" @click="toAllowanceDetails(record, text, index)">查看详情</a>
</span> </span>
</a-table> </a-table>
<a-modal title="发放津贴" v-model="visible" @ok="createSubsidy()"> <a-spin :spinning="spinning" :delay="delayTime">
<a-form :form="form"> <a-modal title="发放津贴" v-model="visible" @ok="createSubsidy()">
<a-form-item <a-form :form="form">
v-bind="formItemLayout" <a-form-item
label="发放类型" v-bind="formItemLayout"
has-feedback label="发放类型"
> has-feedback
<a-select
v-decorator="[
'select',
{rules: [{ required: true, message: ' 津贴类型' }]}
]"
placeholder="请选择津贴类型"
> >
<a-select-option value="travel"> <a-select
交通补助 v-decorator="[
</a-select-option> 'select',
<a-select-option value="meal"> {rules: [{ required: true, message: ' 津贴类型' }]}
餐补 ]"
</a-select-option> placeholder="请选择津贴类型"
</a-select> >
</a-form-item> <a-select-option value="travel">
<a-form-item label="发放金额" v-bind="formItemLayout" > 交通补助
<a-input </a-select-option>
v-decorator="['orderPrice',{rules: [{required: true, message: '充值金额不能为空'}, {validator: rechargeNum}]}]" <a-select-option value="meal">
/> 餐补
</a-form-item> </a-select-option>
<a-form-item </a-select>
v-bind="formItemLayout" </a-form-item>
label="截止日期" <a-form-item label="发放金额" v-bind="formItemLayout" >
> <a-input
<a-date-picker v-decorator="['orderPrice',{rules: [{required: true, message: '充值金额不能为空'}, {validator: rechargeNum}]}]"
placeholder="请选择截止日期" />
:disabledDate="disabledDate" </a-form-item>
:showToday="false" <a-form-item
v-decorator="['date-picker', config]" v-bind="formItemLayout"
/> label="截止日期"
</a-form-item> >
<a-form-item label="选择成员" v-bind="formItemLayout"> <a-date-picker
<div class="peopleBox" @click="choosePeople()"> placeholder="请选择截止日期"
{{ peopleListStr() }} :disabledDate="disabledDate"
</div> :showToday="false"
</a-form-item> v-decorator="['date-picker', config]"
<a-form-item label="备注" v-bind="formItemLayout" > />
<a-textarea v-decorator="['remark', {rules: [{ required: true, message: '备注不能为空' }]}]"/> </a-form-item>
</a-form-item> <a-form-item label="选择成员" v-bind="formItemLayout">
</a-form> <div class="peopleBox" @click="choosePeople()">
</a-modal> {{ peopleListStr() }}
</div>
</a-form-item>
<a-form-item label="备注" v-bind="formItemLayout" >
<a-textarea v-decorator="['remark', {rules: [{ required: true, message: '备注不能为空' }]}]"/>
</a-form-item>
</a-form>
</a-modal>
</a-spin>
</div> </div>
</template> </template>
...@@ -94,6 +96,8 @@ export default { ...@@ -94,6 +96,8 @@ export default {
name: 'AllowancePayment', name: 'AllowancePayment',
data () { data () {
return { return {
spinning: false,
delayTime: 100,
formItemLayout: { formItemLayout: {
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
...@@ -274,6 +278,7 @@ export default { ...@@ -274,6 +278,7 @@ export default {
return str.substring(0, str.length - 1) return str.substring(0, str.length - 1)
}, },
createSubsidy () { createSubsidy () {
this.spinning = true;
this.form.validateFields((err, fieldsValue) => { this.form.validateFields((err, fieldsValue) => {
if (err) { if (err) {
return return
...@@ -307,6 +312,7 @@ export default { ...@@ -307,6 +312,7 @@ export default {
this.userIdListObj = [] this.userIdListObj = []
this.departmentIdListObj = [] this.departmentIdListObj = []
this.$message.success('发放成功') this.$message.success('发放成功')
this.spinning = false;
this.queryRecordList() this.queryRecordList()
} else { } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
......
src/main.js
...@@ -2,7 +2,7 @@ import Vue from 'vue' ...@@ -2,7 +2,7 @@ import Vue from 'vue'
import App from './App.vue' import App from './App.vue'
import router from './router' import router from './router'
import store from './store' import store from './store'
import { Menu, Layout, Breadcrumb, Icon, Button, DatePicker, Input, Table, Tag, Divider, Dropdown, Modal, Form, Select, message, Pagination, LocaleProvider } from 'ant-design-vue' import { Menu, Layout, Breadcrumb, Icon, Button, DatePicker, Input, Table, Tag, Divider, Dropdown, Modal, Form, Select, message, Pagination, LocaleProvider, Spin } from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css' import 'ant-design-vue/dist/antd.css'
import { config } from './api/config' import { config } from './api/config'
import axios from 'axios' import axios from 'axios'
...@@ -11,6 +11,7 @@ import qs from 'qs' ...@@ -11,6 +11,7 @@ import qs from 'qs'
Vue.use(Layout) Vue.use(Layout)
Vue.use(LocaleProvider) Vue.use(LocaleProvider)
Vue.use(Menu) Vue.use(Menu)
Vue.use(Spin)
Vue.use(Breadcrumb) Vue.use(Breadcrumb)
Vue.use(Icon) Vue.use(Icon)
Vue.use(Button) Vue.use(Button)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment