|
@@ -1,26 +1,27 @@
|
|
|
<template>
|
|
|
- <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" v-if="showBut">
|
|
|
- <el-button type="primary" size="small" v-if="detailData.status == 1" class="el-button--small-yh "
|
|
|
- @click.stop="openEdit">编辑
|
|
|
- </el-button>
|
|
|
- <el-dropdown style="margin-right: 8px;margin-left: 8px;">
|
|
|
- <el-button type="primary" size="small">
|
|
|
- 审核处理<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
- </el-button>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item :disabled="form.status > 0" @click.native="pleaseCheck">请核数据</el-dropdown-item>
|
|
|
- <el-dropdown-item disabled>审核进度</el-dropdown-item>
|
|
|
- <el-dropdown-item disabled>撤销请核</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
- <el-dropdown style="margin-right: 8px;">
|
|
|
+ <div class="borderless" v-loading="pageLoading">
|
|
|
+ <div class="customer-head" style="height: 82px;">
|
|
|
+ <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" v-if="showBut">
|
|
|
+ <el-button type="primary" size="small" v-if="detailData.status == 1" class="el-button--small-yh "
|
|
|
+ @click.stop="openEdit">编辑
|
|
|
+ </el-button>
|
|
|
+ <el-dropdown style="margin-right: 8px;margin-left: 8px;">
|
|
|
+ <el-button type="primary" size="small">
|
|
|
+ 审核处理<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
+ </el-button>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item :disabled="form.status > 0" @click.native="pleaseCheck">请核数据
|
|
|
+ </el-dropdown-item>
|
|
|
+ <el-dropdown-item disabled>审核进度</el-dropdown-item>
|
|
|
+ <el-dropdown-item disabled>撤销请核</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
+ <el-dropdown style="margin-right: 8px;">
|
|
|
<el-button type="warning" size="small">
|
|
|
账单处理<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
</el-button>
|
|
@@ -29,102 +30,117 @@
|
|
|
</el-dropdown-item>
|
|
|
<el-dropdown-item @click.native="viewBill" :disabled="!form.id">查看账单</el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
- <el-dropdown style="margin-right: 8px;">
|
|
|
- <el-button type="success" size="small">
|
|
|
- 业务处理<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
- </el-button>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item :disabled="!form.id" @click.native="copyDoc">复制单据</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
- <el-button type="primary" :disabled="disabled" @click="editCustomer" :loading="subLoading"
|
|
|
- v-if="detailData.status != 1" size="small">保存数据
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="customer-main">
|
|
|
- <trade-card title="业务进程">
|
|
|
- <div class="content" style="height: 10px;">
|
|
|
- <div class="content-item">
|
|
|
- <div class="card">
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num selected">{{ form.fudaPurchaseStatus?form.fudaPurchaseStatus:'待采购' }}</span>
|
|
|
- </div>
|
|
|
+ </el-dropdown>
|
|
|
+ <el-dropdown style="margin-right: 8px;">
|
|
|
+ <el-button type="success" size="small">
|
|
|
+ 业务处理<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
+ </el-button>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item :disabled="!form.id" @click.native="copyDoc">复制单据</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
+ <el-button type="primary" :disabled="disabled" @click="editCustomer" :loading="subLoading"
|
|
|
+ v-if="detailData.status != 1" size="small">保存数据
|
|
|
+ </el-button>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="divider"/>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card">
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num" :class="form.productionScheduling?'selected':''">{{ form.productionScheduling?form.productionScheduling:'排产中' }}</span>
|
|
|
- </div>
|
|
|
+ <div class="content" style="height: 10px;margin-top: 10px">
|
|
|
+ <div class="content-item">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-content">
|
|
|
+ <span class="card-content-num selected">{{
|
|
|
+ form.fudaPurchaseStatus ? form.fudaPurchaseStatus : '待采购'
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="divider"/>
|
|
|
+ <div class="content-item">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-content">
|
|
|
+ <span class="card-content-num" :class="form.productionScheduling?'selected':''">{{
|
|
|
+ form.productionScheduling ? form.productionScheduling : '排产中'
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="divider"/>
|
|
|
+ <div class="content-item">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-content">
|
|
|
+ <span class="card-content-num" :class="form.estimateGoodGoods?'selected':''">{{
|
|
|
+ form.estimateGoodGoods ? form.estimateGoodGoods : '预计货好'
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="divider"/>
|
|
|
+ <div class="content-item">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-content">
|
|
|
+ <span class="card-content-num" :class="form.documentaryStatus?'selected':''">{{
|
|
|
+ form.documentaryStatus ? form.documentaryStatus : '待跟单'
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="divider"/>
|
|
|
+ <div class="content-item">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-content">
|
|
|
+ <span class="card-content-num" :class="form.depositReceived?'selected':''">{{
|
|
|
+ form.depositReceived ? form.depositReceived : '定金到账'
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="divider"/>
|
|
|
+ <div class="content-item">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-content">
|
|
|
+ <span class="card-content-num" :class="form.balancePayment?'selected':''">{{
|
|
|
+ form.balancePayment ? form.balancePayment : '尾款'
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="divider"/>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card">
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num" :class="form.estimateGoodGoods?'selected':''">{{ form.estimateGoodGoods?form.estimateGoodGoods:'预计货好' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="divider"/>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card">
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num" :class="form.documentaryStatus?'selected':''">{{ form.documentaryStatus?form.documentaryStatus:'待跟单' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="divider"/>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card">
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num" :class="form.depositReceived?'selected':''">{{ form.depositReceived?form.depositReceived:'定金到账' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="divider"/>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card">
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num" :class="form.balancePayment?'selected':''">{{ form.balancePayment?form.balancePayment:'尾款' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </trade-card>
|
|
|
- <trade-card title="基础信息">
|
|
|
- <avue-form ref="form" class="trading-form" v-model="form" :option="option">
|
|
|
- <template slot="portOfLoad">
|
|
|
- <port-info v-model="form.portOfLoad" :disabled="detailData.status == 1"/>
|
|
|
- </template>
|
|
|
- <template slot="portOfDestination">
|
|
|
- <port-info v-model="form.portOfDestination" :disabled="detailData.status == 1"/>
|
|
|
- </template>
|
|
|
- <template slot-scope="{}" slot="corpIdLabel">
|
|
|
- <span style="color: #409EFF;cursor: pointer" @click.stop="khEdit('kh')">客户名称:</span>
|
|
|
- </template>
|
|
|
- <template slot-scope="{}" slot="belongToCorpIdLabel"> <span style="color: #409EFF;cursor: pointer"
|
|
|
- @click.stop="khEdit('GS')">公司主体:</span>
|
|
|
- </template>
|
|
|
- <template slot-scope="{}" slot="portOfLoadLabel"> <span style="color: #409EFF;cursor: pointer"
|
|
|
- @click.stop="khEdit('portOfLoad')">起运港:</span>
|
|
|
- </template> <template slot-scope="{}" slot="portOfDestinationLabel"> <span
|
|
|
- style="color: #409EFF;cursor: pointer" @click.stop="khEdit('portOfLoad')">目的港:</span> </template>
|
|
|
- <template slot="corpId">
|
|
|
- <crop-select v-model="form.corpId" @getCorpData="getCorpData" corpType="KH"
|
|
|
- :disabled="detailData.status == 1"></crop-select>
|
|
|
- </template>
|
|
|
- <template slot="belongToCorpId">
|
|
|
- <crop-select v-model="form.belongToCorpId" corpType="GS" :disabled="detailData.status == 1"></crop-select>
|
|
|
- </template>
|
|
|
- <template slot="corpAttn">
|
|
|
- <el-select size="small" v-model="form.corpAttn" placeholder="请选择" @change="corpAttnChange" clearable
|
|
|
- :disabled="detailData.status == 1">
|
|
|
- <el-option v-for="item in corpsattns" :key="item.id" :label="item.cname" :value="item.cname">
|
|
|
- </el-option>
|
|
|
+ <div class="customer-main" style="margin-top: 85px">
|
|
|
+ <trade-card title="基础信息">
|
|
|
+ <avue-form ref="form" class="trading-form" v-model="form" :option="option">
|
|
|
+ <template slot="portOfLoad">
|
|
|
+ <port-info v-model="form.portOfLoad" :disabled="detailData.status == 1"/>
|
|
|
+ </template>
|
|
|
+ <template slot="portOfDestination">
|
|
|
+ <port-info v-model="form.portOfDestination" :disabled="detailData.status == 1"/>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{}" slot="corpIdLabel">
|
|
|
+ <span style="color: #409EFF;cursor: pointer" @click.stop="khEdit('kh')">客户名称:</span>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{}" slot="belongToCorpIdLabel"> <span style="color: #409EFF;cursor: pointer"
|
|
|
+ @click.stop="khEdit('GS')">公司主体:</span>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{}" slot="portOfLoadLabel"> <span style="color: #409EFF;cursor: pointer"
|
|
|
+ @click.stop="khEdit('portOfLoad')">起运港:</span>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="{}" slot="portOfDestinationLabel"> <span
|
|
|
+ style="color: #409EFF;cursor: pointer" @click.stop="khEdit('portOfLoad')">目的港:</span>
|
|
|
+ </template>
|
|
|
+ <template slot="corpId">
|
|
|
+ <crop-select v-model="form.corpId" @getCorpData="getCorpData" corpType="KH"
|
|
|
+ :disabled="detailData.status == 1"></crop-select>
|
|
|
+ </template>
|
|
|
+ <template slot="belongToCorpId">
|
|
|
+ <crop-select v-model="form.belongToCorpId" corpType="GS"
|
|
|
+ :disabled="detailData.status == 1"></crop-select>
|
|
|
+ </template>
|
|
|
+ <template slot="corpAttn">
|
|
|
+ <el-select size="small" v-model="form.corpAttn" placeholder="请选择" @change="corpAttnChange"
|
|
|
+ clearable
|
|
|
+ :disabled="detailData.status == 1">
|
|
|
+ <el-option v-for="item in corpsattns" :key="item.id" :label="item.cname"
|
|
|
+ :value="item.cname">
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
<template slot="priceTerms">
|