详情按钮问题修改

precision-effect-web/src/views/purchase/components/OperatorButton.vue

 <template>
     <div style="display: inline-block;width: 50px">
-      <el-button type="text" @click="open=true" size="mini">{{getOperatorName()}}</el-button>
+      <el-button type="text" @click="openPurchaseDialog" size="mini">{{getOperatorName()}}</el-button>
       <el-dialog :title="getOperatorName()" :visible.sync="open" width="800px" append-to-body :close-on-click-modal="false" destroy-on-close>
         <component :is="currentTabComponent" :purchaseData="purchaseData" ref="currentCom" v-if="open"></component>
         <div slot="footer" class="dialog-footer" style="text-align: center" v-if="operatorName != 'purchaseDetail'">
@@ -34,13 +34,6 @@
     created(){
       this.currentTabComponent = this.operatorName;
     },
-    watch: {
-      open(newVal,oldVal){
-        if(newVal){
-          this.getPurchaseInfo();
-        }
-      }
-    },
     data(){
         return{
           open: false,
@@ -61,10 +54,11 @@
             return "";
         }
       },
-      getPurchaseInfo(){
+      openPurchaseDialog(){
         getPurchase(this.purchaseInfo.purchaseId).then(res =>{
           if(res.code == 200){
             this.purchaseData = res.data;
+            this.open = true;
           }
         })
       },

precision-effect-web/src/views/trade/components/OperatorButton.vue

 <template>
     <div style="display: inline-block;width: 50px">
-      <el-button type="text" @click="open=true" size="mini">{{getOperatorName()}}</el-button>
+      <el-button type="text" @click="openDialog" size="mini">{{getOperatorName()}}</el-button>
       <el-dialog :title="getOperatorName()" :visible.sync="open" width="800px" append-to-body :close-on-click-modal="false" destroy-on-close>
         <component :is="currentTabComponent" :tradeData="tradeData" ref="currentCom" v-if="open"></component>
         <div slot="footer" class="dialog-footer" style="text-align: center" v-if="operatorName != 'tradeDetail'">
@@ -36,13 +36,6 @@
     created(){
       this.currentTabComponent = this.operatorName;
     },
-    watch: {
-      open(newVal,oldVal){
-        if(newVal){
-          this.getTradeInfo();
-        }
-      }
-    },
     data(){
         return{
           open: false,
@@ -65,10 +58,11 @@
             return "";
         }
       },
-      getTradeInfo(){
+      openDialog(){
         getProject(this.tradeInfo.tradeId).then(res =>{
           if(res.code == 200){
             this.tradeData = res.data;
+            this.open = true;
           }
         })
       },