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';
-
+  const props = defineProps({
-	export default {
-		components: {
-
-		},
-		data() {
-			return {
-
-			};
-		},
-		watch: {},
-
-		props: {
     dataContent: {
       type: Object,
       default: {}
     }
-		},
+  })
-
+  const formatDate = date => dateFormat(date)
-		methods: {
-			formatDate: function(val) {
-				return dateFormat(val)
-			}
-		}
-	}
 </script>
 
 <style lang="scss">

src/mycomponents/receive/receiveNumber.vue

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

src/mycomponents/receive/receiveStatus.vue

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

src/mycomponents/receive/receiveTop.vue

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

src/mycomponents/receive/recordComDetailCard.vue

@@ -23,28 +23,15 @@
 	</view>
 </template>
 
-<script>
+<script setup>
-	import pack from '@/mycomponents/balance/pack.vue'
+import pack from '@/mycomponents/balance/pack.vue'
-	import location from '@/mycomponents/balance/location.vue'
+import location from '@/mycomponents/balance/location.vue'
-	import toLocation from '@/mycomponents/balance/toLocation.vue'
+import toLocation from '@/mycomponents/balance/toLocation.vue'
-	import batch from '@/mycomponents/balance/batch.vue'
+import batch from '@/mycomponents/balance/batch.vue'
-	import itemCompareQty from '@/mycomponents/item/itemCompareQty.vue'
+import itemCompareQty from '@/mycomponents/item/itemCompareQty.vue'
-	import level from '@/mycomponents/balance/level.vue'
+import level from '@/mycomponents/balance/level.vue'
 
-	export default {
+const props = defineProps({
-		components: {
-			pack,
-			location,
-			toLocation,
-			batch,
-			itemCompareQty,
-			level
-		},
-		data() {
-			return {};
-		},
-
-		props: {
   dataContent: {
     type: Object,
     default: {}
@@ -77,13 +64,7 @@
     type: Boolean,
     default: false
   }
-		},
+})
-
-
-		methods: {
-
-		}
-	}
 </script>
 
 <style lang="scss">

src/mycomponents/receive/recordComMainCard.vue

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