huoran
/
FE_huoran_client
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

悬浮栏联调

Browse Source
master
yujialong 6 months ago
parent 7a6823be70
commit 1c83eb570a
3 changed files with 78 additions and 151 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. 68
      src/api/index.js
  2. 151
      src/pages/aboutUs/index.vue
  3. 6
      src/setting.js

68
src/api/index.js
Unescape View File

@ -2,39 +2,41 @@ import Setting from '@/setting'
const host = Setting.huoranApi const host = Setting.huoranApi
export default { export default {
newlyPublishedArticles: `iasf/sysContent/newlyPublishedArticles`, newlyPublishedArticles: `/iasf/sysContent/newlyPublishedArticles`,
listWithTree: `iasf/sysColumn/listWithTree`, listWithTree: `/iasf/sysColumn/listWithTree`,
findArticle: `iasf/sysContent/findById`, findArticle: `/iasf/sysContent/findById`,
findPage: `iasf/sysColumnLongPage/getLongPageInformation`, findPage: `/iasf/sysColumnLongPage/getLongPageInformation`,
queryArticle: `iasf/sysContent/pagingQuery`, queryArticle: `/iasf/sysContent/pagingQuery`,
getRedisCache: `iasf/sysColumnLongPage/getRedisCache`, getRedisCache: `/iasf/sysColumnLongPage/getRedisCache`,
listWithTreeMenuVisible: `iasf/sysColumn/listWithTreeMenuVisible`, listWithTreeMenuVisible: `/iasf/sysColumn/listWithTreeMenuVisible`,
theAttachmentUnderTheQueryColumn: `iasf/content/file/theAttachmentUnderTheQueryColumn`, theAttachmentUnderTheQueryColumn: `/iasf/content/file/theAttachmentUnderTheQueryColumn`,
findColumn: `iasf/sysColumn/findById`, findColumn: `/iasf/sysColumn/findById`,
queryClassif: `iasf/content/classification/allTheQuery`, queryClassif: `/iasf/content/classification/allTheQuery`,
getTheFullArticleByColumn: `iasf/sysColumn/getTheFullArticleByColumn`, getTheFullArticleByColumn: `/iasf/sysColumn/getTheFullArticleByColumn`,
queryLabel: `iasf/content/label/queryAllArticleSubjectTags`, queryLabel: `/iasf/content/label/queryAllArticleSubjectTags`,
getsTheSubColumn: `iasf/sysColumn/getsTheSubColumn`, getsTheSubColumn: `/iasf/sysColumn/getsTheSubColumn`,
articlePreview: `iasf/sysContent/articlePreview`, articlePreview: `/iasf/sysContent/articlePreview`,
getsSublevelColumnsUnderALevel: `iasf/sysColumn/getsSublevelColumnsUnderALevel`, getsSublevelColumnsUnderALevel: `/iasf/sysColumn/getsSublevelColumnsUnderALevel`,
hotContent: `iasf/sysContent/hotContent`, hotContent: `/iasf/sysContent/hotContent`,
siteSearchArticles: `iasf/sysContent/siteSearchArticles`, siteSearchArticles: `/iasf/sysContent/siteSearchArticles`,
oneLevelChecksThemAll: `iasf/sysColumn/oneLevelChecksThemAll`, oneLevelChecksThemAll: `/iasf/sysColumn/oneLevelChecksThemAll`,
queryArticlesByColumnType: `iasf/sysColumn/queryArticlesByColumnType`, queryArticlesByColumnType: `/iasf/sysColumn/queryArticlesByColumnType`,
seoList: `iasf/seo/list`, seoList: `/iasf/seo/list`,
listFloating: `/iasf/SysFloatingColumnSchemeService/SysFloatingColumnScheme/floatingBarList`,
findFloating: `/iasf/SysFloatingColumnSchemeService/SysFloatingColumnScheme/findById`,
listMarketing: `nakadai/nakadai/mall/marketing/promotion/pagingQueryList`, listMarketing: `/nakadai/nakadai/mall/marketing/promotion/pagingQueryList`,
// 产品中心 // 产品中心
productCategoryList: `${host}nakadai/productClassification/productCategoryList`, productCategoryList: `${host}/nakadai/productClassification/productCategoryList`,
productTypeList: `${host}nakadai/productType/productTypeList`, productTypeList: `${host}/nakadai/productType/productTypeList`,
supplierList: `${host}nakadai/supplier/supplierList`, supplierList: `${host}/nakadai/supplier/supplierList`,
tagsList: `${host}nakadai/tags/tagsList`, tagsList: `${host}/nakadai/tags/tagsList`,
websiteProductList: `${host}nakadai/mall/websiteProductList`, websiteProductList: `${host}/nakadai/mall/websiteProductList`,
detailsOfGoods: `${host}nakadai/mall/detailsOfGoods`, detailsOfGoods: `${host}/nakadai/mall/detailsOfGoods`,
addLearningRecord: `${host}nakadai/mallCourseLearningRecord/addLearningRecord`, addLearningRecord: `${host}/nakadai/mallCourseLearningRecord/addLearningRecord`,
subjectCategoryCited: `${host}nakadai/nakadai/subject/subjectCategoryCited`, subjectCategoryCited: `${host}/nakadai/nakadai/subject/subjectCategoryCited`,
goodsSchemeClassification: `${host}nakadai/mall/goodsSchemeClassification`, goodsSchemeClassification: `${host}/nakadai/mall/goodsSchemeClassification`,
schemeList: `${host}nakadai/nakadai/partner/schemeManagement/schemeList`, schemeList: `${host}/nakadai/nakadai/partner/schemeManagement/schemeList`,
curriculumChapter: `${host}nakadai/nakadai/curriculum/chapter/queryChaptersAndSubsections`, curriculumChapter: `${host}/nakadai/nakadai/curriculum/chapter/queryChaptersAndSubsections`,
curriculumGetSubsection: `${host}nakadai/nakadai/curriculum/subsection/getSubsection`, curriculumGetSubsection: `${host}/nakadai/nakadai/curriculum/subsection/getSubsection`,
} }

