Skip to content

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

修改

parent 32733771
Hide whitespace changes
Inline Side-by-side
Showing with 264 additions and 227 deletions
src/layout/components/Sidebar/index.vue
View file @ bc3a64ba
......@@ -92,9 +92,15 @@ export default {
{
path: '/materialsInfo/index',
name: 'MaterialsInfo'.toLocaleUpperCase(),
meta: { title: '物资信息' },
meta: { title: '物资设备编码信息' },
component: () => import('@/views/materialsInfo/index')
},
{
path: '/materialsClassify/index',
name: 'materialsClassify'.toLocaleUpperCase(),
meta: { title: '物资设备类型信息' },
component: () => import('@/views/materialsClassify/index')
},
{
path: '/financial/index',
name: 'Financial'.toLocaleUpperCase(),
......
src/router/index.js
View file @ bc3a64ba
......@@ -215,20 +215,28 @@ export const constantRoutes = [
{
path: '/materialsInfo',
name: 'MaterialsInfo',
meta: { title: '物资信息' },
meta: { title: '物资设备编码信息' },
component: () => import('@/layout/index'),
children: [
{
path: '/materialsInfo/index',
name: 'MaterialsInfo'.toLocaleUpperCase(),
meta: { title: '物资信息' },
meta: { title: '物资设备编码信息' },
component: () => import('@/views/materialsInfo/index')
},
}
]
},
{
path: '/materialsClassify',
name: 'materialsClassify',
meta: { title: '物资设备类型信息' },
component: () => import('@/layout/index'),
children: [
{
path: '/materialsInfo/add',
name: 'MaterialsInfo'.toLocaleUpperCase(),
component: () => import('@/views/materialsInfo/add'),
meta: { title: '物资信息' }
path: '/materialsClassify/index',
name: 'materialsClassify'.toLocaleUpperCase(),
meta: { title: '物资设备类型信息' },
component: () => import('@/views/materialsClassify/index')
}
]
},
......
src/styles/variables.scss
View file @ bc3a64ba
......@@ -19,7 +19,7 @@ $theme-border: #f4f4f4;
$menuText: #ffffff;
$menuActiveText: #000000;
$subMenuActiveText: #ffffff;
$sideBarWidth: 150px;
$sideBarWidth: 170px;
$sideHideWidth: 54px;
$menuBg: $color-theme;
$subMenuBg: $color-theme;
......
src/views/financial/api.js 0 → 100644
View file @ bc3a64ba
import request from '@/utils/request'
// 获取所有数据字典类型
export function getFinanceList(params) {
return request({
url: '/SysFinance/queryFinanceByPage',
method: 'get',
params
})
}
src/views/financial/index.vue
View file @ bc3a64ba
......@@ -27,7 +27,10 @@
<el-table-column label="国家/地区" prop="ZZCOUNTRY" show-overflow-tooltip />
<el-table-column label="机构状态" prop="ZDATSTATE" show-overflow-tooltip>
<template slot-scope="scope">
<span>{{ scope.row.type === '0' ? '正常' : '失效' }}</span>
<span>{{ scope.row.ZDATSTATE === '1' ? '运营'
: scope.row.ZDATSTATE === '2' ? '筹备'
: scope.row.ZDATSTATE === '3' ? '停用'
: scope.row.ZDATSTATE === '4' ? '撤销' : '-' }}</span>
</template>
</el-table-column>
<el-table-column label="操作">
......@@ -50,28 +53,78 @@
<el-dialog
title="人员情况信息"
:visible.sync="dialogVisible"
width="40%"
width="70%"
:before-close="handleClose"
>
<div class="dialogQuery">
<el-form ref="dialogForm" :model="dialogForm" label-width="auto">
<el-row>
<el-col :span="12">
<el-form-item label="机构ID">
<el-input v-model="dialogForm.empcode" disabled />
<el-form-item label="金融机构主数据编码">
<el-input v-model="dialogForm.ZFINC" disabled />
</el-form-item>
<el-form-item label="机构名称">
<el-input v-model="dialogForm.name" disabled />
<el-form-item label="总行编号">
<el-input v-model="dialogForm.ZBANK" disabled />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="机构所在地">
<el-input v-model="dialogForm.certno" disabled />
<el-form-item label="银行联行号">
<el-input v-model="dialogForm.ZBANKN" disabled />
</el-form-item>
<el-form-item label="总行名称">
<el-input v-model="dialogForm.ZBANKNAME" disabled />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="国家/地区">
<el-input v-model="dialogForm.ZZCOUNTRY" disabled />
</el-form-item>
<el-form-item label="省">
<el-input v-model="dialogForm.ZPROVINCE" disabled />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="市">
<el-input v-model="dialogForm.ZCITY" disabled />
</el-form-item>
<el-form-item label="县">
<el-input v-model="dialogForm.ZCOUNTY" disabled />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="境内金融机构类型">
<el-input v-model="dialogForm.ZDFITYPE" disabled />
</el-form-item>
<el-form-item label="金融机构名称">
<el-input v-model="dialogForm.ZFINAME" disabled />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="英文名称">
<el-input v-model="dialogForm.ZFINAME_EN" disabled />
</el-form-item>
<el-form-item label="境外金融机构类型">
<el-input v-model="dialogForm.ZOFITYPE" disabled />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="机构主数据编码 ">
<el-input v-model="dialogForm.ZORG" disabled />
</el-form-item>
<el-form-item label="swiftcode">
<el-input v-model="dialogForm.ZSWIFTCODE" disabled />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="统一社会信用代码 ">
<el-input v-model="dialogForm.ZUSCC" disabled />
</el-form-item>
<el-form-item label="机构状态">
<el-select v-model="dialogForm.type" disabled placeholder="请选择机构状态">
<el-option value="0" label="正常" />
<el-option value="1" label="失效" />
<el-select v-model="dialogForm.ZDATSTATE" disabled placeholder="请选择机构状态">
<el-option value="1" label="运营" />
<el-option value="2" label="筹备" />
<el-option value="3" label="停用" />
<el-option value="4" label="撤销" />
</el-select>
</el-form-item>
</el-col>
......@@ -83,6 +136,7 @@
</template>
<script>
import { getFinanceList } from '@/views/financial/api'
export default {
name: 'Financial',
data() {
......@@ -93,7 +147,7 @@ export default {
certno: '' // 证件编号
},
personData: [],
total: 4,
total: 0,
page: 1,
rows: 10,
// 弹框
......@@ -101,9 +155,36 @@ export default {
dialogForm: {}
}
},
mounted() {
this.getDataList()
},
methods: {
/** 查询按钮 */
queryPersonnel() {},
queryPersonnel() {
this.page = 1
this.getDataList()
},
getDataList() {
getFinanceList(Object.assign(
this.personnelForm,
{
page: this.page,
rows: this.rows
})).then(res => {
this.personData = res.data.records
this.total = res.data.total
this.rows = res.data.size
this.page = res.data.current
})
},
currentPageChange(page) {
this.page = page
this.getDataList()
},
pageSizeChange(rows) {
this.rows = rows
this.getDataList()
},
/** 行查看按钮 */
queryrow(row) {
this.dialogForm = row
......
src/views/list/index.vue
View file @ bc3a64ba
......@@ -48,7 +48,13 @@
<el-option value="0" label="大于等于" />
<el-option value="1" label="小于等于" />
</el-select>
<el-input v-model.trim="serchForm.HSBGAMT" style="width: 200px" clearable placeholder="请选择合同变更后总金额" />
<el-input
v-model.trim="serchForm.HSBGAMT"
onkeyup="value=value.replace(/\D/g, '')"
style="width: 200px"
clearable
placeholder="请选择合同变更后总金额"
/>
</el-form-item>
</el-form>
</div>
......@@ -304,7 +310,7 @@
<el-table-column label="附件名称">
<template slot-scope="scope">
<span>{{ scope.row.FILENAME }}</span>
<span v-if="showError === true" style="color:#f52929;">请上传文件</span>
<span v-if="scope.row.FILENAME === '' && showError" style="color:#f52929;">请上传文件</span>
</template>
</el-table-column>
<el-table-column label="操作">
......@@ -443,6 +449,7 @@ export default {
},
data() {
return {
showError: false,
FJXXfromId: '',
headers: {
'constnet-type': 'multipart/form-data'
......
src/views/materialsClassify/api.js 0 → 100644
View file @ bc3a64ba
import request from '@/utils/request'
// 获取所有数据字典类型
export function getMaterialClassifyList(params) {
return request({
url: '/SysFinance/queryFinanceByPage',
method: 'get',
params
})
}
src/views/materialsClassify/index.vue 0 → 100644
View file @ bc3a64ba
<template>
<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-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="ZMATERIAL" show-overflow-tooltip />
<el-table-column label="品名编码" prop="ZCLASS" show-overflow-tooltip />
<el-table-column label="物资设备全称" prop="ZMNAME" show-overflow-tooltip />
<el-table-column label="物资设备主数据状态" prop="ZMSTATE" show-overflow-tooltip />
<el-table-column label="是否常用编码" prop="ZOFTENCODE" show-overflow-tooltip />
<el-table-column width="180px" label="操作">
<template slot-scope="{ row }">
<el-link :underline="false" type="primary" style="margin-left: 10px " @click.stop="checkDetails(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: 'MaterialsClassify',
data() {
return {
personnelForm: {
phone: '',
ZBPNAME_ZH: '', // 往来单位名称
type: '',
ZBPTYPE: '', // 往来单位类别
ZOIBC: '' // 组织机构代码
},
personData: [],
total: 4,
page: 1,
rows: 10
}
},
methods: {
/** 查询按钮 */
queryPersonnel() {},
/** 查看按钮 */
checkDetails(row) {
this.$router.push({
path: '/materialsInfo/add',
query: {
type: 'details',
data: row
}
})
},
}
}
</script>
<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>
src/views/materialsInfo/add.vue deleted 100644 → 0
View file @ 32733771
<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: ''
},
saveForm: {
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()
}
},
beforeRouteLeave(to, from, next) {
if (this.agreeBack) { next() } else {
if (JSON.stringify(this.form) !== JSON.stringify(this.saveForm)) {
this.$confirm('您已经对信息进行了修改，离开后不会保存您所做的更改,是否确定离开?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
closeOnHashChange: false
}).then(() => {
this.agreeBack = true
this.$router.replace(to.path)
}).catch(() => {
})
} else {
this.agreeBack = true
this.$router.replace(to.fullPath)
}
}
},
methods: {
getDetail() {
this.form = JSON.parse(JSON.stringify(this.$route.query.data))
this.saveForm = JSON.parse(JSON.stringify(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/materialsInfo/api.js 0 → 100644
View file @ bc3a64ba
import request from '@/utils/request'
// 获取所有数据字典类型
export function getMaterialList(params) {
return request({
url: '/SysFinance/queryFinanceByPage',
method: 'get',
params
})
}
src/views/materialsInfo/index.vue
View file @ bc3a64ba
......@@ -22,7 +22,7 @@
</el-form>
</div>
<div class="personnelTable">
<div class="title">物资信息列表</div>
<div class="title">物资设备编码列表</div>
<el-table :data="personData" border>
<el-table-column label="序号" type="index" width="55" />
<el-table-column label="物资设备主数据编码" prop="ZMATERIAL" show-overflow-tooltip />
......
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