xiugai 问题

src/view/system/login.vue

@@ -16,7 +16,11 @@
       </el-form-item>
       <el-form-item class="panel-form-item">
         <p class="err-info">{{verification.psw}}</p>
-        <el-input v-model="form.psw" placeholder="密码" type="password" @keydown.enter="submitClick"></el-input>
+        <el-input v-model="form.psw" placeholder="密码" :type="flag?'password':'text'" @keydown.enter="submitClick">
+          <template v-slot:suffix>
+              <i class="icon-style" size="20" :class="flag?'el-icon-minus':'el-icon-view'" @click="flag = !flag"></i>
+          </template>
+        </el-input>
       </el-form-item>
 
       <el-form-item class="panel-form-item code-form-item">
@@ -42,7 +46,7 @@
 </template>
 
 <script>
-import { reactive, watch } from 'vue'
+import { reactive, watch,ref } from 'vue'
 import axios from 'axios'
 import { setToken, setPermission, setInfo, setRoleKey } from '@/state/user'
 import { userLogin, getCode } from '@/request/config'
@@ -60,9 +64,7 @@ export default {
       remember: localStorage.getItem('remember') === '1'
     })
     const verification = reactive({ phone: '', psw: '', code: '' })
-
-
-
+    const flag = ref(true)
     watch(form, () => {
       console.log('form',form)
       if (!form.phone) {
@@ -84,7 +86,8 @@ export default {
 
     return {
       form,
-      verification
+      verification,
+      flag
     }
   },
   methods: {
@@ -228,6 +231,11 @@ export default {
   .panel-form-item {
     padding-left: 0;
     padding-right: 0;
+    .icon-style{
+    margin-right: 14px;
+    font-size: 20px;
+    line-height: 50px;
+    }
   }
 
   .more a:first-child::after {

src/view/user/index.vue

@@ -143,8 +143,13 @@
           <el-input
             v-model="newData.psw"
             placeholder="请输入8-16位数字、英文大小写组合密码"
-            type="password"
-          ></el-input>
+            :type="flag?'password':'text'"
+          >
+            <template v-slot:suffix>
+                <i class="icon-style" style="marginRight:15px;
+                fontSize:20px;lineHeight:45px" size="20" :class="flag?'el-icon-minus':'el-icon-view'" @click="flag = !flag"></i>
+            </template>
+          </el-input>
         </el-form-item>
       </el-form>
     </com-dialog>
@@ -174,6 +179,7 @@ import { getApp } from "../../app";
 export default {
   name: "user",
   setup() {
+    const flag = ref(true)
     const state = getTableState({
       getUrl: getUserList,
       updateUrl: updateUser,
@@ -200,11 +206,11 @@ export default {
       state.oper.value.readyUpdate(row);
     };
     const delInfo =  async (row) => {
-      console.log('row',row);
       let isOk = await getApp().$confirm('用户被删除后，无法登陆使用，无法编辑场景（可将该用户关联的相机绑定到其他管理员），确认要删除组织吗？', '删除')
       if (isOk) {
         await axios.post(deleUser, { id:row.id, });
         getApp().$message({message: '操作成功', type: 'success'});
+        state.search.value.submit();
       }
     }
     const getTreedata = async () => {
@@ -233,6 +239,7 @@ export default {
     return {
       ...state,
       ...toRefs(data),
+      flag,
       getTreedata,
       headList,
       delInfo,

src/view/vrmodel/index.vue

@@ -24,7 +24,7 @@
     <div class="body-head">
       <h3 style="visibility: hidden;">场景管理</h3>
       <div class="table-ctrl-right">
-        <el-button type="primary" v-if="auth.delete" @click="cameraCompany.show = true">同步场景</el-button>
+        <el-button type="primary" v-power="'sync'" v-if="auth.delete" @click="cameraCompany.show = true">同步场景</el-button>
       </div>
     </div>