elink-star
/
epmet-work-pc
17
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

优化

V1.0
dai 3 years ago
parent
093c54e0f5
commit
19c835c585
3 changed files with 706 additions and 605 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      src/assets/scss/modules/index.scss
  2. 123
      src/views/modules/home/index.vue
  3. 26
      src/views/modules/home/notice.vue

10
src/assets/scss/modules/index.scss
View File

@ -323,6 +323,16 @@
border-radius: 2px;
overflow: hidden;
.empty {
text-align: center;
color: #999;
img {
display: block;
width: 120px;
margin: 100px auto 20px;
}
}
.item {
padding: 16px 0 12px;
border-bottom: 1px dashed #f0f5fa;

123
src/views/modules/home/index.vue
View File

@ -28,7 +28,9 @@
<div class="input">
<input
type="text"
:placeholder="typePlaceholder[searchData.type]"
:placeholder="
typePlaceholder[searchData.type]
"
v-model="searchData.searchKey"
@keyup.enter="handleClickSearchBtn"
/>
@ -38,10 +40,14 @@
v-if="searchData.searchKey != ''"
@click="searchData.searchKey = ''"
>
<img src="@/assets/img/shequ/close.png" />
<img
src="@/assets/img/shequ/close.png"
/>
</div>
</div>
<div class="btn" @click="handleClickSearchBtn">
查一下
</div>
<div class="btn" @click="handleClickSearchBtn">查一下</div>
</div>
<div class="btn2" @click="handleClickSearchBtn">
<img src="@/assets/images/index/i-search.png" />
@ -54,17 +60,22 @@
<div class="m-box m-pan">
<div class="wrap">
<div class="header">
<img src="@/assets/images/index/title-icon-sqzl.png" />
<img
src="@/assets/images/index/title-icon-sqzl.png"
/>
<span>社区总览</span>
</div>
<div class="cnt">
<div class="cnt-left">
<div class="subtitle">
<img src="@/assets/images/index/i-sqjj.png" />
<img
src="@/assets/images/index/i-sqjj.png"
/>
<span>社区简介</span>
</div>
<p>
{{ pandectData.deptName }}，<span v-if="pandectData.gridCount"
{{ pandectData.deptName }}，<span
v-if="pandectData.gridCount"
>划分为{{ pandectData.underCount }}个{{
pandectData.underName
}}，</span
@ -78,11 +89,16 @@
</p>
<div class="subtitle">
<img src="@/assets/images/index/i-fxjg.png" />
<img
src="@/assets/images/index/i-fxjg.png"
/>
<span>分析结果</span>
</div>
<p class="hint" v-if="resiCategory.list.length > 0">
<p
class="hint"
v-if="resiCategory.list.length > 0"
>
<i>*</i> 根据数据分析结果，建议重点关注
<b
>{{ resiCategory.list[0].name }}、{{
@ -98,16 +114,32 @@
class="item"
@click="handleClickCategory(item)"
:key="item.code"
v-for="(item, index) in resiCategory.list"
v-for="(
item, index
) in resiCategory.list"
>
<div>{{ ("0" + (index + 1)).substr(-2) }}.</div>
<div class="item-name">{{ item.name }}</div>
<div>
{{
("0" + (index + 1)).substr(-2)
}}.
</div>
<div class="item-name">
{{ item.name }}
</div>
<div class="item-div"></div>
<div class="item-count">{{ item.count }}人</div>
<div class="item-count">
{{ item.count }}人
</div>
<div class="item-progress">
<b :style="{ width: item.per + '%' }"></b>
<b
:style="{
width: item.per + '%',
}"
></b>
</div>
<div class="item-per">
{{ item.per }} %
</div>
<div class="item-per">{{ item.per }} %</div>
</div>
</div>
</div>
@ -120,37 +152,57 @@
<div class="m-box m-tx">
<div class="wrap">
<div class="header">
<img src="@/assets/images/index/title-icon-zntx.png" />
<img
src="@/assets/images/index/title-icon-zntx.png"
/>
<span>智能提醒</span>
</div>
<div class="more" @click="toNoticePage">更多></div>
<div class="cnt">
<div class="cnt" v-if="noticeData.length > 0">
<div
@click="handleClickNotice(item)"
class="item"
:key="'notice' + item.targetId + index"
v-for="(item, index) in noticeData"
>
<div class="item-date">{{ item.createdTime }}</div>
<div class="item-date">
{{ item.createdTime }}
</div>
<div class="item-title">
{{ item.content }}
</div>
</div>
</div>
<div class="cnt" v-else>
<div class="empty">
<img
src="~@/assets/images/shuju/renfang/index/empty.png"
/>
<span>暂无提醒～</span>
</div>
</div>
</div>
</div>
<div class="m-box m-tb">
<div class="wrap">
<div class="header">
<img src="@/assets/images/index/title-icon-zntb.png" />
<img
src="@/assets/images/index/title-icon-zntb.png"
/>
<span>智能填报</span>
</div>
</div>
<div class="more">更多></div>
<div class="cnt">
<div class="item">
<img class="item-tag" src="@/assets/images/index/i-zntb.png" />
<div class="item-name">《80-90周岁高龄老人生活补助申请表》</div>
<img
class="item-tag"
src="@/assets/images/index/i-zntb.png"
/>
<div class="item-name">
《80-90周岁高龄老人生活补助申请表》
</div>
<div class="item-btns">
<div class="item-btn">
<img src="@/assets/images/index/i-tx.png" />
@ -163,8 +215,13 @@
</div>
</div>
<div class="item">
<img class="item-tag" src="@/assets/images/index/i-zntb.png" />
<div class="item-name">《80-90周岁高龄老人生活补助申请表》</div>
<img
class="item-tag"
src="@/assets/images/index/i-zntb.png"
/>
<div class="item-name">
《80-90周岁高龄老人生活补助申请表》
</div>
<div class="item-btns">
<div class="item-btn">
<img src="@/assets/images/index/i-tx.png" />
@ -177,8 +234,13 @@
</div>
</div>
<div class="item">
<img class="item-tag" src="@/assets/images/index/i-zntb.png" />
<div class="item-name">《80-90周岁高龄老人生活补助申请表》</div>
<img
class="item-tag"
src="@/assets/images/index/i-zntb.png"
/>
<div class="item-name">
《80-90周岁高龄老人生活补助申请表》
</div>
<div class="item-btns">
<div class="item-btn">
<img src="@/assets/images/index/i-tx.png" />
@ -191,8 +253,13 @@
</div>
</div>
<div class="item">
<img class="item-tag" src="@/assets/images/index/i-zntb.png" />
<div class="item-name">《80-90周岁高龄老人生活补助申请表》</div>
<img
class="item-tag"
src="@/assets/images/index/i-zntb.png"
/>
<div class="item-name">
《80-90周岁高龄老人生活补助申请表》
</div>
<div class="item-btns">
<div class="item-btn">
<img src="@/assets/images/index/i-tx.png" />
@ -405,7 +472,9 @@ export default {
code: item.categoryName,
name: resiCategoryMap[item.categoryName] || "",
count: item.categoryCount,
per: parseInt((100 * item.categoryCount) / data.resiCount),
per: parseInt(
(100 * item.categoryCount) / data.resiCount
),
const: "const",
};
});

26
src/views/modules/home/notice.vue
View File

@ -10,7 +10,7 @@
</el-tabs>
</div>
<!-- <div class="btn-clear">清除未读</div> -->
<div class="cnt">
<div class="cnt" v-if="noticeData.length > 0">
<div
@click="handleClickNotice(item, index)"
:class="{ 'z-readed': item.readFlag == 1 }"
@ -29,6 +29,15 @@
</div>
</div>
<div class="cnt" v-else>
<div class="empty">
<img
src="~@/assets/images/shuju/renfang/index/empty.png"
/>
<span>暂无提醒～</span>
</div>
</div>
<div>
<el-pagination
@size-change="handleSizeChange"
@ -91,7 +100,9 @@ export default {
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.noticeData[index].readFlag = 1;
const { noticeData } = this;
noticeData[index].readFlag = 1;
this.noticeData = noticeData;
console.log("消息已读");
} else {
this.$message.error(msg);
@ -156,6 +167,17 @@ export default {
overflow: hidden;
padding: 0 12px;
.empty {
margin: 100px 0;
text-align: center;
color: #999;
img {
display: block;
width: 120px;
margin: 20px auto;
}
}
.z-readed {
opacity: 0.5;
}

Write Preview
Loading…
Cancel
Save