From d2b9379d2bb3c5ae6ac21076ae44cb282f805691 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=98=8E=E6=98=8E?= <970899069@qq.com>
Date: Mon, 7 Feb 2022 16:03:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9Eim=E8=81=8A=E5=A4=A9=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .DS_Store                           | Bin 12292 -> 12292 bytes
 App.vue                             |   2 +-
 pages/im/components/sentPopups.nvue | 119 ++++++++++++++++++++++++++++
 pages/im/components/sentText.nvue   |   2 +-
 pages/im/private/chat.nvue          |  32 +++++---
 static/.DS_Store                    | Bin 10244 -> 10244 bytes
 static/icon/popups-icon-00.png      | Bin 0 -> 3560 bytes
 static/icon/popups-icon-01.png      | Bin 0 -> 3235 bytes
 static/icon/popups-icon-02.png      | Bin 0 -> 2964 bytes
 static/icon/popups-icon-03.png      | Bin 0 -> 3115 bytes
 static/icon/popups-icon-04.png      | Bin 0 -> 3220 bytes
 static/icon/popups-icon-05.png      | Bin 0 -> 2974 bytes
 static/icon/popups-icon.png         | Bin 0 -> 5173 bytes
 13 files changed, 142 insertions(+), 13 deletions(-)
 create mode 100644 pages/im/components/sentPopups.nvue
 create mode 100644 static/icon/popups-icon-00.png
 create mode 100644 static/icon/popups-icon-01.png
 create mode 100644 static/icon/popups-icon-02.png
 create mode 100644 static/icon/popups-icon-03.png
 create mode 100644 static/icon/popups-icon-04.png
 create mode 100644 static/icon/popups-icon-05.png
 create mode 100644 static/icon/popups-icon.png

