suzhou-jichuang-lanhai
/
taicangPopulation2
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

四个搜索中心详情页面

Browse Source
master
许宏杰 4 months ago
parent 46edecbbe8
commit fdbdbdcc84
10 changed files with 327 additions and 52 deletions
Show Stats Download Patch File Download Diff File

36
src/assets/styles/index.scss
Unescape View File

@ -254,4 +254,40 @@ aside {
.dialog-main {
min-height: auto;
}
.info-container {
margin-top: 15px;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
& > div {
font-size: 14px;
color: #fff;
width: 20%;
height: 45px;
border-bottom: 1px solid #0059a2;
text-align: center;
line-height: 45px;
.grid-item-main {
justify-content: left;
}
}
& > div:nth-child(odd) {
border-right: 1px solid #0059a2;
border-left: 1px solid #0059a2;
}
.no-left {
border-left: 0 !important;
}
.border-top {
border-top: 1px solid #0059a2;
}
& > div:nth-child(even) {
border-right: 1px solid #0059a2;
width: 30%;
background: #042854;
text-align: left;
padding: 0 10px;
}
}
}

5
src/assets/styles/isTable.scss
Unescape View File

@ -144,9 +144,11 @@
.body-rows {
display: flex;
align-items: center;
cursor: pointer;
& > div {
text-align: center;
}
.table-cell0 {
width: 50px;
}
@ -162,5 +164,8 @@
justify-content: center;
}
}
.body-rows:hover {
background: #0265cb !important;
}
}
}

3
src/components/ColorCell/index.vue
Unescape View File

@ -105,5 +105,8 @@ export default {
border: 0.03rem solid white;
}
}
.house-color {
margin-left: 3px;
}
}
</style>

66
src/components/NavigationBar/logCentre.vue
Unescape View File

