优化代码

anrui-riskcenter-ui/src/components/publicPage/anjianjinchengInfo.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="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.sueMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否已回购</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.repurchased }}</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.full }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <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="text" size="small" @click="toFirst">一审</el-button>
+              <el-button type="text" size="small" @click="toTwo">二审</el-button>
+              <el-button type="text" size="small" @click="toThree">再审</el-button>
+              <el-button type="text" size="small" @click="toFour">执行</el-button>
+              <el-button type="text" 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>
+    <!-- 诉讼费用、保全查看 -->
+    <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 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: '',
+  components: {
+    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,
+      formobj: {
+        sid: '',
+        useOrgName: '',
+        createDept: '',
+        createByName: '',
+        createDate: '',
+        companyHead: '',
+        companyHeadSid: '',
+        legalHead: '',
+        legalHeadSid: '',
+        caseType: '',
+        caseNo: '',
+        caseTypeKey: '',
+        loanContractNo: '',
+        loanName: '',
+        idNumber: '',
+        borrowerAddress: '',
+        customerName: '',
+        bankName: '',
+        bankContractNo: '',
+        amountAll: '',
+        full: '',
+        repurchased: '',
+        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
+          this.toFirst()
+        }
+      })
+    },
+    // 诉讼相关费用、保全--附件查看
+    handleLook(row) {
+      this.dialogVisible = true
+      if (row.length > 0) {
+        const aa = []
+        row.forEach((e) => {
+          aa.push(e.url)
+        })
+        this.list = aa
+      }
+    },
+    // 一审模块
+    toFirst() {
+      this.activeName = 1
+      this.$refs['divFirst'].showInfo(this.formobj.sid)
+    },
+    // 二审模块
+    toTwo() {
+      this.activeName = 2
+      this.$refs['divSecond'].showInfo(this.formobj.sid)
+    },
+    // 再审模块
+    toThree() {
+      this.activeName = 3
+      this.$refs['divExamineagain'].showInfo(this.formobj.sid)
+    },
+    toFour() {
+      this.activeName = 4
+      this.$refs['divExecute'].showInfo(this.formobj.sid)
+    },
+    toFive() {
+      this.activeName = 5
+      this.$refs['divSettlealawsuit'].showInfo(this.formobj.sid)
+    },
+    handleReturn() {
+      this.formobj = {}
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 150px !important;
+}
+.addinputInfo {
+  margin-left: 140px !important;
+}
+</style>

anrui-riskcenter-ui/src/views/caseappeal/caseappealAdd.vue

@@ -180,7 +180,7 @@
 <script>
 import req from '@/api/caseappeal/caseappeal'
 import uploadImg from '@/components/uploadFile/uploadImg'
