From e4f0f4a910d27f918ded617adeaef71df13a903a Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期二, 28 五月 2024 16:55:39 +0800
Subject: [PATCH] 测试完成
---
src/views/followvisit/record/detailpage/index.vue | 115 +++++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 107 insertions(+), 8 deletions(-)
diff --git a/src/views/followvisit/record/detailpage/index.vue b/src/views/followvisit/record/detailpage/index.vue
index ad484bd..a58cf82 100644
--- a/src/views/followvisit/record/detailpage/index.vue
+++ b/src/views/followvisit/record/detailpage/index.vue
@@ -1,13 +1,58 @@
<template>
+ <!-- 鑱婅繛椤甸潰璁板綍 -->
<div class="Followupdetailspage">
<div class="Followuserinfo">
- <div class="userinfo-text">闅忚璇︽儏</div>
- <div class="userinfo-value">
- <span><i class="el-icon-user-solid"></i>鍚撮緳</span><span>鐢�</span
- ><span><i class="el-icon-user-solid"></i>13803963330</span
- ><span>鍑洪櫌鏃堕棿锛�:2023-03-29 08:57:57</span>
+ <div>
+ <div class="userinfo-text"><span>闅忚璇︽儏</span> <el-button type="success">闅忚鍚庣煭淇�</el-button></div>
+
</div>
- <div><el-button type="success">闅忚鍚庣煭淇�</el-button></div>
+ <div>
+ <el-table :data="tableDatatop" style="width: 100%">
+ <el-table-column
+ prop="beneficiaryname"
+ align="center"
+ label="濮撳悕"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="beneficiaryname"
+ align="center"
+ label="閫氱煡鐘舵��"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="title"
+ align="center"
+ label="瀹屾垚鏃堕棿"
+
+ >
+ </el-table-column>
+ <el-table-column
+ prop="idcardno"
+ align="center"
+ label="瀹℃牳鎰忚"
+
+ >
+ </el-table-column>
+ <el-table-column prop="depositbank" align="center" label="闅忚鏂规">
+ </el-table-column>
+ <el-table-column
+ prop="bankcardno"
+ align="center"
+ label="鍛煎彨鐘舵��"
+ width="210"
+ >
+ </el-table-column>
+ <el-table-column prop="price" align="center" label="琚彨鍙风爜">
+ </el-table-column>
+ <el-table-column prop="quantity" width="200" align="center" label="瀹℃牳鎰忚">
+ </el-table-column>
+ <el-table-column prop="amount" width="200" align="center" label="閫氱煡缁撴灉">
+ </el-table-column>
+ <el-table-column prop="taxedamount" width="200" align="center" label="鍖荤敓鎰忚">
+ </el-table-column>
+ </el-table>
+ </div>
</div>
<div>
<el-tabs type="border-card">
@@ -15,7 +60,23 @@
<span class="mulsz" slot="label"
><i class="el-icon-headset"></i> 璇煶璇︽儏1</span
>
- <div class="borderdiv">璇煶璇︽儏1</div>
+ <div class="borderdiv">
+ <div>
+ <div class="leftside">
+ <i class="el-icon-phone-outline"></i><span>璇存拻鍟婂皬璇�</span>
+ </div>
+ <div class="offside">
+ <i class="el-icon-user"></i>
+ <div class="offside-value">
+ <el-input v-model="input"></el-input>
+ <el-radio v-model="radio" label="1">澶囬�夐」</el-radio>
+ <el-radio v-model="radio" label="2">澶囬�夐」2</el-radio>
+ <el-radio v-model="radio" label="3">澶囬�夐」3</el-radio>
+ <el-radio v-model="radio" label="4">澶囬�夐」4</el-radio>
+ </div>
+ </div>
+ </div>
+ </div>
</el-tab-pane>
<el-tab-pane>
<span class="mulsz" slot="label"
@@ -56,6 +117,9 @@
return {
radio: "1",
userid: "",
+ input: "",
+ radio: "2",
+ tableDatatop: [],
};
},
@@ -66,13 +130,21 @@
</script>
<style lang="scss" scoped>
+.Followupdetailspage {
+ margin: 10px;
+}
.Followuserinfo {
margin: 20px 10px;
- display: flex;
align-items: center;
+ padding: 30px;
+ background: #ffff;
+ border: 1px solid #dcdfe6;
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+ 0 0 6px 0 rgba(0, 0, 0, 0.04);
.userinfo-text {
font-size: 20px;
margin-right: 20px;
+ margin-bottom: 10px;
}
.userinfo-value {
color: rgb(15, 139, 211);
@@ -83,6 +155,33 @@
}
.borderdiv {
min-height: 60vh;
+ font-size: 20px;
+ padding: 30px;
+ .leftside {
+ margin-bottom: 30px;
+ span {
+ width: 400px;
+ margin-left: 20px;
+ padding: 10px;
+ color: #fff;
+ background: rgb(110, 196, 247);
+ border-radius: 10px;
+ }
+ }
+ .offside {
+ display: flex;
+ flex-direction: row-reverse;
+ .offside-value {
+ padding: 10px;
+ background: rgb(217, 173, 253);
+ border-radius: 10px;
+ color: #fff;
+ margin-right: 20px;
+ }
+ }
+}
+::v-deep.offside-value .el-radio__label {
+ color: #fff;
}
.mulsz {
font-size: 25px;
--
Gitblit v1.9.3