对tenantManagement页面进行微调,统一service的API

This commit is contained in:
高子兴 2024-07-05 23:39:44 +08:00
parent bb6dc0999f
commit acd9cad23f
2 changed files with 25 additions and 37 deletions

View File

@ -1,10 +1,8 @@
import axios from "axios"; import axios from "axios";
import {ref} from "vue";
export default { export default {
addUser(user){ addUser(user){
const url='http://localhost:8080/addUser' const url='/api/user/addUser'
const data={ const data={
account: user.account, account: user.account,
name: user.name, name: user.name,
@ -26,34 +24,23 @@ export default {
}, },
getAll(){ async getAll() {
const url='http://localhost:8080/getAll' const url = '/api/user/getAll'
return axios.get(url) const response = await axios.get(url)
.then(response => {
return response.data; return response.data;
});
}, },
update(user){ update(user){
const url='http://localhost:8080/update'; const url='/api/user/update';
console.log("哈哈哈哈哈哈哈啊哈哈哈哈哈"+user);
return axios.post(url,user) return axios.post(url,user)
.then(response => { .then(() => {
location.href="/userManagement"; location.href="/userManagement";
}); });
}, },
delete(user){ async delete(user){
const url='http://localhost:8080/delete'; const url='/api/user/delete';
console.log("哈哈哈哈哈哈哈啊哈哈哈哈哈"+user); return await axios.post(url, user)
return axios.post(url,user)
.then(response => {
if(response.data==boolean){
alert("删除成功");
}else
alert("删除失败");
location.href="/userManagement";
});
} }
} }

View File

@ -75,7 +75,8 @@
<script lang="ts"> <script lang="ts">
import userService from "../../services/userService.js"; import userService from "../../services/userService.js";
import { onMounted, ref, defineComponent } from 'vue'; import {defineComponent, onMounted, ref} from 'vue';
import {ElMessage} from "element-plus";
interface User { interface User {
id: number; id: number;
@ -119,8 +120,7 @@ export default defineComponent({
const fetchData = async () => { const fetchData = async () => {
try { try {
const data = await userService.getAll(); tableData.value = await userService.getAll();
tableData.value = data;
} catch (error) { } catch (error) {
console.error("Error fetching organization:", error); console.error("Error fetching organization:", error);
} }
@ -129,7 +129,7 @@ export default defineComponent({
const handleSelectionChange = (rows) => { const handleSelectionChange = (rows) => {
selectedRows.value = rows; selectedRows.value = rows;
if (rows.length === 1) { if (rows.length === 1) {
formData.value = { ...rows[0] }; formData.value = {...rows[0]};
} else { } else {
formData.value = { formData.value = {
id: null, id: null,
@ -159,32 +159,33 @@ export default defineComponent({
}; };
const handleDelete = async () => { const handleDelete = async () => {
try{ try {
await userService.delete(formData.value); await userService.delete(formData.value);
fetchData(); ElMessage.error("删除成功")
}catch(error){ await fetchData();
} catch (error) {
ElMessage.error("删除失败")
} }
}; };
const handleSearch = async () => { const handleSearch = async () => {
tableData.value =tableData.value.filter( tableData.value = tableData.value.filter(
(data) => { (data) => {
const isNameValid = searchName.value; const isNameValid = searchName.value;
const isOrganizationValid =searchOrganization.value; const isOrganizationValid = searchOrganization.value;
const isPhoneValid = searchPhone.value; const isPhoneValid = searchPhone.value;
// search.value && search.value. // search.value && search.value.
return (!isNameValid || data.name.toLowerCase().includes(searchName.value.toLowerCase())) && return (!isNameValid || data.name.toLowerCase().includes(searchName.value.toLowerCase())) &&
(!isPhoneValid || data.phone.toLowerCase().includes(searchPhone.value.toLowerCase()) )&& (!isPhoneValid || data.phone.toLowerCase().includes(searchPhone.value.toLowerCase())) &&
(!isOrganizationValid || data.organization.toLowerCase().includes(searchOrganization.value.toLowerCase())) (!isOrganizationValid || data.organization.toLowerCase().includes(searchOrganization.value.toLowerCase()))
} }
) )
}; };
const handleReset=()=>{ const handleReset = () => {
location.href = '/userManagement'; location.href = '/userManagement';
} }