From e02b9950df2e833c80e8542209bfbf3b44896c90 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期三, 16 八月 2023 12:14:21 +0800
Subject: [PATCH] 样式调整
---
src/views/sales/quotation/DetailQuotation.vue | 191 +++++++----------------------------------------
1 files changed, 30 insertions(+), 161 deletions(-)
diff --git a/src/views/sales/quotation/DetailQuotation.vue b/src/views/sales/quotation/DetailQuotation.vue
index 1cd4f7c..6499e00 100644
--- a/src/views/sales/quotation/DetailQuotation.vue
+++ b/src/views/sales/quotation/DetailQuotation.vue
@@ -29,14 +29,14 @@
</div>
<div v-if="activeName === 'first'" class="detail">
<!-- 鏍囩 -->
- <div class="basic-info">
+ <!-- <div class="basic-info">
<div class="basic-info-label" @click="expandClick('label')">
<i v-if="isLabelExpand" class="el-icon-arrow-down"></i>
<i v-else class="el-icon-arrow-up"></i>
<span style="margin-left: 10px">鏍囩</span>
</div>
<div v-show="isLabelExpand" class="basic-info-content"></div>
- </div>
+ </div> -->
<!-- 鍩烘湰淇℃伅 -->
<div class="basic-info">
<div class="basic-info-label" @click="expandClick('basic')">
@@ -49,11 +49,11 @@
<li v-for="(item, i) in basicInfoList" :key="i">
<div class="left">
<div class="content-title">{{ item.leftStr + "锛�" }}</div>
- <div class="content-data">{{ item.leftValue }}</div>
+ <div class="content-data">{{ item.leftValue ? item.leftValue : "--" }}</div>
</div>
<div class="right">
- <div class="content-title">{{ item.rightStr }}</div>
- <div class="content-data">{{ item.rightValue }}</div>
+ <div class="content-title">{{ item.rightStr + "锛�" }}</div>
+ <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div>
</div>
</li>
</ul>
@@ -70,15 +70,16 @@
<div class="termsConditions">
<div class="content-title">{{ "鏉′欢涓庢潯娆�" + "锛�" }}</div>
<div class="content-termsConditions">
- <ul>
+ {{ "\n" + detailConfig.infomation.conditions }}
+ <!-- <ul>
<li v-for="(item, index) in Status.termsConditions" :key="index">{{ item }}</li>
- </ul>
+ </ul> -->
</div>
</div>
</div>
</div>
<!-- 闄勪欢淇℃伅 -->
- <div class="basic-info">
+ <!-- <div class="basic-info">
<div class="basic-info-label" @click="expandClick('annex')">
<i v-if="isAnnexExpand" class="el-icon-arrow-down"></i>
<i v-else class="el-icon-arrow-up"></i>
@@ -94,7 +95,7 @@
</li>
</ul>
</div>
- </div>
+ </div> -->
<!-- 浜у搧绠＄悊 -->
<div class="basic-info">
<div class="basic-info-label" @click="expandClick('product')">
@@ -177,170 +178,36 @@
}
},
created() {
- this.setData()
+ this.setData(this.detailConfig.infomation)
this.setTableForm()
},
mounted() {},
methods: {
- setData() {
+ setData(item) {
this.basicInfoList = [
{
leftStr: "瀹㈡埛鍚嶇О",
- leftValue: "",
- rightStr: "閿�鍞満浼氱紪鍙�",
- rightValue: ""
+ leftValue: item.client_name,
+ rightStr: "鎶ヤ环缂栧彿",
+ rightValue: item.number
},
{
- leftStr: "鏈轰細鍚嶇О",
- leftValue: "",
+ leftStr: "鎶ヤ环鍗曠姸鎬�",
+ leftValue: item.quotation_status.name,
rightStr: "鑱旂郴浜哄鍚�",
- rightValue: ""
+ rightValue: item.contact_name
},
{
- leftStr: "鍟嗘満鏉ユ簮",
- leftValue: "",
- rightStr: "鍟嗘満绫诲瀷",
- rightValue: ""
- },
- {
- leftStr: "閿�鍞樁娈�",
- leftValue: "",
+ leftStr: "鏈夋晥鏈熻嚦",
+ leftValue: item.validity_date,
rightStr: "閿�鍞礋璐ｄ汉",
- rightValue: ""
+ rightValue: item.member.username
},
{
- leftStr: "鑰佸鎴疯惀閿�",
- leftValue: "",
- rightStr: "绛惧埌",
- rightValue: ""
- },
- {
- leftStr: "瀹℃壒鐘舵��",
- leftValue: "",
- rightStr: "绔炰簤瀵规墜",
- rightValue: ""
- },
- {
- leftStr: "鍒涘缓浜�",
- leftValue: "",
+ leftStr: "閿�鍞満浼�",
+ leftValue: item.sale_chance.name,
rightStr: "鍒涘缓鏃堕棿",
rightValue: ""
- }
- ]
- this.forecastList = [
- {
- leftStr: "鍙兘鎬�(%)",
- leftValue: "",
- rightStr: "甯佺",
- rightValue: ""
- },
- {
- leftStr: "棰勭畻缁濆鍊�",
- leftValue: "",
- rightStr: "棰勮鎴愪氦鏃ユ湡",
- rightValue: ""
- },
- {
- leftStr: "棰勮鍚堝悓閲戦",
- leftValue: "",
- rightStr: "褰撳墠鐘舵��",
- rightValue: ""
- }
- ]
- this.dynamicInfoList = [
- {
- leftStr: "鏈仈绯诲ぉ鏁�",
- leftValue: "",
- rightStr: "鏈�鏂拌仈绯绘棩鏈�",
- rightValue: ""
- },
- {
- leftStr: "鏈帹鑽愬ぉ鏁�",
- leftValue: "",
- rightStr: "鏈�鏂版帹杩涙椂闂�",
- rightValue: ""
- },
- {
- leftStr: "鏈�鏂拌仈绯讳汉",
- leftValue: "",
- rightStr: "鏈�鏂版洿鏂版椂闂�",
- rightValue: ""
- }
- ]
- this.businessInfoList = [
- {
- leftStr: "瀹㈡埛闇�姹傛垨鐥涚偣锛坵hy锛�",
- leftValue: ""
- },
- {
- leftStr: "鏄惁宸茬粡绔嬮」锛坧lan锛�",
- leftValue: ""
- },
- {
- leftStr: "璧勯噾棰勭畻鏄灏戯紙plan锛�",
- leftValue: ""
- },
- {
- leftStr: "鍏抽敭鍐崇瓥浜烘槸璋侊紙who锛�",
- leftValue: ""
- },
- {
- leftStr: "鍏抽敭鍐崇瓥鍥犵礌鏈夊摢浜涳紙what锛�",
- leftValue: ""
- },
- {
- leftStr: "鍐崇瓥娴佺▼鏄�庢牱鐨勶紙what锛�",
- leftValue: ""
- },
- {
- leftStr: "绔炰簤瀵规墜鎻愪緵鐨勬柟妗堬紙what锛�",
- leftValue: ""
- }
- ]
- this.swotInfoList = [
- {
- leftStr: "浼樺娍(S)",
- leftValue: "",
- rightStr: "鍔ｅ娍(W)",
- rightValue: ""
- },
- {
- leftStr: "鏈轰細(O)",
- leftValue: "",
- rightStr: "濞佽儊(T)",
- rightValue: ""
- }
- ]
- this.addressInfoList = [
- {
- leftStr: "鍥藉",
- leftValue: "",
- rightStr: "鐪佷唤",
- rightValue: ""
- },
- {
- leftStr: "鍩庡競",
- leftValue: "",
- rightStr: "鍖哄煙",
- rightValue: ""
- },
- {
- leftStr: "璇︾粏鍦板潃",
- leftValue: "",
- rightStr: "",
- rightValue: ""
- }
- ]
- this.historyList = [
- {
- date: "2023-08-04 13:22:36",
- stage: "鎴愬姛缁撴",
- modify: "绯荤粺绠＄悊鍛�"
- },
- {
- date: "2023-08-04 13:22:36",
- stage: "鎴愬姛缁撴",
- modify: "绯荤粺绠＄悊鍛�"
}
]
},
@@ -559,6 +426,7 @@
align-items: center;
font-size: 14px;
font-family: PingFangSC;
+ min-height: 40px;
// padding: 5px 0;
.content-title {
width: 320px;
@@ -566,13 +434,14 @@
color: #555;
}
.content-termsConditions {
- margin-left: 25px;
+ margin: 0px 25px 15px;
font-size: 13px;
color: #333;
- li {
- margin: 5px 0;
- border-bottom: 0px solid #f9f9fb;
- }
+ white-space: pre-wrap;
+ // li {
+ // margin: 5px 0;
+ // border-bottom: 0px solid #f9f9fb;
+ // }
}
}
}
--
Gitblit v1.8.0