Browse Source

行业政策背景图片接口

master
unknown 1 year ago
parent
commit
db71e3e0ae
  1. 2
      common/css/app.scss
  2. 13
      components/searchRow/searchRow.vue
  3. 10
      config/api.js
  4. 3
      config/site.config.js
  5. 3
      manifest.json
  6. 4
      pages.json
  7. 4
      pages/indexEntry/examines/detail/detail.vue
  8. 2
      pages/indexEntry/findShcool/findShcool.vue
  9. 4
      pages/indexEntry/findShcool/shcoolDetail/shcoolDetail.vue
  10. 33
      pages/indexEntry/iIndustryInfo/detail/detail.vue
  11. 63
      pages/indexEntry/iIndustryInfo/iIndustryInfo.vue
  12. 63
      pages/indexEntry/industryPolicy/industryPolicy.vue
  13. 8
      pages/indexEntry/publicVideo/comp/videoItem.vue
  14. 26
      pages/indexEntry/publicVideo/publicVideo.vue
  15. 26
      pages/indexEntry/publicVideo/videoDetail/videoDetail.vue
  16. 12
      pages/mineEntry/carData/carData.vue
  17. 5
      pages/mineEntry/carLearnHours/carLearnHours.vue
  18. 8
      pages/tabbar/index/index.vue
  19. 11
      pages/userCenter/login/login.vue
  20. 9
      pages/userCenter/login/loginByPhone.vue
  21. BIN
      static/images/bigImg/carlearTimeBg.png
  22. BIN
      static/images/bigImg/index_banner.png
  23. BIN
      static/images/bigImg/radian.png
  24. BIN
      static/images/bigImg/topbg.png
  25. BIN
      static/images/userCenter/loginTopBg.png
  26. BIN
      static/images/userCenter/mydatabg.png
  27. BIN
      static/images/userCenter/topbg.png

2
common/css/app.scss

@ -42,7 +42,7 @@ view {
.pageBgImg {
font-size: 28rpx;;
color: #333;
background: url('http://192.168.1.20:81/zhili/image/20230814/625b0f15924541cda70b4616f032d194.png') #F6F6F6 no-repeat;
background: url('http://jxtemp.oss-cn-hangzhou.aliyuncs.com/defaultImages/app/bigImg/topbg.png') #F6F6F6 no-repeat;
background-size: 100% 362rpx;
min-height: 100vh;
}

13
components/searchRow/searchRow.vue

@ -5,8 +5,7 @@
<image src="@/static/images/index/searchIcon.png" mode=""></image>
</view>
<view class="inputBox">
<u--input :placeholder="placeholder" border="none" clearable v-model="keywords" :color="'#fff'"
placeholderClass="placeholderClassFFF"></u--input>
<u-search :placeholder="placeholder" v-model="keyword" :color="'#fff'" placeholderColor="#fff" searchIcon="" :bgColor="'transparent'" :showAction="false" @search="searchFn" @clear="searchFn"></u-search>
</view>
</view>
</view>
@ -17,7 +16,12 @@
props: ['placeholder'],
data() {
return {
keywords: ''
keyword: ''
}
},
methods: {
searchFn() {
this.$emit('searchFn', this.keyword)
}
}
}
@ -41,11 +45,12 @@
}
.inputBox {
padding-left: 28rpx;
flex: 1;
color: #fff;
font-size: 28rpx;
}
}
}
</style>

10
config/api.js

