|
|
@@ -7,7 +7,6 @@
|
|
|
<templateHead></templateHead>
|
|
|
<!-- 菜单 -->
|
|
|
<templateMenu></templateMenu>
|
|
|
-
|
|
|
<!-- 商圈详情 -->
|
|
|
<div class="topicInfoBox">
|
|
|
<div class="inner">
|
|
|
@@ -18,9 +17,10 @@
|
|
|
<div class="userInfo left">
|
|
|
<el-badge value="楼主" class="item" type="warning">
|
|
|
<img v-if='dataInfo.avatar' :src="dataInfo.avatar" alt="">
|
|
|
- <img v-else src='http://img.bjzxtw.org.cn/master/bjzxtw/public/topic/Rectangle.png' alt="">
|
|
|
+ <img v-else src='http://img.bjzxtw.org.cn/master/bjzxtw/public/topic/Rectangle.png'
|
|
|
+ alt="">
|
|
|
</el-badge>
|
|
|
- <span>{{ dataInfo.author }}</span>
|
|
|
+ <span>{{ dataInfo.nickname }}</span>
|
|
|
</div>
|
|
|
<div class="headContent left">
|
|
|
<h2>{{ dataInfo.title }}</h2>
|
|
|
@@ -34,7 +34,7 @@
|
|
|
<div class="right">
|
|
|
<div class="one">
|
|
|
<span v-for="item in typeList" :key="index">
|
|
|
- <span v-if="dataInfo.type == item.value" class="one">{{item.label}}</span>
|
|
|
+ <span v-if="dataInfo.type == item.value" class="one">{{ item.label }}</span>
|
|
|
</span>
|
|
|
</div>
|
|
|
<p>{{ dataInfo.updated_at }}</p>
|
|
|
@@ -58,10 +58,10 @@
|
|
|
|
|
|
<div class="commentList" v-for="item in replyList" v-show="page_total != 0">
|
|
|
<div class="left">
|
|
|
- <img v-if='item.avatar' :src="item.avatar" alt="" >
|
|
|
+ <img v-if='item.avatar' :src="item.avatar" alt="">
|
|
|
<img v-else src='http://img.bjzxtw.org.cn/master/bjzxtw/public/topic/Rectangle.png' alt="">
|
|
|
<span class="name">{{ item.nickname }} : </span>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div class="center">
|
|
|
<span class="context">{{ item.content }}</span>
|
|
|
@@ -94,7 +94,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 页面底部 -->
|
|
|
- <!-- <HomeFoot></HomeFoot> -->
|
|
|
+ <!-- <HomeFoot1></HomeFoot1> -->
|
|
|
<templateFoot></templateFoot>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -125,7 +125,7 @@ const seoData = ref({
|
|
|
});
|
|
|
|
|
|
// 在 onMounted 钩子中获取数据
|
|
|
-onMounted(()=>{
|
|
|
+onMounted(() => {
|
|
|
seoData.value.title = '商圈';
|
|
|
seoData.value.description = '默认描述';
|
|
|
seoData.value.keywords = '默认关键词';
|
|
|
@@ -239,7 +239,8 @@ const joinGroup = () => {
|
|
|
type: 'success',
|
|
|
})
|
|
|
setTimeout(() => {
|
|
|
- window.open($BwebUrl + '/#/hall?userurl=' + $webUrl, '_blank');
|
|
|
+ // window.open($BwebUrl + '/#/hall?userurl=' + $webUrl, '_blank');
|
|
|
+ window.open($BwebUrl + '/#/businessDistrict?userurl=' + $webUrl, '_blank');
|
|
|
//window.open('http://admindev.bjzxtw.org.cn/#/hall', '_blank');
|
|
|
}, 1000)
|
|
|
} else if (res.code == 200) {
|
|
|
@@ -248,7 +249,8 @@ const joinGroup = () => {
|
|
|
type: 'success',
|
|
|
})
|
|
|
setTimeout(() => {
|
|
|
- window.open($BwebUrl + '/#/hall?userurl=' + $webUrl, '_blank');
|
|
|
+ // window.open($BwebUrl + '/#/hall?userurl=' + $webUrl, '_blank');
|
|
|
+ window.open($BwebUrl + '/#/businessDistrict?userurl=' + $webUrl, '_blank');
|
|
|
//window.open('http://admindev.bjzxtw.org.cn/#/hall', '_blank');
|
|
|
}, 1000)
|
|
|
}
|
|
|
@@ -285,7 +287,6 @@ const addReply = () => {
|
|
|
}
|
|
|
|
|
|
//3.获取商圈详情 end ---------------------------------------->
|
|
|
-
|
|
|
//自助建站 start---------------------------------------->
|
|
|
//1.获得自助建站头部底部
|
|
|
import templateHead from '@/components/template/sector/head/1200x200/1.vue'
|
|
|
@@ -296,6 +297,7 @@ import { useTemplateBaseStore } from '@/stores/templateBase'
|
|
|
const templateBaseStore = useTemplateBaseStore()
|
|
|
//3.获得该页的皮肤id
|
|
|
const skinId = ref("")
|
|
|
+const websiteId = ref("")
|
|
|
//4.获得站点基本信息
|
|
|
const responseStatus = await requestDataPromise('/web/getWebsiteAllinfo', {
|
|
|
method: 'GET',
|
|
|
@@ -306,18 +308,24 @@ const responseStatus = await requestDataPromise('/web/getWebsiteAllinfo', {
|
|
|
},
|
|
|
});
|
|
|
if (responseStatus.code == 200) {
|
|
|
- //4.1设置站点基本信息
|
|
|
- templateBaseStore.setWebSiteInfo(responseStatus.data)
|
|
|
- //4.2设置皮肤id
|
|
|
- skinId.value = templateBaseStore.webSiteInfo.website_foot.foot_info.template_id;
|
|
|
- //4.3设置seo
|
|
|
- useSeoMeta({
|
|
|
- title: "商圈" + "_" + "三农资讯网_全国政务信息一体化应用平台",
|
|
|
- meta: [
|
|
|
- { name: 'description', content: "三农资讯网以服务于党和国家各级职能部门三农政务资讯发布及政务公开信息公示为基点，为全国县级以上各级党政机关及其职能部门配置各自公开独立网络发布平台。主要频道有：三农政务资讯，农科资讯，农资购销，农产购销，农贸资讯，三农致富信息，农村文化生活，三农政策法规，三农之窗，三农调查，三农服务，三农知识，农民工，打假维权等。三农资讯网打造最具影响力的三农信息发布平台，并成为最具权威的三农资讯网。_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 },
|
|
|
- { name: 'keywords', content: "三农资讯,农业,三农,三农在线,农业新闻,三农资讯网_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 }
|
|
|
- ]
|
|
|
- });
|
|
|
+ if(responseStatus.data.website_foot.foot_info.status == 1){
|
|
|
+ //网站模板已停用，直接转入404页面
|
|
|
+ navigateTo('/error?findPage=index')
|
|
|
+ }else{
|
|
|
+ //4.1设置站点基本信息
|
|
|
+ templateBaseStore.setWebSiteInfo(responseStatus.data)
|
|
|
+ websiteId.value = responseStatus.data.website_head.id;
|
|
|
+ //4.2设置皮肤id
|
|
|
+ skinId.value = templateBaseStore.webSiteInfo.website_foot.foot_info.template_id;
|
|
|
+ //4.3设置seo
|
|
|
+ useSeoMeta({
|
|
|
+ title: "商圈" + "_" + "三农资讯网_全国政务信息一体化应用平台",
|
|
|
+ meta: [
|
|
|
+ { name: 'description', content: "三农资讯网以服务于党和国家各级职能部门三农政务资讯发布及政务公开信息公示为基点，为全国县级以上各级党政机关及其职能部门配置各自公开独立网络发布平台。主要频道有：三农政务资讯，农科资讯，农资购销，农产购销，农贸资讯，三农致富信息，农村文化生活，三农政策法规，三农之窗，三农调查，三农服务，三农知识，农民工，打假维权等。三农资讯网打造最具影响力的三农信息发布平台，并成为最具权威的三农资讯网。_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 },
|
|
|
+ { name: 'keywords', content: "三农资讯,农业,三农,三农在线,农业新闻,三农资讯网_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 }
|
|
|
+ ]
|
|
|
+ });
|
|
|
+ }
|
|
|
}
|
|
|
//5.获得广告池
|
|
|
const adData = ref([]);
|
|
|
@@ -329,6 +337,18 @@ if (adResponseStatus.code == 200) {
|
|
|
templateBaseStore.setAdList(adResponseStatus.data)
|
|
|
adData.value = adResponseStatus.data;
|
|
|
}
|
|
|
+//6.是否使用了搜索页
|
|
|
+const response = await requestDataPromise('/client/indexData', {
|
|
|
+ method: 'POST',
|
|
|
+ body: {
|
|
|
+ 'website_id':websiteId.value,
|
|
|
+ 'getpage':'article'
|
|
|
+ },
|
|
|
+});
|
|
|
+if(response.code == 200){
|
|
|
+ //是否启用搜索功能
|
|
|
+ templateBaseStore.setIsSearch(response.data.isSearch)
|
|
|
+}
|
|
|
//自助建站 end---------------------------------------->
|
|
|
</script>
|
|
|
|
|
|
@@ -341,8 +361,8 @@ if (adResponseStatus.code == 200) {
|
|
|
|
|
|
//信息头部
|
|
|
.infoHead {
|
|
|
- height: 175px;
|
|
|
- padding: 30px 0 60px 40px;
|
|
|
+ height: 200px;
|
|
|
+ padding: 65px 0 60px 40px;
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
@@ -463,22 +483,28 @@ if (adResponseStatus.code == 200) {
|
|
|
|
|
|
// 有详情信息
|
|
|
.infoContent {
|
|
|
- width:1196px;
|
|
|
+ width: 1196px;
|
|
|
overflow: hidden;
|
|
|
- padding: 40px 46px;
|
|
|
+ padding: 30px 46px;
|
|
|
font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
font-size: 20px;
|
|
|
line-height: 40px;
|
|
|
box-sizing: border-box;
|
|
|
- div{
|
|
|
- word-wrap: break-word; /* 强制长单词或 URL 换行 */
|
|
|
- overflow-wrap: break-word; /* 现代推荐用法，等同于 word-wrap */
|
|
|
- white-space: pre-wrap; /* 保留空白字符并允许自动换行 */
|
|
|
- word-break: break-all; /* 强制在任意字符处换行 */
|
|
|
+
|
|
|
+ div {
|
|
|
+ word-wrap: break-word;
|
|
|
+ /* 强制长单词或 URL 换行 */
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ /* 现代推荐用法，等同于 word-wrap */
|
|
|
+ white-space: pre-wrap;
|
|
|
+ /* 保留空白字符并允许自动换行 */
|
|
|
+ word-break: break-all;
|
|
|
+ /* 强制在任意字符处换行 */
|
|
|
}
|
|
|
}
|
|
|
- .leftBottom::v-deep p{
|
|
|
- width:1200px;
|
|
|
+
|
|
|
+ .leftBottom::v-deep p {
|
|
|
+ width: 1200px;
|
|
|
white-space: pre-wrap;
|
|
|
}
|
|
|
|
|
|
@@ -521,7 +547,6 @@ if (adResponseStatus.code == 200) {
|
|
|
}
|
|
|
|
|
|
.commentList {
|
|
|
- // height: 112px;
|
|
|
border: 1px solid #E1E1E1;
|
|
|
background-color: #fafafa;
|
|
|
margin-top: 20px;
|
|
|
@@ -532,34 +557,32 @@ if (adResponseStatus.code == 200) {
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.left {
|
|
|
- width:400px;
|
|
|
- margin-right: 40px;
|
|
|
- // overflow: hidden;
|
|
|
+ width: 400px;
|
|
|
+ margin-right: 30px;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+
|
|
|
img {
|
|
|
- // float: left;
|
|
|
width: 52px;
|
|
|
height: 52px;
|
|
|
border-radius: 50%;
|
|
|
vertical-align: middle;
|
|
|
margin-right: 15px;
|
|
|
}
|
|
|
- span{
|
|
|
- // float: left;
|
|
|
+
|
|
|
+ span {
|
|
|
height: 52px;
|
|
|
line-height: 22px;
|
|
|
- padding-top: 14px;
|
|
|
+ padding-top: 10px;
|
|
|
}
|
|
|
|
|
|
.name {
|
|
|
- width: 100px;
|
|
|
+ width: 120px;
|
|
|
font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
font-weight: 400;
|
|
|
font-size: 16px;
|
|
|
color: #333333;
|
|
|
- margin-right: 30px;
|
|
|
- width: 100px;
|
|
|
+ margin-right: 15px;
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
@@ -567,7 +590,7 @@ if (adResponseStatus.code == 200) {
|
|
|
|
|
|
}
|
|
|
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.center {
|
|
|
@@ -584,12 +607,10 @@ if (adResponseStatus.code == 200) {
|
|
|
font-weight: bold;
|
|
|
font-size: 16px;
|
|
|
color: #333333;
|
|
|
- padding-top: 14px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.right {
|
|
|
- padding-top: 12px;
|
|
|
.time {
|
|
|
display: block;
|
|
|
width: 200px;
|
|
|
@@ -609,25 +630,7 @@ if (adResponseStatus.code == 200) {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- // .comment_empty {
|
|
|
- // height: 200px;
|
|
|
- // line-height: 200px;
|
|
|
- // text-align: center;
|
|
|
-
|
|
|
- // img {
|
|
|
- // width: 78px;
|
|
|
- // height: 78px;
|
|
|
- // vertical-align: -25px;
|
|
|
- // margin-right: 20px;
|
|
|
- // }
|
|
|
-
|
|
|
- // span {
|
|
|
- // font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- // font-weight: bold;
|
|
|
- // font-size: 26px;
|
|
|
- // color: #CCCCCC;
|
|
|
- // }
|
|
|
- // }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -635,13 +638,12 @@ if (adResponseStatus.code == 200) {
|
|
|
//评论回复
|
|
|
.message {
|
|
|
width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
+ margin: 0 auto 20px;
|
|
|
padding: 0px 25px;
|
|
|
box-sizing: border-box;
|
|
|
height: 145px;
|
|
|
line-height: 145px;
|
|
|
background-color: #ecf5ee;
|
|
|
- margin-bottom: 30px;
|
|
|
|
|
|
.inner {
|
|
|
.messageInput {
|
|
|
@@ -678,7 +680,7 @@ if (adResponseStatus.code == 200) {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
margin-top: 60px;
|
|
|
- margin-bottom: 60px;
|
|
|
+ margin-bottom: 90px;
|
|
|
|
|
|
// 鼠标移入后字体颜色
|
|
|
:deep(.el-pagination:hover) {
|
dangyunlong