|
@@ -47,17 +47,53 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<activity v-show="selectTab==='活动'"></activity>
|
|
<activity v-show="selectTab==='活动'"></activity>
|
|
|
|
+ <dynamic v-show="selectTab==='动态'"></dynamic>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="serviceEvaluation">
|
|
|
|
+ <div class="parkDynamicTitle">
|
|
|
|
+ <div class="columLineBlue"></div>
|
|
|
|
+ <div class="titleName">服务评价</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="wyInfo">
|
|
|
|
+ <div class="wyName">
|
|
|
|
+ <image :src="wyhead" class="wyhead"></image>
|
|
|
|
+ <span>XXXX物业</span>
|
|
|
|
+ </div>
|
|
|
|
+ <span style="color: #666666;font-size: 28rpx">好评率:100%</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="evaluationBox">
|
|
|
|
+ <div class="evaluationBoxName">点击笑脸给出您对园区服务的评价</div>
|
|
|
|
+ <van-rate
|
|
|
|
+ value="{{ value }}"
|
|
|
|
+ size="{{ 32 }}"
|
|
|
|
+ color="#ffd21e"
|
|
|
|
+ :void-icon="voidMyIcon"
|
|
|
|
+ :icon="myIcon"
|
|
|
|
+ gutter="32rpx"
|
|
|
|
+ void-color="#eee"
|
|
|
|
+ bind:change="onChange"
|
|
|
|
+ />
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="contactInfo">
|
|
|
|
+ <div class="infoBox">
|
|
|
|
+ <span class="infoTitle">客服电话(24小时)</span>
|
|
|
|
+ <span class="phoneNumber">0510-680**808</span>
|
|
|
|
+ </div>
|
|
|
|
+ <image :src="phoneCall" class="phoneCall"></image>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-import vanPopup from "../../../wxcomponents/weapp/dist/popup/index";
|
|
|
|
|
|
+import vanRate from "../../../wxcomponents/weapp/dist/rate/index";
|
|
|
|
+import dynamic from "./dynamic.vue";
|
|
import Activity from "./activity.vue";
|
|
import Activity from "./activity.vue";
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
Activity,
|
|
Activity,
|
|
- vanPopup
|
|
|
|
|
|
+ vanRate,
|
|
|
|
+ dynamic
|
|
},
|
|
},
|
|
name: "enterpriseSide",
|
|
name: "enterpriseSide",
|
|
data(){
|
|
data(){
|
|
@@ -66,6 +102,11 @@ export default {
|
|
dhIcon:require('../image/dhIcon.png'),
|
|
dhIcon:require('../image/dhIcon.png'),
|
|
vector:require('../image/Vector.png'),
|
|
vector:require('../image/Vector.png'),
|
|
tongzhi:require('../image/tongzhi.png'),
|
|
tongzhi:require('../image/tongzhi.png'),
|
|
|
|
+ wyhead:require('../image/wyHead.png'),
|
|
|
|
+ myIcon:require('../image/icon.png'),
|
|
|
|
+ voidMyIcon:require('../image/voidIcon.png'),
|
|
|
|
+ phoneCall:require('../image/phoneCall.png'),
|
|
|
|
+ value:'5',
|
|
searchArea: '当前园区名称',
|
|
searchArea: '当前园区名称',
|
|
index: 0,
|
|
index: 0,
|
|
array:['中国', '美国', '巴西', '日本'],
|
|
array:['中国', '美国', '巴西', '日本'],
|
|
@@ -280,10 +321,7 @@ export default {
|
|
width: 100%;
|
|
width: 100%;
|
|
background: white;
|
|
background: white;
|
|
padding: 24rpx;
|
|
padding: 24rpx;
|
|
- .parkDynamicTitle{
|
|
|
|
- display:flex;
|
|
|
|
- align-items: center;
|
|
|
|
- }
|
|
|
|
|
|
+ box-sizing: border-box;
|
|
.parkDynamicTab{
|
|
.parkDynamicTab{
|
|
display: flex;
|
|
display: flex;
|
|
padding: 26px 0;
|
|
padding: 26px 0;
|
|
@@ -298,6 +336,73 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .serviceEvaluation{
|
|
|
|
+ width: 100%;
|
|
|
|
+ background: white;
|
|
|
|
+ padding: 24rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ margin-top: 24rpx;
|
|
|
|
+ .wyInfo{
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ .wyName{
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ font-size: 36rpx;
|
|
|
|
+ color: rgba(24, 23, 42, 1);
|
|
|
|
+ margin: 38rpx 8rpx 24rpx 8rpx;
|
|
|
|
+ .wyhead{
|
|
|
|
+ width: 88rpx;
|
|
|
|
+ height: 88rpx;
|
|
|
|
+ margin-right: 24rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .evaluationBox{
|
|
|
|
+ width: 702rpx;
|
|
|
|
+ height: 196rpx;
|
|
|
|
+ //margin: 24rpx;
|
|
|
|
+ padding: 42rpx 0 42rpx 48rpx;
|
|
|
|
+ background: #F5F7FA;
|
|
|
|
+ border-radius: 8rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ .evaluationBoxName{
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ color: #18172A;
|
|
|
|
+ margin-bottom: 32rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .contactInfo{
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+ padding: 30rpx 48rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ background: white;
|
|
|
|
+ margin: 4rpx 0 74rpx 0;
|
|
|
|
+ .infoBox{
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ .infoTitle{
|
|
|
|
+ color: #666666;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ margin-bottom: 16rpx;
|
|
|
|
+ }
|
|
|
|
+ .phoneNumber{
|
|
|
|
+ color: #18172A;
|
|
|
|
+ font-size: 40rpx;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .phoneCall{
|
|
|
|
+ width: 88rpx;
|
|
|
|
+ height: 88rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
.columLineBlue{
|
|
.columLineBlue{
|
|
width: 10rpx;
|
|
width: 10rpx;
|
|
height: 32rpx;
|
|
height: 32rpx;
|
|
@@ -310,5 +415,9 @@ export default {
|
|
font-size: 36rpx;
|
|
font-size: 36rpx;
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
|
|
+ .parkDynamicTitle{
|
|
|
|
+ display:flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|