播放语音

src/views/modules/shequzhili/event/cpts/event-detail.vue

@@ -31,9 +31,9 @@
                class="info-prop">
             <span class="info-title-2">语音：</span>
             <audio controls>
-              <source :src="item.url"
+              <source :src="item"
                       type=""
-                      :key="item.url"
+                      :key="item"
                       v-for="item in info.voiceList" />
             </audio>
           </div>

src/views/modules/shequzhili/event/eventList.vue

@@ -169,7 +169,8 @@
                            width="80"
                            label="音频">
             <template slot-scope="scope">
-              <img class="img-voice"
+              <img @click="handleShowVoice(scope.row.voiceList[0])"
+                   class="img-voice"
                    v-if="scope.row.voiceList&&scope.row.voiceList.length>0"
                    src="@/assets/img/icon-voice.png" />
 
@@ -261,7 +262,7 @@
                          @click="handleWatch(scope.row)"
                          type="text"
                          size="small">查看</el-button>
-              <!-- ="scope.row.status==='closed_case' && scope.row.satisfactionName" -->
+
             </template>
           </el-table-column>
         </el-table>
@@ -290,6 +291,30 @@
                   @dialogOk="handleEditSuccess" />
     </div>
 
+    <el-dialog :title="'播放语音'"
+               :visible.sync="showVoice"
+               width="40%"
+               top="5vh"
+               append-to-body
+               class="dialog-h"
+               :close-on-click-modal="false">
+      <div class="dialog-h-content scroll-h">
+        <div style="display:flex;justify-content:center;margin:50px">
+
+          <audio controls>
+            <source :src="selVoiceUrl"
+                    type="" />
+          </audio>
+        </div>
+      </div>
+
+      <div class="resi-btns">
+        <el-button size="small"
+                   @click="showVoice=false">取消</el-button>
+
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -384,7 +409,8 @@ export default {
       eventDetailData: {},
 
 
-
+      showVoice: false,
+      selVoiceUrl: '',
     };
   },
   computed: {
@@ -518,6 +544,11 @@ export default {
       }
     },
 
+    //显示语音窗口
+    handleShowVoice (url) {
+      this.selVoiceUrl = url
+      this.showVoice = true
+    },
 
     handleClose () {
       this.pageType = "list";

src/views/modules/visual/communityGovern/shijianchuli/event-info.vue

@@ -344,7 +344,7 @@ export default {
 
 
         //楼院小组、居民上报都存在是，研判分析显示两个分支
-        this.yanPan.singleTitle = data.categoryName;
+        this.yanPan.singleTitle = data.sourceTypeName;
         this.yanPan.hasEvent = false;
 
 
@@ -374,8 +374,8 @@ export default {
       this.yanPan.loading = true;
       if (code === 0) {
         let oneData = {
-          // categoryCode: 111,
+          categoryCode: this.yanPan.categoryCode,
-          // categoryName: 111,
+          categoryName: this.yanPan.categoryName,
           showItem: true,
           addressList: data.list.map((subItem) => {
             return {
@@ -391,8 +391,6 @@ export default {
           singleList: [oneData]
         }
 
-
-
         this.yanPan = { ...this.yanPan, ...aaa };
         console.log(this.yanPan);
 

src/views/modules/visual/cpts/analyse.vue

@@ -2,7 +2,8 @@
   <div class="analyse-container">
     <div class="analyse-wr list-wr">
 
-      <div class="analys-col">
+      <div v-if="userList&&userList.length>0"
+           class="analys-col">
         <div class="analys-family">
           <div class="family-title">(家属)</div>
           <div v-for="(item, index) in userList"
@@ -13,7 +14,8 @@
         </div>
       </div>
 
-      <div class="analys-col">
+      <div v-if="userList&&userList.length>0"
+           class="analys-col">
         <img class="analys-arrow"
              src="../../../../assets/img/shuju/measure/zuo@2x.png" />
       </div>
@@ -304,6 +306,7 @@ export default {
   },
   created () {
     this.tempList = [...this.singleList]
+    console.log(this.tempList)
 
   },
   methods: {
@@ -494,6 +497,10 @@ export default {
               margin: 0 auto;
             }
           }
+
+          // .cate-col {
+          //   width: 250px;
+          // }
           .cate-col-w100 {
             width: 230px;
             .cate-list-w0 {