From 5e63fa77d410b3825510474cf14bd3282d645efd Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Tue, 27 May 2025 13:56:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E8=BD=AC=E8=AF=89=E8=AE=BC?=
 =?UTF-8?q?=E7=A7=91=E7=9B=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../transferToLitigationAdd.vue               |  10 +-
 .../transferToLitigationInfo.vue              |   4 +-
 .../zhuansusongFlow/relation/anJianInfo.vue   | 442 ++++++++++++++++++
 .../zhuansusongFlow/relation/suSongInfo.vue   | 215 +++++++++
 .../transferToLitigationDaiBan.vue            |   6 +-
 .../transferToLitigationEdit.vue              |  12 +-
 .../transferToLitigationYiBan.vue             |   6 +-
 7 files changed, 676 insertions(+), 19 deletions(-)
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/relation/anJianInfo.vue
 create mode 100644 anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/relation/suSongInfo.vue

diff --git a/anrui-riskcenter-ui/src/views/transferToLitigation/transferToLitigationAdd.vue b/anrui-riskcenter-ui/src/views/transferToLitigation/transferToLitigationAdd.vue
index 7744e8257d..d98228313e 100644
--- a/anrui-riskcenter-ui/src/views/transferToLitigation/transferToLitigationAdd.vue
+++ b/anrui-riskcenter-ui/src/views/transferToLitigation/transferToLitigationAdd.vue
@@ -66,7 +66,11 @@
           <el-table :key="tableKey" :data="formobj.loanLawsuitSubVehList" :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" min-width="120"/>
-            <el-table-column prop="riskState" label="风控状态" align="center" min-width="120"/>
+            <el-table-column label="风控状态" align="center" min-width="140">
+              <template slot-scope="scope">
+                <span>{{ scope.row.riskState == '0' ? '正常' : scope.row.riskState == '1' ? '交回' : scope.row.riskState == '2' ? '赎回' : scope.row.riskState == '3' ? '转租' : scope.row.riskState == '4' ? '赎回中' : scope.row.riskState == '5' ? '二次销售中' : scope.row.riskState == '6' ? '转租中' : scope.row.riskState == '7' ? '处置损失' : scope.row.riskState == '8' ? '不追偿' : scope.row.riskState == '9' ? '未交回立案' : scope.row.riskState == '10' ? '交回立案' : scope.row.riskState == '11' ? '亏损立案' : scope.row.riskState == '12' ? '执行' : scope.row.riskState == '13' ? '诉讼结案' : scope.row.riskState == '14' ? '执行结案' : '' }}</span>
+              </template>
+            </el-table-column>
             <el-table-column label="是否已回购" align="center" min-width="140">
               <template slot-scope="scope">
                 <span>{{ scope.row.repo == '1' ? '1' : scope.row.repo == '0' ? '否' : '' }}</span>
