From aa8b11ad3d6db5f17a9d469be24737abae6bc31a Mon Sep 17 00:00:00 2001
From: xy <271556543@qq.com>
Date: Mon, 8 Apr 2024 11:43:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=B3=E8=81=94oa=E5=8E=BB=E6=8E=89=E9=AA=8C?=
 =?UTF-8?q?=E8=AF=81=E9=A1=B9=E7=9B=AE=E5=90=8D=E7=A7=B0=E7=9B=B8=E5=90=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../contract/components/detailContract.vue    | 1070 ++++++++---------
 .../contract/components/editorContract.vue    |   42 +-
 2 files changed, 553 insertions(+), 559 deletions(-)

diff --git a/src/views/contract/components/detailContract.vue b/src/views/contract/components/detailContract.vue
index 425e33d..3a919a7 100644
--- a/src/views/contract/components/detailContract.vue
+++ b/src/views/contract/components/detailContract.vue
@@ -1,537 +1,535 @@
-<template>
-  <div v-if="detail">
-    <!--    合同详情-->
-    <xy-dialog :is-show.sync="isShowDetail" type="normal" title="详情" class="contract-detail">
-      <template v-slot:normalContent>
-        <div class="base-info">
-          <div class="base-info-title">项目基本信息</div>
-          <div class="base-info-item">
-            <div class="base-info-item-title">项目名称</div>
-            <div class="base-info-item-content">{{detail.name}}</div>
-          </div>
-          <div class="base-info-item">
-            <div class="base-info-item-title">项目类型</div>
-            <div class="base-info-item-content">{{typeFormatter(detail.type)}}</div>
-          </div>
-          <div style="display: flex;justify-content: space-between;">
-            <div class="base-info-item" style="flex-basis: 50%">
-              <div class="base-info-item-title">采购形式</div>
-              <div class="base-info-item-content">{{detail.purchase_way?detail.purchase_way.value:'无'}}</div>
-            </div>
-            <div class="base-info-item" style="flex-basis: 50%">
-              <div class="base-info-item-title">采购方式</div>
-              <div class="base-info-item-content">{{detail.purchase_type?detail.purchase_type.value:'无'}}</div>
-            </div>
-          </div>
-          <div style="display: flex;justify-content: space-between;">
-            <div class="base-info-item" style="flex-basis: 50%">
-              <div class="base-info-item-title">签订时间</div>
-              <div class="base-info-item-content">{{detail.date}}</div>
-            </div>
-            <div class="base-info-item" style="flex-basis: 50%">
-              <div class="base-info-item-title">服务时间</div>
-              <div class="base-info-item-content">{{detail.start_date}}至{{detail.end_date}}</div>
-            </div>
-          </div>
-          <div class="base-info-item">
-            <div class="base-info-item-title">项目预算</div>
-            <div class="base-info-item-content">{{moneyFormat(detail.plan_price)}}</div>
-            <div class="base-info-item-unit">(元)</div>
-          </div>
-          <div class="base-info-item">
-            <div class="base-info-item-title">资金渠道</div>
-            <div class="base-info-item-content">{{moneyWayFormatter(detail.money_way_detail)}}</div>
-          </div>
-        </div>
-        <div class="link-budget-plan">
-          <div class="link-budget-plan-title">关联预算计划</div>
-          <xy-table :height="260" :table-item="linkBudgetPlanTable" :show-index="false" :list="detail.plans">
-            <template v-slot:btns>
-              <div></div>
-            </template>
-          </xy-table>
-        </div>
-        <div class="sign-info">
-          <div class="sign-info-title">签订信息</div>
-          <div class="sign-info-item">
-            <div class="sign-info-item-title">合同金额</div>
-            <div class="sign-info-item-content">{{moneyFormat(detail.money)}}</div>
-            <div class="sign-info-item-unit">（元）</div>
-          </div>
-          <div style="display: flex;justify-content: space-between">
-            <div class="sign-info-item" style="flex-basis: 50%">
-              <div class="sign-info-item-title">承包商\供应商</div>
-              <div class="sign-info-item-content">{{detail.supply}}</div>
-            </div>
-            <div class="sign-info-item" style="flex-basis: 50%">
-              <div class="sign-info-item-title">执行部门</div>
-              <div class="sign-info-item-content">{{detail.carry_department}}</div>
-            </div>
-          </div>
-        </div>
-        <div class="pay-plan">
-          <div class="pay-plan-title">付款计划</div>
-          <xy-table :height="240" :list="signPlan" :table-item="planTable" :show-index="false" :btn-width="130"
-            @delete="deletePayPlan"
-            @editor="(row)=>{$refs['detailContractSign'].planId = row.id;$refs['detailContractSign'].isShow = true}">
-          </xy-table>
-        </div>
-        <div class="related-processes">
-          <div class="related-processes-title">相关流程进展查看</div>
-          <div class="related-processes-item">
-            <div @click="seeBuyProcess" :style="{'color':detail.purchase_last_flow_id ? 'green' : 'red'}">采购流程查看</div>
-            <div @click="seeSignProcess" :style="{'color':detail.join_last_flow_id ? 'green' : 'red'}">合同会签流程查看</div>
-            <template v-if="(detail.purchase_way?detail.purchase_way.remark:'') === 'true'">
-              <div @click="seeBidding" :style="{'color':detail.invite_last_flow_id ? 'green' : 'red'}">招标审批流程查看</div>
-            </template>
-            <template v-if="detail.is_plan != 1">
-              <div @click="seeAskProcess" :style="{'color':detail.req_last_flow_id ? 'green' : 'red'}">请示流程查看</div>
-            </template>
-          </div>
-        </div>
-        <div class="journal">
-          <div class="journal-title">日志</div>
-          <xy-table :height="240" :table-item="journalTable" :list="detail.log" :show-index="false">
-            <template v-slot:btns>
-              <div></div>
-            </template>
-          </xy-table>
-        </div>
-      </template>
-
-      <template v-slot:footerContent>
-        <div></div>
-      </template>
-    </xy-dialog>
-
-    <detailContractSign ref="detailContractSign" @editorSuccess="getDetail(id)"></detailContractSign>
-  </div>
-</template>
-
-<script>
-  import {
-    detailContract
-  } from "@/api/contract/contract";
-  import {
-    delContractSign,
-    getContractSign
-  } from "@/api/contractSign/contractSign"
-  import {
-    parseTime
-  } from "@/utils"
-  import {
-    getOatoken
-  } from "@/api/oatoken";
-  import {
-    Message
-  } from "element-ui";
-  import {
-    moneyFormatter
-  } from "@/utils"
-  import {
-    getparameter
-  } from "@/api/system/dictionary";
-
-  import detailContractSign from "./detailContractSign"
-  export default {
-    components: {
-      detailContractSign
-    },
-    data() {
-      return {
-        window: {
-          width: 0,
-          height: 0,
-          top: 0,
-          left: 0
-        },
-
-        //合同详情
-        id: '',
-        detail: null,
-        isShowDetail: false,
-        linkBudgetPlanTable: [{
-            label: "ID",
-            sortable: false,
-            prop: 'id',
-            width: 130
-          },
-          {
-            label: "类型",
-            width: 100,
-            sortable: false,
-            customFn: (row) => {
-              const typeSwitch = (type) => {
-                {
-                  let res = this.planTypes.filter(item => {
-                    return item.id === type
-                  })
-                  return res[0]?.value || '未知'
-                }
-              }
-              return ( <
-                div >
-                <
-                Tag color = "primary" > {
-                  typeSwitch(row.type)
-                } <
-                /Tag> <
-                /div>
-              )
-            }
-          },
-          {
-            label: "项目",
-            width: 140,
-            sortable: false,
-            prop: 'name'
-          },
-          {
-            label: "金额",
-            sortable: false,
-            prop: 'money',
-            align: 'right',
-            minWidth: 200,
-            formatter: (v1, v2, value) => {
-              return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-            }
-          },
-          {
-            label: '使用金额',
-            sortable: false,
-            prop: 'useMoney',
-            align: 'right',
-            minWidth: 200,
-            formatter: (v1, v2, value) => {
-              return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-            }
-          }
-        ],
-        journalTable: [{
-            label: 'ID',
-            sortable: false,
-            prop: 'id'
-          },
-          {
-            label: "日志类型",
-            sortable: false,
-            prop: 'type'
-          },
-          {
-            label: "日志内容",
-            sortable: false,
-            prop: 'remark'
-          },
-          {
-            label: "操作人",
-            sortable: false,
-            prop: 'admin.name'
-          },
-          {
-            label: "时间",
-            sortable: false,
-            prop: 'created_at',
-            width: 160,
-            formatter: (cell, data, value) => {
-              return parseTime(new Date(value), '{y}-{m}-{d} {h}:{i}')
-            }
-          }
-        ],
-        signPlan: [],
-        planTypes: [],
-        planTable: [{
-            prop: 'date',
-            label: '日期',
-            sortable: false,
-            formatter: (cell, data, value) => {
-              return parseTime(new Date(value), '{y}-{m}-{d}')
-            }
-          },
-          {
-            prop: 'money',
-            label: '金额（元）',
-            align: 'right',
-            minWidth: 180,
-            sortable: false,
-            formatter: (v1, v2, value) => {
-              return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-            }
-          },
-          {
-            prop: 'content',
-            label: '内容',
-            align: 'left',
-            sortable: false,
-          },
-          {
-            prop: 'remark',
-            label: '备注',
-            align: 'left',
-            sortable: false,
-          }
-        ]
-      }
-    },
-    methods: {
-      async getPlanTypes() {
-        const res = await getparameter({
-          number: 'money_way'
-        })
-        this.planTypes = res.detail
-      },
-
-      async seeBuyProcess() {
-        if (!this.detail?.purchase_last_flow_id) {
-          Message({
-            type: "warning",
-            message: "还未进行采购申请",
-            duration: 2000
-          })
-          return
-        }
-        let res = await getOatoken()
-        let url =
-          `${process.env.VUE_APP_OUT_URL}/admin/flow/view/${this.detail.purchase_last_flow_id}?oatoken=${res.oatoken}`
-        let seeBuy = window.open(url, 'seeBuy',
-          `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
-          )
-      },
-      async seeBidding() {
-        if (!this.detail?.invite_last_flow_id) {
-          Message({
-            type: "warning",
-            message: "还未进行招标申请",
-            duration: 2000
-          })
-          return
-        }
-        let res = await getOatoken()
-        let url =
-          `${process.env.VUE_APP_OUT_URL}/admin/flow/view/${this.detail.invite_last_flow_id}?oatoken=${res.oatoken}`
-        let seeBidding = window.open(url, 'seeBidding',
-          `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
-          )
-      },
-      async seeSignProcess() {
-        if (!this.detail?.join_last_flow_id) {
-          Message({
-            type: "warning",
-            message: "还未进行会签申请",
-            duration: 2000
-          })
-          return
-        }
-        let res = await getOatoken()
-        let url =
-          `${process.env.VUE_APP_OUT_URL}/admin/flow/view/${this.detail.join_last_flow_id}?oatoken=${res.oatoken}`
-        let seeSign = window.open(url, 'seeSign',
-          `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
-          )
-
-      },
-      async seeAskProcess() {
-        if (!this.detail?.req_last_flow_id) {
-          Message({
-            type: "warning",
-            message: "还未进行请示申请",
-            duration: 2000
-          })
-          return
-        }
-        let res = await getOatoken()
-        let url =
-          `${process.env.VUE_APP_OUT_URL}/admin/flow/view/${this.detail.req_last_flow_id}?oatoken=${res.oatoken}`
-        let seeAsk = window.open(url, 'seeAsk',
-          `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
-          )
-      },
-
-      async getDetail(id) {
-        this.id = id
-        let res = await detailContract({
-          id: id
-        })
-        this.detail = res
-        let plans = res.plans
-        let linkPlan = res.plan_link
-        let linkPlanTable = plans.map(item => {
-          let res = linkPlan.filter(item1 => {
-            return item1.plan_id === item.id
-          })[0]
-          return {
-            id: item.id,
-            type: item.type,
-            name: item.name,
-            money: item.money,
-            useMoney: res.use_money
-          }
-        })
-        this.detail.plans = linkPlanTable
-        console.log(this.detail)
-
-        let plan = await getContractSign({
-          contract_id: id
-        })
-        this.signPlan = plan.data
-      },
-
-      //删除付款计划
-      deletePayPlan(row) {
-        delContractSign({
-          id: row.id
-        }).then(res => {
-          this.getSignPlan()
-          Message({
-            type: 'success',
-            message: "操作成功"
-          })
-        })
-      },
-    },
-    computed: {
-      typeFormatter() {
-        return function(type) {
-          switch (type) {
-            case 1:
-              return "服务"
-              break;
-            case 2:
-              return "货物"
-              break;
-            case 3:
-              return "工程"
-              break;
-            case 4:
-              return '其他'
-              break;
-            default:
-              return "未知"
-          }
-        }
-      },
-      moneyWayFormatter() {
-        return function(arr) {
-          let res = arr.map(item => {
-            return item.value
-          })
-          return res.toString()
-        }
-      },
-      moneyFormat() {
-        return function(money) {
-          return moneyFormatter(money)
-        }
-      }
-    },
-    mounted() {
-      this.window.width = screen.availWidth * 0.95
-      this.window.height = screen.availHeight * 0.95
-      this.window.top = (window.screen.height - 30 - this.window.height) / 2
-      this.window.left = (window.screen.width - 10 - this.window.width) / 2
-    }
-  }
-</script>
-
-<style scoped lang="scss">
-  .contract-detail {
-
-    .base-info {
-
-      &-title {
-        font-weight: 600;
-
-        padding: 0 10px;
-      }
-
-      &-item {
-        display: flex;
-
-        margin-top: 8px;
-
-        &-title {
-
-          padding: 0 20px;
-        }
-
-        &-content {}
-
-        &-unit {
-
-          margin-left: 20px;
-        }
-      }
-    }
-
-    .link-budget-plan {
-
-      margin-top: 20px;
-
-      &-title {
-        @extend .base-info-title;
-
-        padding-bottom: 10px;
-      }
-    }
-
-    .sign-info {
-
-      &-title {
-        @extend .link-budget-plan-title;
-      }
-
-      &-item {
-        @extend .base-info-item;
-
-        &-title {
-          @extend .base-info-item-title;
-        }
-
-        &-content {
-          @extend .base-info-item-content;
-        }
-
-        &-unit {
-          @extend .base-info-item-unit;
-        }
-      }
-    }
-
-    .pay-plan {
-      margin-top: 20px;
-
-      &-title {
-        @extend .link-budget-plan-title;
-      }
-    }
-
-    .related-processes {
-
-      margin-top: 20px;
-
-      &-title {
-        @extend .link-budget-plan-title;
-      }
-
-      &-item {
-        //color: red;
-
-        display: flex;
-
-        &>div {
-          cursor: pointer;
-
-          margin: 0 20px;
-        }
-      }
-    }
-
-    .journal {
-
-      margin-top: 20px;
-
-      &-title {
-        @extend .link-budget-plan-title;
-      }
-    }
-  }
+<template>
+  <div v-if="detail">
+    <!--    合同详情-->
+    <xy-dialog :is-show.sync="isShowDetail" type="normal" title="详情" class="contract-detail">
+      <template v-slot:normalContent>
+        <div class="base-info">
+          <div class="base-info-title">项目基本信息</div>
+          <div class="base-info-item">
+            <div class="base-info-item-title">项目名称</div>
+            <div class="base-info-item-content">{{detail.name}}</div>
+          </div>
+          <div class="base-info-item">
+            <div class="base-info-item-title">项目类型</div>
+            <div class="base-info-item-content">{{typeFormatter(detail.type)}}</div>
+          </div>
+          <div style="display: flex;justify-content: space-between;">
+            <div class="base-info-item" style="flex-basis: 50%">
+              <div class="base-info-item-title">采购形式</div>
+              <div class="base-info-item-content">{{detail.purchase_way?detail.purchase_way.value:'无'}}</div>
+            </div>
+            <div class="base-info-item" style="flex-basis: 50%">
+              <div class="base-info-item-title">采购方式</div>
+              <div class="base-info-item-content">{{detail.purchase_type?detail.purchase_type.value:'无'}}</div>
+            </div>
+          </div>
+          <div style="display: flex;justify-content: space-between;">
+            <div class="base-info-item" style="flex-basis: 50%">
+              <div class="base-info-item-title">签订时间</div>
+              <div class="base-info-item-content">{{detail.date}}</div>
+            </div>
+            <div class="base-info-item" style="flex-basis: 50%">
+              <div class="base-info-item-title">服务时间</div>
+              <div class="base-info-item-content">{{detail.start_date}}至{{detail.end_date}}</div>
+            </div>
+          </div>
+          <div class="base-info-item">
+            <div class="base-info-item-title">项目预算</div>
+            <div class="base-info-item-content">{{moneyFormat(detail.plan_price)}}</div>
+            <div class="base-info-item-unit">(元)</div>
+          </div>
+          <div class="base-info-item">
+            <div class="base-info-item-title">资金渠道</div>
+            <div class="base-info-item-content">{{moneyWayFormatter(detail.money_way_detail)}}</div>
+          </div>
+        </div>
+        <div class="link-budget-plan">
+          <div class="link-budget-plan-title">关联预算计划</div>
+          <xy-table :height="260" :table-item="linkBudgetPlanTable" :show-index="false" :list="detail.plans">
+            <template v-slot:btns>
+              <div></div>
+            </template>
+          </xy-table>
+        </div>
+        <div class="sign-info">
+          <div class="sign-info-title">签订信息</div>
+          <div class="sign-info-item">
+            <div class="sign-info-item-title">合同金额</div>
+            <div class="sign-info-item-content">{{moneyFormat(detail.money)}}</div>
+            <div class="sign-info-item-unit">（元）</div>
+          </div>
+          <div style="display: flex;justify-content: space-between">
+            <div class="sign-info-item" style="flex-basis: 50%">
+              <div class="sign-info-item-title">承包商\供应商</div>
+              <div class="sign-info-item-content">{{detail.supply}}</div>
+            </div>
+            <div class="sign-info-item" style="flex-basis: 50%">
+              <div class="sign-info-item-title">执行部门</div>
+              <div class="sign-info-item-content">{{detail.carry_department}}</div>
+            </div>
+          </div>
+        </div>
+        <div class="pay-plan">
+          <div class="pay-plan-title">付款计划</div>
+          <xy-table :height="240" :list="signPlan" :table-item="planTable" :show-index="false" :btn-width="130"
+            @delete="deletePayPlan"
+            @editor="(row)=>{$refs['detailContractSign'].planId = row.id;$refs['detailContractSign'].isShow = true}">
+          </xy-table>
+        </div>
+        <div class="related-processes">
+          <div class="related-processes-title">相关流程进展查看</div>
+          <div class="related-processes-item">
+            <div @click="seeBuyProcess" :style="{'color':detail.purchase_last_flow_id ? 'green' : 'red'}">采购流程查看</div>
+            <div @click="seeSignProcess" :style="{'color':detail.join_last_flow_id ? 'green' : 'red'}">合同会签流程查看</div>
+            <template v-if="(detail.purchase_way?detail.purchase_way.remark:'') === 'true'">
+              <div @click="seeBidding" :style="{'color':detail.invite_last_flow_id ? 'green' : 'red'}">招标审批流程查看</div>
+            </template>
+            <div @click="seeAskProcess" :style="{'color':detail.req_last_flow_id ? 'green' : 'red'}">请示流程查看</div>
+          </div>
+        </div>
+        <div class="journal">
+          <div class="journal-title">日志</div>
+          <xy-table :height="240" :table-item="journalTable" :list="detail.log" :show-index="false">
+            <template v-slot:btns>
+              <div></div>
+            </template>
+          </xy-table>
+        </div>
+      </template>
+
+      <template v-slot:footerContent>
+        <div></div>
+      </template>
+    </xy-dialog>
+
+    <detailContractSign ref="detailContractSign" @editorSuccess="getDetail(id)"></detailContractSign>
+  </div>
+</template>
+
+<script>
+  import {
+    detailContract
+  } from "@/api/contract/contract";
+  import {
+    delContractSign,
+    getContractSign
+  } from "@/api/contractSign/contractSign"
+  import {
+    parseTime
+  } from "@/utils"
+  import {
+    getOatoken
+  } from "@/api/oatoken";
+  import {
+    Message
+  } from "element-ui";
+  import {
+    moneyFormatter
+  } from "@/utils"
+  import {
+    getparameter
+  } from "@/api/system/dictionary";
+
+  import detailContractSign from "./detailContractSign"
+  export default {
+    components: {
+      detailContractSign
+    },
+    data() {
+      return {
+        window: {
+          width: 0,
+          height: 0,
+          top: 0,
+          left: 0
+        },
+
+        //合同详情
+        id: '',
+        detail: null,
+        isShowDetail: false,
+        linkBudgetPlanTable: [{
+            label: "ID",
+            sortable: false,
+            prop: 'id',
+            width: 130
+          },
+          {
+            label: "类型",
+            width: 100,
+            sortable: false,
+            customFn: (row) => {
+              const typeSwitch = (type) => {
+                {
+                  let res = this.planTypes.filter(item => {
+                    return item.id === type
+                  })
+                  return res[0]?.value || '未知'
+                }
+              }
+              return ( <
+                div >
+                <
+                Tag color = "primary" > {
+                  typeSwitch(row.type)
+                } <
+                /Tag> <
+                /div>
+              )
+            }
+          },
+          {
+            label: "项目",
+            width: 140,
+            sortable: false,
+            prop: 'name'
+          },
+          {
+            label: "金额",
+            sortable: false,
+            prop: 'money',
+            align: 'right',
+            minWidth: 200,
+            formatter: (v1, v2, value) => {
+              return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+            }
+          },
+          {
+            label: '使用金额',
+            sortable: false,
+            prop: 'useMoney',
+            align: 'right',
+            minWidth: 200,
+            formatter: (v1, v2, value) => {
+              return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+            }
+          }
+        ],
+        journalTable: [{
+            label: 'ID',
+            sortable: false,
+            prop: 'id'
+          },
+          {
+            label: "日志类型",
+            sortable: false,
+            prop: 'type'
+          },
+          {
+            label: "日志内容",
+            sortable: false,
+            prop: 'remark'
+          },
+          {
+            label: "操作人",
+            sortable: false,
+            prop: 'admin.name'
+          },
+          {
+            label: "时间",
+            sortable: false,
+            prop: 'created_at',
+            width: 160,
+            formatter: (cell, data, value) => {
+              return parseTime(new Date(value), '{y}-{m}-{d} {h}:{i}')
+            }
+          }
+        ],
+        signPlan: [],
+        planTypes: [],
+        planTable: [{
+            prop: 'date',
+            label: '日期',
+            sortable: false,
+            formatter: (cell, data, value) => {
+              return parseTime(new Date(value), '{y}-{m}-{d}')
+            }
+          },
+          {
+            prop: 'money',
+            label: '金额（元）',
+            align: 'right',
+            minWidth: 180,
+            sortable: false,
+            formatter: (v1, v2, value) => {
+              return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+            }
+          },
+          {
+            prop: 'content',
+            label: '内容',
+            align: 'left',
+            sortable: false,
+          },
+          {
+            prop: 'remark',
+            label: '备注',
+            align: 'left',
+            sortable: false,
+          }
+        ]
+      }
+    },
+    methods: {
+      async getPlanTypes() {
+        const res = await getparameter({
+          number: 'money_way'
+        })
+        this.planTypes = res.detail
+      },
+
+      async seeBuyProcess() {
+        if (!this.detail?.purchase_last_flow_id) {
+          Message({
+            type: "warning",
+            message: "还未进行采购申请",
+            duration: 2000
+          })
+          return
+        }
+        let res = await getOatoken()
+        let url =
+          `${process.env.VUE_APP_OUT_URL}/admin/flow/view/${this.detail.purchase_last_flow_id}?oatoken=${res.oatoken}`
+        let seeBuy = window.open(url, 'seeBuy',
+          `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
+          )
+      },
+      async seeBidding() {
+        if (!this.detail?.invite_last_flow_id) {
+          Message({
+            type: "warning",
+            message: "还未进行招标申请",
+            duration: 2000
+          })
+          return
+        }
+        let res = await getOatoken()
+        let url =
+          `${process.env.VUE_APP_OUT_URL}/admin/flow/view/${this.detail.invite_last_flow_id}?oatoken=${res.oatoken}`
+        let seeBidding = window.open(url, 'seeBidding',
+          `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
+          )
+      },
+      async seeSignProcess() {
+        if (!this.detail?.join_last_flow_id) {
+          Message({
+            type: "warning",
+            message: "还未进行会签申请",
+            duration: 2000
+          })
+          return
+        }
+        let res = await getOatoken()
+        let url =
+          `${process.env.VUE_APP_OUT_URL}/admin/flow/view/${this.detail.join_last_flow_id}?oatoken=${res.oatoken}`
+        let seeSign = window.open(url, 'seeSign',
+          `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
+          )
+
+      },
+      async seeAskProcess() {
+        if (!this.detail?.req_last_flow_id) {
+          Message({
+            type: "warning",
+            message: "还未进行请示申请",
+            duration: 2000
+          })
+          return
+        }
+        let res = await getOatoken()
+        let url =
+          `${process.env.VUE_APP_OUT_URL}/admin/flow/view/${this.detail.req_last_flow_id}?oatoken=${res.oatoken}`
+        let seeAsk = window.open(url, 'seeAsk',
+          `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
+          )
+      },
+
+      async getDetail(id) {
+        this.id = id
+        let res = await detailContract({
+          id: id
+        })
+        this.detail = res
+        let plans = res.plans
+        let linkPlan = res.plan_link
+        let linkPlanTable = plans.map(item => {
+          let res = linkPlan.filter(item1 => {
+            return item1.plan_id === item.id
+          })[0]
+          return {
+            id: item.id,
+            type: item.type,
+            name: item.name,
+            money: item.money,
+            useMoney: res.use_money
+          }
+        })
+        this.detail.plans = linkPlanTable
+        console.log(this.detail)
+
+        let plan = await getContractSign({
+          contract_id: id
+        })
+        this.signPlan = plan.data
+      },
+
+      //删除付款计划
+      deletePayPlan(row) {
+        delContractSign({
+          id: row.id
+        }).then(res => {
+          this.getSignPlan()
+          Message({
+            type: 'success',
+            message: "操作成功"
+          })
+        })
+      },
+    },
+    computed: {
+      typeFormatter() {
+        return function(type) {
+          switch (type) {
+            case 1:
+              return "服务"
+              break;
+            case 2:
+              return "货物"
+              break;
+            case 3:
+              return "工程"
+              break;
+            case 4:
+              return '其他'
+              break;
+            default:
+              return "未知"
+          }
+        }
+      },
+      moneyWayFormatter() {
+        return function(arr) {
+          let res = arr.map(item => {
+            return item.value
+          })
+          return res.toString()
+        }
+      },
+      moneyFormat() {
+        return function(money) {
+          return moneyFormatter(money)
+        }
+      }
+    },
+    mounted() {
+      this.window.width = screen.availWidth * 0.95
+      this.window.height = screen.availHeight * 0.95
+      this.window.top = (window.screen.height - 30 - this.window.height) / 2
+      this.window.left = (window.screen.width - 10 - this.window.width) / 2
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .contract-detail {
+
+    .base-info {
+
+      &-title {
+        font-weight: 600;
+
+        padding: 0 10px;
+      }
+
+      &-item {
+        display: flex;
+
+        margin-top: 8px;
+
+        &-title {
+
+          padding: 0 20px;
+        }
+
+        &-content {}
+
+        &-unit {
+
+          margin-left: 20px;
+        }
+      }
+    }
+
+    .link-budget-plan {
+
+      margin-top: 20px;
+
+      &-title {
+        @extend .base-info-title;
+
+        padding-bottom: 10px;
+      }
+    }
+
+    .sign-info {
+
+      &-title {
+        @extend .link-budget-plan-title;
+      }
+
+      &-item {
+        @extend .base-info-item;
+
+        &-title {
+          @extend .base-info-item-title;
+        }
+
+        &-content {
+          @extend .base-info-item-content;
+        }
+
+        &-unit {
+          @extend .base-info-item-unit;
+        }
+      }
+    }
+
+    .pay-plan {
+      margin-top: 20px;
+
+      &-title {
+        @extend .link-budget-plan-title;
+      }
+    }
+
+    .related-processes {
+
+      margin-top: 20px;
+
+      &-title {
+        @extend .link-budget-plan-title;
+      }
+
+      &-item {
+        //color: red;
+
+        display: flex;
+
+        &>div {
+          cursor: pointer;
+
+          margin: 0 20px;
+        }
+      }
+    }
+
+    .journal {
+
+      margin-top: 20px;
+
+      &-title {
+        @extend .link-budget-plan-title;
+      }
+    }
+  }
 </style>
diff --git a/src/views/contract/components/editorContract.vue b/src/views/contract/components/editorContract.vue
index 007b106..fc0d2d4 100644
--- a/src/views/contract/components/editorContract.vue
+++ b/src/views/contract/components/editorContract.vue
@@ -496,31 +496,21 @@
           ['qingshi',17],
           ['zhaobiaowenjianshencha',27]
         ])
