<!-- 资产归还 -->
|
<template>
|
<view>
|
<view class="">
|
<cu-custom bgColor="bg-gradual-blue" :isBack="true">
|
<block slot="backText">返回</block>
|
<block slot="content">资产归还</block>
|
</cu-custom>
|
</view>
|
<view class="">
|
<view class="cu-bar bg-white solid-bottom ">
|
<view class="action">
|
<text class="cuIcon-title text-orange"></text> 可归还资产列表
|
</view>
|
</view>
|
<view class="cu-list menu-avatar">
|
<view class="cu-item">
|
<view class="cu-avatar radius lg"
|
style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big81007.jpg);">
|
</view>
|
<view class="content">
|
<view>
|
<view class="text-cut text-bold text-xl">课桌</view>
|
<view class="cu-tag radius bg-orange sm">可归还：100</view>
|
<view class="numbox">
|
<u-number-box v-model="value" :min="0" :showMinus="value > 0">
|
<view slot="minus" class="minus">
|
<u-icon name="minus" size="12"></u-icon>
|
</view>
|
<input slot="input" style="width: 38px;text-align: center; "
|
class="input" :value="value"></input>
|
<view slot="plus" class="plus">
|
<u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
|
</view>
|
</u-number-box>
|
</view>
|
</view>
|
<view class="text-gray text-sm flex">
|
<view class="text-cut">规格：120*120 白色 编码：1234533333</view>
|
</view>
|
</view>
|
<view class="action">
|
<!-- <view class="text-grey text-xs">22:20</view> -->
|
<view class="cu-tag round bg-red sm">删除</view>
|
</view>
|
</view>
|
|
<view class="cu-item">
|
<view class="cu-avatar radius lg"
|
style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big81007.jpg);">
|
</view>
|
<view class="content">
|
<view>
|
<view class="text-cut text-bold text-xl">圆规</view>
|
<view class="cu-tag radius bg-orange sm">可归还：100</view>
|
<view class="numbox">
|
<u-number-box v-model="value" :min="0" :showMinus="value > 0">
|
<view slot="minus" class="minus">
|
<u-icon name="minus" size="12"></u-icon>
|
</view>
|
<input slot="input" style="width: 38px;text-align: center; "
|
class="input" :value="value"></input>
|
<view slot="plus" class="plus">
|
<u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
|
</view>
|
</u-number-box>
|
</view>
|
</view>
|
<view class="text-gray text-sm flex">
|
<view class="text-cut">规格：120*120 白色 编码：12345</view>
|
</view>
|
</view>
|
<view class="action">
|
<!-- <view class="text-grey text-xs">22:20</view> -->
|
<view class="cu-tag round bg-red sm">删除</view>
|
</view>
|
</view>
|
|
<view class="cu-item">
|
<view class="cu-avatar radius lg"
|
style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big81007.jpg);">
|
</view>
|
<view class="content">
|
<view>
|
<view class="text-cut text-bold text-xl">椅子</view>
|
<view class="cu-tag radius bg-orange sm">可归还：100</view>
|
<view class="numbox">
|
<u-number-box v-model="value" :min="0" :showMinus="value > 0">
|
<view slot="minus" class="minus">
|
<u-icon name="minus" size="12"></u-icon>
|
</view>
|
<input slot="input" style="width: 38px;text-align: center; "
|
class="input" :value="value"></input>
|
<view slot="plus" class="plus">
|
<u-icon name="plus" color="#FFFFFF" size="12"></u-icon>
|
</view>
|
</u-number-box>
|
</view>
|
</view>
|
<view class="text-gray text-sm flex">
|
<view class="text-cut">规格：120*120 白色 编码：12345</view>
|
</view>
|
</view>
|
<view class="action">
|
<!-- <view class="text-grey text-xs">22:20</view> -->
|
<view class="cu-tag round bg-red sm">删除</view>
|
</view>
|
</view>
|
</view>
|
|
<view class="margin-top">
|
<view class="margin-left border-title">
|
备注
|
</view>
|
<view class="flex justify-center align-center" style="margin-top: 10rpx;">
|
<view class="" style="width: 95%; ">
|
<u--textarea v-model="reason" placeholder="请输入内容" placeholderStyle="font-size: 15rpx;" ></u--textarea>
|
</view>
|
|
</view>
|
</view>
|
|
<view class="padding-left padding-top border-title " style="padding-bottom: 10rpx;">
|
<view class="action">
|
申请人信息
|
</view>
|
</view>
|
<view class="flex justify-center">
|
<view class="u-border radius" style="width: 95%; padding:20rpx 0 20rpx 20rpx;">
|
<view class="">
|
申请人: 李老师
|
</view>
|
<view class="" style="margin-top: 5rpx;">
|
职务: 班主任
|
</view>
|
<view class="" style="margin-top: 5rpx;">
|
申请单位: 初一1班
|
</view>
|
<view class="" style="margin-top: 5rpx;">
|
申请时间: 2022年2月8日 23:00
|
</view>
|
</view>
|
</view>
|
|
</view>
|
|
|
<view class="margin-top">
|
<u-button style="width: 40%;" type="primary" text="提交申请"></u-button>
|
</view>
|
|
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
value: 10,
|
reason:''
|
}
|
},
|
methods: {
|
valChange(e) {
|
console.log('当前值为: ' + e.value)
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
|
.numbox{
|
margin-left: 20rpx;
|
}
|
|
.minus {
|
|
width: 15px;
|
height: 15px;
|
border-width: 1px;
|
border-color: #E6E6E6;
|
border-top-left-radius: 50px;
|
border-top-right-radius: 50px;
|
border-bottom-left-radius: 50px;
|
border-bottom-right-radius: 50px;
|
@include flex;
|
justify-content: center;
|
align-items: center;
|
}
|
|
.input {
|
padding: 0 5px;
|
}
|
|
.plus {
|
width: 15px;
|
height: 15px;
|
background-color: #53C21D; //#FF0000;
|
border-radius: 50%;
|
/* #ifndef APP-NVUE */
|
display: flex;
|
/* #endif */
|
justify-content: center;
|
align-items: center;
|
}
|
</style>
|
