no message

src/packageWorkorder/pages/feedbackList.vue

@@ -1,201 +1,179 @@
 <template>
-  <!-- #ifdef H5 -->
-	<zj-page-layout
-		:isScroll="true"
-		:hasFooter="false"
-		:refresherTriggered="refresherTriggered"
-		@refresherrefresh="refresherrefresh">
-		<view class="custom-flow" v-if="dataList.length">
-			<view class="custom-flow-item" v-for="(item, index) in dataList" :key="index">
-				<u-avatar
-					:text="item.createWebsit ? item.createWebsit.slice(0, 1) : '无'"
-					fontSize="18"
-					randomBgColor
-				></u-avatar>
-				<view class="custom-flow-head">
-					{{item.createWebsit}}
-				</view>
-				<view class="custom-flow-time">
-					{{item.createTime}}
-				</view>
-				<view class="custom-flow-view">
-					<view class="modelminxinf">
-						<view class="modelminxinfView">
-							<view class="">反馈类型:</view>
-							<view class="">{{item.type}}</view>
-						</view>
-						<view class="modelminxinfView">
-							<view class="">反馈内容:</view>
-							<view class="">{{item.content}}</view>
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-
-		<Loading :type="2" :loadStatus="loadStatus" :dataList="dataList" />
-	</zj-page-layout>
-  <!-- #endif -->
-
-  <!-- #ifndef H5 -->
-  <web-view :src="webViewHref(`/packageWorkorder/pages/feedbackList`, pam, crossPagePam)" @message="crossPage.$listener"></web-view>
-  <!-- #endif -->
+  <zj-page-layout
+    :isScroll="true"
+    :hasFooter="false"
+    :refresherTriggered="refresherTriggered"
+    @refresherrefresh="refresherrefresh"
+  >
+    <view class="custom-flow" v-if="dataList.length">
+      <view class="custom-flow-item" v-for="(item, index) in dataList" :key="index">
+        <u-avatar :text="item.createBy ? item.createBy.slice(0, 1) : '无'" fontSize="18" randomBgColor></u-avatar>
+        <view class="custom-flow-head">
+          {{ item.createBy }}
+        </view>
+        <view class="custom-flow-time">
+          {{ item.createTime }}
+        </view>
+        <view class="custom-flow-view">
+          <view class="modelminxinf">
+            <view class="modelminxinfView">
+              <view class="">反馈类型:</view>
+              <view class="">{{ item.type }}</view>
+            </view>
+            <view class="modelminxinfView">
+              <view class="">反馈内容:</view>
+              <view class="">{{ item.content }}</view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <Loading :type="2" :loadStatus="loadStatus" :dataList="dataList" />
+  </zj-page-layout>
 </template>
 
 <script>
