页面集成

src/views/flow/create.vue

@@ -16,12 +16,45 @@
       <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 v-if="config.flow.hasOwnProperty('out_contracts') && config.flow.out_contracts && config.flow.out_contracts.length > 0" style="margin-bottom: 10px;color:#F56C6C;">
+              <!-- 单条数据 -->
+              <div v-if="config.flow.out_contracts.length === 1">
+                <span @click="showContract(config.flow.out_contracts[0].id)" style="cursor: pointer;">
+                  本流程已关联资金预算管理：<span style="color:#409eff;">{{ config.flow.out_contracts[0].name }}</span>，点击查看完整信息链。
+                </span>
+              </div>
+              <!-- 多条数据 -->
+              <div v-else>
+                <span>本流程已关联{{ config.flow.out_contracts.length }}条资金预算管理，分别是</span>
+                <span v-for="(contract, index) in config.flow.out_contracts" :key="contract.id">
+                  <span v-if="index > 0">、</span>
+                  <span @click="showContract(contract.id)" style="cursor: pointer;color:#409eff;">{{ contract.name }}</span>
+                </span>
+                <span>，可分别点击查看完整信息链。</span>
+              </div>
             </div>
-        </div>
 
-        <div class="form-container" id="print-content">
+            <!-- out_pay 处理 -->
+            <div v-if="config.flow.hasOwnProperty('out_pay') && config.flow.out_pay && config.flow.out_pay.length > 0" style="margin-bottom: 10px;color:#F56C6C;">
+              <!-- 单条数据 -->
+              <div v-if="config.flow.out_pay.length === 1">
+                <span @click="showContract(config.flow.out_pay[0].contract_id)" style="cursor: pointer;">
+                  本流程已关联资金预算管理：<span style="color:#409eff;">{{ config.flow.out_pay[0].contract.name }}</span>，点击查看完整信息链。
+                </span>
+              </div>
+              <!-- 多条数据 -->
+              <div v-else>
+                <span>本流程已关联{{ config.flow.out_pay.length }}条资金预算管理，分别是</span>
+                <span v-for="(pay, index) in config.flow.out_pay" :key="pay.id">
+                  <span v-if="index > 0">、</span>
+                  <span @click="showContract(pay.contract_id)" style="cursor: pointer;color:#409eff;">{{ pay.contract.name }}</span>
+                </span>
+                <span>，可分别点击查看完整信息链。</span>
+              </div>
+            </div>
+          </div>
+
+          <div class="form-container" id="print-content">
           <DesktopForm
             :device="device"
             ref="desktopForm"