diff --git a/anrui-buscenter/anrui-buscenter-ui/src/api/jichuxinxi/contract.js b/anrui-buscenter/anrui-buscenter-ui/src/api/jichuxinxi/contract.js
index c6fffcf013..4bf4871091 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/api/jichuxinxi/contract.js
+++ b/anrui-buscenter/anrui-buscenter-ui/src/api/jichuxinxi/contract.js
@@ -57,6 +57,65 @@ export function basefinbankExportExcel(data) {
   })
 }
 
+// 提交流程
+export function submitVehicleApply(params) {
+  return request({
+    url: '/base/v1/commoncontract/submitCarSaleContractApprove',
+    method: 'post',
+    data: params,
+    headers: { 'Content-Type': 'application/json' }
+  })
+}
+
+// 流程审批（同意）
+export function complete(params) {
+  return request({
+    url: '/base/v1/commoncontract/complete',
+    method: 'post',
+    data: params
+  })
+}
+// 流程审批（驳回）
+export function reject(params) {
+  return request({
+    url: '/base/v1/commoncontract/reject',
+    method: 'post',
+    data: params
+  })
+}
+// 流程审批（终止）
+export function breakProcess(params) {
+  return request({
+    url: '/base/v1/commoncontract/breakProcess',
+    method: 'post',
+    data: params
+  })
+}
+// 流程审批（撤回）
+export function revokeProcess(params) {
+  return request({
+    url: '/base/v1/commoncontract/revokeProcess',
+    method: 'post',
+    data: params
+  })
+}
+// 审批流程（同意）获取下一环节
+export function getNextNodesForSubmit(data) {
+  return request({
+    url: '/base/v1/commoncontract/getNextNodesForSubmit',
+    method: 'get',
+    params: data
+  })
+}
+// 审批流程（驳回）获取上一环节
+export function getPreviousNodesForReject(data) {
+  return request({
+    url: '/base/v1/commoncontract/getPreviousNodesForReject',
+    method: 'get',
+    params: data
+  })
+}
+
 // ----合同模板
 export function getTemplatePageList(data) {
   return request({
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanli.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanli.vue
index 354210bd01..d05b2a1282 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanli.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanli.vue
@@ -44,12 +44,13 @@
             <el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center"/>
             <el-table-column width="100" label="操作" align="center">
               <template slot-scope="scope">
-                <el-button size="small" type="primary" @click="toEdit(scope.row)">办理</el-button>
+                <el-button size="small" type="primary" @click="toEdit(scope.row)" :disabled="scope.row.nodeState =='发起申请' ? false : scope.row.nodeState == '待提交' ? false : true">办理</el-button>
               </template>
             </el-table-column>
-            <el-table-column label="状态" align="center">
+            <el-table-column label="状态" width="180px" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.nodeState }}</span>
+                <span v-if="scope.row.nodeState=='待提交'" type="primary" size="mini">待提交</span>
+                <span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span>
               </template>
             </el-table-column>
             <el-table-column label="合同编号" align="center">
@@ -79,7 +80,7 @@
             </el-table-column>
             <el-table-column label="经办人" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.creatName }}</span>
+                <span>{{ scope.row.staffName }}</span>
               </template>
             </el-table-column>
             <el-table-column label="签订日期" align="center">
@@ -123,14 +124,15 @@
     </div>
     <hetongdanganguanli-add ref="divAdd" v-show="viewState == 2 || viewState == 3" @handleReturn="resetState" @reloadlist="getList"/>
     <hetongdanganguanli-info ref="divInfo" v-show="viewState == 4" @handleReturn="resetState"/>
-
+    <el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center>
+      <iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no" :src="this.centerDialogVisible === true ? url :''"></iframe>
+    </el-dialog>
     <div class="dialogStyle">
       <el-dialog title="查看" :visible.sync="dialogVisible" width="45%" height="320">
         <embed v-show="pdfShow" id="plugin" width="100%" height="600" name="plugin" :src="contractPdf" type="application/pdf" internalinstanceid="119">
         <el-image v-for="url in pictureUrls" v-show="imageShow" :key="url" :src="url" lazy style="width:200px;height:200px" :preview-src-list="pictureUrls"/>
       </el-dialog>
     </div>
-
   </div>
 </template>
 
@@ -142,6 +144,7 @@ import pageye from '@/components/pagination/pageye'
 import ButtonBar from '@/components/ButtonBar'
 import hetongdanganguanliAdd from './hetongdanganguanliAdd.vue'
 import hetongdanganguanliInfo from './hetongdanganguanliInfo.vue'
