| @@ -2,7 +2,7 @@ | |||||
| * @name 小程序环境 | * @name 小程序环境 | ||||
| * @description 多环境配置 | * @description 多环境配置 | ||||
| */ | */ | ||||
| const envName = 'development'; | |||||
| const envName = 'production'; | |||||
| const envs = [{ | const envs = [{ | ||||
| envName: 'production', | envName: 'production', | ||||
| appID: 'wx736395182f05a1b7', | appID: 'wx736395182f05a1b7', | ||||
| @@ -1,5 +1,5 @@ | |||||
| <template> | <template> | ||||
| <view style="height: 100%"> | |||||
| <view> | |||||
| <custom-nav-bar :left-text="options.name" left-arrow /> | <custom-nav-bar :left-text="options.name" left-arrow /> | ||||
| <image class="custom-swiper-img" | <image class="custom-swiper-img" | ||||
| :src="agencyContentGetObj !== null ? agencyContentGetObj.image : '/static/packages/people/images/icon10.png'"> | :src="agencyContentGetObj !== null ? agencyContentGetObj.image : '/static/packages/people/images/icon10.png'"> | ||||
| @@ -41,9 +41,7 @@ | |||||
| */ | */ | ||||
| , | , | ||||
| onLoad(options) { | onLoad(options) { | ||||
| this.setData({ | |||||
| options | |||||
| }); | |||||
| this.options = options | |||||
| this.getConsultType(); | this.getConsultType(); | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| @@ -53,9 +51,7 @@ | |||||
| const { | const { | ||||
| item | item | ||||
| } = event.currentTarget.dataset; | } = event.currentTarget.dataset; | ||||
| this.setData({ | |||||
| ruralActive: item.value | |||||
| }); | |||||
| this.ruralActive =item.value | |||||
| } | } | ||||
| this.agencyContentGetApi(); | this.agencyContentGetApi(); | ||||
| }, | }, | ||||
| @@ -69,10 +65,8 @@ | |||||
| const { | const { | ||||
| value | value | ||||
| } = res.data.list[0]; | } = res.data.list[0]; | ||||
| this.setData({ | |||||
| ruralTabs: res.data.list, | |||||
| ruralActive: value | |||||
| }); | |||||
| this.ruralTabs = res.data.list | |||||
| this.ruralActive = value | |||||
| } | } | ||||
| this.agencyContentGetApi(); | this.agencyContentGetApi(); | ||||
| }, | }, | ||||
| @@ -99,9 +93,7 @@ | |||||
| '</header': '</div' | '</header': '</div' | ||||
| } [$1]; | } [$1]; | ||||
| }); | }); | ||||
| this.setData({ | |||||
| agencyContentGetObj: res.data || null | |||||
| }); | |||||
| this.agencyContentGetObj = res.data || null; | |||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| @@ -1,5 +1,5 @@ | |||||
| <template> | <template> | ||||
| <view style="height: 100%"> | |||||
| <view> | |||||
| <custom-nav-bar :left-text="options.name" left-arrow /> | <custom-nav-bar :left-text="options.name" left-arrow /> | ||||
| <image class="custom-swiper-img" mode="aspectFill" | <image class="custom-swiper-img" mode="aspectFill" | ||||
| :src="InfoObj.image ? InfoObj.image : '/static/packages/people/images/icon10.png'"></image> | :src="InfoObj.image ? InfoObj.image : '/static/packages/people/images/icon10.png'"></image> | ||||
| @@ -57,7 +57,7 @@ | |||||
| <view class="party-list flex flex-col" v-if="ruralActive"> | <view class="party-list flex flex-col" v-if="ruralActive"> | ||||
| <view class="section-item flex flex-between" :data-item="item" @tap="headleDetails" | <view class="section-item flex flex-between" :data-item="item" @tap="headleDetails" | ||||
| v-for="(item, index) in partyEventPageList" :key="index"> | |||||
| v-for="(item, index) in partyEventPageList" :key="index" > | |||||
| <image class="section-item-right" :src="item.image" mode="aspectFill"></image> | <image class="section-item-right" :src="item.image" mode="aspectFill"></image> | ||||
| <view class="section-item-left flex1 flex flex-col"> | <view class="section-item-left flex1 flex flex-col"> | ||||
| @@ -67,297 +67,335 @@ | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <view class="rich2" v-else> | <view class="rich2" v-else> | ||||
| <rich-text :nodes="partyEventPageList[0].content"></rich-text> | |||||
| <rich-text v-if="partyEventPageList.length !== 0" :nodes="partyEventPageList[0].content"></rich-text> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </template> | </template> | ||||
| <!-- <script module="util" lang="wxs" src="@/wxs/util.wxs"></script> --> | <!-- <script module="util" lang="wxs" src="@/wxs/util.wxs"></script> --> | ||||
| <script> | <script> | ||||
| // const app = getApp(); | |||||
| // const { peopleApi } = app.globalData.api; | |||||
| import * as peopleApi from '@/api/peopleApi'; | |||||
| export default { | |||||
| components: {}, | |||||
| data() { | |||||
| return { | |||||
| options: { | |||||
| name: '', | |||||
| type: '' | |||||
| }, | |||||
| InfoObj: { | |||||
| image: false, | |||||
| content: '' | |||||
| }, | |||||
| // 富文本渲染 | |||||
| ruralActive: 0, | |||||
| // tabs下标 | |||||
| ruralTabs: [], | |||||
| // const app = getApp(); | |||||
| // const { peopleApi } = app.globalData.api; | |||||
| import * as peopleApi from '@/api/peopleApi'; | |||||
| export default { | |||||
| components: {}, | |||||
| data() { | |||||
| return { | |||||
| options: { | |||||
| name: '', | |||||
| type: '' | |||||
| }, | |||||
| deptList: [], | |||||
| villageAffairsPageList: [], | |||||
| partyEventPageList: [], | |||||
| InfoObj: { | |||||
| image: false, | |||||
| content: '' | content: '' | ||||
| }, | |||||
| // 富文本渲染 | |||||
| ruralActive: 0, | |||||
| // tabs下标 | |||||
| ruralTabs: [], | |||||
| deptList: [], | |||||
| villageAffairsPageList: [], | |||||
| partyEventPageList: [], | |||||
| content: '' | |||||
| }; | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面加载 | |||||
| */ | |||||
| onLoad(options) { | |||||
| console.log('options', options); | |||||
| this.options = options | |||||
| if (options.type === '1' || options.type === '2') { | |||||
| const typeTbas = { | |||||
| 1: [{ | |||||
| name: '乡镇农业产业' | |||||
| }, | |||||
| { | |||||
| name: '村列表' | |||||
| } | |||||
| ], | |||||
| 2: [{ | |||||
| name: '街道简介' | |||||
| }, | |||||
| { | |||||
| name: '社区列表' | |||||
| } | |||||
| ] | |||||
| }; | }; | ||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面加载 | |||||
| */ | |||||
| onLoad(options) { | |||||
| console.log('options', options); | |||||
| this.setData({ | |||||
| options | |||||
| }); | |||||
| if (options.type === '1' || options.type === '2') { | |||||
| const typeTbas = { | |||||
| 1: [{ | |||||
| name: '乡镇农业产业' | |||||
| }, | |||||
| { | |||||
| name: '村列表' | |||||
| } | |||||
| ], | |||||
| 2: [{ | |||||
| name: '街道简介' | |||||
| }, | |||||
| { | |||||
| name: '社区列表' | |||||
| } | |||||
| ] | |||||
| }; | |||||
| this.setData({ | |||||
| ruralTabs: typeTbas[Number(options.type)] || [] | |||||
| }); | |||||
| this.tabsSwitch(); | |||||
| } | |||||
| if (options.type === '3') { | |||||
| this.villageAffairsPageApi(); | |||||
| this.getVillageAffairsGetApi(); | |||||
| this.ruralTabs = typeTbas[Number(options.type)] || [] | |||||
| this.tabsSwitch(); | |||||
| } | |||||
| if (options.type === '3') { | |||||
| this.villageAffairsPageApi(); | |||||
| this.getVillageAffairsGetApi(); | |||||
| } | |||||
| if (options.type === '12101') { | |||||
| this.ruralTabs = [{ | |||||
| name: '优秀事迹' | |||||
| }, | |||||
| { | |||||
| name: '党建活动' | |||||
| } | } | ||||
| if (options.type === '12101') { | |||||
| this.setData({ | |||||
| ruralTabs: [{ | |||||
| name: '优秀事迹' | |||||
| }, | |||||
| { | |||||
| name: '党建活动' | |||||
| } | |||||
| ] | |||||
| }); | |||||
| this.partyBranchGetApi(); | |||||
| this.tabsSwitch(); | |||||
| ] | |||||
| this.partyBranchGetApi(); | |||||
| this.tabsSwitch(); | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| // 切换tabs | |||||
| tabsSwitch(event) { | |||||
| if (event) { | |||||
| const { | |||||
| index | |||||
| } = event.currentTarget.dataset; | |||||
| this.ruralActive = index || 0 | |||||
| } | } | ||||
| }, | |||||
| methods: { | |||||
| // 切换tabs | |||||
| tabsSwitch(event) { | |||||
| if (event) { | |||||
| const { | |||||
| index | |||||
| } = event.currentTarget.dataset; | |||||
| this.setData({ | |||||
| ruralActive: index || 0 | |||||
| }); | |||||
| if (['1', '2'].includes(this.options.type)) { | |||||
| if (this.ruralActive) { | |||||
| this.deptListApi(); | |||||
| } else { | |||||
| this.agencyContentGetApi(); | |||||
| } | } | ||||
| if (['1', '2'].includes(this.options.type)) { | |||||
| if (this.ruralActive) { | |||||
| this.deptListApi(); | |||||
| } else { | |||||
| this.agencyContentGetApi(); | |||||
| } | |||||
| } | |||||
| if (['12101'].includes(this.options.type)) { | |||||
| if (this.ruralActive) { | |||||
| this.partyEventPageApi(2); | |||||
| } else { | |||||
| this.partyEventPageApi(1); | |||||
| } | |||||
| } | |||||
| if (['12101'].includes(this.options.type)) { | |||||
| if (this.ruralActive) { | |||||
| this.partyEventPageApi(2); | |||||
| } else { | |||||
| this.partyEventPageApi(1); | |||||
| } | } | ||||
| }, | |||||
| // 获取简介 | |||||
| // TODO:10月13日之前读的是 agencyContentGetOrgIdApi 这个接口 | |||||
| async agencyContentGetApi() { | |||||
| const res = await peopleApi.agencyGetApi({ | |||||
| id: this.options.id, | |||||
| orgId: this.options.orgId | |||||
| }); | |||||
| this.setData({ | |||||
| InfoObj: this.generalFunction(res) | |||||
| }); | |||||
| }, | |||||
| } | |||||
| }, | |||||
| // 获取党支部详情 | |||||
| async partyBranchGetApi() { | |||||
| const res = await peopleApi.partyBranchGetApi({ | |||||
| id: this.options.id | |||||
| }); | |||||
| res.data.title = res.data.name || ''; | |||||
| res.data.content = res.data.descInfo || ''; | |||||
| this.setData({ | |||||
| InfoObj: this.generalFunction(res) | |||||
| }); | |||||
| }, | |||||
| // 获取简介 | |||||
| // TODO:10月13日之前读的是 agencyContentGetOrgIdApi 这个接口 | |||||
| async agencyContentGetApi() { | |||||
| const res = await peopleApi.agencyGetApi({ | |||||
| id: this.options.id, | |||||
| orgId: this.options.orgId | |||||
| }); | |||||
| this.InfoObj = this.generalFunction(res) | |||||
| }, | |||||
| // 获取村务公开详情 | |||||
| async getVillageAffairsGetApi() { | |||||
| const res = await peopleApi.agencyGetApi({ | |||||
| id: this.options.id | |||||
| }); | |||||
| res.data.title = res.data.name || ''; | |||||
| res.data.content = res.data.descInfo || ''; | |||||
| this.setData({ | |||||
| InfoObj: this.generalFunction(res) | |||||
| }); | |||||
| }, | |||||
| // 获取党支部详情 | |||||
| async partyBranchGetApi() { | |||||
| const res = await peopleApi.partyBranchGetApi({ | |||||
| id: this.options.id | |||||
| }); | |||||
| res.data.title = res.data.name || ''; | |||||
| res.data.content = res.data.descInfo || ''; | |||||
| this.InfoObj = this.generalFunction(res) | |||||
| }, | |||||
| // 获取列表 | |||||
| async deptListApi() { | |||||
| const res = await peopleApi.deptListApi({ | |||||
| parentId: this.options.orgId | |||||
| }); | |||||
| this.setData({ | |||||
| deptList: res.data | |||||
| }); | |||||
| }, | |||||
| // 获取村务公开详情 | |||||
| async getVillageAffairsGetApi() { | |||||
| const res = await peopleApi.agencyGetApi({ | |||||
| id: this.options.id | |||||
| }); | |||||
| res.data.title = res.data.name || ''; | |||||
| res.data.content = res.data.descInfo || ''; | |||||
| this.InfoObj = this.generalFunction(res) | |||||
| }, | |||||
| // 获取村务公开详情列表 | |||||
| async villageAffairsPageApi() { | |||||
| const params = { | |||||
| pageNo: 1, | |||||
| pageSize: 99, | |||||
| agencyId: this.options.id | |||||
| }; | |||||
| const res = await peopleApi.villageAffairsPageApi(params); | |||||
| if (res.data) { | |||||
| const { | |||||
| list = [] | |||||
| } = res.data; | |||||
| this.setData({ | |||||
| villageAffairsPageList: list | |||||
| }); | |||||
| } | |||||
| }, | |||||
| // 获取列表 | |||||
| async deptListApi() { | |||||
| const res = await peopleApi.deptListApi({ | |||||
| parentId: this.options.orgId | |||||
| }); | |||||
| this.deptList = res.data | |||||
| }, | |||||
| // 获得党活动事件分页 | |||||
| async partyEventPageApi(eventType) { | |||||
| const params = { | |||||
| pageNo: 1, | |||||
| pageSize: 99, | |||||
| eventType, | |||||
| // 字典 | |||||
| partyBranchId: this.options.id | |||||
| }; | |||||
| const res = await peopleApi.partyEventPageApi(params); | |||||
| if (res.data) { | |||||
| const { | |||||
| list = [] | |||||
| } = res.data; | |||||
| if (eventType === 1) { | |||||
| const setList = list.map((item) => { | |||||
| const e = item; | |||||
| // e.createTime = app.globalData.util.timeFormat(e.createTime); | |||||
| e.content = e.content | |||||
| .replace(/<img/gi, '<img style="max-width:100%;height:auto;display:block" ') | |||||
| .replace(/</g, '<') | |||||
| .replace(/>/g, '>') | |||||
| .replace(/&nbsp;/g, ' ') | |||||
| .replace(/"/g, '"'); | |||||
| return e; | |||||
| }); | |||||
| this.setData({ | |||||
| partyEventPageList: setList | |||||
| }); | |||||
| return; | |||||
| } | |||||
| this.setData({ | |||||
| partyEventPageList: list | |||||
| }); | |||||
| } | |||||
| }, | |||||
| // 获取村务公开详情列表 | |||||
| async villageAffairsPageApi() { | |||||
| const params = { | |||||
| pageNo: 1, | |||||
| pageSize: 99, | |||||
| agencyId: this.options.id | |||||
| }; | |||||
| const res = await peopleApi.villageAffairsPageApi(params); | |||||
| if (res.data) { | |||||
| const { | |||||
| list = [] | |||||
| } = res.data; | |||||
| this.villageAffairsPageList = list | |||||
| } | |||||
| }, | |||||
| // 通用函数 | |||||
| generalFunction(res) { | |||||
| if (res.data && res.data.createTime) { | |||||
| // res.data.createTime = app.globalData.util.timeFormat(res.data.createTime); | |||||
| if (res.data.introduce) { | |||||
| res.data.content = res.data.introduce; | |||||
| } | |||||
| if (res.data.content) { | |||||
| res.data.content = res.data.content | |||||
| // 获得党活动事件分页 | |||||
| async partyEventPageApi(eventType) { | |||||
| const params = { | |||||
| pageNo: 1, | |||||
| pageSize: 99, | |||||
| eventType, | |||||
| // 字典 | |||||
| partyBranchId: this.options.id | |||||
| }; | |||||
| const res = await peopleApi.partyEventPageApi(params); | |||||
| if (res.data) { | |||||
| let list = res.data.list | |||||
| if (eventType === 1) { | |||||
| let setList = list.map((item) => { | |||||
| const e = item; | |||||
| // e.createTime = app.globalData.util.timeFormat(e.createTime); | |||||
| e.content = e.content | |||||
| .replace(/<img/gi, '<img style="max-width:100%;height:auto;display:block" ') | .replace(/<img/gi, '<img style="max-width:100%;height:auto;display:block" ') | ||||
| .replace(/</g, '<') | .replace(/</g, '<') | ||||
| .replace(/>/g, '>') | .replace(/>/g, '>') | ||||
| .replace(/&nbsp;/g, ' ') | .replace(/&nbsp;/g, ' ') | ||||
| .replace(/"/g, '"'); | .replace(/"/g, '"'); | ||||
| } | |||||
| return res.data; | |||||
| return e; | |||||
| }); | |||||
| console.log(setList) | |||||
| this.partyEventPageList = setList | |||||
| return; | |||||
| } | } | ||||
| return {}; | |||||
| }, | |||||
| toArea(event) { | |||||
| const { | |||||
| item | |||||
| } = event.currentTarget.dataset; | |||||
| uni.navigateTo({ | |||||
| url: `/packages/people/pages/area-detail/area-detail?orgId=${item.id}&name=${item.name}` | |||||
| }); | |||||
| }, | |||||
| this.partyEventPageList = list | |||||
| } | |||||
| }, | |||||
| headleDetails(event) { | |||||
| const { | |||||
| item | |||||
| } = event.currentTarget.dataset; | |||||
| uni.navigateTo({ | |||||
| url: `/packages/public/pages/details/details-no-ops?name=村务公开详情&referId=${item.id}` | |||||
| }); | |||||
| // 通用函数 | |||||
| generalFunction(res) { | |||||
| if (res.data && res.data.createTime) { | |||||
| // res.data.createTime = app.globalData.util.timeFormat(res.data.createTime); | |||||
| if (res.data.introduce) { | |||||
| res.data.content = res.data.introduce; | |||||
| } | |||||
| if (res.data.content) { | |||||
| res.data.content = res.data.content | |||||
| .replace(/<img/gi, '<img style="max-width:100%;height:auto;display:block" ') | |||||
| .replace(/</g, '<') | |||||
| .replace(/>/g, '>') | |||||
| .replace(/&nbsp;/g, ' ') | |||||
| .replace(/"/g, '"'); | |||||
| } | |||||
| return res.data; | |||||
| } | } | ||||
| return {}; | |||||
| }, | |||||
| toArea(event) { | |||||
| const { | |||||
| item | |||||
| } = event.currentTarget.dataset; | |||||
| uni.navigateTo({ | |||||
| url: `/packages/people/pages/area-detail/area-detail?orgId=${item.id}&name=${item.name}` | |||||
| }); | |||||
| }, | |||||
| headleDetails(event) { | |||||
| const { | |||||
| item | |||||
| } = event.currentTarget.dataset; | |||||
| uni.navigateTo({ | |||||
| url: `/packages/public/pages/details/details-no-ops?name=村务公开详情&referId=${item.id}` | |||||
| }); | |||||
| } | } | ||||
| }; | |||||
| } | |||||
| }; | |||||
| </script> | </script> | ||||
| <style lang="less"> | <style lang="less"> | ||||
| .custom-swiper-img { | |||||
| width: 100%; | |||||
| height: 400rpx; | |||||
| display: block; | |||||
| .custom-swiper-img { | |||||
| width: 100%; | |||||
| height: 400rpx; | |||||
| display: block; | |||||
| } | |||||
| .rich { | |||||
| padding: 45rpx; | |||||
| font-size: 30rpx; | |||||
| font-weight: 400; | |||||
| color: #222222; | |||||
| line-height: 60rpx; | |||||
| } | |||||
| .tabs-list { | |||||
| .tabs-item { | |||||
| font-size: 32rpx; | |||||
| font-weight: 500; | |||||
| color: #000000; | |||||
| line-height: 32rpx; | |||||
| position: relative; | |||||
| &:not(:last-child) { | |||||
| margin-right: 55rpx; | |||||
| } | |||||
| } | } | ||||
| .rich { | |||||
| padding: 45rpx; | |||||
| font-size: 30rpx; | |||||
| font-weight: 400; | |||||
| color: #222222; | |||||
| line-height: 60rpx; | |||||
| .tabs-active { | |||||
| color: #f5001c; | |||||
| &::after { | |||||
| content: ''; | |||||
| position: absolute; | |||||
| left: 4rpx; | |||||
| bottom: 0; | |||||
| z-index: -1; | |||||
| // width: 175rpx; | |||||
| width: 95%; | |||||
| height: 10rpx; | |||||
| background: var(--title-guides-color); | |||||
| border-radius: 2rpx; | |||||
| } | |||||
| } | } | ||||
| .tabs-list { | |||||
| .tabs-item { | |||||
| } | |||||
| .area { | |||||
| margin-top: 60rpx; | |||||
| .area-list { | |||||
| padding: 46rpx 40rpx; | |||||
| flex-wrap: wrap; | |||||
| .area-item { | |||||
| // flex: 1 0 0; | |||||
| flex-shrink: 0; | |||||
| width: 326rpx; | |||||
| height: 80rpx; | |||||
| background: #fff6f7; | |||||
| border-radius: 8rpx; | |||||
| font-size: 32rpx; | font-size: 32rpx; | ||||
| font-weight: 500; | font-weight: 500; | ||||
| color: #000000; | |||||
| line-height: 32rpx; | |||||
| position: relative; | |||||
| color: #333333; | |||||
| line-height: 80rpx; | |||||
| text-align: center; | |||||
| &:not(:last-child) { | |||||
| margin-right: 55rpx; | |||||
| &:nth-child(2n) { | |||||
| margin-left: 16rpx; | |||||
| } | |||||
| &:nth-child(n + 3) { | |||||
| margin-top: 16rpx; | |||||
| } | } | ||||
| } | } | ||||
| } | |||||
| } | |||||
| .page-content { | |||||
| margin-top: 70rpx; | |||||
| padding: 0 40rpx; | |||||
| .tabs-active { | |||||
| color: #f5001c; | |||||
| .title { | |||||
| font-size: 36rpx; | |||||
| font-weight: 500; | |||||
| color: #000000; | |||||
| line-height: 36rpx; | |||||
| padding-left: 6rpx; | |||||
| .title-name { | |||||
| position: relative; | |||||
| &::after { | &::after { | ||||
| content: ''; | content: ''; | ||||
| position: absolute; | position: absolute; | ||||
| left: 4rpx; | |||||
| left: -6rpx; | |||||
| bottom: 0; | bottom: 0; | ||||
| z-index: -1; | z-index: -1; | ||||
| // width: 175rpx; | // width: 175rpx; | ||||
| width: 95%; | |||||
| width: 115%; | |||||
| height: 10rpx; | height: 10rpx; | ||||
| background: var(--title-guides-color); | background: var(--title-guides-color); | ||||
| border-radius: 2rpx; | border-radius: 2rpx; | ||||
| @@ -365,154 +403,94 @@ | |||||
| } | } | ||||
| } | } | ||||
| .area { | |||||
| margin-top: 60rpx; | |||||
| .cell-list { | |||||
| margin-top: 20rpx; | |||||
| .cell { | |||||
| width: 100%; | |||||
| padding: 24rpx 0; | |||||
| background: #ffffff; | |||||
| border-bottom: 1px solid #efefef; | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| .cell-left { | |||||
| height: 100%; | |||||
| font-size: 30rpx; | |||||
| font-weight: 400; | |||||
| color: #007bd7; | |||||
| line-height: 30rpx; | |||||
| } | |||||
| .area-list { | |||||
| padding: 46rpx 40rpx; | |||||
| flex-wrap: wrap; | |||||
| .cell-right { | |||||
| height: 100%; | |||||
| width: 40rpx; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: flex-end; | |||||
| .area-item { | |||||
| // flex: 1 0 0; | |||||
| flex-shrink: 0; | |||||
| width: 326rpx; | |||||
| height: 80rpx; | |||||
| background: #fff6f7; | |||||
| border-radius: 8rpx; | |||||
| font-size: 32rpx; | |||||
| font-weight: 500; | |||||
| color: #333333; | |||||
| line-height: 80rpx; | |||||
| text-align: center; | |||||
| &:nth-child(2n) { | |||||
| margin-left: 16rpx; | |||||
| } | |||||
| .cell-right-number { | |||||
| font-size: 32rpx; | |||||
| &:nth-child(n + 3) { | |||||
| margin-top: 16rpx; | |||||
| font-weight: 400; | |||||
| color: #666666; | |||||
| margin-right: 28rpx; | |||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| } | |||||
| .page-content { | |||||
| margin-top: 70rpx; | |||||
| padding: 0 40rpx; | |||||
| .title { | |||||
| font-size: 36rpx; | |||||
| font-weight: 500; | |||||
| color: #000000; | |||||
| line-height: 36rpx; | |||||
| padding-left: 6rpx; | |||||
| .title-name { | |||||
| position: relative; | |||||
| &::after { | |||||
| content: ''; | |||||
| position: absolute; | |||||
| left: -6rpx; | |||||
| bottom: 0; | |||||
| z-index: -1; | |||||
| // width: 175rpx; | |||||
| width: 115%; | |||||
| height: 10rpx; | |||||
| background: var(--title-guides-color); | |||||
| border-radius: 2rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| .cell-list { | |||||
| margin-top: 20rpx; | |||||
| .cell { | |||||
| width: 100%; | |||||
| padding: 24rpx 0; | |||||
| background: #ffffff; | |||||
| border-bottom: 1px solid #efefef; | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| .cell-left { | |||||
| height: 100%; | |||||
| font-size: 30rpx; | |||||
| font-weight: 400; | |||||
| color: #007bd7; | |||||
| line-height: 30rpx; | |||||
| } | |||||
| .party { | |||||
| .rich { | |||||
| padding: 60rpx 45rpx; | |||||
| } | |||||
| .cell-right { | |||||
| height: 100%; | |||||
| width: 40rpx; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: flex-end; | |||||
| .party-list { | |||||
| margin-top: 55rpx; | |||||
| padding: 0 40rpx 0; | |||||
| .cell-right-number { | |||||
| font-size: 32rpx; | |||||
| .section-item { | |||||
| padding: 20rpx 0; | |||||
| border-bottom: 1px solid #e1e1e1; | |||||
| font-weight: 400; | |||||
| color: #666666; | |||||
| margin-right: 28rpx; | |||||
| } | |||||
| } | |||||
| &:first-child { | |||||
| padding-top: 0; | |||||
| } | } | ||||
| } | |||||
| } | |||||
| .party { | |||||
| .rich { | |||||
| padding: 60rpx 45rpx; | |||||
| } | |||||
| .party-list { | |||||
| margin-top: 55rpx; | |||||
| padding: 0 40rpx 0; | |||||
| .section-item { | |||||
| padding: 20rpx 0; | |||||
| border-bottom: 1px solid #e1e1e1; | |||||
| .section-item-left { | |||||
| margin-left: 24rpx; | |||||
| &:first-child { | |||||
| padding-top: 0; | |||||
| .consult-content-title { | |||||
| font-size: 32rpx; | |||||
| font-weight: 400; | |||||
| color: #333333; | |||||
| line-height: 40rpx; | |||||
| margin-bottom: 24rpx; | |||||
| } | } | ||||
| .section-item-left { | |||||
| margin-left: 24rpx; | |||||
| .consult-content-title { | |||||
| font-size: 32rpx; | |||||
| font-weight: 400; | |||||
| color: #333333; | |||||
| line-height: 40rpx; | |||||
| margin-bottom: 24rpx; | |||||
| } | |||||
| .consult-content-block { | |||||
| font-size: 28rpx; | |||||
| font-weight: 400; | |||||
| color: #666666; | |||||
| line-height: 28rpx; | |||||
| } | |||||
| .consult-content-block { | |||||
| font-size: 28rpx; | |||||
| font-weight: 400; | |||||
| color: #666666; | |||||
| line-height: 28rpx; | |||||
| } | } | ||||
| } | |||||
| .section-item-right { | |||||
| width: 214rpx; | |||||
| height: 140rpx; | |||||
| border-radius: 8rpx; | |||||
| } | |||||
| .section-item-right { | |||||
| width: 214rpx; | |||||
| height: 140rpx; | |||||
| border-radius: 8rpx; | |||||
| } | } | ||||
| } | } | ||||
| } | |||||
| .rich2 { | |||||
| padding: 44rpx 45rpx; | |||||
| font-size: 30rpx; | |||||
| font-weight: 400; | |||||
| color: #222222; | |||||
| line-height: 60rpx; | |||||
| } | |||||
| .rich2 { | |||||
| padding: 44rpx 45rpx; | |||||
| font-size: 30rpx; | |||||
| font-weight: 400; | |||||
| color: #222222; | |||||
| line-height: 60rpx; | |||||
| } | } | ||||
| } | |||||
| </style> | </style> | ||||
| @@ -11,7 +11,7 @@ | |||||
| </swiper-item> | </swiper-item> | ||||
| </block> | </block> | ||||
| </swiper> | </swiper> | ||||
| <view class="guide-list flex" v-if="option.path === 'sonGuide2'"> | |||||
| <view class="guide-list flex" v-if="option.name === '五星党员'"> | |||||
| <view class="guide-item flex flex-col flex-v-center" :data-id="item.id" @tap="jumpDetail" | <view class="guide-item flex flex-col flex-v-center" :data-id="item.id" @tap="jumpDetail" | ||||
| v-for="(item, index) in doctorPageList" :key="index"> | v-for="(item, index) in doctorPageList" :key="index"> | ||||
| <image class="guide-img" :src="item.photo"></image> | <image class="guide-img" :src="item.photo"></image> | ||||
| @@ -54,11 +54,6 @@ | |||||
| </template> | </template> | ||||
| <!-- <script module="util" lang="wxs" src="@/wxs/util.wxs"></script> --> | <!-- <script module="util" lang="wxs" src="@/wxs/util.wxs"></script> --> | ||||
| <script> | <script> | ||||
| // const app = getApp(); | |||||
| // const { | |||||
| // publicApi, | |||||
| // peopleApi | |||||
| // } = app.globalData.api; | |||||
| import * as peopleApi from '@/api/peopleApi'; | import * as peopleApi from '@/api/peopleApi'; | ||||
| import * as publicApi from '@/api/publicApi'; | import * as publicApi from '@/api/publicApi'; | ||||
| export default { | export default { | ||||
| @@ -85,6 +80,7 @@ | |||||
| */ | */ | ||||
| onLoad(option) { | onLoad(option) { | ||||
| this.option = option | this.option = option | ||||
| console.log(option) | |||||
| this.recursionApi(); | this.recursionApi(); | ||||
| this.callFcuntion(); | this.callFcuntion(); | ||||
| }, | }, | ||||
| @@ -191,7 +187,7 @@ | |||||
| sonGuide1: { | sonGuide1: { | ||||
| api: this.partyBranchApi | api: this.partyBranchApi | ||||
| }, | }, | ||||
| sonGuide2: { | |||||
| '五星党员': { | |||||
| api: this.excellentPartMemberPageApi | api: this.excellentPartMemberPageApi | ||||
| }, | }, | ||||
| sonGuide3: { | sonGuide3: { | ||||
| @@ -204,7 +200,7 @@ | |||||
| api: this.agencyPageApi | api: this.agencyPageApi | ||||
| } | } | ||||
| }; | }; | ||||
| const obj = ApiConfig[this.option.path]; | |||||
| const obj = ApiConfig[this.option.path || this.option.name]; | |||||
| if (obj.api) { | if (obj.api) { | ||||
| obj.api(); | obj.api(); | ||||
| } | } | ||||
| @@ -20,8 +20,8 @@ | |||||
| v-for="(itemName, idx) in recursionTwoObj.children" :key="idx"> | v-for="(itemName, idx) in recursionTwoObj.children" :key="idx"> | ||||
| <!-- <navigator v-if="itemName.clickUrl" class="line-navigator" :url="toods.updateQuery(itemName.clickUrl, itemName)" | <!-- <navigator v-if="itemName.clickUrl" class="line-navigator" :url="toods.updateQuery(itemName.clickUrl, itemName)" | ||||
| hover-class="none"></navigator> --> | hover-class="none"></navigator> --> | ||||
| <navigator v-if="itemName.clickUrl" class="line-navigator" :url="itemName.clickUrl" hover-class="none"> | |||||
| </navigator> | |||||
| <navigator v-if="itemName.clickUrl" class="line-navigator" :url="updateQuery(itemName.clickUrl, itemName)" | |||||
| hover-class="none"></navigator> | |||||
| <image class="line-bg" :src="itemName.icon"></image> | <image class="line-bg" :src="itemName.icon"></image> | ||||
| @@ -50,7 +50,7 @@ | |||||
| </view> | </view> | ||||
| <view class="second-section" v-if="option.name === '党建引领'"> | <view class="second-section" v-if="option.name === '党建引领'"> | ||||
| <view class="section-item flex flex-between" :data-item="item" @click="headleDetails(item)" | |||||
| <view class="section-item flex flex-between" :data-item="item" @tap="headleDetails(item)" | |||||
| v-for="(item, index) in newsPageList" :key="index"> | v-for="(item, index) in newsPageList" :key="index"> | ||||
| <view class="section-item-left flex1 flex flex-between flex-col"> | <view class="section-item-left flex1 flex flex-between flex-col"> | ||||
| <view class="consult-content-title text-line-1">{{ item.title }}</view> | <view class="consult-content-title text-line-1">{{ item.title }}</view> | ||||
| @@ -119,14 +119,11 @@ | |||||
| </view> | </view> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| // const app = getApp(); | |||||
| // const { | |||||
| // peopleApi, | |||||
| // publicApi | |||||
| // } = app.globalData.api; | |||||
| import * as peopleApi from '@/api/peopleApi'; | import * as peopleApi from '@/api/peopleApi'; | ||||
| import * as publicApi from '@/api/publicApi'; | import * as publicApi from '@/api/publicApi'; | ||||
| import * as enterprise from '@/api/enterprise'; | import * as enterprise from '@/api/enterprise'; | ||||
| import utils from '@/utils/util.map.js' | |||||
| // 民生 - 家庭医生列表 / 党建引领 复用 | // 民生 - 家庭医生列表 / 党建引领 复用 | ||||
| export default { | export default { | ||||
| components: {}, | components: {}, | ||||
| @@ -169,6 +166,9 @@ | |||||
| this.getGridList(false); | this.getGridList(false); | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| updateQuery(url, name) { | |||||
| return utils.updateQuery(url, name); | |||||
| }, | |||||
| /** | /** | ||||
| * 接口 | * 接口 | ||||
| */ | */ | ||||
| @@ -188,7 +188,7 @@ | |||||
| }, | }, | ||||
| async newsPageApi(reset = true) { | async newsPageApi(reset = true) { | ||||
| // const params = this.generalQueryData(reset); | |||||
| const params = this.generalQueryData(reset); | |||||
| const param = { | const param = { | ||||
| pageNo: 1, | pageNo: 1, | ||||
| pageSize: 10, | pageSize: 10, | ||||
| @@ -284,7 +284,7 @@ | |||||
| if (name === 3) { | if (name === 3) { | ||||
| this.newsPageList = [] | this.newsPageList = [] | ||||
| this.pageNo = 1 | this.pageNo = 1 | ||||
| this['option.categoryId'] = 1101 | |||||
| this.option.categoryId = 1101 | |||||
| this.newsPageApi(); | this.newsPageApi(); | ||||
| } | } | ||||
| } | } | ||||
| @@ -294,15 +294,13 @@ | |||||
| // 党建新闻所需id | // 党建新闻所需id | ||||
| 1: 5 // 党建活动所需id | 1: 5 // 党建活动所需id | ||||
| }; | }; | ||||
| console.log(event) | |||||
| this['option.categoryId'] = data[event && event.name] || data[0] | |||||
| this.option.categoryId = data[event && event.name] || data[0] | |||||
| this.newsPageList = [] | this.newsPageList = [] | ||||
| this.newsPageApi(); | this.newsPageApi(); | ||||
| } | } | ||||
| }, | }, | ||||
| async getGridList(reset = true) { | async getGridList(reset = true) { | ||||
| console.log(111); | |||||
| const params = this.generalQueryData(reset); | const params = this.generalQueryData(reset); | ||||
| let _goodsList = [] | let _goodsList = [] | ||||
| params.type = this.tabsIndex === 1 ? 1 : 2; | params.type = this.tabsIndex === 1 ? 1 : 2; | ||||
| @@ -52,8 +52,7 @@ | |||||
| <!-- 内容部分 --> | <!-- 内容部分 --> | ||||
| <view v-if="'dataList.length > 0'"> | <view v-if="'dataList.length > 0'"> | ||||
| <view class="good-reply-conent" @click="details" :data-item="item" v-for="(item, index) in dataList" | |||||
| :key="index"> | |||||
| <view class="good-reply-conent" @click="details" :data-item="item" v-for="(item, index) in dataList" :key="index"> | |||||
| <view class="good-reply-flex"> | <view class="good-reply-flex"> | ||||
| <view> | <view> | ||||
| <image :src="item.avatar" mode="aspectFill" /> | <image :src="item.avatar" mode="aspectFill" /> | ||||
| @@ -103,452 +102,452 @@ | |||||
| </view> | </view> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import utils from '@/utils/util.map.js' | |||||
| import * as publicApi from '@/api/publicApi.js'; // 公共 API | |||||
| import * as enterprise from '@/api/enterprise'; // 企业 | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| isLogin: uni.getStorageSync('isLogin'), | |||||
| userInfo: null, | |||||
| userInfoCount: null, | |||||
| indicatorDots: false, | |||||
| vertical: false, | |||||
| autoplay: true, | |||||
| duration: 500, | |||||
| page: { | |||||
| pageNo: 1, | |||||
| pageSize: 15, | |||||
| type: 3 | |||||
| }, | |||||
| imageList: [], | |||||
| interval: 2000, | |||||
| params: { | |||||
| pageNo: 1, | |||||
| pageSize: 15 | |||||
| }, | |||||
| dataList: [], | |||||
| recursionList: [], | |||||
| typeList: '', | |||||
| state: { | |||||
| value: '', | |||||
| cssClass: '', | |||||
| label: '' | |||||
| } | |||||
| }; | |||||
| import utils from '@/utils/util.map.js' | |||||
| import * as publicApi from '@/api/publicApi.js'; // 公共 API | |||||
| import * as enterprise from '@/api/enterprise'; // 企业 | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| isLogin: uni.getStorageSync('isLogin'), | |||||
| userInfo: null, | |||||
| userInfoCount: null, | |||||
| indicatorDots: false, | |||||
| vertical: false, | |||||
| autoplay: true, | |||||
| duration: 500, | |||||
| page: { | |||||
| pageNo: 1, | |||||
| pageSize: 15, | |||||
| type: 3 | |||||
| }, | |||||
| imageList: [], | |||||
| interval: 2000, | |||||
| params: { | |||||
| pageNo: 1, | |||||
| pageSize: 15 | |||||
| }, | |||||
| dataList: [], | |||||
| recursionList: [], | |||||
| typeList: '', | |||||
| state: { | |||||
| value: '', | |||||
| cssClass: '', | |||||
| label: '' | |||||
| } | |||||
| }; | |||||
| }, | |||||
| onLoad() { | |||||
| this.getpublicApiList(); | |||||
| this.getType(); | |||||
| this.recursionApi(); | |||||
| }, | |||||
| onShow() { | |||||
| this.isLogin = uni.getStorageSync('isLogin') | |||||
| this.userInfo = uni.getStorageSync('userInfoData') | |||||
| this.userInfoCount = uni.getStorageSync('userInfoCount') | |||||
| if (this.isLogin) { | |||||
| this.getPerfectReply(); | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| getDateTime(replyTime, key) { | |||||
| return utils.getDateTime(replyTime, key) | |||||
| }, | }, | ||||
| onLoad() { | |||||
| this.getpublicApiList(); | |||||
| this.getType(); | |||||
| this.recursionApi(); | |||||
| updateQuery(url, name) { | |||||
| return utils.updateQuery(url, name); | |||||
| }, | |||||
| // 获取企业轮播图 | |||||
| async getpublicApiList() { | |||||
| const res = await publicApi.getBannerApi(this.page); | |||||
| if (res.data) { | |||||
| this.imageList = res.data.list | |||||
| this.interval = res.data.list[0].rotationTime | |||||
| } | |||||
| }, | }, | ||||
| onShow() { | |||||
| this.isLogin = uni.getStorageSync('isLogin') | |||||
| this.userInfo = uni.getStorageSync('userInfoData') | |||||
| this.userInfoCount = uni.getStorageSync('userInfoCount') | |||||
| if (this.isLogin) { | |||||
| this.getPerfectReply(); | |||||
| async recursionApi() { | |||||
| const res = await publicApi.recursionApi({ | |||||
| bannerType: 3 | |||||
| }); | |||||
| if (res.data) { | |||||
| this.recursionList = res.data | |||||
| } | } | ||||
| }, | }, | ||||
| methods: { | |||||
| getDateTime(replyTime, key) { | |||||
| return utils.getDateTime(replyTime, key) | |||||
| }, | |||||
| updateQuery(url, name) { | |||||
| return utils.updateQuery(url, name); | |||||
| }, | |||||
| // 获取企业轮播图 | |||||
| async getpublicApiList() { | |||||
| const res = await publicApi.getBannerApi(this.page); | |||||
| if (res.data) { | |||||
| this.imageList = res.data.list | |||||
| this.interval = res.data.list[0].rotationTime | |||||
| } | |||||
| }, | |||||
| async recursionApi() { | |||||
| const res = await publicApi.recursionApi({ | |||||
| bannerType: 3 | |||||
| // 优质回复 | |||||
| async getPerfectReply() { | |||||
| const res = await enterprise.getPerfectReplyApi(this.params); | |||||
| if (res.data) { | |||||
| res.data.list.forEach((item) => { | |||||
| if (item.name !== null) { | |||||
| item.name = item.name.substring(0, 1) + new Array(item.name.length).join('*'); | |||||
| } | |||||
| }); | }); | ||||
| if (res.data) { | |||||
| this.recursionList = res.data | |||||
| } | |||||
| }, | |||||
| this.dataList = res.data.list | |||||
| } | |||||
| }, | |||||
| // 优质回复 | |||||
| async getPerfectReply() { | |||||
| const res = await enterprise.getPerfectReplyApi(this.params); | |||||
| if (res.data) { | |||||
| res.data.list.forEach((item) => { | |||||
| if (item.name !== null) { | |||||
| item.name = item.name.substring(0, 1) + new Array(item.name.length).join('*'); | |||||
| } | |||||
| }); | |||||
| this.dataList = res.data.list | |||||
| } | |||||
| }, | |||||
| // 详情页跳转 | |||||
| details(event) { | |||||
| const { | |||||
| item | |||||
| } = event.currentTarget.dataset; | |||||
| uni.navigateTo({ | |||||
| url: `/packages/enterprise/pages/details/details?id=${item.id}` | |||||
| }); | |||||
| }, | |||||
| // 详情页跳转 | |||||
| details(event) { | |||||
| const { | |||||
| item | |||||
| } = event.currentTarget.dataset; | |||||
| async getType() { | |||||
| const res = await publicApi.getDictDataApi({ | |||||
| dictType: 'appeal_type' | |||||
| }); | |||||
| if (res.data) { | |||||
| this.typeList = res.data.list | |||||
| } | |||||
| }, | |||||
| myAppeal() { | |||||
| const { | |||||
| userInfoCount, | |||||
| isLogin | |||||
| } = this; | |||||
| if (!isLogin) { | |||||
| uni.navigateTo({ | uni.navigateTo({ | ||||
| url: `/packages/enterprise/pages/details/details?id=${item.id}` | |||||
| url: '/pages/authorize/authorize' | |||||
| }); | }); | ||||
| }, | |||||
| async getType() { | |||||
| const res = await publicApi.getDictDataApi({ | |||||
| dictType: 'appeal_type' | |||||
| return false; | |||||
| } | |||||
| // 暂时去除实名认证 | |||||
| // else if (userInfoCount.realNameAuthFlag === 0) { | |||||
| // wx.navigateTo({ | |||||
| // url: '/packages/enterprise/pages/enterprise-certification/enterprise-certification', | |||||
| // }) | |||||
| // return false | |||||
| // } else if (userInfoCount.realNameAuthFlag === 3) { | |||||
| // wx.showToast({ | |||||
| // title: '身份审核中...', | |||||
| // icon: 'none' | |||||
| // }) | |||||
| // return false | |||||
| // } | |||||
| else { | |||||
| uni.navigateTo({ | |||||
| url: '/packages/enterprise/pages/my-appeal/my-appeal' | |||||
| }); | }); | ||||
| if (res.data) { | |||||
| this.typeList = res.data.list | |||||
| } | |||||
| }, | |||||
| myAppeal() { | |||||
| const { | |||||
| userInfoCount, | |||||
| isLogin | |||||
| } = this; | |||||
| if (!isLogin) { | |||||
| uni.navigateTo({ | |||||
| url: '/pages/authorize/authorize' | |||||
| }); | |||||
| return false; | |||||
| } | |||||
| // 暂时去除实名认证 | |||||
| // else if (userInfoCount.realNameAuthFlag === 0) { | |||||
| // wx.navigateTo({ | |||||
| // url: '/packages/enterprise/pages/enterprise-certification/enterprise-certification', | |||||
| // }) | |||||
| // return false | |||||
| // } else if (userInfoCount.realNameAuthFlag === 3) { | |||||
| // wx.showToast({ | |||||
| // title: '身份审核中...', | |||||
| // icon: 'none' | |||||
| // }) | |||||
| // return false | |||||
| // } | |||||
| else { | |||||
| uni.navigateTo({ | |||||
| url: '/packages/enterprise/pages/my-appeal/my-appeal' | |||||
| }); | |||||
| } | |||||
| }, | |||||
| } | |||||
| }, | |||||
| crateAppeal() { | |||||
| const { | |||||
| userInfoCount, | |||||
| isLogin | |||||
| } = this; | |||||
| if (!isLogin) { | |||||
| uni.navigateTo({ | |||||
| url: '/pages/authorize/authorize' | |||||
| }); | |||||
| return false; | |||||
| } | |||||
| // 去除实名认证 | |||||
| // else if (userInfoCount.realNameAuthFlag === 0) { | |||||
| // wx.navigateTo({ | |||||
| // url: '/packages/enterprise/pages/enterprise-certification/enterprise-certification', | |||||
| // }) | |||||
| // return false | |||||
| // } else if (userInfoCount.realNameAuthFlag === 3) { | |||||
| // wx.showToast({ | |||||
| // title: '身份审核中...', | |||||
| // icon: 'none' | |||||
| // }) | |||||
| // return false | |||||
| // } | |||||
| else { | |||||
| uni.navigateTo({ | |||||
| url: '/packages/enterprise/pages/issue-appeal/issue-appeal' | |||||
| }); | |||||
| } | |||||
| crateAppeal() { | |||||
| const { | |||||
| userInfoCount, | |||||
| isLogin | |||||
| } = this; | |||||
| if (!isLogin) { | |||||
| uni.navigateTo({ | |||||
| url: '/pages/phone/index' | |||||
| }); | |||||
| return false; | |||||
| } | |||||
| // 去除实名认证 | |||||
| // else if (userInfoCount.realNameAuthFlag === 0) { | |||||
| // wx.navigateTo({ | |||||
| // url: '/packages/enterprise/pages/enterprise-certification/enterprise-certification', | |||||
| // }) | |||||
| // return false | |||||
| // } else if (userInfoCount.realNameAuthFlag === 3) { | |||||
| // wx.showToast({ | |||||
| // title: '身份审核中...', | |||||
| // icon: 'none' | |||||
| // }) | |||||
| // return false | |||||
| // } | |||||
| else { | |||||
| uni.navigateTo({ | |||||
| url: '/packages/enterprise/pages/issue-appeal/issue-appeal' | |||||
| }); | |||||
| } | } | ||||
| } | } | ||||
| }; | |||||
| } | |||||
| }; | |||||
| </script> | </script> | ||||
| <style lang="less"> | <style lang="less"> | ||||
| page { | |||||
| --nav-bar-background-color: transparent; | |||||
| --nav-bar-text-color: #ffffff; // 导航栏左侧文案样式 | |||||
| background-color: #fff; | |||||
| } | |||||
| .mt-20 { | |||||
| margin-top: 40rpx; | |||||
| } | |||||
| .mt-21 { | |||||
| margin-top: 21rpx; | |||||
| } | |||||
| .enterprise-title { | |||||
| font-size: 32r; | |||||
| font-weight: 400; | |||||
| color: #000000; | |||||
| } | |||||
| .line-navigator { | |||||
| page { | |||||
| --nav-bar-background-color: transparent; | |||||
| --nav-bar-text-color: #ffffff; // 导航栏左侧文案样式 | |||||
| background-color: #fff; | |||||
| } | |||||
| .mt-20 { | |||||
| margin-top: 40rpx; | |||||
| } | |||||
| .mt-21 { | |||||
| margin-top: 21rpx; | |||||
| } | |||||
| .enterprise-title { | |||||
| font-size: 32r; | |||||
| font-weight: 400; | |||||
| color: #000000; | |||||
| } | |||||
| .line-navigator { | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| position: absolute; | |||||
| z-index: 10; | |||||
| top: 0; | |||||
| left: 0; | |||||
| } | |||||
| swiper, | |||||
| swiper-item { | |||||
| width: 100%; | |||||
| height: 400rpx; | |||||
| image { | |||||
| width: 100%; | width: 100%; | ||||
| height: 100%; | height: 100%; | ||||
| position: absolute; | |||||
| z-index: 10; | |||||
| top: 0; | |||||
| left: 0; | |||||
| } | } | ||||
| } | |||||
| swiper, | |||||
| swiper-item { | |||||
| width: 100%; | |||||
| height: 400rpx; | |||||
| .enterprise-appeal { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: space-between; | |||||
| padding: 30rpx 24rpx 0 24rpx; | |||||
| image { | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| .enterprise-appeal-item { | |||||
| width: 340rpx; | |||||
| height: 122rpx; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| border-radius: 16rpx; | |||||
| padding: 0 24rpx; | |||||
| background-color: #fef9f5; | |||||
| position: relative; | |||||
| .enterprise-appeal-icon { | |||||
| width: 120rpx; | |||||
| height: 80rpx; | |||||
| border-radius: 46rpx; | |||||
| margin-right: 24rpx; | |||||
| } | |||||
| &:nth-child(2n) { | |||||
| background-color: #fef6f6; | |||||
| } | } | ||||
| } | } | ||||
| } | |||||
| .enterprise-appeal { | |||||
| .good-reply { | |||||
| padding: 40rpx 24rpx; | |||||
| } | |||||
| .good-reply-conent { | |||||
| margin-top: 37rpx; | |||||
| .good-reply-flex { | |||||
| display: flex; | display: flex; | ||||
| align-items: center; | align-items: center; | ||||
| justify-content: space-between; | justify-content: space-between; | ||||
| padding: 30rpx 24rpx 0 24rpx; | |||||
| .enterprise-appeal-item { | |||||
| width: 340rpx; | |||||
| height: 122rpx; | |||||
| view { | |||||
| display: flex; | display: flex; | ||||
| align-items: center; | align-items: center; | ||||
| border-radius: 16rpx; | |||||
| padding: 0 24rpx; | |||||
| background-color: #fef9f5; | |||||
| position: relative; | |||||
| justify-content: space-between; | |||||
| .enterprise-appeal-icon { | |||||
| width: 120rpx; | |||||
| height: 80rpx; | |||||
| border-radius: 46rpx; | |||||
| image { | |||||
| width: 44rpx; | |||||
| height: 44rpx; | |||||
| border-radius: 50%; | |||||
| margin-right: 24rpx; | margin-right: 24rpx; | ||||
| } | } | ||||
| &:nth-child(2n) { | |||||
| background-color: #fef6f6; | |||||
| .good-reply-conent-title { | |||||
| font-size: 32rpx; | |||||
| font-weight: 400; | |||||
| color: #fe3b53; | |||||
| } | |||||
| .good-reply-conent-bg { | |||||
| width: 100rpx; | |||||
| height: 38rpx; | |||||
| text-align: center; | |||||
| color: #fff; | |||||
| line-height: 38rpx; | |||||
| background: #fe3b53; | |||||
| box-shadow: 2px 2px 2px 0px rgba(254, 61, 85, 0.1); | |||||
| border-radius: 500rpx; | |||||
| margin-left: 39rpx; | |||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| .good-reply { | |||||
| padding: 40rpx 24rpx; | |||||
| .good-reply-conent-block { | |||||
| font-size: 24rp; | |||||
| font-weight: 400; | |||||
| color: #999999; | |||||
| } | } | ||||
| .good-reply-conent { | |||||
| margin-top: 37rpx; | |||||
| .good-reply-flex { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: space-between; | |||||
| .good-reply-title { | |||||
| font-size: 32rpx; | |||||
| font-weight: 500; | |||||
| color: #000000; | |||||
| } | |||||
| view { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: space-between; | |||||
| image { | |||||
| width: 44rpx; | |||||
| height: 44rpx; | |||||
| border-radius: 50%; | |||||
| margin-right: 24rpx; | |||||
| } | |||||
| .good-reply-conent-title { | |||||
| font-size: 32rpx; | |||||
| font-weight: 400; | |||||
| color: #fe3b53; | |||||
| } | |||||
| .good-reply-conent-bg { | |||||
| width: 100rpx; | |||||
| height: 38rpx; | |||||
| text-align: center; | |||||
| color: #fff; | |||||
| line-height: 38rpx; | |||||
| background: #fe3b53; | |||||
| box-shadow: 2px 2px 2px 0px rgba(254, 61, 85, 0.1); | |||||
| border-radius: 500rpx; | |||||
| margin-left: 39rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| .good-reply-subheading { | |||||
| font-size: 28rp; | |||||
| font-weight: 400; | |||||
| color: #333333; | |||||
| margin-top: 24rpx; | |||||
| } | |||||
| .good-reply-conent-block { | |||||
| font-size: 24rp; | |||||
| font-weight: 400; | |||||
| color: #999999; | |||||
| } | |||||
| .good-reply-imgage { | |||||
| margin-top: 24rpx; | |||||
| display: grid; | |||||
| grid-template-columns: 1fr 1fr 1fr; | |||||
| .good-reply-title { | |||||
| font-size: 32rpx; | |||||
| font-weight: 500; | |||||
| color: #000000; | |||||
| image { | |||||
| width: 222rpx; | |||||
| height: 150rpx; | |||||
| border-radius: 10rpx; | |||||
| margin-bottom: 20rpx; | |||||
| } | } | ||||
| } | |||||
| .good-reply-subheading { | |||||
| font-size: 28rp; | |||||
| font-weight: 400; | |||||
| color: #333333; | |||||
| margin-top: 24rpx; | |||||
| } | |||||
| .good-reply-bg { | |||||
| width: 678rpx; | |||||
| // height: 232rpx; | |||||
| background: #f7f7f7; | |||||
| border-radius: 8px; | |||||
| margin-top: 32rpx; | |||||
| padding: 28rpx 20rpx; | |||||
| .good-reply-imgage { | |||||
| margin-top: 24rpx; | |||||
| display: grid; | |||||
| grid-template-columns: 1fr 1fr 1fr; | |||||
| view { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: space-between; | |||||
| image { | image { | ||||
| width: 222rpx; | |||||
| height: 150rpx; | |||||
| border-radius: 10rpx; | |||||
| margin-bottom: 20rpx; | |||||
| width: 32rpx; | |||||
| height: 32rpx; | |||||
| margin-right: 8rpx; | |||||
| } | } | ||||
| } | |||||
| .good-reply-bg { | |||||
| width: 678rpx; | |||||
| // height: 232rpx; | |||||
| background: #f7f7f7; | |||||
| border-radius: 8px; | |||||
| margin-top: 32rpx; | |||||
| padding: 28rpx 20rpx; | |||||
| view { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: space-between; | |||||
| image { | |||||
| width: 32rpx; | |||||
| height: 32rpx; | |||||
| margin-right: 8rpx; | |||||
| } | |||||
| text { | |||||
| font-size: 28rpx; | |||||
| font-weight: 400; | |||||
| color: #fe3b53; | |||||
| } | |||||
| } | |||||
| .good-reply-bg-conent { | |||||
| padding: 16rpx 0 0 40rpx; | |||||
| text { | |||||
| font-size: 28rpx; | font-size: 28rpx; | ||||
| font-weight: 400; | font-weight: 400; | ||||
| color: #333333; | |||||
| color: #fe3b53; | |||||
| } | } | ||||
| } | } | ||||
| } | |||||
| // 模块配置样式 start | |||||
| .title { | |||||
| .good-reply-bg-conent { | |||||
| padding: 16rpx 0 0 40rpx; | |||||
| font-size: 28rpx; | |||||
| font-weight: 400; | |||||
| color: #333333; | |||||
| } | |||||
| } | |||||
| } | |||||
| // 模块配置样式 start | |||||
| .title { | |||||
| font-size: 36rpx; | |||||
| font-weight: 500; | |||||
| color: #000000; | |||||
| line-height: 36rpx; | |||||
| padding-left: 6rpx; | |||||
| .title-name { | |||||
| position: relative; | |||||
| font-size: 36rpx; | font-size: 36rpx; | ||||
| font-weight: 500; | font-weight: 500; | ||||
| color: #000000; | |||||
| line-height: 36rpx; | |||||
| padding-left: 6rpx; | |||||
| color: #333333; | |||||
| &::after { | |||||
| content: ''; | |||||
| position: absolute; | |||||
| left: -6rpx; | |||||
| bottom: 0; | |||||
| z-index: -1; | |||||
| // width: 175rpx; | |||||
| width: 115%; | |||||
| height: 10rpx; | |||||
| background: var(--title-guides-color); | |||||
| border-radius: 2rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| .life-section { | |||||
| padding: 0 24rpx; | |||||
| } | |||||
| .second-block, | |||||
| .third-block, | |||||
| .fourth-block { | |||||
| margin-top: 50rpx; | |||||
| .title-name { | |||||
| .second-model { | |||||
| margin-top: 40rpx; | |||||
| flex-wrap: wrap; | |||||
| .second-line { | |||||
| width: 343rpx; | |||||
| height: 110rpx; | |||||
| justify-content: center; | |||||
| padding-left: 39rpx; | |||||
| position: relative; | position: relative; | ||||
| font-size: 36rpx; | |||||
| font-weight: 500; | |||||
| color: #333333; | |||||
| &::after { | |||||
| content: ''; | |||||
| &:not(:first-child) { | |||||
| margin-top: 16rpx; | |||||
| } | |||||
| .line-bg { | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| position: absolute; | position: absolute; | ||||
| left: -6rpx; | |||||
| bottom: 0; | |||||
| z-index: -1; | |||||
| // width: 175rpx; | |||||
| width: 115%; | |||||
| height: 10rpx; | |||||
| background: var(--title-guides-color); | |||||
| border-radius: 2rpx; | |||||
| // z-index: -1; | |||||
| top: 0; | |||||
| left: 0; | |||||
| } | } | ||||
| } | |||||
| } | |||||
| .life-section { | |||||
| padding: 0 24rpx; | |||||
| } | |||||
| .line-title { | |||||
| position: absolute; | |||||
| font-size: 40rpx; | |||||
| font-weight: 500; | |||||
| line-height: 32rpx; | |||||
| } | |||||
| .second-block, | |||||
| .third-block, | |||||
| .fourth-block { | |||||
| margin-top: 50rpx; | |||||
| .second-model { | |||||
| margin-top: 40rpx; | |||||
| flex-wrap: wrap; | |||||
| .second-line { | |||||
| width: 343rpx; | |||||
| height: 110rpx; | |||||
| justify-content: center; | |||||
| padding-left: 39rpx; | |||||
| position: relative; | |||||
| &:not(:first-child) { | |||||
| margin-top: 16rpx; | |||||
| } | |||||
| .line-bg { | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| position: absolute; | |||||
| // z-index: -1; | |||||
| top: 0; | |||||
| left: 0; | |||||
| } | |||||
| .line-title { | |||||
| position: absolute; | |||||
| font-size: 40rpx; | |||||
| font-weight: 500; | |||||
| line-height: 32rpx; | |||||
| } | |||||
| .line-msg { | |||||
| position: absolute; | |||||
| margin-top: 100rpx; | |||||
| font-size: 26rpx; | |||||
| font-weight: 400; | |||||
| color: #666666; | |||||
| line-height: 26rpx; | |||||
| } | |||||
| .line-msg { | |||||
| position: absolute; | |||||
| margin-top: 100rpx; | |||||
| font-size: 26rpx; | |||||
| font-weight: 400; | |||||
| color: #666666; | |||||
| line-height: 26rpx; | |||||
| } | } | ||||
| } | |||||
| .line1 { | |||||
| width: 100%; | |||||
| height: 171rpx; | |||||
| .line1 { | |||||
| width: 100%; | |||||
| height: 171rpx; | |||||
| .line-title { | |||||
| font-size: 40rpx; | |||||
| font-weight: 500; | |||||
| line-height: 40rpx; | |||||
| } | |||||
| .line-title { | |||||
| font-size: 40rpx; | |||||
| font-weight: 500; | |||||
| line-height: 40rpx; | |||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| } | |||||
| // 模块配置样式 end | |||||
| // 模块配置样式 end | |||||
| </style> | </style> | ||||
| @@ -303,7 +303,7 @@ | |||||
| this.getInitData(); | this.getInitData(); | ||||
| } else { | } else { | ||||
| uni.navigateTo({ | uni.navigateTo({ | ||||
| url: '/pages/authorize/authorize' | |||||
| url: '/pages/phone/index' | |||||
| }); | }); | ||||
| } | } | ||||
| }, | }, | ||||
| @@ -38,7 +38,7 @@ const responseFuns = { | |||||
| }); | }); | ||||
| setTimeout(() => { | setTimeout(() => { | ||||
| uni.navigateTo({ | uni.navigateTo({ | ||||
| url: '/pages/authorize/authorize' | |||||
| url: '/pages/phone/index' | |||||
| }); | }); | ||||
| }, 2000); | }, 2000); | ||||
| }, | }, | ||||
| @@ -52,7 +52,7 @@ const responseFuns = { | |||||
| }); | }); | ||||
| setTimeout(() => { | setTimeout(() => { | ||||
| uni.navigateTo({ | uni.navigateTo({ | ||||
| url: '/pages/authorize/authorize' | |||||
| url: '/pages/phone/index' | |||||
| }); | }); | ||||
| }, 2000); | }, 2000); | ||||
| }, | }, | ||||
| @@ -134,9 +134,17 @@ function updateQuery(url, item) { | |||||
| if (!item) { | if (!item) { | ||||
| return url; | return url; | ||||
| } | } | ||||
| let name = item.name; | |||||
| let newUrl = url.replace(/name=\[name\]/, 'name=' + name); | |||||
| return newUrl; | |||||
| let keys = Object.keys(item); | |||||
| let newUrl = url; | |||||
| keys.forEach(key => { | |||||
| let value = item[key]; | |||||
| let search = `\\[${key}\\]`; | |||||
| let regex = new RegExp(search, 'g'); | |||||
| newUrl = newUrl.replace(regex, value); | |||||
| }); | |||||
| return newUrl | |||||
| } | } | ||||
| function formatStr(str) { | function formatStr(str) { | ||||