elink-star
/
epmet-oper-lingshan
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

ss

master
dai 4 years ago
parent
55c6907a03
commit
0fac2e539f
3 changed files with 28 additions and 782 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      epmet-oper-web/package.json
  2. 14
      epmet-oper-web/src/views/main.vue
  3. 793
      epmet-oper-web/src/views/modules/base/grid.vue

1
epmet-oper-web/package.json
View File

@ -55,6 +55,7 @@
"dai-js": "^0.0.12", "dai-js": "^0.0.12",
"element-theme-chalk": "^2.13.0", "element-theme-chalk": "^2.13.0",
"natives": "^1.1.6", "natives": "^1.1.6",
"ol": "^6.9.0",
"script-loader": "^0.7.2", "script-loader": "^0.7.2",
"vue-template-compiler": "^2.6.11" "vue-template-compiler": "^2.6.11"
}, },

14
epmet-oper-web/src/views/main.vue
View File

@ -49,7 +49,8 @@ export default {
}, },
data() { data() {
return { return {
loading: true loading: true,
userType: localStorage.getItem('userType')
} }
}, },
components: { components: {
@ -58,11 +59,7 @@ export default {
MainContent, MainContent,
MainThemeTools MainThemeTools
}, },
computed: {
userType() {
return localStorage.getItem('userType')
}
},
watch: { watch: {
$route: 'routeHandle' $route: 'routeHandle'
}, },
@ -112,9 +109,8 @@ export default {
params: { ...route.params }, params: { ...route.params },
query: { ...route.query } query: { ...route.query }
} }
this.$store.state.contentTabs = this.$store.state.contentTabs.concat( this.$store.state.contentTabs =
tab this.$store.state.contentTabs.concat(tab)
)
} }
this.$store.state.sidebarMenuActiveName = tab.menuId this.$store.state.sidebarMenuActiveName = tab.menuId

793
epmet-oper-web/src/views/modules/base/grid.vue
View File

