diff --git a/java-mall-app-shop-admin/pages/warehouse/manage/classifyList.vue b/java-mall-app-shop-admin/pages/warehouse/manage/classifyList.vue index a8e79ae..1168658 100644 --- a/java-mall-app-shop-admin/pages/warehouse/manage/classifyList.vue +++ b/java-mall-app-shop-admin/pages/warehouse/manage/classifyList.vue @@ -23,76 +23,68 @@ :show-scrollbar="false" class="classifyList-scroll" > - - - + + + @@ -104,7 +96,12 @@ shape="circle" @click="handerAddStairClassify()" > - + 新建分类 @@ -137,7 +134,7 @@ class="stair-bottom-item-tips" v-if="currStairItem.type_id != 0" > - 已经添加有商品类型无法修改 + 已有商品类型无法修改 @@ -295,11 +292,11 @@ 正在加载... - + @@ -334,9 +331,12 @@ > 新建分类 - - 注意,确认商品类型后不可修改名称,商品类型,虚拟商品! - + @@ -773,44 +773,49 @@ export default { .classifyList-container { height: calc(100vh - 148rpx); background: #f5f6fa; - overflow: hidden; .tips { - padding: 24rpx 40rpx; - font-size: 13px; + padding: 24rpx; + font-size: 24rpx; background: #fdf6f2; border: 1px solid #efe8e2; border-radius: 16rpx; color: #3a3230; - margin: 32rpx; + margin: 24rpx; } .classifyList-content { - margin-top: 32rpx; - margin: 32rpx; - padding: 0 24rpx; - background: #fff; - border-top-left-radius: 16rpx; - border-top-right-radius: 16rpx; + .myui_card { + margin: 0 24rpx; + padding: 24rpx; + } + ::v-deep .tui-collapse { + margin-bottom: 40rpx; + &:last-child { + margin-bottom: 0; + } + } .stair-item { display: flex; align-items: center; justify-content: space-between; - margin: 20rpx 0; - margin-left: 40rpx; + + &:last-child { + margin-bottom: 0; + } .classify-info { + padding-left: 32rpx; .stair-name { - font-size: 17px; - font-weight: 600; + font-size: 28rpx; } .stair-tips { - margin: 16rpx 0; - font-size: 15px; - color: #606060; + padding-top: 16rpx; + font-size: 24rpx; + color: #666; } } } @@ -823,7 +828,7 @@ export default { .classifyList-scroll { -ms-overflow-style: none; /* IE和Edge */ scrollbar-width: none; /* Firefox */ - height: calc(100vh - 230px); + height: calc(100vh - 400rpx); } .classifyList-scroll::-webkit-scrollbar { @@ -891,24 +896,19 @@ export default { .no-commodity-type-tips { margin: 80rpx auto; - color: red; + color: $base-color; text-align: center; } } .classify-btn-content { .classify-btn-item { - margin: 0; - margin-right: 20rpx; - width: 120rpx; - height: 60rpx; font-size: 24rpx; - border-color: #d2d2d2; - color: #000; - - &::after { - border: none; - } + display: flex; + color: #333; + border: 1rpx solid #999; + border-radius: 50rpx; + padding: 10rpx 16rpx; } } @@ -923,26 +923,21 @@ export default { position: fixed; bottom: 0; left: 0; - width: 100%; - height: 172rpx; + right: 0; + padding: 20rpx; background: #fff; - border-top: 2px solid #eeeeee; + border-top: 2rpx solid $uni-border-color; z-index: 2; .bottom-list { display: flex; align-items: center; - justify-content: flex-end; - margin-top: 40rpx; .bottom-btn-item { - margin: 0; - margin-right: 20rpx; - width: 400rpx; - height: 88rpx; - font-size: 32rpx; - border-color: #d2d2d2; - color: #000; + font-size: 28rpx; + border-color: $base-color; + color: #fff; + background: $base-color; .bottom-icon { margin-right: 8rpx; @@ -982,8 +977,8 @@ export default { .btn-item { width: 46%; - height: 80rpx; - border-color: #909193; + height: 64rpx; + border-color: #909193; &::after { border: none; @@ -1037,7 +1032,7 @@ export default { .btn-item { width: 46%; - height: 80rpx; + height: 64rpx; border-color: #909193; &::after { @@ -1069,7 +1064,7 @@ export default { .affirm-popup-title { padding: 40rpx; text-align: center; - font-weight: bold; + font-weight: bold; } .affirm-popup-tips { @@ -1084,7 +1079,7 @@ export default { .btn-item { width: 46%; - height: 80rpx; + height: 64rpx; border-color: #909193; &::after { @@ -1109,19 +1104,19 @@ export default { .stair-popup-content { .stair-bottom-item { - padding: 32rpx; - text-align: center; + padding: 24rpx; border-bottom: 1px solid #eeeeee; + font-size: 28rpx; + text-align: center; .stair-bottom-item-tips { - margin-top: 8rpx; + color: #999; font-size: 24rpx; - color: #cccccc; } } .stair-bottom-item-disabled { - color: #cccccc; + color: #999; } .stair-bottom-item-delect { diff --git a/java-mall-app-shop-admin/pages/warehouse/manage/editClassify.vue b/java-mall-app-shop-admin/pages/warehouse/manage/editClassify.vue index 33ba12d..e7ba883 100644 --- a/java-mall-app-shop-admin/pages/warehouse/manage/editClassify.vue +++ b/java-mall-app-shop-admin/pages/warehouse/manage/editClassify.vue @@ -21,9 +21,10 @@ 一级分类 @@ -82,8 +83,8 @@ :disabled="form.type_id != 0" :activeValue="1" :inactiveValue="0" - activeColor="#5ac725" - inactiveColor="#fe411b" + activeColor="#fe411b" + inactiveColor="#ccc" > @@ -118,7 +119,7 @@ - 确认 + 确定 @@ -189,9 +190,13 @@ : `编辑二级"${this.form2.category_name}"分类` }} - - 注意,确认商品类型后不可修改名称,商品类型,虚拟商品! - + + v-model="form2.category_virtual_enable" + :disabled="form2.type_id != 0" + :activeValue="1" + :inactiveValue="0" + activeColor="#fe411b" + inactiveColor="#ccc" + > @@ -271,7 +276,7 @@ shape="circle" @click="handerAffirmEditClassify" > - 确认 + 确定 @@ -318,6 +323,7 @@ @change="handerRadioChange" > 正在加载... - + @@ -757,7 +763,7 @@ export default { .editClassify-container { width: 100vw; - height: calc(100vh - 166rpx); + height: calc(100vh - 124rpx); background: #f5f6fa; overflow-y: auto; @@ -809,8 +815,6 @@ export default { justify-content: space-between; .u-icon { - margin-right: 40rpx; - ::v-deep.custom-icon-jiahao { color: $base-color !important; } @@ -819,9 +823,9 @@ export default { } .second-level-item-input { - margin: 40rpx 0; - font-weight: 500; - + ::v-deep .u-input{ + padding: 30rpx 0 !important; + } .statistics { font-size: 12px; color: #909193; @@ -862,8 +866,8 @@ export default { .btn-item { width: 46%; - height: 80rpx; - border-color: #909193; + height: 64rpx; + border-color: #909193; &::after { border: none; @@ -890,11 +894,14 @@ export default { .add-popup-content { width: 700rpx; + .my_alert{ + margin: 0 24rpx; + } + .add-popup-title { padding: 40rpx; text-align: center; - font-weight: bold; - font-size: 36rpx; + font-size: 32rpx; } .tips { @@ -916,7 +923,7 @@ export default { .btn-item { width: 46%; - height: 80rpx; + height: 64rpx; border-color: #909193; &::after { @@ -999,15 +1006,13 @@ export default { .bottom { position: fixed; - width: 92%; + left: 0; + right: 0; bottom: 0; - display: flex; - justify-content: space-between; align-items: center; - padding: 0 20px; - padding-bottom: 40rpx; background: #fff; - height: 120rpx; + padding: 24rpx; + border-top: 2rpx solid $uni-border-color; .save-btn-item { margin: 0; @@ -1027,9 +1032,10 @@ export default { .icon-list { display: flex; + justify-content: flex-end; .u-icon-jianhao { - margin-right: 60rpx; + margin-right: 20rpx; ::v-deep.custom-icon-jianhao_fangxing { color: $base-color !important; diff --git a/java-mall-app-shop-admin/pages/warehouse/manage/typeManagement.vue b/java-mall-app-shop-admin/pages/warehouse/manage/typeManagement.vue index f963d2a..a014b9c 100644 --- a/java-mall-app-shop-admin/pages/warehouse/manage/typeManagement.vue +++ b/java-mall-app-shop-admin/pages/warehouse/manage/typeManagement.vue @@ -29,20 +29,20 @@ - + 删除 - + - 暂无商品规格,点击马上添加 + 暂无商品规格数据,点击马上添加