完善案件执行管理

anrui-riskcenter-ui/src/router/index.js

@@ -1341,6 +1341,27 @@ export const constantRoutes = [
     component: () =>
       import('@/views/workFlow/shangsuFlow/caseappealYiBan.vue'),
     name: 'CaseAppealYiBan'
+  },
+  // 案件执行管理--编辑
+  {
+    path: '/zhixingFlow/CaseExecutionEdit',
+    component: () =>
+      import('@/views/workFlow/zhixingFlow/caseexecutionEdit.vue'),
+    name: 'CaseExecutionEdit'
+  },
+  // 案件执行管理--待办
+  {
+    path: '/zhixingFlow/caseexecutionDaiBan',
+    component: () =>
+      import('@/views/workFlow/zhixingFlow/caseexecutionDaiBan.vue'),
+    name: 'CaseExecutionDaiBan'
+  },
+  // 案件执行管理--已办
+  {
+    path: '/zhixingFlow/caseexecutionYiBan',
+    component: () =>
+      import('@/views/workFlow/zhixingFlow/caseexecutionYiBan.vue'),
+    name: 'CaseExecutionYiBan'
   },
 	// 404 page must be placed at the end !!!
 	// { path: '*', redirect: '/404', hidden: true }

anrui-riskcenter-ui/src/views/caseexecution/caseexecution.vue

@@ -43,7 +43,9 @@
                 <el-date-picker v-model="listQuery.params.executeRegisEndDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker>
               </el-form-item>
               <el-form-item label="执行时限">
-                <el-input v-model="listQuery.params.executeDeadline" placeholder="" clearable/>
+                <el-select v-model="listQuery.params.executeDeadlineKey" placeholder="请选择" clearable filterable>
+                  <el-option v-for="item in executeDeadline_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
+                </el-select>
               </el-form-item>
               <el-form-item label="执行立案金额">
                 <el-input v-model="listQuery.params.executeRegisMoney" placeholder="" clearable/>
@@ -116,6 +118,7 @@ import pageye from '@/components/pagination/pageye'
 import ButtonBar from '@/components/ButtonBar'
 import req from '@/api/caseexecution/caseexecution'
 import { getStorage } from '@/utils/auth'
+import { typeValues } from '@/api/Common/dictcommons'
 import caseexecutionAdd from './caseexecutionAdd'
 import caseexecutionInfo from './caseexecutionInfo'
 
