|
|
@@ -1,48 +1,28 @@
|
|
|
<template>
|
|
|
<div class="app-container zap-main">
|
|
|
- <el-row class="zap-No">
|
|
|
- <el-col :span="8">
|
|
|
- <el-row type="flex" align="middle">
|
|
|
- <img class="icon" src="../../../assets/images/icon_contract_no.png" alt="">
|
|
|
- <span class="label">创建人</span>
|
|
|
- <span class="value">{{form.createUser}}</span>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-row type="flex" align="middle">
|
|
|
- <img class="icon" src="../../../assets/images/icon_calendar.png" alt="">
|
|
|
- <span class="label">创建时间</span>
|
|
|
- <span class="value">{{parseTime(new Date(form.createTime))}}</span>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-row type="flex" align="middle">
|
|
|
- <img class="icon" src="../../../assets/images/icon_person.png" alt="">
|
|
|
- <span class="label">编号</span>
|
|
|
- <span class="value">{{form.zbiNumber}}</span>
|
|
|
- </el-row>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <header-bar :list="headerList"></header-bar>
|
|
|
<el-row class="zap-margin-top">
|
|
|
<div class="zap-title">基本信息</div>
|
|
|
<el-row class="zap-form">
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="auto">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="8">
|
|
|
- <el-form-item label="账款类型" prop="wplIsInput" size="large">
|
|
|
- <el-radio-group v-model="type" prop="type" :disabled="true">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="账款类型" prop="wplIsInput">
|
|
|
+ <el-radio-group class="zap-form-input--large" v-model="type" prop="type" :disabled="true">
|
|
|
<el-radio-button label="00" v-if="type == '00'">应付账款</el-radio-button>
|
|
|
<el-radio-button label="01" v-if="type == '01'">应收账款</el-radio-button>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="8">
|
|
|
- <el-form-item label="账款名称" prop="zbiName" size="large">
|
|
|
- <el-input v-model="form.zbiName" clearable placeholder="请输入账款名称" maxlength="20" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="8">
|
|
|
- <el-form-item label="应付方" prop="zbiPayerId" size="large">
|
|
|
- <el-input v-model="form.payerName" maxlength="20" :disabled="true" v-if="
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="账款名称" prop="zbiName">
|
|
|
+ <el-input class="zap-form-input--large" v-model="form.zbiName" clearable placeholder="请输入账款名称" maxlength="20" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="应付方" prop="zbiPayerId">
|
|
|
+ <el-input class="zap-form-input--large" v-model="form.payerName" maxlength="20" :disabled="true" v-if="
|
|
|
company.scyId != form.zbiPayerId &&
|
|
|
company.scyId != form.zbiPayeeId
|
|
|
" />
|
|
|
@@ -53,7 +33,7 @@
|
|
|
<el-option :label="company.scyName" :value="company.scyId">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- <el-select v-model="form.zbiPayerId" filterable clearable remote v-if="
|
|
|
+ <el-select class="zap-form-input--large" v-model="form.zbiPayerId" filterable clearable remote v-if="
|
|
|
(type == '01' && company.scyId == form.zbiPayerId) ||
|
|
|
(type == '01' && company.scyId == form.zbiPayeeId)
|
|
|
">
|
|
|
@@ -70,9 +50,9 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="8">
|
|
|
- <el-form-item label="应收方" prop="zbiPayeeId" size="large">
|
|
|
- <el-input v-model="form.payeeName" maxlength="20" :disabled="true" v-if="
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="应收方" prop="zbiPayeeId">
|
|
|
+ <el-input class="zap-form-input--large" v-model="form.payeeName" maxlength="20" :disabled="true" v-if="
|
|
|
company.scyId != form.zbiPayerId &&
|
|
|
company.scyId != form.zbiPayeeId
|
|
|
" />
|
|
|
@@ -83,7 +63,7 @@
|
|
|
<el-option :label="company.scyName" :value="company.scyId">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- <el-select v-model="form.zbiPayeeId" filterable clearable remote v-if="
|
|
|
+ <el-select class="zap-form-input--large" v-model="form.zbiPayeeId" filterable clearable remote v-if="
|
|
|
(type == '00' && company.scyId == form.zbiPayerId) ||
|
|
|
(type == '00' && company.scyId == form.zbiPayeeId)
|
|
|
">
|
|
|
@@ -100,13 +80,13 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="贸易日期" prop="zbiDate" size="large">
|
|
|
- <el-date-picker v-model="form.zbiDate" clearable value-format="yyyy-MM-dd" type="date" placeholder="选择日期" :picker-options="pickerOptionsStart">
|
|
|
+ <el-date-picker class="zap-form-input--large" v-model="form.zbiDate" clearable value-format="yyyy-MM-dd" type="date" placeholder="选择日期" :picker-options="pickerOptionsStart">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item :label="
|
|
|
type == '00'
|
|
|
? '预计付款日期'
|
|
|
@@ -114,46 +94,46 @@
|
|
|
? '预计收款日期'
|
|
|
: '预计收/付款日期'
|
|
|
" prop="zbiPayDate" size="large">
|
|
|
- <el-date-picker v-model="form.zbiPayDate" clearable value-format="yyyy-MM-dd" type="date" placeholder="选择日期" :picker-options="pickerOptionsEnd">
|
|
|
+ <el-date-picker class="zap-form-input--large" v-model="form.zbiPayDate" clearable value-format="yyyy-MM-dd" type="date" placeholder="选择日期" :picker-options="pickerOptionsEnd">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="账款金额" size="large">
|
|
|
- <el-input :disabled="true" :value="allAmount()" maxlength="20">
|
|
|
+ <el-input class="zap-form-input--large" :disabled="true" :value="allAmount()" maxlength="20">
|
|
|
<template slot="append">元</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="账款金额大写" size="large">
|
|
|
- <el-input :disabled="true" :value="smallToBig(allAmount())">
|
|
|
+ <el-input class="zap-form-input--large" :disabled="true" :value="smallToBig(allAmount())">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="贸易合同编号" prop="zbiContractNo" size="large">
|
|
|
- <el-input v-model="form.zbiContractNo" clearable placeholder="请输入贸易合同编号" maxlength="20" />
|
|
|
+ <el-input class="zap-form-input--large" v-model="form.zbiContractNo" clearable placeholder="请输入贸易合同编号" maxlength="20" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="贸易商品/服务" size="large">
|
|
|
- <el-input v-model="form.zbiService" clearable placeholder="请输入贸易商品/服务" maxlength="20" />
|
|
|
+ <el-input class="zap-form-input--large" v-model="form.zbiService" clearable placeholder="请输入贸易商品/服务" maxlength="20" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="配送企业" size="large">
|
|
|
- <el-input v-model="form.zbiDistributor" clearable placeholder="请输入配送企业" maxlength="20" />
|
|
|
+ <el-input class="zap-form-input--large" v-model="form.zbiDistributor" clearable placeholder="请输入配送企业" maxlength="20" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="8">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="配送订单号" size="large">
|
|
|
- <el-input v-model="form.zbiOrderNo" clearable placeholder="请输入配送订单号" maxlength="20" />
|
|
|
+ <el-input class="zap-form-input--large" v-model="form.zbiOrderNo" clearable placeholder="请输入配送订单号" maxlength="20" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-row>
|
|
|
- <el-form-item label="备注" size="large">
|
|
|
- <el-input v-model="form.zbiRemark" placeholder="请输入备注" :autosize="{ minRows: 2, maxRows: 4 }" maxlength="100" type="textarea" />
|
|
|
+ <el-form-item label="备注">
|
|
|
+ <el-input class="zap-form__textarea" v-model="form.zbiRemark" placeholder="请输入备注" :autosize="{ minRows: 2, maxRows: 4 }" maxlength="100" type="textarea" />
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
@@ -223,15 +203,13 @@
|
|
|
|
|
|
<!-- 发票验真 -->
|
|
|
<el-dialog title="发票验真" :visible.sync="open" width="1050px" append-to-body>
|
|
|
- <el-container>
|
|
|
- <el-aside width="300px" style="background-color: white">
|
|
|
- <el-button type="primary" @click="openUploadInvoice">上传发票</el-button>
|
|
|
- <el-header style="background-color: #dfe2e8; text-align: center">
|
|
|
- <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
|
|
|
- <label>已上传发票列表</label>
|
|
|
- </el-header>
|
|
|
- <el-main style="height: 550px; border: groove">
|
|
|
- <div :style="
|
|
|
+ <el-row class="zap-bill-dialog" type="flex">
|
|
|
+ <div width="224px" style="background-color: white;flex: 0 0 224px;">
|
|
|
+ <el-button style="width: 224px;" type="primary" @click="openUploadInvoice">上传发票</el-button>
|
|
|
+ <div class="zap-bill-dialog__main">
|
|
|
+ <div class="zap-bill-dialog__title"> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
|
|
|
+ <label>已上传发票列表</label></div>
|
|
|
+ <div class="zap-bill-dialog__item" :style="
|
|
|
item.ziiCheckStt == '1'
|
|
|
? { 'background-color': '#a8f87f' }
|
|
|
: {}
|
|
|
@@ -253,50 +231,64 @@
|
|
|
</label><label>{{ checkSttFormat(item) }}</label></i>
|
|
|
<el-link style="float: right" type="primary" :underline="false" @click="delInvoice(item)">删除</el-link>
|
|
|
</div>
|
|
|
- </el-main>
|
|
|
+ </div>
|
|
|
<div style="text-align: center; margin-top: 20px">
|
|
|
<el-button type="primary" @click="toCheckAgian()">再次验证</el-button>
|
|
|
<el-button type="primary" @click="submitCheck()">保存并上传</el-button>
|
|
|
</div>
|
|
|
- </el-aside>
|
|
|
- <el-container>
|
|
|
- <el-header height="300px">
|
|
|
- <el-image style="width: 650px; height: 267px" :src="invoice.url" fit="scale-down" @click="invoicePictureCardPreview(invoice)"></el-image>
|
|
|
+ </div>
|
|
|
+ <div style="margin-left: 32px;">
|
|
|
+ <el-row height="232px">
|
|
|
+ <el-image style="width: 700px; height: 232px" :src="invoice.url" fit="scale-down" @click="invoicePictureCardPreview(invoice)"></el-image>
|
|
|
<p v-if="invoice.zbiName && invoice.ziiCheckStt == '3'" style="text-align: center; color: red">
|
|
|
发票重复，已存在名称为“{{ invoice.zbiName }}”的往来账款中!
|
|
|
</p>
|
|
|
- </el-header>
|
|
|
- <el-main>
|
|
|
- <el-form ref="invoice" label-width="auto" :inline="true" label-position="top" :disabled="invoice.ziiCheckStt == '1'">
|
|
|
+ </el-row>
|
|
|
+ <el-row class="mt20">
|
|
|
+ <el-form ref="invoice" label-width="auto" :disabled="invoice.ziiCheckStt == '1'">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="发票代码：">
|
|
|
- <el-input v-model="invoice.ziiNo" maxlength="20" />
|
|
|
+ <el-input class="zap-bill-dialog__input" v-model="invoice.ziiNo" maxlength="20" />
|
|
|
</el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="发票号码：">
|
|
|
- <el-input v-model="invoice.ziiNumber" maxlength="20" />
|
|
|
+ <el-input class="zap-bill-dialog__input" v-model="invoice.ziiNumber" maxlength="20" />
|
|
|
</el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="开票日期：">
|
|
|
- <el-date-picker v-model="invoice.ziiDate" value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
|
|
|
+ <el-date-picker class="zap-bill-dialog__input" v-model="invoice.ziiDate" value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="购货纳税人编号：">
|
|
|
- <el-input v-model="invoice.ziiPurchaserNo" maxlength="20" />
|
|
|
+ <el-input class="zap-bill-dialog__input" v-model="invoice.ziiPurchaserNo" maxlength="20" />
|
|
|
</el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="销货纳税人编号：">
|
|
|
- <el-input v-model="invoice.ziiSellerNo" maxlength="20" />
|
|
|
+ <el-input class="zap-bill-dialog__input" v-model="invoice.ziiSellerNo" maxlength="20" />
|
|
|
</el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="发票金额：">
|
|
|
- <el-input v-model="invoice.ziiTotalAmount" maxlength="16" @input.native="changeRate($event,invoice.ziiTotalAmount,'0')" />
|
|
|
+ <el-input class="zap-bill-dialog__input" v-model="invoice.ziiTotalAmount" maxlength="16" @input.native="changeRate($event,invoice.ziiTotalAmount,'0')" />
|
|
|
</el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="税价金额：">
|
|
|
- <el-input v-model="invoice.ziiAmount" maxlength="16" @input.native="changeRate($event,invoice.ziiAmount,'1')" />
|
|
|
+ <el-input class="zap-bill-dialog__input" v-model="invoice.ziiAmount" maxlength="16" @input.native="changeRate($event,invoice.ziiAmount,'1')" />
|
|
|
</el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-form>
|
|
|
- </el-main>
|
|
|
+ </el-row>
|
|
|
<el-footer>
|
|
|
<el-button type="primary" @click="queryDouble()" style="float: right">确定</el-button>
|
|
|
</el-footer>
|
|
|
- </el-container>
|
|
|
- </el-container>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</el-row>
|
|
|
@@ -521,6 +513,26 @@ export default {
|
|
|
},
|
|
|
};
|
|
|
},
|
|
|
+ computed: {
|
|
|
+ headerList() {
|
|
|
+ return [{
|
|
|
+ icon: require('../../../assets/images/components/headerBar/icon_creater.png'),
|
|
|
+ label: '创建人：',
|
|
|
+ value: this.form.createUser
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: require('../../../assets/images/components/headerBar/icon_calendar.png'),
|
|
|
+ label: '创建日期：',
|
|
|
+ value: this.parseTime(new Date(this.form.createTime))
|
|
|
+ },
|
|
|
+ {
|
|
|
+ icon: require('../../../assets/images/components/headerBar/icon_list.png'),
|
|
|
+ label: '编号：',
|
|
|
+ value: this.form.zbiNumber
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ },
|
|
|
created() {
|
|
|
const zbiId = this.$route.params && this.$route.params.zbiId;
|
|
|
this.fullscreenLoading = true;
|
|
|
@@ -1183,27 +1195,6 @@ export default {
|
|
|
background: rgb(223, 223, 223);
|
|
|
}
|
|
|
</style><style lang="scss" scoped>
|
|
|
-.zap-No {
|
|
|
- padding: 14px 25px;
|
|
|
- background-color: #ffffff;
|
|
|
-
|
|
|
- .icon {
|
|
|
- width: 18px;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .label {
|
|
|
- white-space: nowrap;
|
|
|
- margin-right: 8px;
|
|
|
- font-size: 14px;
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
-
|
|
|
- .value {
|
|
|
- font-size: 14px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
.zap-title {
|
|
|
padding: 25px;
|
|
|
@@ -1328,4 +1319,28 @@ export default {
|
|
|
padding: 30px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
+.zap-bill-dialog{
|
|
|
+ padding: 25px 40px 35px;
|
|
|
+}
|
|
|
+.zap-bill-dialog__main{
|
|
|
+ height: 408px;
|
|
|
+ margin-top: 16px;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px dashed #4280F2;
|
|
|
+}
|
|
|
+.zap-bill-dialog__title{
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #4280F2;
|
|
|
+ background-color: #EBF3FF;
|
|
|
+}
|
|
|
+.zap-bill-dialog__input{
|
|
|
+ width: 200px !important;
|
|
|
+}
|
|
|
+.zap-bill-dialog__item{
|
|
|
+ padding: 18px 16px;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
</style>
|
zhanglb