@ -17,7 +17,15 @@ export const schoolPage = (params) => http.get('business/school/page', {params:
// 教练列表分页
export const coachPage = (params) => http.get('business/coach/page', {params: params})
// 公益视频
export const publicVideoPage = (params) => http.get('business/public-video/page', {params: params})
export const publicVideoPage = (params) => http.get('business/video/page', {params: params})
// 公益视频 详情
export const publicGetvideo = (params) => http.get('business/video/getvideo', {params: params})
// 行业资讯,
export const getarticleList = (params) => http.get('business/video/article', {params: params})
// 行业政策
export const getarticlezcList = (params) => http.get('business/video/articlezc', {params: params})
// 行业资讯,行业政策 详情
export const getarticle = (params) => http.get('business/video/getarticle', {params: params})

3
config/site.config.js

@ -4,5 +4,6 @@ module.exports = {
H5_API: VUE_APP_PLATFORM === 'h5' ? '/api' : '',//h5代理
WX_API: VUE_APP_PLATFORM === 'h5' ? '' : 'http://192.168.1.26:48080/',//非代理地址
TEMP_HOST: VUE_APP_PLATFORM === 'h5' ? '' : 'http://192.168.1.26:48080/',
httpPrefix: '/app-api/'
httpPrefix: '/app-api/',
imgUrl: 'http://jxtemp.oss-cn-hangzhou.aliyuncs.com/defaultImages/app/bigImg/'
};

3
manifest.json

@ -93,7 +93,8 @@
"disableHostCheck" : true,
"proxy" : {
"/api" : {
"target" : "http://192.168.1.26:48080/",
// "target" : "http://192.168.1.26:48080/",
"target" : "http://192.168.1.36:48080/",
"changeOrigin" : true,
"secure" : true,
"pathRewrite" : {

4
pages.json

@ -44,8 +44,8 @@
{
"path": "industryPolicy/industryPolicy",
"style": {
"navigationBarTitleText": "质量信誉排行",
"enablePullDownRefresh": false,
"navigationBarTitleText": "行业政策",
"enablePullDownRefresh": true,
"navigationStyle": "custom",
"backgroundTextStyle": "dark" ,
"navigationBarBackgroundColor": "#FFFFFF"

4
pages/indexEntry/examines/detail/detail.vue

@ -7,7 +7,7 @@
</view>
<u-swiper :list="list1" :height="261"></u-swiper>
<view class="radian">
<image src="@/static/images/bigImg/radian.png" mode=""></image>
<image :src="radianImg" mode=""></image>
</view>
</view>
<view <view class="pad traTop">
@ -47,10 +47,12 @@
<script>
import newItem from '../comp/newItem'
import { imgUrl } from '@/config/site.config.js'
export default {
components: { newItem },
data() {
return {
radianImg: imgUrl+'radian.png',
list1: [
'https://cdn.uviewui.com/uview/swiper/swiper1.png',
'https://cdn.uviewui.com/uview/swiper/swiper2.png',

2
pages/indexEntry/findShcool/findShcool.vue

@ -83,6 +83,8 @@
this.currentTab = item.id
},
async listInit() {
this.listData = []
this.params.pageNo = 1
await this.schoolPageFn()
uni.stopPullDownRefresh()
},

4
pages/indexEntry/findShcool/shcoolDetail/shcoolDetail.vue

@ -6,7 +6,7 @@
</view>
<u-swiper :list="list1" :height="261"></u-swiper>
<view class="radian">
<image src="@/static/images/bigImg/radian.png" mode=""></image>
<image :src="radianImg" mode=""></image>
</view>
</view>
<view class="pad traTop">
@ -60,6 +60,7 @@
import tab3 from './comp/tab3.vue'
import tab4 from './comp/tab4.vue'
import { coachPage } from '@/config/api.js'
import { imgUrl } from '@/config/site.config'
export default {
components: { tab1, tab2, tab3, tab4},
data() {
@ -69,6 +70,7 @@
'https://cdn.uviewui.com/uview/swiper/swiper2.png',
'https://cdn.uviewui.com/uview/swiper/swiper3.png',
],
radianImg: imgUrl+'radian.png',
show: false,
navList: [
{text: '班型', id: 1},

33
pages/indexEntry/iIndustryInfo/detail/detail.vue

@ -3,18 +3,38 @@
<topNavbar title=" "></topNavbar>
<view class="pad">
<view class="card">
<view class="tit">2023年6月份江西省机动车驾驶培训机构考试合格</view>
<view class="h2">二级标题二级标题二级标题二级标题二级标题二级标题</view>
<view class="tit">{{detailInfo.title}}</view>
<!-- <view class="h2">二级标题二级标题二级标题二级标题二级标题二级标题</view> -->
<view class="content">
内容详情
<rich-text :nodes="detailInfo.mainBody" ></rich-text>
</view>
<view class="date">发布时间2023/08/06</view>
<view class="date">发布时间{{ $u.timeFormat(detailInfo.createTime, 'yyyy/mm/dd') }}</view>
</view>
</view>
</view>
</template>
<script>
import { getarticle } from '@/config/api.js'
export default {
data() {
return {
id: '',
detailInfo: {}
}
},
onLoad(options) {
this.id = options.id
this.getarticleFn()
},
methods: {
async getarticleFn() {
const {data: res} = await getarticle({id: this.id})
this.detailInfo = res
console.log(res)
}
}
}
</script>
<style lang="scss" scoped>
@ -25,7 +45,7 @@
padding: 28rpx 24rpx;
.tit {
font-size: 28rpx;
font-weight: 500;
font-weight: 550;
}
.h2 {
@ -35,10 +55,11 @@
}
.content {
padding: 28rpx 0;
}
.date {
padding: 100rpx 0 40rpx 0;
padding: 72rpx 0 40rpx 0;
font-size: 20rpx;
color: #686B73;
}

63
pages/indexEntry/iIndustryInfo/iIndustryInfo.vue

@ -2,39 +2,67 @@
<view class="pageBgImg">
<topNavbar title="行业资讯"></topNavbar>
<view class="pad">
<view class="card" @click="$goPage('/pages/indexEntry/iIndustryInfo/detail/detail')">
<view class="card" v-for="(item,index) in listData" :key="index">
<view class="borderTop flex-b">
<view class="tit">三年驾龄交通违法和事故通报</view>
<moreRight text="更多"></moreRight>
<view class="tit">{{item.title}}</view>
<!-- <moreRight text="更多"></moreRight> -->
</view>
<view class="li">
<view class="li" v-for="(item2,index2) in item.articleManagementDO" :key="index2" @click="$goPage('/pages/indexEntry/iIndustryInfo/detail/detail?id='+ item2.id)">
<view class="cover">
<image src="@/static/images/logo.png" mode=""></image>
<image :src="item2.picture" mode="widthFix"></image>
</view>
<view class="rightCon">
<view class="h2">2023年6月份江西省三年驾龄交通违法和事故通报</view>
<view class="date">2023/07/16</view>
</view>
</view>
<view class="li">
<view class="cover">
<image src="@/static/images/logo.png" mode=""></image>
</view>
<view class="rightCon">
<view class="h2">2023年6月份江西省三年驾龄交通违法和事故通报</view>
<view class="date">2023/07/16</view>
<view class="h2">{{ item2.title }}</view>
<view class="date">{{ $u.timeFormat(item2.createTime, 'yyyy/mm/dd') }}</view>
</view>
</view>
</view>
<view style="padding-bottom: 20rpx;" v-if="listData.length>10">
<u-loadmore :status="status" />
</view>
</view>
</view>
</template>
<script>
import { getarticleList } from '@/config/api.js'
export default {
data() {
return {
params: {
pageNo: 1,
pageSize: 20,
type: 1
},
listData: [],
total: 20,
status: 'loading'
}
},
onLoad() {
this.getarticleListFn()
},
onPullDownRefresh() {
this.listInit()
},
onReachBottom() {
if(this.total>this.listData.length) {
this.getarticleListFn()
}
},
methods: {
async listInit() {
this.listData = []
this.params.pageNo = 1
await this.getarticleListFn()
uni.stopPullDownRefresh()
},
async getarticleListFn() {
const {data: res} = await getarticleList(this.params)
this.listData.push(...res.list)
this.total = res.total
if(this.listData.length>=this.total) this.status = 'nomore'
console.log(res)
}
}
}
@ -74,6 +102,7 @@
height: 148rpx;
flex-direction: column;
justify-content: space-between;
flex: 1;
.h2 {
font-size: 24rpx;
margin-top: 4rpx;

63
pages/indexEntry/industryPolicy/industryPolicy.vue

@ -2,39 +2,63 @@
<view class="pageBgImg">
<topNavbar title="行业政策"></topNavbar>
<view class="pad">
<view class="card" @click="$goPage('/pages/indexEntry/iIndustryInfo/detail/detail')">
<view class="borderTop flex-b">
<view class="tit">三年驾龄交通违法和事故通报</view>
<moreRight text="更多"></moreRight>
</view>
<view class="li">
<view class="cover">
<image src="@/static/images/logo.png" mode=""></image>
</view>
<view class="rightCon">
<view class="h2">2023年6月份江西省三年驾龄交通违法和事故通报</view>
<view class="date">2023/07/16</view>
</view>
</view>
<view class="li">
<view class="card" >
<view class="li" v-for="(item,index) in listData" :key="index" @click="$goPage('/pages/indexEntry/iIndustryInfo/detail/detail?id='+item.id)">
<view class="cover">
<image src="@/static/images/logo.png" mode=""></image>
<image :src="item.picture" mode="widthFix"></image>
</view>
<view class="rightCon">
<view class="h2">2023年6月份江西省三年驾龄交通违法和事故通报</view>
<view class="date">2023/07/16</view>
<view class="h2 towRowText">{{ item.title }}</view>
<view class="date">{{ $u.timeFormat(item.createTime, 'yyyy/mm/dd') }}</view>
</view>
</view>
</view>
<view style="padding-bottom: 20rpx;" v-if="listData.length>10">
<u-loadmore :status="status" />
</view>
</view>
</view>
</template>
<script>
import { getarticlezcList } from '@/config/api.js'
export default {
data() {
return {
params: {
pageNo: 1,
pageSize: 20,
type: 2
},
listData: [],
total: 20,
status: 'loading'
}
},
onLoad() {
this.getarticlezcListFn()
},
onPullDownRefresh() {
this.listInit()
},
onReachBottom() {
if(this.total>this.listData.length) {
this.getarticlezcListFn()
}
},
methods: {
async listInit() {
this.listData = []
this.params.pageNo = 1
await this.getarticlezcListFn()
uni.stopPullDownRefresh()
},
async getarticlezcListFn() {
const {data: res} = await getarticlezcList(this.params)
this.listData.push(...res.list)
this.total = res.total
if(this.listData.length>=this.total) this.status = 'nomore'
console.log(res)
}
}
}
@ -74,6 +98,7 @@
height: 148rpx;
flex-direction: column;
justify-content: space-between;
flex: 1;
.h2 {
font-size: 24rpx;
margin-top: 4rpx;

8
pages/indexEntry/publicVideo/comp/videoItem.vue

@ -5,14 +5,17 @@
<image src="@/static/images/index/btn_bofang.png" mode=""></image>
</view>
<view class="cover">
<image src="@/static/images/logo.png" mode=""></image>
<image :src="item.videoCover" mode="widthFix"></image>
</view>
</view>
<view class="text oneRowText">公益短片之车速决定命运</view>
<view class="text oneRowText">{{ item.title }}</view>
</view>
</template>
<script>
export default {
props: ['item']
}
</script>
<style lang="scss" scoped>
@ -35,6 +38,7 @@
.cover {
width: 100%;
height: 100%;
overflow: hidden;
}
}

26
pages/indexEntry/publicVideo/publicVideo.vue

@ -3,11 +3,11 @@
<topNavbar title="安全驾驶"></topNavbar>
<view class="pad">
<view class="searcBox">
<searchRow placeholder="搜索视频名称"/>
<searchRow placeholder="搜索视频名称" @searchFn="searchFn"/>
</view>
<view class="ul">
<view class="li" v-for="(item,index) in 10" :key="index" @click="$goPage('/pages/indexEntry/publicVideo/videoDetail/videoDetail')">
<videoItem></videoItem>
<view class="li" v-for="(item,index) in listData" :key="index" @click="$goPage('/pages/indexEntry/publicVideo/videoDetail/videoDetail?id='+ item.id)">
<videoItem :item="item"></videoItem>
</view>
</view>
</view>
@ -21,16 +21,32 @@
components: { videoItem },
data() {
return {
pageNo: 1,
pageSize: 20,
params: {
pageNo: 1,
pageSize: 20,
title: ''
},
listData: [],
total: 20,
}
},
onLoad() {
this.publicVideoPageFn()
},
methods: {
initList() {
this.params.pageNo = 1
this.listData = []
this.publicVideoPageFn()
},
async publicVideoPageFn() {
const {data: res} = await publicVideoPage(this.params)
this.listData.push(...res.list)
this.total = res.total
},
searchFn(val) {
this.params.title = val
this.initList()
}
}
}

26
pages/indexEntry/publicVideo/videoDetail/videoDetail.vue

@ -4,13 +4,13 @@
<view class="back">
<topNavbar title=""></topNavbar>
</view>
<video src="http://vjs.zencdn.net/v/oceans.mp4"></video>
<video :src="vdoDetail.videoUrl" :poster="vdoDetail.videoCover"></video>
</view>
<view class="pad">
<view class="card" style="margin: 28rpx 0 24rpx 0;">
<view class="info">
<view class="name">视频名字</view>
<view class="date">2023/08/08</view>
<view class="name">{{vdoDetail.title}}</view>
<view class="date">{{ $u.timeFormat(vdoDetail.createTime, 'yyyy/mm/dd') }}</view>
</view>
</view>
<view class="operate">
@ -53,8 +53,26 @@
<script>
import videoItem from '../comp/videoItem'
import { publicGetvideo } from '@/config/api.js'
export default {
components: { videoItem }
components: { videoItem },
data() {
return {
id: '',
vdoDetail: {}
}
},
onLoad(options) {
this.id = options.id
this.publicGetvideoFn()
},
methods: {
async publicGetvideoFn() {
const {data: res} = await publicGetvideo({id: this.id})
this.vdoDetail = res
console.log(res)
}
}
}
</script>

12
pages/mineEntry/carData/carData.vue

@ -1,5 +1,5 @@
<template>
<view class="myData" id="app" ref="appref">
<view class="myData" id="app" ref="appref" :style="{ background: `url(${imgUrl}) #f6f6f6 no-repeat`, backgroundSize: backgroundSize }">
<topNavbar title=" "></topNavbar>
<view class="pad">
<view class="topText">
@ -94,11 +94,14 @@
<script>
import ringChart from './ringChart.vue'
import columnChart from './columnChart'
import { imgUrl } from '@/config/site.config'
export default {
components: { ringChart, columnChart },
data() {
return {
shareImageUrl: ''
shareImageUrl: '',
imgUrl: imgUrl+'mydatabg.png',
backgroundSize: '100% 544rpx',
}
},
onReady() {
@ -113,9 +116,8 @@
<style lang="scss" scoped>
.myData {
width: 100%;
height: 1006rpx;
background: url('http://192.168.1.20:81/zhili/image/20230818/409dca21dfec44eb8477e056ee23e437.png') #f6f6f6 no-repeat;
background-size: 100% 544rpx;
// background: url('http://192.168.1.20:81/zhili/image/20230818/409dca21dfec44eb8477e056ee23e437.png') #f6f6f6 no-repeat;
// background-size: 100% 544rpx;
min-height: 100vh;
font-size: 28rpx;
padding-bottom: 40rpx;

5
pages/mineEntry/carLearnHours/carLearnHours.vue

@ -2,7 +2,7 @@
<view class="pageBgImg">
<topNavbar title="学车学时"></topNavbar>
<view class="pad">
<view class="box" v-for="(item,index) in list" :key="index">
<view class="box" v-for="(item,index) in list" :key="index" :style="{ backgroundImage: `url(${imgUrl})`, backgroundSize: backgroundSize }">
<view class="h2">{{ item.text }}</view>
<view class="con">
<view class="item_row">
@ -28,9 +28,12 @@
</template>
<script>
import { imgUrl } from '@/config/site.config'
export default {
data() {
return {
imgUrl: imgUrl+'carlearTimeBg.png',
backgroundSize: '100% 100%',
list: [
{total: 1024, time: 236, text: '模拟器'},
{total: 1024, time: 236, text: '科目一'},

8
pages/tabbar/index/index.vue

@ -17,7 +17,7 @@
</view>
</u-navbar> -->
<button @click="refereshFn">刷新token</button>
<view class="TopCon">
<view class="TopCon" :style="{ backgroundImage: `url(${imgUrl})`, backgroundSize: backgroundSize }">
<view class="status_bar"></view>
<!-- 地址扫一扫 -->
<view class="flex-b">
@ -116,10 +116,13 @@
</template>
<script>
import { imgUrl } from '@/config/site.config'
export default {
data() {
return {
showPrivacy: false,
imgUrl: imgUrl+'banner.png',
backgroundSize: '100% 100%',
keywords: '',
entrySection: [{
text: '我要报名',
@ -369,9 +372,8 @@
width: 100%;
height: 476rpx;
// background: url('../../../static/images/bigImg/index_banner.png') no-repeat;
background: url('http://192.168.1.20:81/zhili/image/20230809/e7086ccf82ed4aa09d156f2590a50fba.png') no-repeat;
// background: url('http://192.168.1.20:81/zhili/image/20230809/e7086ccf82ed4aa09d156f2590a50fba.png') no-repeat;
background-size: 100% 100%;
position: relative;
.flex-b {

11
pages/userCenter/login/login.vue

@ -1,5 +1,5 @@
<template>
<view class="main">
<view class="main" :style="{ background: `url(${imgUrl}) no-repeat`, backgroundSize: backgroundSize }">
<view class="h1Img">
<image src="../../../static/images/userCenter/loginTitle.png" mode=""></image>
</view>
@ -27,12 +27,15 @@
</template>
<script>
import { imgUrl } from '@/config/site.config'
export default {
data() {
return {
isCheck: false,
show: false,
decodePhoneParams: {}
decodePhoneParams: {},
imgUrl: imgUrl+'loginTopBg.png',
backgroundSize: '100% 360rpx',
}
},
onLoad() {
@ -114,8 +117,8 @@
display: flex;
flex-direction: column;
align-items: center;
background: url('../../../static/images/userCenter/loginTopBg.png') no-repeat;
background-size: 100% 360rpx;
// background: url('../../../static/images/userCenter/loginTopBg.png') no-repeat;
// background-size: 100% 360rpx;
.h1Img {
width: 658rpx;
height: 94rpx;

9
pages/userCenter/login/loginByPhone.vue

@ -1,5 +1,5 @@
<template>
<view class="main">
<view class="main" :style="{ background: `url(${imgUrl}) no-repeat`, backgroundSize: backgroundSize }">
<!-- <view class="u-back-top">
<view class="backBox">
<u-icon name="arrow-left" color="#333" size="28"></u-icon>
@ -36,9 +36,12 @@
<script>
import { getLoginCode, loginSMS } from '@/config/api.js'
import { imgUrl } from '@/config/site.config'
export default {
data() {
return {
imgUrl: imgUrl+'loginTopBg.png',
backgroundSize: '100% 360rpx',
isCheck: false,
codeText: '获取验证码',
FormData: {},
@ -115,8 +118,8 @@
.main {
width: 100%;
min-height: 100vh;
background: url('../../../static/images/userCenter/loginTopBg.png') no-repeat;
background-size: 100% 360rpx;
// background: url('../../../static/images/userCenter/loginTopBg.png') no-repeat;
// background-size: 100% 360rpx;
.u-back-top {
padding: 32rpx 0 0 0;
.backBox {

BIN
static/images/bigImg/carlearTimeBg.png

Before

Width: 686  |  Height: 400  |  Size: 29 KiB

BIN
static/images/bigImg/index_banner.png

Before

Width: 750  |  Height: 476  |  Size: 292 KiB

BIN
static/images/bigImg/radian.png

Before

Width: 750  |  Height: 84  |  Size: 4.9 KiB

BIN
static/images/bigImg/topbg.png

Before

Width: 750  |  Height: 362  |  Size: 130 KiB

BIN
static/images/userCenter/loginTopBg.png

Before

Width: 375  |  Height: 180  |  Size: 36 KiB

BIN
static/images/userCenter/mydatabg.png

Before

Width: 750  |  Height: 544  |  Size: 45 KiB

BIN
static/images/userCenter/topbg.png

Before

Width: 750  |  Height: 362  |  Size: 130 KiB

Loading…
Cancel
Save