快递查询

2025-01-20 16:15:51 +08:00
parent 834cf8ba6e
commit 7dec9973c3
4 changed files with 81 additions and 75 deletions
@@ -1,84 +1,84 @@
 <template>
-  <el-dialog title="快递物流信息" width="60%" :visible.sync="dialogVisible" :append-to-body="true"
-             top="50px">
-    <el-tabs v-model="activeName" v-loading="loading">
-      <el-tab-pane v-for="(v,k) in courierNumberInfoData"
-                   :label="k"
-                   :key="k"
-                   :name="k">
-        <div style="height: 600px;overflow-y: auto">
-          <div class="alert alert-info" v-if="v.length>1">
-            <strong>此套餐有多个快递单号</strong>
-          </div>
+    <el-dialog title="快递物流信息" width="60%" :visible.sync="dialogVisible" :append-to-body="true"
+               top="50px">
+        <el-tabs v-model="activeName" v-loading="loading">
+            <el-tab-pane v-for="(v,k) in courierNumberInfoData"
+                         :label="k"
+                         :key="k"
+                         :name="k">
+                <div style="height: 600px;overflow-y: auto">
+                    <div class="alert alert-info" v-if="v.length>1">
+                        <strong>此套餐有多个快递单号</strong>
+                    </div>

-          <template v-for="item in v" :key="item.courierNumber">
-            <div class="alert alert-info">
-              <strong>快递单号</strong>
-              {{ item.courierNumber || '暂无' }}
-            </div>
+                    <template v-for="item in v" :key="item.courierNumber">
+                        <div class="alert alert-info">
+                            <strong>快递单号</strong>
+                            {{ item.courierNumber || "暂无" }}
+                        </div>

-            <div>
-              <el-timeline reverse="true"
-                           v-if="item.logisticsTrace && item.logisticsTrace.logisticsTraceDetailList">
-                <el-timeline-item
-                    :color="timeline.color"
-                    :key="timelineIndex"
-                    :timestamp="moment(timeline.time).format('YYYY-MM-DD HH:mm:ss')"
-                    v-for="(timeline, timelineIndex) in item.logisticsTrace.logisticsTraceDetailList">
-                  {{ timeline.desc }}
-                </el-timeline-item>
-              </el-timeline>
-              <div v-else>
-                <el-empty description="暂无物流信息"></el-empty>
-              </div>
-            </div>
-          </template>
-        </div>
-      </el-tab-pane>
-    </el-tabs>
-  </el-dialog>
+                        <div>
+                            <el-timeline reverse="true"
+                                         v-if="item.logisticsTrace && item.logisticsTrace.logisticsTraceDetailList">
+                                <el-timeline-item
+                                    :color="timeline.color"
+                                    :key="timelineIndex"
+                                    :timestamp="moment(timeline.time).format('YYYY-MM-DD HH:mm:ss')"
+                                    v-for="(timeline, timelineIndex) in item.logisticsTrace.logisticsTraceDetailList">
+                                    {{ timeline.desc }}
+                                </el-timeline-item>
+                            </el-timeline>
+                            <div v-else>
+                                <el-empty description="暂无物流信息"></el-empty>
+                            </div>
+                        </div>
+                    </template>
+                </div>
+            </el-tab-pane>
+        </el-tabs>
+    </el-dialog>
 </template>

 <script>
 module.exports = {
-  name: "CourierNumberInfo",
-  props: {},
-  data() {
-    return {
-      dialogVisible: false,
-      courierNumberInfoData: [],
-      activeName: null,
-      loading: true
-    }
-  },
-  methods: {
-    async openView(welfareId, userId) {
-      this.dialogVisible = true
-      this.loading = true
-      const {
-        code,
-        data,
-        msg
-      } = await $.get('/platform/welfare/common/courierNumberInfo', {welfareId, userId})
-      this.loading = false
-      if (code === 0) {
-        if (data == null || data.length === 0) {
-          this.dialogVisible = false
-          this.$message.warning('您还没有选择福利套餐')
-          return
+    name: "CourierNumberInfo",
+    props: {},
+    data() {
+        return {
+            dialogVisible: false,
+            courierNumberInfoData: [],
+            activeName: null,
+            loading: true
        }
-        this.courierNumberInfoData = data
-        const keys = Object.keys(this.courierNumberInfoData)
-        this.activeName = keys && keys[0]
+    },
+    methods: {
+        async openView(welfareId, userId) {
+            this.loading = true
+            const {
+                code,
+                data,
+                msg
+            } = await $.get("/platform/welfare/common/courierNumberInfo", { welfareId, userId })
+            this.loading = false
+            if (code === 0) {
+                if (data == null || data.length === 0) {
+                    this.dialogVisible = false
+                    this.$message.warning("您还没有选择福利套餐")
+                    return
+                }
+                this.dialogVisible = true
+                this.courierNumberInfoData = data
+                const keys = Object.keys(this.courierNumberInfoData)
+                this.activeName = keys && keys[0]
+
+            } else {
+                this.$message.warning(msg)
+            }
+        }
+    },
+    created() {

-      } else {
-        this.$message.warning(msg)
-      }
    }
-  },
-  created() {
-
-  }
 }
 </script>