@ -195,6 +195,7 @@
class="body-rows"
v-for="(item, index) in list"
:key="'rows' + index"
@click="getInfo(item)"
>
<div class="table-cell0">{{ index + 1 }}</div>
<div class="table-cell1">{{ item.name }}</div>
@ -214,6 +215,56 @@
</div>
</div>
</div>
<!-- 查看详情 -->
<el-dialog
:visible.sync="openInfo"
append-to-body
custom-class="taicang-dialog-small"
>
<div class="dialog-main">
<div class="dialog-title"><span></span> 详情</div>
<div class="info-container">
<div class="border-top">社区名称</div>
<div class="border-top">{{ infoData.shequ_name }}</div>
<div class="border-top no-left">姓名</div>
<div class="border-top">{{ infoData.name }}</div>
<div>小区名称</div>
<div>{{ infoData.xiaoqu_name }}</div>
<div class="no-left">身份证号</div>
<div>{{ infoData.credentialNo }}</div>
<div>网格名称</div>
<div>{{ infoData.parentname }}</div>
<div class="no-left">手机号码</div>
<div>{{ infoData.phone }}</div>
<div>苑名称</div>
<div>{{ infoData.deptname }}</div>
<div class="no-left">户口类型</div>
<div>{{ infoData.typename }}</div>
<div>楼栋名称</div>
<div>{{ infoData.buildingname }}</div>
<div class="no-left">分色</div>
<div>
<ColorCell :item="infoData"
><span class="house-color"> {{ infoData.color }}</span></ColorCell
>
</div>
<div>住户名称</div>
<div>{{ infoData.housename }}</div>
<div class="no-left">社保缴纳单位</div>
<div>{{ "/" }}</div>
<div>实际工作单位</div>
<div>{{ infoData.workunit || "/" }}</div>
<div class="no-left">操作人</div>
<div>{{ infoData.operateUserName || "/" }}</div>
<div>操作时间</div>
<div>{{ infoData.operateTime || "/" }}</div>
<div class="no-left">操作类型</div>
<div>{{ infoData.type | filterType }}</div>
<div>备注</div>
<div style="flex: 1">{{ infoData.remark || "/" }}</div>
</div>
</div>
</el-dialog>
</div>
</template>
@ -223,7 +274,7 @@ import { handleTreeId } from "@/utils/findTreeId.js";
import { treeselect, getsszxBh } from "@/api/system/dept"; //部门
import { mapGetters } from "vuex";
import ColorCell from "@/components/ColorCell";
import { handleColor } from "@/utils/myFuntion.js";
export default {
// dicts: ["b_color_type"],
components: { ColorCell },
@ -243,6 +294,8 @@ export default {
},
data() {
return {
openInfo: false,
infoData: {},
loading: true,
show_shequ_xiaoqu: true,
currentIndex: 0,
@ -321,6 +374,14 @@ export default {
this.getDeptList();
},
methods: {
/**
* 详情
*/
getInfo(item) {
this.infoData = handleColor([item])[0];
this.openInfo = true;
},
//时间选择器
changeyearTimer(e) {
if (e) {
@ -482,6 +543,9 @@ export default {
let arr = list.map((item) => {
item.personInfo = JSON.parse(item.personInfo);
item.personInfo.type = item.type;
item.personInfo.operateTime = item.operateTime;
item.personInfo.operateUserName = item.operateUserName;
// item.personInfo.personId = item.id;
if (!item.personInfo.color) {
item.personInfo.leftColor = "#7b75ff";

63
src/components/NavigationBar/peopleCentre.vue
Unescape View File

@ -183,6 +183,7 @@
class="body-rows"
v-for="(item, index) in list"
:key="'rows' + index"
@click="getInfo(item)"
>
<div class="table-cell0">{{ index + 1 }}</div>
<div class="table-cell1">{{ item.name }}</div>
@ -205,6 +206,57 @@
</div>
</div>
</div>
<!-- 查看详情 -->
<el-dialog
:visible.sync="openInfo"
append-to-body
custom-class="taicang-dialog-small"
>
<div class="dialog-main">
<div class="dialog-title"><span></span> 详情</div>
<div class="info-container">
<div class="border-top">社区名称</div>
<div class="border-top">{{ infoData.shequ_name }}</div>
<div class="border-top no-left">姓名</div>
<div class="border-top">{{ infoData.name }}</div>
<div>小区名称</div>
<div>{{ infoData.xiaoqu_name }}</div>
<div class="no-left">身份证号</div>
<div>{{ infoData.credentialNo }}</div>
<div>网格名称</div>
<div>{{ infoData.parentname }}</div>
<div class="no-left">手机号码</div>
<div>{{ infoData.phone }}</div>
<div>苑名称</div>
<div>{{ infoData.deptname }}</div>
<div class="no-left">户口类型</div>
<div>{{ infoData.typename }}</div>
<div>楼栋名称</div>
<div>{{ infoData.buildingname }}</div>
<div class="no-left">分色</div>
<div>
<ColorCell :item="infoData"
><span class="house-color"> {{ infoData.color }}</span></ColorCell
>
</div>
<div>住户名称</div>
<div>{{ infoData.housename }}</div>
<div class="no-left">社保缴纳单位</div>
<div>{{ "/" }}</div>
<div>实际工作单位</div>
<div>{{ infoData.workunit || "/" }}</div>
<div class="no-left">数据更新人员</div>
<div>{{ infoData.updateBy || "/" }}</div>
<div>数据更新时间</div>
<div>{{ infoData.updateTime || "/" }}</div>
<div class="no-left">未更新天数</div>
<div>{{ infoData.daycount || "/" }} 天</div>
<div>备注</div>
<div style="flex: 1">{{ infoData.remark || "/" }}</div>
</div>
</div>
</el-dialog>
</div>
</template>
@ -216,6 +268,8 @@ import { mapGetters } from "vuex";
import ColorCell from "@/components/ColorCell";
import { exportSearch } from "@/api/home/index.js"; //预警
import { listHouse } from "@/api/taicangpop/house"; //户
import { handleColor } from "@/utils/myFuntion.js";
export default {
dicts: ["b_color_type"],
components: { ColorCell },
@ -224,6 +278,8 @@ export default {
},
data() {
return {
openInfo: false,
infoData: {},
show_shequ_xiaoqu: true,
show_net: false,
loading: true,
@ -301,6 +357,13 @@ export default {
this.getDeptList();
},
methods: {
/**
* 详情
*/
getInfo(item) {
this.infoData = handleColor([item])[0];
this.openInfo = true;
},
/**获取树部门 */
async getDeptList() {
let result = await treeselect();

66
src/components/NavigationBar/recycleCentre.vue
Unescape View File

@ -189,6 +189,7 @@
class="body-rows"
v-for="(item, index) in list"
:key="'rows' + index"
@click="getInfo(item)"
>
<div class="table-cell0">{{ index + 1 }}</div>
<div class="table-cell1">{{ item.name }}</div>
@ -210,6 +211,58 @@
</div>
</div>
</div>
<!-- 查看详情 -->
<el-dialog
:visible.sync="openInfo"
append-to-body
custom-class="taicang-dialog-small"
>
<div class="dialog-main">
<div class="dialog-title"><span></span> 详情</div>
<div class="info-container">
<div class="border-top">社区名称</div>
<div class="border-top">{{ infoData.shequ_name }}</div>
<div class="border-top no-left">姓名</div>
<div class="border-top">{{ infoData.name }}</div>
<div>小区名称</div>
<div>{{ infoData.xiaoqu_name }}</div>
<div class="no-left">身份证号</div>
<div>{{ infoData.credentialNo }}</div>
<div>网格名称</div>
<div>{{ infoData.parentname }}</div>
<div class="no-left">手机号码</div>
<div>{{ infoData.phone }}</div>
<div>苑名称</div>
<div>{{ infoData.deptname }}</div>
<div class="no-left">户口类型</div>
<div>{{ infoData.typename }}</div>
<div>楼栋名称</div>
<div>{{ infoData.buildingname }}</div>
<div class="no-left">分色</div>
<div>
<ColorCell :item="infoData"
><span class="house-color"> {{ infoData.color }}</span></ColorCell
>
</div>
<div>住户名称</div>
<div>{{ infoData.housename }}</div>
<div class="no-left">社保缴纳单位</div>
<div>{{ "/" }}</div>
<div>实际工作单位</div>
<div>{{ infoData.workunit || "/" }}</div>
<div class="no-left">删除人</div>
<div>{{ infoData.deleteUserName || "/" }}</div>
<div>删除时间</div>
<div>{{ infoData.deleteTime || "/" }}</div>
<div class="no-left">恢复操作</div>
<div>
<el-link type="success" @click="addClcik(infoData)">恢复</el-link>
</div>
<div>备注</div>
<div style="flex: 1">{{ infoData.remark || "/" }}</div>
</div>
</div>
</el-dialog>
</div>
</template>
@ -226,6 +279,7 @@ import { handleTreeId } from "@/utils/findTreeId.js";
import { treeselect, getsszxBh } from "@/api/system/dept"; //部门
import { mapGetters } from "vuex";
import ColorCell from "@/components/ColorCell";
import { handleColor } from "@/utils/myFuntion.js";
export default {
dicts: ["b_color_type"],
components: { ColorCell },
@ -239,6 +293,8 @@ export default {
},
data() {
return {
openInfo: false,
infoData: {},
loading: true,
show_shequ_xiaoqu: true,
currentIndex: 0,
@ -312,8 +368,13 @@ export default {
},
methods: {
/**
* 恢复
* 详情
*/
getInfo(item) {
console.log(item);
this.infoData = handleColor([item])[0];
this.openInfo = true;
},
/**恢复 */
addClcik(item) {
// console.warn("恢复数据", item.deleteUserId, this.userId);
@ -491,8 +552,11 @@ export default {
handleColor(list) {
let arr = list.map((item) => {
item.personInfo = JSON.parse(item.personInfo);
console.log(item);
item.personInfo.deleteUserId = item.deleteUserId;
item.personInfo.personId = item.id;
item.personInfo.deleteUserName = item.deleteUserName;
item.personInfo.deleteTime = item.deleteTime;
if (!item.personInfo.color) {
item.personInfo.leftColor = "#7b75ff";
item.personInfo.rightTopColor = "#7b75ff";

61
src/components/NavigationBar/warningCentre.vue
Unescape View File

@ -188,6 +188,7 @@
class="body-rows"
v-for="(item, index) in list"
:key="'rows' + index"
@click="getInfo(item)"
>
<div class="table-cell0">{{ index + 1 }}</div>
<div class="table-cell1">{{ item.parentname }}</div>
@ -209,6 +210,56 @@
</div>
</div>
</div>
<!-- 查看详情 -->
<el-dialog
:visible.sync="openInfo"
append-to-body
custom-class="taicang-dialog-small"
>
<div class="dialog-main">
<div class="dialog-title"><span></span> 详情</div>
<div class="info-container">
<div class="border-top">社区名称</div>
<div class="border-top">{{ infoData.shequ_name }}</div>
<div class="border-top no-left">姓名</div>
<div class="border-top">{{ infoData.name }}</div>
<div>小区名称</div>
<div>{{ infoData.xiaoqu_name }}</div>
<div class="no-left">身份证号</div>
<div>{{ infoData.credentialNo }}</div>
<div>网格名称</div>
<div>{{ infoData.parentname }}</div>
<div class="no-left">手机号码</div>
<div>{{ infoData.phone }}</div>
<div>苑名称</div>
<div>{{ infoData.deptname }}</div>
<div class="no-left">户口类型</div>
<div>{{ infoData.typename }}</div>
<div>楼栋名称</div>
<div>{{ infoData.buildingname }}</div>
<div class="no-left">分色</div>
<div>
<ColorCell :item="infoData"
><span class="house-color"> {{ infoData.color }}</span></ColorCell
>
</div>
<div>住户名称</div>
<div>{{ infoData.housename }}</div>
<div class="no-left">社保缴纳单位</div>
<div>{{ "/" }}</div>
<div>实际工作单位</div>
<div>{{ infoData.workunit || "/" }}</div>
<div class="no-left">数据更新人员</div>
<div>{{ infoData.updateBy || "/" }}</div>
<div>数据更新时间</div>
<div>{{ infoData.updateTime || "/" }}</div>
<div class="no-left">未更新天数</div>
<div>{{ infoData.daycount || "/" }} 天</div>
<div>备注</div>
<div style="flex: 1">{{ infoData.remark || "/" }}</div>
</div>
</div>
</el-dialog>
</div>
</template>
@ -219,6 +270,7 @@ import { treeselect, getsszxBh } from "@/api/system/dept"; //部门
import { mapGetters } from "vuex";
import ColorCell from "@/components/ColorCell";
import { exportyujing } from "@/api/home/index.js"; //预警
import { handleColor } from "@/utils/myFuntion.js";
export default {
dicts: ["b_color_type"],
components: { ColorCell },
@ -227,6 +279,8 @@ export default {
},
data() {
return {
openInfo: false,
infoData: {},
loading: true,
show_shequ_xiaoqu: true,
currentIndex: 0,
@ -298,6 +352,13 @@ export default {
this.getDeptList();
},
methods: {
/**
* 详情
*/
getInfo(item) {
this.infoData = handleColor([item])[0];
this.openInfo = true;
},
/**获取树部门 */
async getDeptList() {
let result = await treeselect();

38
src/views/components/IndexModel/left.vue
Unescape View File

@ -4,35 +4,51 @@
<div class="community-table">
<div class="table-row">
<div class="row-lable">地名</div>
<div class="row-value">{{ xiaoquIntroduce.intro.shequ.diming }}</div>
<div class="row-value">
{{ xiaoquIntroduce.intro.shequ.diming || "/" }}
</div>
</div>
<div class="table-row">
<div class="row-lable">隶属</div>
<div class="row-value">{{ xiaoquIntroduce.intro.shequ.lishu }}</div>
<div class="row-value">
{{ xiaoquIntroduce.intro.shequ.lishu || "/" }}
</div>
</div>
<div class="table-row">
<div class="row-lable">行政代码</div>
<div class="row-value">{{ xiaoquIntroduce.intro.shequ.xzdaima }}</div>
<div class="row-value">
{{ xiaoquIntroduce.intro.shequ.xzdaima || "/" }}
</div>
</div>
<div class="table-row">
<div class="row-lable">身份证前6位</div>
<div class="row-value">{{ xiaoquIntroduce.intro.shequ.id6 }}</div>
<div class="row-value">
{{ xiaoquIntroduce.intro.shequ.id6 || "/" }}
</div>
</div>
<div class="table-row">
<div class="row-lable">长途区号</div>
<div class="row-value">{{ xiaoquIntroduce.intro.shequ.ctquhao }}</div>
<div class="row-value">
{{ xiaoquIntroduce.intro.shequ.ctquhao || "/" }}
</div>
</div>
<div class="table-row">
<div class="row-lable">邮政编码</div>
<div class="row-value">{{ xiaoquIntroduce.intro.shequ.youzheng }}</div>
<div class="row-value">
{{ xiaoquIntroduce.intro.shequ.youzheng || "/" }}
</div>
</div>
<div class="table-row">
<div class="row-lable">车牌号码</div>
<div class="row-value">{{ xiaoquIntroduce.intro.shequ.chep }}</div>
<div class="row-value">
{{ xiaoquIntroduce.intro.shequ.chep || "/" }}
</div>
</div>
<div class="table-row">
<div class="row-lable">行政级别</div>
<div class="row-value">{{ xiaoquIntroduce.intro.shequ.jibie }}</div>
<div class="row-value">
{{ xiaoquIntroduce.intro.shequ.jibie || "/" }}
</div>
</div>
</div>
<div class="introduce-content">
@ -68,20 +84,20 @@ export default {
.community-table {
margin-top: 20px;
border: 1px solid #1b4296;
border: 1px solid #1d5acc;
border-radius: 6px;
.table-row {
display: flex;
align-items: center;
font-family: "Alibaba-PuHuiTi-Regular.otf";
border-bottom: 1px solid #1b4296;
border-bottom: 1px solid #1d5acc;
.row-lable {
padding: 5px 0;
width: 30%;
text-align: center;
font-size: 14px;
color: #00ff9c;
border-right: 1px solid #1b4296;
border-right: 1px solid #1d5acc;
overflow: hidden;
}
.row-value {

4
src/views/components/foldpanelLeft/index.vue
Unescape View File

@ -49,9 +49,9 @@ export default {
filterImage() {
let isTrue = this.isShare ? this.panel.leftPanel : this.panelSate;
if (isTrue) {
return require("@/assets/images/ui/arrow_right.jpg");
} else {
return require("@/assets/images/ui/arrow_left.jpg");
} else {
return require("@/assets/images/ui/arrow_right.jpg");
}
},
},

37
src/views/components/xiaoqu/house.vue
Unescape View File

@ -856,41 +856,4 @@ div {
margin-right: 12px;
}
}
.info-container {
margin-top: 15px;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
& > div {
font-size: 14px;
color: #fff;
width: 20%;
height: 45px;
border-bottom: 1px solid #0059a2;
text-align: center;
line-height: 45px;
.grid-item-main {
justify-content: left;
}
}
& > div:nth-child(odd) {
border-right: 1px solid #0059a2;
border-left: 1px solid #0059a2;
}
.no-left {
border-left: 0 !important;
}
.border-top {
border-top: 1px solid #0059a2;
}
& > div:nth-child(even) {
border-right: 1px solid #0059a2;
width: 30%;
background: #042854;
text-align: left;
padding: 0 10px;
}
}
</style>

Write Preview
Loading…
Cancel
Save