|
|
@@ -6,7 +6,7 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="r-content">
|
|
|
- <div class="rc-item">
|
|
|
+ <div class="rc-item" v-for="i in 5">
|
|
|
<div class="rc-header">
|
|
|
<div class="rc-h-left">
|
|
|
<a-tag color="blue">2次</a-tag>
|
|
|
@@ -16,6 +16,19 @@
|
|
|
<span>2015-02-23 09:30:23</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <div class="rc-h-content">
|
|
|
+ <a-checkbox-group style="width: 100%">
|
|
|
+ <a-row>
|
|
|
+ <a-col :span="24">
|
|
|
+ <a-checkbox value="1">向客户表达问候、获取微信、客户地址</a-checkbox>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="24">
|
|
|
+ <a-checkbox value="1">预约线下拜访时间、地点</a-checkbox>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </a-checkbox-group>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -30,6 +43,8 @@
|
|
|
border: 1px solid #dcdfe6;
|
|
|
border-radius: 4px;
|
|
|
background: #fff;
|
|
|
+ height: 100%;
|
|
|
+ overflow-y: auto;
|
|
|
.r-header {
|
|
|
background: #f6f8fb;
|
|
|
padding: 10px 16px;
|
|
|
@@ -50,13 +65,28 @@
|
|
|
padding: 10px;
|
|
|
display: flex;
|
|
|
gap: 10px;
|
|
|
+ flex-direction: column;
|
|
|
.rc-item {
|
|
|
width: 100%;
|
|
|
+ box-shadow: 0 0 4px 0 #0000001A;
|
|
|
+ padding: 10px;
|
|
|
.rc-header {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
+ .rc-h-left {
|
|
|
+ color: #171725;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
+ .rc-r-time {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #6c6c6c;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .rc-h-content {
|
|
|
+ padding: 5px 0 0 20px;
|
|
|
}
|
|
|
}
|
|
|
}
|
hanxiaohui