@ -3,22 +3,13 @@
<div class="resi-container"> <div class="resi-container">
<el-card class="resi-card"> <el-card class="resi-card">
<el-row class="resi-row-box" :class="openSearch && 'resi-row-more'"> <el-row class="resi-row-box" :class="openSearch && 'resi-row-more'">
<el-row <el-row class="resi-row" :gutter="20">
v-for="(item, index) in sliceList(formList, 4)" <el-col span="6">
:key="index"
class="resi-row"
:gutter="20"
>
<el-col v-for="n in item" :key="n.id" :span="6">
<div class="resi-cell"> <div class="resi-cell">
<div class="resi-cell-label">{{ n.label }}</div> <div class="resi-cell-label">所属组织</div>
<div <div class="resi-cell-value" :class="'resi-cell-value-radio'">
class="resi-cell-value"
:class="n.item_type === 'radio' && 'resi-cell-value-radio'"
>
<el-input <el-input
v-if="n.item_type === 'input'" v-model="fmData.agencyId"
v-model="form[n.column_name]"
class="resi-cell-input" class="resi-cell-input"
size="small" size="small"
clearable clearable
@ -26,8 +17,7 @@
> >
</el-input> </el-input>
<el-date-picker <el-date-picker
v-else-if="n.item_type === 'date'" v-model="fmData.agencyId"
v-model="form[n.column_name]"
class="resi-cell-input" class="resi-cell-input"
type="date" type="date"
size="small" size="small"
@ -36,8 +26,7 @@
> >
</el-date-picker> </el-date-picker>
<el-select <el-select
v-else-if="n.item_type === 'select'" v-model="fmData.agencyId"
v-model="form[n.column_name]"
placeholder="请选择" placeholder="请选择"
size="small" size="small"
clearable clearable
@ -51,16 +40,16 @@
> >
</el-option> </el-option>
</el-select> </el-select>
<template v-else-if="n.item_type === 'radio'"> <template>
<el-radio v-model="form[n.column_name]" label="1" <el-radio v-model="fmData.agencyId" label="1"
>备选项</el-radio >备选项</el-radio
> >
<el-radio v-model="form[n.column_name]" label="2" <el-radio v-model="fmData.agencyId" label="2"
>备选项</el-radio >备选项</el-radio
> >
</template> </template>
<template v-else-if="n.item_type === 'checkbox'"> <template>
<el-checkbox-group v-model="form[n.column_name]"> <el-checkbox-group v-model="fmData.agencyId">
<el-checkbox label="复选框 A"></el-checkbox> <el-checkbox label="复选框 A"></el-checkbox>
<el-checkbox label="复选框 B"></el-checkbox> <el-checkbox label="复选框 B"></el-checkbox>
</el-checkbox-group> </el-checkbox-group>
@ -71,15 +60,15 @@
</el-row> </el-row>
</el-row> </el-row>
<el-row class="resi-search"> <el-row class="resi-search">
<el-col :span="24"> <el-col span="24">
<el-button type="primary" size="mini" @click="handleSearch" <el-button type="primary" size="mini" @click="handleSearch"
>查询</el-button >查询</el-button
> >
</el-col> </el-col>
</el-row> </el-row>
<div class="resi-down" @click="handleOpenSearch"> <div class="resi-down" @click="handleOpenSearch">
<img v-if="openSearch" src="../../assets/img/arrow-up.png" /> <img v-if="openSearch" src="../../../assets/img/arrow-up.png" />
<img v-else src="../../assets/img/arrow-down.png" /> <img v-else src="../../../assets/img/arrow-down.png" />
</div> </div>
</el-card> </el-card>
</div> </div>
@ -113,65 +102,19 @@
</el-pagination> </el-pagination>
</div> </div>
</el-card> </el-card>
<el-dialog
title="提示"
:visible.sync="dialogVisible"
width="80%"
:close-on-click-modal="true"
:before-close="handleClose"
>
<resi-form ref="baseForm" :form-list="formList" />
<div class="resi-other">
<div class="resi-other-title">其他</div>
<div class="tabs-other-info">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane
v-for="item in tabsList"
:key="item.column_name"
:label="item.label"
:name="item.column_name"
>
<resi-form
:ref="item.column_name"
:form-id="item.column_name"
:form-list="tabsForm"
/>
</el-tab-pane>
<!-- <el-tab-pane label="配置管理" name="second">
<resi-form :form-id="'second'" :form-list="tabsForm" />
</el-tab-pane>
<el-tab-pane label="角色管理" name="third">
<resi-form :form-id="'third'" :form-list="tabsForm" />
</el-tab-pane>
<el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane> -->
</el-tabs>
</div>
</div>
<div class="resi-btns">
<el-button size="small">取消</el-button>
<el-button type="primary" size="small" @click="handleSUbmit"
>提交</el-button
>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import resiSearch from '../../components/resiSearch.vue'
import resiForm from '../../components/resiForm.vue'
export default { export default {
components: { components: {},
resiSearch,
resiForm
},
data() { data() {
return { return {
dialogVisible: false, dialogVisible: false,
openSearch: false, openSearch: false,
currentPage: 1, currentPage: 1,
activeName: 'edu',
tableData: [ tableData: [
{ {
date: '2016-05-02', date: '2016-05-02',
@ -182,706 +125,12 @@ export default {
date: '2016-05-04', date: '2016-05-04',
name: '王小虎', name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄' address: '上海市普陀区金沙江路 1517 弄'
},
{
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
},
{
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}
],
searchList: [
{
label: '所属网格',
item_type: 'input',
option_source_type: '',
sort: '1',
require: true,
valid_type: null,
column_name: 'grid'
},
{
label: '小区名称',
require: true,
item_type: 'select',
option_source_type: '',
sort: '1',
valid_type: null,
column_name: 'shequ'
},
{
label: '户籍查询',
require: true,
item_type: 'input',
option_source_type: '',
sort: '1',
valid_type: null,
column_name: 'huji'
},
{
label: '本地户籍',
item_type: 'select',
require: true,
option_source_type: '',
sort: '1',
valid_type: null,
column_name: 'huji1'
},
{
label: '姓名',
item_type: 'input',
option_source_type: '',
sort: '1',
valid_type: null,
require: true,
column_name: 'username'
},
{
label: '手机号',
item_type: 'input',
valid_type: 'mobile',
require: true,
option_source_type: '',
sort: '1',
column_name: 'userMobile'
},
{
label: '身份证',
item_type: 'input',
require: true,
option_source_type: '',
sort: '1',
valid_type: 'id_card',
column_name: 'idcard'
},
{
label: '出生日期',
item_type: 'date',
valid_type: null,
require: true,
option_source_type: '',
sort: '1',
column_name: 'birthday'
},
{
label: '联系人',
valid_type: null,
item_type: 'checkbox',
require: true,
option_source_type: '',
sort: '1',
column_name: 'contact'
},
{
label: '联系人手机',
item_type: 'radio',
valid_type: null,
require: true,
option_source_type: '',
sort: '1',
column_name: 'contactMobile'
}
],
value: '',
formList: [
{
label: '所属网格',
item_type: 'select',
option_source_type: '',
sort: '1',
require: true,
valid_type: null,
column_name: 'grid'
},
{
label: '所属楼宇',
require: true,
item_type: 'select',
option_source_type: '',
sort: '1',
valid_type: null,
column_name: 'shequ'
},
{
label: '所属家庭',
require: true,
item_type: 'input',
option_source_type: '',
sort: '1',
valid_type: null,
column_name: 'house'
},
{
label: '本地户籍',
item_type: 'select',
require: true,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
valid_type: null,
column_name: 'huji'
},
{
label: '姓名',
item_type: 'input',
option_source_type: '',
sort: '1',
valid_type: null,
require: true,
column_name: 'username'
},
{
label: '性别',
item_type: 'select',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '男',
value: 1
},
{
label: '女',
value: 2
}
],
sort: '1',
column_name: 'sex'
},
{
label: '手机号',
item_type: 'input',
require: true,
option_source_type: '',
sort: '1',
valid_type: 'mobile',
column_name: 'userMobile'
},
{
label: '身份证',
item_type: 'input',
valid_type: 'id_card',
require: true,
option_source_type: '',
sort: '1',
column_name: 'idcard'
},
{
label: '出生日期',
valid_type: null,
item_type: 'date',
require: false,
option_source_type: '',
sort: '1',
column_name: 'birthday'
},
{
label: '联系人',
item_type: 'input',
valid_type: null,
require: false,
option_source_type: '',
sort: '1',
column_name: 'contactUser'
},
{
label: '联系人手机',
item_type: 'input',
valid_type: null,
require: true,
option_source_type: '',
sort: '1',
column_name: 'contactMobile'
},
{
label: '九小场所',
item_type: 'select',
valid_type: null,
require: true,
option_source_type: '',
sort: '1',
column_name: 'jiuxiao'
},
{
label: '备注',
item_type: 'textarea',
valid_type: null,
require: false,
option_source_type: '',
sort: '1',
column_name: 'remarks'
},
{
label: '党员：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'party'
},
{
label: '低保：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'dibao'
},
{
label: '保障房：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'baozf'
},
{
label: '失业：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'shiye'
},
{
label: '育龄妇女：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'yulingfunv'
},
{
label: '退役军人：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'tuiyijunren'
},
{
label: '统战人员：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'tzrenyuan'
},
{
label: '信访人员：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'xfreny'
},
{
label: '志愿者：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'zhiyuanzhe'
},
{
label: '高龄：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'gaoling'
},
{
label: '空巢：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'kongc'
},
{
label: '失独：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'shidu'
},
{
label: '失能：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'shineng'
},
{
label: '失智：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'shizhi'
},
{
label: '残疾：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
} }
], ],
sort: '1',
column_name: 'canji' fmData: {
}, agencyId: ''
{
label: '大病：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'dabing'
},
{
label: '慢病：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'manbing'
},
{
label: '特殊：',
item_type: 'radio',
valid_type: null,
require: false,
option_source_type: '',
option_source_value: [
{
label: '是',
value: 1
},
{
label: '否',
value: 0
}
],
sort: '1',
column_name: 'teshu'
}
],
tabsForm: [
{
label: '所属网格',
item_type: 'input',
option_source_type: '',
sort: '1',
require: true,
valid_type: null,
column_name: 'grid'
},
{
label: '小区名称',
require: true,
item_type: 'select',
option_source_type: '',
sort: '1',
valid_type: null,
column_name: 'shequ'
},
{
label: '户籍查询',
require: true,
item_type: 'input',
option_source_type: '',
sort: '1',
valid_type: null,
column_name: 'huji'
},
{
label: '本地户籍',
item_type: 'select',
require: true,
option_source_type: '',
sort: '1',
valid_type: null,
column_name: 'huji1'
},
{
label: '姓名',
item_type: 'input',
option_source_type: '',
sort: '1',
valid_type: null,
require: true,
column_name: 'username'
}
],
tabsList: [
{
label: '教育',
column_name: 'edu',
children: []
},
{
label: '兴趣爱好',
column_name: 'xingqu',
children: []
},
{
label: '宗教信仰',
column_name: 'zongjiao',
children: []
},
{
label: '健康信息',
column_name: 'jiank',
children: []
},
{
label: '工作信息',
column_name: 'job',
children: []
},
{
label: '经济状况',
column_name: 'jingji',
children: []
},
{
label: '家庭信息',
column_name: 'family',
children: []
},
{
label: '居住需求',
column_name: 'juzhu',
children: []
},
{
label: '教育发发发',
column_name: 'edu1',
children: []
},
{
label: '教育滚滚滚',
column_name: 'edu2',
children: []
},
{
label: '教育哈哈哈',
column_name: 'edu3',
children: []
},
{
label: '教育急急急',
column_name: 'edu4',
children: []
},
{
label: '教育快快快',
column_name: 'edu5',
children: []
} }
]
} }
}, },
methods: { methods: {

Write Preview
Loading…
Cancel
Save