<template>
|
<view class="jihua-wrap">
|
<view class="qiehuan-box">
|
<u-tabs :list="tabList" @click="tabClick"></u-tabs>
|
</view>
|
<view class="jihua-main">
|
<view class="shaixuan-box">
|
<u-radio-group v-model="radioValue">
|
<u-radio style="margin-right: 30rpx;" shape="square" label="全部" name="全部"></u-radio>
|
<u-radio style="margin-right: 30rpx;" shape="square" label="已设置的计划" name="已设置的计划"></u-radio>
|
<u-radio shape="square" label="未设置的计划" name="未设置的计划"></u-radio>
|
</u-radio-group>
|
</view>
|
<view class="main-block-box">
|
<view class="jihua-main-line">
|
<view class="name">客户名称：武安****</view>
|
</view>
|
<view class="jihua-main-line">
|
<view class="main-flex">
|
<view>煤种：主焦</view>
|
<view>剩余量：277.65</view>
|
</view>
|
</view>
|
<view class="jihua-main-line">
|
<view class="main-flex">
|
<view class="carNum-box">
|
<view>发运车数：</view>
|
<u--input
|
focus
|
placeholder="请输入发运车数"
|
border="surround"
|
v-model="carValue"
|
@change="change"
|
></u--input>
|
</view>
|
<view>实际发车数：4000</view>
|
</view>
|
</view>
|
</view>
|
<view class="main-block-box">
|
<view class="jihua-main-line">
|
<view class="name">客户名称：武安****</view>
|
</view>
|
<view class="jihua-main-line">
|
<view class="main-flex">
|
<view>煤种：主焦</view>
|
<view>剩余量：277.65</view>
|
</view>
|
</view>
|
<view class="jihua-main-line">
|
<view class="main-flex">
|
<view class="carNum-box">
|
<view>发运车数：</view>
|
<u--input
|
focus
|
placeholder="请输入发运车数"
|
border="surround"
|
v-model="carValue"
|
@change="change"
|
></u--input>
|
</view>
|
<view>实际发车数：4000</view>
|
</view>
|
</view>
|
<!-- <u-button class="xiugai-btn" type="primary" text="修改" size="mini"></u-button> -->
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
radioValue: '全部',
|
tabList: [{
|
name: '今日发运计划'
|
},{
|
name: '明日发运计划'
|
}],
|
carValue:0,
|
}
|
},
|
methods: {
|
tabClick(item) {
|
|
},
|
change() {
|
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
::v-deep{
|
.u-tabs__wrapper__nav{
|
padding-left: vww(75.5)
|
}
|
.u-radio__text{
|
span{
|
font-size: vww(14);
|
}
|
}
|
.u-radio-group--row{
|
height: 100%;
|
}
|
.u-radio__icon-wrap{
|
width: vww(14)!important;
|
height: vww(14)!important;;
|
}
|
.u-button__text{
|
font-size: vww(12)!important;
|
}
|
}
|
.jihua-wrap{
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
}
|
.jihua-main{
|
display: flex;
|
flex-direction: column;
|
width: 100%;
|
padding:vww(10) vww(10);
|
box-sizing: border-box;
|
.shaixuan-box{
|
height: vww(40);
|
}
|
.main-block-box{
|
box-shadow: 0 0 8px rgba(0,0,0,0.1);
|
height: vww(120);
|
padding: vww(10);
|
box-sizing: border-box;
|
margin-top: vww(15);
|
border-radius: vww(5);
|
position: relative;
|
.xiugai-btn{
|
position: absolute;
|
right: vww(10);
|
bottom: vww(10);
|
width: vww(20);
|
}
|
.jihua-main-line{
|
width: 100%;
|
display: flex;
|
view{
|
font-size: vww(14);
|
line-height: 2;
|
}
|
.name{
|
font-weight: 600!important;
|
}
|
.main-flex{
|
width: 100%;
|
display: flex;
|
justify-content: space-between;
|
.carNum-box{
|
display: flex;
|
.u-input{
|
height: vww(20);
|
width: vww(100);
|
}
|
}
|
}
|
}
|
|
}
|
}
|
</style>
|