@@ -189,10 +193,6 @@ export default {
     submit() {
       this.$refs['form_obj'].validate((valid) => {
         if (valid) {
-          if (this.formobj.vehList.length === 0) {
-            this.$message({ showClose: true, type: 'error', message: '已还与欠款情况列表不能为空' })
-            return
-          }
           this.submitdisabled = true
           req.submit(this.formobj).then((res) => {
             if (res.success) {
diff --git a/anrui-riskcenter-ui/src/views/transferToLitigation/transferToLitigationInfo.vue b/anrui-riskcenter-ui/src/views/transferToLitigation/transferToLitigationInfo.vue
index 242d9b9c0b..244166fc02 100644
--- a/anrui-riskcenter-ui/src/views/transferToLitigation/transferToLitigationInfo.vue
+++ b/anrui-riskcenter-ui/src/views/transferToLitigation/transferToLitigationInfo.vue
@@ -64,9 +64,9 @@
           <el-table :key="tableKey" :data="formobj.loanLawsuitSubVehList" :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" min-width="120"/>
-            <el-table-column label="风控状态" align="center" min-width="120">
+            <el-table-column label="风控状态" align="center" min-width="140">
               <template slot-scope="scope">
-                <span>{{ scope.row.riskState == '0' ? '正常' : scope.row.riskState == '1' ? '交回' : scope.row.riskState == '2' ? '赎回' : scope.row.riskState == '3' ? '转租' : '' }}</span>
+                <span>{{ scope.row.riskState == '0' ? '正常' : scope.row.riskState == '1' ? '交回' : scope.row.riskState == '2' ? '赎回' : scope.row.riskState == '3' ? '转租' : scope.row.riskState == '4' ? '赎回中' : scope.row.riskState == '5' ? '二次销售中' : scope.row.riskState == '6' ? '转租中' : scope.row.riskState == '7' ? '处置损失' : scope.row.riskState == '8' ? '不追偿' : scope.row.riskState == '9' ? '未交回立案' : scope.row.riskState == '10' ? '交回立案' : scope.row.riskState == '11' ? '亏损立案' : scope.row.riskState == '12' ? '执行' : scope.row.riskState == '13' ? '诉讼结案' : scope.row.riskState == '14' ? '执行结案' : '' }}</span>
               </template>
             </el-table-column>
             <el-table-column label="是否已回购" align="center" min-width="140">
diff --git a/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/relation/anJianInfo.vue b/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/relation/anJianInfo.vue
new file mode 100644
index 0000000000..e79300729a
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/relation/anJianInfo.vue
@@ -0,0 +1,442 @@
+<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="lookSuSong()">查看诉讼申请</el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</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.useOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">创建部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDept }}</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-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">创建日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">公司负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.companyHead }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">法务部门负责人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.legalHead }}</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.loanContractNo }}</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.loanName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人证件号码</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.idNumber }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人户籍/注册地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.borrowerAddress }}</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.customerName }}</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.bankContractNo }}</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.amountAll }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否全额诉讼</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.full }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">起诉金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.sueMoney }}</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.sueShows }}</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.sueReason }}</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.caseStage }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">案件当前环节</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.caseTache }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">进入当前环节日期</div>
+              <el-form-item>
+                <div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+                  <span class="addinputInfo">{{ formobj.enterDate }}</span>
+                  <span>用时： {{ formobj.useDays }}天</span>
+                </div>
+              </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.sueAging }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车辆信息</div>
+          <el-table :key="carKey" :data="formobj.veh" :index="index" border style="width: 100%">
+            <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>
+          <div class="title">担保人</div>
+          <el-table :key="cautionerKey" :data="formobj.guarantor" :index="index" border style="width: 100%">
+            <el-table-column prop="name" label="姓名" align="center" />
+            <el-table-column prop="idCardNo" label="身份证号" align="center" />
+            <el-table-column prop="registerAddress" label="户籍地址" align="center" />
+            <el-table-column prop="currentAddress" label="现住址" align="center" />
+            <el-table-column prop="mobile" label="联系电话" align="center" />
+          </el-table>
+          <div class="title">诉讼相关费用</div>
+          <el-table :key="lawsuitKey" :data="formobj.fees" :index="index" border style="width: 100%">
+            <el-table-column prop="paymentItems" label="缴费项目" align="center" />
+            <el-table-column prop="paymentTime" label="缴费时间" align="center" />
+            <el-table-column prop="paymentMoney" label="缴费金额" align="center" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+            <el-table-column prop="operatingTime" label="操作时间" align="center" />
+            <el-table-column prop="operator" label="操作人" align="center" />
+            <el-table-column label="附件" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.feesfile.length > 0" @click="handleLook(scope.row.feesfile)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">保全</div>
+          <el-table :key="preserveKey" :data="formobj.preserve" :index="index" border style="width: 100%">
+            <el-table-column prop="preserveType" label="保全类型" align="center" />
+            <el-table-column prop="preserveItems" label="保全项目" align="center" />
+            <el-table-column prop="preserveTime" label="保全日期" align="center" />
+            <el-table-column prop="preserveMoney" label="保全金额" align="center" />
+            <el-table-column prop="dateTo" label="有效期至" align="center" />
+            <el-table-column prop="remarks" label="备注" align="center" />
+            <el-table-column prop="operatingTime" label="操作时间" align="center" />
+            <el-table-column prop="operator" label="操作人" align="center" />
+            <el-table-column label="附件" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.preservefile.length > 0" @click="handleLook(scope.row.preservefile)">查看</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-row>
+            <el-col :span="24">
+              <el-button :type="isFirstSelect ? 'primary' : 'default'" size="small" @click="toFirst">一审</el-button>
+              <el-button :type="isTwoSelect ? 'primary' : 'default'" size="small" @click="toTwo">二审</el-button>
+              <el-button :type="isThreeSelect ? 'primary' : 'default'" size="small" @click="toThree">再审</el-button>
+              <el-button :type="isFourSelect ? 'primary' : 'default'" size="small" @click="toFour">执行</el-button>
+              <el-button :type="isFiveSelect ? 'primary' : 'default'" size="small" @click="toFive">结案</el-button>
+            </el-col>
+          </el-row>
+          <div>
+            <!-- 一审模块 -->
+            <firstinstanceInfo v-show="activeName == 1" ref="divFirst"/>
+            <!-- 二审模块 -->
+            <trialofsecondinstanceInfo v-show="activeName == 2" ref="divSecond" />
+            <!-- 再审模块 -->
+            <examineagainInfo v-show="activeName == 3" ref="divExamineagain" />
+            <!-- 执行模块 -->
+            <executeInfo v-show="activeName == 4" ref="divExecute" />
+            <!-- 结案模块 -->
+            <settlealawsuitInfo v-show="activeName == 5" ref="divSettlealawsuit" />
+          </div>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看诉讼申请 -->
+    <caseactionInfo v-show="viewState == 2" ref="divCaseaction" @doback="resetState"/>
+    <!-- 诉讼费用、保全查看 -->
+    <el-dialog :visible.sync="dialogVisible">
+      <el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/courseofthecase/courseofthecase'
+import caseactionInfo from './suSongInfo'
+import firstinstanceInfo from '../../../courseofthecase/relation/firstinstance/firstinstanceInfo'
+import trialofsecondinstanceInfo from '../../../courseofthecase/relation/trialofsecondinstance/trialofsecondinstanceInfo'
+import examineagainInfo from '../../../courseofthecase/relation/examineagain/examineagainInfo'
+import executeInfo from '../../../courseofthecase/relation/execute/executeInfo'
+import settlealawsuitInfo from '../../../courseofthecase/relation/settlealawsuit/settlealawsuitInfo'
+
+export default {
+  name: 'AnJianInfo',
+  components: {
+    caseactionInfo,
+    firstinstanceInfo,
+    trialofsecondinstanceInfo,
+    examineagainInfo,
+    executeInfo,
+    settlealawsuitInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      dialogVisible: false,
+      list: [],
+      carKey: 0,
+      cautionerKey: 1,
+      lawsuitKey: 2,
+      preserveKey: 3,
+      index: 0,
+      activeName: 0,
+      isFirstSelect: false, // 一审是否选中
+      isTwoSelect: false, // 二审是否选中
+      isThreeSelect: false, // 再审是否选中
+      isFourSelect: false, // 执行是否选中
+      isFiveSelect: false, // 结案是否选中
+      formobj: {
+        sid: '',
+        useOrgName: '',
+        createDept: '',
+        createByName: '',
+        createDate: '',
+        companyHead: '',
+        companyHeadSid: '',
+        legalHead: '',
+        legalHeadSid: '',
+        caseType: '',
+        caseNo: '',
+        caseTypeKey: '',
+        loanContractNo: '',
+        loanName: '',
+        idNumber: '',
+        borrowerAddress: '',
+        customerName: '',
+        bankName: '',
+        bankContractNo: '',
+        amountAll: '',
+        full: '',
+        sueMoney: '',
+        sueShows: '',
+        sueReason: '',
+        caseStage: '',
+        useDays: '',
+        enterDate: '',
+        caseTache: '',
+        sueAging: '',
+        veh: [],
+        fees: [],
+        guarantor: [],
+        preserve: []
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '案件办理详情'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid({ sid: row.sid }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.caseStage === '一审') {
+            // 获取一审模块
+            this.toFirst()
+          } else if (this.formobj.caseStage === '二审') {
+            // 获取二审模块
+            this.toTwo()
+          } else if (this.formobj.caseStage === '再审') {
+            // 获取再审模块
+            this.toThree()
+          } else if (this.formobj.caseStage === '执行') {
+            // 获取执行模块
+            this.toFour()
+          } else if (this.formobj.caseStage === '结案') {
+            // 获取结案模块
+            this.toFive()
+          }
+        }
+      })
+    },
+    // 诉讼相关费用、保全--附件查看
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    // 一审模块
+    toFirst() {
+      this.isFirstSelect = true
+      this.isTwoSelect = false
+      this.isThreeSelect = false
+      this.isFourSelect = false
+      this.isFiveSelect = false
+      this.activeName = 1
+      this.$refs['divFirst'].showInfo(this.formobj.sid)
+    },
+    // 二审模块
+    toTwo() {
+      this.isFirstSelect = false
+      this.isTwoSelect = true
+      this.isThreeSelect = false
+      this.isFourSelect = false
+      this.isFiveSelect = false
+      this.activeName = 2
+      this.$refs['divSecond'].showInfo(this.formobj.sid)
+    },
+    // 再审模块
+    toThree() {
+      this.isFirstSelect = false
+      this.isTwoSelect = false
+      this.isThreeSelect = true
+      this.isFourSelect = false
+      this.isFiveSelect = false
+      this.activeName = 3
+      this.$refs['divExamineagain'].showInfo(this.formobj.sid)
+    },
+    toFour() {
+      this.isFirstSelect = false
+      this.isTwoSelect = false
+      this.isThreeSelect = false
+      this.isFourSelect = true
+      this.isFiveSelect = false
+      this.activeName = 4
+      this.$refs['divExecute'].showInfo(this.formobj.sid)
+    },
+    toFive() {
+      this.isFirstSelect = false
+      this.isTwoSelect = false
+      this.isThreeSelect = false
+      this.isFourSelect = false
+      this.isFiveSelect = true
+      this.activeName = 5
+      this.$refs['divSettlealawsuit'].showInfo(this.formobj.sid)
+    },
+    lookSuSong() {
+      if (this.formobj.suSongSid !== '') {
+        this.viewState = 2
+        this.$refs['divCaseaction'].showInfo({ sid: this.formobj.suSongSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无诉讼记录' })
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.formobj = {
+        sid: '',
+        useOrgName: '',
+        createDept: '',
+        createByName: '',
+        createDate: '',
+        companyHead: '',
+        companyHeadSid: '',
+        legalHead: '',
+        legalHeadSid: '',
+        caseType: '',
+        caseNo: '',
+        caseTypeKey: '',
+        loanContractNo: '',
+        loanName: '',
+        idNumber: '',
+        borrowerAddress: '',
+        customerName: '',
+        bankName: '',
+        bankContractNo: '',
+        amountAll: '',
+        full: '',
+        sueMoney: '',
+        sueShows: '',
+        sueReason: '',
+        suSongSid: '',
+        caseStage: '',
+        useDays: '',
+        enterDate: '',
+        caseTache: '',
+        sueAging: '',
+        veh: [],
+        fees: [],
+        guarantor: [],
+        preserve: []
+      }
+      this.activeName = 0
+      this.isFirstSelect = false
+      this.isTwoSelect = false
+      this.isThreeSelect = false
+      this.isFourSelect = false
+      this.isFiveSelect = false
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/relation/suSongInfo.vue b/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/relation/suSongInfo.vue
new file mode 100644
index 0000000000..a835c66d79
--- /dev/null
+++ b/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/relation/suSongInfo.vue
@@ -0,0 +1,215 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <div style="font-size: 16px;text-align: right">金额单位：元</div>
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDept }}</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.applyDate }}</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.loanContractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</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.bankContractNo }}</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.lawsuitSubject }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>已还与欠款情况</div>
+            <el-button size="mini" type="primary" class="btntopblueline" @click="lookFinancial">金融方案</el-button>
+          </div>
+          <el-table :key="tableKey" :data="formobj.vehList" :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" width="120"/>
+            <el-table-column prop="vehMark" label="车牌号" align="center" width="120"/>
+            <el-table-column prop="alRepaidMoney" label="已还金额" align="center" width="140"/>
+            <el-table-column prop="currentBeMoney" label="当前逾期金额" align="center" width="160"/>
+            <el-table-column prop="unexpiredMoney" label="未到期金额" align="center" width="150"/>
+            <el-table-column prop="price" label="垫资方月还" align="center" width="150"/>
+            <el-table-column prop="bankInterest" label="垫资方逾期利息" align="center" width="160"/>
+            <el-table-column prop="wheFundOccMoney" label="资金占用费" align="center" width="150"/>
+            <el-table-column label="总期数/当前期数" align="center" width="180">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nper }}/{{ scope.row.currentPeriod }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="alRepaidMoneyConPeriod" label="已还金额换算期数" align="center" width="180"/>
+            <el-table-column prop="beOverdueMoneyAndPeriod" label="逾期金额换算期数" align="center" width="180"/>
+            <el-table-column prop="amount" label="车辆处置金额" align="center" width="160"/>
+            <el-table-column prop="owedTotal" label="欠款小计" align="center" width="140"/>
+            <el-table-column prop="deposit" label="贷款保证金" align="center" width="150"/>
+            <el-table-column prop="repo" label="是否回购" align="center" width="180"/>
+          </el-table>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">欠款合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.amountAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">风控进展描述</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.progress }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看金融方案 -->
+    <financialschemeInfo v-show="viewState == 3" ref="divFinancial" @doback="resetState" />
+  </div>
+</template>
+
+<script>
+import req from '@/api/caseaction/caseaction'
+import financialschemeInfo from '../../publicPage/financialschemeInfo'
+
+export default {
+  name: 'SuSongInfo',
+  components: {
+    financialschemeInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        sid: '',
+        taskId: '',
+        instanceId: '',
+        userSid: '',
+        orgPath: '',
+        createDept: '',
+        createDeptSid: '',
+        createByName: '',
+        customerName: '',
+        customerSid: '',
+        loanName: '',
+        loanSid: '',
+        loanContractSid: '',
+        loanContractNo: '',
+        bankName: '',
+        bankContractNo: '',
+        useOrgSid: '',
+        useOrgName: '',
+        lawsuitSubject: '',
+        salesOrderSid: '',
+        applyDate: '',
+        progress: '',
+        amountAll: '',
+        vehList: []
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '案件诉讼申请详情'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid({ sid: row.sid }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    lookFinancial() {
+      req.selectDetailss({ businessSid: this.formobj.salesOrderSid }).then((res) => {
+        if (res.success) {
+          this.viewState = 3
+          this.$refs['divFinancial'].showInfo(res.data, '03')
+        }
+      })
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.formobj = {
+        sid: '',
+        taskId: '',
+        instanceId: '',
+        userSid: '',
+        orgPath: '',
+        createDept: '',
+        createDeptSid: '',
+        createByName: '',
+        customerName: '',
+        customerSid: '',
+        loanName: '',
+        loanSid: '',
+        loanContractSid: '',
+        loanContractNo: '',
+        bankName: '',
+        bankContractNo: '',
+        useOrgSid: '',
+        useOrgName: '',
+        lawsuitSubject: '',
+        salesOrderSid: '',
+        applyDate: '',
+        progress: '',
+        amountAll: '',
+        vehList: []
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 100px !important;
+}
+.addinputInfo {
+  margin-left: 90px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>
diff --git a/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/transferToLitigationDaiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/transferToLitigationDaiBan.vue
index ebedb3c4c7..ed6712df68 100644
--- a/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/transferToLitigationDaiBan.vue
+++ b/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/transferToLitigationDaiBan.vue
@@ -67,9 +67,9 @@
           <el-table :key="tableKey" :data="formobj.loanLawsuitSubVehList" :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" min-width="120"/>
-            <el-table-column label="风控状态" align="center" min-width="120">
+            <el-table-column label="风控状态" align="center" min-width="140">
               <template slot-scope="scope">
-                <span>{{ scope.row.riskState == '0' ? '正常' : scope.row.riskState == '1' ? '交回' : scope.row.riskState == '2' ? '赎回' : scope.row.riskState == '3' ? '转租' : '' }}</span>
+                <span>{{ scope.row.riskState == '0' ? '正常' : scope.row.riskState == '1' ? '交回' : scope.row.riskState == '2' ? '赎回' : scope.row.riskState == '3' ? '转租' : scope.row.riskState == '4' ? '赎回中' : scope.row.riskState == '5' ? '二次销售中' : scope.row.riskState == '6' ? '转租中' : scope.row.riskState == '7' ? '处置损失' : scope.row.riskState == '8' ? '不追偿' : scope.row.riskState == '9' ? '未交回立案' : scope.row.riskState == '10' ? '交回立案' : scope.row.riskState == '11' ? '亏损立案' : scope.row.riskState == '12' ? '执行' : scope.row.riskState == '13' ? '诉讼结案' : scope.row.riskState == '14' ? '执行结案' : '' }}</span>
               </template>
             </el-table-column>
             <el-table-column label="是否已回购" align="center" min-width="140">
@@ -132,7 +132,7 @@
 <script>
 import req from '@/api/transferToLitigation/transferToLitigation'
 import { selectStaffListss } from '@/api/Common/dictcommons'
-import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
+import courseofthecaseInfo from './relation/anJianInfo'
 
 export default {
   name: 'TransferToLitigationDaiBan',
diff --git a/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/transferToLitigationEdit.vue b/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/transferToLitigationEdit.vue
index 924f881c24..bf267e7fb9 100644
--- a/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/transferToLitigationEdit.vue
+++ b/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/transferToLitigationEdit.vue
@@ -65,7 +65,11 @@
           <el-table :key="tableKey" :data="formobj.loanLawsuitSubVehList" :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" min-width="120"/>
-            <el-table-column prop="riskState" label="风控状态" align="center" min-width="120"/>
+            <el-table-column label="风控状态" align="center" min-width="140">
+              <template slot-scope="scope">
+                <span>{{ scope.row.riskState == '0' ? '正常' : scope.row.riskState == '1' ? '交回' : scope.row.riskState == '2' ? '赎回' : scope.row.riskState == '3' ? '转租' : scope.row.riskState == '4' ? '赎回中' : scope.row.riskState == '5' ? '二次销售中' : scope.row.riskState == '6' ? '转租中' : scope.row.riskState == '7' ? '处置损失' : scope.row.riskState == '8' ? '不追偿' : scope.row.riskState == '9' ? '未交回立案' : scope.row.riskState == '10' ? '交回立案' : scope.row.riskState == '11' ? '亏损立案' : scope.row.riskState == '12' ? '执行' : scope.row.riskState == '13' ? '诉讼结案' : scope.row.riskState == '14' ? '执行结案' : '' }}</span>
+              </template>
+            </el-table-column>
             <el-table-column label="是否已回购" align="center" min-width="140">
               <template slot-scope="scope">
                 <span>{{ scope.row.repo == '1' ? '1' : scope.row.repo == '0' ? '否' : '' }}</span>
@@ -87,7 +91,7 @@
 
 <script>
 import req from '@/api/transferToLitigation/transferToLitigation'
-import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
+import courseofthecaseInfo from './relation/anJianInfo'
 
 export default {
   name: 'TransferToLitigationEdit',
@@ -194,10 +198,6 @@ export default {
     submit() {
       this.$refs['form_obj'].validate((valid) => {
         if (valid) {
-          if (this.formobj.vehList.length === 0) {
-            this.$message({ showClose: true, type: 'error', message: '已还与欠款情况列表不能为空' })
-            return
-          }
           this.submitdisabled = true
           req.submit(this.formobj).then((res) => {
             if (res.success) {
diff --git a/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/transferToLitigationYiBan.vue b/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/transferToLitigationYiBan.vue
index d27120ff0c..0f0ae96ed9 100644
--- a/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/transferToLitigationYiBan.vue
+++ b/anrui-riskcenter-ui/src/views/workFlow/zhuansusongFlow/transferToLitigationYiBan.vue
@@ -64,9 +64,9 @@
           <el-table :key="tableKey" :data="formobj.loanLawsuitSubVehList" :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" min-width="120"/>
-            <el-table-column label="风控状态" align="center" min-width="120">
+            <el-table-column label="风控状态" align="center" min-width="140">
               <template slot-scope="scope">
-                <span>{{ scope.row.riskState == '0' ? '正常' : scope.row.riskState == '1' ? '交回' : scope.row.riskState == '2' ? '赎回' : scope.row.riskState == '3' ? '转租' : '' }}</span>
+                <span>{{ scope.row.riskState == '0' ? '正常' : scope.row.riskState == '1' ? '交回' : scope.row.riskState == '2' ? '赎回' : scope.row.riskState == '3' ? '转租' : scope.row.riskState == '4' ? '赎回中' : scope.row.riskState == '5' ? '二次销售中' : scope.row.riskState == '6' ? '转租中' : scope.row.riskState == '7' ? '处置损失' : scope.row.riskState == '8' ? '不追偿' : scope.row.riskState == '9' ? '未交回立案' : scope.row.riskState == '10' ? '交回立案' : scope.row.riskState == '11' ? '亏损立案' : scope.row.riskState == '12' ? '执行' : scope.row.riskState == '13' ? '诉讼结案' : scope.row.riskState == '14' ? '执行结案' : '' }}</span>
               </template>
             </el-table-column>
             <el-table-column label="是否已回购" align="center" min-width="140">
@@ -90,7 +90,7 @@
 
 <script>
 import req from '@/api/transferToLitigation/transferToLitigation'
-import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
+import courseofthecaseInfo from './relation/anJianInfo'
 
 export default {
   name: 'TransferToLitigationYiBan',