Parcourir la source

线索池列表

zhaoxiaohai il y a 3 ans
Parent
commit
6711f6c422

+ 35 - 0
pages/threadedTree/modules/list/list.js

@@ -0,0 +1,35 @@
+// pages/threadedTree/modules/list/list.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        list: {
+            type: Array
+        },
+        tagColor: {
+            type: String,
+            value: "#FA8C16"
+        }
+    },
+    options: {
+        addGlobalClass: true
+    },
+    /**
+     * 组件的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        callOut(e) {
+            wx.makePhoneCall({
+                phoneNumber: e.currentTarget.dataset.phonenumber
+            })
+        },
+    }
+})

+ 4 - 0
pages/threadedTree/modules/list/list.json

@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}

+ 61 - 0
pages/threadedTree/modules/list/list.scss

@@ -0,0 +1,61 @@
+.box {
+    position: relative;
+    width: 690rpx;
+    height: 242rpx;
+    background: #FFFFFF;
+    border-radius: 16rpx;
+    margin: 20rpx auto 0;
+    box-sizing: border-box;
+    padding: 20rpx;
+    padding-left: 24rpx;
+
+    >view {
+        margin-top: 20rpx;
+        font-size: 24rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #333333;
+    }
+
+    .title {
+        width: 520rpx;
+        height: 40rpx;
+        font-size: 28rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        color: #333333;
+        margin-top: 0;
+    }
+
+    /* 右上 */
+    .r-t-state {
+        position: absolute;
+        width: 112rpx;
+        height: 48rpx;
+        border-radius: 8rpx;
+        text-align: center;
+        line-height: 48rpx;
+        font-size: 24rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #FFFFFF;
+        top: 0rpx;
+        right: 20rpx;
+    }
+
+    /* 右下 */
+    .r-b-state {
+        position: absolute;
+        width: 112rpx;
+        height: 48rpx;
+        line-height: 44rpx;
+        text-align: center;
+        background: #FFFFFF;
+        border-radius: 8rpx;
+        border: 1px solid #CCCCCC;
+        box-sizing: border-box;
+        font-size: 24rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #666666;
+        right: 20rpx;
+        bottom: 20rpx;
+    }
+}

+ 10 - 0
pages/threadedTree/modules/list/list.wxml

@@ -0,0 +1,10 @@
+<navigator class="box" url="#" wx:for="{{list}}">
+    <view class="title line-1">{{item.name}}</view>
+    <view>最近跟进时间:{{item.followtime}}</view>
+    <view class="line-1">地址:{{item.province+item.city+item.county+item.address}}</view>
+    <view catchtap="callOut" data-phonenumber="{{item.phonenumber}}">
+        <text class="iconfont icon-bodadianhua" style="color: #52C41A; font-size: 24rpx;margin-right: 10rpx;" />手机号:{{item.phonenumber}}
+    </view>
+    <view class="r-t-state" style="background: {{tagColor}};">{{item.status}}</view>
+    <view class="r-b-state">成员跟进</view>
+</navigator>