-  // #ifdef H5
-	export default {
-		data() {
-			return {
-				loadStatus: 1,
-				refresherTriggered: false,
-				dataList: [],
-			}
-		},
-
-		async onLoad({id}) {
-			this.id = id;
-			this.getList();
-		},
-
-		methods: {
-			refresherrefresh(e) {
-				this.refresherTriggered = true;
-				this.getList();
-			},
-
-			getList() {
-				this.$api.post('/pg/order/base/operator/list', {
-          orderBaseId: this.id,
-				}).then(res => {
-					this.dataList = res.data;
-				}).finally(res => {
-					this.loadStatus = 0;
-					this.refresherTriggered = false;
-				})
-			},
-		}
-	}
-
-  // #endif
-  // #ifndef H5
-  export default {
-    data() {
-      return {
-        pam: {},
-      }
+export default {
+  data() {
+    return {
+      loadStatus: 1,
+      refresherTriggered: false,
+      dataList: []
+    }
+  },
+
+  async onLoad({ id }) {
+    this.id = id
+    this.getList()
+  },
+
+  methods: {
+    refresherrefresh(e) {
+      this.refresherTriggered = true
+      this.getList()
     },
-    onLoad(pam) {
-      this.pam = pam;
+
+    getList() {
+      this.$api
+        .post('/pg/order/base/operator/list', {
+          orderBaseId: this.id
+        })
+        .then(res => {
+          this.dataList = res.data
+        })
+        .finally(res => {
+          this.loadStatus = 0
+          this.refresherTriggered = false
+        })
     }
   }
-  // #endif
+}
 </script>
 
 <style lang="scss" scoped>
-	.custom-flow {
-		width: 100%;
-		height: auto;
-		box-sizing: border-box;
-		padding: 30rpx 30rpx 30rpx 70rpx;
-		background: #fff;
-
-		.custom-flow-item {
-			width: 100%;
-			height: auto;
-			position: relative;
-			box-sizing: border-box;
-			padding-left: 60rpx;
-			padding-bottom: 30rpx;
-
-			&:not(:last-child) {
-				border-left: 2rpx solid rgba(61, 143, 253, .29);
-			}
-
-			::v-deep .u-avatar {
-				width: 80rpx;
-				height: 80rpx;
-				position: absolute;
-				top: 0;
-				left: -40rpx;
-				border-radius: 50%;
-			}
-		}
-
-		.custom-flow-head {
-			line-height: 40rpx;
-			color: rgba(16, 16, 16, 100);
-			font-size: 28rpx;
-			margin-bottom: 10rpx;
-		}
-
-		.custom-flow-time {
-			line-height: 18rpx;
-			color: rgba(161, 161, 161, 100);
-			font-size: 24rpx;
-			margin-bottom: 16rpx;
-		}
-
-		.custom-flow-view {
-			width: 100%;
-			height: auto;
-			box-sizing: border-box;
-			border-radius: 8rpx;
-			background: #eee;
-		}
-
-		.modelminxinf {
-			width: 100%;
-			height: auto;
-			border-radius: 16rpx;
-			padding: 20rpx;
-
-			.modelminxinfView {
-				display: flex;
-				justify-content: space-between;
-				align-items: flex-start;
-				&:not(:last-child) {
-					margin-bottom: 20rpx;
-				}
-
-				view:nth-child(1) {
-					min-width: 140rpx;
-					height: auto;
-					line-height: 40rpx;
-					color: rgba(14, 43, 85, .46);
-					font-size: 28rpx;
-					text-align: left;
-					font-family: PingFangSC-regular;
-				}
-
-				view:nth-child(2) {
-					width: 100%;
-					height: auto;
-					box-sizing: border-box;
-					display: flex;
-					align-items: center;
-					line-height: 40rpx;
-					color: rgba(14, 43, 85, .93);
-					font-size: 28rpx;
-					word-break: break-all;
-
-					text {
-						line-height: 40rpx;
-						color: rgba(64, 158, 255, 1);
-						font-size: 28rpx;
-						margin-left: 20rpx;
-					}
-
-					::v-deep .u-icon {
-						margin-left: 20rpx;
-					}
-
-					::v-deep .u-icon__icon {
-						color: rgba(64, 158, 255, 1) !important;
-					}
-				}
-			}
-		}
-
-	}
+.custom-flow {
+  width: 100%;
+  height: auto;
+  box-sizing: border-box;
+  padding: 30rpx 30rpx 30rpx 70rpx;
+  background: #fff;
+
+  .custom-flow-item {
+    width: 100%;
+    height: auto;
+    position: relative;
+    box-sizing: border-box;
+    padding-left: 60rpx;
+    padding-bottom: 30rpx;
+
+    &:not(:last-child) {
+      border-left: 2rpx solid rgba(61, 143, 253, 0.29);
+    }
+
+    ::v-deep .u-avatar {
+      width: 80rpx;
+      height: 80rpx;
+      position: absolute;
+      top: 0;
+      left: -40rpx;
+      border-radius: 50%;
+    }
+  }
+
+  .custom-flow-head {
+    line-height: 40rpx;
+    color: rgba(16, 16, 16, 100);
+    font-size: 28rpx;
+    margin-bottom: 10rpx;
+  }
+
+  .custom-flow-time {
+    line-height: 18rpx;
+    color: rgba(161, 161, 161, 100);
+    font-size: 24rpx;
+    margin-bottom: 16rpx;
+  }
+
+  .custom-flow-view {
+    width: 100%;
+    height: auto;
+    box-sizing: border-box;
+    border-radius: 8rpx;
+    background: #eee;
+  }
+
+  .modelminxinf {
+    width: 100%;
+    height: auto;
+    border-radius: 16rpx;
+    padding: 20rpx;
+
+    .modelminxinfView {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      &:not(:last-child) {
+        margin-bottom: 20rpx;
+      }
+
+      view:nth-child(1) {
+        min-width: 140rpx;
+        height: auto;
+        line-height: 40rpx;
+        color: rgba(14, 43, 85, 0.46);
+        font-size: 28rpx;
+        text-align: left;
+        font-family: PingFangSC-regular;
+      }
+
+      view:nth-child(2) {
+        width: 100%;
+        height: auto;
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        line-height: 40rpx;
+        color: rgba(14, 43, 85, 0.93);
+        font-size: 28rpx;
+        word-break: break-all;
+
+        text {
+          line-height: 40rpx;
+          color: rgba(64, 158, 255, 1);
+          font-size: 28rpx;
+          margin-left: 20rpx;
+        }
+
+        ::v-deep .u-icon {
+          margin-left: 20rpx;
+        }
+
+        ::v-deep .u-icon__icon {
+          color: rgba(64, 158, 255, 1) !important;
+        }
+      }
+    }
+  }
+}
 </style>