jiangyuying
5 years ago
7 changed files with 403 additions and 67 deletions
@ -1,6 +1,9 @@ |
|||
import Temp from './code/temp' |
|||
import RegisterInfo from './customer/customer' |
|||
|
|||
export default { |
|||
Temp: Temp // 代码上传——上传代码
|
|||
Temp: Temp, // 代码上传——上传代码
|
|||
|
|||
RegisterInfo: RegisterInfo // 客户管理——客户注册信息
|
|||
|
|||
} |
|||
|
|||
@ -0,0 +1,50 @@ |
|||
export default [ |
|||
{ |
|||
key: 'agencyName', |
|||
title: '组织名称', |
|||
display: ['formA', 'formU', 'table', 'model'], |
|||
fixed: true, |
|||
block: true, |
|||
width: 120 |
|||
}, |
|||
{ |
|||
key: 'level', |
|||
title: '组织级别', |
|||
display: ['formA', 'formU', 'table', 'model'], |
|||
fixed: true, |
|||
block: true, |
|||
width: 120 |
|||
}, |
|||
{ |
|||
key: 'location', |
|||
title: '所在地区', |
|||
display: ['formA', 'formU', 'table', 'model'], |
|||
fixed: true, |
|||
block: true, |
|||
width: 120 |
|||
}, |
|||
{ |
|||
key: 'partybranchnum', |
|||
title: '党支部数量', |
|||
display: ['formA', 'formU', 'table', 'model'], |
|||
block: true |
|||
}, |
|||
{ |
|||
key: 'resiAuth', |
|||
title: '居民端', |
|||
display: ['formA', 'formU', 'table', 'model'], |
|||
block: true |
|||
}, |
|||
{ |
|||
key: 'workAuth', |
|||
title: '工作端', |
|||
display: ['formA', 'formU', 'table', 'model'], |
|||
block: true |
|||
}, |
|||
{ |
|||
key: 'initState', |
|||
title: '初始化状态', |
|||
display: ['formA', 'formU', 'table', 'model'], |
|||
block: true |
|||
} |
|||
] |
|||
@ -0,0 +1,249 @@ |
|||
<template> |
|||
<div class="registerList"> |
|||
<el-card shadow="never" |
|||
class="aui-card--fill"> |
|||
<div class="mod-demo__demo}"> |
|||
<el-form :inline="true" |
|||
:model="dataForm" |
|||
@keyup.enter.native="getDataList()"> |
|||
<el-form-item> |
|||
<el-input v-model="dataForm.name" |
|||
placeholder="组织名称"> |
|||
|
|||
</el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item> |
|||
<el-button @click="getDataList()">查询</el-button> |
|||
</el-form-item> |
|||
|
|||
</el-form> |
|||
<!-- <div style=" height:100px;overflow-y:auto"> --> |
|||
<el-table id="out-table" |
|||
ref="table" |
|||
:height="tableHeight" |
|||
:header-cell-style="{color:'#000'}" |
|||
:data="tableData" |
|||
:style="{width: '100%'}" |
|||
border |
|||
v-loading="loading" |
|||
element-loading-text="正在加载中" |
|||
element-loading-spinner="el-icon-loading" |
|||
element-loading-background="rgba(255, 255， 255, 0.8)"> |
|||
<!-- <el-table-column type="selection" |
|||
header-align="center" |
|||
align="center" |
|||
width="50"></el-table-column> --> |
|||
<el-table-column prop="agencyName" |
|||
label="组织名称" |
|||
min-width="100" |
|||
header-align="center" |
|||
align="center"></el-table-column> |
|||
<el-table-column prop="level" |
|||
label="组织级别" |
|||
min-width="50" |
|||
header-align="center" |
|||
align="center"></el-table-column> |
|||
<el-table-column prop="location" |
|||
label="所在地区" |
|||
min-width="100" |
|||
header-align="center" |
|||
align="center"></el-table-column> |
|||
<el-table-column prop="partybranchnum" |
|||
label="党支部数量" |
|||
min-width="50" |
|||
header-align="center" |
|||
align="center"></el-table-column> |
|||
<el-table-column prop="resiAuth" |
|||
label="居民端" |
|||
min-width="60" |
|||
header-align="center" |
|||
align="center"></el-table-column> |
|||
<el-table-column prop="workAuth" |
|||
label="工作端" |
|||
min-width="60" |
|||
header-align="center" |
|||
align="center"></el-table-column> |
|||
<el-table-column label="操作" |
|||
fixed="right" |
|||
header-align="center" |
|||
align="center" |
|||
width="150"> |
|||
<template slot-scope="scope"> |
|||
|
|||
<el-button type="text" |
|||
size="small" |
|||
@click="init(scope.row.id)">初始化 |
|||
</el-button> |
|||
<el-button type="text" |
|||
size="small" |
|||
@click="commitCode(scope.row.id)">上传代码 |
|||
</el-button> |
|||
|
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<!-- </div> --> |
|||
<el-pagination :current-page="page" |
|||
:page-sizes="[10, 20, 50, 100]" |
|||
:page-size="limit" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper" |
|||
@size-change="pageSizeChangeHandle" |
|||
@current-change="pageCurrentChangeHandle"> |
|||
</el-pagination> |
|||
|
|||
<!-- <c-table column-type="index" |
|||
ref="table_dic" |
|||
:url="this.url" |
|||
:params="tableParams" |
|||
keyword="RegisterInfo" |
|||
:operations="operations" |
|||
:tableHeight="tableHeight" |
|||
@commitCode="commitCode"> |
|||
</c-table> --> |
|||
|
|||
</div> |
|||
</el-card> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
import CTable from '../../components/CTable' |
|||
import { mapGetters } from 'vuex' |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data () { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/demo/demo/page', |
|||
getDataListIsPage: true, |
|||
deleteURL: '/demo/demo', |
|||
deleteIsBatch: true, |
|||
exportURL: '/demo/demo/export' |
|||
}, |
|||
loading: false, |
|||
dataForm: { |
|||
name: '' // 组织名称 |
|||
|
|||
}, |
|||
tableParams: { |
|||
type: Object, // table的查询参数 |
|||
default () { |
|||
return {} |
|||
} |
|||
}, |
|||
// 列表操作栏的操作项数组 |
|||
operations: { |
|||
label: '上传代码', |
|||
style: 'margin: 0 6px;', |
|||
size: 'mini', |
|||
methodName: 'commitCode' |
|||
}, |
|||
// 查询栏下拉框数据 |
|||
optionData: |
|||
{ |
|||
client: [ |
|||
{ |
|||
value: '01', |
|||
label: '市北区政府' |
|||
}, |
|||
{ |
|||
value: '02', |
|||
label: '市南区政府' |
|||
} |
|||
] |
|||
}, |
|||
|
|||
// 列表数据 |
|||
tableData: [ |
|||
{ |
|||
name: '市北区政府', |
|||
level: '市区级', |
|||
location: '青岛市市北区上清路2号', |
|||
partyNum: '2', |
|||
resi: '未授权', |
|||
work: '已授权' |
|||
}, |
|||
{ |
|||
name: '市南区政府', |
|||
level: '市区级', |
|||
location: '青岛市市南区上清路2号', |
|||
partyNum: '2', |
|||
resi: '已授权', |
|||
work: '已授权' |
|||
}, |
|||
{ |
|||
name: '李沧区政府', |
|||
level: '市区级', |
|||
location: '青岛市李沧区黑龙江中路629号', |
|||
partyNum: '2', |
|||
resi: '未授权', |
|||
work: '未授权' |
|||
}, |
|||
{ |
|||
name: '城阳区政府', |
|||
level: '市区级', |
|||
location: '青岛市市北区上清路2号', |
|||
partyNum: '2', |
|||
resi: '未授权', |
|||
work: '已授权' |
|||
} |
|||
] |
|||
|
|||
} |
|||
}, |
|||
components: { |
|||
CTable |
|||
}, |
|||
activated () { |
|||
this.$nextTick(() => { |
|||
this.$refs.table.doLayout() // 解决表格错位 |
|||
}) |
|||
}, |
|||
mounted () { |
|||
|
|||
}, |
|||
computed: { |
|||
tableHeight () { |
|||
return this.clientHeight - 60 - 80 - 80 - 50 |
|||
}, |
|||
...mapGetters(['clientHeight']) |
|||
}, |
|||
methods: { |
|||
//客户初始化 |
|||
init (id) { |
|||
|
|||
}, |
|||
// 上传代码 |
|||
commitCode (id) { |
|||
this.$router.push({ |
|||
'name': 'code-CommitList', |
|||
'params': { |
|||
showCommit: true, |
|||
id: '1', |
|||
name: '市北区政府' |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="css"> |
|||
.aaa { |
|||
height: 100px; |
|||
} |
|||
/* .register .el-table .el-table__header-wrapper { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
}*/ |
|||
/* |
|||
.register .el-table .el-table__fixed-body-wrapper { |
|||
height: calc(100% - 44px); |
|||
margin-top: 44px; |
|||
overflow-y: auto !important; |
|||
} */ |
|||
</style> |
|||
Loading…
Reference in new issue