咨询详情页修改；

assets/css/consult/user/_id.scss

@@ -543,6 +543,82 @@
             white-space: pre-line;
         }
     }
+    .comment-wrapper {
+        position: relative;
+        .comment-input {
+            margin-top: 10px;
+        }
+        .comment-btn {
+            width: 128px;
+            height: 42px;
+            line-height: 42px;
+            margin-top: 8px;
+            padding: 0;
+            border: none;
+            background: #308eff;
+            border-radius: 4px;
+            font-size: 15px;
+            font-family: PingFangSC, PingFangSC-Medium;
+            font-weight: 500;
+            text-align: center;
+            color: #ffffff;
+        }
+        .comment-list-wrapper {
+            margin-top: 24px;
+            .comment-item {
+                width: 100%;
+                margin-top: 8px;
+                .top-info {
+                    width: 100%;
+                    height: 40px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    .userinfo {
+                        display: flex;
+                        align-items: center;
+                        .avatar {
+                            width: 40px;
+                            height: 40px;
+                            border-radius: 50%;
+                        }
+                        .nickname {
+                            margin-left: 10px;
+                            font-size: 14px;
+                            font-family: PingFangSC, PingFangSC-Regular;
+                            font-weight: 400;
+                            color: #308eff;
+                            // &:hover {
+                            //     color: #308eff;
+                            // }
+                        }
+                    }
+                    .time {
+                        font-size: 12px;
+                        font-family: PingFangSC, PingFangSC-Regular;
+                        font-weight: 400;
+                        color: #8f9aa8;
+                    }
+                }
+            }
+            .content {
+                max-width: 700px;
+                margin-left: 50px;
+                font-size: 14px;
+                font-family: PingFangSC, PingFangSC-Regular;
+                font-weight: 400;
+                color: #1d2a3a;
+                line-height: 20px;
+                white-space: pre-wrap;
+            }
+        }
+        .comment-pagination-wrapper {
+            margin-top: 16px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+    }
     .skill-list-wrapper {
         padding-bottom: 45px !important;
         .skill-list-content {
@@ -558,28 +634,33 @@
                 .right-arrow {
                     position: absolute;
                     top: 80px;
-                    width: 35px;
-                    height: 35px;
+                    width: 60px;
+                    height: 60px;
                     z-index: 3;
                     opacity: 0;
                     cursor: pointer;
-                    transition: all .2s ease;
+                    transition: none;
                     // background-position: 50%;
                     background-size: 100% 100%;
                     background-repeat: no-repeat;
                 }
                 .left-arrow {
                     left: 0;
-                    background-image: url('~@/assets/img/common/scroller-left@2x.png');
+                    background-image: url('~@/assets/img/common/scroller-left2@2x.png');
                     &:hover {
-                        background-image: url('~@/assets/img/common/scroller-left-active@2x.png');
+                        // background-image: url('~@/assets/img/common/scroller-left-active2@2x.png');
+                        background-image: url('~@/assets/img/common/scroller-right-active2@2x.png');
+                        transform: rotate(180deg);
                     }
                 }
                 .right-arrow {
                     right: 0;
-                    background-image: url('~@/assets/img/common/scroller-right@2x.png');
+                    // background-image: url('~@/assets/img/common/scroller-right2@2x.png');
+                    background-image: url('~@/assets/img/common/scroller-left2@2x.png');
+                    transform: rotate(180deg);
                     &:hover {
-                        background-image: url('~@/assets/img/common/scroller-right-active@2x.png');
+                        transform: rotate(0);
+                        background-image: url('~@/assets/img/common/scroller-right-active2@2x.png');
                     }
                 }
                 .scroll-outer {
@@ -692,6 +773,9 @@
                 }
             }
         }
+        .skill-list-empty {
+            height: 160px;
+        }
     }
     .common-card {
         position: relative;
@@ -938,7 +1022,9 @@
     }
 }
 // 行家自述 modal
