代码优化

This commit is contained in:
BianLzhaoMin 2024-12-05 12:04:24 +08:00
parent 1fecf2d98e
commit 895fb62b6c
3 changed files with 41 additions and 10 deletions

1
components.d.ts vendored
View File

@ -44,6 +44,7 @@ declare module 'vue' {
ElSteps: typeof import('element-plus/es')['ElSteps'] ElSteps: typeof import('element-plus/es')['ElSteps']
ElTable: typeof import('element-plus/es')['ElTable'] ElTable: typeof import('element-plus/es')['ElTable']
ElTableColumn: typeof import('element-plus/es')['ElTableColumn'] ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
ElTag: typeof import('element-plus/es')['ElTag']
ElUpload: typeof import('element-plus/es')['ElUpload'] ElUpload: typeof import('element-plus/es')['ElUpload']
EquipCard: typeof import('./src/components/equipCard.vue')['default'] EquipCard: typeof import('./src/components/equipCard.vue')['default']
EquipCardHall: typeof import('./src/components/equipCardHall/index.vue')['default'] EquipCardHall: typeof import('./src/components/equipCardHall/index.vue')['default']

View File

@ -33,21 +33,42 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row class="item"> <!-- <el-row class="item">
<el-col :span="5"> <el-col :span="5">
<div class="label">需求清单</div> <div class="label">需求清单</div>
</el-col> </el-col>
<el-col :span="18"> <el-col :span="18">
<div class="img-list"> <div class="img-list">
<div v-for="item in leaseDetails.fileInfoList" :key="item.id"> <div v-for="item in leaseDetails.fileInfoList" :key="item.id">
<img :src="item.fileUrl" alt="" />
<el-image
style="width: 100%; height: 240px"
:src="item.fileUrl"
fit="cover"
/>
</div> </div>
</div> </div>
</el-col> </el-col>
</el-row> -->
<div class="label" style="padding: 10px 0; font-size: 16px">需求清单</div>
<el-row>
<el-col
:span="12"
v-for="item in leaseDetails.fileInfoList"
:key="item.id"
>
<!-- <img :src="img.fileUrl" alt="" style="width: 98%; height: 120px" /> -->
<el-image
style="width: 98%; height: 240px"
:src="item.fileUrl"
fit="cover"
/>
</el-col>
</el-row> </el-row>
</div> </div>
<el-row style="padding: 8px 0; font-size: 16px"> 装备需求信息 </el-row> <el-row style="padding: 8px 0; font-size: 16px"> 装备需求信息: </el-row>
<div <div
class="demand-info-list" class="demand-info-list"
v-for="item in leaseDetails.detailsList" v-for="item in leaseDetails.detailsList"
@ -71,7 +92,12 @@
<div class="label" style="padding: 10px 0">参考图片/样式</div> <div class="label" style="padding: 10px 0">参考图片/样式</div>
<el-row> <el-row>
<el-col :span="12" v-for="img in item.fileInfoList" :key="img.id"> <el-col :span="12" v-for="img in item.fileInfoList" :key="img.id">
<img :src="img.fileUrl" alt="" style="width: 98%; height: 120px" /> <!-- <img :src="img.fileUrl" alt="" style="width: 98%; height: 120px" /> -->
<el-image
style="width: 98%; height: 240px"
:src="img.fileUrl"
fit="cover"
/>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -596,17 +622,17 @@ onMounted(() => {
flex-wrap: wrap; flex-wrap: wrap;
div { div {
width: calc((100% - 15px) / 2); width: calc((100% - 15px) / 2);
height: 120px; height: 240px;
margin: 0 15px 15px 0; margin: 0 15px 15px 0;
&:nth-child(2n) { &:nth-child(2n) {
margin: 0; margin: 0;
} }
img { // img {
width: 100%; // width: 100%;
height: 100%; // height: 100%;
} // }
} }
} }

View File

@ -188,7 +188,11 @@
:disabled=" :disabled="
userId == item.publishUser || companyId == item.publishCompany userId == item.publishUser || companyId == item.publishCompany
" "
:style="userId == item.publishUser ? 'opacity:0.5;color:#fff' : ''" :style="
userId == item.publishUser || companyId == item.publishCompany
? 'opacity:0.5;color:#fff'
: ''
"
@click="onAcceptOrders(item.id)" @click="onAcceptOrders(item.id)"
> >
接单 接单