¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <a-modal |
| | | :title="title" |
| | | :width="800" |
| | | :visible="visible" |
| | | :confirmLoading="confirmLoading" |
| | | @ok="handleOk" |
| | | @cancel="handleCancel" |
| | | cancelText="å
³é"> |
| | | |
| | | <a-spin :spinning="confirmLoading"> |
| | | <a-form :form="form"> |
| | | |
| | | <a-form-item |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="ç¨æ·å"> |
| | | <a-input placeholder="请è¾å
¥ç¨æ·å" v-decorator="['userName', {}]" readOnly/> |
| | | </a-form-item> |
| | | <a-form-item |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="代çäººç¨æ·å"> |
| | | <j-select-user-by-dep placeholder="请è¾å
¥ä»£çäººç¨æ·å" v-decorator="['agentUserName', validatorRules.agentUserName]" :trigger-change="true"></j-select-user-by-dep> |
| | | </a-form-item> |
| | | <a-form-item |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="代çå¼å§æ¶é´"> |
| | | <j-date |
| | | v-decorator="[ 'startTime', validatorRules.startTime]" |
| | | :trigger-change="true" |
| | | :showTime="true" |
| | | date-format="YYYY-MM-DD HH:mm:ss" |
| | | style="width:100%" |
| | | placeholder="è¯·éæ©å¼å§æ¶é´" > |
| | | </j-date> |
| | | </a-form-item> |
| | | <a-form-item |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="代çç»ææ¶é´"> |
| | | <j-date |
| | | v-decorator="[ 'endTime', validatorRules.endTime]" |
| | | :trigger-change="true" |
| | | :showTime="true" |
| | | date-format="YYYY-MM-DD HH:mm:ss" |
| | | style="width:100%" |
| | | placeholder="è¯·éæ©ç»ææ¶é´" > |
| | | </j-date> |
| | | </a-form-item> |
| | | <a-form-item |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="ç¶æ"> |
| | | <a-radio-group class="fontiframe" name="radioGroup" v-decorator="[ 'status', {}]"> |
| | | <a-radio class="radioGroup" value="1">ææ</a-radio> |
| | | <a-radio class="radioGroup" value="0">æ æ</a-radio> |
| | | </a-radio-group> |
| | | </a-form-item> |
| | | |
| | | </a-form> |
| | | |
| | | </a-spin> |
| | | </a-modal> |
| | | </template> |
| | | |
| | | <script> |
| | | import pick from 'lodash.pick' |
| | | import { httpAction, getAction } from '@/api/manage' |
| | | import JDate from '@/components/jeecg/JDate.vue'; |
| | | import JSelectUserByDep from '@/components/jeecgbiz/JSelectUserByDep' |
| | | |
| | | export default { |
| | | name: "SysUserAgentModal", |
| | | components: { |
| | | JDate, |
| | | JSelectUserByDep |
| | | }, |
| | | data () { |
| | | return { |
| | | title:"æä½", |
| | | visible: false, |
| | | model: {}, |
| | | labelCol: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 5 }, |
| | | }, |
| | | wrapperCol: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 16 }, |
| | | }, |
| | | username:"", |
| | | confirmLoading: false, |
| | | form: this.$form.createForm(this), |
| | | validatorRules:{ |
| | | agentUserName:{rules: [{ required: true, message: '请è¾å
¥ä»£çäººç¨æ·å!' }]}, |
| | | startTime:{rules: [{ required: true, message: '请è¾å
¥ä»£çå¼å§æ¶é´!' }]}, |
| | | endTime:{rules: [{ required: true, message: '请è¾å
¥ä»£çç»ææ¶é´!' }]}, |
| | | }, |
| | | url: { |
| | | add: "/sys/sysUserAgent/add", |
| | | edit: "/sys/sysUserAgent/edit", |
| | | queryByUserName:"/sys/sysUserAgent/queryByUserName", |
| | | }, |
| | | } |
| | | }, |
| | | created () { |
| | | }, |
| | | methods: { |
| | | agentSettings(username){ |
| | | this.username = username; |
| | | this.init(); |
| | | |
| | | }, |
| | | init () { |
| | | var params = {userName:this.username};//æ¥è¯¢æ¡ä»¶ |
| | | getAction(this.url.queryByUserName,params).then((res)=>{ |
| | | if(res.success){ |
| | | console.log("è·åæµç¨èç¹ä¿¡æ¯",res); |
| | | this.edit (res.result); |
| | | }else{ |
| | | this.edit({userName:this.username,status:"0"}); |
| | | } |
| | | }) |
| | | }, |
| | | edit (record) { |
| | | this.form.resetFields(); |
| | | this.model = Object.assign({}, record); |
| | | this.visible = true; |
| | | this.$nextTick(() => { |
| | | this.form.setFieldsValue(pick(this.model,'userName','agentUserName','status','startTime','endTime')) |
| | | }); |
| | | }, |
| | | close () { |
| | | this.$emit('close'); |
| | | this.visible = false; |
| | | }, |
| | | handleOk () { |
| | | 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); |
| | | httpAction(httpurl,formData,method).then((res)=>{ |
| | | if(res.success){ |
| | | that.$message.success(res.message); |
| | | //this.init(); |
| | | }else{ |
| | | that.$message.warning(res.message); |
| | | } |
| | | }).finally(() => { |
| | | that.confirmLoading = false; |
| | | that.close(); |
| | | }) |
| | | |
| | | |
| | | |
| | | } |
| | | }) |
| | | }, |
| | | handleCancel () { |
| | | this.close() |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |