Skip to content

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

修改

parent 0f93eb4d
Hide whitespace changes
Inline Side-by-side
Showing with 311 additions and 13 deletions
src/router/index.js
View file @ 1eaf9790
......@@ -136,7 +136,7 @@ export const constantRoutes = [
},
{
path: '/contactsUnit/add',
name: 'contractManage'.toLocaleUpperCase(),
name: 'ContactsUnit'.toLocaleUpperCase(),
component: () => import('@/views/contactsUnit/add'),
meta: { title: '新增往来单位' }
}
......@@ -176,7 +176,7 @@ export const constantRoutes = [
},
{
path: '/assetsInfo/add',
name: 'contractManage'.toLocaleUpperCase(),
name: 'AssetsInfo'.toLocaleUpperCase(),
component: () => import('@/views/assetsInfo/add'),
meta: { title: '新增资产信息' }
}
......@@ -196,7 +196,7 @@ export const constantRoutes = [
},
{
path: '/materialsInfo/add',
name: 'contractManage'.toLocaleUpperCase(),
name: 'MaterialsInfo'.toLocaleUpperCase(),
component: () => import('@/views/materialsInfo/add'),
meta: { title: '新增物资信息' }
}
......@@ -241,6 +241,12 @@ export const constantRoutes = [
name: 'UserInfo'.toLocaleUpperCase(),
meta: { title: '用户信息' },
component: () => import('@/views/userInfo/index')
},
{
path: '/userInfo/add',
name: 'UserInfo'.toLocaleUpperCase(),
component: () => import('@/views/userInfo/add'),
meta: { title: '新增用户信息' }
}
]
},
......
src/views/assetsInfo/add.vue
View file @ 1eaf9790
<template>
<div class="contactsUnitAdd">
<div class="addTitle">新增资产信息</div>
<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>
......
src/views/contactsUnit/add.vue
View file @ 1eaf9790
<template>
<div class="contactsUnitAdd">
<div class="addTitle">新增往来单位</div>
<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>
......
src/views/materialsInfo/add.vue
View file @ 1eaf9790
<template>
<div class="contactsUnitAdd">
<div class="addTitle">新增物资信息</div>
<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>
......
src/views/projectInfo/addProject.vue
View file @ 1eaf9790
<template>
<div class="addProject">
<div class="addTitle">新增项目信息</div>
<div class="addTitle">{{$route.query.type === 'add' ? '新增项目信息'
:$route.query.type === 'edit' ? '修改项目信息'
:$route.query.type === 'detail' ? '查看项目信息': '' }}</div>
<el-form ref="form" inline :model="form" label-width="auto" :rules="rules" :disabled="type === 'detail'" label-position="right">
<div class="step-header">
<div class="step-label">基本信息</div>
......
src/views/userInfo/add.vue 0 → 100644
View file @ 1eaf9790
<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.ZBRNO" placeholder="请输入物资编号" />
</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-col :span="8">
<el-form-item label="物资持有人">
<el-input v-model="form.ZBPNAME_ZH" placeholder="请输入物资持有人" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="物资总额">
<el-input v-model="form.ZBPTYPE" placeholder="请输入物资总额" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="物资更新时间">
<el-date-picker
v-model="form.ZOIBC"
placeholder="年/月/日"
value-format="yyyy-MM-dd"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="物资类型">
<el-select v-model="form.type" placeholder="请选择物资类型">
<el-option value="0" label="现金" />
<el-option value="1" label="不动产" />
<el-option value="2" label="名贵物品" />
</el-select>
</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-col :span="8">
<el-form-item label="物资注册时间">
<el-date-picker
v-model="form.ZOSRNO"
placeholder="年/月/日"
value-format="yyyy-MM-dd"
/>
</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 @ 1eaf9790
<!-- 用户信息 -->
<template>
<div>p</div>
<div class="ContactsUnitList">
<div class="search">
<el-form ref="personnelForm" inline :model="personnelForm" label-width="auto" label-position="right">
<el-form-item label="物资持有人">
<el-input v-model="personnelForm.ZBPNAME_ZH" placeholder="请输入物资持有人" />
</el-form-item>
<el-form-item label="物资类型">
<el-select v-model="personnelForm.type" placeholder="请选择物资类型">
<el-option :value="''" label="全部" />
<el-option value="0" label="原料" />
<el-option value="1" label="机电设备" />
<el-option value="2" label="金属材料" />
</el-select>
</el-form-item>
<el-form-item label="联系方式">
<el-input v-model="personnelForm.phone" placeholder="请输入物资持有人联系方式" />
</el-form-item>
<el-form-item>
<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>
</div>
<div class="personnelTable">
<div class="title">用户信息列表</div>
<el-table :data="personData" border>
<el-table-column label="序号" type="index" width="55" />
<el-table-column label="物资编号" prop="ZBRNO" show-overflow-tooltip />
<el-table-column label="物资持有人" prop="ZBPNAME_ZH" show-overflow-tooltip />
<el-table-column label="身份证号码" prop="ZIDNO" show-overflow-tooltip />
<el-table-column label="物资总价值" prop="ZBPTYPE" show-overflow-tooltip />
<el-table-column label="物资更新时间" prop="ZOIBC" show-overflow-tooltip />
<el-table-column label="物资类型" prop="type" show-overflow-tooltip>
<template slot-scope="scope">
<span>{{ scope.row.type === '0' ? '原料' : '机电设备' }}</span>
</template>
</el-table-column>
<el-table-column width="180px" label="操作">
<template slot-scope="{ row }">
<el-link :underline="false" type="primary" @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>
</el-table-column>
</el-table>
<el-pagination
background
style="text-align: right;padding: 50px 15px 30px 15px"
:current-page="page"
layout="total, sizes, prev, pager, next, jumper"
:page-size="rows"
:total="total"
@current-change="currentPageChange"
@size-change="pageSizeChange"
/>
</div>
</div>
</template>
<script>
export default {
name: 'UserInfo',
data() {
return {}
return {
personnelForm: {
phone: '',
ZBPNAME_ZH: '', // 往来单位名称
type: '',
ZBPTYPE: '', // 往来单位类别
ZOIBC: '' // 组织机构代码
},
personData: [
{ ZBPNAME_ZH: '张三', type: '0', phone: '1234567434', ZBPTYPE: '10000', ZOIBC: '2011-03-02', ZBRNO: '1011', ZTRNO: '北京', ZIDNO: '130956198708162467', ZBPNATURE: '0', ZSSNO: '130956198708162467', ZBPNAME_EN: 'HowOld', ZBPNAME_LOC: '0', ZUSCC: '123321', ZOSRNO: '2012-11-23', ZZCOUNTRY: '1', ZETPSPROPERTY: '0', ZCOMPYREL: '测试单位' },
{ ZBPNAME_ZH: '李四', type: '0', phone: '1234567434', ZBPTYPE: '10000', ZOIBC: '2011-03-02', ZBRNO: '1012', ZTRNO: '天津', ZIDNO: '130956198708162467', ZBPNATURE: '1', ZSSNO: '130956198708162467', ZBPNAME_EN: 'HowOld', ZBPNAME_LOC: '0', ZUSCC: '123321', ZOSRNO: '2012-11-23', ZZCOUNTRY: '1', ZETPSPROPERTY: '0', ZCOMPYREL: '测试单位' },
{ ZBPNAME_ZH: '王五', type: '0', phone: '1234567434', ZBPTYPE: '10000', ZOIBC: '2011-03-02', ZBRNO: '1013', ZTRNO: '上海', ZIDNO: '130956198708162467', ZBPNATURE: '1', ZSSNO: '130956198708162467', ZBPNAME_EN: 'HowOld', ZBPNAME_LOC: '0', ZUSCC: '123321', ZOSRNO: '2012-11-23', ZZCOUNTRY: '1', ZETPSPROPERTY: '0', ZCOMPYREL: '测试单位' },
{ ZBPNAME_ZH: '赵六', type: '0', phone: '1234567434', ZBPTYPE: '10000', ZOIBC: '2011-03-02', ZBRNO: '1014', 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,
page: 1,
rows: 10
}
},
methods: {}
methods: {
/** 查询按钮 */
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>
<style scoped>
<style scoped lang="scss">
.ContactsUnitList {
.search {
min-height: 40px;
display: flex;
border-bottom: 14px solid #f4f4f4;
padding: 0 10px;
}
.personnelTable {
padding: 20px 10px;
.title {
color: #000;
font-size: 16px;
font-weight: bold;
margin-bottom: 12px;
letter-spacing: 1px;
}
}
}
</style>
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