Skip to content

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

往来单位新增页面

parent 74869a64
Show whitespace changes
Inline Side-by-side
Showing with 257 additions and 6 deletions
src/router/index.js
View file @ 8e130538
...@@ -133,6 +133,12 @@ export const constantRoutes = [ ...@@ -133,6 +133,12 @@ export const constantRoutes = [
name: 'ContactsUnit'.toLocaleUpperCase(), name: 'ContactsUnit'.toLocaleUpperCase(),
meta: { title: '往来单位' }, meta: { title: '往来单位' },
component: () => import('@/views/contactsUnit/index') component: () => import('@/views/contactsUnit/index')
},
{
path: '/contactsUnit/add',
name: 'contractManage'.toLocaleUpperCase(),
component: () => import('@/views/contactsUnit/add'),
meta: { title: '新增往来单位' }
} }
] ]
}, },
......
src/views/contactsUnit/add.vue 0 → 100644
View file @ 8e130538
<template>
<div class="contactsUnitAdd">
<div class="addTitle">新增往来单位</div>
<el-form ref="form" inline :model="form" 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.ZBPNAME_ZH" placeholder="请输入往来单位名称" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="往来单位类别">
<el-select v-model="form.ZBPTYPE" placeholder="请选择往来单位类别">
<el-option :value="''" label="全部" />
<el-option value="1" label="境内" />
<el-option value="0" label="境外" />
</el-select>
</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.ZBPNAME_ZH" placeholder="请输入往来单位名称" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="往来单位类别">
<el-select v-model="form.ZBPTYPE" placeholder="请选择往来单位类别">
<el-option :value="''" label="全部" />
<el-option value="1" label="境内" />
<el-option value="0" label="境外" />
</el-select>
</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.ZBPNAME_ZH" placeholder="请输入往来单位名称" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="往来单位类别">
<el-select v-model="form.ZBPTYPE" placeholder="请选择往来单位类别">
<el-option :value="''" label="全部" />
<el-option value="1" label="境内" />
<el-option value="0" label="境外" />
</el-select>
</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.ZBPNAME_ZH" placeholder="请输入往来单位名称" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="往来单位类别">
<el-select v-model="form.ZBPTYPE" placeholder="请选择往来单位类别">
<el-option :value="''" label="全部" />
<el-option value="1" label="境内" />
<el-option value="0" label="境外" />
</el-select>
</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>
<div>
<el-button style="margin-top: 140px" type="success" @click.stop="add()">保 存</el-button>
</div>
</el-form>
</div>
</template>
<script>
export default {
name: 'ContactsUnit',
data() {
return {
form: {
ZBPNAME_ZH: '',
ZBPTYPE: '',
}
}
}
}
</script>
<style scoped lang="scss">
.contactsUnitAdd{
padding: 20px;
.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/contactsUnit/index.vue
View file @ 8e130538
<!--往来单位-->
<template> <template>
<div>r</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.ZBPTYPE" placeholder="请选择往来单位类别">
<el-option :value="''" label="全部" />
<el-option value="1" label="境内" />
<el-option value="0" label="境外" />
</el-select>
</el-form-item>
<el-form-item label="组织机构代码">
<el-input v-model="personnelForm.ZOIBC" 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="ZBPNAME_ZH" 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="ZBRNO" show-overflow-tooltip />
<el-table-column label="纳税人识别号" prop="ZTRNO" show-overflow-tooltip />
<el-table-column label="身份证号码" prop="ZIDNO" show-overflow-tooltip />
<el-table-column label="往来单位性质" prop="ZBPNATURE" show-overflow-tooltip />
<el-table-column label="境外社保号/ID" prop="ZSSNO" show-overflow-tooltip />
<el-table-column width="180px" label="操作">
<template slot-scope="{ row }">
<el-link :underline="false" type="primary" @click.stop="update(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> </template>
<script> <script>
export default { export default {
name: 'ContactsUnit', name: 'ContactsUnit',
data() { data() {
return {} return {
personnelForm: {
ZBPNAME_ZH: '', // 往来单位名称
ZBPTYPE: '', // 往来单位类别
ZOIBC: '' // 组织机构代码
}, },
methods: {} personData: [
{ ZBPNAME_ZH: '往来单位01', ZBPTYPE: '境外', ZOIBC: '1011', ZBRNO: '1011', ZTRNO: '111111', ZIDNO: '130956198708162467', ZBPNATURE: '国有企业', ZSSNO: '130956198708162467' },
{ ZBPNAME_ZH: '往来单位02', ZBPTYPE: '境外', ZOIBC: '1012', ZBRNO: '1012', ZTRNO: '222222', ZIDNO: '130956198708162467', ZBPNATURE: '民营企业', ZSSNO: '130956198708162467' },
{ ZBPNAME_ZH: '往来单位03', ZBPTYPE: '境内', ZOIBC: '1013', ZBRNO: '1013', ZTRNO: '333333', ZIDNO: '130956198708162467', ZBPNATURE: '外资企业', ZSSNO: '130956198708162467' },
{ ZBPNAME_ZH: '往来单位04', ZBPTYPE: '境内', ZOIBC: '1014', ZBRNO: '1014', ZTRNO: '444444', ZIDNO: '130956198708162467', ZBPNATURE: '其他', ZSSNO: '130956198708162467' }
],
total: 4,
page: 1,
rows: 10
}
},
methods: {
/** 查询按钮 */
queryPersonnel() {},
/** 新增按钮 */
addContactsUnit() {
this.$router.push({
path: '/contactsUnit/add'
})
}
}
} }
</script> </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> </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