|
|
@@ -14,24 +14,20 @@
|
|
|
:key="index"
|
|
|
@click="gotoDetails(item)"
|
|
|
>
|
|
|
- <image :src="item.avatar"></image>
|
|
|
<view class="store_name">
|
|
|
+ <image :src="item.avatar"></image>
|
|
|
<view class="store_title">{{item.name}}</view>
|
|
|
<view class="accumulative"></view>
|
|
|
</view>
|
|
|
+ <view class="cg-button">采购</view>
|
|
|
<view class="store_btn">
|
|
|
- <view class="btn_entrance">
|
|
|
- 采购
|
|
|
- </view>
|
|
|
- <view class="btn_entrance" v-if="Number(item.debtAmount) > 0" @click.stop="gotoDetailsEvent(item)" >
|
|
|
- 欠款单
|
|
|
- </view>
|
|
|
- <view class="btn_entrance btn_forbid" v-else @click.stop="" >
|
|
|
- 欠款单
|
|
|
+ <view class="btn_entrance" @click.stop="gotoDetailsEvent(item)" >
|
|
|
+ 欠款订单
|
|
|
</view>
|
|
|
<view class="btn_entrance" @click.stop="pageTo({ url: '/admin/clear/list',query: {ghsId: item.id}})">
|
|
|
- 结账单
|
|
|
+ 结账记录
|
|
|
</view>
|
|
|
+ <view class="btn_entrance" @click.stop="pageTo({url:'/pagesPurchase/order'})">采购记录</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</block>
|
|
|
@@ -45,7 +41,8 @@
|
|
|
</scroll-view>
|
|
|
<!-- 按钮 -->
|
|
|
<div class="app-footer">
|
|
|
- <div class="admin-button-com middle blue" @click="add">添加供应商</div>
|
|
|
+ <text class="cg-set" @click="pageTo({url: '/admin/cg/set'})">采购设置</text>
|
|
|
+ <div class="admin-button-com middle blue add-ghs" @click="add">新增供应商</div>
|
|
|
</div>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -140,32 +137,43 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.order_list {
|
|
|
- // height: 200upx;
|
|
|
height: 100%;
|
|
|
background: #f0f2f6;
|
|
|
padding: 0 0 20upx;
|
|
|
.list_item {
|
|
|
margin: 20upx 0 0;
|
|
|
- // padding-left: 20upx;
|
|
|
position: relative;
|
|
|
- height: 180upx;
|
|
|
+ height: 200upx;
|
|
|
width: 100vw;
|
|
|
background: #fff;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- & > image {
|
|
|
- margin-left: 30upx;
|
|
|
- width: 120upx;
|
|
|
- height: 120upx;
|
|
|
- border-radius: 60upx;
|
|
|
+ .cg-button{
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 28upx;
|
|
|
+ color: white;
|
|
|
+ border: 1px solid #3385FF;
|
|
|
+ border-radius: 80px;
|
|
|
+ padding: 12upx 32upx;
|
|
|
+ position: absolute;
|
|
|
+ top:70rpx;
|
|
|
+ right:60rpx;
|
|
|
+ background: #3385FF;
|
|
|
}
|
|
|
& > .store_name {
|
|
|
margin-left: 30upx;
|
|
|
- width: 280rpx;
|
|
|
+ width: 700rpx;
|
|
|
display: block;
|
|
|
+ image{
|
|
|
+ width:48upx;
|
|
|
+ height:48upx;
|
|
|
+ border-radius:60upx;
|
|
|
+ float:left;
|
|
|
+ }
|
|
|
& > .store_title {
|
|
|
margin-bottom: 58upx;
|
|
|
- width: 500rpx;
|
|
|
+ margin-left:10rpx;
|
|
|
+ width: 400rpx;
|
|
|
white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
overflow: hidden;
|
|
|
@@ -173,6 +181,7 @@ export default {
|
|
|
font-size: 35upx;
|
|
|
font-weight: 700;
|
|
|
color: #333;
|
|
|
+ display:inline-block;
|
|
|
}
|
|
|
& > .accumulative {
|
|
|
font-size: 26upx;
|
|
|
@@ -181,20 +190,15 @@ export default {
|
|
|
}
|
|
|
& > .store_btn {
|
|
|
position: absolute;
|
|
|
- top:100upx;
|
|
|
- left: 135upx;
|
|
|
+ top:120upx;
|
|
|
+ left: 0upx;
|
|
|
& > .btn_entrance {
|
|
|
display: inline-block;
|
|
|
- font-size: 28upx;
|
|
|
- color: #3385ff;
|
|
|
- border: 1px solid #3385ff;
|
|
|
- border-radius: 10px;
|
|
|
- padding: 10upx 35upx;
|
|
|
- margin-left: 45upx;
|
|
|
- }
|
|
|
- & > .btn_forbid {
|
|
|
- border: 1px solid #999;
|
|
|
+ font-size: 25upx;
|
|
|
color: #999;
|
|
|
+ padding: 10upx 20upx;
|
|
|
+ margin-left: 20upx;
|
|
|
+ text-decoration:underline;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -204,4 +208,17 @@ export default {
|
|
|
background-color: #f0f2f6;
|
|
|
}
|
|
|
}
|
|
|
+.app-footer {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+ .cg-set{
|
|
|
+ margin-right:60rpx;
|
|
|
+ color:#3385ff;
|
|
|
+ font-size:28rpx;
|
|
|
+ }
|
|
|
+ .add-ghs{
|
|
|
+ margin-right:20rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|