Browse Source

fix: [SBBJ-1225]申领备件可以看到图片

master
zengqinyuan 1 week ago
parent
commit
5ab5ba7f0b
  1. 25
      src/components/item/slectItemList.vue

25
src/components/item/slectItemList.vue

@ -20,9 +20,10 @@
<view class="item-dec" style="display: flex"> <view class="item-dec" style="display: flex">
<span style="white-space: nowrap; align-self: flex-start">图片:</span> <span style="white-space: nowrap; align-self: flex-start">图片:</span>
<div style="display: flex; flex-direction: column; margin-left: 10px"> <div style="display: flex; flex-direction: column; margin-left: 10px">
<span v-for="(pic, picIndex) in item.picture" :key="picIndex" @click.stop="showImage(pic.path)" @longpress.stop="showFullText(pic.name)" class="image-link"> <u-image v-for="(pic, picIndex) in item.picture" :key="picIndex" :showLoading="true" :src="pic.path" width="80px" height="80px"></u-image>
{{ pic.name }} <!-- <span v-for="(pic, picIndex) in item.picture" :key="picIndex" @click.stop="showImage(pic.path)" @longpress.stop="showFullText(pic.name)" class="image-link">-->
</span> <!-- {{ pic.name }}-->
<!-- </span>-->
</div> </div>
</view> </view>
</view> </view>
@ -50,9 +51,8 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, defineProps, defineEmits, getCurrentInstance, watch } from 'vue' import { defineEmits, defineProps, getCurrentInstance, ref, watch } from 'vue'
import { onLoad } from '@dcloudio/uni-app' import { onLoad } from '@dcloudio/uni-app'
import * as repairOrderApi from '@/api/repairOrder'
const props = defineProps({ const props = defineProps({
isShowSelectItem: { isShowSelectItem: {
@ -213,21 +213,26 @@ function chooseItem(item) {
.btns { .btns {
display: flex; display: flex;
button { button {
flex: 1; flex: 1;
} }
.sure { .sure {
background: #409eff; background: #409eff;
color: white; color: white;
border-radius: 0px; border-radius: 0px;
&::after { &::after {
border: 1px solid #409eff; border: 1px solid #409eff;
border-radius: 0px; border-radius: 0px;
} }
} }
.reset { .reset {
background: #f5f5f5; background: #f5f5f5;
border-radius: 0px; border-radius: 0px;
&::after { &::after {
border-radius: 0px; border-radius: 0px;
} }
@ -248,11 +253,13 @@ function chooseItem(item) {
align-items: center; align-items: center;
height: 72rpx; height: 72rpx;
width: 100%; width: 100%;
.input { .input {
flex: 1; flex: 1;
font-size: 28rpx; font-size: 28rpx;
color: #000000; color: #000000;
} }
.placeholder { .placeholder {
flex: 1; flex: 1;
font-size: 28rpx; font-size: 28rpx;
@ -263,6 +270,7 @@ function chooseItem(item) {
.title { .title {
padding: 32rpx 0px; padding: 32rpx 0px;
position: relative; position: relative;
span { span {
position: absolute; position: absolute;
left: -16rpx; left: -16rpx;
@ -277,21 +285,25 @@ function chooseItem(item) {
.item { .item {
display: flex; display: flex;
margin-bottom: 20rpx; margin-bottom: 20rpx;
.item-box { .item-box {
background: #f5f5f5; background: #f5f5f5;
border-radius: 12rpx; border-radius: 12rpx;
flex: 1; flex: 1;
width: 0rpx; width: 0rpx;
} }
.spare-title { .spare-title {
padding: 20rpx 30rpx; padding: 20rpx 30rpx;
border-bottom: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;
.title-txt { .title-txt {
color: #409eff; color: #409eff;
font-size: 30rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
} }
} }
.dec { .dec {
color: #9c9c9c; color: #9c9c9c;
padding: 20rpx 30rpx 20rpx; padding: 20rpx 30rpx 20rpx;
@ -321,10 +333,12 @@ function chooseItem(item) {
.popup-footer { .popup-footer {
display: flex; display: flex;
border-top: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;
view { view {
line-height: 100rpx; line-height: 100rpx;
flex: 1; flex: 1;
text-align: center; text-align: center;
&.sure { &.sure {
color: #409eff; color: #409eff;
} }
@ -398,6 +412,7 @@ function chooseItem(item) {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
} }
.tooltip { .tooltip {
position: absolute; position: absolute;
background-color: #f9f9f9; background-color: #f9f9f9;

Loading…
Cancel
Save