From 1249ca8ff44f8de7992fdb5866eae19613d606c3 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期三, 16 八月 2023 19:37:49 +0800
Subject: [PATCH] 详情页联调
---
src/views/service/serviceContract/DetailServiceContract.vue | 98 ++++++++++++++++++++++++++----------------------
1 files changed, 53 insertions(+), 45 deletions(-)
diff --git a/src/views/service/serviceContract/DetailServiceContract.vue b/src/views/service/serviceContract/DetailServiceContract.vue
index 6bac9a8..a852e68 100644
--- a/src/views/service/serviceContract/DetailServiceContract.vue
+++ b/src/views/service/serviceContract/DetailServiceContract.vue
@@ -25,7 +25,6 @@
<el-tab-pane label="鏀舵鍗�" name="receipt"></el-tab-pane>
<el-tab-pane label="瀹㈡埛鏈嶅姟鍗�" name="clientService"> </el-tab-pane>
<el-tab-pane label="閿�鍞彂绁�" name="invoice"></el-tab-pane>
- <el-tab-pane label="閿�鍞瓙鍗�" name="sub"></el-tab-pane>
</el-tabs>
</div>
<div v-if="activeName === 'first'" class="detail">
@@ -41,11 +40,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 v-if="item.rightStr" class="right">
+ <div class="content-title">{{ item.rightStr + "锛�" }}</div>
+ <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div>
</div>
</li>
</ul>
@@ -63,11 +62,11 @@
<li v-for="(item, i) in dynamicInfoList" :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 v-if="item.rightStr" class="right">
+ <div class="content-title">{{ item.rightStr + "锛�" }}</div>
+ <div class="content-data">{{ item.rightValue ? item.rightValue : "--" }}</div>
</div>
</li>
</ul>
@@ -84,9 +83,10 @@
<div class="termsConditions">
<div class="content-title">{{ "鏉℃涓庢潯绾�" + "锛�" }}</div>
<div class="content-termsConditions">
- <ul>
+ {{ "\n" + detailConfig.infomation.terms }}
+ <!-- <ul>
<li v-for="(item, index) in Status.serviceContract" :key="index">{{ item }}</li>
- </ul>
+ </ul> -->
</div>
</div>
</div>
@@ -103,14 +103,14 @@
<li>
<div class="left remark">
<div class="content-title">{{ "澶囨敞锛�" }}</div>
- <div class="content-data">{{ "" }}</div>
+ <div class="content-data">{{ detailConfig.infomation.remark }}</div>
</div>
</li>
</ul>
</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>
@@ -126,7 +126,7 @@
</li>
</ul>
</div>
- </div>
+ </div> -->
<!-- 浜у搧绠＄悊 -->
<div class="basic-info">
<div class="basic-info-label" @click="expandClick('product')">
@@ -151,13 +151,10 @@
<!-- <FollowupRecords :isDetail="true" /> -->
</div>
<div v-if="activeName === 'clientService'" class="second">
- <ClientServiceOrder :isDetail="true" />
+ <ClientServiceOrder :isDetail="true" :add-config="addConfig" />
</div>
<div v-if="activeName === 'invoice'" class="second">
<!-- <FollowupRecords :isDetail="true" /> -->
- </div>
- <div v-if="activeName === 'sub'" class="second">
- <SubOrder :isDetail="true" />
</div>
</div>
</el-drawer>
@@ -166,7 +163,6 @@
<script>
import ClientServiceOrder from "@/views/service/clientServiceOrder"
-import SubOrder from "@/views/sales/subOrder"
import Status from "@/common/const/salesFixedStatus"
import CommonFormTableView from "@/components/makepager/CommonFormTableView"
export default {
@@ -182,7 +178,7 @@
}
}
},
- components: { ClientServiceOrder, SubOrder, CommonFormTableView },
+ components: { ClientServiceOrder, CommonFormTableView },
computed: {},
data() {
return {
@@ -204,40 +200,50 @@
sumProp: ["other1", "other2", "other3", "other4"],
mergeNumber: 3
},
- productTableList: {}
+ productTableList: {},
+ addConfig: {}
}
},
created() {
- this.setData()
+ this.setData(this.detailConfig.infomation)
+ this.addConfig = {
+ keywordType: "鏈嶅姟鍚堝悓",
+ keyword: this.detailConfig.infomation.number,
+ id: this.detailConfig.infomation.id,
+ client_name: this.detailConfig.infomation.client.name,
+ contact_name: this.detailConfig.infomation.contact_name,
+ client_id: this.detailConfig.infomation.client_id,
+ contact_id: this.detailConfig.infomation.contact_id
+ }
this.setTableForm()
},
mounted() {},
methods: {
- setData() {
+ setData(item) {
this.basicInfoList = [
{
leftStr: "瀹㈡埛鍚嶇О",
- leftValue: "",
+ leftValue: item.client_name,
rightStr: "鏈嶅姟鍚堝悓缂栧彿",
- rightValue: ""
+ rightValue: item.number
},
{
leftStr: "璐熻矗浜�",
- leftValue: "",
+ leftValue: item.member.username,
rightStr: "鑱旂郴浜哄鍚�",
- rightValue: ""
+ rightValue: item.contact.name
},
{
leftStr: "閿�鍞満浼�",
- leftValue: "",
+ leftValue: item.SaleChance.name,
rightStr: "鍚堝悓璁㈠崟",
- rightValue: ""
+ rightValue: item.salesDetails.number
},
{
leftStr: "鎶ヤ环鍗�",
- leftValue: "",
+ leftValue: item.quotation.number,
rightStr: "鍚堝悓绫诲瀷",
- rightValue: ""
+ rightValue: item.serviceContractType
},
{
leftStr: "鍚堝悓鍙戣捣浜�",
@@ -247,15 +253,15 @@
},
{
leftStr: "绛剧害鏃ユ湡",
- leftValue: "",
+ leftValue: item.signTime,
rightStr: "鏈嶅姟寮�濮嬫棩鏈�",
- rightValue: ""
+ rightValue: item.startTime
},
{
leftStr: "鍒涘缓浜�",
leftValue: "",
rightStr: "鏈嶅姟鍒版湡鏃�",
- rightValue: ""
+ rightValue: item.endTime
},
{
leftStr: "鍒涘缓鏃堕棿",
@@ -269,25 +275,25 @@
leftStr: "瀹℃壒鐘舵��",
leftValue: "",
rightStr: "鍚堝悓鐘舵��",
- rightValue: ""
+ rightValue: item.serviceContractStatus
},
{
leftStr: "宸叉湇鍔℃鏁�",
- leftValue: "",
+ leftValue: item.serviceTimes,
rightStr: "搴旀湇鍔℃鏁�",
rightValue: ""
},
{
leftStr: "宸叉敹鎬婚",
- leftValue: "",
+ leftValue: item.amountReceived,
rightStr: "搴旀敹浣欓",
- rightValue: ""
+ rightValue: item.amountReceivable
},
{
leftStr: "宸插紑绁ㄩ噾棰�",
- leftValue: "",
+ leftValue: item.amountInvoiced,
rightStr: "鏈紑绁ㄩ噾棰�",
- rightValue: ""
+ rightValue: item.amountUnInvoiced
}
]
},
@@ -499,6 +505,7 @@
align-items: center;
font-size: 14px;
font-family: PingFangSC;
+ min-height: 40px;
// padding: 5px 0;
.content-title {
width: 320px;
@@ -506,13 +513,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