bug修改
This commit is contained in:
parent
84c5d75ee5
commit
b941f3f81a
File diff suppressed because one or more lines are too long
|
|
@ -96,7 +96,7 @@ const routes: Array<RouteRecordRaw> = [
|
||||||
},
|
},
|
||||||
// 资讯详情
|
// 资讯详情
|
||||||
{
|
{
|
||||||
path: '/consultationDetails',
|
path: '/consultationDetails/:id',
|
||||||
name: 'consultationDetails',
|
name: 'consultationDetails',
|
||||||
component: () => (import('views/consultationDetails/index.vue'))
|
component: () => (import('views/consultationDetails/index.vue'))
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,69 @@
|
||||||
<script setup lang="ts"></script>
|
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<!-- 咨询详情页面 -->
|
<!-- 咨询详情页面 -->
|
||||||
<div class="consultation-details">咨询详情页面(占位)</div>
|
<div class="consultation-details">
|
||||||
|
<div class="title">
|
||||||
|
{{ data.title }}
|
||||||
|
</div>
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="createTime">
|
||||||
|
发布时间:{{ data.create_time }}
|
||||||
|
</div>
|
||||||
|
<div v-html="data.content"></div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
import baseData from "@/assets/baseInformation.json"
|
||||||
|
import {ref} from "vue";
|
||||||
|
import {useRoute} from "vue-router";
|
||||||
|
|
||||||
|
const router = useRoute()
|
||||||
|
const data = ref({})
|
||||||
|
|
||||||
|
|
||||||
|
//根据id获取静态模拟数据
|
||||||
|
const getData = () => {
|
||||||
|
const id = router.params.id
|
||||||
|
|
||||||
|
data.value = baseData.find(key => key.id == id)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const init = () => {
|
||||||
|
getData()
|
||||||
|
}
|
||||||
|
init()
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.consultation-details {
|
.consultation-details {
|
||||||
color: #000;
|
.title{
|
||||||
background-color: skyblue;
|
text-align: center;
|
||||||
height: 200px;
|
font-size: 20px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.line{
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
padding-top: 20px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
&:after{
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background: #d1d1d1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.createTime{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.notice-content{
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -161,7 +161,8 @@
|
||||||
<el-form-item label="工期时长" prop="duration">
|
<el-form-item label="工期时长" prop="duration">
|
||||||
<el-input v-model.number="ruleForm.duration" type="number" placeholder="请输入工期时长">
|
<el-input v-model.number="ruleForm.duration" type="number" placeholder="请输入工期时长">
|
||||||
<template #append>
|
<template #append>
|
||||||
<el-select v-model="ruleForm.durationUnit" placeholder="Select" style="width: 85px" @change="priceChange">
|
<el-select v-model="ruleForm.durationUnit" placeholder="Select"
|
||||||
|
style="width: 85px" @change="priceChange">
|
||||||
<el-option label="天" value="0"/>
|
<el-option label="天" value="0"/>
|
||||||
<el-option label="月" value="1"/>
|
<el-option label="月" value="1"/>
|
||||||
</el-select>
|
</el-select>
|
||||||
|
|
@ -273,7 +274,7 @@ const equipBaseInfoList = reactive([
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '设备位置',
|
label: '设备位置',
|
||||||
key: 'city'
|
key: 'provinceStr,cityStr,areaStr'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '配备机手',
|
label: '配备机手',
|
||||||
|
|
@ -441,7 +442,6 @@ const rules = reactive({
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//打开我要租表单
|
//打开我要租表单
|
||||||
const openLease = () => {
|
const openLease = () => {
|
||||||
dialoglease.value = true
|
dialoglease.value = true
|
||||||
|
|
@ -582,7 +582,6 @@ const goDetail = (val) => {
|
||||||
|
|
||||||
//提交申请
|
//提交申请
|
||||||
const submit = async () => {
|
const submit = async () => {
|
||||||
console.log(ruleForm.value)
|
|
||||||
const params = {
|
const params = {
|
||||||
addressId: ruleForm.value.address[2],
|
addressId: ruleForm.value.address[2],
|
||||||
address: ruleForm.value.detailAddress,
|
address: ruleForm.value.detailAddress,
|
||||||
|
|
@ -591,7 +590,8 @@ const submit = async() => {
|
||||||
isMachinist: ruleForm.value.machinist,
|
isMachinist: ruleForm.value.machinist,
|
||||||
invoiceType: ruleForm.value.invoiceType,
|
invoiceType: ruleForm.value.invoiceType,
|
||||||
description: ruleForm.value.projectDescription,
|
description: ruleForm.value.projectDescription,
|
||||||
durationType: ruleForm.value.durationUnit
|
durationType: ruleForm.value.durationUnit,
|
||||||
|
cost: priceChange.value
|
||||||
}
|
}
|
||||||
|
|
||||||
const res = await apiSubmitLease(params)
|
const res = await apiSubmitLease(params)
|
||||||
|
|
@ -647,34 +647,38 @@ init()
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
.equipInfo {
|
.equipInfo {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
width: 62%;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-family: PingFangSC, PingFang SC;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag {
|
.tag {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
margin-top: 10px;
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-family: PingFangSC, PingFang SC;
|
font-family: PingFangSC, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #005af2;
|
color: #005af2;
|
||||||
margin-left: 15px;
|
margin-right: 15px;
|
||||||
padding: 2px 10px;
|
padding: 2px 10px;
|
||||||
border: 1px solid #005af2;
|
border: 1px solid #005af2;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
|
||||||
|
|
@ -303,7 +303,7 @@ const tagClear = () => {
|
||||||
key.select = []
|
key.select = []
|
||||||
key.index = 0
|
key.index = 0
|
||||||
})
|
})
|
||||||
|
getTypeData()
|
||||||
getData()
|
getData()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -389,15 +389,13 @@ const getTypeData = async (typeId = null) => {
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
screenChooseList[index].list[screenChooseList[index].index].select = list
|
screenChooseList[index].list[screenChooseList[index].index].select = list
|
||||||
}
|
}
|
||||||
|
|
||||||
//获取列表
|
//获取列表
|
||||||
const getData = async (text = '') => {
|
const getData = async (text = '') => {
|
||||||
//地址信息
|
//地址信息
|
||||||
const address = screenChooseList.find(key => key.name == 'address').select.slice(-1)[0] || null
|
const address = screenChooseList.find(key => key.name == 'address').select
|
||||||
//类别信息
|
//类别信息
|
||||||
const type = screenChooseList.find(key => key.name == 'type').select.slice(-1)[0] || null
|
const type = screenChooseList.find(key => key.name == 'type').select.slice(-1)[0] || null
|
||||||
//租金信息
|
//租金信息
|
||||||
|
|
@ -408,13 +406,17 @@ const getData = async (text = '') => {
|
||||||
const time = screenChooseList.find(key => key.name == 'time').select.slice(-1)[0] || null
|
const time = screenChooseList.find(key => key.name == 'time').select.slice(-1)[0] || null
|
||||||
|
|
||||||
|
|
||||||
|
console.log('addres',address)
|
||||||
|
|
||||||
const params = {
|
const params = {
|
||||||
keyWord: text,
|
keyWord: text,
|
||||||
pageSize: pageData.pageSize,
|
pageSize: pageData.pageSize,
|
||||||
pageNum: pageData.pageNum,
|
pageNum: pageData.pageNum,
|
||||||
updateTimeOrderBy: '',
|
updateTimeOrderBy: '',
|
||||||
monthLeasePriceOrderBy: '',
|
monthLeasePriceOrderBy: '',
|
||||||
location: address ? address.id : '',
|
provinceId:address[0]?.id || '',
|
||||||
|
cityId:address[1]?.id || '',
|
||||||
|
areaId:address[2]?.id || '',
|
||||||
typeId: type ? type.typeId : '',
|
typeId: type ? type.typeId : '',
|
||||||
monthLeasePriceMin: '',
|
monthLeasePriceMin: '',
|
||||||
monthLeasePriceMax: '',
|
monthLeasePriceMax: '',
|
||||||
|
|
|
||||||
|
|
@ -5,6 +5,8 @@
|
||||||
import { useStore } from 'store/main'
|
import { useStore } from 'store/main'
|
||||||
import { getHotList } from 'http/api/equip'
|
import { getHotList } from 'http/api/equip'
|
||||||
import {reactive} from "vue";
|
import {reactive} from "vue";
|
||||||
|
import baseData from "@/assets/baseInformation.json"
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
const leftNavList = ref([])
|
const leftNavList = ref([])
|
||||||
|
|
@ -33,26 +35,26 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const detailsList = ref([
|
const goInformation = (id) => {
|
||||||
{
|
router.push({
|
||||||
v_title: '实锤了,确实挖掘技术强!山东用挖掘机在海外市场“挖呀挖”',
|
path:`/consultationDetails/${id}`
|
||||||
v_content_info:
|
})
|
||||||
'天眼查数据显示,截至今年4月中旬,全国存天眼查数据显示,截至今年4月中旬,全国存天眼查数据显示,截至今年4月中旬,全国存',
|
|
||||||
v_time: '[2023/11/28]'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
v_title: '实锤了,确实挖掘技术强!山东用挖掘机在海外市场“挖呀挖”',
|
|
||||||
v_content_info:
|
|
||||||
'天眼查数据显示,截至今年4月中旬,全国存天眼查数据显示,截至今年4月中旬,全国存天眼查数据显示,截至今年4月中旬,全国存',
|
|
||||||
v_time: '[2023/11/28]'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
v_title: '实锤了,确实挖掘技术强!山东用挖掘机在海外市场“挖呀挖”',
|
|
||||||
v_content_info:
|
|
||||||
'天眼查数据显示,截至今年4月中旬,全国存天眼查数据显示,截至今年4月中旬,全国存天眼查数据显示,截至今年4月中旬,全国存',
|
|
||||||
v_time: '[2023/11/28]'
|
|
||||||
}
|
}
|
||||||
])
|
|
||||||
|
const detailsList = ref([])
|
||||||
|
|
||||||
|
const handelInformation = () => {
|
||||||
|
detailsList.value = baseData.map(item => {
|
||||||
|
return {
|
||||||
|
v_title:item.title,
|
||||||
|
v_content_info:'',
|
||||||
|
v_time:`[${item.create_time}]`,
|
||||||
|
id:item.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
handelInformation()
|
||||||
|
|
||||||
|
|
||||||
const hotDeviceList: any = ref([])
|
const hotDeviceList: any = ref([])
|
||||||
|
|
||||||
|
|
@ -127,7 +129,7 @@
|
||||||
@onClick="onClick"
|
@onClick="onClick"
|
||||||
:company="item.companyName || '安徽博诺斯有限公司'"
|
:company="item.companyName || '安徽博诺斯有限公司'"
|
||||||
:price="item.monthLeasePrice"
|
:price="item.monthLeasePrice"
|
||||||
:tags="['待租', '合肥市']"
|
:tags="[item.maStatusStr || '待租', item.cityStr || '合肥']"
|
||||||
:name="item.modelName + item.deviceName"
|
:name="item.modelName + item.deviceName"
|
||||||
:url="item.picUrl"
|
:url="item.picUrl"
|
||||||
:id="item.maId" />
|
:id="item.maId" />
|
||||||
|
|
@ -164,11 +166,11 @@
|
||||||
<div class="right-consult">
|
<div class="right-consult">
|
||||||
<div
|
<div
|
||||||
class="consult-box"
|
class="consult-box"
|
||||||
@click="$router.push('/consultationDetails')"
|
@click="goInformation(item.id)"
|
||||||
v-for="item in detailsList"
|
v-for="item in detailsList"
|
||||||
:key="item.v_time">
|
:key="item.v_time">
|
||||||
<div class="consult-title">
|
<div class="consult-title">
|
||||||
<h2>{{ item.v_title }}</h2>
|
<h3>{{ item.v_title }}</h3>
|
||||||
<span>{{ item.v_time }}</span>
|
<span>{{ item.v_time }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -356,9 +358,10 @@
|
||||||
flex: 1;
|
flex: 1;
|
||||||
width: calc(100% - 340px);
|
width: calc(100% - 340px);
|
||||||
// padding-left: 35px;
|
// padding-left: 35px;
|
||||||
|
overflow-y: auto;
|
||||||
.consult-box {
|
.consult-box {
|
||||||
height: 70px;
|
margin-bottom: 10px;
|
||||||
|
//height: 70px;
|
||||||
padding-left: 15px;
|
padding-left: 15px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
.consult-title {
|
.consult-title {
|
||||||
|
|
@ -379,7 +382,7 @@
|
||||||
|
|
||||||
.consult-info {
|
.consult-info {
|
||||||
width: calc(100% - 100px);
|
width: calc(100% - 100px);
|
||||||
height: 40px;
|
height: 10px;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
border-bottom: 1px dashed #979797;
|
border-bottom: 1px dashed #979797;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue