From 7d7fbe920279c9d7a42268a284427d2c42d8f0f2 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期二, 10 十月 2023 14:45:01 +0800
Subject: [PATCH] 弹出搜索框 公共组件修改
---
src/views/service/serviceContract/DetailServiceContract.vue | 148 +++++++++++++++++++++++--------------------------
1 files changed, 70 insertions(+), 78 deletions(-)
diff --git a/src/views/service/serviceContract/DetailServiceContract.vue b/src/views/service/serviceContract/DetailServiceContract.vue
index 6bac9a8..75e7a1e 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')">
@@ -145,19 +145,16 @@
</div>
</div>
<div v-if="activeName === 'collection'" class="second">
- <!-- <FollowupRecords :isDetail="true" /> -->
+ <CollectionPlan :isDetail="true" :add-config="addConfig" :source-type="2" />
</div>
<div v-if="activeName === 'receipt'" class="second">
- <!-- <FollowupRecords :isDetail="true" /> -->
+ <Receipt :isDetail="true" :add-config="addConfig" :source-type="2" />
</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" />
+ <SaleInvoice :isDetail="true" :add-config="addConfig" :source-type="2" />
</div>
</div>
</el-drawer>
@@ -166,9 +163,11 @@
<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"
+import CollectionPlan from "@/views/other/payment/collectionPlan"
+import Receipt from "@/views/other/payment/receipt"
+import SaleInvoice from "@/views/other/payment/saleInvoice"
export default {
name: "DetailSpecification",
props: {
@@ -182,7 +181,7 @@
}
}
},
- components: { ClientServiceOrder, SubOrder, CommonFormTableView },
+ components: { ClientServiceOrder, CommonFormTableView, CollectionPlan, Receipt, SaleInvoice },
computed: {},
data() {
return {
@@ -201,43 +200,54 @@
showSummary: {
show: true,
total: true,
- sumProp: ["other1", "other2", "other3", "other4"],
- mergeNumber: 3
+ sumProp: ["amount", "price", "total"],
+ mergeNumber: 1
},
- 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,
+ amountTotal: this.detailConfig.infomation.amountTotal
+ }
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,19 +257,19 @@
},
{
leftStr: "绛剧害鏃ユ湡",
- leftValue: "",
+ leftValue: item.signTime,
rightStr: "鏈嶅姟寮�濮嬫棩鏈�",
- rightValue: ""
+ rightValue: item.startTime
},
{
leftStr: "鍒涘缓浜�",
leftValue: "",
rightStr: "鏈嶅姟鍒版湡鏃�",
- rightValue: ""
+ rightValue: item.endTime
},
{
leftStr: "鍒涘缓鏃堕棿",
- leftValue: "",
+ leftValue: item.createTime,
rightStr: "鏁伴噺鍚堣",
rightValue: ""
}
@@ -269,25 +279,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
}
]
},
@@ -304,7 +314,7 @@
if (value === "basic") {
this.isBasicExpand = !this.isBasicExpand
} else if (value === "dynamic") {
- this.isDynamicExpand = !this.isLabelExpand
+ this.isDynamicExpand = !this.isDynamicExpand
} else if (value === "delivery") {
this.isDeliveryExpand = !this.isDeliveryExpand
} else if (value === "termsConditions") {
@@ -319,33 +329,13 @@
},
setTableForm() {
this.productTableList = {
- tableData: [
- {
- id: "1",
- productName: "涓婃捣鏈夐檺鍏徃",
- other0: "ZDYBD03-1",
- other1: "12",
- other2: "5.00",
- other4: "3.00",
- other3: "2.00"
- }
- ],
+ tableData: this.detailConfig.infomation.products,
tableColumn: [
- { label: "#", prop: "id", width: 40 },
- { label: "鍚◣鍗曚环", prop: "other9", input: true },
- { label: "浜у搧鍚嶇О", prop: "productName", input: true, isRequird: true },
- { label: "浜у搧缂栧彿", prop: "other0" },
- { label: "鏁伴噺", prop: "other1", input: true, isRequird: true },
- { label: "鎶樻墸鐜�(%)", prop: "other6", input: true },
- { label: "涓嶅惈绋庡崟浠�", prop: "other7", input: true },
- { label: "鎶樻墸棰�", prop: "other2" },
- { label: "绋�(閿�鍞�)", prop: "other7", input: true },
- { label: "瀹為檯鍚◣鍗曚环", prop: "other3" },
- { label: "涓嶅惈绋庨噾棰�", prop: "other4" },
- { label: "浠风◣鍚堣", prop: "other3", input: true },
- { label: "鎻忚堪", prop: "other8" },
- { label: "婧愬崟绫诲瀷", prop: "other5" },
- { label: "婧愬崟", prop: "other6" }
+ { label: "浜у搧鍚嶇О", prop: "name", productName: true, isRequird: true },
+ { label: "浜у搧缂栧彿", prop: "number" },
+ { label: "鏁伴噺", prop: "amount", inputNumber: true, isRequird: true },
+ { label: "閿�鍞崟浠�", prop: "price", inputFloat: true },
+ { label: "浠风◣鍚堣", prop: "total", inputFloat: true }
]
}
}
@@ -499,6 +489,7 @@
align-items: center;
font-size: 14px;
font-family: PingFangSC;
+ min-height: 40px;
// padding: 5px 0;
.content-title {
width: 320px;
@@ -506,13 +497,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