wu
2024-09-11 93c3c9757d8c1db448894227930b7257d643d5df
UI-Project/src/views/User/userlist.vue
@@ -1,50 +1,41 @@
<script setup>
import {Search} from "@element-plus/icons-vue";
import {reactive} from "vue";
import {useRouter} from "vue-router"
const router = useRouter()
const add = ref(false)
const adda = ref(false)
import request from "@/utils/request"
import { ref, onMounted } from "vue";
// import { ref } from 'vue'
import { ref, onMounted,reactive } from "vue";
import { ElMessage, ElMessageBox } from 'element-plus'
  import { useI18n } from 'vue-i18n'
  const { t } = useI18n()
  let language = ref(localStorage.getItem('lang') || 'zh')
//  import LanguageMixin from './lang/LanguageMixin'
const selectedProjectNoa = ref(null); // 当前选中的角色
// const options = ref<any[]>([]); // 下拉选项列表
const selectedProjectNoa = ref(null);
  const userName = ref('');
  const account = ref('');
  const password = ref('');
const tableData = ref([])
const slot = ref('')
request.post("/deviceInteraction/account/findAccounts").then((res) => {
          if (res.code == 200) {
          console.log(res.data);
          tableData.value = res.data
          } else {
          ElMessage.warning(res.msg)
          }
onMounted(() => {
  list('');
  fetchOptionsa('');
          });
const list = async () => {
  try {
    const response = await request.post('/deviceInteraction/account/findAccounts');
    if (response.code === 200) {
      tableData.value = response.data
    } else {
      ElMessage.warning(response.data);
    }
  } catch (error) {
    console.error('Error fetching options:', error);
  }
};
const titleSelectJsona = ref({
  processType: [],
 
})
// const handleInputChangea = async (value: string) => {
//   if (value) {
//     await fetchOptionsa(value);
//   } else {
//     options.value = []; // 清空选项列表
//   }
// };
onMounted(() => {
  // 在组件挂载后调用 fetchOptions('') 来加载初始数据(如果需要)
  fetchOptionsa('');
});
  // 角色下拉选  
  const fetchOptionsa = async () => {  
  try {  
@@ -63,26 +54,25 @@
}; 
// 处理编辑按钮点击  
function handleEdit(row) {
  account.value = row.account;
  selectedProjectNoa.value = row.role_name;
  userName.value = row.user_name;
  password.value = row.password;
  window.localStorage.setItem('ids', row.id);
  userName.value = row.userName;
  if (row.roleList && row.roleList.length > 0) {
    const firstRole = row.roleList[0];
    selectedProjectNoa.value = firstRole.id; // 设置为ID,而不是name
  }
  adda.value = true; // 显示对话框  
}
function closeDialog(row) {
     add.value = false;
     userName.value = '';
     nickName.value = '';
     password.value = '';
      account.value = '';
     selectedProjectNoa.value = '';
      userName.value = '';
      password.value = '';
}
function closeDialoga(row) {
     adda.value = false;
      account.value = '';
      selectedProjectNoa.value = '';
     userName.value = '';
     nickName.value = '';
     password.value = '';
}
// 添加 
@@ -95,17 +85,19 @@
      password: password.value,
    }); 
    if (response.code === 200) {
      // 绑定成功,处理逻辑
      ElMessage.success(response.message);
      add.value = false;
     tableData.value = response.data;
      account.value = '';
      selectedProjectNoa.value = '';
      userName.value = '';
      password.value = '';
        list()
    } else {
      // 请求失败,显示错误消息
      ElMessage.error(response.message);
    }
  } catch (error) {
    // 处理错误
    console.error(error);
      // 处理请求错误
  }
};
// 编辑
@@ -124,7 +116,8 @@
      // 绑定成功,处理逻辑
      ElMessage.success(response.message);
      adda.value = false;
     tableData.value = response.data;
    //  tableData.value = response.data;
        list()
    } else {
      // 请求失败,显示错误消息
      ElMessage.error(response.message);
@@ -153,6 +146,7 @@
      })
    if (response.code === 200) {
      ElMessage.success(response.message);
        list()
      } else {  
        // 删除失败,您可以处理错误或显示错误信息给用户  
      ElMessage.error(response.msg);
@@ -164,7 +158,6 @@
    console.error('发生错误:', error);  
  }  
};   
</script>
<template>