modified: src/components/view/Processingproducts.vue modified: src/co...

Fixiaobai

2023-09-25 22b45a79b2ceab7625e0fe248458c398cc26110d

 src/components/view/rawInsBox.vue

@@ -1,34 +1,37 @@

<style scoped>

</style>

<template>
  <div class="rawInsBox">
    <RawIns v-show="!showDetail" :goDetail="goDetail"></RawIns>
    <RawInsDetail v-show="showDetail" :goBack="goBack" :detail="detail"></RawInsDetail>
  </div>
   <div class="rawInsBox">
      <RawIns v-if="!showDetail" :goDetail="goDetail"></RawIns>
      <RawInsDetail v-if="showDetail" :goBack="goBack" :detailId="id"></RawInsDetail>
   </div>
</template>

<script>
import RawIns from './raw-ins.vue'
import RawInsDetail from './rawInsDetail.vue'
export default {
    components:{RawIns,RawInsDetail},
    data() {
        return {
            showDetail: false,
            detail:{}
        }
    },
    methods:{
        goDetail(detail) {
            this.showDetail = true
            this.detail = detail
        },
        goBack() {
            this.showDetail = false
        }
    }
}
</script>
   import RawIns from './raw-ins.vue'
   import RawInsDetail from './rawInsDetail.vue'
   export default {
      components: {
         RawIns,
         RawInsDetail
      },
      data() {
         return {
            showDetail: false,
            id: 0
         }
      },
      mounted() {},
      methods: {
         goDetail(id) {
            this.showDetail = true
            this.id = id
         },
         goBack() {
            this.showDetail = false
         }
      }
   }
</script>