|
@@ -7,12 +7,31 @@
|
|
|
</el-button>
|
|
|
</div>
|
|
|
<div class="add-customer-btn">
|
|
|
+ <el-button v-if="!editDisabled" class="el-button--small-yh" type="success" size="small"
|
|
|
+ :disabled="isSaveBtn || form.firstStatus != '审核通过'||form.orderStatus=='已结算'" @click="submitFee">确认付款
|
|
|
+ </el-button>
|
|
|
+ <el-button v-if="!editDisabled" class="el-button--small-yh" type="danger" size="small"
|
|
|
+ :disabled="isSaveBtn || form.firstStatus != '审核通过'" @click="revokeApplication">撤销申请付款
|
|
|
+ </el-button>
|
|
|
+ <el-button v-if="!editDisabled" class="el-button--small-yh" type="warning" size="small"
|
|
|
+ :disabled="isSaveBtn || form.firstStatus == '审核通过'" @click="application">申请付款请核
|
|
|
+ </el-button>
|
|
|
<el-button class="el-button--small-yh" style="margin-left: 6px;" type="primary" size="small"
|
|
|
v-if="editDisabled" @click="inEdit">编 辑
|
|
|
</el-button>
|
|
|
<el-button class="el-button--small-yh" v-else style="margin-left: 6px;" type="primary" size="small"
|
|
|
:disabled="isSaveBtn" @click="submit">保 存
|
|
|
</el-button>
|
|
|
+ <el-dropdown style="line-height: 0">
|
|
|
+ <el-button class="el-button--small-yh" style="margin-left: 6px;" type="warning" :disabled="!form.id"
|
|
|
+ size="small">
|
|
|
+ 审 批<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
+ </el-button>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item @click.native="checkScheduleDialog = true, checkId = form.id">审核进度
|
|
|
+ </el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="margin-top: 50px">
|
|
@@ -20,34 +39,44 @@
|
|
|
<avue-form :option="optionForm" v-model="form" ref="form">
|
|
|
</avue-form>
|
|
|
</trade-card>
|
|
|
- <trade-card title="货物明细">
|
|
|
+ <!-- <trade-card title="货物明细">
|
|
|
<avue-crud :option="option" :data="form.agentItemsList" id="out-table" ref="crud"
|
|
|
@selection-change="selectionChange" @resetColumn="resetColumn('crud', 'option', 'optionBack', 384)"
|
|
|
@saveColumn="saveColumn('crud', 'option', 'optionBack', 384)">
|
|
|
<template slot="menuLeft">
|
|
|
</template>
|
|
|
</avue-crud>
|
|
|
- </trade-card>
|
|
|
+ </trade-card> -->
|
|
|
<trade-card title="费用明细">
|
|
|
- <fee-infosimple :form="form" :disabled="editDisabled" @getDetails="getDetails"></fee-infosimple>
|
|
|
+ <fee-infosimple feeType="C" :form="form" :disabled="editDisabled || form.firstStatus == '审核通过'"
|
|
|
+ @getDetails="getDetails"></fee-infosimple>
|
|
|
</trade-card>
|
|
|
- <containerTitle title="上传附件"></containerTitle>
|
|
|
+ <!-- <containerTitle title="上传附件"></containerTitle>
|
|
|
<c-upload :data="form.filesCenterList" :enumerationValue="76"
|
|
|
- deleteUrl="/blade-purchase-sales/orderfiles/update" display :disabled="editDisabled"></c-upload>
|
|
|
+ deleteUrl="/blade-purchase-sales/orderfiles/update" display :disabled="editDisabled"></c-upload> -->
|
|
|
+ <!--审核弹窗-->
|
|
|
+ <el-dialog append-to-body title="审批进度" class="el-dialogDeep" :visible.sync="checkScheduleDialog" width="40%"
|
|
|
+ :close-on-click-modal="false" :destroy-on-close="true" :close-on-press-escape="false" v-dialog-drag>
|
|
|
+ <check-schedule :checkId="checkId" :batchNo="batchNo" @choceScheduleFun="choceScheduleFun"></check-schedule>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { submit, getDetail} from "@/api/tradeAgency/exchangePurchasing";
|
|
|
+import { submit, getDetail, checkAgent, revokeCheckAgent, confirmThePayment, confirmReceived } from "@/api/tradeAgency/exchangePurchasing";
|
|
|
import feeInfosimple from "@/components/tradeAgency/fee-infosimple";
|
|
|
import dicSelect from "@/components/dicSelect/main";
|
|
|
+import checkSchedule from "@/components/checkH/checkSchedule.vue";
|
|
|
import _ from "lodash";
|
|
|
export default {
|
|
|
name: "detailsPage",
|
|
|
|
|
|
data() {
|
|
|
return {
|
|
|
+ checkId: '', // 审核需要的id
|
|
|
+ batchNo: '',
|
|
|
+ checkScheduleDialog: false, // 审核弹窗
|
|
|
editDisabled: false,
|
|
|
form: {},
|
|
|
optionForm: {
|
|
@@ -58,26 +87,16 @@ export default {
|
|
|
{
|
|
|
label: '客户',
|
|
|
prop: "corpName",
|
|
|
- disabled: false,
|
|
|
- rules: [{
|
|
|
- required: true,
|
|
|
- message: " ",
|
|
|
- trigger: "blur"
|
|
|
- }]
|
|
|
+ disabled: false
|
|
|
},
|
|
|
{
|
|
|
- label: '合同号',
|
|
|
- prop: "contractNo",
|
|
|
+ label: '业务号',
|
|
|
+ prop: "businessNo",
|
|
|
disabled: false,
|
|
|
- rules: [{
|
|
|
- required: true,
|
|
|
- message: " ",
|
|
|
- trigger: "blur"
|
|
|
- }]
|
|
|
},
|
|
|
{
|
|
|
- label: '合同日期',
|
|
|
- prop: "contractDate",
|
|
|
+ label: '业务日期',
|
|
|
+ prop: "businessDate",
|
|
|
type: "date",
|
|
|
format: "yyyy-MM-dd",
|
|
|
valueFormat: "yyyy-MM-dd 00:00:00",
|
|
@@ -89,127 +108,18 @@ export default {
|
|
|
}]
|
|
|
},
|
|
|
{
|
|
|
- label: '原产地',
|
|
|
- prop: "countryOfOrigin",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '运输方式',
|
|
|
- prop: "typeOfShipping",
|
|
|
- disabled: false,
|
|
|
- rules: [{
|
|
|
- required: true,
|
|
|
- message: " ",
|
|
|
- trigger: "blur"
|
|
|
- }]
|
|
|
- },
|
|
|
- {
|
|
|
- label: '起运港',
|
|
|
- prop: "polCnName",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '目的港',
|
|
|
- prop: "podCnName",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '币别',
|
|
|
- prop: "currency",
|
|
|
- disabled: false,
|
|
|
- rules: [{
|
|
|
- required: true,
|
|
|
- message: " ",
|
|
|
- trigger: "blur"
|
|
|
- }]
|
|
|
- },
|
|
|
- {
|
|
|
- label: '外国发货人',
|
|
|
- prop: "abroadConsignorCname",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '银行助记码',
|
|
|
- prop: "abroadBankMnemonicCode",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '银行',
|
|
|
- prop: "abroadBank",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '币别',
|
|
|
- prop: "abroadCurrency",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '国内收货人',
|
|
|
- prop: "domesticConsigneeCname",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '银行助记码',
|
|
|
- prop: "domesticBankMnemonicCode",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '银行',
|
|
|
- prop: "domesticBank",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '币别',
|
|
|
- prop: "domesticCurrency",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '货值',
|
|
|
+ label: '金额',
|
|
|
prop: "goodsValue",
|
|
|
disabled: false,
|
|
|
},
|
|
|
{
|
|
|
- label: '预付比例',
|
|
|
- prop: "advanceRatio",
|
|
|
- disabled: false,
|
|
|
- rules: [{
|
|
|
- required: true,
|
|
|
- message: " ",
|
|
|
- trigger: "blur"
|
|
|
- }]
|
|
|
- },
|
|
|
- {
|
|
|
- label: '预付金额',
|
|
|
- prop: "prepaidAmount",
|
|
|
- disabled: false,
|
|
|
- rules: [{
|
|
|
- required: true,
|
|
|
- message: " ",
|
|
|
- trigger: "blur"
|
|
|
- }]
|
|
|
- },
|
|
|
- {
|
|
|
- label: '单据类型',
|
|
|
- prop: "documentType",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '所属公司',
|
|
|
- prop: "affiliatedCompanyName",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: '业务员',
|
|
|
- prop: "srcCnName",
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
label: '备注',
|
|
|
prop: "remarks",
|
|
|
type: 'textarea',
|
|
|
+ span: 24,
|
|
|
disabled: false,
|
|
|
minRows: 2,
|
|
|
- },
|
|
|
+ }
|
|
|
]
|
|
|
},
|
|
|
option: {},
|
|
@@ -223,7 +133,7 @@ export default {
|
|
|
viewBtn: false,
|
|
|
editBtn: false,
|
|
|
delBtn: false,
|
|
|
- menu:false,
|
|
|
+ menu: false,
|
|
|
refreshBtn: false,
|
|
|
align: 'center',
|
|
|
column: [
|
|
@@ -309,7 +219,8 @@ export default {
|
|
|
},
|
|
|
components: {
|
|
|
dicSelect,
|
|
|
- feeInfosimple
|
|
|
+ feeInfosimple,
|
|
|
+ checkSchedule
|
|
|
},
|
|
|
props: {
|
|
|
detailData: Object
|
|
@@ -359,6 +270,88 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ submitFee() {
|
|
|
+ confirmReceived(this.form).then(res => {
|
|
|
+ this.$confirm(res.data.data+'?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ const loading = this.$loading({
|
|
|
+ lock: true,
|
|
|
+ text: '加载中',
|
|
|
+ spinner: 'el-icon-loading',
|
|
|
+ background: 'rgba(255,255,255,0.7)'
|
|
|
+ });
|
|
|
+
|
|
|
+ confirmThePayment(this.form).then(res => {
|
|
|
+ this.getDetails(res.data.data.id)
|
|
|
+ this.$message.success("确认成功");
|
|
|
+ }).finally(() => {
|
|
|
+ loading.close();
|
|
|
+ })
|
|
|
+
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ application() {
|
|
|
+ this.$confirm("确定请核数据?", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }).then(() => {
|
|
|
+ let obj = {}
|
|
|
+ obj = {
|
|
|
+ id: this.form.id,
|
|
|
+ url: '/tradeAgency/exchangePurchasing/index',
|
|
|
+ pageStatus: '',
|
|
|
+ pageLabel: '付费申请(T)',
|
|
|
+ }
|
|
|
+ const loading = this.$loading({
|
|
|
+ lock: true,
|
|
|
+ text: '加载中',
|
|
|
+ spinner: 'el-icon-loading',
|
|
|
+ background: 'rgba(255,255,255,0.7)'
|
|
|
+ });
|
|
|
+ checkAgent(obj).then(res => {
|
|
|
+ this.$message.success("请核成功");
|
|
|
+ this.getDetails(res.data.data.id)
|
|
|
+ }).finally(() => {
|
|
|
+ loading.close();
|
|
|
+ })
|
|
|
+ });
|
|
|
+ },
|
|
|
+ revokeApplication() {
|
|
|
+ this.$confirm("确定撤销请核?", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ }).then(() => {
|
|
|
+ let obj = {}
|
|
|
+ obj = {
|
|
|
+ id: this.form.id,
|
|
|
+ }
|
|
|
+ const loading = this.$loading({
|
|
|
+ lock: true,
|
|
|
+ text: '加载中',
|
|
|
+ spinner: 'el-icon-loading',
|
|
|
+ background: 'rgba(255,255,255,0.7)'
|
|
|
+ });
|
|
|
+ revokeCheckAgent(obj).then(res => {
|
|
|
+ this.$message.success("撤销请核成功");
|
|
|
+ this.getDetails(res.data.data.id)
|
|
|
+ this.editDisabled = false
|
|
|
+ this.optionForm.disabled = false
|
|
|
+ }).finally(() => {
|
|
|
+ loading.close();
|
|
|
+ })
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //请核关闭
|
|
|
+ choceScheduleFun() {
|
|
|
+ this.checkScheduleDialog = false
|
|
|
+ },
|
|
|
//自定义列保存
|
|
|
async saveColumn(ref, option, optionBack, code) {
|
|
|
const inSave = await this.saveColumnData(this.getColumnName(code), this[option]);
|