<template>
|
<!-- 盘点录入明细 -->
|
<view>
|
<search-bar placeholder="商品名称/编号/拼音" class="ml-10 mr-10"></search-bar>
|
<view class="content">
|
<view class="content-box">
|
<view class="content-box-header">
|
<text>柔肤平衡水（电解水）</text>
|
<text>029293</text>
|
</view>
|
<view class="content-box-main">
|
<view class="flex flex-v">
|
<text>在库数量</text>
|
<text class="mt-10">实盘数量</text>
|
</view>
|
<view class="flex flex-v center">
|
<text>8</text>
|
<view class="flex align-center mt-10">
|
<text class="iconfont iconjian blue-btn-circle mr-5"></text>
|
<input placeholder="1" class="content-box-input center"/>
|
<text class="iconfont iconjia blue-btn-circle ml-5"></text>
|
</view>
|
</view>
|
</view>
|
<view class="content-box-footer">
|
<input placeholder="备注: 阿萨德哈猴神大叔"/>
|
</view>
|
</view>
|
</view>
|
<button class="blue-btn sticky-footer">保存</button>
|
</view>
|
</template>
|
|
<script>
|
import searchBar from '../../../components/searchBar/index.vue';
|
export default {
|
components:{
|
searchBar
|
},
|
}
|
</script>
|
|
<style>
|
.content{
|
padding: 0 10px;
|
}
|
.content-box{
|
border: 1px solid #EDEAF4;
|
border-radius: 4px;
|
box-shadow:0 6px 6px rgba(237,234,244,0.5);
|
margin-top: 10px;
|
padding:10px;
|
}
|
.content-box-header{
|
display: flex;
|
justify-content: space-between;
|
border-bottom: 1px solid #EDEAF4;
|
padding-bottom: 10px;
|
}
|
.content-box-main{
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
padding: 10px 0;
|
}
|
.content-box-input{
|
width: 30px;
|
}
|
</style>
|
