人员档案

package-lock.json

@@ -14474,6 +14474,14 @@
       "resolved": "https://registry.npm.taobao.org/vue/download/vue-2.6.12.tgz?cache=0&sync_timestamp=1600441210971&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-2.6.12.tgz",
       "integrity": "sha1-9evU+mvShpQD4pqJau1JBEVskSM="
     },
+    "vue-audio": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmmirror.com/vue-audio/-/vue-audio-0.0.12.tgz",
+      "integrity": "sha512-QgTl+UuLSWOhHDv0E7EgXD4JQcrsI6Tsvn3qOTmNvMacWNL/qmQPKbTPQ1EuzHMVX4LeGphZTXPb8myJfwms7Q==",
+      "requires": {
+        "vue": "^2.5.8"
+      }
+    },
     "vue-cli-plugin-axios": {
       "version": "0.0.4",
       "resolved": "https://registry.npm.taobao.org/vue-cli-plugin-axios/download/vue-cli-plugin-axios-0.0.4.tgz",

package.json

@@ -24,6 +24,7 @@
     "style-loader": "^2.0.0",
     "video.js": "^7.11.4",
     "vue": "^2.6.11",
+    "vue-audio": "0.0.12",
     "vue-photo-preview": "^1.1.3",
     "vue-router": "^3.2.0",
     "vue-wechat-title": "^2.0.7",

src/components/qxda_compontents.vue

@@ -27,6 +27,7 @@
             v-if="
               zdygxPage != 'wPdsw' &&
               zdygxPage != 'dsw' &&
+              zdygxPage != 'dswsw' &&
               zdygxPage != 'zdygx' &&
               zdygxPage != 'daypbg'
             "
@@ -118,6 +119,7 @@
               zdygxPage == 'zdygx' ||
               cxType == 'lsjsr' ||
               zdygxPage == 'daypbg' ||
+              zdygxPage == 'dswsw' ||
               zdygxPage == 'wPdsw'
             "
             width="150"
@@ -126,6 +128,14 @@
           >
             <template slot-scope="scope">
                 <span
+                v-if="zdygxPage == 'dswsw'"
+                style="color: #0070f4; margin-right: 10px"
+                @click="swbf(scope)"
+              >
+                声纹
+                
+              </span>
+              <span
                 v-if="zdygxPage == 'wPdsw'"
                 style="color: #0070f4; margin-right: 10px"
                 @click="wpXqzp(scope)"
@@ -140,14 +150,14 @@
                 查看详情
               </span>
               <span
-                v-if="zdygxPage != 'wPdsw'"
+                v-if="zdygxPage != 'wPdsw' && zdygxPage != 'dswsw'"
                 style="color: #0070f4; margin-right: 10px"
                 @click="eadit(scope)"
               >
                 修改
               </span>
               <span
-                v-if="zdygxPage != 'wPdsw'"
+                v-if="zdygxPage != 'wPdsw' && zdygxPage != 'dswsw'"
                 style="color: #0070f4"
                 @click="deleteTp(scope)"
               >
@@ -236,7 +246,10 @@ export default {
       this.$emit("details", scope);
     },
     wpXqzp(scope) {
-      this.$emit('wpXqzp',scope)
+      this.$emit("wpXqzp", scope);
+    },
+    swbf( scope) {
+      this.$emit('swbf',scope)
     },
     orderBy(column) {
       let self = this,

src/views/ryda/dswtz.vue

@@ -550,6 +550,7 @@
                       :tableName="sjxxTableName"
                       :zdygxPage="sjdc"
                     ></table-component>
+                    <span v-else class="zwshxx">暂无数据</span>
                   </div>
                 </el-tab-pane>
                 <el-tab-pane name="sjxxTxl">
@@ -565,6 +566,7 @@
                       :zdygxPage="sjdcTx"
                       :tableName="sjTxlTableName"
                     ></table-component>
+                    <span v-else class="zwshxx">暂无数据</span>
                   </div>
                 </el-tab-pane>
                 <el-tab-pane name="sjxxThjl">
@@ -580,6 +582,7 @@
                       :zdygxPage="thjl"
                       :tableName="sjThjlTableName"
                     ></table-component>
+                    <span v-else class="zwshxx">暂无数据</span>
                   </div>
                 </el-tab-pane>
                 <el-tab-pane name="sjxxDx">
@@ -595,6 +598,7 @@
                       :zdygxPage="dxXX"
                       :tableName="sjDxTableName"
                     ></table-component>
+                    <span v-else class="zwshxx">暂无数据</span>
                   </div>
                 </el-tab-pane>
                 <el-tab-pane label="虚拟身份" name="sjxxXnsf">
@@ -610,6 +614,7 @@
                       :zdygxPage="XnSf"
                       :tableName="sjXnsfTableName"
                     ></table-component>
+                    <span v-else class="zwshxx">暂无数据</span>
                   </div>
                 </el-tab-pane>
               </el-tabs>
@@ -627,6 +632,7 @@
                   :zdygxPage="yhlkxx"
                   :tableName="yhkTableName"
                 ></table-component>
+                <span v-else class="zwshxx">暂无数据</span>
               </div>
             </el-tab-pane>
             <el-tab-pane name="swxx">
@@ -641,7 +647,18 @@
                   :cxUrl="swCxUrl"
                   :zdygxPage="swxxNr"
                   :tableName="swTableName"
+                  @swbf="swbf"
                 ></table-component>
+                <span v-else class="zwshxx">暂无数据</span>
+                <el-dialog
+                  title="声纹"
+                  :visible.sync="dialogVisible"
+                  width="30%"
+                >
+                  <div style="padding: 20px 88px">
+                    <vue-audio :file="resAudio" />
+                  </div>
+                </el-dialog>
               </div>
             </el-tab-pane>
             <el-tab-pane name="hmxx">
@@ -696,6 +713,7 @@
                   :zdygxPage="wpxxx"
                   @wpXqzp="wpXqzp"
                 ></table-component>
+                <span v-else class="zwshxx">暂无数据</span>
               </div>
               <el-image
                 style="width: 0px; height: 0px"
@@ -712,6 +730,7 @@
 </template>
 
 <script>
+import VueAudio from "vue-audio";
 import tableComponent from "@c/qxda_compontents.vue";
 import request from "@/utils/axiosHttp.js";
 import url from "@/api/base";
@@ -726,10 +745,13 @@ import zwzwXx from "@/assets/img/ryda/zwzw.gif";
 export default {
   components: {
     tableComponent,
+    VueAudio,
   },
   name: "ryDj",
   data() {
     return {
+      resAudio: "",
+      dialogVisible: false,
       rxTotal: 0, // 人像
       gdZwTotal: 0, // 滚动指纹
       pmZwTotal: 0, // 平面指纹
@@ -962,9 +984,6 @@ export default {
       ],
       swFormThead: [
         {
-          label: "操作",
-        },
-        {
           label: "声纹名称",
           prop: "xm",
         },
@@ -1063,7 +1082,7 @@ export default {
       yhlkxx: "dsw",
       swCxUrl: "/newRyda/getDswSwxx",
       swTableName: "声纹信息",
-      swxxNr: "dsw",
+      swxxNr: "dswsw",
       wpCxUrl: "/newRyda/getDswWpxx",
       wpTableName: "物品信息",
       wpxxx: "wPdsw",
@@ -1204,6 +1223,33 @@ export default {
         method: "POST",
       });
     },
+    postGetDswSwxxByXxzjbh(form) {
+      return request({
+        url: url.rzURL + "/newRyda/getDswSwxxByXxzjbh",
+        data: JSON.parse(form),
+        method: "POST",
+        responseType: "blob",
+      });
+    },
+    swbf(scope) {
+      let json = {
+        objectValue: scope.row.xxzjbh,
+      };
+      this.postGetDswSwxxByXxzjbh(JSON.stringify(json)).then((res) => {
+        let url = window.URL.createObjectURL(res); //经过这个API让语音数据转为成一个url地址
+        this.resAudio = url;
+        this.dialogVisible = true;
+        // let audio = new Audio(); //在VUE中使用audio标签
+        // audio.src = url; //设置audio的src为上面生成的url
+        // let playPromiser = audio.play(); //进行播放
+        // //在谷歌内核中,audio.play()会返回一个promise的值，在IE内核中就不会返回任何的值
+        // //因此若是你要分浏览器，能够判断playPromiser的值来进行操做哦
+        // audio.onended = () => {
+        //   //onended能够检测语音是否播完
+        //   //dosometing
+        // };
+      });
+    },
     // 物品信息数量
     postGetDswWpCountTotal() {
       let json = {
@@ -1704,6 +1750,16 @@ export default {
 
 
 <style lang="scss" scoped>
+.zwshxx {
+  text-align: center;
+  display: block;
+  font-size: 16px;
+  padding: 20px;
+  color: #999595;
+}
+/deep/a.icon-download {
+  display: none !important;
+}
 .btwz {
   display: inline-block;
   background: #ff9900;