信息链 查看流程

src/components/contractIntegration/index.vue

@@ -166,7 +166,8 @@
               <div class="step-info">
                 <div class="info-item">
                   <span class="info-label">工作名称</span>
-                  <span class="info-value">{{ shOaView.title? shOaView.title : '-' }}</span>
+                  <span class="info-value">{{ shOaView.title? shOaView.title : '-' }}<span class="action-link" @click.stop="viewFlow(shOaView.id)">查看</span></span>
+                  
                 </div>
                 <div class="info-item">
                   <span class="info-label">申请人</span>
@@ -212,7 +213,7 @@
                   <div class="step-info">
                     <div class="info-item">
                       <span class="info-label">流程名称</span>
-                      <span class="info-value">{{ flow.flow_title || '-' }}</span>
+                      <span class="info-value">{{ flow.flow_title || '-' }}<span class="action-link" @click.stop="viewFlow(flow.flow_id)">查看</span></span>
                     </div>
                     <div class="info-item">
                       <span class="info-label">发起日期</span>
@@ -288,7 +289,7 @@
                   <div class="flow-block compact" v-for="(flow, idx) in contractApprovalFlows" :key="'c-'+(flow.id || idx)">
                     <div class="info-item">
                       <span class="info-label">流程名称</span>
-                      <span class="info-value">{{ flow.flow_title || '-' }}</span>
+                      <span class="info-value">{{ flow.flow_title || '-' }}<span class="action-link" @click.stop="viewFlow(flow.flow_id)">查看</span></span>
                     </div>
                     <div class="info-item">
                       <span class="info-label">发起日期</span>
@@ -355,7 +356,7 @@
                   <div class="step-info">
                     <div class="info-item">
                       <span class="info-label">流程名称</span>
-                      <span class="info-value">{{ paymentMeetingFlow(roundIndex).title || '-' }}</span>
+                      <span class="info-value">{{ paymentMeetingFlow(roundIndex).title || '-' }}<span class="action-link" @click.stop="viewFlow(paymentMeetingFlow(roundIndex).id)">查看</span></span>
                     </div>
                     <div class="info-item">
                       <span class="info-label">发起日期</span>
@@ -430,7 +431,7 @@
                   <div class="step-info" v-for="(flow, idx2) in flowLinksOfRound(roundIndex)" :key="flow.id || idx2">
                     <div class="info-item">
                       <span class="info-label">流程名称</span>
-                      <span class="info-value">{{ flow.flow_title || '-' }}</span>
+                      <span class="info-value">{{ flow.flow_title || '-' }}<span class="action-link" @click.stop="viewFlow(flow.flow_id)">查看</span></span>
                     </div>
                     <div class="info-item">
                       <span class="info-label">发起时间</span>
@@ -487,10 +488,19 @@
         </div>
       </div>
     </div>
-    <Modal :z-index="9999999" v-model="showModal" :width="76" transfer :footer-hide="true" title="预览">
+    <Modal
-      <template>
+      v-model="showModal"
-        <iframe style="width: 100%; height: 57vh" :src="codeUri" border="0" />
+      :width="86"
-      </template>
+      class-name="oa-modal"
+      title="查看"
+      fullscreen
+      :mask-closable="false"
+      footer-hide
+       :z-index="9999999"
+    >
+      <div style="width: 100%;height: 100%;">
+        <iframe style="width: 100%;height: 100%;border-radius: 0 0 6px 6px;" :src="codeUri" frameborder="0" />
+      </div>
     </Modal>
   </el-drawer>
 </template>
@@ -671,9 +681,16 @@ export default {
     // 重置组件状态
     resetComponent() {
       this.id = ''
+      this.shOaView = null
       this.detail = null
       this.signPlan = []
       this.loading = false
+      this.showModal = false
+      this.codeUri = ''
+      this.fundLogs = []
+      this.procurementFlows = []
+      this.contractApprovalFlows = []
+      this.paymentApprovalFlows = []
     },
     
     // 根据URL参数重置并加载数据
@@ -890,6 +907,11 @@ export default {
       if (!round) return '待处理'
       return round.status === 1 ? '已办结' : '待处理'
     },
+    // 查看流程
+    viewFlow(id) {
+      this.codeUri = `${process.env.VUE_APP_OUT_URL}/#/flow/detail?auth_token=${window.encodeURIComponent(getToken())}&isSinglePage=1&flow_id=${id}`
+      this.showModal = true
+    },
     // 预览附件（参考 biddingUpload.vue 的实现）
     open(url) {
       try {