+        const flow2contractField = new Map([
+          ['caigou',"purchase_status"],
+          ['hetonghuiqian',"join_status"],
+          ['qingshi',"req_status"],
+          ['zhaobiaowenjianshencha',"invite_status"]
+        ])
         if (!this.oatoken) {
           this.oatoken = (await getOatoken()).oatoken;
         }
-
-        const res = await httpCurl({
-          oatoken: this.oatoken,
-          table,
-          keyword: this.detail.name
-        },true,'','get',`${process.env.VUE_APP_OUT_URL}/api/flow-list`)
-
-        if (res.data.flow.data.length > 0) {
-          const oaFlow = res.data.flow.data[0]
-          console.log('oaFlow',oaFlow)
-          updateContract({
-            out_contract_id: this.contrantId,
-            flow_type: flow_type.get(table),
-            status: oaFlow.status,
-            flow_id: this.oaFlow[table]
-          })
-        } else {
-          this.$message({
-            type: 'warning',
-            message: '内控系统未找到相应流程'
-          })
-        }
+        updateContract({
+          out_contract_id: this.contrantId,
+          flow_type: flow_type.get(table),
+          status: (this.detail[flow2contractField.get(table)] - 2),
+          flow_id: this.oaFlow[table]
+        })
       },
       //预算计划金额输入
       planInput(e, row) {
@@ -689,8 +679,14 @@
 
       },
       editor() {
+        const flow2contractField = new Map([
+          ['caigou',"purchase_status"],
+          ['hetonghuiqian',"join_status"],
+          ['qingshi',"req_status"],
+          ['zhaobiaowenjianshencha',"invite_status"]
+        ])
         for (let key in this.oaFlow) {
-          if (this.oaFlow[key]) {
+          if (this.oaFlow[key] && this.detail[flow2contractField.get(key)] && this.detail[flow2contractField.get(key)] !== 1) {
             this.getOaFlow(key).then(res => {
             })
           }