@@ -156,6 +159,7 @@ export default {
       tableKey: 0,
       list: [],
       sids: [], // 用于导出的时候保存已选择的SIDs
+      executeDeadline_list: [],
       FormLoading: false,
       listLoading: false,
       // 翻页
@@ -169,7 +173,7 @@ export default {
           createStartTime: '',
           customName: '',
           deptName: '',
-          executeDeadline: '',
+          executeDeadlineKey: '',
           executeRegisEndDate: '',
           executeRegisMoney: '',
           executeRegisStartDate: '',
@@ -189,6 +193,7 @@ export default {
   created() {
     // 初始化变量
     this.getList()
+    this.init()
   },
   mounted() {
     // 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
@@ -224,6 +229,13 @@ export default {
       }
       this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
     },
+    init() {
+      typeValues({ type: 'executeDeadline' }).then((res) => {
+        if (res.success) {
+          this.executeDeadline_list = res.data
+        }
+      })
+    },
     // 搜索条件效果
     clicksearchShow() {
       this.isSearchShow = !this.isSearchShow
@@ -294,7 +306,7 @@ export default {
           createStartTime: '',
           customName: '',
           deptName: '',
-          executeDeadline: '',
+          executeDeadlineKey: '',
           executeRegisEndDate: '',
           executeRegisMoney: '',
           executeRegisStartDate: '',

anrui-riskcenter-ui/src/views/caseexecution/caseexecutionAdd.vue

@@ -122,13 +122,13 @@
             </el-col>
             <el-col :span="8">
               <div class="span-sty">判决生效后回款金额</div>
-              <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.judgPayMoney" clearable placeholder="" /></el-form-item>
+              <el-form-item><el-input class="addinputInfo addinputw" @input="judgPayMoneyInput" v-model="formobj.judgPayMoney" clearable placeholder="" /></el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="24">
               <div class="span-sty">判决资料</div>
-              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.pjclFiles" :key="index" :src="item" :preview-src-list="formobj.pjclFiles" /></el-form-item>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in image_list" :key="index" :src="item" :preview-src-list="image_list" /></el-form-item>
             </el-col>
           </el-row>
           <div class="title">车辆信息</div>
@@ -147,11 +147,15 @@
             </el-col>
             <el-col :span="8">
               <div class="span-sty">执行时限</div>
-              <el-form-item><span class="addinputInfo">{{ formobj.executeDeadline }}</span></el-form-item>
+              <el-form-item>
+                <el-select class="addinputInfo" v-model="formobj.executeDeadlineKey" placeholder="请选择" @change="executeDeadlineChange" clearable filterable>
+                  <el-option v-for="item in executeDeadline_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
+                </el-select>
+              </el-form-item>
             </el-col>
             <el-col :span="8">
               <div class="span-sty">执行立案金额</div>
-              <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.executeRegisMoney" clearable placeholder="" /></el-form-item>
+              <el-form-item><span class="addinputInfo">{{ formobj.executeRegisMoney }}</span></el-form-item>
             </el-col>
           </el-row>
           <el-row>
@@ -170,6 +174,7 @@
 
 <script>
 import req from '@/api/caseexecution/caseexecution'
+import { typeValues } from '@/api/Common/dictcommons'
 import uploadImg from '@/components/uploadFile/uploadImg'
 
 export default {
@@ -184,6 +189,8 @@ export default {
       submitdisabled: false,
       tableKey: 0,
       index: 0,
+      executeDeadline_list: [],
+      image_list: [],
       formobj: {
         arrearsTotal: '',
         bankContract: '',
@@ -230,14 +237,29 @@ export default {
     }
   },
   methods: {
+    init() {
+      typeValues({ type: 'executeDeadline' }).then((res) => {
+        if (res.success) {
+          this.executeDeadline_list = res.data
+        }
+      })
+    },
     showAdd(sid) {
       this.viewTitle = '【新增】执行立案申请'
       this.$nextTick(() => {
         this.$refs['form_obj'].clearValidate()
       })
+      this.init()
       req.init({ sid: sid, userSid: window.sessionStorage.getItem('userSid'), orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
         if (res.success) {
           this.formobj = res.data
+          if (this.formobj.pjclFiles.length > 0) {
+            const aa = []
+            this.formobj.pjclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.image_list = aa
+          }
         }
       })
     },
@@ -246,12 +268,32 @@ export default {
       this.$nextTick(() => {
         this.$refs['form_obj'].clearValidate()
       })
+      this.init()
       req.fetchBySid(row.sid).then((res) => {
         if (res.success) {
           this.formobj = res.data
+          this.formobj.instanceId = res.data.procInstSid
+          if (this.formobj.pjclFiles.length > 0) {
+            const aa = []
+            this.formobj.pjclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.image_list = aa
+          }
         }
       })
     },
+    judgPayMoneyInput() {
+      this.formobj.executeRegisMoney = parseFloat(this.formobj.judgMoney !== '' ? this.formobj.judgMoney : 0) - parseFloat(this.formobj.judgPayMoney !== '' ? this.formobj.judgPayMoney : 0)
+    },
+    executeDeadlineChange(value) {
+      const choose = this.executeDeadline_list.filter((item) => item.dictKey === value)
+      if (choose !== null && choose.length > 0) {
+        this.formobj.executeDeadline = choose[0].dictValue
+      } else {
+        this.formobj.executeDeadline = ''
+      }
+    },
     saveOrUpdate() {
       this.$refs['form_obj'].validate((valid) => {
         if (valid) {
@@ -330,6 +372,7 @@ export default {
         useOrgSid: '',
         zxclFiles: []
       }
+      this.image_list = []
       this.submitdisabled = false
       this.$emit('doback')
     }

anrui-riskcenter-ui/src/views/caseexecution/caseexecutionInfo.vue

@@ -229,6 +229,20 @@ export default {
       req.fetchBySid(row.sid).then((res) => {
         if (res.success) {
           this.formobj = res.data
+          if (this.formobj.pjclFiles.length > 0) {
+            const aa = []
+            this.formobj.pjclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.pjclFiles = aa
+          }
+          if (this.formobj.zxclFiles.length > 0) {
+            const aa = []
+            this.formobj.zxclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.zxclFiles = aa
+          }
         }
       })
     },

anrui-riskcenter-ui/src/views/workFlow/zhixingFlow/caseexecutionDaiBan.vue

@@ -0,0 +1,559 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" @click="openCountersign('加签')">加 签</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="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件创建日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseCreateDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.compHead }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">法务部门负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.legalDeptHead }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">案件类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人证件号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderIdNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">贷款人户籍/注册地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderAddress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">客户</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">欠款合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.arrearsTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否全额诉讼</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isFullLitigation }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">起诉金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.sueMoneyTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">部分诉讼说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.partProceRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">判决日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">判决结果</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgResult }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">判决金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">判决备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgRemarks }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">判决生效后回款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgPayMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">判决资料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.pjclFiles" :key="index" :src="item" :preview-src-list="formobj.pjclFiles" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车辆信息</div>
+          <el-table :key="tableKey" :data="formobj.loanCaseExecuteVehList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="carNum" label="车牌号" align="center" />
+            <el-table-column prop="affiliatedCompany" label="挂靠公司" align="center" />
+            <el-table-column prop="carState" label="车辆状态" align="center" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+          </el-table>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">预执行立案日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.executeRegisDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行时限</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.executeDeadline }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行立案金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.executeRegisMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">执行材料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.zxclFiles" :key="index" :src="item" :preview-src-list="formobj.zxclFiles" /></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 选择待办人 的弹出框-->
+    <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
+      <el-form class="formadd" >
+        <el-row v-show="countersignLink" style="border-top: 1px solid #e0e3eb">
+          <el-col :span="4" class="tleftb">
+            <span class="icon">*</span>加签人员:
+          </el-col>
+          <el-col :span="20">
+            <el-form-item>
+              <el-select v-model="countersign.assignee" placeholder="请选择" filterable>
+                <el-option v-for="item in options" :key="item.userSid" :label="item.staffName" :value="item.userSid">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <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 req from '@/api/caseexecution/caseexecution'
+import { selectStaffListss } from '@/api/Common/dictcommons'
+
+export default {
+  name: 'CaseExecutionDaiBan',
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        arrearsTotal: '',
+        bankContract: '',
+        bankName: '',
+        billNo: '',
+        caseCreateDate: '',
+        caseNo: '',
+        caseType: '',
+        compHead: '',
+        createByName: '',
+        customName: '',
+        deptName: '',
+        deptSid: '',
+        executeDeadline: '',
+        executeRegisDate: '',
+        executeRegisMoney: '',
+        isFullLitigation: '',
+        judgDate: '',
+        judgMoney: '',
+        judgPayMoney: '',
+        judgRemarks: '',
+        judgResult: '',
+        legalDeptHead: '',
+        lenderAddress: '',
+        lenderIdNo: '',
+        lenderName: '',
+        loanCaseExecuteVehList: [],
+        loanContract: '',
+        nodeSid: '',
+        nodeState: '',
+        orgPath: '',
+        partProceRemarks: '',
+        pjclFiles: [],
+        procDefId: '',
+        procInstSid: '',
+        sid: '',
+        sueMoneyTotal: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: '',
+        zxclFiles: []
+      },
+      rules: {},
+      options: [],
+      operation: '', // 点击操作按钮
+      dialogList: {
+        comment: ''
+      },
+      startTask: true,
+      current: {
+        taskDefKey: '',
+        taskName: '' // 当前环节名称
+      },
+      nextNode: {}, // 下一环节
+      nodeDialogVisible: false,
+      currentLink: true,
+      countersignLink: false,
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      },
+      // 加签按钮所需参数
+      countersign: {
+        taskId: '',
+        assignee: '',
+        userSid: '',
+        instanceId: '',
+        views: ''
+      }
+    }
+  },
+  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.countersign.taskId = obj.taskId
+    this.countersign.userSid = window.sessionStorage.getItem('userSid')
+    this.countersign.instanceId = obj.instanceId
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 500 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '执行立案申请详情'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.pjclFiles.length > 0) {
+            const aa = []
+            this.formobj.pjclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.pjclFiles = aa
+          }
+          if (this.formobj.zxclFiles.length > 0) {
+            const aa = []
+            this.formobj.zxclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.zxclFiles = aa
+          }
+        }
+      })
+      selectStaffListss().then((res) => {
+        if (res.success) {
+          this.options = res.data
+        }
+      })
+    },
+    // 加签
+    openCountersign(val) {
+      this.operation = val
+      this.currentLink = true
+      this.countersignLink = true
+      this.dialogList.comment = ''
+      req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 同意
+    openAgree(val) {
+      this.operation = val
+      this.currentLink = true
+      this.countersignLink = false
+      this.dialogList.comment = '同意'
+      req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).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.countersignLink = false
+      this.dialogList.comment = ''
+      req.getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).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.countersignLink = false
+      this.dialogList.comment = ''
+      this.nodeDialogVisible = true
+    },
+    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()
+        }
+      } else if (this.operation === '加签') {
+        this.handleCountersign()
+      }
+    },
+    /** 加签 */
+    handleCountersign() {
+      if (this.countersign.assignee === '') {
+        this.$message({ showClose: true, type: 'error', message: '请选择加签人员' })
+        return
+      }
+      if (this.dialogList.comment === '') {
+        this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        return
+      }
+      this.countersign.views = this.dialogList.comment
+      req.delegate(this.countersign).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 同意任务 */
+    handleAgree() {
+      this.linkByParameter.comment = this.dialogList.comment
+      req.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
+      req.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
+      req.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
+            }
+          }, '*')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+.rowClass{
+  border-top: 1px solid #E0E3EB;
+}
+</style>

