Commit 6c8c908fe92aef92da1ae9c22da4727c774660b2

Authored by gesilong
2 parents 1d9333b6 8d9717fb

Merge branch 'cjerp-1.0_20251220' into publish_cjerp

@@ -5,7 +5,7 @@ @@ -5,7 +5,7 @@
5 <view class="section"> 5 <view class="section">
6 <text class="row customer">{{ detail.code }}</text> 6 <text class="row customer">{{ detail.code }}</text>
7 <view class="row" v-if="status === 'STANDARD'"><text class="label">正式合同规范性审核</text><text class="value"><span class="info-status" :style="detail.standardApprovedName ? getStatusCss(detail.standardApprovedName) : ''" >{{ detail.standardApprovedName || '-' }}</span></text></view> 7 <view class="row" v-if="status === 'STANDARD'"><text class="label">正式合同规范性审核</text><text class="value"><span class="info-status" :style="detail.standardApprovedName ? getStatusCss(detail.standardApprovedName) : ''" >{{ detail.standardApprovedName || '-' }}</span></text></view>
8 - <view class="row" v-if="detail.status === 'STANDARD'"><text class="label">合同状态</text><text class="value"><span class="info-status" :style="detail.shippingStatusName ? getShippingStatusName(detail.shippingStatusName) : { color: '#000'}" >{{ detail.shippingStatusName || '-' }}</span></text></view> 8 + <view v-if="detail.status === 'STANDARD'" :class="['status', `status_${detail.shippingStatusName}`]" />
9 <view class="row"><text class="label">供方</text><text class="value">{{ detail.supplierName || '-' 9 <view class="row"><text class="label">供方</text><text class="value">{{ detail.supplierName || '-'
10 }}</text></view> 10 }}</text></view>
11 <view class="row"><text class="label">需方</text><text class="value">{{ detail.buyerName || '-' 11 <view class="row"><text class="label">需方</text><text class="value">{{ detail.buyerName || '-'
@@ -214,7 +214,6 @@ export default { @@ -214,7 +214,6 @@ export default {
214 { 214 {
215 text: '审核详情', 215 text: '审核详情',
216 visible: true, 216 visible: true,
217 - variant: 'primary',  
218 event: 'auditDetail' 217 event: 'auditDetail'
219 }, 218 },
220 ], 219 ],
@@ -241,13 +240,6 @@ export default { @@ -241,13 +240,6 @@ export default {
241 this.loadDetail() 240 this.loadDetail()
242 }, 241 },
243 methods: { 242 methods: {
244 - getShippingStatusName(name) {  
245 - const found = this.statusMap[name] || ''  
246 - return {  
247 - backgroundColor: found || '#000',  
248 - color: found ? '#fff' : '#000'  
249 - }  
250 - },  
251 getStatusCss(name) { 243 getStatusCss(name) {
252 const list = Array.isArray(this.statusStyle) ? this.statusStyle : [] 244 const list = Array.isArray(this.statusStyle) ? this.statusStyle : []
253 const found = list.find(it => it && it.text === name) || {} 245 const found = list.find(it => it && it.text === name) || {}
@@ -436,6 +428,32 @@ export default { @@ -436,6 +428,32 @@ export default {
436 padding: 32rpx; 428 padding: 32rpx;
437 background: #fff; 429 background: #fff;
438 margin-bottom: 20rpx; 430 margin-bottom: 20rpx;
  431 + .status {
  432 + position: absolute;
  433 + top: 16rpx;
  434 + right: 52rpx;
  435 + width: 180rpx;
  436 + height: 146rpx;
  437 + background-repeat: no-repeat;
  438 + background-size: 100% 100%;
  439 + background-position: center;
  440 +
  441 + &_审批中 {
  442 + background-image: url('~@/static/images/contract/status_1.png');
  443 + }
  444 +
  445 + &_生产中 {
  446 + background-image: url('~@/static/images/contract/status_2.png');
  447 + }
  448 +
  449 + &_已发货 {
  450 + background-image: url('~@/static/images/contract/status_3.png');
  451 + }
  452 +
  453 + &_已签收 {
  454 + background-image: url('~@/static/images/contract/status_4.png');
  455 + }
  456 + }
439 } 457 }
440 458
441 .section1 { 459 .section1 {
@@ -10,7 +10,8 @@ @@ -10,7 +10,8 @@
10 <span v-if="detail.status === 'STANDARD'" class="info-status" :style="detail.standardApprovedName ? getStatusCss(detail.standardApprovedName) : ''" >{{ detail.standardApprovedName || '-' }}</span> 10 <span v-if="detail.status === 'STANDARD'" class="info-status" :style="detail.standardApprovedName ? getStatusCss(detail.standardApprovedName) : ''" >{{ detail.standardApprovedName || '-' }}</span>
11 <span v-if="detail.status === 'FORMAL'" class="info-status" :style="detail.formalApprovedName ? getStatusCss(detail.formalApprovedName) : ''" >{{ detail.formalApprovedName || '-' }}</span> 11 <span v-if="detail.status === 'FORMAL'" class="info-status" :style="detail.formalApprovedName ? getStatusCss(detail.formalApprovedName) : ''" >{{ detail.formalApprovedName || '-' }}</span>
12 </text> 12 </text>
13 - </view> <view class="row" v-if="detail.status === 'STANDARD'"><text class="label">合同状态</text><text class="value"><span class="info-status" :style="detail.shippingStatusName ? getShippingStatusName(detail.shippingStatusName) : { color: '#000'}" >{{ detail.shippingStatusName || '-' }}</span></text></view> 13 + </view>
  14 + <view v-if="detail.status === 'STANDARD'" :class="['status', `status_${detail.shippingStatusName}`]" />
14 <view class="row"><text class="label">供方</text><text class="value">{{ detail.supplierName || '-' 15 <view class="row"><text class="label">供方</text><text class="value">{{ detail.supplierName || '-'
15 }}</text></view> 16 }}</text></view>
16 <view class="row"><text class="label">需方</text><text class="value">{{ detail.buyerName || '-' 17 <view class="row"><text class="label">需方</text><text class="value">{{ detail.buyerName || '-'
@@ -251,19 +252,16 @@ export default { @@ -251,19 +252,16 @@ export default {
251 { 252 {
252 text: '正式合同审核详情', 253 text: '正式合同审核详情',
253 visible: true, 254 visible: true,
254 - variant: 'primary',  
255 event: 'auditDetail1' 255 event: 'auditDetail1'
256 }, 256 },
257 { 257 {
258 text: '正式合同审核详情', 258 text: '正式合同审核详情',
259 visible: true, 259 visible: true,
260 - variant: 'primary',  
261 event: 'auditDetail2' 260 event: 'auditDetail2'
262 }, 261 },
263 { 262 {
264 text: '标准合同审核详情', 263 text: '标准合同审核详情',
265 visible: true, 264 visible: true,
266 - variant: 'primary',  
267 event: 'auditDetail3' 265 event: 'auditDetail3'
268 }, 266 },
269 { 267 {
@@ -306,13 +304,6 @@ export default { @@ -306,13 +304,6 @@ export default {
306 this.loadDetail() 304 this.loadDetail()
307 }, 305 },
308 methods: { 306 methods: {
309 - getShippingStatusName(name) {  
310 - const found = this.statusMap[name] || ''  
311 - return {  
312 - backgroundColor: found || '#000',  
313 - color: found ? '#fff' : '#000'  
314 - }  
315 - },  
316 getStatusCss(name) { 307 getStatusCss(name) {
317 const list = Array.isArray(this.statusStyle) ? this.statusStyle : [] 308 const list = Array.isArray(this.statusStyle) ? this.statusStyle : []
318 const found = list.find(it => it && it.text === name) || {} 309 const found = list.find(it => it && it.text === name) || {}
@@ -523,6 +514,32 @@ export default { @@ -523,6 +514,32 @@ export default {
523 padding: 32rpx; 514 padding: 32rpx;
524 background: #fff; 515 background: #fff;
525 margin-bottom: 20rpx; 516 margin-bottom: 20rpx;
  517 + .status {
  518 + position: absolute;
  519 + top: 16rpx;
  520 + right: 52rpx;
  521 + width: 180rpx;
  522 + height: 146rpx;
  523 + background-repeat: no-repeat;
  524 + background-size: 100% 100%;
  525 + background-position: center;
  526 +
  527 + &_审批中 {
  528 + background-image: url('~@/static/images/contract/status_1.png');
  529 + }
  530 +
  531 + &_生产中 {
  532 + background-image: url('~@/static/images/contract/status_2.png');
  533 + }
  534 +
  535 + &_已发货 {
  536 + background-image: url('~@/static/images/contract/status_3.png');
  537 + }
  538 +
  539 + &_已签收 {
  540 + background-image: url('~@/static/images/contract/status_4.png');
  541 + }
  542 + }
526 } 543 }
527 544
528 .section1 { 545 .section1 {
@@ -12,7 +12,8 @@ @@ -12,7 +12,8 @@
12 <span v-if="detail.status === 'FORMAL'" class="info-status" :style="detail.formalApprovedName ? getStatusCss(detail.formalApprovedName) : ''" >{{ detail.formalApprovedName || '-' }}</span> 12 <span v-if="detail.status === 'FORMAL'" class="info-status" :style="detail.formalApprovedName ? getStatusCss(detail.formalApprovedName) : ''" >{{ detail.formalApprovedName || '-' }}</span>
13 13
14 </text> 14 </text>
15 - </view> <view class="row" v-if="detail.status === 'STANDARD'"><text class="label">合同状态</text><text class="value"><span class="info-status" :style="detail.shippingStatusName ? getShippingStatusName(detail.shippingStatusName) : { color: '#000'}" >{{ detail.shippingStatusName || '-' }}</span></text></view> 15 + </view>
  16 + <view v-if="detail.status === 'STANDARD'" :class="['status', `status_${detail.shippingStatusName}`]" />
16 <view class="row"><text class="label">供方</text><text class="value">{{ detail.supplierName || '-' 17 <view class="row"><text class="label">供方</text><text class="value">{{ detail.supplierName || '-'
17 }}</text></view> 18 }}</text></view>
18 <view class="row"><text class="label">需方</text><text class="value">{{ detail.buyerName || '-' 19 <view class="row"><text class="label">需方</text><text class="value">{{ detail.buyerName || '-'
@@ -259,19 +260,16 @@ export default { @@ -259,19 +260,16 @@ export default {
259 { 260 {
260 text: '正式合同审核详情', 261 text: '正式合同审核详情',
261 visible: true, 262 visible: true,
262 - variant: 'primary',  
263 event: 'auditDetail1' 263 event: 'auditDetail1'
264 }, 264 },
265 { 265 {
266 text: '正式合同审核详情', 266 text: '正式合同审核详情',
267 visible: true, 267 visible: true,
268 - variant: 'primary',  
269 event: 'auditDetail2' 268 event: 'auditDetail2'
270 }, 269 },
271 { 270 {
272 text: '标准合同审核详情', 271 text: '标准合同审核详情',
273 visible: true, 272 visible: true,
274 - variant: 'primary',  
275 event: 'auditDetail3' 273 event: 'auditDetail3'
276 }, 274 },
277 { 275 {
@@ -315,13 +313,6 @@ export default { @@ -315,13 +313,6 @@ export default {
315 this.loadDetail() 313 this.loadDetail()
316 }, 314 },
317 methods: { 315 methods: {
318 - getShippingStatusName(name) {  
319 - const found = this.statusMap[name] || ''  
320 - return {  
321 - backgroundColor: found || '#000',  
322 - color: found ? '#fff' : '#000'  
323 - }  
324 - },  
325 getStatusCss(name) { 316 getStatusCss(name) {
326 const list = Array.isArray(this.statusStyle) ? this.statusStyle : [] 317 const list = Array.isArray(this.statusStyle) ? this.statusStyle : []
327 const found = list.find(it => it && it.text === name) || {} 318 const found = list.find(it => it && it.text === name) || {}
@@ -537,6 +528,32 @@ export default { @@ -537,6 +528,32 @@ export default {
537 padding: 32rpx; 528 padding: 32rpx;
538 background: #fff; 529 background: #fff;
539 margin-bottom: 20rpx; 530 margin-bottom: 20rpx;
  531 + .status {
  532 + position: absolute;
  533 + top: 16rpx;
  534 + right: 52rpx;
  535 + width: 180rpx;
  536 + height: 146rpx;
  537 + background-repeat: no-repeat;
  538 + background-size: 100% 100%;
  539 + background-position: center;
  540 +
  541 + &_审批中 {
  542 + background-image: url('~@/static/images/contract/status_1.png');
  543 + }
  544 +
  545 + &_生产中 {
  546 + background-image: url('~@/static/images/contract/status_2.png');
  547 + }
  548 +
  549 + &_已发货 {
  550 + background-image: url('~@/static/images/contract/status_3.png');
  551 + }
  552 +
  553 + &_已签收 {
  554 + background-image: url('~@/static/images/contract/status_4.png');
  555 + }
  556 + }
540 } 557 }
541 558
542 .section1 { 559 .section1 {
@@ -5,7 +5,7 @@ statusStyl<template> @@ -5,7 +5,7 @@ statusStyl<template>
5 <view class="section"> 5 <view class="section">
6 <text class="row customer">{{ detail.code }}</text> 6 <text class="row customer">{{ detail.code }}</text>
7 <view class="row" v-if="status === 'STANDARD'"><text class="label">正式合同规范性审核</text><text class="value"><span class="info-status" :style="detail.standardApprovedName ? getStatusCss(detail.standardApprovedName) : ''" >{{ detail.standardApprovedName || '-' }}</span></text></view> 7 <view class="row" v-if="status === 'STANDARD'"><text class="label">正式合同规范性审核</text><text class="value"><span class="info-status" :style="detail.standardApprovedName ? getStatusCss(detail.standardApprovedName) : ''" >{{ detail.standardApprovedName || '-' }}</span></text></view>
8 - <view class="row" v-if="detail.status === 'STANDARD'"><text class="label">合同状态</text><text class="value"><span class="info-status" :style="detail.shippingStatusName ? getShippingStatusName(detail.shippingStatusName) : { color: '#000'}" >{{ detail.shippingStatusName || '-' }}</span></text></view> 8 + <view v-if="detail.status === 'STANDARD'" :class="['status', `status_${detail.shippingStatusName}`]" />
9 <view class="row"><text class="label">承揽方</text><text class="value">{{ detail.supplierName || '-' 9 <view class="row"><text class="label">承揽方</text><text class="value">{{ detail.supplierName || '-'
10 }}</text></view> 10 }}</text></view>
11 <view class="row"><text class="label">定作方</text><text class="value">{{ detail.buyerName || '-' 11 <view class="row"><text class="label">定作方</text><text class="value">{{ detail.buyerName || '-'
@@ -205,7 +205,6 @@ export default { @@ -205,7 +205,6 @@ export default {
205 { 205 {
206 text: '审核详情', 206 text: '审核详情',
207 visible: true, 207 visible: true,
208 - variant: 'primary',  
209 event: 'auditDetail' 208 event: 'auditDetail'
210 }, 209 },
211 ], 210 ],
@@ -231,13 +230,6 @@ export default { @@ -231,13 +230,6 @@ export default {
231 this.loadDetail() 230 this.loadDetail()
232 }, 231 },
233 methods: { 232 methods: {
234 - getShippingStatusName(name) {  
235 - const found = this.statusMap[name] || ''  
236 - return {  
237 - backgroundColor: found || '#000',  
238 - color: found ? '#fff' : '#000'  
239 - }  
240 - },  
241 getStatusCss(name) { 233 getStatusCss(name) {
242 const list = Array.isArray(this.statusStyle) ? this.statusStyle : [] 234 const list = Array.isArray(this.statusStyle) ? this.statusStyle : []
243 const found = list.find(it => it && it.text === name) || {} 235 const found = list.find(it => it && it.text === name) || {}
@@ -420,6 +412,32 @@ export default { @@ -420,6 +412,32 @@ export default {
420 padding: 32rpx; 412 padding: 32rpx;
421 background: #fff; 413 background: #fff;
422 margin-bottom: 20rpx; 414 margin-bottom: 20rpx;
  415 + .status {
  416 + position: absolute;
  417 + top: 16rpx;
  418 + right: 52rpx;
  419 + width: 180rpx;
  420 + height: 146rpx;
  421 + background-repeat: no-repeat;
  422 + background-size: 100% 100%;
  423 + background-position: center;
  424 +
  425 + &_审批中 {
  426 + background-image: url('~@/static/images/contract/status_1.png');
  427 + }
  428 +
  429 + &_生产中 {
  430 + background-image: url('~@/static/images/contract/status_2.png');
  431 + }
  432 +
  433 + &_已发货 {
  434 + background-image: url('~@/static/images/contract/status_3.png');
  435 + }
  436 +
  437 + &_已签收 {
  438 + background-image: url('~@/static/images/contract/status_4.png');
  439 + }
  440 + }
423 } 441 }
424 .section1 { 442 .section1 {
425 background: #fff; 443 background: #fff;
@@ -5,7 +5,7 @@ @@ -5,7 +5,7 @@
5 <view class="section"> 5 <view class="section">
6 <text class="row customer">{{ detail.code }}</text> 6 <text class="row customer">{{ detail.code }}</text>
7 <view class="row" v-if="detail.status === 'STANDARD'"><text class="label">正式合同规范性审核</text><text class="value"><span class="info-status" :style="detail.standardApprovedName ? getStatusCss(detail.standardApprovedName) : ''" >{{ detail.standardApprovedName || '-' }}</span></text></view> 7 <view class="row" v-if="detail.status === 'STANDARD'"><text class="label">正式合同规范性审核</text><text class="value"><span class="info-status" :style="detail.standardApprovedName ? getStatusCss(detail.standardApprovedName) : ''" >{{ detail.standardApprovedName || '-' }}</span></text></view>
8 - <view class="row" v-if="detail.status === 'STANDARD'"><text class="label">合同状态</text><text class="value"><span class="info-status" :style="detail.shippingStatusName ? getShippingStatusName(detail.shippingStatusName) : { color: '#000'}" >{{ detail.shippingStatusName || '-' }}</span></text></view> 8 + <view v-if="detail.status === 'STANDARD'" :class="['status', `status_${detail.shippingStatusName}`]" />
9 <view class="row"><text class="label">供方</text><text class="value">{{ detail.supplierName || 9 <view class="row"><text class="label">供方</text><text class="value">{{ detail.supplierName ||
10 '-'}}</text></view> 10 '-'}}</text></view>
11 <view class="row"><text class="label">需方</text><text class="value">{{ detail.buyerName || 11 <view class="row"><text class="label">需方</text><text class="value">{{ detail.buyerName ||
@@ -60,7 +60,7 @@ @@ -60,7 +60,7 @@
60 }}</text></view> 60 }}</text></view>
61 </view> 61 </view>
62 62
63 - <view class="section" v-if="status === 'STANDARD'"> 63 + <view class="section" v-if="detail.status === 'STANDARD'">
64 <view class="row"><text class="label">规范性合同</text><text class="value" style="color: #3D48A3;">{{ 64 <view class="row"><text class="label">规范性合同</text><text class="value" style="color: #3D48A3;">{{
65 detail.standardFileName || '-' }}</text></view> 65 detail.standardFileName || '-' }}</text></view>
66 <view class="row"><text class="label">合同是否规范</text><text class="value">{{ 66 <view class="row"><text class="label">合同是否规范</text><text class="value">{{
@@ -205,7 +205,6 @@ export default { @@ -205,7 +205,6 @@ export default {
205 { 205 {
206 text: '审核详情', 206 text: '审核详情',
207 visible: true, 207 visible: true,
208 - variant: 'primary',  
209 event: 'auditDetail' 208 event: 'auditDetail'
210 }, 209 },
211 ], 210 ],
@@ -259,13 +258,6 @@ export default { @@ -259,13 +258,6 @@ export default {
259 const name = getDicName('AUDIT_STATUS', code, this.dicOptions.AUDIT_STATUS) 258 const name = getDicName('AUDIT_STATUS', code, this.dicOptions.AUDIT_STATUS)
260 this.detail = { ...this.detail, standardApprovedName: name } 259 this.detail = { ...this.detail, standardApprovedName: name }
261 }, 260 },
262 - getShippingStatusName(name) {  
263 - const found = this.statusMap[name] || ''  
264 - return {  
265 - backgroundColor: found || '#000',  
266 - color: found ? '#fff' : '#000'  
267 - }  
268 - },  
269 onUploadSubmit() { 261 onUploadSubmit() {
270 if (!this.fileInfo.id) { 262 if (!this.fileInfo.id) {
271 uni.showToast({ 263 uni.showToast({
@@ -428,8 +420,35 @@ export default { @@ -428,8 +420,35 @@ export default {
428 padding: 32rpx; 420 padding: 32rpx;
429 background: #fff; 421 background: #fff;
430 margin-bottom: 20rpx; 422 margin-bottom: 20rpx;
  423 + .status {
  424 + position: absolute;
  425 + top: 16rpx;
  426 + right: 52rpx;
  427 + width: 180rpx;
  428 + height: 146rpx;
  429 + background-repeat: no-repeat;
  430 + background-size: 100% 100%;
  431 + background-position: center;
  432 +
  433 + &_审批中 {
  434 + background-image: url('~@/static/images/contract/status_1.png');
  435 + }
  436 +
  437 + &_生产中 {
  438 + background-image: url('~@/static/images/contract/status_2.png');
  439 + }
  440 +
  441 + &_已发货 {
  442 + background-image: url('~@/static/images/contract/status_3.png');
  443 + }
  444 +
  445 + &_已签收 {
  446 + background-image: url('~@/static/images/contract/status_4.png');
  447 + }
  448 + }
431 } 449 }
432 450
  451 +
433 .section1 { 452 .section1 {
434 background: #fff; 453 background: #fff;
435 margin-bottom: 20rpx; 454 margin-bottom: 20rpx;
@@ -12,7 +12,8 @@ @@ -12,7 +12,8 @@
12 <span v-if="detail.status === 'FORMAL'" class="info-status" :style="detail.formalApprovedName ? getStatusCss(detail.formalApprovedName) : ''" >{{ detail.formalApprovedName || '-' }}</span> 12 <span v-if="detail.status === 'FORMAL'" class="info-status" :style="detail.formalApprovedName ? getStatusCss(detail.formalApprovedName) : ''" >{{ detail.formalApprovedName || '-' }}</span>
13 13
14 </text> 14 </text>
15 - </view> <view class="row" v-if="detail.status === 'STANDARD'"><text class="label">合同状态</text><text class="value"><span class="info-status" :style="detail.shippingStatusName ? getShippingStatusName(detail.shippingStatusName) : { color: '#000'}" >{{ detail.shippingStatusName || '-' }}</span></text></view> 15 + </view>
  16 + <view v-if="detail.status === 'STANDARD'" :class="['status', `status_${detail.shippingStatusName}`]" />
16 <view class="row"><text class="label">供方</text><text class="value">{{ detail.supplierName || '-' 17 <view class="row"><text class="label">供方</text><text class="value">{{ detail.supplierName || '-'
17 }}</text></view> 18 }}</text></view>
18 <view class="row"><text class="label">需方</text><text class="value">{{ detail.buyerName || '-' 19 <view class="row"><text class="label">需方</text><text class="value">{{ detail.buyerName || '-'
@@ -245,19 +246,16 @@ export default { @@ -245,19 +246,16 @@ export default {
245 { 246 {
246 text: '正式合同审核详情', 247 text: '正式合同审核详情',
247 visible: true, 248 visible: true,
248 - variant: 'primary',  
249 event: 'auditDetail1' 249 event: 'auditDetail1'
250 }, 250 },
251 { 251 {
252 text: '正式合同审核详情', 252 text: '正式合同审核详情',
253 visible: true, 253 visible: true,
254 - variant: 'primary',  
255 event: 'auditDetail2' 254 event: 'auditDetail2'
256 }, 255 },
257 { 256 {
258 text: '标准合同审核详情', 257 text: '标准合同审核详情',
259 visible: true, 258 visible: true,
260 - variant: 'primary',  
261 event: 'auditDetail3' 259 event: 'auditDetail3'
262 }, 260 },
263 ], 261 ],
@@ -295,13 +293,6 @@ export default { @@ -295,13 +293,6 @@ export default {
295 this.loadDetail() 293 this.loadDetail()
296 }, 294 },
297 methods: { 295 methods: {
298 - getShippingStatusName(name) {  
299 - const found = this.statusMap[name] || ''  
300 - return {  
301 - backgroundColor: found || '#000',  
302 - color: found ? '#fff' : '#000'  
303 - }  
304 - },  
305 onDelete() { 296 onDelete() {
306 uni.showModal({ 297 uni.showModal({
307 title: '确认删除', 298 title: '确认删除',
@@ -501,6 +492,32 @@ export default { @@ -501,6 +492,32 @@ export default {
501 padding: 32rpx; 492 padding: 32rpx;
502 background: #fff; 493 background: #fff;
503 margin-bottom: 20rpx; 494 margin-bottom: 20rpx;
  495 + .status {
  496 + position: absolute;
  497 + top: 16rpx;
  498 + right: 52rpx;
  499 + width: 180rpx;
  500 + height: 146rpx;
  501 + background-repeat: no-repeat;
  502 + background-size: 100% 100%;
  503 + background-position: center;
  504 +
  505 + &_审批中 {
  506 + background-image: url('~@/static/images/contract/status_1.png');
  507 + }
  508 +
  509 + &_生产中 {
  510 + background-image: url('~@/static/images/contract/status_2.png');
  511 + }
  512 +
  513 + &_已发货 {
  514 + background-image: url('~@/static/images/contract/status_3.png');
  515 + }
  516 +
  517 + &_已签收 {
  518 + background-image: url('~@/static/images/contract/status_4.png');
  519 + }
  520 + }
504 } 521 }
505 .section1 { 522 .section1 {
506 background: #fff; 523 background: #fff;
@@ -13,7 +13,7 @@ @@ -13,7 +13,7 @@
13 13
14 </text> 14 </text>
15 </view> 15 </view>
16 - <view class="row" v-if="detail.status === 'STANDARD'"><text class="label">合同状态</text><text class="value"><span class="info-status" :style="detail.shippingStatusName ? getShippingStatusName(detail.shippingStatusName) :{ color: '#000'}" >{{ detail.shippingStatusName || '-' }}</span></text></view> 16 + <view v-if="detail.status === 'STANDARD'" :class="['status', `status_${detail.shippingStatusName}`]" />
17 <view class="row"><text class="label">供方</text><text class="value">{{ detail.supplierName || '-' 17 <view class="row"><text class="label">供方</text><text class="value">{{ detail.supplierName || '-'
18 }}</text></view> 18 }}</text></view>
19 <view class="row"><text class="label">需方</text><text class="value">{{ detail.buyerName || '-' 19 <view class="row"><text class="label">需方</text><text class="value">{{ detail.buyerName || '-'
@@ -253,19 +253,16 @@ export default { @@ -253,19 +253,16 @@ export default {
253 { 253 {
254 text: '正式合同审核详情', 254 text: '正式合同审核详情',
255 visible: true, 255 visible: true,
256 - variant: 'primary',  
257 event: 'auditDetail1' 256 event: 'auditDetail1'
258 }, 257 },
259 { 258 {
260 text: '正式合同审核详情', 259 text: '正式合同审核详情',
261 visible: true, 260 visible: true,
262 - variant: 'primary',  
263 event: 'auditDetail2' 261 event: 'auditDetail2'
264 }, 262 },
265 { 263 {
266 text: '标准合同审核详情', 264 text: '标准合同审核详情',
267 visible: true, 265 visible: true,
268 - variant: 'primary',  
269 event: 'auditDetail3' 266 event: 'auditDetail3'
270 }, 267 },
271 ], 268 ],
@@ -302,14 +299,6 @@ export default { @@ -302,14 +299,6 @@ export default {
302 this.loadDetail() 299 this.loadDetail()
303 }, 300 },
304 methods: { 301 methods: {
305 - getShippingStatusName(name) {  
306 - const found = this.statusMap[name] || ''  
307 - console.log(found,'found')  
308 - return {  
309 - backgroundColor: found || '#000',  
310 - color: found ? '#fff' : '#000'  
311 - }  
312 - },  
313 getStatusCss(name) { 302 getStatusCss(name) {
314 const list = Array.isArray(this.statusStyle) ? this.statusStyle : [] 303 const list = Array.isArray(this.statusStyle) ? this.statusStyle : []
315 const found = list.find(it => it && it.text === name) || {} 304 const found = list.find(it => it && it.text === name) || {}
@@ -522,6 +511,32 @@ export default { @@ -522,6 +511,32 @@ export default {
522 padding: 32rpx; 511 padding: 32rpx;
523 background: #fff; 512 background: #fff;
524 margin-bottom: 20rpx; 513 margin-bottom: 20rpx;
  514 + .status {
  515 + position: absolute;
  516 + top: 16rpx;
  517 + right: 52rpx;
  518 + width: 180rpx;
  519 + height: 146rpx;
  520 + background-repeat: no-repeat;
  521 + background-size: 100% 100%;
  522 + background-position: center;
  523 +
  524 + &_审批中 {
  525 + background-image: url('~@/static/images/contract/status_1.png');
  526 + }
  527 +
  528 + &_生产中 {
  529 + background-image: url('~@/static/images/contract/status_2.png');
  530 + }
  531 +
  532 + &_已发货 {
  533 + background-image: url('~@/static/images/contract/status_3.png');
  534 + }
  535 +
  536 + &_已签收 {
  537 + background-image: url('~@/static/images/contract/status_4.png');
  538 + }
  539 + }
525 } 540 }
526 541
527 .section1 { 542 .section1 {