|
@@ -44,13 +44,64 @@
|
|
|
</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>
|
|
|
+ </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>
|
|
|
+ </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" />
|
|
|
+ <port-info v-model="form.portOfLoad" :disabled="detailData.status == 1"/>
|
|
|
</template>
|
|
|
<template slot="portOfDestination">
|
|
|
- <port-info v-model="form.portOfDestination" :disabled="detailData.status == 1" />
|
|
|
+ <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>
|
|
@@ -2511,4 +2562,101 @@ export default {
|
|
|
::v-deep .select-component {
|
|
|
display: flex !important;
|
|
|
}
|
|
|
+
|
|
|
+.divider {
|
|
|
+ display: block;
|
|
|
+ height: 0px;
|
|
|
+ width: 100%;
|
|
|
+ border-top: 1px dashed #dcdfe6;
|
|
|
+}
|
|
|
+
|
|
|
+.content {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ height: 15vh;
|
|
|
+ width: 88vw;
|
|
|
+
|
|
|
+ .divider {
|
|
|
+ display: block;
|
|
|
+ height: 0px;
|
|
|
+ width: 100%;
|
|
|
+ border-top: 2px dashed #dcdfe6;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-item {
|
|
|
+ margin-left: 1vw;
|
|
|
+ .card {
|
|
|
+ width: 130px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ &-title {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 50%;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 600;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ span {
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &-title1 {
|
|
|
+ color: #037fe1;
|
|
|
+ background-color: rgba(3, 127, 225, 0.15);
|
|
|
+ }
|
|
|
+
|
|
|
+ &-title2 {
|
|
|
+ color: #ffa21e;
|
|
|
+ background-color: rgba(255, 162, 30, 0.15);
|
|
|
+ }
|
|
|
+
|
|
|
+ &-title3 {
|
|
|
+ color: #fb5b60;
|
|
|
+ background-color: rgba(251, 91, 96, 0.15);
|
|
|
+ }
|
|
|
+
|
|
|
+ &-title4 {
|
|
|
+ color: #42bc6f;
|
|
|
+ background-color: rgba(66, 188, 111, 0.15);
|
|
|
+ }
|
|
|
+
|
|
|
+ &-title5 {
|
|
|
+ color: #14cde1;
|
|
|
+ background-color: rgba(52, 149, 161, 0.15);
|
|
|
+ }
|
|
|
+
|
|
|
+ &-title6 {
|
|
|
+ color: rgba(4, 66, 31, 0.63);
|
|
|
+ background-color: rgba(66, 188, 111, 0.15);
|
|
|
+ }
|
|
|
+
|
|
|
+ &-content {
|
|
|
+ padding-left: 1vw;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+
|
|
|
+ &-num {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 500;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-text {
|
|
|
+ color: #909399;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.selected{
|
|
|
+ color: #1e9fff !important;
|
|
|
+}
|
|
|
</style>
|