|  |  |  | 
|---|
|  |  |  | @confirm="confirm"> | 
|---|
|  |  |  | <div class="main"> | 
|---|
|  |  |  | <div class="main_content"> | 
|---|
|  |  |  | <el-form :model="form" label-position="top" ref="paramRef" :rules="rules"> | 
|---|
|  |  |  | <el-form :model="form" label-position="top" ref="form" :rules="rules"> | 
|---|
|  |  |  | <div class="head"> | 
|---|
|  |  |  | <div class="m_title">流水信息</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-form-item label="计费周期" required> | 
|---|
|  |  |  | <el-input v-model="form.date" disabled placeholder="请输入" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="应收金额" prop="receivableFee"> | 
|---|
|  |  |  | <el-input v-model="form.receivableFee" placeholder="请输入" v-trim /> | 
|---|
|  |  |  | <el-form-item label="应收金额" required> | 
|---|
|  |  |  | <el-input v-model="form.receivableFee" disabled placeholder="请输入" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="实收金额" prop="actReceivableFee"> | 
|---|
|  |  |  | <el-input v-model="form.actReceivableFee" placeholder="请输入" v-trim /> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import GlobalWindow from '@/components/common/GlobalWindow' | 
|---|
|  |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
|---|
|  |  |  | import { rules } from './config' | 
|---|
|  |  |  | import { ywAccountList } from '@/api/bill' | 
|---|
|  |  |  | import { create } from '@/api/ywContractRevenue' | 
|---|
|  |  |  | import { Message, Loading } from 'element-ui' | 
|---|
|  |  |  | 
|---|
|  |  |  | contractId: '', | 
|---|
|  |  |  | startDate: '', | 
|---|
|  |  |  | endDate: '', | 
|---|
|  |  |  | receivableFee: '', | 
|---|
|  |  |  | date: '', | 
|---|
|  |  |  | companyId: '', | 
|---|
|  |  |  | actReceivableFee: '', | 
|---|
|  |  |  | 
|---|
|  |  |  | multifileList: [], | 
|---|
|  |  |  | costTypeName: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | rules, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | receivableFee: [ | 
|---|
|  |  |  | { required: true, message: '请输入', trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | actPayDate: [ | 
|---|
|  |  |  | { required: true, message: '请选择', trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | payType: [ | 
|---|
|  |  |  | { required: true, message: '请选择', trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | accountId: [ | 
|---|
|  |  |  | { required: true, message: '请选择', trigger: 'blur' } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | loadingInstance: null, | 
|---|
|  |  |  | uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/visitsAdmin/cloudService/public/uploadBatch', | 
|---|
|  |  |  | uploadData: { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | confirm () { | 
|---|
|  |  |  | create(this.form) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | console.log(res) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.$refs.form.validate((valid) => { | 
|---|
|  |  |  | if (!valid) return | 
|---|
|  |  |  | this.isWorking = true | 
|---|
|  |  |  | create(this.form) | 
|---|
|  |  |  | .then(() => { | 
|---|
|  |  |  | this.visible = false | 
|---|
|  |  |  | this.$tip.apiSuccess('创建成功') | 
|---|
|  |  |  | this.$emit('success') | 
|---|
|  |  |  | this.$emit('refresh') | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .finally(() => { | 
|---|
|  |  |  | this.isWorking = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleRent() { | 
|---|
|  |  |  | this.$refs.MemberSearchRef.openModal() | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | const item = file.data[0] | 
|---|
|  |  |  | console.log(item) | 
|---|
|  |  |  | this.form.multifileList.push({ ...item, fileurl: item.imgaddr, name: item.originname, userName: this.userInfo.realname, createTime: this.getDay() }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | close() { | 
|---|
|  |  |  | 
|---|
|  |  |  | this.title = title | 
|---|
|  |  |  | this.visible = true | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs.form.resetFields(); | 
|---|
|  |  |  | for (const key in this.form) { | 
|---|
|  |  |  | this.form[key] = target[key] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | console.log(this.form) | 
|---|
|  |  |  | this.getDates(target.companyId) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|