diff --git a/.DS_Store b/.DS_Store
index 08094f2b1763462ed7fd3d320c3e88ed2f92a151..0114f35eddaa48944f75223351e26a0c25104761 100644
GIT binary patch
delta 21
ccmZokXi3<xT7bjU(nv?a%*bH#W`RI?08n}crT_o{

delta 21
ccmZokXi3<xT7bjQ&_qYU*wk?IW`RI?08jr0od5s;

diff --git a/App.vue b/App.vue
index 7b7b95a..5cbeb8c 100644
--- a/App.vue
+++ b/App.vue
@@ -4,7 +4,7 @@
 
     export default {
         onLaunch: function() {
-            im.initIm('lmxuhwaglu76d')
+            // im.initIm('lmxuhwaglu76d')
             return
             //#ifdef APP-PLUS
             // 获取系统版本号
diff --git a/pages/im/components/sentPopups.nvue b/pages/im/components/sentPopups.nvue
new file mode 100644
index 0000000..f36c862
--- /dev/null
+++ b/pages/im/components/sentPopups.nvue
@@ -0,0 +1,119 @@
+<template>
+    <view class="sent--popups" v-if="show">
+        <view class="sent--popups--item" @click="onPopupsItem('picture')">
+            <image class="sent--popups--icon" src="@/static/icon/popups-icon-00.png" mode="widthFix"></image>
+            <text class="sent--popups--text">相册</text>
+        </view>
+        <view class="sent--popups--item" @click="onPopupsItem('film')">
+            <image class="sent--popups--icon" src="@/static/icon/popups-icon-01.png" mode="widthFix"></image>
+            <text class="sent--popups--text">拍摄</text>
+        </view>
+        <view class="sent--popups--item" @click="onPopupsItem('video')">
+            <image class="sent--popups--icon" src="@/static/icon/popups-icon-02.png" mode="widthFix"></image>
+            <text class="sent--popups--text">视频通话</text>
+        </view>
+        <view class="sent--popups--item" @click="onPopupsItem('location')">
+            <image class="sent--popups--icon" src="@/static/icon/popups-icon-03.png" mode="widthFix"></image>
+            <text class="sent--popups--text">位置</text>
+        </view>
+        <view class="sent--popups--item" @click="onPopupsItem('redpacket')">
+            <image class="sent--popups--icon" src="@/static/icon/popups-icon-04.png" mode="widthFix"></image>
+            <text class="sent--popups--text">红包</text>
+        </view>
+        <view class="sent--popups--item" @click="onPopupsItem('file')">
+            <image class="sent--popups--icon" src="@/static/icon/popups-icon-05.png" mode="widthFix"></image>
+            <text class="sent--popups--text">文件</text>
+        </view>
+    </view>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                
+            };
+        },
+        props:{
+            show: {
+                type: Boolean,
+                default: false
+            }
+        },
+        methods:{
+            onPopupsItem(type){
+                switch (type){
+                    case 'picture':
+                        uni.chooseImage({
+                            count: 9,
+                            sourceType: ['album'],
+                            success: res => {
+                                this.onSentValue(type, res.tempFilePaths)
+                            }
+                        })
+                        break;
+                    case 'film':
+                        uni.chooseImage({
+                            sourceType: ['camera'],
+                            success: res => {
+                                this.onSentValue(type, res.tempFilePaths)
+                            }
+                        })
+                        break;
+                    case 'video':
+                        this.onSentValue(type, {})
+                        break;
+                    case 'location':
+                        uni.chooseLocation({
+                            success: res=> {
+                                this.onSentValue(type, {
+                                    address: res.address,
+                                    longitude: res.longitude,
+                                    latitude: res.latitude,
+                                    name: res.name
+                                })
+                            }
+                        })
+                        break;
+                    case 'redpacket':
+                        console.log('红包')
+                        break;
+                    case 'file':
+                        console.log('文件选择')
+                        break;
+                }
+            },
+            // 处理返回
+            onSentValue(type, value){
+                this.$emit('onVlaue', { type, value })
+                this.show = false
+            }
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    .sent--popups{
+        background: white;
+        padding: 30rpx 15rpx;
+        flex-wrap: wrap;
+        flex-direction: row;
+        &--item{
+            width: 150rpx;
+            margin: 15rpx;
+        }
+        &--text{
+            text-align: center;
+            font-size: 26rpx;
+            color: #555;
+            padding-top: 15rpx;
+        }
+        &--icon{
+            width: 110rpx;
+            height: 110rpx;
+            margin: 0 20rpx;
+            border-radius: 20rpx;
+            background: #F3F6FB;
+        }
+    }
+</style>
diff --git a/pages/im/components/sentText.nvue b/pages/im/components/sentText.nvue
index d8b6915..0ac916f 100644
--- a/pages/im/components/sentText.nvue
+++ b/pages/im/components/sentText.nvue
@@ -1,7 +1,7 @@
 <template>
     <view class="text">
         <input class="input" type="text" v-model="inputTxt" confirm-type="send" @confirm="sent" cursor-spacing="10" />
-        <button class="button" size="mini" :disabled="disabled" @click="sent">发送</button>
+        <!-- <button class="button" size="mini" :disabled="disabled" @click="sent">发送</button> -->
     </view>
 </template>
 
diff --git a/pages/im/private/chat.nvue b/pages/im/private/chat.nvue
index d6dd1b8..b099343 100644
--- a/pages/im/private/chat.nvue
+++ b/pages/im/private/chat.nvue
@@ -24,7 +24,7 @@
             </cell>
             <cell class="cell-footer" ref="chatBottom"></cell>
         </list>
-        <!-- footer -->
+        <!-- footer -->
         <view class="chat-footer">
             <view class="msg-type" @click="changeMessageType">
                 <image class="msg-type-icon" src="@/static/icon/key-icon.png" v-if="chatType === 0" mode="widthFix">
@@ -32,18 +32,20 @@
                 <image class="msg-type-icon" src="@/static/icon/msg-icon.png" v-if="chatType === 1" mode="widthFix">
                 </image>
             </view>
-            <sent-voice v-if="chatType === 0" :conversationType="conversationType" :targetId="targetId"
-                @success="getMessageList" />
-            <sent-text v-if="chatType === 1" :conversationType="conversationType" :targetId="targetId"
-                @success="getMessageList" />
-        </view>
+            <sent-voice v-if="chatType === 0" :conversationType="conversationType" :targetId="targetId" @success="getMessageList" />
+            <sent-text v-if="chatType === 1" :conversationType="conversationType" :targetId="targetId" @success="getMessageList" />
+            <view class="msg-type msg-push" @click="showPopups = !showPopups">
+                <image class="msg-type-icon" src="@/static/icon/popups-icon.png"></image>
+            </view>
+        </view>
+        <!-- 弹出层 -->
+        <u-line v-if="showPopups" color="#f5f5f5"></u-line>
+        <sent-popups :show="showPopups" @onVlaue="onValue"></sent-popups>
     </view>
 </template>
 
 <script>
-    import {
-        timeCustomCN
-    } from '@/utils/filters.js'
+    import { timeCustomCN } from '@/utils/filters.js'
     import * as RongIMLib from "@/uni_modules/RongCloud-IMWrapper/js_sdk/index"
     import im from '@/utils/im/index.js'
     import showVoice from '../components/showVoice'
@@ -51,6 +53,7 @@
     import showText from '../components/showText'
     import sentText from '../components/sentText'
     import sentVoice from '../components/sentVoice'
+    import sentPopups from '../components/sentPopups'
 
     const ChatList = uni.requireNativePlugin('dom')
 
@@ -65,7 +68,8 @@
                     userId: '',
                     portraitUrl: ''
                 },
-                chatType: 1 // 0 语音，1 文本
+                chatType: 1 ,// 0 语音，1 文本
+                showPopups: false
             }
         },
         components: {
@@ -73,7 +77,8 @@
             showImage,
             showText,
             sentText,
-            sentVoice
+            sentVoice,
+            sentPopups
         },
         onLoad(e) {
             this.targetId = e.targetId
@@ -141,6 +146,11 @@
                         animated: false
                     })
                 }, 50)
+            },
+            // 上传文件信息
+            onValue(e){
+                this.showPopups = false
+                console.log(e)
             }
         }
     }
diff --git a/static/.DS_Store b/static/.DS_Store
index 7d1d99cd2a7fbfd6deda1ce385984f4fdd595fd3..438117f2397df09e6dfabbc8f53321a79ebbb56c 100644
GIT binary patch
delta 21
ccmZn(XbITxQ;5UV(nv?a%*bFfqcF2508g_8&j0`b

delta 21
ccmZn(XbITxQ;5UR&_qYU*wk<{qcF2508cmt#sB~S

diff --git a/static/icon/popups-icon-00.png b/static/icon/popups-icon-00.png
new file mode 100644
index 0000000000000000000000000000000000000000..152b069f9b640773a550da7db7fde55e6aadcf91
GIT binary patch
literal 3560
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

literal 0
HcmV?d00001

diff --git a/static/icon/popups-icon-01.png b/static/icon/popups-icon-01.png
new file mode 100644
index 0000000000000000000000000000000000000000..105e953f662762aa983f9855a31b1a1ee5376e88
GIT binary patch
literal 3235
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
UH`^Y6XZnrs_FO6|U9c+oKNWuBK>z>%

literal 0
HcmV?d00001

diff --git a/static/icon/popups-icon-02.png b/static/icon/popups-icon-02.png
new file mode 100644
index 0000000000000000000000000000000000000000..359ff0ff6a3c4d115c657dff217f956960649721
GIT binary patch
literal 2964
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
OH!Gv!6crIE+x`Q5sBP>3

literal 0
HcmV?d00001

diff --git a/static/icon/popups-icon-03.png b/static/icon/popups-icon-03.png
new file mode 100644
index 0000000000000000000000000000000000000000..a545779d71b695f000c6b5dc15a991d4c17a8b2f
GIT binary patch
literal 3115
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
G^?v}qw6RkF

literal 0
HcmV?d00001

diff --git a/static/icon/popups-icon-04.png b/static/icon/popups-icon-04.png
new file mode 100644
index 0000000000000000000000000000000000000000..e49ecaf8788342199a5e57153e7aff89963601bf
GIT binary patch
literal 3220
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
Cm@K*g

literal 0
HcmV?d00001

diff --git a/static/icon/popups-icon-05.png b/static/icon/popups-icon-05.png
new file mode 100644
index 0000000000000000000000000000000000000000..17ad1ddbe26e2d1673fb6cb228addd78d2f58dfc
GIT binary patch
literal 2974
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
DiJD2?

literal 0
HcmV?d00001

diff --git a/static/icon/popups-icon.png b/static/icon/popups-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..889c3e4a456297224219206f6c214e899779e13d
GIT binary patch
literal 5173
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
ZgHh&|+edZo4J?1yb93^-Uvdae{x8&>rRe|w

literal 0
HcmV?d00001