转移支付过程换地方展示

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

@@ -107,11 +107,28 @@
           </el-row>
         </el-form-item>
         <el-divider></el-divider>
+        <!-- 转移支付 -->
+        <div v-if="tradeData.changeCount > 0">
+          <div style="margin: 11px 30px;color: #1890ff;">转移支付</div>
+            <el-timeline :reverse="reverse">
+              <el-timeline-item
+                v-for="(activity, index) in changeInfos"
+                :key="index"
+                :timestamp="activity.changeTime">
+                <p>[{{activity.originalTradeDeptName}}：{{activity.originalTradeTransactorName}}] 转移给 [{{activity.newTradeDeptName}}：{{activity.newTradeTransactorName}}]</p>
+                <p>转移说明：<span v-if="activity.remark != null && activity.remark != ''">{{activity.remark}}</span>
+                  <span v-else>-</span>
+                </p>
+              </el-timeline-item>
+            </el-timeline>
+          <el-divider></el-divider>
+        </div>
       </el-form>
     </div>
 </template>
 
 <script>
+  import { listInfo } from "@/api/transaction/changeInfo.js";
   import { getProject } from "@/api/transaction/project";
   import { batchDownload } from "@/api/transaction/tradeProject"
   export default {
@@ -123,13 +140,24 @@
     },
     data(){
       return{
-        transactionProjectInfo: {}
+        transactionProjectInfo: {},
+        reverse: false,
+        changeInfos: [],
       }
     },
     created(){
       this.getTransactionProjecInfo();
+      this.getChangeInfoList();
     },
     methods:{
+      // 查询转移支付信息
+      getChangeInfoList(){
+        listInfo({relationTradeId:this.tradeData.tradeId}).then((res) => {
+          if (res.code == 200) {
+            this.changeInfos = res.rows;
+          }
+        });
+      },
       getTransactionProjecInfo(){
         getProject(this.tradeData.relationTransactionProjectId).then(res =>{
           if(res.code == 200){

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

 <template>
   <div class="detail">
     <CommonInfo :tradeData="tradeData"/>
-    <!-- 转移支付 -->
-    <div v-if="tradeData.changeCount > 0">
-      <div style="margin: 11px 30px;color: #1890ff;">转移支付</div>
-      <el-form label-width="100px">
-        <!--<el-row>
-          <el-col :span="8">
-            <el-form-item label="议价" v-if="!tradeData.socre">{{tradeData.dealPrice}}</el-form-item>
-            <el-form-item label="评价" v-else>{{tradeData.tradeScore}}</el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="成交价">{{tradeData.dealPrice}}</el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="审核人">{{tradeData.tradeTransactorName}}</el-form-item>
-          </el-col>
-        </el-row>-->
-        <el-timeline :reverse="reverse">
-          <el-timeline-item
-            v-for="(activity, index) in changeInfos"
-            :key="index"
-            :timestamp="activity.changeTime">
-            <p>[{{activity.originalTradeDeptName}}：{{activity.originalTradeTransactorName}}] 转移给 [{{activity.newTradeDeptName}}：{{activity.newTradeTransactorName}}]</p>
-            <p>转移说明：<span v-if="activity.remark != null && activity.remark != ''">{{activity.remark}}</span>
-                       <span v-else>-</span>
-            </p>
-          </el-timeline-item>
-        </el-timeline>
-      </el-form>
-      <el-divider></el-divider>
-    </div>
     <!-- 买方审核 -->
     <div v-if="tradeData.tradeStatus > 0">
       <div style="margin: 11px 30px;color: #1890ff;">买方审核</div>
@@ -105,7 +75,6 @@
 </template>
 
 <script>
-  import { listInfo } from "@/api/transaction/changeInfo.js";
   import CommonInfo from "./CommonInfo";
   import Evaluate from "./Evaluate";
   import Confirm from "./Confirm";
@@ -125,22 +94,11 @@
     },
     data(){
       return{
-        reverse: false,
-        changeInfos: [],
       }
     },
     created() {
-      this.getChangeInfoList();
     },
     methods:{
-      // 查询转移支付信息
-      getChangeInfoList(){
-        listInfo({relationTradeId:this.tradeData.tradeId}).then((res) => {
-          if (res.code == 200) {
-            this.changeInfos = res.rows;
-          }
-        });
-      }
     }
   }
 </script>