jiangyuying
5 years ago
7 changed files with 403 additions and 67 deletions
@ -1,6 +1,9 @@ |
|||||
import Temp from './code/temp' |
import Temp from './code/temp' |
||||
|
import RegisterInfo from './customer/customer' |
||||
|
|
||||
export default { |
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