+import { getStorage } from '@/utils/auth'
 
 export default {
   name: 'HeTongDangAnGuanLi',
@@ -154,6 +157,9 @@ export default {
   },
   data() {
     return {
+      url: '',
+      dialogHeight: '80%',
+      centerDialogVisible: false,
       btndisabled: false,
       btnList: [
         {
@@ -211,12 +217,43 @@ export default {
     }
   },
   mounted() {
+    // 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
+    window.addEventListener('message', this.handleMessage)
     this.$refs['btnbar'].setButtonList(this.btnList)
   },
   created() {
     this.init()
   },
   methods: {
+    async handleMessage(event) {
+      var code = ''
+      if (event.data.params !== null && event.data.params !== undefined) {
+        code = event.data.params.code
+      }
+      if (code === 1) {
+        this.init()
+        this.centerDialogVisible = false
+      } else if (code === 2) {
+        this.dialogHeight = event.data.params.data
+        this.setIframeHeight(document.getElementById('iframe'))
+      }
+    },
+    closeIt() {
+      this.url = ''
+      this.centerDialogVisible = false
+    },
+    setIframeHeight(iframe) {
+      iframe.height = this.dialogHeight
+    },
+    flowRecord(row) {
+      this.centerDialogVisible = true
+      var params = {
+        deployId: row.procDefId,
+        procInsId: row.procInstId,
+        token: getStorage()
+      }
+      this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
+    },
     // 搜索条件效果
     clicksearchShow() {
       this.isSearchShow = !this.isSearchShow
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliAdd.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliAdd.vue
index 3f75e3a78f..1b5746d0a9 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliAdd.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliAdd.vue
@@ -113,7 +113,7 @@
 </template>
 
 <script>
-import { saveContract, getOneContract, updateContract, download, deleteFilesOss } from '@/api/jichuxinxi/contract'
+import { saveContract, getOneContract, updateContract, submitVehicleApply } from '@/api/jichuxinxi/contract'
 import Upload from '@/components/uploadFile/upload.vue' //   上传文件
 import { typeValues } from '@/api/dictcommons/dictcommons'
 
@@ -154,7 +154,7 @@ export default {
         pcCommonAppendixDtoList: [],
         remarks: '',
         sceneSignUrl: '',
-        sceneSignUrlList: '',
+        sceneSignUrlList: [],
         sid: '',
         staffName: '',
         staffSid: ''
@@ -221,6 +221,16 @@ export default {
       this.$refs['temp_obj'].validate((valid) => {
         if (valid) {
           this.submitdisabled = true
+          submitVehicleApply(this.temp).then((resp) => {
+            if (resp.success) {
+              this.$message({ showClose: true, type: 'success', message: '提交成功'})
+              this.handleReturn('true')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
         }
       })
     },
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue
index a6cbf94f1b..ba750515b4 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue
@@ -112,7 +112,11 @@ export default {
   computed: {},
   methods: {
     showInfo(row) {
-
+      getOneContract(row.sid).then((resp) => {
+        if (resp.success) {
+          this.temp = resp.data
+        }
+      })
     },
     // 返回
     handleReturn() {
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanByFileInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanByFileInfo.vue
index ce6050529d..b67d4c9022 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanByFileInfo.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanByFileInfo.vue
@@ -3,10 +3,12 @@
     <div class="tab-header webtop">
       <div>XXX合同详情</div>
       <div>
-        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        <el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
+        <el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
+        <el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
       </div>
     </div>
-    <div class="listconadd">
+    <div class="">
       <div class="titwu">XXX合同</div>
       <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd">
         <el-row class="bordertopline">
@@ -97,15 +99,40 @@
         </el-row>
       </el-form>
     </div>
+    <!-- 选择待办人 的弹出框-->
+    <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
+      <el-form class="formadd" >
+        <el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
+          <el-col :span="4" class="tleftb">
+            <span>当前环节:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :class="{rowClass:!currentLink}">
+          <el-col :span="4" class="tleftb">
+            <span>意见:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item>
+          </el-col>
+        </el-row>
+        <div style="text-align:center;margin-top: 20px;">
+          <el-button type="primary" size="mini" @click="reject">确 定</el-button>
+          <el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
+        </div>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { getOneContract } from '@/api/jichuxinxi/contract'
+import { getOneContract, getNextNodesForSubmit, getPreviousNodesForReject, complete, reject, breakProcess } from '@/api/jichuxinxi/contract'
 import Upload from '@/components/uploadFile/upload.vue' //   上传文件
 
 export default {
-  name: 'HeTongDangAnDaiiBanInfo',
+  name: 'HeTongDangAnDaiBanByFileInfo',
   components: {
     Upload
   },
@@ -114,17 +141,186 @@ export default {
       temp: {},
       list2: [],
       list3: [],
-      list1: []
+      list1: [],
+      operation: '', // 点击操作按钮
+      dialogList: {
+        comment: ''
+      },
+      current: {
+        taskDefKey: '',
+        taskName: '' // 当前环节名称
+      },
+      nextNode: {}, // 下一环节
+      nodeDialogVisible: false,
+      currentLink: true,
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      }
     }
   },
-  computed: {},
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    console.log('iframe页面获取的obj:', obj)
+    // 点击（同意、终止、驳回、驳回）操作时所需的参数
+    this.linkByParameter.businessSid = obj.businessSid
+    this.linkByParameter.instanceId = obj.instanceId
+    this.linkByParameter.taskId = obj.taskId
+    this.linkByParameter.taskDefKey = obj.taskDefKey
+    this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
+    this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
+    this.current.taskDefKey = obj.taskDefKey
+    this.current.taskName = obj.taskName
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 450 + 'px'
+      }
+    }, '*')
+  },
   methods: {
-    showInfo(row) {
-
+    showInfo(sid) {
+      getOneContract(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    // 同意
+    openAgree(val) {
+      this.operation = val
+      this.currentLink = true
+      this.dialogList.comment = '同意'
+      getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 驳回
+    openReject(val) {
+      this.operation = val
+      this.currentLink = true
+      this.dialogList.comment = ''
+      getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 终止
+    openStop(val) {
+      this.operation = val
+      this.currentLink = false
+      this.dialogList.comment = ''
+      this.nodeDialogVisible = true
     },
-    // 返回
-    handleReturn() {
-      this.$emit('handleReturn')
+    reject() {
+      if (this.operation === '同意') {
+        this.handleAgree()
+      } else if (this.operation === '驳回') {
+        if (this.dialogList.comment === '') {
+          this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        } else {
+          this.handleReject()
+        }
+      } else if (this.operation === '终止') {
+        if (this.dialogList.comment === '') {
+          this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        } else {
+          this.handleStop()
+        }
+      }
+    },
+    /** 同意任务 */
+    handleAgree() {
+      this.linkByParameter.comment = this.dialogList.comment
+      complete(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 驳回任务 */
+    handleReject() {
+      this.linkByParameter.comment = this.dialogList.comment
+      reject(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 终止任务 */
+    handleStop() {
+      this.linkByParameter.comment = this.dialogList.comment
+      breakProcess(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
     }
   }
 }
@@ -133,4 +329,9 @@ export default {
 .imgcontent {
   display: inline-block;
 }
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
+}
 </style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanInfo.vue
index 16d8d8c8fe..79147698e3 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanInfo.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanInfo.vue
@@ -3,10 +3,12 @@
     <div class="tab-header webtop">
       <div>XXX合同详情</div>
       <div>
-        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        <el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
+        <el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
+        <el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
       </div>
     </div>
-    <div class="listconadd">
+    <div class="">
       <div class="titwu">XXX合同</div>
       <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd">
         <el-row class="bordertopline">
@@ -93,30 +95,231 @@
         </el-row>
       </el-form>
     </div>
+    <!-- 选择待办人 的弹出框-->
+    <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
+      <el-form class="formadd" >
+        <el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
+          <el-col :span="4" class="tleftb">
+            <span>当前环节:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :class="{rowClass:!currentLink}">
+          <el-col :span="4" class="tleftb">
+            <span>意见:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item>
+          </el-col>
+        </el-row>
+        <div style="text-align:center;margin-top: 20px;">
+          <el-button type="primary" size="mini" @click="reject">确 定</el-button>
+          <el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
+        </div>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { getOneContract } from '@/api/jichuxinxi/contract'
+import {
+  breakProcess,
+  complete,
+  getNextNodesForSubmit,
+  getOneContract,
+  getPreviousNodesForReject,
+  reject
+} from '@/api/jichuxinxi/contract'
 
 export default {
-  name: 'HeTongDangAnDaiiBanInfo',
+  name: 'HeTongDangAnDaiBanInfo',
   data() {
     return {
       temp: {},
       list2: [],
       list3: [],
-      list1: []
+      list1: [],
+      operation: '', // 点击操作按钮
+      dialogList: {
+        comment: ''
+      },
+      current: {
+        taskDefKey: '',
+        taskName: '' // 当前环节名称
+      },
+      nextNode: {}, // 下一环节
+      nodeDialogVisible: false,
+      currentLink: true,
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      }
     }
   },
-  computed: {},
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    console.log('iframe页面获取的obj:', obj)
+    // 点击（同意、终止、驳回、驳回）操作时所需的参数
+    this.linkByParameter.businessSid = obj.businessSid
+    this.linkByParameter.instanceId = obj.instanceId
+    this.linkByParameter.taskId = obj.taskId
+    this.linkByParameter.taskDefKey = obj.taskDefKey
+    this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
+    this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
+    this.current.taskDefKey = obj.taskDefKey
+    this.current.taskName = obj.taskName
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 450 + 'px'
+      }
+    }, '*')
+  },
   methods: {
-    showInfo(row) {
-
+    showInfo(sid) {
+      getOneContract(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    // 同意
+    openAgree(val) {
+      this.operation = val
+      this.currentLink = true
+      this.dialogList.comment = '同意'
+      getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 驳回
+    openReject(val) {
+      this.operation = val
+      this.currentLink = true
+      this.dialogList.comment = ''
+      getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 终止
+    openStop(val) {
+      this.operation = val
+      this.currentLink = false
+      this.dialogList.comment = ''
+      this.nodeDialogVisible = true
     },
-    // 返回
-    handleReturn() {
-      this.$emit('handleReturn')
+    reject() {
+      if (this.operation === '同意') {
+        this.handleAgree()
+      } else if (this.operation === '驳回') {
+        if (this.dialogList.comment === '') {
+          this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        } else {
+          this.handleReject()
+        }
+      } else if (this.operation === '终止') {
+        if (this.dialogList.comment === '') {
+          this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        } else {
+          this.handleStop()
+        }
+      }
+    },
+    /** 同意任务 */
+    handleAgree() {
+      this.linkByParameter.comment = this.dialogList.comment
+      complete(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 驳回任务 */
+    handleReject() {
+      this.linkByParameter.comment = this.dialogList.comment
+      reject(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 终止任务 */
+    handleStop() {
+      this.linkByParameter.comment = this.dialogList.comment
+      breakProcess(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
     }
   }
 }
@@ -125,4 +328,9 @@ export default {
 .imgcontent {
   display: inline-block;
 }
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
+}
 </style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganYiBanInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganYiBanInfo.vue
index 331b42e261..09af013661 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganYiBanInfo.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganYiBanInfo.vue
@@ -3,10 +3,10 @@
     <div class="tab-header webtop">
       <div>XXX合同详情</div>
       <div>
-        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        <el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
       </div>
     </div>
-    <div class="listconadd">
+    <div class="">
       <div class="titwu">XXX合同</div>
       <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd">
         <el-row class="bordertopline">
@@ -97,7 +97,7 @@
 </template>
 
 <script>
-import { getOneContract } from '@/api/jichuxinxi/contract'
+import { getOneContract, revokeProcess } from '@/api/jichuxinxi/contract'
 
 export default {
   name: 'HeTongDangAnYiBanInfo',
@@ -106,17 +106,89 @@ export default {
       temp: {},
       list2: [],
       list3: [],
-      list1: []
+      list1: [],
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      }
     }
   },
-  computed: {},
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    console.log('iframe页面获取的obj:', obj)
+    // 点击（同意、终止、驳回、驳回）操作时所需的参数
+    this.linkByParameter.businessSid = obj.businessSid
+    this.linkByParameter.instanceId = obj.instanceId
+    this.linkByParameter.taskId = obj.taskId
+    this.linkByParameter.taskDefKey = obj.taskDefKey
+    this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
+    this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 450 + 'px'
+      }
+    }, '*')
+  },
   methods: {
-    showInfo(row) {
-
+    showInfo(sid) {
+      getOneContract(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
     },
-    // 返回
-    handleReturn() {
-      this.$emit('handleReturn')
+    /** 确认撤回任务 */
+    openRevoke() {
+      this.$confirm('是否确认执行撤回操作', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.handleRevoke()
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消撤回'
+        })
+      })
+    },
+    /** 撤回任务 */
+    handleRevoke() {
+      revokeProcess(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
     }
   }
 }
@@ -125,4 +197,9 @@ export default {
 .imgcontent {
   display: inline-block;
 }
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
+}
 </style>