Skip to content

basic-uniapp-v3
basic-uniapp-v3
提交 61cf84cb 作者: 王定
操作

feat: 完成农机租购模块，及农业政策新点新闻

上级 e49c9a30
正在显示 包含 774 行增加 和 25 行删除
src/api/model/home.ts
......@@ -9,7 +9,24 @@ enum Api {
warning = '/warningInfo/list',
postConsultRecordAdd = '/server/consultRecord/add', // 添加咨询信息
getNewsList = '/news/list', // 分页列表查询
}
/**
* @param params 请求参数
* @description: 分页列表查询热门新闻管理
*/
export function getNewsList(params = {}) {
return otherHttp.get({
url: Api.getNewsList,
params,
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
})
}
/**
* @param params 添加
* @description: 添加咨询信息
......
src/api/model/nongjifuwu.ts
......@@ -8,6 +8,34 @@ enum Api {
farmMachineAddFarm = '/farmMachine/machineWork/app/addFarm', // 发布农活服务
farmMachineEdit = '/farmMachine/machineWork/edit', // 编辑农机服务
farmMachineRegister = '/farmMachine/machineWork/app/register', // 参与服务
postMachineryAdd = '/server/machinery/add', // 农机商品管理-添加
postMachineryQueryById = '/server/machinery/listByEnterpriseId', // 按企业ID查询未删除农机
}
/**
* @param params 请求参数
* @description: 按企业ID查询未删除农机
*/
export function postMachineryQueryById(params = {}) {
return otherHttp.get({
url: Api.postMachineryQueryById,
params,
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
})
}
/**
* @param params 请求参数
* @description: 农机商品管理-添加
*/
export function postMachineryAdd(params = {}) {
return otherHttp.post({
url: Api.postMachineryAdd,
params,
})
}
/**
......
src/pages.json
......@@ -727,6 +727,20 @@
{
"navigationBarTitleText" : "农机服务入驻申请"
}
},
{
"path" : "pages/nongjifuwu/detail",
"style" :
{
"navigationBarTitleText" : "详情"
}
},
{
"path" : "pages/nongyezhengce/nongyezhengce",
"style" :
{
"navigationBarTitleText" : "农业政策"
}
}
],
"easycom": {
......
src/pages/kexinnongzi/detail.vue
......@@ -232,6 +232,7 @@
productInfo.maxSellPrice = "";
productInfo.unit = "";
productInfo.image = "";
pageData.productImageArr = [];
pageData.isPopupShow = true;
}
function makePhoneCall(){
......@@ -516,6 +517,6 @@
height: 80rpx;
position: fixed;
left: 30rpx;
bottom: 450rpx;
bottom: 20rpx;
}
</style>
src/pages/kexinnongzi/kexinnongzi.vue
......@@ -32,7 +32,7 @@
async function getList(params) {
if (pageData.loading) return
pageData.loading = true
NongzhiAPI.getEnterpriseList(params).then((res) => {
await NongzhiAPI.getEnterpriseList(params).then((res) => {
if (res.records.length > 0) {
const { records } = res
if (pageData.params.pageNo === 1) {
......@@ -52,7 +52,6 @@
function toDetail(item) {
console.log(item);
let param = encodeURIComponent(JSON.stringify({id:item.id,name:item.enterpriseName}));
Navigate.to(`/pages/kexinnongzi/detail?param=${param}`)
}
......@@ -79,7 +78,7 @@
</view>
<view class="page_content">
<view class="item_list" v-for="item in pageData.dataList" :key="item.id" @click="toDetail(item)">
<view class="item_list" v-for="item in pageData.dataList" :key="item.id">
<view class="item_left">
<image class="enterprise_logo" mode="aspectFit" :src="item.businessLicenseUrl" />
</view>
......@@ -87,20 +86,7 @@
<view class="item_name ellipsis">{{item.enterpriseName}}</view>
<view class="item_description ellipsis">{{item.businessScope}}</view>
<view class="item_details">
<view class="detail_btn">查看详情</view>
</view>
</view>
</view>
<view class="item_list" @click="toDetail({name:'中粮集团',id:8})">
<view class="item_left">
<image class="enterprise_logo" mode="aspectFit" src="" />
</view>
<view class="item_right">
<view class="item_name ellipsis">中粮集团</view>
<view class="item_description ellipsis">产品描述</view>
<view class="item_details">
<view class="detail_btn">查看详情</view>
<view class="detail_btn" @click="toDetail(item)">查看详情</view>
</view>
</view>
</view>
......
src/pages/nongjifuwu/detail.vue 0 → 100644
<script setup lang="ts">
import { onLoad } from '@dcloudio/uni-app'
import Navigate from '@/utils/page/navigate'
import { reactive, ref } from 'vue'
import { useUserStore } from '@/store/modules/user'
import { useGlobSetting } from '/@/hooks/setting'
import * as NongzhiAPI from '@/api/model/nongzhi'
import * as NongjifuwuAPI from '@/api/model/nongjifuwu'
import * as LinghuoyonggongAPI from '@/api/model/linghuoyonggong'
const userStore = useUserStore()
const globSetting = useGlobSetting()
let enterpriseId = null;
onLoad((options) => {
let param = JSON.parse(decodeURIComponent(options.param));
uni.setNavigationBarTitle({
title: param.name
});
enterpriseId = param.id;
getDetailData(enterpriseId);
getProvince(0,null);
postMachineryQueryById();
})
const toastRef = ref()
const unitPopupRef = ref(null);
const uploadRef = ref()
const bgColorData = ["#EEFAEB","#EFF1FF","#FFF3F1","#E8F7F7","#FFF3E7","#FAF8EA"];
const pageData = reactive({
data:null,
enterpriseCers:[],
isPopupShow:false,
unitPopup:false,
unitOptions:[],
unitVal:[],
productImageArr:[],
categoryPopup:false,
categoryOptions:[],
categoryText:[],
categoryVal:[],
enterpriseProduct:[],
rules: [
{
name: 'name',
rule: ['required'],
msg: ['请输入农机名称'],
},{
name: "mobile",
rule: ["required", "isMobile"],
msg: ["请输入联系电话", "请输入正确的联系电话"]
},{
name: 'areaText',
rule: ['required'],
msg: ['请选择服务区域'],
},{
name: 'minPrice',
rule: ['required'],
msg: ['请输入最低价'],
},{
name: 'maxPrice',
rule: ['required'],
msg: ['请输入最高价'],
},
{
name: 'image',
rule: ['required'],
msg: ['请选择商品图片'],
},
]
})
let productInfo = reactive({
id:"",
name:"",// 商品名称
mobile:"", // 联系方式
province:"", // 省
city:"", // 市
districts:"", // 区县
minPrice:"", // 最小销售价
maxPrice: "", // 最大销售价
image:"", // 农机图片
enterpriseId:"", // 企业ID
areaText:'',
})
function handleSelectArea(){
pageData.unitPopup = true;
}
function postMachineryQueryById(){
NongjifuwuAPI.postMachineryQueryById({enterpriseId:enterpriseId}).then((res) => {
pageData.enterpriseProduct = res;
})
}
// 文件上传
function handleUpload(file) {
const tempFilePaths = file.tempFilePaths;
// 处理每张选中的图片
for(let i = 0; i < tempFilePaths.length; i++){
uni.uploadFile({
url: `${globSetting.apiUrl + globSetting.urlPrefix}/sys/common/upload`, // 直接使用上传接口URL
filePath: tempFilePaths[i],
name: 'file',
formData: {
biz: 'temp',
},
header: {
'X-Access-Token': userStore.getToken,
},
success: (res) => {
if (res.statusCode === 200) {
const data = JSON.parse(res.data)
if (data.code === 200 || data.code === 0) {
toastRef.value.show({
type: 'success',
text: '上传成功',
})
pageData.productImageArr[0] = data.message // 保存返回的图片信息
}
}
},
fail: (err) => {
toastRef.value.show({
type: 'error',
text: '上传失败',
})
uploadRef.value.clearFiles()
pageData.productImageArr[0] = null
},
})
}
}
// 文件删除
function handleDelete(file,type) {
uploadRef.value.clearFiles()
pageData.productImageArr[0] = null
}
function selectCompleteUnit(e){
const text = e.text;
const areaAttr = ['province','city','districts'];
for(let i = 0; i < text.length;i++){
productInfo[areaAttr[i]] = text[i];
}
productInfo.areaText = text.join('');
pageData.unitPopup = false;
}
function changeUnit(e){
let val = e.value;
getProvince(val,e);
}
function handleSelectUnit(){
pageData.unitPopup = true;
}
// 获取下一级地区
function getProvince(code,e) {
if(e && e.layer >=2){
unitPopupRef.value.end();
return;
}
LinghuoyonggongAPI.queryConditions({ parentCode : code}).then(res=>{
if(res.length){
let dataArr = [];
for(let i = 0; i < res.length; i++){
let obj = {text:"",value:""};
obj.text = res[i].name;
obj.value = res[i].code;
dataArr.push(obj);
}
if(!pageData.unitOptions.length){
pageData.unitOptions = dataArr;
}else{
unitPopupRef.value.setRequestData(dataArr, e.layer);
}
}else{
unitPopupRef.value.end();
}
})
}
// 发布
const formRef = ref()
function addData(){
productInfo.image = pageData.productImageArr[0];
formRef.value.validator(productInfo, pageData.rules, true).then((res) => {
if (res.isPassed) {
NongjifuwuAPI.postMachineryAdd(productInfo).then((res) => {
toastRef.value.show({
type: 'success',
text: '发布成功',
})
pageData.isPopupShow = false;
setTimeout(()=>{
postMachineryQueryById();
},500)
})
}
})
}
function getDetailData(id){
NongzhiAPI.getEnterpriseDetail({ id }).then((res) => {
pageData.enterpriseCers = res.enterpriseCers.split(",");
pageData.data = res;
productInfo.enterpriseId = res.id;
})
}
function getBgColor(index:any){
if(index < 6){
return bgColorData[index];
}else{
return bgColorData[Math.floor(Math.random() * 5)];
}
}
function handlePublish() {
productInfo.id = "";
productInfo.name = "";
productInfo.mobile = "";
productInfo.province = "";
productInfo.city = "";
productInfo.districts = "";
productInfo.minPrice = "";
productInfo.maxPrice = "";
productInfo.image = "";
productInfo.areaText = "";
pageData.productImageArr = [];
pageData.isPopupShow = true;
}
function makePhoneCall(){
uni.makePhoneCall({
phoneNumber: pageData.data.createBy
});
}
</script>
<template>
<view class="w-full h-95vh bg-#E6F5E8 detail_page">
<view class="module_width top_content" v-if="pageData.data">
<!-- <view class="enterprise_logo_view"><image class="enterprise_logo" mode="heightFix" :src="pageData.data.enterpriseLogoUrl" /></view> -->
<view class="enterprise_logo_view"><text class="enterprise_name">{{pageData.data.enterpriseName}}</text></view>
<view class="enterprise_business">主营：{{pageData.data.businessScope}}</view>
<view class="enterprise_description">{{pageData.data.profile}}</view>
</view>
<view class="module_width middle_content">
<view class="module_title">资质证书</view>
<view class="module_separate"></view>
<view class="module_qualification">
<view class="qualification_item" :style="`background:${getBgColor(index)}`" v-for="(item,index) in pageData.enterpriseCers" :key="index">
<image class="enterprise_logo" mode="heightFix" :src="item" />
<!-- <view class="qualification_name ellipsis">{{item}}</view> -->
</view>
</view>
</view>
<view class="module_width footer_content">
<view class="module_title">主营农机</view>
<view class="module_separate"></view>
<view class="business_item" v-for="item in pageData.enterpriseProduct" :key="item.id">
<image class="business_img" src="/static/images/test/test.jpg" />
<view class="yr-right">
<view>
<view class="product-name">{{item.name}}</view>
<view class="services-range">服务范围：{{item.province}}{{item.city}}{{item.districts}}</view>
</view>
<view class="services-price text-red"><text class="font-size24">¥</text><text class="font-size32">{{item.minPrice}}~{{item.maxPrice}}</text class="text-grey font-size24"> /亩</view>
</view>
</view>
</view>
<view class="make-phone-view">
<fui-button text="我要租赁" bold radius="96rpx" @click="makePhoneCall()" height="80rpx"/>
</view>
</view>
<fui-fab position="right" distance="10" bottom="240" width="120" @click="handlePublish">
<view class="text-white text-center">
<view class="fab-icon" />
<view style="font-size: 24rpx">发布产品</view>
</view>
</fui-fab>
<fui-bottom-popup :show="pageData.isPopupShow" @close="pageData.isPopupShow = false">
<view class="fui-custom__wrap yr_person_popup">
<view class="popup_top">
<uni-icons type="left" size="24" color="#333333" @click="pageData.isPopupShow = false"></uni-icons>
<view class="add_person_text">农机信息</view>
<view class="del_person_btn"></view>
</view>
<view class="popup_content">
<fui-form label-weight="auto" ref="formRef" top="0">
<fui-input required label="农机名称" borderTop placeholder="请输入农机名称" v-model="productInfo.name" label-width="220" size="28"></fui-input>
<fui-input required maxlength="11" label="联系电话" placeholder="请输入联系方式" v-model="productInfo.mobile" label-width="220" size="28"></fui-input>
<fui-input @click="handleSelectArea" required label="服务区域" placeholder="请选择服务区域" disabled :value="productInfo.areaText" label-width="220" size="28"></fui-input>
<fui-form-item asterisk label="价格（元/亩）" labelSize="28" label-width="220" size="28">
<fui-input v-model="productInfo.minPrice" :borderBottom="false" :padding="[0]" placeholder="最低价"></fui-input>
<template v-slot:right>
<view style="color: #CCCCCC;margin-right: 40rpx;">—</view>
<fui-input v-model="productInfo.maxPrice" :borderBottom="false" :padding="[0]" placeholder="最高价"></fui-input>
</template>
</fui-form-item>
<fui-form-item asterisk label="商品图片" :bottomBorder="false">
<template v-slot:vertical>
<uni-file-picker :value="pageData.productImageArr" ref="uploadRef" limit="1" :auto-upload="false" @select="handleUpload" @delete="handleDelete"/>
</template>
</fui-form-item>
</fui-form>
</view>
<fui-button text="保存" bold radius="96rpx" @click="addData" height="80rpx"/>
</view>
</fui-bottom-popup>
<fui-bottom-popup :show="pageData.unitPopup">
<view class="fui-scroll__wrap">
<view class="fui-title">请选择</view>
<fui-cascader ref="unitPopupRef" :value="pageData.unitVal" stepLoading @change="changeUnit" @complete="selectCompleteUnit" :options="pageData.unitOptions"></fui-cascader>
<view class="fui-icon__close" @tap.stop="pageData.unitPopup=false">
<fui-icon name="close" :size="48"></fui-icon>
</view>
</view>
</fui-bottom-popup>
<fui-toast ref="toastRef" />
</template>
<style lang="less" scoped>
.detail_page{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
padding-bottom: 40rpx;
.module_width{
width: 690rpx;
margin-top: 24rpx;
background: #FFFFFF;
border-radius: 20rpx;
padding:28rpx;
box-sizing: border-box;
}
.ellipsis{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.top_content{
.enterprise_logo_view{
width: 630rpx;
display:flex;
align-items: flex-start;
.enterprise_logo{
height: 80rpx;
}
.enterprise_name{
font-size: 32rpx;
font-weight: 500;
line-height: 40rpx;
color: #333333;
}
}
.enterprise_business{
width: 636rpx;
padding:8rpx 20rpx;
border-radius: 8rpx;
background: linear-gradient(233.81deg, rgba(92, 181, 110, 1) 0%, rgba(100, 214, 62, 1) 100%);
font-size: 24rpx;
font-weight: 500;
line-height: 40rpx;
color: #FFFFFF;
margin-top: 32rpx;
}
.enterprise_description{
margin-top: 20rpx;
font-size: 24rpx;
font-weight: 400;
letter-spacing: 0px;
line-height: 40rpx;
color: #333333;
text-align: justify;
vertical-align: middle;
text-indent: 2em;
}
}
.middle_content{
}
.module_title{
font-size: 32rpx;
font-weight: 500;
line-height: 40rpx;
color: #333333;
text-align: justify;
vertical-align: middle;
}
.module_separate{
margin-top: 20rpx;
width: 128rpx;
height: 6rpx;
opacity: 1;
background: linear-gradient(233.81deg, #5CB56E 0%, #64D63E 100%);
}
.module_qualification{
margin-top: 6rpx;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
.qualification_item{
width: 198rpx;
height: 166rpx;
margin-left: 20rpx;
margin-top: 26rpx;
border-radius: 8rpx;
padding-top: 8rpx;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: center;
.enterprise_logo{
height: 114rpx;
max-width: 160rpx;
}
.qualification_name{
height: 40rpx;
line-height: 40rpx;
font-size: 20rpx;
color: #333333;
max-width: 160rpx;
}
}
.qualification_item:nth-child(3n+1){
margin-left: 0rpx;
}
}
.business_item{
border-bottom: 1px solid #EEEEEE;
margin-top: 24rpx;
padding-bottom: 20rpx;
display: flex;
justify-content: space-between;
.business_img{
width: 160rpx;
height: 160rpx;
border-radius: 8rpx;
}
.yr-right{
width: 450rpx;
display: flex;
flex-wrap: wrap;
align-content:space-between;
padding:4rpx 0rpx;
.product-name{
height: 40rpx;
line-height: 40rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
}
.services-range{
font-size: 24rpx;
font-weight: 400;
height: 32rpx;
line-height: 32rpx;
color: #555555;
}
.services-price{
height: 40rpx;
}
.text-red{color:#F2130D;}
.text-grey{color:#999999;}
.font-size24{font-size: 24rpx;}
.font-size32{font-size: 32rpx;}
}
}
.business_item:last-child{
border-bottom:none;
}
}
::v-deep .fui-fab__btn-main {
background: linear-gradient(124.25deg, #a5d63f 0%, #5db66f 100%) !important;
box-shadow: 0px 1px 8px #5db66f;
}
.fui-scroll__wrap {
padding-top: 30rpx;
position: relative;
}
.fui-title {
font-size: 30rpx;
font-weight: bold;
text-align: center;
padding-bottom: 24rpx;
}
.fui-icon__close {
position: absolute;
top: 24rpx;
right: 24rpx;
}
.make-phone-view{
width: 690rpx;
height: 80rpx;
position: fixed;
left: 30rpx;
bottom: 20rpx;
}
</style>
src/pages/nongjifuwu/nongjifuwu.vue
......@@ -51,8 +51,6 @@
if(pageData.search.serviceType == 1){
NongzhiAPI.getEnterpriseList(pageData.search)
.then((res) => {
console.log("猎取到了企业");
console.log(res);
const { records, total } = res
pageData.farmMachineList = [...pageData.farmMachineList, ...records]
pageData.total = total
......@@ -93,7 +91,7 @@
// 分类标签点击事件
function onCategoryTabClick(tab: any) {
console.log('点击分类标签:', tab)
pageData.search.serviceType = tab.id
pageData.search.serviceType = tab.id;
// 在这里添加具体的分类标签点击逻辑
pageData.search.pageNo = 1
pageData.farmMachineList = []
......@@ -131,6 +129,12 @@
search()
}
function toDetail(item) {
let param = encodeURIComponent(JSON.stringify({id:item.id,name:item.enterpriseName}));
Navigate.to(`/pages/nongjifuwu/detail?param=${param}`)
}
onNavigationBarButtonTap(() => {
/* pageData.search.scope = null
search() */
......@@ -150,7 +154,7 @@
<view class="codefun-flex-row codefun-justify-between section_2">
<text class="font_2 text_2">服务区域</text>
<view class="codefun-flex-row codefun-items-center" @click="pageData.show.address = true">
<text class="font_2 text_3">{{ getText(pageData.search.scope, ' / ') || '选择区域' }}</text>
<text class="font_2 text_3">{{ getText(pageData.search.scope, ' / ') || '选择市县乡镇' }}</text>
<image
class="codefun-shrink-0 image_7 codefun-ml-4"
src="/static/images/codefun/774cfe989f8417dc655fb301635f5893.png"
......@@ -184,7 +188,7 @@
<view class="text-ellipsis yr-item-product">公司主营： {{item.businessScope}}</view>
<view class="yr-item-info">
<view class="text-ellipsis yr-item-address">{{item.provinceName}}{{item.cityName}}{{item.districtName}}{{item.townName}}</view>
<view class="yr-item-detail">查看详情</view>
<view class="yr-item-detail" @click="toDetail(item)">查看详情</view>
</view>
</view>
</template>
......
src/pages/nongyezhengce/nongyezhengce.vue 0 → 100644
<!-- src/pages/zhunongjinrong/zhunongjinrong.vue -->
<script setup lang="ts">
import { reactive, ref } from 'vue'
import successfulDialog from '@/components/ConfirmDialog/successfulDialog.vue';
import { getCurrentDateTime } from '@/utils/date'
import * as HomeAPI from '@/api/model/home'
import dayjs from 'dayjs'
let currentTab = ref('redian');
const pageData = reactive({
params: {
pageNo: 1,
pageSize: 10,
news:{
source:2
}
}, // 分页参数
hasMore: true, // 是否还有更多数据
loading: false, // 是否正在加载
dataList:[]
})
onShow(() => {
getListData();
})
async function getListData() {
if (pageData.loading) return
pageData.loading = true
await HomeAPI.getNewsList(pageData.params).then((res) => {
if (res.records.length > 0) {
const { records } = res
if (pageData.params.pageNo === 1) {
pageData.dataList = records
} else {
pageData.dataList = [...pageData.dataList, ...records]
}
pageData.hasMore = records.length === pageData.params.pageSize
pageData.params.pageNo++
} else {
pageData.hasMore = false
}
})
pageData.loading = false
}
function toNewsDetail(news) {
uni.navigateTo({
url: `/pages/news/detail?id=${news.id}`,
})
}
function switchTab(type){
pageData.dataList = [];
pageData.hasMore = true;
pageData.params.pageNo = 1;
if(type == 'redian'){
pageData.params.news.source = 2;
}
if(type == 'nongye'){
pageData.params.news.source = 3;
}
if(type == 'butie'){
pageData.params.news.source = 2;
}
currentTab.value = type;
getListData();
}
</script>
<template>
<view class="nongyezhengce-page">
<view class="nongyezhengce-content">
<scroll-view class="page-content" scroll-y @scrolltolower="getListData()" :show-scrollbar="false" >
<view class="top-tab">
<view class="tab-btn" :class="currentTab == 'redian' ? 'tab-active' : ''" @click="switchTab('redian')">
<image class="tab-icon" mode="heightFix" :src="`/static/images/home/${currentTab == 'redian' ?'redian_active':'redian_icon'}.png`" />
<text class="tab-text">热点新闻</text>
</view>
<view class="tab-btn" :class="currentTab == 'nongye' ? 'tab-active' : ''" @click="switchTab('nongye')">
<image class="tab-icon" mode="heightFix" :src="`/static/images/home/${currentTab == 'nongye' ?'nongye_active':'nongye_icon'}.png`" />
<text class="tab-text">农业政策</text>
</view>
<view class="tab-btn" :class="currentTab == 'butie' ? 'tab-active' : ''" @click="switchTab('butie')">
<image class="tab-icon" mode="heightFix" :src="`/static/images/home/${currentTab == 'butie' ?'butie_active':'butie_icon'}.png`" />
<text class="tab-text">购置补贴</text>
</view>
</view>
<view class="list-content">
<view class="content-item" v-for="item in pageData.dataList" :key="item.id" @click="toNewsDetail(item)">
<view class="item-content">{{item.title}}</view>
<view class="item-info">
<view class="item-time">{{ dayjs(item.publishDate).format('YYYY-MM-DD') }}</view>
<view class="item-views"><image class="views-icon" mode="widthFix" src="/static/images/home/views_icon.png" /><text>{{item.viewCount}}</text></view>
</view>
</view>
</view>
</scroll-view>
</view>
<view class="loading-status">
<text v-if="pageData.loading">加载中...</text>
<text v-else-if="!pageData.hasMore">没有更多数据了</text>
<text v-else>上拉加载更多</text>
</view>
</view>
</template>
<style scoped lang="scss">
.nongyezhengce-page{
background-color: #e6f5e8;
overflow-y: auto;
}
.nongyezhengce-content{
width: 100vw;
height: calc(100vh - 88rpx);
display: flex;
justify-content: center;
.page-content{
width: 690rpx;
padding-top: 24rpx;
padding-bottom: 24rpx;
.top-tab{
display: flex;
justify-content: space-between;
.tab-btn{
width: 220rpx;
height: 72rpx;
border-radius: 9999px;
background: #FFFFFF;
color: #333333;
display: flex;
justify-content: center;
align-items: center;
.tab-icon{
height: 36rpx;
margin-right: 8rpx;
}
.tab-text{
font-size: 28rpx;
}
}
.tab-active{
background: #5DB66F;
color: #FFFFFF;
}
}
.list-content{
margin-top: 4rpx;
}
.content-item{
width: 690rpx;
border-radius: 8rpx;
background: #FFFFFF;
padding:20rpx;
margin-top: 20rpx;
.item-content{
font-size: 28rpx;
line-height: 40rpx;
text-align: justify;
color: #333333;
}
.item-info{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20rpx;
color: #666666;
font-size: 24rpx;
line-height: 40rpx;
font-weight: 400;
.views-icon{
width: 28rpx;
margin-right: 8rpx;
}
}
}
}
}
.loading-status {
background-color: #e6f5e8;
text-align: center;
padding: 20rpx;
color: #999;
font-size: 28rpx;
}
</style>
src/pages/shouye/shouye.vue
......@@ -298,10 +298,11 @@ function getServiceItems() {
type: 1,
}).then((res) => {
const { records } = res
console.log("菜单数据");
console.log(records);
records[0].jump_target = "/pages/nongyezhengce/nongyezhengce";
pageData.serviceItems = []
pageData.serviceItems = records
console.log("recordsrecordsrecordsrecords");
console.log(records);
})
}
function getWarningInfo() {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论