|
|
@@ -10,7 +10,7 @@
|
|
|
已报损{{item.xhWasteNum}}{{item.xhUnitName}}
|
|
|
</text>
|
|
|
</text>
|
|
|
- <view style="margin-top:10upx;margin-bottom:10upx;color:#ad760d;" v-if="item.refundOptionId!=0">{{ item.refundOptionName }}</view>
|
|
|
+ <view style="margin-top:10upx;margin-bottom:10upx;color:#ad760d;font-size:30upx;" v-if="item.refundOptionId!=0">{{ item.refundOptionName }}</view>
|
|
|
<view style="width:420upx;">
|
|
|
<button class="admin-button-com middle" style="width:200upx;" @click="beginWastage(item)" v-if="item.xhUnitType == 0">报损</button>
|
|
|
<button class="admin-button-com middle" style="width:200upx;" @click="pageTo({url:'/admin/item/detail?id='+item.productId})" v-else>去损报</button>
|
|
|
@@ -35,16 +35,22 @@
|
|
|
<uni-popup ref="optionRef" background-color="#fff" type="center" :animation="false" class="class-popup-style">
|
|
|
<view style="max-height:90vh;overflow: scroll;">
|
|
|
<view style="margin-left:30upx;margin-top:19upx;font-size:27upx;font-weight:bold;">请选择：</view>
|
|
|
- <view style="display:flex;padding:20upx;height:auto;justify-content: space-between;align-items:center;flex-wrap:wrap;max-height:100vh;overflow:auto;">
|
|
|
- <view v-for="(item, index) in refundOption" :key="index" @tap.stop="getOption(item)" style="margin-bottom:20upx;margin-left:3upx;">
|
|
|
- <view style="margin-top:8upx;margin-right:10upx;overflow: hidden;white-space: nowrap;width:auto;text-align:center;font-weight:bold;font-size:30upx;border:1upx solid black;padding:5upx 10upx 5upx 10upx;border-radius:8upx;">{{item.name}}</view>
|
|
|
+ <view style="display:flex;padding:20upx;height:auto;justify-content: flex-start;align-items:center;flex-wrap:wrap;max-height:100vh;overflow:auto;">
|
|
|
+ <view v-for="(item, index) in refundOption" :key="index" style="margin-bottom:20upx;margin-left:3upx;">
|
|
|
+ <button
|
|
|
+ class="admin-button-com staff-btn"
|
|
|
+ @click.stop="getOption(item)"
|
|
|
+ :class="{'selected': currentInfo.refundOptionId === item.id}"
|
|
|
+ >
|
|
|
+ {{ item.name }}
|
|
|
+ </button>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view style="text-align:center;padding:10upx 0 10upx 0;">
|
|
|
- <button class="admin-button-com big blue" style="width:210upx;" @click="cancelOption()">取消选择</button>
|
|
|
- </view>
|
|
|
+ <button class="admin-button-com big blue" style="width:210upx;" @click="cancelOption()">取消选择</button>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </uni-popup>
|
|
|
+ </uni-popup>
|
|
|
|
|
|
</appResult>
|
|
|
</template>
|
|
|
@@ -131,4 +137,29 @@ export default {
|
|
|
margin-bottom: 20upx;
|
|
|
width: 100%;
|
|
|
}
|
|
|
+.class-popup-style{
|
|
|
+ z-index:99999;
|
|
|
+}
|
|
|
+.staff-btn {
|
|
|
+ min-width: 160upx;
|
|
|
+ padding: 0 27upx;
|
|
|
+ height: 80upx;
|
|
|
+ font-size: 40upx;
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 8upx 8upx 0 0;
|
|
|
+ border-radius: 16upx;
|
|
|
+ background: #f0f2f6;
|
|
|
+ color: #333;
|
|
|
+ border: 2upx solid #e0e0e0;
|
|
|
+ transition: none;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.staff-btn.selected,
|
|
|
+.staff-btn:active {
|
|
|
+ background: #f0f2f6;
|
|
|
+ color: #333;
|
|
|
+ border-color: #e0e0e0;
|
|
|
+}
|
|
|
</style>
|
