|
@@ -1,13 +1,405 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- 详情
|
|
|
+ <div class="borderless" v-loading="pageLoading">
|
|
|
+ <div class="customer-head">
|
|
|
+ <div class="customer-back">
|
|
|
+ <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
|
|
|
+ @click="backToList">返回列表
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <div class="add-customer-btn">
|
|
|
+ <el-button size="small" type="primary" style="margin-right: 8px" v-if="editSave"
|
|
|
+ :loading="saveLoading" @click="editHandle">编 辑
|
|
|
+ </el-button>
|
|
|
+ <el-button size="small" type="primary" style="margin-right: 8px" v-else
|
|
|
+ :loading="saveLoading" @click="editCustomer">保 存
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="margin: 55px 5px 0px 5px;'">
|
|
|
+ <el-card class="box-card">
|
|
|
+ <el-form :model="form" ref="form" label-width="90px" class="demo-ruleForm">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="对账单号" prop="checkNo">
|
|
|
+ <el-input style="width: 100%;" v-model="form.checkNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="editSave"
|
|
|
+ clearable placeholder="请输入对账单号" >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="对账日期" prop="billDate">
|
|
|
+ <el-date-picker v-model="form.billDate" clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ type="date" size="small"
|
|
|
+ :disabled="editSave"
|
|
|
+ value-format="yyyy-MM-dd HH:mm"
|
|
|
+ placeholder="选择对账日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="限定金额" prop="billDate">
|
|
|
+ <el-input style="width: 100%;" v-model="form.checkNo"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="editSave"
|
|
|
+ clearable placeholder="请输入对账单号" >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="备注" prop="remarks">
|
|
|
+ <el-input style="width: 100%;" v-model="form.remarks"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="editSave"
|
|
|
+ clearable placeholder="请输入备注" >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="审核" prop="isApproved" label-width="50px">
|
|
|
+ <search-query :datalist="allyesnoData"
|
|
|
+ :selectValue="form.isApproved"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="editSave"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{ key:'dictKey', label:'dictValue', value:'dictValue'}"
|
|
|
+ @corpChange="corpChange($event,'isApproved')"
|
|
|
+ @corpFocus="allyesnoWorkDictsfun" >
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="对账单位" prop="isApproved">
|
|
|
+ <el-col :span="10">
|
|
|
+ <search-query :datalist="allyesnoData"
|
|
|
+ :selectValue="form.corpCnName"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="editSave"
|
|
|
+ :filterable="true"
|
|
|
+ :remote="true"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{ key:'dictKey', label:'dictValue', value:'dictValue'}"
|
|
|
+ @corpChange="corpChange($event,'isApproved')"
|
|
|
+ @corpFocus="allyesnoWorkDictsfun" >
|
|
|
+ </search-query>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-input style="width: 100%;" v-model="form.corpEnName"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="editSave"
|
|
|
+ clearable placeholder="请输入" >
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0"
|
|
|
+ :disabled="editSave"
|
|
|
+ v-model="form.corpIsSigned">已签约
|
|
|
+ </el-checkbox>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="协议签订人" prop="corpAccRemarks">
|
|
|
+ <el-input style="width: 100%;" v-model="form.corpAccRemarks"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="editSave"
|
|
|
+ clearable placeholder="请输入账期备注" >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="账期备注" prop="corpAccRemarks">
|
|
|
+ <el-input style="width: 100%;" v-model="form.corpAccRemarks"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="editSave"
|
|
|
+ clearable placeholder="请输入账期备注" >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="签收" prop="isApproved" label-width="50px">
|
|
|
+ <search-query :datalist="allyesnoData"
|
|
|
+ :selectValue="form.isSignfor"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="editSave"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{ key:'dictKey', label:'dictValue', value:'dictValue'}"
|
|
|
+ @corpChange="corpChange($event,'isSignfor')"
|
|
|
+ @corpFocus="allyesnoWorkDictsfun" >
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="收 / 付" prop="dc">
|
|
|
+ <search-query :datalist="dcData"
|
|
|
+ :selectValue="form.dc"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="editSave"
|
|
|
+ :buttonIf="false"
|
|
|
+ @corpChange="corpChange($event,'dc')">
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="币别" prop="curCode" label-width="40px">
|
|
|
+ <search-query :datalist="curCodeData"
|
|
|
+ :selectValue="form.curCode"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="editSave"
|
|
|
+ :buttonIf="false"
|
|
|
+ :filterable="true"
|
|
|
+ :remote="true"
|
|
|
+ :forParameter="{ key:'id', label:'cnName', value:'cnName'}"
|
|
|
+ @corpChange="corpChange($event,'curCode')"
|
|
|
+ @remoteMethod="getRateListfun"
|
|
|
+ @corpFocus="getRateListfun" >
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="操作员" prop="salesName" label-width="60px">
|
|
|
+ <search-query :datalist="salesData"
|
|
|
+ :selectValue="form.salesName"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="editSave"
|
|
|
+ :buttonIf="false"
|
|
|
+ :filterable="true"
|
|
|
+ :remote="true"
|
|
|
+ :forParameter="{ key:'id', label:'name', value:'name'}"
|
|
|
+ @corpChange="corpChange($event,'salesName')"
|
|
|
+ @remoteMethod="salesuserGetListfun"
|
|
|
+ @corpFocus="salesuserGetListfun" >
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="业务员" prop="salesName" label-width="60px">
|
|
|
+ <search-query :datalist="salesData"
|
|
|
+ :selectValue="form.salesName"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="editSave"
|
|
|
+ :buttonIf="false"
|
|
|
+ :filterable="true"
|
|
|
+ :remote="true"
|
|
|
+ :forParameter="{ key:'id', label:'name', value:'name'}"
|
|
|
+ @corpChange="corpChange($event,'salesName')"
|
|
|
+ @remoteMethod="salesuserGetListfun"
|
|
|
+ @corpFocus="salesuserGetListfun" >
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="业务类型" prop="salesName" label-width="65px">
|
|
|
+ <search-query :datalist="businessTypeData"
|
|
|
+ :selectValue="form.businessType"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="editSave"
|
|
|
+ :buttonIf="false"
|
|
|
+ @corpChange="corpChange($event,'businessType')">
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="销账" prop="isApproved" label-width="50px">
|
|
|
+ <search-query :datalist="allyesnoData"
|
|
|
+ :selectValue="form.isCleared"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="editSave"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{ key:'dictKey', label:'dictValue', value:'dictValue'}"
|
|
|
+ @corpChange="corpChange($event,'isCleared')"
|
|
|
+ @corpFocus="allyesnoWorkDictsfun" >
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="JOB NO" prop="corpAccRemarks">
|
|
|
+ <el-input style="width: 100%;" v-model="form.corpAccRemarks"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="editSave"
|
|
|
+ clearable placeholder="请输入JOB NO" >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="ACCT NO" prop="corpAccRemarks">
|
|
|
+ <el-input style="width: 100%;" v-model="form.corpAccRemarks"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="editSave"
|
|
|
+ clearable placeholder="请输入ACCT NO" >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="MBL NO" prop="mblno">
|
|
|
+ <el-input style="width: 100%;" v-model="form.mblno"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="editSave"
|
|
|
+ clearable placeholder="请输入MBL NO" >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="HBL NO" prop="hblno">
|
|
|
+ <el-input style="width: 100%;" v-model="form.hblno"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="editSave"
|
|
|
+ clearable placeholder="请输入HBL NO" >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="对账" prop="isChecked" label-width="50px">
|
|
|
+ <search-query :datalist="allyesnoData"
|
|
|
+ :selectValue="form.isChecked"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="editSave"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{ key:'dictKey', label:'dictValue', value:'dictValue'}"
|
|
|
+ @corpChange="corpChange($event,'isChecked')"
|
|
|
+ @corpFocus="allyesnoWorkDictsfun" >
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item label="ETD 期间" prop="etd">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="form.etd"
|
|
|
+ type="datetimerange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ style="width: 100%;"
|
|
|
+ size="small"
|
|
|
+ :disabled="editSave"
|
|
|
+ value-format="yyyy-MM-dd HH:mm"
|
|
|
+ placeholder="选择对账日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="查询金额" prop="hblno">
|
|
|
+ <el-input style="width: 100%;" v-model="form.hblno"
|
|
|
+ size="small" autocomplete="off"
|
|
|
+ :disabled="editSave"
|
|
|
+ clearable placeholder="请输入查询金额" >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="发票" prop="isChecked" label-width="50px">
|
|
|
+ <search-query :datalist="isInvoiceData"
|
|
|
+ :selectValue="form.isInvoice"
|
|
|
+ :clearable="true"
|
|
|
+ :disabled="editSave"
|
|
|
+ :buttonIf="false"
|
|
|
+ :forParameter="{ key:'dictKey', label:'dictValue', value:'dictValue'}"
|
|
|
+ @corpChange="corpChange($event,'isInvoice')"
|
|
|
+ @corpFocus="allyesnoWorkDictsfun" >
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import SearchQuery from "@/components/iosbasic-data/searchquery.vue";
|
|
|
+ import {getWorkDicts} from "@/api/system/dictbiz";
|
|
|
+ import {getRateList} from "@/api/iosBasicData/rateManagement";
|
|
|
+ import {getList as userGetList} from '@/api/system/user'
|
|
|
+
|
|
|
+ export default {
|
|
|
+ components: {SearchQuery},
|
|
|
+ props:{
|
|
|
+ // 编辑还是保存
|
|
|
+ editSave:{
|
|
|
+ type:Boolean,
|
|
|
+ default:true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data(){
|
|
|
+ return {
|
|
|
+ pageLoading:false, // 全屏加载动画
|
|
|
+ saveLoading:false, // 按钮动画
|
|
|
+ form:{}, // 绑定的数据
|
|
|
+ allyesnoData:[], // 全部是否字典数据
|
|
|
+ isInvoiceData:[],// 发票字典
|
|
|
+ // 收 / 付
|
|
|
+ dcData:[
|
|
|
+ {
|
|
|
+ label:'Debit',
|
|
|
+ value: 'D'
|
|
|
+ },{
|
|
|
+ label:'Credit',
|
|
|
+ value: 'C'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ curCodeData:[],// 币别
|
|
|
+ salesData:[], // 业务员
|
|
|
+ // 业务类型
|
|
|
+ businessTypeData:[
|
|
|
+ {
|
|
|
+ label:'海运出口',
|
|
|
+ value:'SE'
|
|
|
+ },{
|
|
|
+ label:'海运进口',
|
|
|
+ value:'SI'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ // 下拉回调
|
|
|
+ corpChange(value,name){
|
|
|
+ if(name == 'curCode') {
|
|
|
+ }else {
|
|
|
+ this.$set(this.form,name,value)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //返回列表
|
|
|
+ backToList() {
|
|
|
+ this.$emit('goBack')
|
|
|
+ },
|
|
|
+ // 请求的接口
|
|
|
+ // 获取全部是否接口
|
|
|
+ allyesnoWorkDictsfun(){
|
|
|
+ getWorkDicts('all_yes_no').then(res=>{
|
|
|
+ this.allyesnoData = res.data.data;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取币别数据
|
|
|
+ getRateListfun(cnName){
|
|
|
+ getRateList({current:1,size:10,cnName}).then(res=>{
|
|
|
+ this.curCodeData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取业务员数据
|
|
|
+ salesuserGetListfun(account = undefined,type = false,){
|
|
|
+ userGetList(1,10,{account}).then(res=>{
|
|
|
+ this.salesData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-
|
|
|
+::v-deep.el-form-item {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
</style>
|