diff --git a/src/styles/styles.scss b/src/styles/styles.scss index 7536a7c..146b7e7 100644 --- a/src/styles/styles.scss +++ b/src/styles/styles.scss @@ -1,42 +1,42 @@ @charset "UTF-8"; -.el-card{ +.el-card { font-size: 14px; } -.svg-icon{ +.svg-icon { width: 0.8em !important; height: 0.8em !important; } .el-table--mini { font-size: 13px !important; } -.el-dialog__body{ +.el-dialog__body { // padding: 5px 20px 15px 20px !important; } -.el-dialog__wrapper{ +.el-dialog__wrapper { //overflow: auto !important; } -.selWidth{ +.selWidth { width: 280px; } -.mobile-page{ +.mobile-page { width: 100%; } -.paddingBox{ - padding:0 10px 10px; +.paddingBox { + padding: 0 10px 10px; } -.mobile-config{ +.mobile-config { width: 100%; padding: 15px; } -.c_label{ +.c_label { font-size: 14px; color: #999999; } -.c_label span{ +.c_label span { margin-left: 10px; color: #333; } -.empty-box{ +.empty-box { width: 100%; height: 100%; display: flex; @@ -45,14 +45,23 @@ background: #f3f5f7; border-radius: 6px; } -.empty-box.on{ +.empty-box.on { border-radius: 0px; } -.empty-box .iconfont-diy{ +.customize { + // background: red; + .cell { + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-around; + } +} +.empty-box .iconfont-diy { color: #bbbfc8; font-size: 30px; } -.c_row-item{ +.c_row-item { display: flex; justify-content: space-between; align-items: center; @@ -125,43 +134,43 @@ -webkit-justify-content: space-between; justify-content: space-between; } -.divBox{ +.divBox { box-sizing: border-box; - .el-pagination{ + .el-pagination { display: flex; justify-content: flex-end; margin-top: 25px; } } -.seachTiele{ +.seachTiele { font-size: 12px; } -.el-divider--horizontal{ +.el-divider--horizontal { margin: 19px 0; } -.suibian-modal{ - .el-dialog__footer{ +.suibian-modal { + .el-dialog__footer { display: none !important; } } -.el-message-box__wrapper{ +.el-message-box__wrapper { overflow: auto; } -.el-message-box{ - overflow: auto!important; +.el-message-box { + overflow: auto !important; } -.modal-form{ +.modal-form { width: 600px; } -.modal-form .el-select{ +.modal-form .el-select { width: 100%; } -.upload-form{ +.upload-form { min-width: 1000px; - max-height:620px; + max-height: 620px; } -.listPic{ - .image-slot{ +.listPic { + .image-slot { width: 100%; height: 100%; display: flex; @@ -169,32 +178,33 @@ align-items: center; } } -.switchTable{ +.switchTable { .el-switch.is-disabled { opacity: 1; } - .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label { - cursor: pointer !important;; + .el-switch.is-disabled .el-switch__core, + .el-switch.is-disabled .el-switch__label { + cursor: pointer !important; } } /** * 上传图片的照相机 */ -.upLoadPicBox{ +.upLoadPicBox { display: inline-block; cursor: pointer; - + .pictrue { width: 60px; height: 60px; border: 1px dotted rgba(0, 0, 0, 0.1); margin-right: 10px; position: relative; - img { + img { width: 100%; height: 100%; } - .btndel{ + .btndel { position: absolute; right: -5px; top: -5px; @@ -218,58 +228,58 @@ /** * 标题带下划线 */ -.dividerTitle{ - .title{ +.dividerTitle { + .title { border-bottom: 2px solid var(--prev-color-primary); padding: 0 8px 18px 5px; color: #000; font-size: 14px; } } -.cameraIconfont{ +.cameraIconfont { color: #898989; font-size: 26px; } -.ml10{ +.ml10 { margin-left: 10px; } -.mr10{ +.mr10 { margin-right: 10px; } -.mb15{ +.mb15 { margin-bottom: 15px; } -.mb20{ +.mb20 { margin-bottom: 20px; } -.mb5{ +.mb5 { margin-bottom: 5px; } -.mr15{ +.mr15 { margin-right: 15px; } -.mt20{ +.mt20 { margin-top: 20px; } .mr50 { margin-right: 50px; } -.mr20{ +.mr20 { margin-right: 20px !important; } .ml40 { margin-left: 40px !important; } -.ml50{ +.ml50 { margin-left: 50px !important; } -.mb10{ +.mb10 { margin-bottom: 10px; } -.mr5{ +.mr5 { margin-right: 5px; } -.pl25{ +.pl25 { padding-left: 25px; box-sizing: border-box; } @@ -279,19 +289,19 @@ a { text-decoration: none; outline: none; cursor: pointer; - transition: color .2s ease; + transition: color 0.2s ease; font-size: 12px; } -.spBlock{ +.spBlock { display: block; } -.onHand{ +.onHand { cursor: pointer; } /** * 搜索框标题 */ -.seachTiele{ +.seachTiele { line-height: 35px; font-size: 12px; } @@ -322,7 +332,7 @@ a { .el-table__row .el-switch .el-switch__core, .el-table__row .el-switch .el-switch__label { font-size: 12px; - width: 55px!important; + width: 55px !important; } .el-switch__label * { font-size: 12px; @@ -343,7 +353,7 @@ a { margin-bottom: 0; width: 33.33%; } -table .el-image{ +table .el-image { width: 36px; height: 36px; } @@ -351,19 +361,23 @@ table .el-image{ .index_bg { width: 100%; height: 100vh; - background: rgba(0, 0, 0, .6) !important; + background: rgba(0, 0, 0, 0.6) !important; z-index: 0 !important; } //表格下拉文字 -.el-form-item__label, .el-form-item__content{ +.el-form-item__label, +.el-form-item__content { font-size: 13px !important; } @font-face { font-family: "iconfont"; /* Project id 2955395 */ - src: url('//at.alicdn.com/t/font_2955395_hzsad8tzvr.woff2?t=1637567333533') format('woff2'), - url('//at.alicdn.com/t/font_2955395_hzsad8tzvr.woff?t=1637567333533') format('woff'), - url('//at.alicdn.com/t/font_2955395_hzsad8tzvr.ttf?t=1637567333533') format('truetype'); + src: url("//at.alicdn.com/t/font_2955395_hzsad8tzvr.woff2?t=1637567333533") + format("woff2"), + url("//at.alicdn.com/t/font_2955395_hzsad8tzvr.woff?t=1637567333533") + format("woff"), + url("//at.alicdn.com/t/font_2955395_hzsad8tzvr.ttf?t=1637567333533") + format("truetype"); } .iconfont { @@ -417,75 +431,78 @@ table .el-image{ .icon-dingdanguanli:before { content: "\e605"; } -.el-menu-item,.el-submenu__title { +.el-menu-item, +.el-submenu__title { height: 50px; line-height: 50px; } -.styleTwo,.styleTwo .el-menu--popup { - min-width: 140px!important; +.styleTwo, +.styleTwo .el-menu--popup { + min-width: 140px !important; padding: 0; max-height: auto; } -.styleTwo .el-menu--popup{ +.styleTwo .el-menu--popup { border-radius: 4px; - background: #5F5F66!important; + background: #5f5f66 !important; } -.styleTwo{ - &::before{ +.styleTwo { + &::before { content: ""; border: 10px solid transparent; - border-right-color: #5F5F66; + border-right-color: #5f5f66; position: absolute; left: 0; top: 50px; } } -.styleTwo .el-menu--popup-right-start{ +.styleTwo .el-menu--popup-right-start { margin-left: 17px; margin-right: 12px; } -.styleTwo li{ - background: #5f5f66!important; - height: 46px!important; - line-height: 46px!important; +.styleTwo li { + background: #5f5f66 !important; + height: 46px !important; + line-height: 46px !important; font-size: 13px; - padding-left: 0!important; + padding-left: 0 !important; } -.styleTwo .el-submenu__title{ - background: #5f5f66!important; - height: 46px!important; - line-height: 46px!important; +.styleTwo .el-submenu__title { + background: #5f5f66 !important; + height: 46px !important; + line-height: 46px !important; font-size: 13px; - color: #ffffff!important; + color: #ffffff !important; } -.styleTwo li:hover,.styleTwo .is-active{ - background: #77777D!important; - .el-submenu__title{ - background: #77777D!important; +.styleTwo li:hover, +.styleTwo .is-active { + background: #77777d !important; + .el-submenu__title { + background: #77777d !important; } } -.styleTwo .router-link-active{ +.styleTwo .router-link-active { background: #ffffff; } -#app .hideSidebar .style2 .el-submenu>.el-submenu__title{ - text-align: left!important; +#app .hideSidebar .style2 .el-submenu > .el-submenu__title { + text-align: left !important; } -.el-slider__button-wrapper{ - z-index: 100 +.el-slider__button-wrapper { + z-index: 100; } -.el-radio-button .el-radio__input.is-checked+.el-radio__label, +.el-radio-button .el-radio__input.is-checked + .el-radio__label, .el-radio-button .el-radio-button__inner:hover { color: var(--prev-color-primary); } -.fc-upload-btn{ - display: flex!important; +.fc-upload-btn { + display: flex !important; align-items: center; justify-content: center; } -.fc-upload-btn .el-icon-camera{ +.fc-upload-btn .el-icon-camera { font-size: 26px; color: #898989; } diff --git a/src/views/merchant/list/handle/merDetails.vue b/src/views/merchant/list/handle/merDetails.vue index b79c973..d71414b 100644 --- a/src/views/merchant/list/handle/merDetails.vue +++ b/src/views/merchant/list/handle/merDetails.vue @@ -5,7 +5,7 @@ :size="1000" :visible.sync="drawer" :direction="direction" - :before-close="handleClose" + :before-close="handleClose" >
@@ -14,21 +14,32 @@
{{ merData.mer_name }} - 自营 - {{merData.merchantType.type_name}} + 自营 + {{ merData.merchantType.type_name }}
{{ merData.mer_address }}
- 取消 - - 修改管理员密码 + 修改管理员密码
@@ -53,7 +66,7 @@
- + :storeType="storeType" + :isAdd="isAdd" + :merData="merData" + @modifyCopy="modifyCopy" + @success="editSuccess" + v-if="isEdit || isAdd" + > - + + 提交 + - @@ -253,7 +310,7 @@ export default { } } } - .bold{ + .bold { font-weight: bold; } .list { @@ -309,7 +366,7 @@ export default { padding-left: 20px; } &:nth-child(2n) { - padding-right: 20px; + padding-right: 20px; } } .value { @@ -338,7 +395,7 @@ export default { .gary { color: #aaa; } -.footer{ +.footer { width: 100%; text-align: center; position: absolute; diff --git a/src/views/merchant/list/handle/merEditForm.vue b/src/views/merchant/list/handle/merEditForm.vue index b297e35..bc9127e 100644 --- a/src/views/merchant/list/handle/merEditForm.vue +++ b/src/views/merchant/list/handle/merEditForm.vue @@ -6,7 +6,7 @@ :model="merData" label-width="120px" @submit.native.prevent - > + >
@@ -35,7 +35,11 @@ - + - + 自营 非自营 @@ -178,7 +180,7 @@ - + - + - - + + @@ -274,24 +289,32 @@ :disabled="true" v-model="merData.margin" placeholder="请填写保证金" - style="width:120px;margin-left: 8px;" - /> 元, - + style="width: 120px; margin-left: 8px" + /> + 元, + 额度 - + style="width: 120px; margin-left: 8px" + /> + - - + + @@ -299,24 +322,32 @@ :disabled="true" v-model="merData.service_cost" placeholder="请填写技术服务费" - style="width:120px;margin-left: 8px;" - /> 元, - + style="width: 120px; margin-left: 8px" + /> + 元, + 额度 - + style="width: 120px; margin-left: 8px" + /> + - - + + @@ -324,27 +355,28 @@ :disabled="true" v-model="merData.goods_cost" placeholder="请填写上架费" - style="width:120px;margin-left: 8px;" - /> 元, - + style="width: 120px; margin-left: 8px" + /> + 元, + 额度 - + style="width: 120px; margin-left: 8px" + /> + - - - + + + - - - - {{merData.is_margin != 0?merData.ot_margin-merData.margin>0 ? '待缴' : '已缴':'无' }} - - - - - {{merData.is_service != 0?merData.ot_service_cost-merData.service_cost>0 ? '待缴' : '已缴':'无'}} - - - - - {{merData.is_goods != 0?merData.ot_goods_cost-merData.goods_cost>0 ? '待缴' : '已缴':'无'}} - - - - - - - {{merData.ot_margin-merData.margin}} - - - - - {{merData.ot_service_cost-merData.service_cost}} - - - - - - {{merData.ot_goods_cost-merData.goods_cost}} - - - + + + + {{ + merData.is_margin != 0 + ? merData.ot_margin - merData.margin > 0 + ? "待缴" + : "已缴" + : "无" + }} + + + + + {{ + merData.is_service != 0 + ? merData.ot_service_cost - merData.service_cost > 0 + ? "待缴" + : "已缴" + : "无" + }} + + + + + {{ + merData.is_goods != 0 + ? merData.ot_goods_cost - merData.goods_cost > 0 + ? "待缴" + : "已缴" + : "无" + }} + + - + + + + + {{ merData.ot_goods_cost - merData.goods_cost }} + + + + + @@ -162,7 +204,7 @@ + /> + /> - + @@ -290,28 +369,55 @@ :preview-src-list="[val.cart_info.product.image]" />
- {{ val.cart_info.product.store_name + ' | ' }}{{ val.cart_info.productAttr.sku }} + {{ val.cart_info.product.store_name + " | " + }}{{ val.cart_info.productAttr.sku }} - {{ '¥'+ val.cart_info.productAttr.price + ' x '+ val.product_num }} + {{ + "¥" + + val.cart_info.productAttr.price + + " x " + + val.product_num + }} (-{{ val.product_num - val.refund_num }}) + v-if="val.refund_num < val.product_num && val.refund_num > 0" + style="color: red; font-style: normal" + >(-{{ val.product_num - val.refund_num }}) + + + @@ -325,8 +431,15 @@ 待付款 - {{ scope.row.status | orderStatusFilter }} - {{ scope.row.status | cancelOrderStatusFilter }} + {{ scope.row.status | orderStatusFilter }} + {{ + scope.row.status | cancelOrderStatusFilter + }} 已删除 @@ -337,19 +450,36 @@ {{ scope.row.create_time }} - + @@ -372,7 +502,8 @@ @closeDrawer="closeDrawer" @changeDrawer="changeDrawer" :uid="uid" - :isUser="false" /> + :isUser="false" + />