完工页配件组件

src/components/createCom/XhParts.vue

+<!-- *******************  配件选择  *******************  -->
+<template>
+	<view class="complete-part">
+    <view v-if="status === 1">
+      <select-parts :lists="lists" @change="partsChange" :disabled="disabled"></select-parts>
+    </view>
+    <view v-else-if="status === 2">
+      <view class="content">
+        暂无配件信息，<text class="tips" @click="toParts">可选择备件仓配件></text>
+      </view>
+    </view>
+    <view v-else>
+      <view class="content">
+        <text class="tips" @click="toHandle">有未处理的配件申请单，不可完工，请点击处理></text>
+      </view>
+    </view>
+	</view>
+</template>
+
+<script>
+  import selectParts from "@/components/parts/index"
+	import arrMixin from './arrMixin'
+	export default {
+		name: 'XhParts',
+		components: {
+      selectParts
+    },
+		mixins: [arrMixin],
+		props: {
+			status: {
+				type: Number,
+				default: 1
+			}
+		},
+		data() {
+			return {
+        lists: [
+          {
+            id: 1,
+            name: "正泰漏保",
+            num: 1,
+            min: 1,
+            max: 100,
+          },
+          {
+            id: 1,
+            name: "挚达广汽充电桩",
+            num: 3,
+            min: 1,
+            max: 5,
+          },
+        ]
+			}
+		},
+		methods: {
+			partsChange(val) {
+        console.log("val", val)
+      },
+      toParts() {
+        // uni.navigateTo({
+        //   url: '/pages/'
+        // })
+      },
+      toHandle() {
+        
+      }
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.complete-part {
+    .content {
+      padding: 100rpx 50rpx;
+      text-align: center;
+      font-size: 26rpx;
+      color: #aaa;
+      .tips {
+        color: #2271FF;
+      }
+    }
+  }
+</style>

src/pages/order/complete.vue

@@ -108,8 +108,8 @@
     import XhScan from '@/components/createCom/XhScan.vue'
     import XhTime from '@/components/createCom/XhTime.vue'
     import XhServiceMeasure from '@/components/createCom/XhServiceMeasure.vue'
-	import XhServiceMore from "../../components/createCom/XhServiceMore"
-    import XhLabel from "../../components/createCom/XhLabel"
+	import XhServiceMore from "@/components/createCom/XhServiceMore"
+    import XhLabel from "@/components/createCom/XhLabel"
     import takePhoto from '@/components/take/index.vue'
     import baseFile from '@/components/upload/index'
 	import Detail from "@/components/order/detail.vue"