-import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
+import courseofthecaseInfo from '../../components/publicPage/anjianjinchengInfo'
 
 export default {
   name: 'CaseAppealAdd',

anrui-riskcenter-ui/src/views/caseappeal/caseappealInfo.vue

@@ -177,7 +177,7 @@
 
 <script>
 import req from '@/api/caseappeal/caseappeal'
-import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
+import courseofthecaseInfo from '../../components/publicPage/anjianjinchengInfo'
 
 export default {
   name: 'CaseAppealInfo',

anrui-riskcenter-ui/src/views/caseclosed/caseclosedAdd.vue

@@ -181,7 +181,7 @@
 import req from '@/api/caseclosed/caseclosed'
 import uploadImg from '@/components/uploadFile/uploadImg'
 import { typeValues } from '@/api/Common/dictcommons'
-import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
+import courseofthecaseInfo from '../../components/publicPage/anjianjinchengInfo'
 
 export default {
   name: 'CaseClosedAdd',

anrui-riskcenter-ui/src/views/caseclosed/caseclosedInfo.vue

@@ -173,7 +173,7 @@
 
 <script>
 import req from '@/api/caseclosed/caseclosed'
-import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
+import courseofthecaseInfo from '../../components/publicPage/anjianjinchengInfo'
 
 export default {
   name: 'CaseClosedInfo',

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

@@ -201,7 +201,7 @@
 import req from '@/api/caseexecution/caseexecution'
 import { typeValues } from '@/api/Common/dictcommons'
 import uploadImg from '@/components/uploadFile/uploadImg'
-import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
+import courseofthecaseInfo from '../../components/publicPage/anjianjinchengInfo'
 
 export default {
   name: 'CaseExecutionAdd',

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

@@ -191,7 +191,7 @@
 
 <script>
 import req from '@/api/caseexecution/caseexecution'
-import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
+import courseofthecaseInfo from '../../components/publicPage/anjianjinchengInfo'
 
 export default {
   name: 'CaseExecutionInfo',

anrui-riskcenter-ui/src/views/courseofthecase/courseofthecaseAdd.vue

@@ -5,6 +5,9 @@
         <div>{{ viewTitle }}</div>
         <div>
           <el-button type="primary" size="small" @click="lookSuSong()">查看诉讼申请</el-button>
+          <el-button type="primary" size="small" @click="lookZhuanSuSong()">查看转诉讼科目申请</el-button>
+          <el-button type="primary" size="small">查看案件委托律师申请</el-button>
+          <el-button type="primary" size="small">查看回购申请</el-button>
           <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
@@ -91,7 +94,7 @@
           </el-row>
           <el-row>
             <el-col :span="8">
-              <div class="span-sty">诉讼申请中欠款合计</div>
+              <div class="span-sty">起诉时欠款合计</div>
               <el-form-item><span class="addinputInfo">{{ formobj.amountAll }}</span></el-form-item>
             </el-col>
             <el-col :span="8">
@@ -328,6 +331,8 @@
     </div>
     <!-- 查看诉讼申请 -->
     <caseactionInfo v-show="viewState == 2" ref="divCaseaction" @doback="resetState"/>
+    <!-- 查看转诉讼科目申请 -->
+    <zhuansusongInfo v-show="viewState = 3" ref="divZSS" @doback="resetState" />
     <!-- 诉讼费用、保全附件上传 -->
     <el-dialog center :visible.sync="accessoryVisible" :show-close="false">
       <el-form class="formadd" :model="accessory">
@@ -356,6 +361,7 @@ import req from '@/api/courseofthecase/courseofthecase'
 import { getGressionUserList, typeValues, getLegalStaffS, getTypeValueList } from '@/api/Common/dictcommons'
 import uploadImg from '@/components/uploadFile/uploadImg'
 import caseactionInfo from '../caseaction/caseactionInfo'
+import zhuansusongInfo from './relation/zhuansusongInfo'
 import firstinstance from './relation/firstinstance/firstinstance'
 import trialofsecondinstance from './relation/trialofsecondinstance/trialofsecondinstance'
 import examineagain from './relation/examineagain/examineagain'
@@ -367,6 +373,7 @@ export default {
   components: {
     uploadImg,
     caseactionInfo,
+    zhuansusongInfo,
     firstinstance,
     trialofsecondinstance,
     examineagain,
@@ -419,6 +426,7 @@ export default {
         amountAll: '',
         full: '',
         repurchased: '',
+        lawSubSid: '',
         sueMoney: '',
         sueShows: '',
         sueReason: '',
@@ -723,7 +731,15 @@ export default {
         this.viewState = 2
         this.$refs['divCaseaction'].showInfo({ sid: this.formobj.suSongSid })
       } else {
-        this.$message({ showClose: true, type: 'error', message: '暂无诉讼记录' })
+        this.$message({ showClose: true, type: 'error', message: '暂无诉讼申请记录' })
+      }
+    },
+    lookZhuanSuSong() {
+      if (this.formobj.lawSubSid !== '' && this.formobj.lawSubSid !== null) {
+        this.viewState = 3
+        this.$refs['divZSS'].showInfo({ sid: this.formobj.lawSubSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无转诉讼科目申请记录' })
       }
     },
     resetState() {
@@ -771,6 +787,7 @@ export default {
         amountAll: '',
         full: '',
         repurchased: '',
+        lawSubSid: '',
         sueMoney: '',
         sueShows: '',
         sueReason: '',

anrui-riskcenter-ui/src/views/courseofthecase/courseofthecaseInfo.vue

@@ -5,6 +5,7 @@
         <div>{{ viewTitle }}</div>
         <div>
           <el-button type="primary" size="small" @click="lookSuSong()">查看诉讼申请</el-button>
+          <el-button type="primary" size="small" @click="lookZhuanSuSong()">查看转诉讼科目申请</el-button>
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
@@ -82,7 +83,7 @@
           </el-row>
           <el-row>
             <el-col :span="8">
-              <div class="span-sty">诉讼申请中欠款合计</div>
+              <div class="span-sty">起诉时欠款合计</div>
               <el-form-item><span class="addinputInfo">{{ formobj.amountAll }}</span></el-form-item>
             </el-col>
             <el-col :span="8">
@@ -206,7 +207,9 @@
       </div>
     </div>
     <!-- 查看诉讼申请 -->
-    <caseactionInfo v-show="viewState == 2" ref="divCaseaction" @doback="resetState"/>
+    <caseactionInfo v-show="viewState == 2" ref="divCaseaction" @doback="resetState" />
+    <!-- 查看转诉讼科目申请 -->
+    <zhuansusongInfo v-show="viewState = 3" ref="divZSS" @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"/>
@@ -217,6 +220,7 @@
 <script>
 import req from '@/api/courseofthecase/courseofthecase'
 import caseactionInfo from '../caseaction/caseactionInfo'
+import zhuansusongInfo from './relation/zhuansusongInfo'
 import firstinstanceInfo from './relation/firstinstance/firstinstanceInfo'
 import trialofsecondinstanceInfo from './relation/trialofsecondinstance/trialofsecondinstanceInfo'
 import examineagainInfo from './relation/examineagain/examineagainInfo'
@@ -227,6 +231,7 @@ export default {
   name: 'CourseOfTheCaseInfo',
   components: {
     caseactionInfo,
+    zhuansusongInfo,
     firstinstanceInfo,
     trialofsecondinstanceInfo,
     examineagainInfo,
@@ -385,6 +390,14 @@ export default {
         this.$message({ showClose: true, type: 'error', message: '暂无诉讼记录' })
       }
     },
+    lookZhuanSuSong() {
+      if (this.formobj.lawSubSid !== '' && this.formobj.lawSubSid !== null) {
+        this.viewState = 3
+        this.$refs['divZSS'].showInfo({ sid: this.formobj.lawSubSid })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '暂无转诉讼科目申请记录' })
+      }
+    },
     resetState() {
       this.viewState = 1
     },

anrui-riskcenter-ui/src/views/courseofthecase/relation/shangsuInfo/shangsuInfo.vue

@@ -7,7 +7,7 @@
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
-      <div class="">
+      <div class="listconadd">
         <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
           <el-row style="border-top: 1px solid #e0e3eb">
             <el-col :span="8">

anrui-riskcenter-ui/src/views/courseofthecase/relation/zhuansusongInfo.vue

@@ -0,0 +1,180 @@
+<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="listconadd">
+        <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.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.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.customerName }}</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.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.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-col :span="8">
+              <div class="span-sty">转诉讼科目金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.amount }}</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.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>转诉讼车辆列表</div>
+          </div>
+          <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="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' ? '是' : scope.row.repo == '0' ? '否' : '' }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="currentBeMoney" label="逾期月还" align="center" min-width="160"/>
+            <el-table-column prop="currentNotDuePrice" label="当期未还月还" align="center" min-width="150"/>
+            <el-table-column prop="notDuePrice" label="未到期月还" align="center" min-width="150"/>
+            <el-table-column prop="bankAmount" label="回购资方费用" align="center" min-width="160"/>
+            <el-table-column prop="lawAomount" label="转诉讼科目金额" align="center" min-width="150"/>
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/transferToLitigation/transferToLitigation'
+
+export default {
+  name: 'ZhuanSuSongInfo',
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        sid: '',
+        createTime: '',
+        createDept: '',
+        createDeptSid: '',
+        createByName: '',
+        billNo: '',
+        customerName: '',
+        customerSid: '',
+        loanSid: '',
+        loanName: '',
+        loanContractSid: '',
+        loanContractNo: '',
+        bankSid: '',
+        bankName: '',
+        bankContractNo: '',
+        amount: '',
+        nodeState: '',
+        useOrgSid: '',
+        useOrgName: '',
+        closeDate: '',
+        procInstId: '',
+        lawSid: '',
+        ajSid: '',
+        loanLawsuitSubVehList: []
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '转诉讼科目申请详情'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid(row.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    handleReturn() {
+      this.formobj = {
+        sid: '',
+        createTime: '',
+        createDept: '',
+        createDeptSid: '',
+        createByName: '',
+        billNo: '',
+        customerName: '',
+        customerSid: '',
+        loanSid: '',
+        loanName: '',
+        loanContractSid: '',
+        loanContractNo: '',
+        bankSid: '',
+        bankName: '',
+        bankContractNo: '',
+        amount: '',
+        nodeState: '',
+        useOrgSid: '',
+        useOrgName: '',
+        closeDate: '',
+        procInstId: '',
+        lawSid: '',
+        ajSid: '',
+        loanLawsuitSubVehList: []
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !important;
+}
+</style>

anrui-riskcenter-ui/src/views/transferToLitigation/transferToLitigationAdd.vue

@@ -92,7 +92,7 @@
 
 <script>
 import req from '@/api/transferToLitigation/transferToLitigation'
-import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
+import courseofthecaseInfo from '../../components/publicPage/anjianjinchengInfo'
 
 export default {
   name: 'TransferToLitigationAdd',

anrui-riskcenter-ui/src/views/transferToLitigation/transferToLitigationInfo.vue

@@ -90,7 +90,7 @@
 
 <script>
 import req from '@/api/transferToLitigation/transferToLitigation'
-import courseofthecaseInfo from '../courseofthecase/courseofthecaseInfo'
+import courseofthecaseInfo from '../../components/publicPage/anjianjinchengInfo'
 
 export default {
   name: 'TransferToLitigationInfo',

anrui-riskcenter-ui/src/views/workFlow/publicPage/anjianjinchengInfo.vue

@@ -4,7 +4,6 @@
       <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>
@@ -205,8 +204,6 @@
         </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"/>
@@ -216,7 +213,6 @@
 
 <script>
 import req from '@/api/courseofthecase/courseofthecase'
-import caseactionInfo from './anjiansusongInfo'
 import firstinstanceInfo from '../../courseofthecase/relation/firstinstance/firstinstanceInfo'
 import trialofsecondinstanceInfo from '../../courseofthecase/relation/trialofsecondinstance/trialofsecondinstanceInfo'
 import examineagainInfo from '../../courseofthecase/relation/examineagain/examineagainInfo'
@@ -226,7 +222,6 @@ import settlealawsuitInfo from '../../courseofthecase/relation/settlealawsuit/se
 export default {
   name: '',
   components: {
-    caseactionInfo,
     firstinstanceInfo,
     trialofsecondinstanceInfo,
     examineagainInfo,
@@ -332,17 +327,6 @@ export default {
       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 = {}
       this.$emit('doback')