|
@ -4,11 +4,13 @@ |
|
|
<div class="main"> |
|
|
<div class="main"> |
|
|
<div class="container system-container panel"> |
|
|
<div class="container system-container panel"> |
|
|
<div class="box"> |
|
|
<div class="box"> |
|
|
|
|
|
|
|
|
<div class="left"> |
|
|
<div class="left"> |
|
|
<h1>用户姓名:</h1> |
|
|
<h1>用户姓名:</h1> |
|
|
<input type="text" v-model="state1" class="textInput"/> |
|
|
<input type="text" v-model="state1" class="textInput"/> |
|
|
<div><img src="/images/search.png" @click="onSearch"></div> |
|
|
<div><img src="/images/search.png" @click="onSearch"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="right"> |
|
|
<div class="right"> |
|
|
<span @click="onAddClick">添加新用户</span> |
|
|
<span @click="onAddClick">添加新用户</span> |
|
|
</div> |
|
|
</div> |
|
@ -44,6 +46,7 @@ |
|
|
<el-pagination background |
|
|
<el-pagination background |
|
|
layout="prev, pager, next" |
|
|
layout="prev, pager, next" |
|
|
:total="total" |
|
|
:total="total" |
|
|
|
|
|
hide-on-single-page="hide-on-single-page" |
|
|
@prev-click="prev" |
|
|
@prev-click="prev" |
|
|
@next-click="next" |
|
|
@next-click="next" |
|
|
@current-change="changEnum"> |
|
|
@current-change="changEnum"> |
|
@ -51,11 +54,13 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<!--弹出框---> |
|
|
<!--弹出框---> |
|
|
<el-dialog v-model="dialogFormVisible" :title="title" center=true width="900px" top="17%"> |
|
|
<el-dialog v-model="dialogFormVisible" :title="title" center=center width="900px" top="17%"> |
|
|
<el-form :model="form"> |
|
|
<el-form :model="form"> |
|
|
<el-form-item label="用户账号:" :label-width="formLabelWidth"> |
|
|
<el-form-item label="用户账号:" :label-width="formLabelWidth"> |
|
|
<el-input v-model="form.userAccountNumber" autocomplete="off" style="width: 260px" :disabled="isDisabled"></el-input> |
|
|
<el-input v-model="form.userAccountNumber" autocomplete="off" style="width: 260px" |
|
|
|
|
|
:disabled="isDisabled"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="用户密码:" :label-width="formLabelWidth"> |
|
|
<el-form-item label="用户密码:" :label-width="formLabelWidth"> |
|
|
<el-input v-model="form.userPassword" autocomplete="off" style="width: 260px" type="password"></el-input> |
|
|
<el-input v-model="form.userPassword" autocomplete="off" style="width: 260px" type="password"></el-input> |
|
@ -81,13 +86,13 @@ |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script lang="ts"> |
|
|
<script lang="ts"> |
|
|
|
|
|
|
|
|
import {onMounted, reactive, toRefs} from 'vue'; |
|
|
import {onMounted, reactive, toRefs} from 'vue'; |
|
|
import {post} from "../uilts/axios"; |
|
|
import {post} from "../uilts/axios"; |
|
|
import {ElMessage} from 'element-plus' |
|
|
import {ElMessage} from 'element-plus' |
|
|
import {format} from '../uilts/String'; |
|
|
import {format} from '../uilts/String'; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: 'SystemManagement', |
|
|
name: 'SystemManagement', |
|
|
setup() { |
|
|
setup() { |
|
@ -149,7 +154,6 @@ export default { |
|
|
|
|
|
|
|
|
//删除用户 |
|
|
//删除用户 |
|
|
const confirmEvent = (index, rows) => { |
|
|
const confirmEvent = (index, rows) => { |
|
|
console.log(rows[index].userAccountNumber) |
|
|
|
|
|
post('user/delUser', { |
|
|
post('user/delUser', { |
|
|
userAccountNumber: rows[index].userAccountNumber |
|
|
userAccountNumber: rows[index].userAccountNumber |
|
|
}).then((res: any) => { |
|
|
}).then((res: any) => { |
|
@ -178,7 +182,6 @@ export default { |
|
|
}).then((res: any) => { |
|
|
}).then((res: any) => { |
|
|
option.tableData = res.data.records; |
|
|
option.tableData = res.data.records; |
|
|
option.total = res.data.total; |
|
|
option.total = res.data.total; |
|
|
console.log(res) |
|
|
|
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -359,6 +362,7 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
:deep(.el-table thead) { |
|
|
:deep(.el-table thead) { |
|
|
color: black; |
|
|
color: black; |
|
|
} |
|
|
} |
|
|