新增查看录音

components/soundRecorder/soundRecorder.vue

@@ -0,0 +1,22 @@
+<template>
+    <view class="sound-recorder">
+        <!-- <view>{{ data }}</view> -->
+        <audio :src="data.fileUrl" controls></audio>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        data: {
+            type: Object,
+            default: {}
+        }
+    },
+    data() {
+        return {
+        }
+    },
+}
+</script>
+<style lang="scss" scoped></style>

pages/orderDetailNew/components/pageOne.vue

@@ -33,6 +33,7 @@
                 <text style="margin: 0 10rpx;">|</text>
                 <text @click="chatRecordOrCallRecord = 'callRecords'">通话记录</text>
             </view>
+            <!-- 聊天记录卡片 -->
             <view class="image-upload-container" v-if="chatRecordOrCallRecord === 'chatRecords'">
                 <view class="image-list">
                     <view class="image-item" v-for="(item, index) in chatRecordsUploadList"
@@ -45,7 +46,13 @@
                     </view>
                 </view>
             </view>
+            <!-- 通话录音卡片 -->
             <view class="image-upload-container" v-if="chatRecordOrCallRecord === 'callRecords'">
+                <view>
+
+                    <sound-recorder v-for="item in soundRecordList" :key="item.fileName" :data="item"></sound-recorder>
+
+                </view>
 
             </view>
         </view>
@@ -103,6 +110,8 @@
 <script>
 import picComp from './picComp.vue'
 import imgUploadAndDownLoad from '../mixin/imgUploadAndDownLoad.js'
+import soundRecorder from '@/components/soundRecorder/soundRecorder.vue'
+
 export default {
     mixins: [imgUploadAndDownLoad],
     props: {
@@ -120,7 +129,7 @@ export default {
         },
     },
     components: {
-        picComp
+        picComp, soundRecorder
     },
     data() {
         return {
@@ -130,6 +139,7 @@ export default {
             // 待绑定的图片列表
             bindList: [],
             chatRecordOrCallRecord: 'chatRecords',
+            soundRecordList: [],//录音记录
         }
     },
     watch: {
@@ -407,8 +417,9 @@ export default {
         async getCallRecords() {
             console.log('这里是参数', this.currentReceipt.clueId);
             // const { data } = await uni.$u.api.getCallClueFileByClueId({ clueId: this.currentReceipt.clueId });
-            const { data } = await uni.$u.api.getCallClueFileByClueId({ clueId: 1998278069905854466 });
+            const { data } = await uni.$u.api.getCallClueFileByClueId({ clueId: '1998278069905854466' });
             console.log('通话记录:', data);
+            // this.soundRecordList = data;
         },
 
     },

pages/pagereceivecenter/pagereceivecenter.vue

@@ -1,6 +1,7 @@
 <script>
 // import orderCard from "./compounts/orderCard.vue";
 
+// status 状态 1 发单（刚发出来） 2 接单（处理中） 3 收单（入库了） 4 未收（没有收到）
 export default {
     components: {
         // orderCard,
@@ -85,6 +86,7 @@ export default {
                 // 把数组按照status的大小排序，从小到大
                 result.rows.sort((a, b) => {
                     return a.status - b.status;
+                    // return b.status - a.status;
                 })
 
 
@@ -365,6 +367,7 @@ export default {
                         </view>
 
                         <view class="Btns">
+                            <!-- status 状态 1 发单（刚发出来） 2 接单（处理中） 3 收单（入库了） 4 未收（没有收到） -->
 
                             <view class="btnGroup" v-if="item && (item.status == '1')">
                                 <view class="card-button" @click.stop="handleBtnClick('acceptOrder', item)">立即接单</view>