|
@@ -26,7 +26,6 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
-
|
|
|
<el-form-item>
|
|
|
<el-select filterable v-model="qwUserId" @change="qwUserChange" placeholder="请选择企微账号" clearable size="small">
|
|
|
<el-option
|
|
@@ -46,7 +45,7 @@
|
|
|
|
|
|
|
|
|
<div class="imui-center qq-lemon-imui" v-show="showQW">
|
|
|
- <lemon-imui class="lemon-slot"
|
|
|
+ <lemon-chatui class="lemon-slot"
|
|
|
:width="windowWidth"
|
|
|
:height="windowHeight"
|
|
|
:user="UserData"
|
|
@@ -76,71 +75,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
- <template #message-title="contact">
|
|
|
- <div>
|
|
|
- <div style="display:flex;justify-content:space-between">
|
|
|
- <span>{{contact.displayName}}</span>
|
|
|
- <span style="font-size:12px;">
|
|
|
- <!-- <span>打开抽屉:</span>
|
|
|
- <span style="cursor:pointer;" @click="openDrawer('right')">
|
|
|
- 右侧 |
|
|
|
- </span>
|
|
|
- <span style="cursor:pointer;" @click="openDrawer('rightInside')">
|
|
|
- 右侧内部 |
|
|
|
- </span>
|
|
|
- <span style="cursor:pointer;" @click="openDrawer('center')">
|
|
|
- 居中
|
|
|
- </span> -->
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <!-- <div v-if="contact.isGroup" class="slot-group-menu">
|
|
|
- <span>聊天</span>
|
|
|
- <span>公告</span>
|
|
|
- <span>相册</span>
|
|
|
- <span>文件</span>
|
|
|
- <span>活动</span>
|
|
|
- <span>设置(左键弹出菜单)</span>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- </template>
|
|
|
-
|
|
|
- <template #sidebar-contact-fixedtop="contact">
|
|
|
- <div class="slot-contact-fixedtop">
|
|
|
- <input class="slot-search" placeholder="搜索通讯录" />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
-
|
|
|
- <template #message-side="contact">
|
|
|
- <div v-if="contact.isGroup" class="slot-group">
|
|
|
- <div class="slot-group-title">群通知</div>
|
|
|
- <div class="slot-group-notice">
|
|
|
- 进群请改备注,格式,工作地点-姓名,请大家配合谢谢
|
|
|
- </div>
|
|
|
- <div class="slot-group-title">群成员</div>
|
|
|
- <div class="slot-group-panel">
|
|
|
- <input class="slot-search" placeholder="搜索群成员" />
|
|
|
- <div class="slot-group-member">
|
|
|
- <div class="avatar"><img src="https://p.qqan.com/up/2020-2/2020022821001845128.jpg"></div>
|
|
|
- <div class="name">像梦一样自由</div>
|
|
|
- </div>
|
|
|
- <div class="slot-group-member">
|
|
|
- <div class="avatar"><img src="https://p.qqan.com/up/2018-4/15244505348390471.jpg"></div>
|
|
|
- <div class="name">野火</div>
|
|
|
- </div>
|
|
|
- <div class="slot-group-member">
|
|
|
- <div class="avatar"><img src="https://p.qqan.com/up/2021-1/20211411391666.jpg"></div>
|
|
|
- <div class="name">霸王花</div>
|
|
|
- </div>
|
|
|
- <div class="slot-group-member">
|
|
|
- <div class="avatar"><img src="https://p.qqan.com/up/2021-1/2021113104111220.jpg"></div>
|
|
|
- <div class="name">森系Style</div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
-
|
|
|
- </lemon-imui>
|
|
|
+ </lemon-chatui>
|
|
|
</div>
|
|
|
|
|
|
<el-dialog :visible.sync="dialogVisible" append-to-body width="35%">
|
|
@@ -158,12 +93,10 @@
|
|
|
:source="dialogVideoUrl" :cover="dialogVideoCover" ref="player">
|
|
|
</videoPlayer>
|
|
|
</el-dialog>
|
|
|
-
|
|
|
<Material ref="material" @pickImageData="handlePickImageDone" v-model="imageArr" type="image" :num="1" :width="150" :height="150" />
|
|
|
|
|
|
<ChatRecords ref="chatRecords" :qwUser="qwUser" />
|
|
|
|
|
|
-
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -174,7 +107,6 @@ import { getQrCode } from '@/api/qw/login';
|
|
|
import { getDeviceId,listAccount,getAccount} from '@/api/qw/account';
|
|
|
import LemonMessageVoice from "@/components/LemonUI/components/message/voice";
|
|
|
import { getContactsByUser,getConversations,getMessageList,getConversation,sendTextMsg,sendImageMsg,getRoomInfo,exportMessage} from '@/api/qw/im';
|
|
|
-import Conversations from "@/components/LemonUI/database/conversations";
|
|
|
import EmojiData from "@/components/LemonUI/database/emoji";
|
|
|
import '@/components/LemonUI/index.css';
|
|
|
import Material from '@/components/Material/chat'
|
|
@@ -210,13 +142,13 @@ export default {
|
|
|
hideMessageTime: true,
|
|
|
accountList:[],
|
|
|
qwUser:{
|
|
|
- "userId":1688854331463712,"avatar":"https://wework.qpic.cn/wwpic/258414_QSUkkN5rTMGzwIc_1692169272/0","corpId":1970326754004217,"corpName":"重庆润方数字科技","nickName":"秦先觉","deviceId":"aeff5e72448d4d299e03d7291a21c2ea","phone":null,"account":"1261818888"
|
|
|
+ //"userId":1688854331463712,"avatar":"https://wework.qpic.cn/wwpic/258414_QSUkkN5rTMGzwIc_1692169272/0","corpId":1970326754004217,"corpName":"重庆润方数字科技","nickName":"秦先觉","deviceId":"aeff5e72448d4d299e03d7291a21c2ea","phone":null,"account":"1261818888"
|
|
|
},
|
|
|
showQW:false,
|
|
|
UserData: {
|
|
|
- id: "1000",
|
|
|
- displayName: "June",
|
|
|
- avatar: "https://p.qqan.com/up/2018-4/15244505348390471.jpg",
|
|
|
+ // id: "1000",
|
|
|
+ // displayName: "June",
|
|
|
+ // avatar: "https://p.qqan.com/up/2018-4/15244505348390471.jpg",
|
|
|
},
|
|
|
contactData:null,
|
|
|
conversationData:null,
|
|
@@ -271,9 +203,10 @@ export default {
|
|
|
mounted() {
|
|
|
|
|
|
this.showQW=true;
|
|
|
- this.setQwUserInfo();
|
|
|
- this.getContacts(); //获取联系人信息
|
|
|
- this.getConversation(); //获取会话信息
|
|
|
+
|
|
|
+ // this.setQwUserInfo();
|
|
|
+ // this.getContacts(); //获取联系人信息
|
|
|
+ // this.getConversation(); //获取会话信息
|
|
|
|
|
|
const IMUI = this.$refs.IMUI;
|
|
|
|