添加语音播报

src/views/modules/events/issue-close-detail-view.vue

@@ -13,6 +13,11 @@
                                   :preview-src-list="previewImgList"
                                   @click="clickImg(url)">
                         </el-image>
+                        <div v-if="dataForm.voice">
+                            <audio controls style="height: 30px;">
+                                <source :src="dataForm.voice" >
+                            </audio>
+                        </div>
                     </el-form-item>
                     <el-form-item label="所属网格:" prop="ownGrid">
                         <div>{{dataForm.allDeptNames}}</div>
@@ -176,7 +181,8 @@ export default {
         issueContent: '',
         handleProgressResultDTOS: [],
         issueProgressResultDTOS: [],
-        images: []
+        images: [],
+        voice: ''
       },
       previewImgList: [],
       order: '',

src/views/modules/events/issue-process-detail-view.vue

@@ -14,6 +14,11 @@
                     :preview-src-list="previewImgList"
                     @click="clickImg(url)">
           </el-image>
+          <div v-if="dataForm.voice">
+            <audio controls style="height: 30px;">
+              <source :src="dataForm.voice" >
+            </audio>
+          </div>
         </el-form-item>
         <el-form-item label="所属网格:"
                       prop="ownGrid">
@@ -161,7 +166,8 @@ export default {
         state: '',
         handlerDeptIdRule: '',
         issueProgressResultDTOS: [],
-        images: []
+        images: [],
+        voice: ''
       },
       isAble: false,
       previewImgList: [],

src/views/modules/events/issue-reject-detail-view.vue

@@ -13,6 +13,11 @@
                                   :preview-src-list="previewImgList"
                                   @click="clickImg(url)">
                         </el-image>
+                        <div v-if="dataForm.voice">
+                            <audio controls style="height: 30px;">
+                                <source :src="dataForm.voice" >
+                            </audio>
+                        </div>
                     </el-form-item>
                     <el-form-item label="所属网格:" prop="ownGrid">
                         <div>{{dataForm.allDeptNames}}</div>
@@ -67,7 +72,8 @@ export default {
         advice: '',
         eventState: '',
         createdTime: '',
-        images: []
+        images: [],
+        voice: ''
       },
       previewImgList: []
     }

src/views/modules/events/issue-review-detail-view.vue

@@ -12,6 +12,11 @@
                                   :preview-src-list="previewImgList"
                                   @click="clickImg(url)">
                         </el-image>
+                        <div v-if="dataForm.voice">
+                            <audio controls style="height: 30px;">
+                                <source :src="dataForm.voice" >
+                            </audio>
+                        </div>
                     </el-form-item>
                     <el-form-item label="所属网格:" prop="ownGrid">
                         <div>{{dataForm.allDeptNames}}</div>
@@ -93,7 +98,8 @@ export default {
         handlerDeptIdRule: '',
         eventState: '4',
         handlerDept: '',
-        handlerDeptId: ''
+        handlerDeptId: '',
+        voice: ''
       },
       isAble: false,
       categoryIds: [],

src/views/modules/events/item-close-detail-view.vue

@@ -13,6 +13,11 @@
                           :preview-src-list="previewImgList"
                           @click="clickImg(url)">
                 </el-image>
+                <div v-if="dataForm.voice">
+                    <audio controls style="height: 30px;">
+                        <source :src="dataForm.voice" >
+                    </audio>
+                </div>
             </el-form-item>
               <el-form-item v-if="dataForm.groupName && dataForm.groupName.length > 0" label="项目来源:" prop="ownGrid">
                   <div>{{dataForm.groupName}}</div>
@@ -151,7 +156,8 @@ export default {
         itemContent: '',
         handleProgressResultDTOS: [],
         issueProgressResultDTOS: [],
-        images: []
+        images: [],
+        voice: ''
       },
       previewImgList: [],
       order: '',

src/views/modules/events/item-deal-detail-view.vue

@@ -15,6 +15,11 @@
                       :preview-src-list="previewImgList"
                       @click="clickImg(url)">
             </el-image>
+            <div v-if="dataForm.voice">
+              <audio controls style="height: 30px;">
+                <source :src="dataForm.voice" >
+              </audio>
+            </div>
           </el-form-item>
           <el-form-item v-if="dataForm.groupName && dataForm.groupName.length > 0"
                         label="项目来源:"
@@ -308,7 +313,8 @@ export default {
         handleCategory: '',
         issueLatitude: '',
         issueLongitude: '',
-        handlerDeptIdRule: ''
+        handlerDeptIdRule: '',
+        voice: ''
       },
       isAble: false,
       previewImgList: [],

src/views/modules/events/item-timeout-detail-view.vue

@@ -13,6 +13,11 @@
                                   :preview-src-list="previewImgList"
                                   @click="clickImg(url)">
                         </el-image>
+                        <div v-if="dataForm.voice">
+                            <audio controls style="height: 30px;">
+                                <source :src="dataForm.voice" >
+                            </audio>
+                        </div>
                     </el-form-item>
                     <el-form-item v-if="dataForm.groupName && dataForm.groupName.length > 0" label="项目来源:" prop="ownGrid">
                         <div>{{dataForm.groupName}}</div>
@@ -134,11 +139,11 @@
 </template>
 
 <script>
-    import BMap from 'BMap'
-    import 'element-ui/lib/theme-chalk/timeline.css'
-    import 'element-ui/lib/theme-chalk/timeline-item.css'
-    import 'element-ui/lib/theme-chalk/image.css'
-    export default {
+import BMap from 'BMap'
+import 'element-ui/lib/theme-chalk/timeline.css'
+import 'element-ui/lib/theme-chalk/timeline-item.css'
+import 'element-ui/lib/theme-chalk/image.css'
+export default {
   name: 'itemCloseDetailView',
   data () {
     return {
@@ -151,7 +156,8 @@
         itemContent: '',
         handleProgressResultDTOS: [],
         issueProgressResultDTOS: [],
-                    images: []
+        images: [],
+        voice: ''
       },
       previewImgList: [],
       order: '',
@@ -323,7 +329,7 @@
       }).catch(() => {})
     }
   }
-    }
+}
 </script>
 
 <style lang="scss">

src/views/modules/events/itemfusingdelay-detail-view.vue

@@ -15,6 +15,11 @@
                       :preview-src-list="previewImgList"
                       @click="clickImg(url)">
             </el-image>
+            <div v-if="dataForm.voice">
+              <audio controls style="height: 30px;">
+                <source :src="dataForm.voice" >
+              </audio>
+            </div>
           </el-form-item>
           <el-form-item v-if="dataForm.groupName && dataForm.groupName.length > 0"
                         label="项目来源:"
@@ -268,7 +273,8 @@ export default {
         handleCategory: '',
         issueLatitude: '',
         issueLongitude: '',
-        handlerDeptIdRule: ''
+        handlerDeptIdRule: '',
+        voice: ''
       },
       isAble: false,
       previewImgList: [],
@@ -329,7 +335,7 @@ export default {
           return '网格化平台-结案'
         } else if (item.state === 85) {
           return '项目延期-审核通过'
-        }else if (item.state === 90) {
+        } else if (item.state === 90) {
           return '项目熔断-审核通过'
         }
       } else if (item.type === 'issue' || item.type === 'init') {