anrui-riskcenter-ui/src/views/workFlow/zhixingFlow/caseexecutionEdit.vue

@@ -0,0 +1,366 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件创建日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseCreateDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.compHead }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">法务部门负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.legalDeptHead }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">案件类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人证件号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderIdNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">贷款人户籍/注册地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderAddress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">客户</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">欠款合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.arrearsTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否全额诉讼</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isFullLitigation }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">起诉金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.sueMoneyTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">部分诉讼说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.partProceRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">判决日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">判决结果</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgResult }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">判决金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">判决备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgRemarks }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">判决生效后回款金额</div>
+              <el-form-item><el-input class="addinputInfo addinputw" @input="judgPayMoneyInput" v-model="formobj.judgPayMoney" clearable placeholder="" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">判决资料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in image_list" :key="index" :src="item" :preview-src-list="image_list" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车辆信息</div>
+          <el-table :key="tableKey" :data="formobj.loanCaseExecuteVehList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="carNum" label="车牌号" align="center" />
+            <el-table-column prop="affiliatedCompany" label="挂靠公司" align="center" />
+            <el-table-column prop="carState" label="车辆状态" align="center" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+          </el-table>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">预执行立案日期</div>
+              <el-form-item><el-date-picker class="addinputInfo" v-model="formobj.executeRegisDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date" placeholder="选择日期" /></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行时限</div>
+              <el-form-item>
+                <el-select class="addinputInfo" v-model="formobj.executeDeadlineKey" placeholder="请选择" @change="executeDeadlineChange" clearable filterable>
+                  <el-option v-for="item in executeDeadline_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行立案金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.executeRegisMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">执行材料</div>
+              <el-form-item>
+                <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.zxclFiles" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/caseexecution/caseexecution'
+import { typeValues } from '@/api/Common/dictcommons'
+import uploadImg from '@/components/uploadFile/uploadImg'
+
+export default {
+  name: 'CaseExecutionEdit',
+  components: {
+    uploadImg
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      tableKey: 0,
+      index: 0,
+      executeDeadline_list: [],
+      image_list: [],
+      formobj: {
+        arrearsTotal: '',
+        bankContract: '',
+        bankName: '',
+        billNo: '',
+        caseCreateDate: '',
+        caseNo: '',
+        caseType: '',
+        compHead: '',
+        createByName: '',
+        customName: '',
+        deptName: '',
+        deptSid: '',
+        executeDeadline: '',
+        executeRegisDate: '',
+        executeRegisMoney: '',
+        isFullLitigation: '',
+        judgDate: '',
+        judgMoney: '',
+        judgPayMoney: '',
+        judgRemarks: '',
+        judgResult: '',
+        legalDeptHead: '',
+        lenderAddress: '',
+        lenderIdNo: '',
+        lenderName: '',
+        loanCaseExecuteVehList: [],
+        loanContract: '',
+        nodeSid: '',
+        nodeState: '',
+        orgPath: '',
+        partProceRemarks: '',
+        pjclFiles: [],
+        procDefId: '',
+        procInstSid: '',
+        sid: '',
+        sueMoneyTotal: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: '',
+        zxclFiles: []
+      },
+      rules: {}
+    }
+  },
+  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))
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 500 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    init() {
+      typeValues({ type: 'executeDeadline' }).then((res) => {
+        if (res.success) {
+          this.executeDeadline_list = res.data
+        }
+      })
+    },
+    showInfo(sid) {
+      this.viewTitle = '【编辑】执行立案申请'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.init()
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          this.formobj.instanceId = res.data.procInstSid
+          if (this.formobj.pjclFiles.length > 0) {
+            const aa = []
+            this.formobj.pjclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.image_list = aa
+          }
+        }
+      })
+    },
+    judgPayMoneyInput() {
+      this.formobj.executeRegisMoney = parseFloat(this.formobj.judgMoney !== '' ? this.formobj.judgMoney : 0) - parseFloat(this.formobj.judgPayMoney !== '' ? this.formobj.judgPayMoney : 0)
+    },
+    executeDeadlineChange(value) {
+      const choose = this.executeDeadline_list.filter((item) => item.dictKey === value)
+      if (choose !== null && choose.length > 0) {
+        this.formobj.executeDeadline = choose[0].dictValue
+      } else {
+        this.formobj.executeDeadline = ''
+      }
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveOrUpdate(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+              // 子页面向父级页面传递值(关闭弹框)
+              window.parent.postMessage({
+                cmd: 'returnHeight',
+                params: {
+                  // 操作成功，告诉父级页面关闭弹框
+                  code: 1
+                }
+              }, '*')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    submit() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.submit(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '操作成功' })
+              // 子页面向父级页面传递值(关闭弹框)
+              window.parent.postMessage({
+                cmd: 'returnHeight',
+                params: {
+                  // 操作成功，告诉父级页面关闭弹框
+                  code: 1
+                }
+              }, '*')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+</style>

anrui-riskcenter-ui/src/views/workFlow/zhixingFlow/caseexecutionYiBan.vue

@@ -0,0 +1,345 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件创建日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseCreateDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.compHead }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">法务部门负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.legalDeptHead }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">案件编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">案件类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人证件号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderIdNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">贷款人户籍/注册地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.lenderAddress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">客户</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankContract }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">欠款合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.arrearsTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否全额诉讼</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isFullLitigation }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">起诉金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.sueMoneyTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">部分诉讼说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.partProceRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">判决日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">判决结果</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgResult }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">判决金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">判决备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgRemarks }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">判决生效后回款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.judgPayMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">判决资料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.pjclFiles" :key="index" :src="item" :preview-src-list="formobj.pjclFiles" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车辆信息</div>
+          <el-table :key="tableKey" :data="formobj.loanCaseExecuteVehList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="carNum" label="车牌号" align="center" />
+            <el-table-column prop="affiliatedCompany" label="挂靠公司" align="center" />
+            <el-table-column prop="carState" label="车辆状态" align="center" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+          </el-table>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">预执行立案日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.executeRegisDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行时限</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.executeDeadline }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">执行立案金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.executeRegisMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">执行材料</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.zxclFiles" :key="index" :src="item" :preview-src-list="formobj.zxclFiles" /></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/caseexecution/caseexecution'
+
+export default {
+  name: 'CaseExecutionYiBan',
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        arrearsTotal: '',
+        bankContract: '',
+        bankName: '',
+        billNo: '',
+        caseCreateDate: '',
+        caseNo: '',
+        caseType: '',
+        compHead: '',
+        createByName: '',
+        customName: '',
+        deptName: '',
+        deptSid: '',
+        executeDeadline: '',
+        executeRegisDate: '',
+        executeRegisMoney: '',
+        isFullLitigation: '',
+        judgDate: '',
+        judgMoney: '',
+        judgPayMoney: '',
+        judgRemarks: '',
+        judgResult: '',
+        legalDeptHead: '',
+        lenderAddress: '',
+        lenderIdNo: '',
+        lenderName: '',
+        loanCaseExecuteVehList: [],
+        loanContract: '',
+        nodeSid: '',
+        nodeState: '',
+        orgPath: '',
+        partProceRemarks: '',
+        pjclFiles: [],
+        procDefId: '',
+        procInstSid: '',
+        sid: '',
+        sueMoneyTotal: '',
+        taskId: '',
+        useOrgName: '',
+        useOrgSid: '',
+        zxclFiles: []
+      },
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      },
+      rules: {}
+    }
+  },
+  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.userSid = window.sessionStorage.getItem('userSid')
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 500 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '执行立案申请详情'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.pjclFiles.length > 0) {
+            const aa = []
+            this.formobj.pjclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.pjclFiles = aa
+          }
+          if (this.formobj.zxclFiles.length > 0) {
+            const aa = []
+            this.formobj.zxclFiles.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.zxclFiles = aa
+          }
+        }
+      })
+    },
+    /** 确认撤回任务 */
+    openRevoke() {
+      this.$confirm('是否确认执行撤回操作', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.handleRevoke()
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消撤回'
+        })
+      })
+    },
+    /** 撤回任务 */
+    handleRevoke() {
+      req.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
+            }
+          }, '*')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+</style>