页面集成

src/views/flow/create.vue

@@ -15,6 +15,11 @@
 
       <template>
         <Steps :logs="config.logs" :current-node="node"></Steps>
+        <div v-if="/\/detail/.test($route.path) && config && config.flow">
+            <div v-if="config.flow.hasOwnProperty('out_contract_id') && config.flow.out_contract_id" style="margin-bottom: 10px;color:#409eff;cursor: pointer;">
+              <span @click="showContract(config.flow.out_contract_id)">本流程已关联支出，点击查看完整信息链。</span>
+            </div>
+        </div>
 
         <div class="form-container" id="print-content">
           <DesktopForm
@@ -213,6 +218,26 @@
     ></rollback>
 
     <el-backtop></el-backtop>
+    <!-- 打开支出 详情 -->
+    <vxe-modal
+      v-model="isShowModal"
+      :z-index="999999"
+      transfer
+      show-zoom
+      resize
+      :fullscreen="$store.getters.device === 'mobile'"
+      title="查看"
+      width="100%"
+      height="100%"
+      esc-closable
+      :padding="false"
+    >
+      <iframe
+        :src="contractUrl"
+        style="display: block;width: 100%;height: 100%;border: 0;"
+        frameborder="0"
+      />
+    </vxe-modal>
   </div>
 </template>
 
@@ -237,6 +262,7 @@ import { deepCopy } from "@/utils";
 import { validation, validationName } from "@/utils/validate";
 import { print } from "@/utils/print";
 import JSONBigint from 'json-bigint'
+import { getToken } from "@/utils/auth";
 export default {
   components: {
     Steps,
@@ -248,6 +274,8 @@ export default {
   },
   data() {
     return {
+      isShowModal:false,
+      contractUrl:'',
       printKey: 0,
       isShowRollback: false,
       isShowForward: false,
@@ -280,7 +308,21 @@ export default {
       csrf_token: '',
     };
   },
+  watch:{
+    isShowModal(val){
+      if(!val){
+        this.contractUrl = ''
+      }
+    }
+  },
   methods: {
+    // 打开 支出的链接
+    showContract(id){
+      this.contractUrl = `${process.env.VUE_APP_BASE_API}/ht/#/contract-flow?auth_token=${window.encodeURIComponent(
+            getToken()
+          )}&out_contract_id=`+id
+      this.isShowModal = true
+    },
     // 处理url中default_json
     handleDefaultJSON() {
       console.log("123")