Skip to content

C
contractmanage
Commit a3d8c5c7 authored by 张伯涛's avatar 张伯涛
Browse files
Options

用户信息

parent 30b35868
Hide whitespace changes
Inline Side-by-side
Showing with 10 additions and 244 deletions
src/router/index.js
View file @ a3d8c5c7
...@@ -241,12 +241,6 @@ export const constantRoutes = [ ...@@ -241,12 +241,6 @@ export const constantRoutes = [
name: 'UserInfo'.toLocaleUpperCase(), name: 'UserInfo'.toLocaleUpperCase(),
meta: { title: '用户信息' }, meta: { title: '用户信息' },
component: () => import('@/views/userInfo/index') component: () => import('@/views/userInfo/index')
},
{
path: '/userInfo/add',
name: 'UserInfo'.toLocaleUpperCase(),
component: () => import('@/views/userInfo/add'),
meta: { title: '新增用户信息' }
} }
] ]
}, },
......
src/views/userInfo/add.vue deleted 100644 → 0
View file @ 30b35868
<template>
<div class="contactsUnitAdd">
<div class="addTitle">{{$route.query.type === 'add' ? '新增用户信息' :$route.query.type === 'update' ? '修改用户信息'
:$route.query.type === 'details' ? '查看用户信息': '' }}</div>
<el-form ref="form" inline :model="form" :disabled="$route.query.type === 'details'" label-width="auto" label-position="right">
<div class="step-header">
<div class="step-label">基本信息</div>
</div>
<el-row>
<el-col :span="8">
<el-form-item label="姓名">
<el-input v-model="form.name" placeholder="请输入物资编号" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别">
<el-select v-model="form.sex" placeholder="请选性别">
<el-option value="0" label="男" />
<el-option value="1" label="女" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="身份证号码">
<el-input v-model="form.ZIDNO" placeholder="请输入身份证号码" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="年龄">
<el-input v-model="form.age" placeholder="请输入年龄" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所在部门">
<el-select v-model="form.dept" placeholder="请选择物资类型">
<el-option value="0" label="部门一" />
<el-option value="1" label="部门二" />
<el-option value="2" label="部门三" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="部门编码">
<el-input v-model="form.deptId" placeholder="请输入部门编码" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="联系方式">
<el-input v-model="form.phone" placeholder="请输入联系方式" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="人员居住地">
<el-input v-model="form.ZTRNO" placeholder="请输入物资所在地" />
</el-form-item>
</el-col>
</el-row>
<div v-if="$route.query.type !== 'details'">
<el-button style="margin-top: 140px" type="success" @click.stop="add()">保 存</el-button>
</div>
</el-form>
</div>
</template>
<script>
export default {
name: 'Add',
data() {
return {
form: {
phone: '',
ZBPNAME_ZH: '',
ZBPTYPE: '',
ZOIBC: '',
ZBPNAME_EN: '',
ZBPNAME_LOC: '',
ZUSCC: '',
ZBRNO: '',
ZTRNO: '',
ZOSRNO: '',
ZIDNO: '',
ZSSNO: '',
ZZCOUNTRY: '',
ZETPSPROPERTY: '',
ZCOMPYREL: '',
ZBPNATURE: ''
}
}
},
created() {
if (this.$route.query.type === 'update' || this.$route.query.type === 'details') {
this.getDetail()
}
},
methods: {
getDetail() {
this.form = this.$route.query.data
}
}
}
</script>
<style lang="scss">
.contactsUnitAdd{
padding: 20px;
.el-form-item--small .el-form-item__content{
width: 220px!important;
}
.el-select{
width: 100%;
}
.addTitle{
text-align: center;
margin-bottom: 30px;
font-size: 22px;
font-weight: bold;
}
.step-header {
margin-left: 20px;
margin-bottom: 15px;
width: 100%;
display: flex;
height: 40px;
align-items: center;
.step-label {
color: $theme-blue;
font-size: 18px;
font-weight: bold;
height: 24px;
flex: 1;
position: relative;
&::before {
content: '';
display: block;
background-color: $theme-blue;
position: absolute;
left: -13px;
top: 0;
bottom: 0;
width: 5px;
}
}
.step-header--right {
margin-right: 13px;
}
}
}
</style>
src/views/userInfo/index.vue
View file @ a3d8c5c7
...@@ -5,19 +5,14 @@ ...@@ -5,19 +5,14 @@
<el-form-item label="姓名"> <el-form-item label="姓名">
<el-input v-model="personnelForm.name" placeholder="请输入姓名" /> <el-input v-model="personnelForm.name" placeholder="请输入姓名" />
</el-form-item> </el-form-item>
<el-form-item label="性别"> <el-form-item label="工号">
<el-select v-model="personnelForm.sex" placeholder="请选择物资类型"> <el-input v-model="personnelForm.jobNum" placeholder="请输入工号" />
<el-option :value="''" label="全部" />
<el-option value="0" label="男" />
<el-option value="1" label="女" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="部门编号"> <el-form-item label="部门编号">
<el-input v-model="personnelForm.deptId" placeholder="请输入物资持有人联系方式" /> <el-input v-model="personnelForm.deptId" placeholder="请输入物资持有人联系方式" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" size="small" @click="queryPersonnel">查询</el-button> <el-button type="primary" size="small" @click="queryPersonnel">查询</el-button>
<el-button type="success" size="small" @click="addContactsUnit">新增</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
...@@ -26,13 +21,7 @@ ...@@ -26,13 +21,7 @@
<el-table :data="personData" border> <el-table :data="personData" border>
<el-table-column label="序号" type="index" width="55" /> <el-table-column label="序号" type="index" width="55" />
<el-table-column label="姓名" prop="name" show-overflow-tooltip /> <el-table-column label="姓名" prop="name" show-overflow-tooltip />
<el-table-column label="性别" prop="sex" show-overflow-tooltip> <el-table-column label="工号" prop="jobNum" show-overflow-tooltip />
<template slot-scope="scope">
<span>{{ scope.row.sex === '0' ? '男' : '女' }}</span>
</template>
</el-table-column>
<el-table-column label="身份证号码" prop="ZIDNO" show-overflow-tooltip />
<el-table-column label="年龄" prop="age" show-overflow-tooltip />
<el-table-column label="所在部门" prop="dept" show-overflow-tooltip> <el-table-column label="所在部门" prop="dept" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.dept === '0' ? '部门一' : '部门二' }}</span> <span>{{ scope.row.dept === '0' ? '部门一' : '部门二' }}</span>
...@@ -42,9 +31,6 @@ ...@@ -42,9 +31,6 @@
<el-table-column width="180px" label="操作"> <el-table-column width="180px" label="操作">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<el-link :underline="false" type="warning" @click.stop="handleResetPwd(row)">重置</el-link> <el-link :underline="false" type="warning" @click.stop="handleResetPwd(row)">重置</el-link>
<el-link :underline="false" type="primary" style="margin-left: 10px " @click.stop="updateForm(row)">修改</el-link>
<el-link :underline="false" type="success" style="margin-left: 10px " @click.stop="checkDetails(row)">查看</el-link>
<el-link :underline="false" type="danger" style="margin-left: 10px " @click.stop="del(row)">删除</el-link>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -59,40 +45,6 @@ ...@@ -59,40 +45,6 @@
@size-change="pageSizeChange" @size-change="pageSizeChange"
/> />
</div> </div>
<el-dialog
:close-on-click-modal="false"
title="修改密码"
width="30%"
custom-class="paddingFixed"
:visible.sync="resetPwdDiaLog"
@close="$refs.ruleForm.resetFields(),pwdType = 'password'"
>
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="auto" class="demo-ruleForm">
<el-form-item label="新密码" prop="newPassword">
<el-input
id="restPwd"
v-model.trim="ruleForm.newPassword"
:show-password="false"
autocomplete="off"
auto-complete="off"
:type="pwdType"
placeholder="请输入8~16位，由字母和数字混合所组成的新密码"
:maxlength="16"
>
<svg-icon
slot="suffix"
:style="{ width: '18px', height: '18px', verticalAlign: pwdTypeMap[pwdType] ? 'middle' : '-6px', marginRight: '5px', cursor: 'pointer' }"
:icon-class="pwdType === 'password' ? 'eye' : 'eye-open'"
@click.stop="pwdTypeMap[pwdType] ? pwdType = 'password' : pwdType = 'text'"
/>
</el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="resetPwdDiaLog = false">取 消</el-button>
<el-button :disabled="userRestLoading" :loading="userRestLoading" type="primary" @click="handleResetPwdSure">确 定</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
...@@ -106,6 +58,7 @@ export default { ...@@ -106,6 +58,7 @@ export default {
password: false password: false
}, },
personnelForm: { personnelForm: {
jobNum: '',
deptId: '', deptId: '',
name: '', // 往来单位名称 name: '', // 往来单位名称
sex: '', sex: '',
...@@ -118,10 +71,10 @@ export default { ...@@ -118,10 +71,10 @@ export default {
row: undefined row: undefined
}, },
personData: [ personData: [
{ name: '张三', sex: '0', deptId: '1234567434', age: '22', dept: '0', ZBRNO: '1011', phone: '123123123123', ZTRNO: '北京', ZIDNO: '130956198708162467', ZBPNATURE: '0', ZSSNO: '130956198708162467', ZBPNAME_EN: 'HowOld', ZBPNAME_LOC: '0', ZUSCC: '123321', ZOSRNO: '2012-11-23', ZZCOUNTRY: '1', ZETPSPROPERTY: '0', ZCOMPYREL: '测试单位' }, { name: '张三', jobNum: '0123', deptId: '1234567434', age: '22', dept: '0', ZBRNO: '1011', phone: '123123123123', ZTRNO: '北京', ZIDNO: '130956198708162467', ZBPNATURE: '0', ZSSNO: '130956198708162467', ZBPNAME_EN: 'HowOld', ZBPNAME_LOC: '0', ZUSCC: '123321', ZOSRNO: '2012-11-23', ZZCOUNTRY: '1', ZETPSPROPERTY: '0', ZCOMPYREL: '测试单位' },
{ name: '李四', sex: '0', deptId: '1234567434', age: '33', dept: '0', ZBRNO: '1012', phone: '123123123123', ZTRNO: '天津', ZIDNO: '130956198708162467', ZBPNATURE: '1', ZSSNO: '130956198708162467', ZBPNAME_EN: 'HowOld', ZBPNAME_LOC: '0', ZUSCC: '123321', ZOSRNO: '2012-11-23', ZZCOUNTRY: '1', ZETPSPROPERTY: '0', ZCOMPYREL: '测试单位' }, { name: '李四', jobNum: '0321', deptId: '1234567434', age: '33', dept: '0', ZBRNO: '1012', phone: '123123123123', ZTRNO: '天津', ZIDNO: '130956198708162467', ZBPNATURE: '1', ZSSNO: '130956198708162467', ZBPNAME_EN: 'HowOld', ZBPNAME_LOC: '0', ZUSCC: '123321', ZOSRNO: '2012-11-23', ZZCOUNTRY: '1', ZETPSPROPERTY: '0', ZCOMPYREL: '测试单位' },
{ name: '王五', sex: '0', deptId: '1234567434', age: '32', dept: '0', ZBRNO: '1013', phone: '123123123123', ZTRNO: '上海', ZIDNO: '130956198708162467', ZBPNATURE: '1', ZSSNO: '130956198708162467', ZBPNAME_EN: 'HowOld', ZBPNAME_LOC: '0', ZUSCC: '123321', ZOSRNO: '2012-11-23', ZZCOUNTRY: '1', ZETPSPROPERTY: '0', ZCOMPYREL: '测试单位' }, { name: '王五', jobNum: '0225', deptId: '1234567434', age: '32', dept: '0', ZBRNO: '1013', phone: '123123123123', ZTRNO: '上海', ZIDNO: '130956198708162467', ZBPNATURE: '1', ZSSNO: '130956198708162467', ZBPNAME_EN: 'HowOld', ZBPNAME_LOC: '0', ZUSCC: '123321', ZOSRNO: '2012-11-23', ZZCOUNTRY: '1', ZETPSPROPERTY: '0', ZCOMPYREL: '测试单位' },
{ name: '赵六', sex: '0', deptId: '1234567434', age: '53', dept: '0', ZBRNO: '1014', phone: '123123123123', ZTRNO: '广州', ZIDNO: '130956198708162467', ZBPNATURE: '1', ZSSNO: '130956198708162467', ZBPNAME_EN: 'HowOld', ZBPNAME_LOC: '0', ZUSCC: '123321', ZOSRNO: '2012-11-23', ZZCOUNTRY: '1', ZETPSPROPERTY: '0', ZCOMPYREL: '测试单位' } { name: '赵六', jobNum: '0667', deptId: '1234567434', age: '53', dept: '0', ZBRNO: '1014', phone: '123123123123', ZTRNO: '广州', ZIDNO: '130956198708162467', ZBPNATURE: '1', ZSSNO: '130956198708162467', ZBPNAME_EN: 'HowOld', ZBPNAME_LOC: '0', ZUSCC: '123321', ZOSRNO: '2012-11-23', ZZCOUNTRY: '1', ZETPSPROPERTY: '0', ZCOMPYREL: '测试单位' }
], ],
total: 4, total: 4,
page: 1, page: 1,
...@@ -141,36 +94,8 @@ export default { ...@@ -141,36 +94,8 @@ export default {
}, },
/** 查询按钮 */ /** 查询按钮 */
queryPersonnel() {}, queryPersonnel() {}
/** 新增按钮 */
addContactsUnit() {
this.$router.push({
path: '/userInfo/add',
query: {
type: 'add'
}
})
},
/** 修改按钮 */
updateForm(row) {
this.$router.push({
path: '/userInfo/add',
query: {
type: 'update',
data: row
}
})
},
/** 查看按钮 */
checkDetails(row) {
this.$router.push({
path: '/userInfo/add',
query: {
type: 'details',
data: row
}
})
}
} }
} }
</script> </script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment