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

样式

dev
tianq 3 years ago
parent
8800cd5c0f
commit
13a22d8309
5 changed files with 238 additions and 55 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. 76
      src/views/modules/census/addFormEnterprise.vue
  2. 77
      src/views/modules/census/addFormHouse.vue
  3. 83
      src/views/modules/census/addFormResident.vue
  4. 45
      src/views/modules/census/census-residentList.vue
  5. 10
      src/views/modules/census/record.vue

76
src/views/modules/census/addFormEnterprise.vue
View File

@ -1,13 +1,13 @@
<template> <template>
<el-dialog :visible.sync="dialogVisible" width="1370px" :before-close="handleCancle"> <el-dialog :visible.sync="dialogVisible" width="1100px" :before-close="handleCancle" top="5vh">
<span slot="title"> <span slot="title">
<span v-if="pageType == 'add'">新增</span> <span v-if="pageType == 'add'">新增</span>
<span v-if="pageType == 'edit'">修改</span> <span v-if="pageType == 'edit'">修改</span>
<span v-if="pageType == 'view'">查看</span> <span v-if="pageType == 'view'">查看</span>
</span> </span>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content2 scroll-h">
<el-form :inline="true" :model="formData" ref="form" :rules="dataRule" :label-width="'90px'" v-if="pageType != 'view'"> <el-form :inline="true" :model="formData" ref="form" :rules="dataRule" v-if="pageType != 'view'">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="场所名称" prop="placeOrgName"> <el-form-item label="场所名称" prop="placeOrgName">
@ -89,7 +89,7 @@
</el-row> </el-row>
<div id="app_event" class="div_map"></div> <div id="app_event" class="div_map"></div>
</el-form> </el-form>
<el-form :inline="false" :model="formData" ref="form" :label-width="'90px'" v-if="pageType == 'view'"> <el-form :inline="false" :model="formData" ref="form" label-width="140px" v-if="pageType == 'view'">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="场所类别" prop="placeCategory">{{ formData.placeCategoryName }}</el-form-item> <el-form-item label="场所类别" prop="placeCategory">{{ formData.placeCategoryName }}</el-form-item>
@ -117,23 +117,27 @@
<el-col :span="12"> <el-col :span="12">
<el-form-item label="联系电话" prop="mobile">{{ formData.mobile }}</el-form-item> <el-form-item label="联系电话" prop="mobile">{{ formData.mobile }}</el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="12">
<el-form-item label="场所地址" prop="address" style="display: block">{{ formData.address }}</el-form-item> <el-form-item label="场所地址" prop="address">
<div id="app_event" class="div_map"></div>
{{ formData.address }}
</el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div id="app_event" class="div_map"></div>
</el-form> </el-form>
<div class="div_btn" style="text-align: center;"><el-button size="small" @click="handleCancle">取消</el-button></div>
<div class="div_btn" v-if="pageType != 'view'">
<el-button size="small" @click="handleCancle">取 消</el-button>
<!-- <el-button size="small" @click="resetData" v-if="pageType != 'view'">重置</el-button> -->
<el-button size="small" type="primary" :disabled="btnDisable" @click="handleComfirm">保 存</el-button>
</div>
<div class="recordBox"><record v-if="pageType != 'add' && detailId" :formType="pageType" :id="detailId" :info="{ agencyId: agencyId }"></record></div>
</div> </div>
<div class="div_btn" v-if="pageType != 'view'">
<el-button size="small" @click="handleCancle">取 消</el-button>
<!-- <el-button size="small" @click="resetData" v-if="pageType != 'view'">重置</el-button> -->
<el-button size="small" type="primary" :disabled="btnDisable" @click="handleComfirm">保 存</el-button>
</div>
<div class="recordBox"><record v-if="pageType != 'add' && detailId" :formType="pageType" :id="detailId" :info="{ agencyId: agencyId }"></record></div>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="handleCancle">关 闭</el-button> <!-- <el-button @click="handleCancle">关 闭</el-button> -->
<!-- <el-button type="primary" @click="handleComfirm">确 定</el-button> --> <!-- <el-button type="primary" @click="handleComfirm">确 定</el-button> -->
</span> </span>
</el-dialog> </el-dialog>
@ -459,4 +463,48 @@ export default {
@import '@/assets/scss/modules/management/form-main.scss'; @import '@/assets/scss/modules/management/form-main.scss';
@import '@/assets/scss/modules/management/form.scss'; @import '@/assets/scss/modules/management/form.scss';
// @import '@/assets/scss/modules/visual/a_customize.scss'; // @import '@/assets/scss/modules/visual/a_customize.scss';
/deep/.el-dialog__header {
padding: 25px 20px 10px 25px;
font-size: 18px;
font-family: PingFang SC;
font-weight: normal;
color: #333;
}
/deep/.el-dialog__body {
padding: 30px 0px 30px 40px;
}
/deep/.el-dialog__footer {
text-align: center;
}
/deep/.el-form {
.el-form-item {
position: relative;
margin-bottom: 22px;
.el-form-item__label {
font-size: 14px;
padding-left: 15px;
text-align: left;
&::before {
position: absolute;
left: 0;
top: 12px;
content: '';
display: block;
width: 7px;
height: 7px;
background: #0c81fe;
border-radius: 3px;
}
}
.el-form-item__content {
font-size: 14px;
}
}
}
/deep/.dialog-h-content2 {
max-height: calc(83vh - 130px);
box-sizing: border-box;
padding: 0 10px;
overflow: auto;
}
</style> </style>

77
src/views/modules/census/addFormHouse.vue
View File

@ -1,16 +1,16 @@
<template> <template>
<el-dialog :visible.sync="dialogVisible" width="1370px" :before-close="handleCancle"> <el-dialog :visible.sync="dialogVisible" width="900px" :before-close="handleCancle" top="5vh">
<span slot="title"> <span slot="title">
<span v-if="pageType == 'add'">新增</span> <span v-if="pageType == 'add'">新增</span>
<span v-if="pageType == 'edit'">修改</span> <span v-if="pageType == 'edit'">修改</span>
<span v-if="pageType == 'view'">查看</span> <span v-if="pageType == 'view'">查看房屋</span>
</span> </span>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content2 scroll-h">
<div v-if="view_real_data" class="div_tuomin" style="margin-top: 20px;"> <div v-if="view_real_data" class="div_tuomin" style="margin-top: 20px;">
<el-button size="mini" class="diy-button--search" @click="handleTuomin">显示脱敏信息</el-button> <el-button size="mini" class="diy-button--search" @click="handleTuomin">显示脱敏信息</el-button>
</div> </div>
<el-form :inline="true" :model="formData" ref="form" :rules="dataRule" :label-width="'90px'" v-if="pageType != 'view'"> <el-form :inline="true" :model="formData" ref="form" :rules="dataRule" v-if="pageType != 'view'">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="场所名称" prop="placeOrgName"> <el-form-item label="场所名称" prop="placeOrgName">
@ -93,43 +93,43 @@
<div id="app_event" class="div_map"></div> <div id="app_event" class="div_map"></div>
</el-form> </el-form>
<el-form :inline="false" :model="formData" ref="form" :label-width="'90px'" v-if="pageType == 'view'"> <el-form :inline="false" :model="formData" ref="form" v-if="pageType == 'view'">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="24">
<el-form-item label="房屋名称" prop="fullName">{{ formData.fullName }}</el-form-item> <el-form-item label="房屋名称" prop="fullName">{{ formData.fullName }}</el-form-item>
</el-col> </el-col>
<!-- <el-col :span="12"> <!-- <el-col :span="24">
<el-form-item label="" prop="placeCategory"></el-form-item> <el-form-item label="" prop="placeCategory"></el-form-item>
<el-button size="mini" class="diy-button--search" @click="handleTuomin">显示脱敏信息</el-button> <el-button size="mini" class="diy-button--search" @click="handleTuomin">显示脱敏信息</el-button>
</el-col> --> </el-col> -->
<el-col :span="12"> <el-col :span="24">
<el-form-item label="单元号" prop="unitName">{{ formData.unitName ? formData.unitName : '--' }}</el-form-item> <el-form-item label="单元号" prop="unitName">{{ formData.unitName ? formData.unitName : '--' }}</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="24">
<el-form-item label="门牌号" prop="doorName">{{ formData.doorName }}</el-form-item> <el-form-item label="门牌号" prop="doorName">{{ formData.doorName }}</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="24">
<el-form-item label="房屋编码" prop="coding">{{ formData.coding ? formData.coding : '--' }}</el-form-item> <el-form-item label="房屋编码" prop="coding">{{ formData.coding ? formData.coding : '--' }}</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="24">
<el-form-item label="房屋类型" prop="houseTypeName">{{ formData.houseTypeName ? formData.houseTypeName : '--' }}</el-form-item> <el-form-item label="房屋类型" prop="houseTypeName">{{ formData.houseTypeName ? formData.houseTypeName : '--' }}</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="24">
<el-form-item label="房屋用途" prop="purposeName">{{ formData.purposeName ? formData.purposeName : '--' }}</el-form-item> <el-form-item label="房屋用途" prop="purposeName">{{ formData.purposeName ? formData.purposeName : '--' }}</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="24">
<el-form-item label="房屋状态" prop="rentName">{{ formData.rentName ? formData.rentName : '--' }}</el-form-item> <el-form-item label="房屋状态" prop="rentName">{{ formData.rentName ? formData.rentName : '--' }}</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="24">
<el-form-item label="房主姓名" prop="ownerName">{{ formData.ownerName ? formData.ownerName : '--' }}</el-form-item> <el-form-item label="房主姓名" prop="ownerName">{{ formData.ownerName ? formData.ownerName : '--' }}</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="24">
<el-form-item label="联系方式" prop="showOwnerPhone">{{ formData.showOwnerPhone ? formData.showOwnerPhone : '--' }}</el-form-item> <el-form-item label="联系方式" prop="showOwnerPhone">{{ formData.showOwnerPhone ? formData.showOwnerPhone : '--' }}</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="24">
<el-form-item label="房主身份证" prop="showOwnerIdCard">{{ formData.showOwnerIdCard ? formData.showOwnerIdCard : '--' }}</el-form-item> <el-form-item label="房主身份证" prop="showOwnerIdCard">{{ formData.showOwnerIdCard ? formData.showOwnerIdCard : '--' }}</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="24">
<el-form-item label="备注" prop="remark">{{ formData.remark ? formData.remark : '--' }}</el-form-item> <el-form-item label="备注" prop="remark">{{ formData.remark ? formData.remark : '--' }}</el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -217,7 +217,7 @@ export default {
}; };
return { return {
agencyObj: {}, agencyObj: {},
view_real_data: true, view_real_data: false,
btnDisable: false, btnDisable: false,
user: '', user: '',
agencyId: '', agencyId: '',
@ -497,4 +497,45 @@ export default {
top: 25px; top: 25px;
right: 40px; right: 40px;
} }
/deep/.el-dialog__header {
padding: 30px 20px 10px 30px;
font-size: 18px;
font-family: PingFang SC;
font-weight: normal;
color: #333;
}
/deep/.el-dialog__body {
padding:30px 0px 30px 90px;
}
/deep/.el-dialog__footer{text-align: center;}
/deep/.el-form {
.el-form-item {
position: relative;
margin-bottom: 12px;
.el-form-item__label {
font-size: 15px;
padding-left: 15px;
&::before {
position: absolute;
left: 0;
top: 12px;
content: '';
display: block;
width: 7px;
height: 7px;
background: #0c81fe;
border-radius: 3px;
}
}
.el-form-item__content {
font-size: 15px;
}
}
}
/deep/.dialog-h-content2 {
max-height: calc(83vh - 130px);
box-sizing: border-box;
padding: 0 10px;
overflow: auto;
}
</style> </style>

83
src/views/modules/census/addFormResident.vue
View File

@ -1,40 +1,42 @@
<template> <template>
<el-dialog :visible.sync="dialogVisible" width="1370px" :before-close="handleCancle"> <el-dialog :visible.sync="dialogVisible" width="1180px" :before-close="handleCancle" top="5vh">
<span slot="title"> <span slot="title">
<span v-if="pageType == 'add'">新增</span> <span v-if="pageType == 'add'">新增</span>
<span v-if="pageType == 'edit'">修改</span> <span v-if="pageType == 'edit'">修改</span>
<span v-if="pageType == 'view'">查看</span> <span v-if="pageType == 'view'">更多信息</span>
</span> </span>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content2 scroll-h">
<div v-if="view_real_data" class="div_tuomin" style="margin-top: 20px;"><el-button size="mini" class="diy-button--search" @click="handleTuomin">显示脱敏信息</el-button></div> <div v-if="view_real_data" class="div_tuomin" style="margin-top: 20px;">
<el-form :inline="false" :model="formData" ref="form" :label-width="'90px'" v-if="pageType == 'view'"> <el-button size="mini" class="diy-button--search" @click="handleTuomin">显示脱敏信息</el-button>
</div>
<el-form :inline="false" :model="formData" ref="form" v-if="pageType == 'view'">
<template v-for="(fieldSubList, index) in fieldList"> <template v-for="(fieldSubList, index) in fieldList">
<el-row> <el-row>
<!-- :key="'fieldSubList' + index" --> <!-- :key="'fieldSubList' + index" -->
<el-col :span="6"> <el-col :span="8">
<div v-if="index == 0"> <div v-if="index == 0">
<el-form-item label="所属网格">{{ gridName }}</el-form-item> <el-form-item label="所属网格">{{ detailData.gridName }}</el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<div v-if="index == 0"> <div v-if="index == 0">
<el-form-item label="所属小区">{{ xiaoquName }}</el-form-item> <el-form-item label="所属小区">{{ detailData.villageName }}</el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<div v-if="index == 0"> <div v-if="index == 0">
<el-form-item label="所属楼栋">{{ louName }}-{{ danyuanName }}</el-form-item> <el-form-item label="所属楼栋">{{ detailData.buildName }}</el-form-item>
</div> </div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<div v-if="index == 0"> <div v-if="index == 0">
<el-form-item label="所属家庭">{{ homeName }}</el-form-item> <el-form-item label="所属家庭">{{ detailData.doorName }}</el-form-item>
</div> </div>
</el-col> </el-col>
<template v-for="field in fieldSubList"> <template v-for="field in fieldSubList">
<el-col :span="6"> <el-col :span="8">
<el-form-item :label="field.label"> <el-form-item :label="field.label">
<span v-if="field.columnName === 'MOBILE' || field.columnName === 'ID_CARD'">{{ info[field.columnName] || '--' }}</span> <span v-if="field.columnName === 'MOBILE' || field.columnName === 'ID_CARD'">{{ info[field.columnName] || '--' }}</span>
<span v-else-if="field.itemType == 'select' || field.itemType == 'radio' || field.itemType == 'checkbox' || field.itemType == 'cascader'"> <span v-else-if="field.itemType == 'select' || field.itemType == 'radio' || field.itemType == 'checkbox' || field.itemType == 'cascader'">
@ -45,7 +47,7 @@
</el-col> </el-col>
</template> </template>
</el-row> </el-row>
<div style="border-bottom:dashed 1px #ccc"></div> <div class="line"></div>
</template> </template>
</el-form> </el-form>
@ -159,8 +161,8 @@ export default {
type: String, type: String,
default: '' default: ''
}, },
gridName: { detailData: {
type: String, type: Object,
default: '' default: ''
} }
}, },
@ -171,7 +173,7 @@ export default {
data() { data() {
return { return {
view_real_data: true, view_real_data: false,
formData: {}, formData: {},
customerId: '', customerId: '',
isXiaozhaizi: false, isXiaozhaizi: false,
@ -576,4 +578,49 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/assets/scss/modules/management/form-main.scss'; @import '@/assets/scss/modules/management/form-main.scss';
@import '@/assets/scss/modules/management/form.scss'; @import '@/assets/scss/modules/management/form.scss';
/deep/.el-dialog__header {
padding: 30px 20px 10px 30px;
font-size: 22px;
font-family: PingFang SC;
font-weight: 800;
color: #333;
}
/deep/.el-dialog__body {
padding:30px 0px 30px 50px;
}
/deep/.el-form {
.el-form-item {
position: relative;
.el-form-item__label {
font-size: 18px;
padding-left: 15px;
&::before {
position: absolute;
left: 0;
top: 12px;
content: '';
display: block;
width: 7px;
height: 7px;
background: #ddd;
border-radius: 3px;
}
}
.el-form-item__content {
font-size: 18px;
}
}
}
.line {
margin: 20px auto;
width: 900px;
height: 1px;
border: 1px dashed #ddd;
}
/deep/.dialog-h-content2 {
max-height: calc(83vh - 130px);
box-sizing: border-box;
padding: 0 10px;
overflow: auto;
}
</style> </style>

45
src/views/modules/census/census-residentList.vue
View File

@ -126,7 +126,7 @@
<div> <div>
<!-- :pageType="pageType" --> <!-- :pageType="pageType" -->
<!-- :disabled="disabled" --> <!-- :disabled="disabled" -->
<addForm v-if="dialogVisible" :dialogVisible="dialogVisible" :userId="detailId" :pageType="pageType" :gridName="detailData" @handleClose="handleClose" /> <addForm v-if="dialogVisible" :dialogVisible="dialogVisible" :userId="detailId" :pageType="pageType" :detailData="detailData" @handleClose="handleClose" />
</div> </div>
</div> </div>
</template> </template>
@ -243,7 +243,14 @@ export default {
this.dialogVisible = true; this.dialogVisible = true;
this.pageType = 'view'; this.pageType = 'view';
this.detailId = row.icResiUserId; this.detailId = row.icResiUserId;
this.detailData = row.gridName; this.detailData = {
gridName: row.gridName,
homeName: row.homeName,
villageName: row.villageName,
buildName: row.buildName,
unitName: row.unitName,
doorName: row.doorName
};
}, },
handleClose() { handleClose() {
this.dialogVisible = false; this.dialogVisible = false;
@ -863,4 +870,38 @@ export default {
border-radius: 6px; border-radius: 6px;
color: #fff; color: #fff;
} }
/deep/.el-dialog__header {
padding: 30px 20px 10px 30px;
font-size: 22px;
font-family: PingFang SC;
font-weight: 800;
color: #333;
}
/deep/.el-dialog__body {
padding: 30px 50px;
}
/deep/.el-dialog__footer{text-align: center;}
/deep/.el-form {
.el-form-item {
position: relative;
.el-form-item__label {
font-size: 18px;
padding-left: 15px;
&::before {
position: absolute;
left: 0;
top: 12px;
content: '';
display: block;
width: 7px;
height: 7px;
background: #0c81fe;
border-radius: 3px;
}
}
.el-form-item__content {
font-size: 18px;
}
}
}
</style> </style>

10
src/views/modules/census/record.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<div class="m-record"> <div class="m-record">
<h3>检查记录</h3> <h3>巡查记录</h3>
<div> <div>
<div class="u-table-btn1 mt10" v-if="formType == 'edit'"> <div class="u-table-btn1 mt10" v-if="formType == 'edit'">
<el-button size="small" class="diy-button--blue" :disabled="btnDisabled || disabled" @click="handleAdd">新增</el-button> <el-button size="small" class="diy-button--blue" :disabled="btnDisabled || disabled" @click="handleAdd">新增</el-button>
</div> </div>
<div class="m-table-item"> <div class="m-table-item">
<el-table :data="tableData" class="resi-table" row-key="id" border style="width: 100%"> <el-table :data="tableData" :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" class="resi-table" row-key="id" border style="width: 100%">
<el-table-column label="序号" type="index" align="center" width="50"></el-table-column> <el-table-column label="序号" type="index" align="center" width="50"></el-table-column>
<el-table-column prop="patrolTime" label="检查时间" align="center" width="200px"> <el-table-column prop="patrolTime" label="检查时间" align="center" width="200px">
<template slot-scope="scope"> <template slot-scope="scope">
@ -406,7 +406,13 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/assets/scss/buttonstyle.scss'; @import '@/assets/scss/buttonstyle.scss';
@import '@/assets/scss/modules/management/list-main.scss'; @import '@/assets/scss/modules/management/list-main.scss';
.m-record h3{
font-size: 1.17em;
&::before {
display: none;
}
}
.mt10 { .mt10 {
margin-bottom: 10px; margin-bottom: 10px;
} }

Write Preview
Loading…
Cancel
Save