|
@@ -6,12 +6,7 @@ |
|
|
placeholder |
|
|
placeholder |
|
|
left-arrow |
|
|
left-arrow |
|
|
@click-left="goUserIndex()" |
|
|
@click-left="goUserIndex()" |
|
|
@click-right="goAdd()" |
|
|
|
|
|
> |
|
|
|
|
|
<template #right> |
|
|
|
|
|
<van-icon name="add" size="18"/> |
|
|
|
|
|
</template> |
|
|
|
|
|
</van-nav-bar> |
|
|
|
|
|
|
|
|
/> |
|
|
<van-tabs v-model="active" animated sticky> |
|
|
<van-tabs v-model="active" animated sticky> |
|
|
<van-tab title="全部"> |
|
|
<van-tab title="全部"> |
|
|
<van-list |
|
|
<van-list |
|
@@ -22,9 +17,6 @@ |
|
|
> |
|
|
> |
|
|
<div class="tabsBox" v-for="(item,index) in schemeList" :key="index"> |
|
|
<div class="tabsBox" v-for="(item,index) in schemeList" :key="index"> |
|
|
<van-cell :title="item.name" :label="item.reply ? '已回复 · ' + item.replyTime:'待回复 '" center> |
|
|
<van-cell :title="item.name" :label="item.reply ? '已回复 · ' + item.replyTime:'待回复 '" center> |
|
|
<template #icon> |
|
|
|
|
|
<van-icon name="../../../static/images/lawEnforcement/12.jpg" size="36" color="#539FFD" style="margin-right: 10px;border-radius: 50%;overflow: hidden;" /> |
|
|
|
|
|
</template> |
|
|
|
|
|
<template #default> |
|
|
<template #default> |
|
|
<p style="color: #1D6FE9;"><van-icon name="phone" style="top: 2px" />{{item.phone}}</p> |
|
|
<p style="color: #1D6FE9;"><van-icon name="phone" style="top: 2px" />{{item.phone}}</p> |
|
|
</template> |
|
|
</template> |
|
@@ -41,11 +33,9 @@ |
|
|
<van-col :span="5">内容:</van-col> |
|
|
<van-col :span="5">内容:</van-col> |
|
|
<van-col :span="19">{{item.content}}</van-col> |
|
|
<van-col :span="19">{{item.content}}</van-col> |
|
|
</van-row> |
|
|
</van-row> |
|
|
|
|
|
|
|
|
<van-row v-if="item.reply"> |
|
|
<van-row v-if="item.reply"> |
|
|
<van-col :span="24" style="border-top: 1px solid #eee"></van-col> |
|
|
<van-col :span="24" style="border-top: 1px solid #eee"></van-col> |
|
|
</van-row> |
|
|
</van-row> |
|
|
|
|
|
|
|
|
<van-row v-if="item.reply"> |
|
|
<van-row v-if="item.reply"> |
|
|
<van-col :span="5">回复:</van-col> |
|
|
<van-col :span="5">回复:</van-col> |
|
|
<van-col :span="19">{{item.reply}}</van-col> |
|
|
<van-col :span="19">{{item.reply}}</van-col> |
|
@@ -68,11 +58,8 @@ |
|
|
finished-text="没有更多了" |
|
|
finished-text="没有更多了" |
|
|
@load="getNewList" |
|
|
@load="getNewList" |
|
|
> |
|
|
> |
|
|
<div class="tabsBox" v-for="(item,index) in schemeList" v-if="!item.replyTime" :key="index"> |
|
|
|
|
|
|
|
|
<div class="tabsBox" v-for="(item,index) in schemeList" v-if="!item.reply" :key="index"> |
|
|
<van-cell :title="item.name" :label="item.reply ? '已回复 · ' + item.replyTime:'待回复 '" center> |
|
|
<van-cell :title="item.name" :label="item.reply ? '已回复 · ' + item.replyTime:'待回复 '" center> |
|
|
<template #icon> |
|
|
|
|
|
<van-icon name="../../../static/images/lawEnforcement/12.jpg" size="36" color="#539FFD" style="margin-right: 10px;border-radius: 50%;overflow: hidden;" /> |
|
|
|
|
|
</template> |
|
|
|
|
|
<template #default> |
|
|
<template #default> |
|
|
<p style="color: #1D6FE9;"><van-icon name="phone" style="top: 2px" />{{item.phone}}</p> |
|
|
<p style="color: #1D6FE9;"><van-icon name="phone" style="top: 2px" />{{item.phone}}</p> |
|
|
</template> |
|
|
</template> |
|
@@ -94,14 +81,6 @@ |
|
|
<van-col :span="24" style="border-top: 1px solid #eee"></van-col> |
|
|
<van-col :span="24" style="border-top: 1px solid #eee"></van-col> |
|
|
</van-row> |
|
|
</van-row> |
|
|
|
|
|
|
|
|
<van-row v-if="item.reply"> |
|
|
|
|
|
<van-col :span="5">回复:</van-col> |
|
|
|
|
|
<van-col :span="19">{{item.reply}}</van-col> |
|
|
|
|
|
</van-row> |
|
|
|
|
|
<van-row v-if="item.reply"> |
|
|
|
|
|
<van-col :span="5">回复人:</van-col> |
|
|
|
|
|
<van-col :span="19">{{item.replyName}}</van-col> |
|
|
|
|
|
</van-row> |
|
|
|
|
|
<van-row v-if="!item.reply"> |
|
|
<van-row v-if="!item.reply"> |
|
|
<van-col :span="12"></van-col> |
|
|
<van-col :span="12"></van-col> |
|
|
<van-col :span="12" align="right"><van-button icon="edit" type="danger" class="answerBtn" :to="{name:'reply',query:{id:item.id}}">回复</van-button></van-col> |
|
|
<van-col :span="12" align="right"><van-button icon="edit" type="danger" class="answerBtn" :to="{name:'reply',query:{id:item.id}}">回复</van-button></van-col> |
|
@@ -116,11 +95,8 @@ |
|
|
finished-text="没有更多了" |
|
|
finished-text="没有更多了" |
|
|
@load="getNewList" |
|
|
@load="getNewList" |
|
|
> |
|
|
> |
|
|
<div class="tabsBox" v-for="(item,index) in schemeList" v-if="item.replyTime" :key="index"> |
|
|
|
|
|
|
|
|
<div class="tabsBox" v-for="(item,index) in schemeList" v-if="item.reply" :key="index"> |
|
|
<van-cell :title="item.name" :label="item.reply ? '已回复 · ' + item.replyTime:'待回复 '" center > |
|
|
<van-cell :title="item.name" :label="item.reply ? '已回复 · ' + item.replyTime:'待回复 '" center > |
|
|
<template #icon> |
|
|
|
|
|
<van-icon name="../../../static/images/lawEnforcement/12.jpg" size="36" color="#539FFD" style="margin-right: 10px;border-radius: 50%;overflow: hidden;" /> |
|
|
|
|
|
</template> |
|
|
|
|
|
<template #default> |
|
|
<template #default> |
|
|
<p style="color: #1D6FE9;"><van-icon name="phone" style="top: 2px" />{{item.phone}}</p> |
|
|
<p style="color: #1D6FE9;"><van-icon name="phone" style="top: 2px" />{{item.phone}}</p> |
|
|
</template> |
|
|
</template> |
|
@@ -150,10 +126,6 @@ |
|
|
<van-col :span="5">回复人:</van-col> |
|
|
<van-col :span="5">回复人:</van-col> |
|
|
<van-col :span="19">{{item.replyName}}</van-col> |
|
|
<van-col :span="19">{{item.replyName}}</van-col> |
|
|
</van-row> |
|
|
</van-row> |
|
|
<van-row v-if="!item.reply"> |
|
|
|
|
|
<van-col :span="12"></van-col> |
|
|
|
|
|
<van-col :span="12" align="right"><van-button icon="edit" type="danger" class="answerBtn" :to="{name:'reply',query:{id:item.id}}">回复</van-button></van-col> |
|
|
|
|
|
</van-row> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</van-list> |
|
|
</van-list> |
|
|
</van-tab> |
|
|
</van-tab> |
|
@@ -161,7 +133,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
<script> |
|
|
<script> |
|
|
import { getTopDeptId , schemeDetail,listCommunicate } from "@/api/lawEnforcement/index"; |
|
|
|
|
|
|
|
|
import { listCommunicate } from "@/api/lawEnforcement/index"; |
|
|
export default { |
|
|
export default { |
|
|
name: "index", |
|
|
name: "index", |
|
|
data() { |
|
|
data() { |
|
@@ -193,9 +165,6 @@ export default { |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
goAdd(){ |
|
|
|
|
|
window.location = '/lawEnforcement/complaintAdd'; |
|
|
|
|
|
}, |
|
|
|
|
|
goUserIndex(){ |
|
|
goUserIndex(){ |
|
|
window.location = '/lawEnforcement/user'; |
|
|
window.location = '/lawEnforcement/user'; |
|
|
}, |
|
|
}, |
|
@@ -225,6 +194,10 @@ export default { |
|
|
font-family: SourceHanSansCNBold; |
|
|
font-family: SourceHanSansCNBold; |
|
|
src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf"); |
|
|
src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf"); |
|
|
} |
|
|
} |
|
|
|
|
|
/deep/ .van-col--5{ |
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
color: #1D6FE9; |
|
|
|
|
|
} |
|
|
/deep/ .van-tabs__line{ |
|
|
/deep/ .van-tabs__line{ |
|
|
background-color: #1D6FE9; |
|
|
background-color: #1D6FE9; |
|
|
} |
|
|
} |
|
|