151
src/pages/aboutUs/index.vue
Unescape View File

@ -187,37 +187,17 @@
</div> </div>
<div class="tool"> <div class="tool">
<div class="item wechat"></div> <template v-for="(item, i) in floatings">
<div class="popup wechat-popup"> <div v-for="(module, j) in item.modules" :key="j" class="float">
<p class="tips">微信扫码添加职站售前咨询</p> <div class="item" :style="{ backgroundImage: 'url(' + module.pictureAddress + ')' }"></div>
<p class="des">提供付费咨询及解决方案</p> <div class="popup">
<img width="150" src="https://huorantech.com/images/index/customer.png" alt=""> <p v-if="module.schemeTitle" class="tips">{{ module.schemeTitle }}</p>
</div> <div v-html="module.schemeContentJson"></div>
<div class="item tel"></div>
<div class="popup tel-popup">
<div class="tel-inner">
<div class="line">
<div>
<img class="icon" src="https://huorantech.com/images/index/tel-2.png" alt="">
</div>
<div class="text">
<p class="title">售前咨询</p>
<p class="tel-num" style="margin-bottom: 5px">金老师</p>
<p class="tel-num">15218726836</p>
</div>
</div>
<div class="line">
<div>
<img class="icon" src="https://huorantech.com/images/index/sug.png" alt="">
</div>
<div class="text">
<p class="title" @click="toQues">咨询，建议与反馈</p>
<p class="des">您的每一条建议声音，我们都认真对待</p>
</div>
</div> </div>
</div> </div>
</div> </template>
<div class="item topping" @click="topping"></div>
<div class="item topping"></div>
</div> </div>
</div> </div>
</template> </template>
@ -235,15 +215,33 @@ export default {
active: '', active: '',
clients: [1, 2, 3, 4, 5], clients: [1, 2, 3, 4, 5],
sr: null, sr: null,
floatings: [],
} }
}, },
components: { components: {
scroll scroll
}, },
mounted () { mounted () {
this.getFloating()
}, },
methods: { methods: {
// 查询悬浮栏
async getFloating () {
const { data } = await this.$post(this.api.listFloating, {
siteId: this.site,
search: '',
pageNum: 1,
pageSize: 10,
isForeground: 1,
})
data.records.map(async e => {
const { data } = await this.$post(`${this.api.findFloating}?id=${e.floatingBarSchemeId}`)
this.$set(e, 'modules', data.floatingColumnSchemeModules)
// e.modules = data.floatingColumnSchemeModules
})
this.floatings = data.records
console.log("🚀 ~ getFloating ~ this.floatings:", this.floatings)
},
// 初始化动画 // 初始化动画
initAnimate () { initAnimate () {
const sr = ScrollReveal() const sr = ScrollReveal()
@ -1245,31 +1243,12 @@ export default {
margin-bottom: 10px; margin-bottom: 10px;
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
cursor: pointer; cursor: pointer;
} background-color: #fff;
background-position: center center;
.wechat { background-repeat: no-repeat;
background: #fff url(https://huorantech.com/images/index/wechat.png) center center/auto no-repeat;
&:hover {
background-image: url(https://huorantech.com/images/index/wechat-1.png);
background-color: #006eff;
&+.popup {
display: block;
}
}
}
.tel {
background: #fff url(https://huorantech.com/images/index/tel.png) center center/auto no-repeat;
&:hover { &:hover {
background-image: url(https://huorantech.com/images/index/tel-1.png); border-color: #1692ff;
background-color: #006eff;
&+.popup {
display: block;
}
} }
} }
@ -1285,74 +1264,20 @@ export default {
.popup { .popup {
position: absolute; position: absolute;
display: none; display: none;
}
.wechat-popup {
top: -100px; top: -100px;
left: -230px; right: 45px;
padding: 20px; padding: 20px;
text-align: center;
background-color: #fff; background-color: #fff;
box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55); background-clip: padding-box;
border-right: 25px solid transparent;
.tips {
font-size: 14px;
}
.des {
margin: 5px 0 15px;
font-size: 12px;
color: #333;
}
} }
.tel-popup { .float {
top: -10px; position: relative;
left: -250px;
width: 250px;
border-right: 20px solid transparent;
&:hover { &:hover .popup {
display: block; display: block;
} }
.tel-inner {
padding: 20px;
background-color: #fff;
box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
}
.line {
display: flex;
&:first-child {
margin-bottom: 20px;
}
}
.text {
margin-left: 15px;
}
.title {
margin-bottom: 5px;
font-size: 14px;
cursor: pointer;
&:hover {
color: #006eff;
}
}
.tel-num {
font-size: 12px;
color: #006eff;
}
.des {
font-size: 12px;
color: #686868;
}
} }
} }

6
src/setting.js
Unescape View File

@ -6,8 +6,8 @@ const isDev = process.env.NODE_ENV === 'development' // 开发环境
const isGta = url.includes('139.159.254.212'); // 国泰安 const isGta = url.includes('139.159.254.212'); // 国泰安
let host = `${location.origin}/` let host = `${location.origin}/`
if (isDev) { if (isDev) {
// host = 'http://192.168.31.52:10000/' host = 'http://192.168.31.217:10000/'
host = 'https://huorantech.com/' // host = 'https://huorantech.com'
// host = 'http://139.159.254.212/' // host = 'http://139.159.254.212/'
} }
@ -18,7 +18,7 @@ const Setting = {
titleSuffix: '深圳或然科技官网', // 网页标题的后缀 titleSuffix: '深圳或然科技官网', // 网页标题的后缀
routerMode: "hash", // 路由模式，可选值为 history 或 hash routerMode: "hash", // 路由模式，可选值为 history 或 hash
apiBaseURL: host, // 接口请求地址 apiBaseURL: host, // 接口请求地址
huoranApi: `https://www.occupationlab.com/`, huoranApi: `https://www.occupationlab.com`,
autoLogoutTime: 3600000, // 长时间未操作，自动退出登录时间 autoLogoutTime: 3600000, // 长时间未操作，自动退出登录时间
modalDuration: 3, // 接口请求返回错误时，弹窗的持续时间，单位：秒 modalDuration: 3, // 接口请求返回错误时，弹窗的持续时间，单位：秒
errorModalType: "Message", // 接口请求返回错误时，弹窗的类型，可选值为 Message 或 Notice errorModalType: "Message", // 接口请求返回错误时，弹窗的类型，可选值为 Message 或 Notice

Write Preview
Loading…
Cancel
Save