调整目录结构,删除无用内容
This commit is contained in:
parent
aafee5564b
commit
75d1dc1c35
@ -7,13 +7,12 @@ import newsManagementRoutes from './newsManagement'
|
|||||||
import organizationManagementRoutes from './organizationManagement'
|
import organizationManagementRoutes from './organizationManagement'
|
||||||
import userManagementRoutes from './userManagement'
|
import userManagementRoutes from './userManagement'
|
||||||
import App from '../App.vue';
|
import App from '../App.vue';
|
||||||
import Register from "../view/Register.vue";
|
import Register from "../views/user-management/Register.vue";
|
||||||
import Home from '../view/Home.vue';
|
import Home from '../views/user-management/Home.vue';
|
||||||
import UserManagement from "../view/UserManagement.vue";
|
import UserManagement from "../views/user-management/UserManagement.vue";
|
||||||
import TenantManagement from "../view/TenantManagement.vue";
|
import TenantManagement from "../views/user-management/TenantManagement.vue";
|
||||||
import AddUser from "../view/AddUser.vue";
|
import AddUser from "../views/user-management/AddUser.vue";
|
||||||
import AddTenant from "../view/AddTenant.vue";
|
import AddTenant from "../views/user-management/AddTenant.vue";
|
||||||
import test from "../test.vue";
|
|
||||||
const routes = [
|
const routes = [
|
||||||
{ path: '/', component: Home},
|
{ path: '/', component: Home},
|
||||||
{ path: '/login', name: 'App', component:Home },
|
{ path: '/login', name: 'App', component:Home },
|
||||||
@ -34,10 +33,6 @@ const routes = [
|
|||||||
name: 'AddTenant',
|
name: 'AddTenant',
|
||||||
component: AddTenant
|
component: AddTenant
|
||||||
},
|
},
|
||||||
{ path: '/test',
|
|
||||||
name: 'Test',
|
|
||||||
component: test
|
|
||||||
},
|
|
||||||
{ path: '/userManagement', name: 'UM', component:UserManagement }
|
{ path: '/userManagement', name: 'UM', component:UserManagement }
|
||||||
]
|
]
|
||||||
|
|
||||||
|
|||||||
119
src/test.vue
119
src/test.vue
@ -1,119 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<!-- 表格 -->
|
|
||||||
<el-table
|
|
||||||
:data="tableData"
|
|
||||||
style="width: 100%"
|
|
||||||
@selection-change="handleSelectionChange"
|
|
||||||
>
|
|
||||||
<!-- 勾选框列 -->
|
|
||||||
<el-table-column
|
|
||||||
type="selection"
|
|
||||||
width="55">
|
|
||||||
</el-table-column>
|
|
||||||
<!-- 其他列 -->
|
|
||||||
<el-table-column
|
|
||||||
label="日期"
|
|
||||||
prop="date">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
label="姓名"
|
|
||||||
prop="name">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
label="地址"
|
|
||||||
prop="address">
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
<!-- 显示选中行数据的按钮 -->
|
|
||||||
<el-button @click="showDialog">编辑选中行</el-button>
|
|
||||||
|
|
||||||
<!-- 弹窗 -->
|
|
||||||
<el-dialog :visible.sync="dialogVisible" title="编辑选中行">
|
|
||||||
<el-form :model="formData">
|
|
||||||
<el-form-item label="日期">
|
|
||||||
<el-input v-model="formData.date"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="姓名">
|
|
||||||
<el-input v-model="formData.name"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="地址">
|
|
||||||
<el-input v-model="formData.address"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="dialogVisible = false">取消</el-button>
|
|
||||||
<el-button type="primary" @click="saveChanges">保存</el-button>
|
|
||||||
</span>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref } from 'vue';
|
|
||||||
import { ElMessageBox } from 'element-plus';
|
|
||||||
|
|
||||||
// 表格数据
|
|
||||||
const tableData = ref([
|
|
||||||
{
|
|
||||||
date: '2016-05-03',
|
|
||||||
name: 'Tom',
|
|
||||||
address: 'No. 189, Grove St, Los Angeles',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
date: '2016-05-02',
|
|
||||||
name: 'John',
|
|
||||||
address: 'No. 189, Grove St, Los Angeles',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
date: '2016-05-04',
|
|
||||||
name: 'Jane',
|
|
||||||
address: 'No. 189, Grove St, Los Angeles',
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
|
|
||||||
const selectedRows = ref([]);
|
|
||||||
const dialogVisible = ref(false);
|
|
||||||
const formData = ref({
|
|
||||||
date: '',
|
|
||||||
name: '',
|
|
||||||
address: '',
|
|
||||||
});
|
|
||||||
|
|
||||||
// 处理选中项变化
|
|
||||||
const handleSelectionChange = (rows) => {
|
|
||||||
selectedRows.value = rows;
|
|
||||||
};
|
|
||||||
|
|
||||||
// 显示弹窗
|
|
||||||
const showDialog = () => {
|
|
||||||
if (selectedRows.value.length !== 1) {
|
|
||||||
ElMessageBox.alert('请选中一行进行编辑', '提示', {
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 设置表单数据为选中行的数据
|
|
||||||
formData.value = { ...selectedRows.value[0] };
|
|
||||||
dialogVisible.value = true;
|
|
||||||
};
|
|
||||||
|
|
||||||
// 保存更改
|
|
||||||
const saveChanges = () => {
|
|
||||||
// 将更改保存到原始数据
|
|
||||||
const index = tableData.value.findIndex(row => row.date === formData.value.date);
|
|
||||||
if (index !== -1) {
|
|
||||||
tableData.value[index] = { ...formData.value };
|
|
||||||
}
|
|
||||||
|
|
||||||
dialogVisible.value = false;
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.dialog-footer {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -59,7 +59,7 @@
|
|||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref } from 'vue';
|
import { ref } from 'vue';
|
||||||
import tenantService from "../services/tenantService.js";
|
import tenantService from "../../services/tenantService.js";
|
||||||
|
|
||||||
const manager = ref<String>('');
|
const manager = ref<String>('');
|
||||||
const phone = ref<String>('');
|
const phone = ref<String>('');
|
||||||
@ -68,7 +68,7 @@
|
|||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref } from 'vue';
|
import { ref } from 'vue';
|
||||||
import userService from "../services/userService.js";
|
import userService from "../../services/userService.js";
|
||||||
|
|
||||||
const account = ref<String>('');
|
const account = ref<String>('');
|
||||||
const phone = ref<String>('');
|
const phone = ref<String>('');
|
||||||
@ -28,7 +28,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import authenticationService from "../services/authenticationService.js";
|
import authenticationService from "../../services/authenticationService.js";
|
||||||
import {useRouter} from "vue-router";
|
import {useRouter} from "vue-router";
|
||||||
import {ref} from "vue";
|
import {ref} from "vue";
|
||||||
|
|
||||||
@ -38,7 +38,7 @@ import { ref } from 'vue';
|
|||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
import type { Action } from 'element-plus'
|
import type { Action } from 'element-plus'
|
||||||
import { useRouter } from 'vue-router';
|
import { useRouter } from 'vue-router';
|
||||||
import authenticationService from "../services/authenticationService.js";
|
import authenticationService from "../../services/authenticationService.js";
|
||||||
|
|
||||||
const name = ref<string>('');
|
const name = ref<string>('');
|
||||||
const password = ref<string>('');
|
const password = ref<string>('');
|
||||||
@ -66,7 +66,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import tenantService from "../services/tenantService.js";
|
import tenantService from "../../services/tenantService.js";
|
||||||
import { onMounted, ref, defineComponent } from 'vue';
|
import { onMounted, ref, defineComponent } from 'vue';
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
import type { Action } from 'element-plus'
|
import type { Action } from 'element-plus'
|
||||||
@ -74,7 +74,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<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 { onMounted, ref, defineComponent } from 'vue';
|
||||||
|
|
||||||
interface User {
|
interface User {
|
||||||
Loading…
Reference in New Issue
Block a user