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

src/mycomponents/receive/receiveStatus.vue

@@ -6,39 +6,23 @@
 	</view>
 </template>
 
-<script>
+<script setup>
 import {
   getReceiveStateInfo,
-		getJobStateInfo
 } from '@/common/directory.js';
-
-	export default {
-		components: {
-
-		},
-		data() {
-			return {
-				receiveStatusInfo: {}
-			};
-		},
-		watch: {},
-
-		props: {
+import { ref } from 'vue'
+const props = defineProps({
   receiveStatus: {
     type: String,
     default: ""
   }
-		},
+})
+const receiveStatusInfo = ref({})
 
-		mounted() {},
-
-		methods: {
-			statusStyle(value) {
-				this.receiveStatusInfo = getReceiveStateInfo(value);
+const statusStyle = (value) => {
+  receiveStatusInfo.value = 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 receiveStatus from '@/mycomponents/receive/receiveStatus.vue'
-	export default {
-		components: {
-			receiveNumber,
-			receiveStatus
-		},
-		data() {
-			return {
-
-			};
-		},
-		watch: {},
 
-		props: {
+const props = defineProps({
   dataContent: {
     type: Object,
     default: {}
   },
-		},
-
-		methods: {
-			openDetail(item) {
-				this.$emit("openDetail", this.dataContent);
-			},
-		}
+})
+const openDetail = (item)=>{
+  emit("openDetail", dataContent.value);
 }
+const emit = defineEmits(['openDetail'])
 </script>
 
 <style lang="scss">

src/mycomponents/receive/recordComDetailCard.vue

@@ -23,7 +23,7 @@
 	</view>
 </template>
 
-<script>
+<script setup>
 import pack from '@/mycomponents/balance/pack.vue'
 import location from '@/mycomponents/balance/location.vue'
 import toLocation from '@/mycomponents/balance/toLocation.vue'
@@ -31,20 +31,7 @@
 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: {
+const props = defineProps({
   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 receiveBottom from '@/mycomponents/receive/receiveBottom.vue'
 
-	export default {
-		components: {
-			receiveTop,
-			receiveBottom,
-		},
-		data() {
-			return {};
-		},
-
-		props: {
+const props = defineProps({
   dataContent: {
     type: Object,
     default: {}
-			},
-		},
-
-		methods: {
-
-		}
   }
+})
 </script>
 
 <style lang="scss">