|
|
@@ -319,8 +319,8 @@
|
|
|
computed: mapGetters(['isLogin']),
|
|
|
onLoad(options) {
|
|
|
//await
|
|
|
- this.state = options.type ? options.type : 'all';
|
|
|
- this.searchListData.status = options.type ? options.type : 'all';
|
|
|
+ this.state = options.type ? options.type : 'await';
|
|
|
+ this.searchListData.status = options.type ? options.type : 'await';
|
|
|
this.searchListData.type = options.orderType ? options.orderType : -1;
|
|
|
},
|
|
|
// created() {
|
|
|
@@ -590,183 +590,183 @@
|
|
|
@import '../style/admin_order.scss';
|
|
|
</style>
|
|
|
<style scoped lang="scss">
|
|
|
- // .map {
|
|
|
- // text-align: center;
|
|
|
- // padding-left: 36rpx;
|
|
|
- // position: relative;
|
|
|
- // @include main_color(theme);
|
|
|
+ .map {
|
|
|
+ text-align: center;
|
|
|
+ padding-left: 36rpx;
|
|
|
+ position: relative;
|
|
|
+ @include main_color(theme);
|
|
|
|
|
|
- // &::before {
|
|
|
- // content: '';
|
|
|
- // display: inline-block;
|
|
|
- // width: 2rpx;
|
|
|
- // height: 42rpx;
|
|
|
- // background-color: #DDDDDD;
|
|
|
- // position: absolute;
|
|
|
- // left: 0;
|
|
|
- // top: 18rpx;
|
|
|
- // }
|
|
|
+ &::before {
|
|
|
+ content: '';
|
|
|
+ display: inline-block;
|
|
|
+ width: 2rpx;
|
|
|
+ height: 42rpx;
|
|
|
+ background-color: #DDDDDD;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 18rpx;
|
|
|
+ }
|
|
|
|
|
|
- // .iconfont {
|
|
|
- // color: var(--view-theme);
|
|
|
- // }
|
|
|
+ .iconfont {
|
|
|
+ color: var(--view-theme);
|
|
|
+ }
|
|
|
|
|
|
- // .map_text {
|
|
|
- // color: var(--view-theme);
|
|
|
- // }
|
|
|
- // }
|
|
|
- // .order-item {
|
|
|
- // background-color: #fff;
|
|
|
- // border-radius: 23rpx;
|
|
|
- // padding: 19rpx 38rpx;
|
|
|
- // }
|
|
|
+ .map_text {
|
|
|
+ color: var(--view-theme);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .order-item {
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 23rpx;
|
|
|
+ padding: 19rpx 38rpx;
|
|
|
+ }
|
|
|
|
|
|
- // .order-top {
|
|
|
- // display: flex;
|
|
|
- // align-items: center;
|
|
|
- // justify-content: space-between;
|
|
|
- // padding: 17rpx;
|
|
|
- // border-bottom: 2rpx dashed #D6D7DC;
|
|
|
- // }
|
|
|
+ .order-top {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 17rpx;
|
|
|
+ border-bottom: 2rpx dashed #D6D7DC;
|
|
|
+ }
|
|
|
|
|
|
- // .bold-size {
|
|
|
- // white-space: nowrap;
|
|
|
- // overflow: hidden;
|
|
|
- // text-overflow: ellipsis;
|
|
|
- // font-weight: 500;
|
|
|
- // font-size: 27rpx;
|
|
|
- // color: #141414;
|
|
|
- // z-index: 9999;
|
|
|
- // }
|
|
|
+ .bold-size {
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 27rpx;
|
|
|
+ color: #141414;
|
|
|
+ z-index: 9999;
|
|
|
+ }
|
|
|
|
|
|
- // .onBold-size {
|
|
|
- // font-weight: 400;
|
|
|
- // font-size: 23rpx;
|
|
|
- // color: #999999;
|
|
|
- // }
|
|
|
+ .onBold-size {
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 23rpx;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
|
|
|
- // .order-content {
|
|
|
- // padding: 10rpx 0 15rpx 0;
|
|
|
+ .order-content {
|
|
|
+ padding: 10rpx 0 15rpx 0;
|
|
|
|
|
|
- // .box-item {
|
|
|
- // display: flex;
|
|
|
- // align-items: center;
|
|
|
- // justify-content: space-between;
|
|
|
- // margin-bottom: 10rpx;
|
|
|
- // }
|
|
|
+ .box-item {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ }
|
|
|
|
|
|
- // .order-info {
|
|
|
- // width: 100%;
|
|
|
- // background: #F8F9FB;
|
|
|
- // padding: 19rpx 38rpx 45rpx 19rpx;
|
|
|
+ .order-info {
|
|
|
+ width: 100%;
|
|
|
+ background: #F8F9FB;
|
|
|
+ padding: 19rpx 38rpx 45rpx 19rpx;
|
|
|
|
|
|
- // .store-name {
|
|
|
- // font-weight: 600;
|
|
|
- // font-size: 27rpx;
|
|
|
- // color: #141414;
|
|
|
- // }
|
|
|
+ .store-name {
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 27rpx;
|
|
|
+ color: #141414;
|
|
|
+ }
|
|
|
|
|
|
- // .scroll-container {
|
|
|
- // display: flex;
|
|
|
- // flex-wrap: nowrap;
|
|
|
- // margin: 20rpx 0;
|
|
|
- // overflow-x: auto;
|
|
|
- // /* 允许水平滚动 */
|
|
|
- // white-space: nowrap;
|
|
|
- // /* 防止项目换行 */
|
|
|
- // -webkit-overflow-scrolling: touch;
|
|
|
- // /* 在iOS上平滑滚动 */
|
|
|
+ .scroll-container {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ overflow-x: auto;
|
|
|
+ /* 允许水平滚动 */
|
|
|
+ white-space: nowrap;
|
|
|
+ /* 防止项目换行 */
|
|
|
+ -webkit-overflow-scrolling: touch;
|
|
|
+ /* 在iOS上平滑滚动 */
|
|
|
|
|
|
- // .item {
|
|
|
- // display: flex;
|
|
|
- // flex-direction: column;
|
|
|
- // align-items: center;
|
|
|
- // justify-content: center;
|
|
|
- // margin-right: 19rpx;
|
|
|
+ .item {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-right: 19rpx;
|
|
|
|
|
|
- // image {
|
|
|
- // width: 115rpx;
|
|
|
- // height: 115rpx;
|
|
|
- // }
|
|
|
+ image {
|
|
|
+ width: 115rpx;
|
|
|
+ height: 115rpx;
|
|
|
+ }
|
|
|
|
|
|
- // text {
|
|
|
- // font-weight: 400;
|
|
|
- // font-size: 21rpx;
|
|
|
- // color: #141414;
|
|
|
- // margin-top: 9rpx;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
+ text {
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 21rpx;
|
|
|
+ color: #141414;
|
|
|
+ margin-top: 9rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- // .container2 {
|
|
|
- // display: flex;
|
|
|
- // justify-content: space-between;
|
|
|
- // align-items: center;
|
|
|
- // font-weight: 500;
|
|
|
- // font-size: 21rpx;
|
|
|
- // color: #141414;
|
|
|
+ .container2 {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 21rpx;
|
|
|
+ color: #141414;
|
|
|
|
|
|
- // view {
|
|
|
- // display: flex;
|
|
|
- // align-items: center;
|
|
|
- // }
|
|
|
+ view {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
|
|
|
- // .image2 {
|
|
|
- // width: 42rpx;
|
|
|
- // height: 42rpx;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
+ .image2 {
|
|
|
+ width: 42rpx;
|
|
|
+ height: 42rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- // .order-dis {
|
|
|
- // font-weight: 400;
|
|
|
- // font-size: 23rpx;
|
|
|
- // color: #141414;
|
|
|
- // }
|
|
|
+ .order-dis {
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 23rpx;
|
|
|
+ color: #141414;
|
|
|
+ }
|
|
|
|
|
|
- // .order-icon {
|
|
|
- // display: inline-block;
|
|
|
- // margin-left: 10rpx;
|
|
|
- // margin-right: 20rpx;
|
|
|
- // padding: 5rpx 10rpx;
|
|
|
- // font-weight: 400;
|
|
|
- // font-size: 23rpx;
|
|
|
- // color: #FFFFFF;
|
|
|
- // border-radius: 50%;
|
|
|
- // background-color: $bg-color-primary;
|
|
|
- // }
|
|
|
+ .order-icon {
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 10rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
+ padding: 5rpx 10rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 23rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color: $bg-color-primary;
|
|
|
+ }
|
|
|
|
|
|
- // .order-bottom {
|
|
|
- // border-top: 2rpx dashed #D6D7DC;
|
|
|
+ .order-bottom {
|
|
|
+ border-top: 2rpx dashed #D6D7DC;
|
|
|
|
|
|
- // .bottom-but {
|
|
|
- // padding: 39rpx 67rpx;
|
|
|
+ .bottom-but {
|
|
|
+ padding: 39rpx 67rpx;
|
|
|
|
|
|
- // .sub {
|
|
|
- // width: 100%;
|
|
|
- // background-color: $bg-color-primary;
|
|
|
- // font-weight: 500;
|
|
|
- // font-size: 31rpx;
|
|
|
- // color: #FFFFFF;
|
|
|
- // padding: 17rpx 0;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
+ .sub {
|
|
|
+ width: 100%;
|
|
|
+ background-color: $bg-color-primary;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 31rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ padding: 17rpx 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- // .icon-info {
|
|
|
- // width: 8rpx;
|
|
|
- // height: 31rpx;
|
|
|
- // background: $bg-color-primary;
|
|
|
- // margin-right: 15rpx;
|
|
|
- // }
|
|
|
+ .icon-info {
|
|
|
+ width: 8rpx;
|
|
|
+ height: 31rpx;
|
|
|
+ background: $bg-color-primary;
|
|
|
+ margin-right: 15rpx;
|
|
|
+ }
|
|
|
|
|
|
- // .line {
|
|
|
- // z-index: 1;
|
|
|
- // position: absolute;
|
|
|
- // left: 28rpx;
|
|
|
- // width: 1rpx;
|
|
|
- // height: 100%;
|
|
|
- // border-left: 1rpx dashed $bg-color-primary;
|
|
|
- // }
|
|
|
+ .line {
|
|
|
+ z-index: 1;
|
|
|
+ position: absolute;
|
|
|
+ left: 28rpx;
|
|
|
+ width: 1rpx;
|
|
|
+ height: 100%;
|
|
|
+ border-left: 1rpx dashed $bg-color-primary;
|
|
|
+ }
|
|
|
</style>
|
