diff --git a/src/views/user/index.vue b/src/views/user/index.vue
index 0f94333..6aedae9 100644
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -2,8 +2,8 @@
   <div class="main-container-text">
     <div class="title">用户管理</div>
     <div class="header">
-      <el-input v-model="user_code" clearable placeholder="请输入工号" />
-      <el-input v-model="real_name" clearable placeholder="请输入姓名" />
+      <el-input v-model="user_code" clearable placeholder="请输入工号"/>
+      <el-input v-model="real_name" clearable placeholder="请输入姓名"/>
       <el-select v-model="role_id" clearable placeholder="请输入角色" :value="manageer">
         <el-option
           v-for="item in roleData"
@@ -13,14 +13,14 @@
         />
       </el-select>
       <el-select v-model="is_enabled" clearable placeholder="账号状态" :value="manageer">
-        <el-option label="启用" :value="1" />
-        <el-option label="未启用" :value="0" />
+        <el-option label="启用" :value="1"/>
+        <el-option label="未启用" :value="0"/>
       </el-select>
       <el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button>
-      <el-button type="primary" plain @click="handleAddUser"><i class="el-icon-plus" />新增用户</el-button>
+      <el-button type="primary" plain @click="handleAddUser"><i class="el-icon-plus"/>新增用户</el-button>
       <div class="header-right">
-        <el-button icon="el-icon-delete" circle @click="handleDelTem" />
-        <el-button icon="el-icon-refresh" circle @click="handleRefresh" />
+        <el-button icon="el-icon-delete" circle @click="handleDelTem"/>
+        <el-button icon="el-icon-refresh" circle @click="handleRefresh"/>
       </div>
     </div>
     <el-table
@@ -90,7 +90,10 @@
         align="center"
       >
         <template slot-scope="scope">
-          <el-tag :type="scope.row.is_enabled === 1?'success':'danger'">{{ scope.row.is_enabled === 1 ? '启用' : '未启用' }}</el-tag>
+          <el-tag :type="scope.row.is_enabled === 1?'success':'danger'">{{
+              scope.row.is_enabled === 1 ? '启用' : '未启用'
+            }}
+          </el-tag>
         </template>
       </el-table-column>
       <el-table-column
@@ -103,7 +106,7 @@
           <el-button size="mini" type="primary" plain @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
           <el-button size="mini" @click="handleFace(scope.$index, scope.row)">录入人脸</el-button>
           <el-button size="mini" @click="handleRole(scope.$index, scope.row)">
-            <svg-icon icon-class="分配权限" />
+            <svg-icon icon-class="分配权限"/>
             分配功能权限
           </el-button>
         </template>
@@ -152,7 +155,7 @@
             @change="(val) => handleCheckAllChange(val,'drug_module_id')"
           >全选
           </el-checkbox>
-          <div style="margin: 15px 0;" />
+          <div style="margin: 15px 0;"/>
           <el-checkbox-group
             v-model="formData.drug_module_id"
             @change="(val) => handleCheckedCitiesChange(val,'drug_module_id')"
@@ -169,7 +172,7 @@
             @change="(val) =>handleCheckAllChange(val,'client_module_id')"
           >全选
           </el-checkbox>
-          <div style="margin: 15px 0;" />
+          <div style="margin: 15px 0;"/>
           <el-checkbox-group
             v-model="formData.client_module_id"
             @change="(val) =>handleCheckedCitiesChange(val,'client_module_id')"
@@ -186,7 +189,7 @@
             @change="(val) =>handleCheckAllChange(val,'standard_module_id')"
           >全选
           </el-checkbox>
-          <div style="margin: 15px 0;" />
+          <div style="margin: 15px 0;"/>
           <el-checkbox-group
             v-model="formData.standard_module_id"
             @change="(val) =>handleCheckedCitiesChange(val,'standard_module_id')"
@@ -203,7 +206,7 @@
             @change="(val) =>handleCheckAllChange(val,'consumables_module_id')"
           >全选
           </el-checkbox>
-          <div style="margin: 15px 0;" />
+          <div style="margin: 15px 0;"/>
           <el-checkbox-group
             v-model="formData.consumables_module_id"
             @change="(val) =>handleCheckedCitiesChange(val,'consumables_module_id')"
@@ -220,7 +223,7 @@
             @change="(val) =>handleCheckAllChange(val,'instrument_module_id')"
           >全选
           </el-checkbox>
-          <div style="margin: 15px 0;" />
+          <div style="margin: 15px 0;"/>
           <el-checkbox-group
             v-model="formData.instrument_module_id"
             @change="(val) =>handleCheckedCitiesChange(val,'instrument_module_id')"
@@ -275,11 +278,11 @@ import {
   update
 } from '@/api/user/user'
 import stringify from '@/utils/stringify'
-import { throttle, web_stream as webStream } from '@/utils'
+import {throttle, web_stream as webStream} from '@/utils'
 
 export default {
   name: 'User',
-  components: { UserForm },
+  components: {UserForm},
   data() {
     return {
       // 全选相关
@@ -296,7 +299,7 @@ export default {
 
       tableData: [],
       manageer: null,
-      headerStyle: { 'background': '#E6E6E6' },
+      headerStyle: {'background': '#E6E6E6'},
       dialogVisible: false,
       userFormTitle: '',
       userFormData: {},
@@ -464,7 +467,7 @@ export default {
       this.roleDialogVisible = true
       this.tabsLoading = true
       this.formData.user_id = row.user_id
-      get_user_power_list(stringify({ 'user_id': row.user_id })).then(res => {
+      get_user_power_list(stringify({'user_id': row.user_id})).then(res => {
         // client_manage: [{have: 1, module_code: "MyDrug", module_id: "43272548-116f-11ed-8d0e-f47b094925e5",…},…]
         // consumables_manage: []
         // drug_manage: [{have: 1, module_code: "DrugScanBarCode", module_id: "4327254a-116f-11ed-8d11-f47b094925e5",…},…]
@@ -490,7 +493,7 @@ export default {
         cancelButtonText: '取消',
         type: 'warning'
       }).then(() =>
-        del(stringify({ 'user_id': this.multipleSelection[0].user_id })).then(
+        del(stringify({'user_id': this.multipleSelection[0].user_id})).then(
           res => {
             this.$message.success({
               type: 'success',
@@ -539,12 +542,13 @@ export default {
         instrument_module_id: []
       }
     },
-    handleFaceCancel: throttle(function() {
+    handleFaceCancel: throttle(function () {
       faceStop().then(
         res => {
           console.log(res)
         }
       )
+      this.dialogFaceVisible = false
       this.web_stream.destroy()
       this.play = null
       this.rflag = false
@@ -553,6 +557,9 @@ export default {
       this.play = null
       this.rflag = false
       this.dialogFaceVisible = false
+      if (this.web_stream) {
+        this.web_stream.destroy()
+      }
     }
   }
 }
@@ -589,17 +596,13 @@ export default {
     }
   }
 
-  #video, canvas {
-    position: absolute;
-    top: 100px;
-    left: 120px;
+  #video {
     border-radius: 50%;
     border: 1px solid #707070;
   }
 
   .face-content {
     text-align: center;
-    height: 18.75rem;
     width: 100%;
   }