|
|
|
@ -13,15 +13,25 @@
|
|
|
|
|
<el-form ref="formRef" :model="dataForm" :rules="dataRule" size="small" label-width="100px"
|
|
|
|
|
label-position="right">
|
|
|
|
|
<template v-if="!loading">
|
|
|
|
|
<!-- 具体表单 -->
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="账单号" prop="billNumbe">
|
|
|
|
|
<JnpfInput v-model="dataForm.billNumbe" @change="changeData('billNumbe', -1)"
|
|
|
|
|
placeholder="自动生成" disabled clearable :style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="合同名称" prop="contractId">
|
|
|
|
|
<JnpfPopupSelect v-model="dataForm.contractId" @change="changeData('contractId', -1)"
|
|
|
|
|
:rowIndex="null" :formData="dataForm" :templateJson="interfaceRes.contractId"
|
|
|
|
|
placeholder="请选择合同" propsValue="id" popupWidth="800px" popupTitle="选择数据"
|
|
|
|
|
popupType="dialog" relationField='contract_name' field='contractId'
|
|
|
|
|
interfaceId="585391932604156741" :pageSize="20"
|
|
|
|
|
:columnOptions="contractIdcolumnOptions" disabled clearable :style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfPopupSelect>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="账单状态" prop="billStatus">
|
|
|
|
|
<JnpfSelect v-model="dataForm.billStatus" @change="changeData('billStatus', -1)"
|
|
|
|
|
placeholder="请选择账单状态" clearable :style='{ "width": "100%" }'
|
|
|
|
@ -29,7 +39,69 @@
|
|
|
|
|
</JnpfSelect>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="商户名称" prop="merchantId">
|
|
|
|
|
<JnpfInput v-model="dataForm.merchantName" @change="changeData('merchantId', -1)"
|
|
|
|
|
placeholder="选择合同自动生成" disabled clearable :style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="开始时间" prop="startTime">
|
|
|
|
|
<JnpfDatePicker v-model="dataForm.startTime" @change="changeData('startTime', -1)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')" :endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="请选择开始时间" disabled clearable :style='{ "width": "100%" }' type="date"
|
|
|
|
|
format="yyyy-MM-dd">
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="结束时间" prop="endTime">
|
|
|
|
|
<JnpfDatePicker v-model="dataForm.endTime" @change="changeData('endTime', -1)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')" :endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="请选择结束时间" disabled clearable :style='{ "width": "100%" }' type="date"
|
|
|
|
|
format="yyyy-MM-dd">
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="账单金额" prop="billAmount">
|
|
|
|
|
<JnpfInputNumber v-model="dataForm.billAmount" @change="changeData('billAmount', -1)"
|
|
|
|
|
placeholder="账单金额" :step="1" :min="0" disabled>
|
|
|
|
|
</JnpfInputNumber>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="通知方式" prop="notificationMethod">
|
|
|
|
|
<JnpfSelect v-model="dataForm.notificationMethod"
|
|
|
|
|
@change="changeData('notificationMethod', -1)" placeholder="请选择通知方式" disabled clearable
|
|
|
|
|
:style='{ "width": "100%" }' :options="notificationMethodOptions"
|
|
|
|
|
:props="notificationMethodProps">
|
|
|
|
|
</JnpfSelect>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="通知时间" prop="noticeTime">
|
|
|
|
|
<JnpfDatePicker v-model="dataForm.noticeTime" @change="changeData('noticeTime', -1)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')" :endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="请选择通知时间" disabled clearable :style='{ "width": "100%" }' type="date"
|
|
|
|
|
format="yyyy-MM-dd">
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="通知状态" prop="notificationState">
|
|
|
|
|
<JnpfSelect v-model="dataForm.notificationState"
|
|
|
|
|
@change="changeData('notificationState', -1)" placeholder="请选择通知状态" disabled clearable
|
|
|
|
|
:style='{ "width": "100%" }' :options="notificationStateOptions"
|
|
|
|
|
:props="notificationStateProps">
|
|
|
|
|
</JnpfSelect>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="支付方式" prop="payStatus">
|
|
|
|
|
<JnpfSelect v-model="dataForm.payStatus" @change="changeData('payStatus', -1)"
|
|
|
|
|
placeholder="请选择支付方式" clearable :style='{ "width": "100%" }'
|
|
|
|
@ -37,14 +109,32 @@
|
|
|
|
|
</JnpfSelect>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="支付金额" prop="payAmount">
|
|
|
|
|
<JnpfInputNumber v-model="dataForm.payAmount" @change="changeData('payAmount', -1)"
|
|
|
|
|
placeholder="支付金额" :step="1">
|
|
|
|
|
placeholder="支付金额" :step="1" :min="0">
|
|
|
|
|
</JnpfInputNumber>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="确认人" prop="confirmPersonnel">
|
|
|
|
|
<JnpfInput v-model="dataForm.confirmPersonnel"
|
|
|
|
|
@change="changeData('confirmPersonnel', -1)" placeholder="确认时自动带入" disabled disabled
|
|
|
|
|
clearable :style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="确认时间" prop="confirmTime">
|
|
|
|
|
<JnpfDatePicker v-model="dataForm.confirmTime" @change="changeData('confirmTime', -1)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')" :endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="此单据确认的时间" disabled clearable :style='{ "width": "100%" }' type="date"
|
|
|
|
|
format="yyyy-MM-dd">
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<jnpf-form-tip-item label="相关附件" prop="billAttachment">
|
|
|
|
|
<JnpfUploadFile v-model="dataForm.billAttachment"
|
|
|
|
|
@change="changeData('billAttachment', -1)" :fileSize="10" sizeUnit="MB" :limit="9"
|
|
|
|
@ -52,6 +142,301 @@
|
|
|
|
|
</JnpfUploadFile>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-tabs v-model="activegecbmb" tab-position="top" class="mb-20">
|
|
|
|
|
<el-tab-pane label="空间租金" name="1">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<jnpf-form-tip-item label-width="0">
|
|
|
|
|
<el-table :data="dataForm.billspacedetailList" size='mini'>
|
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center" />
|
|
|
|
|
<el-table-column label="空间编码" prop="spaceNumber">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>空间编码
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.spaceNumber"
|
|
|
|
|
@change="changeData('billspacedetail-spaceNumber', scope.$index)"
|
|
|
|
|
placeholder="添加自动带入" disabled clearable
|
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="空间名称" prop="spaceId">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>空间名称
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.spaceId"
|
|
|
|
|
@change="changeData('billspacedetail-spaceId', scope.$index)"
|
|
|
|
|
placeholder="添加自动带入" disabled clearable
|
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column label="开始时间" prop="startTime">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>开始时间
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfDatePicker v-model="scope.row.startTime"
|
|
|
|
|
@change="changeData('billspacedetail-startTime', scope.$index)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
:endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="添加自动带入" disabled clearable
|
|
|
|
|
:style='{ "width": "100%" }' type="date"
|
|
|
|
|
format="yyyy-MM-dd">
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column label="结束时间" prop="endTime">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>结束时间
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfDatePicker v-model="scope.row.endTime"
|
|
|
|
|
@change="changeData('billspacedetail-endTime', scope.$index)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
:endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="请选择结束时间" disabled clearable :style='{ "width": "100%" }'
|
|
|
|
|
type="date" format="yyyy-MM-dd">
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="账单金额" prop="billAmount">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>账单金额
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInputNumber v-model="scope.row.billAmount"
|
|
|
|
|
@change="changeData('billspacedetail-billAmount', scope.$index)"
|
|
|
|
|
placeholder="账单金额" :step="1" :min="0" disabled>
|
|
|
|
|
</JnpfInputNumber>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="费用说明" prop="costDescription">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>费用说明
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfTextarea v-model="scope.row.costDescription"
|
|
|
|
|
@change="changeData('billspacedetail-costDescription', scope.$index)"
|
|
|
|
|
placeholder="请输入费用说明" :style='{ "width": "100%" }' true
|
|
|
|
|
type="textarea" :autosize='{ "minRows": 4, "maxRows": 4 }' disabled>
|
|
|
|
|
</JnpfTextarea>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- <el-table-column label="操作" width="50">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button size="mini" type="text" class="JNPF-table-delBtn"
|
|
|
|
|
@click="delbillspacedetailList(scope.$index)">删除</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column> -->
|
|
|
|
|
</el-table>
|
|
|
|
|
<!-- <div class="table-actions" @click="choiceSpaces()">
|
|
|
|
|
<el-button type="text" icon="el-icon-plus">添加</el-button>
|
|
|
|
|
</div> -->
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
<el-tab-pane label="设备租金" name="2">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<jnpf-form-tip-item label-width="0">
|
|
|
|
|
<div class="JNPF-common-title">
|
|
|
|
|
<h2></h2>
|
|
|
|
|
</div>
|
|
|
|
|
<el-table :data="dataForm.billdevicedeatialList" size='mini'>
|
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center" />
|
|
|
|
|
<el-table-column label="租赁单号" prop="leaseNumber">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>租赁单号
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.leaseNumber"
|
|
|
|
|
@change="changeData('billdevicedeatial-leaseNumber', scope.$index)"
|
|
|
|
|
placeholder="添加自动带入" disabled clearable
|
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="设备编码" prop="equipmentNumber">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>设备编码
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.equipmentNumber"
|
|
|
|
|
@change="changeData('billdevicedeatial-equipmentNumber', scope.$index)"
|
|
|
|
|
placeholder="添加自动带入" disabled clearable
|
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="设备名称" prop="equipmentName">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>设备名称
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.equipmentName"
|
|
|
|
|
@change="changeData('billdevicedeatial-equipmentName', scope.$index)"
|
|
|
|
|
placeholder="添加自动带入" disabled clearable
|
|
|
|
|
:style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column label="开始时间" prop="startTime">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>开始时间
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfDatePicker v-model="scope.row.startTime"
|
|
|
|
|
@change="changeData('billdevicedeatial-startTime', scope.$index)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
:endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="请选择开始时间" disabled clearable :style='{ "width": "100%" }'
|
|
|
|
|
type="date" format="yyyy-MM-dd">
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column label="结束时间" prop="endTime">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>结束时间
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfDatePicker v-model="scope.row.endTime"
|
|
|
|
|
@change="changeData('billdevicedeatial-endTime', scope.$index)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
:endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="请选择结束时间" disabled clearable :style='{ "width": "100%" }'
|
|
|
|
|
type="date" format="yyyy-MM-dd">
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="账单金额" prop="billAmount">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>账单金额
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInputNumber v-model="scope.row.billAmount"
|
|
|
|
|
@change="changeData('billdevicedeatial-billAmount', scope.$index)"
|
|
|
|
|
placeholder="账单金额" :step="1" :min="0" disabled>
|
|
|
|
|
</JnpfInputNumber>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="费用说明" prop="costDescription">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>费用说明
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfTextarea v-model="scope.row.costDescription"
|
|
|
|
|
@change="changeData('billdevicedeatial-costDescription', scope.$index)"
|
|
|
|
|
placeholder="请输入费用说明" :style='{ "width": "100%" }' true
|
|
|
|
|
type="textarea" :autosize='{ "minRows": 4, "maxRows": 4 }' disabled>
|
|
|
|
|
</JnpfTextarea>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- <el-table-column label="操作" width="50">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button size="mini" type="text" class="JNPF-table-delBtn"
|
|
|
|
|
@click="delbilldevicedeatialList(scope.$index)">删除</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column> -->
|
|
|
|
|
</el-table>
|
|
|
|
|
<!-- <div class="table-actions" @click="choicedevices()">
|
|
|
|
|
<el-button type="text" icon="el-icon-plus">添加</el-button>
|
|
|
|
|
</div> -->
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
<el-tab-pane label="其它费用" name="3KzarC2">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<jnpf-form-tip-item label-width="0">
|
|
|
|
|
<div class="JNPF-common-title">
|
|
|
|
|
<h2></h2>
|
|
|
|
|
</div>
|
|
|
|
|
<el-table :data="dataForm.billotherdeatialList" size='mini'>
|
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center" />
|
|
|
|
|
<el-table-column label="使用量" prop="useAmount">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>使用量
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInput v-model="scope.row.useAmount"
|
|
|
|
|
@change="changeData('billotherdeatial-useAmount', scope.$index)"
|
|
|
|
|
placeholder="请输入使用量" disabled clearable :style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column label="开始时间" prop="startTime">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>开始时间
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfDatePicker v-model="scope.row.startTime"
|
|
|
|
|
@change="changeData('billotherdeatial-startTime', scope.$index)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
:endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="请选择开始时间" disabled clearable :style='{ "width": "100%" }'
|
|
|
|
|
type="date" format="yyyy-MM-dd">
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column label="结束时间" prop="endTime">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>结束时间
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfDatePicker v-model="scope.row.endTime"
|
|
|
|
|
@change="changeData('billotherdeatial-endTime', scope.$index)"
|
|
|
|
|
:startTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
:endTime="dateTime(false, 1, 1, '', '')"
|
|
|
|
|
placeholder="请选择结束时间" disabled clearable :style='{ "width": "100%" }'
|
|
|
|
|
type="date" format="yyyy-MM-dd">
|
|
|
|
|
</JnpfDatePicker>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="账单金额" prop="billAmount">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>账单金额
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfInputNumber v-model="scope.row.billAmount"
|
|
|
|
|
@change="changeData('billotherdeatial-billAmount', scope.$index)"
|
|
|
|
|
placeholder="账单金额" :step="1" :min="0" disabled>
|
|
|
|
|
</JnpfInputNumber>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="费用说明" prop="costDescription">
|
|
|
|
|
<template slot="header" v-if="false">
|
|
|
|
|
<span class="required-sign">*</span>费用说明
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<JnpfTextarea v-model="scope.row.costDescription"
|
|
|
|
|
@change="changeData('billotherdeatial-costDescription', scope.$index)"
|
|
|
|
|
placeholder="请输入" :style='{ "width": "100%" }' true
|
|
|
|
|
type="textarea" :autosize='{ "minRows": 4, "maxRows": 4 }' disabled>
|
|
|
|
|
</JnpfTextarea>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- <el-table-column label="操作" width="50">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button size="mini" type="text" class="JNPF-table-delBtn"
|
|
|
|
|
@click="delbillotherdeatialList(scope.$index)">删除</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column> -->
|
|
|
|
|
</el-table>
|
|
|
|
|
<!-- <div class="table-actions" @click="addbillotherdeatialList()">
|
|
|
|
|
<el-button type="text" icon="el-icon-plus">添加</el-button>
|
|
|
|
|
</div> -->
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
</el-tabs>
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- 表单结束 -->
|
|
|
|
|
</template>
|
|
|
|
|
</el-form>
|
|
|
|
@ -176,7 +561,7 @@ export default {
|
|
|
|
|
version: 0,
|
|
|
|
|
},
|
|
|
|
|
tableRequiredData: {},
|
|
|
|
|
activegecbmb: '3KzarC2',
|
|
|
|
|
activegecbmb: '1',
|
|
|
|
|
dataRule:
|
|
|
|
|
{
|
|
|
|
|
contractId: [
|
|
|
|
@ -434,7 +819,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
//初始化默认数据
|
|
|
|
|
initDefaultData() {
|
|
|
|
|
this.dataForm.confirmTime = new Date().getTime()
|
|
|
|
|
// this.dataForm.confirmTime = new Date().getTime()
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
// 表单提交
|
|
|
|
@ -451,6 +836,15 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
request() {
|
|
|
|
|
let _data = this.dataList()
|
|
|
|
|
console.log(_data,"_data_data");
|
|
|
|
|
if (_data.payAmount == null || _data.payAmount == undefined) {
|
|
|
|
|
this.$message.error('请输入支付金额!');
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
if (_data.payAmount > _data.billAmount) {
|
|
|
|
|
this.$message.error("支付金额不能大于账单金额!");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
request({
|
|
|
|
|
url: '/api/example/BillTable/entry/' + this.dataForm.id,
|
|
|
|
|
method: 'PUT',
|
|
|
|
|