mycomponents/receive 文件迁移Vue2升级Vue3 8/2-10/25

src/mycomponents/receive/receiveBottom.vue

@@ -14,35 +14,17 @@
 	</view>
 </template>
 
-<script>
+<script setup>
 	import {
 		dateFormat
 	} from '@/common/basic.js';
-
-	export default {
-		components: {
-
-		},
-		data() {
-			return {
-
-			};
-		},
-		watch: {},
-
-		props: {
-			dataContent: {
-				type: Object,
-				default: {}
-			}
-		},
-
-		methods: {
-			formatDate: function(val) {
-				return dateFormat(val)
-			}
-		}
-	}
+  const props = defineProps({
+    dataContent: {
+      type: Object,
+      default: {}
+    }
+  })
+  const formatDate = date => dateFormat(date)
 </script>
 
 <style lang="scss">

src/mycomponents/receive/receiveNumber.vue

@@ -5,27 +5,13 @@
 	</view>
 </template>
 
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-
-			};
-		},
-		watch: {
-
-		},
-
-		props: {
-			number: {
-				type: String,
-				default: ''
-			},
-		},
-
-		methods: {}
-	}
+<script setup>
+const props = defineProps({
+  number: {
+    type: String,
+    default: ''
+  },
+})
 </script>
 
 <style lang="scss">

src/mycomponents/receive/receiveStatus.vue

@@ -6,39 +6,23 @@
 	</view>
 </template>
 
-<script>
-	import {
-		getReceiveStateInfo,
-		getJobStateInfo
-	} from '@/common/directory.js';
-
-	export default {
-		components: {
-
-		},
-		data() {
-			return {
-				receiveStatusInfo: {}
-			};
-		},
-		watch: {},
-
-		props: {
-			receiveStatus: {
-				type: String,
-				default: ""
-			}
-		},
-
-		mounted() {},
-
-		methods: {
-			statusStyle(value) {
-				this.receiveStatusInfo = getReceiveStateInfo(value);
-				return getReceiveStateInfo(value).remark
-			}
-		}
-	}
+<script setup>
+import {
+  getReceiveStateInfo,
+} from '@/common/directory.js';
+import { ref } from 'vue'
+const props = defineProps({
+  receiveStatus: {
+    type: String,
+    default: ""
+  }
+})
+const receiveStatusInfo = ref({})
+
+const statusStyle = (value) => {
+  receiveStatusInfo.value = getReceiveStateInfo(value);
+  return getReceiveStateInfo(value).remark
+}
 </script>
 
 

src/mycomponents/receive/receiveTop.vue

@@ -7,34 +7,20 @@
 	</view>
 </template>
 
-<script>
-	import receiveNumber from '@/mycomponents/receive/receiveNumber.vue'
-	import receiveStatus from '@/mycomponents/receive/receiveStatus.vue'
-	export default {
-		components: {
-			receiveNumber,
-			receiveStatus
-		},
-		data() {
-			return {
+<script setup>
+import receiveNumber from '@/mycomponents/receive/receiveNumber.vue'
+import receiveStatus from '@/mycomponents/receive/receiveStatus.vue'
 
-			};
-		},
-		watch: {},
-
-		props: {
-			dataContent: {
-				type: Object,
-				default: {}
-			},
-		},
-
-		methods: {
-			openDetail(item) {
-				this.$emit("openDetail", this.dataContent);
-			},
-		}
-	}
+const props = defineProps({
+  dataContent: {
+    type: Object,
+    default: {}
+  },
+})
+const openDetail = (item)=>{
+  emit("openDetail", dataContent.value);
+}
+const emit = defineEmits(['openDetail'])
 </script>
 
 <style lang="scss">

src/mycomponents/receive/recordComDetailCard.vue

@@ -23,67 +23,48 @@
 	</view>
 </template>
 
-<script>
-	import pack from '@/mycomponents/balance/pack.vue'
-	import location from '@/mycomponents/balance/location.vue'
-	import toLocation from '@/mycomponents/balance/toLocation.vue'
-	import batch from '@/mycomponents/balance/batch.vue'
-	import itemCompareQty from '@/mycomponents/item/itemCompareQty.vue'
-	import level from '@/mycomponents/balance/level.vue'
+<script setup>
+import pack from '@/mycomponents/balance/pack.vue'
+import location from '@/mycomponents/balance/location.vue'
+import toLocation from '@/mycomponents/balance/toLocation.vue'
+import batch from '@/mycomponents/balance/batch.vue'
+import itemCompareQty from '@/mycomponents/item/itemCompareQty.vue'
+import level from '@/mycomponents/balance/level.vue'
 
-	export default {
-		components: {
-			pack,
-			location,
-			toLocation,
-			batch,
-			itemCompareQty,
-			level
-		},
-		data() {
-			return {};
-		},
-
-		props: {
-			dataContent: {
-				type: Object,
-				default: {}
-			},
-			isShowContainer: {
-				type: Boolean,
-				default: true
-			},
-			isShowPack: {
-				type: Boolean,
-				default: true
-			},
-			isShowBatch: {
-				type: Boolean,
-				default: true
-			},
-			isShowFromLocation: {
-				type: Boolean,
-				default: true
-			},
-			isShowToLocation: {
-				type: Boolean,
-				default: true
-			},
-			isShowDeliverType: {
-				type: Boolean,
-				default: false
-			},
-			isShowPackCount: {
-				type: Boolean,
-				default: false
-			}
-		},
-
-
-		methods: {
-
-		}
-	}
+const props = defineProps({
+  dataContent: {
+    type: Object,
+    default: {}
+  },
+  isShowContainer: {
+    type: Boolean,
+    default: true
+  },
+  isShowPack: {
+    type: Boolean,
+    default: true
+  },
+  isShowBatch: {
+    type: Boolean,
+    default: true
+  },
+  isShowFromLocation: {
+    type: Boolean,
+    default: true
+  },
+  isShowToLocation: {
+    type: Boolean,
+    default: true
+  },
+  isShowDeliverType: {
+    type: Boolean,
+    default: false
+  },
+  isShowPackCount: {
+    type: Boolean,
+    default: false
+  }
+})
 </script>
 
 <style lang="scss">

src/mycomponents/receive/recordComMainCard.vue

@@ -10,30 +10,16 @@
 	</view>
 </template>
 
-<script>
-	import receiveTop from '@/mycomponents/receive/receiveTop.vue'
-	import receiveBottom from '@/mycomponents/receive/receiveBottom.vue'
+<script setup>
+import receiveTop from '@/mycomponents/receive/receiveTop.vue'
+import receiveBottom from '@/mycomponents/receive/receiveBottom.vue'
 
-	export default {
-		components: {
-			receiveTop,
-			receiveBottom,
-		},
-		data() {
-			return {};
-		},
-
-		props: {
-			dataContent: {
-				type: Object,
-				default: {}
-			},
-		},
-
-		methods: {
-
-		}
-	}
+const props = defineProps({
+  dataContent: {
+    type: Object,
+    default: {}
+  }
+})
 </script>
 
 <style lang="scss">