From b945f5a17664823e5ab2967e61bc3f3d38aa4087 Mon Sep 17 00:00:00 2001
From: hailin <1356886193@qq.com>
Date: 星期二, 18 七月 2023 08:57:18 +0800
Subject: [PATCH] 修改侧边导航栏
---
src/views/laboratory/personnel/index.vue | 179 +++++++++++++++++++++++++++++------------------------------
1 files changed, 89 insertions(+), 90 deletions(-)
diff --git a/src/views/laboratory/personnel/index.vue b/src/views/laboratory/personnel/index.vue
index 244d5a4..ec45299 100644
--- a/src/views/laboratory/personnel/index.vue
+++ b/src/views/laboratory/personnel/index.vue
@@ -5,42 +5,42 @@
<el-form ref="form" inline="true" :model="searchData">
<el-form-item>
<el-input
- placeholder="璇疯緭鍏ヤ汉鍛樺悕绉�"
v-model="keyword"
+ placeholder="璇疯緭鍏ヤ汉鍛樺悕绉�"
>
<i slot="prefix" class="el-input__icon el-icon-search" />
</el-input>
</el-form-item>
<el-form-item>
- <el-button @click="searchData()" type="primary">鏌ヨ</el-button>
- <el-button @click="resetData()" type="primary" plain>閲嶇疆</el-button>
+ <el-button type="primary" @click="searchData()">鏌ヨ</el-button>
+ <el-button type="primary" plain @click="resetData()">閲嶇疆</el-button>
<!-- <el-button type="text">楂樼骇鎼滅储<i class="el-icon-arrow-down el-icon--right" /></el-button> -->
</el-form-item>
</el-form>
</div>
<div class="serve-btn">
- <el-button type="primary" @click="dialogFormVisible = true" icon="el-icon-plus">鏂板浜哄憳</el-button>
+ <el-button type="primary" icon="el-icon-plus" @click="dialogFormVisible = true">鏂板浜哄憳</el-button>
<el-dialog title="鏂板浜哄憳" :visible.sync="dialogFormVisible">
- <el-form :model="form" :rules="rules" ref="form">
+ <el-form ref="form" :model="form" :rules="rules">
<el-form-item label="璐﹀彿" :label-width="formLabelWidth" prop="account">
- <el-input v-model="form.account" autocomplete="off"></el-input>
- </el-form-item>
+ <el-input v-model="form.account" autocomplete="off" />
+ </el-form-item>
<el-form-item label="骞撮緞" :label-width="formLabelWidth">
- <el-input v-model="form.age" autocomplete="off"></el-input>
+ <el-input v-model="form.age" autocomplete="off" />
</el-form-item>
<el-form-item label="閭" :label-width="formLabelWidth" prop="email">
- <el-input v-model="form.email" autocomplete="off"></el-input>
+ <el-input v-model="form.email" autocomplete="off" />
</el-form-item>
<el-form-item label="鍚嶅瓧" :label-width="formLabelWidth" prop="name">
- <el-input v-model="form.name" autocomplete="off"></el-input>
+ <el-input v-model="form.name" autocomplete="off" />
</el-form-item>
<el-form-item label="鐢佃瘽" :label-width="formLabelWidth" prop="phone">
- <el-input v-model="form.phone" autocomplete="off"></el-input>
+ <el-input v-model="form.phone" autocomplete="off" />
</el-form-item>
-
+
<el-form-item label="鏉冮檺" :label-width="formLabelWidth" prop="role_id">
- <el-input v-model="form.role_id" autocomplete="off"></el-input>
+ <el-input v-model="form.role_id" autocomplete="off" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@@ -111,7 +111,7 @@
min-width="120"
>
<template slot-scope="scope">
- <el-button @click="handleClick(scope.row)" type="text" size="small">缂栬緫</el-button>
+ <el-button type="text" size="small" @click="handleClick(scope.row)">缂栬緫</el-button>
<!-- <el-button type="text" size="small">缂栬緫</el-button> -->
</template>
</el-table-column>
@@ -119,14 +119,14 @@
<div>
<!-- 鍒嗛〉鍣� -->
<el-pagination
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
- :page-size=pageSize
+ :page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
- :total=this.personnerlTable.length>
- </el-pagination>
+ :total="this.personnerlTable.length"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ />
</div>
</div>
</div>
@@ -139,115 +139,114 @@
export default {
data() {
return {
- currentPage: 1,
keyword: '',
personnerlTable: [
],
- filteredpersonnerlTable:[],
- currentindex:1,
+ filteredpersonnerlTable: [],
+ currentindex: 1,
currentPage: 1, // 褰撳墠椤电爜
total: 20, // 鎬绘潯鏁�
pageSize: 100, // 姣忛〉鐨勬暟鎹潯鏁�
- personData:[], //鐢ㄦ潵瀛樻斁鎺ュ彛浼犺繃鏉ョ殑浜哄憳鍒楄〃鏁版嵁
- dialogFormVisible:false,
+ personData: [], // 鐢ㄦ潵瀛樻斁鎺ュ彛浼犺繃鏉ョ殑浜哄憳鍒楄〃鏁版嵁
+ dialogFormVisible: false,
form: {
- account: "",
+ account: '',
age: '',
- email: "",
- name: "",
- phone: "",
+ email: '',
+ name: '',
+ phone: '',
role_id: ''
- },
- formLabelWidth: '120px',
- rules: {
- account:[
- {
- required: true, message: '璇疯緭鍏ヨ处鍙�', trigger: 'blur'
- }
- ],
- name:[{
- required: true, message: '璇疯緭鍏ュ悕瀛�', trigger: 'blur'
- }],
- phone: [
- // { required: true, message: '璇疯緭鍏�11浣嶇數璇濆彿鐮�', trigger: 'blur' },
- { pattern: /^1[34578]\d{9}$/, message: '闈炴硶鎵嬫満鍙风爜', trigger: 'blur' }
- ],
- email: [
- // { required: true, message: '璇疯緭鍏ラ偖绠卞湴鍧�', trigger: 'blur' },
- { type: 'email', message: '闈炴硶閭鍦板潃', trigger: ['blur', 'change'] }
- ],
- role_id:[
- {required: true, message: '璇疯緭鍏ユ潈闄�(0鎴�1)', trigger: 'blur'}
-
- ]
},
+ formLabelWidth: '120px',
+ rules: {
+ account: [
+ {
+ required: true, message: '璇疯緭鍏ヨ处鍙�', trigger: 'blur'
+ }
+ ],
+ name: [{
+ required: true, message: '璇疯緭鍏ュ悕瀛�', trigger: 'blur'
+ }],
+ phone: [
+ // { required: true, message: '璇疯緭鍏�11浣嶇數璇濆彿鐮�', trigger: 'blur' },
+ { pattern: /^1[34578]\d{9}$/, message: '闈炴硶鎵嬫満鍙风爜', trigger: 'blur' }
+ ],
+ email: [
+ // { required: true, message: '璇疯緭鍏ラ偖绠卞湴鍧�', trigger: 'blur' },
+ { type: 'email', message: '闈炴硶閭鍦板潃', trigger: ['blur', 'change'] }
+ ],
+ role_id: [
+ { required: true, message: '璇疯緭鍏ユ潈闄�(0鎴�1)', trigger: 'blur' }
+
+ ]
+ }
}
},
- mounted(){
- this.getData();
+ mounted() {
+ this.getData()
},
methods: {
- //姣忛〉鏉℃暟鏀瑰彉鏃惰Е鍙� 閫夋嫨涓�椤垫樉绀哄灏戣
+ // 姣忛〉鏉℃暟鏀瑰彉鏃惰Е鍙� 閫夋嫨涓�椤垫樉绀哄灏戣
handleSizeChange(val) {
console.log(`姣忛〉 ${val} 鏉)
- this.currentPage = 1;
- this.pageSize = val;
+ this.currentPage = 1
+ this.pageSize = val
},
- //褰撳墠椤垫敼鍙樻椂瑙﹀彂 璺宠浆鍏朵粬椤�
+ // 褰撳墠椤垫敼鍙樻椂瑙﹀彂 璺宠浆鍏朵粬椤�
handleCurrentChange(val) {
console.log(`褰撳墠椤�: ${val}`)
- this.currentPage = val;
+ this.currentPage = val
},
- getData(){
- axios.get("/user/list_new_personnel",{
- params:{
- pageNo:0,
- pageSize:20
+ getData() {
+ axios.get('/user/list_new_personnel', {
+ params: {
+ pageNo: 0,
+ pageSize: 20
}
- }).then(res=>{
+ }).then(res => {
// console.log(res)
- this.personData=res.data.data.row
- this.personnerlTable=this.personData
- }).catch(res=>{
- console.log("error")
+ this.personData = res.data.data.row
+ this.personnerlTable = this.personData
+ }).catch(res => {
+ console.log('error')
})
},
searchData() {
- this.filteredpersonnerlTable = this.personnerlTable.filter((item) =>{
- return item.username==this.keyword
+ this.filteredpersonnerlTable = this.personnerlTable.filter((item) => {
+ return item.username === this.keyword
}
- );
- this.personnerlTable=this.filteredpersonnerlTable
+ )
+ this.personnerlTable = this.filteredpersonnerlTable
},
- resetData(){
+ resetData() {
// console.log("111111")
- this.personnerlTable=this.personData
- this.keyword=''
+ this.personnerlTable = this.personData
+ this.keyword = ''
},
// 鎻愪氦鏂板浜哄憳琛ㄥ崟
submitForm() {
// Handle form submission here
// console.log(this.form);
// POST璇锋眰
- this.$refs.form.validate((valid)=>{
- if(valid){
- this.dialogFormVisible = false;
+ this.$refs.form.validate((valid) => {
+ if (valid) {
+ this.dialogFormVisible = false
axios.post('/user/add_new_personnel', this.form)
- .then(response => {
- console.log(response);
- // this.dialogVisible = false;
- })
- .catch(error => {
- console.error(error);
- });
- }else{
- console.log('error submit!!');
- return false;
+ .then(response => {
+ console.log(response)
+ // this.dialogVisible = false;
+ })
+ .catch(error => {
+ console.error(error)
+ })
+ } else {
+ console.log('error submit!!')
+ return false
}
- })
+ })
}
- },
+ }
}
</script>
--
Gitblit v1.9.3