-.self-description-title {
+.self-description-title,
+.why-me-title,
+.select-consult-title {
     width: 100%;
     height: 28px;
     line-height: 28px;
@@ -948,10 +1034,13 @@
     text-align: center;
     color: #222222;
 }
-.self-description-content {
+.self-description-content,
+.why-me-content,
+.select-consult-content {
     position: relative;
     width: 100%;
-    .self-description-input {
+    .self-description-input,
+    .why-me-input {
         width: 100%;
         line-height: 21px;
         font-size: 13px;
@@ -997,3 +1086,86 @@
         }
     }
 }
+// 全部咨询选择 modal
+.select-consult-content {
+    .select-consult-list {
+        position: relative;
+        width: 100%;
+        .select-consult-item {
+            width: 100%;
+            height: 50px;
+            padding: 0 16px;
+            margin-bottom: 10px;
+            border: 1px solid #f1f1f1;
+            display: flex;
+            align-items: center;
+            font-size: 15px;
+            font-family: PingFangSC, PingFangSC-Regular;
+            color: #222222;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            cursor: pointer;
+            &.active {
+                border-color: #308eff;
+                color: #308eff;
+            }
+            &:last-child {
+                margin-bottom: 0;
+            }
+        }
+    }
+    .time-wrapper {
+        width: 100%;
+        height: 59px;
+        margin-top: 27px;
+        box-shadow: 0px -1px 0px 0px #f4f4f4 inset; 
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        cursor: pointer;
+        .time-title {
+            font-size: 16px;
+            font-family: PingFangSC, PingFangSC-Regular;
+            font-weight: 400;
+            color: #333333;
+            display: flex;
+            align-items: center;
+            img {
+                width: 24px;
+                height: 24px;
+                margin-right: 10px;
+            }
+        }
+        .selected-time {
+            font-size: 16px;
+            font-family: PingFangSC, PingFangSC-Regular;
+            font-weight: 400;
+            color: #999999;
+            letter-spacing: 0px;
+            display: flex;
+            align-items: center;
+            img {
+                width: 15px;
+                height: 15px;
+                margin-right: 3px;
+            }
+        }
+    }
+    .action-wrapper {
+        margin-top: 20px;
+        .confirm-btn {
+            width: 215px;
+        }
+    }
+    .tips-text {
+        width: 100%;
+        margin-top: 9px;
+        line-height: 18px;
+        font-size: 13px;
+        font-family: PingFangSC, PingFangSC-Regular;
+        font-weight: 400;
+        text-align: center;
+        color: #999999;
+    }
+}

components/consult/dealSeoDetail.js

@@ -91,6 +91,24 @@ export default class DealSeoData {
                 zxRatingText = '低'
             }
             consultDetail.user.zxRatingText = zxRatingText
+
+            // 所有状态：0未咨询1待接单2进行中3已完成4待结薪5已拒绝6已结薪7退款中8已退款
+            let saleOrderStatus = consultDetail.sale_order_status || 0
+            if (saleOrderStatus == 0 || saleOrderStatus == 5 ||
+                saleOrderStatus == 7 || saleOrderStatus == 8) {
+                // 未付款
+                consultDetail.stepIndex = 1
+            } else if (saleOrderStatus == 1) {
+                // 待接单
+                consultDetail.stepIndex = 2
+            } else if (saleOrderStatus == 2) {
+                // 咨询中
+                consultDetail.stepIndex = 3
+            } else if (saleOrderStatus == 3 || saleOrderStatus == 4 ||
+                       saleOrderStatus == 6) {
+                // 订单结束
+                consultDetail.stepIndex = 4
+            }
         } else if (Number(res.status) === 40001) {
             this.isExist = false
         }

components/error_page/404.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="main-404">
+    <div class="main-404" :class="{ 'main-404-fixed': isFixedHeader }">
         <div v-if="message">{{ message }}</div>
         <img v-else class="img-404" src="@/assets/img/common/new404.png" alt="404">
     </div>
@@ -13,6 +13,18 @@ export default {
             type: String,
             default: ''
         }
+    },
+    computed: {
+        isFixedHeader () {
+            let isFixedHeader = false
+            const routeName = this.$route.name
+
+            if (routeName.indexOf('SeoConsultUser') > -1) {
+                isFixedHeader = true
+            }
+
+            return isFixedHeader
+        }
     }
 }
 </script>
@@ -23,6 +35,9 @@ export default {
     text-align: center;
     line-height: 400px;
     font-size: 16px;
+    &.main-404-fixed {
+        margin-top: 103px !important;
+    }
     .img-404 {
         margin: 60px auto 0;
         display: block;