完善催收措施申请--设置远程控制状态

1 year ago · f89e340ebd
3 changed files with 202 additions and 6 deletions
--- a/anrui-riskcenter-ui/src/api/collectionmeasures/collectionmeasures.js
+++ b/anrui-riskcenter-ui/src/api/collectionmeasures/collectionmeasures.js
@ -42,6 +42,14 @@ export default {
    })
  },
  // 担保人保存
+  saveLockCarState: function(data) {
+    return request({
+      url: '/riskcenter/v1/loanbecollectionapply/saveLockCarState',
+      method: 'post',
+      params: data
+    })
+  },
+  // 设置远程控制状态
  saveDbr: function(data) {
    return request({
      url: '/riskcenter/v1/loanbecollectionveh/saveDbr',
--- a/anrui-riskcenter-ui/src/views/collectionmeasures/collectionmeasuresInfo.vue
+++ b/anrui-riskcenter-ui/src/views/collectionmeasures/collectionmeasuresInfo.vue
@ -61,7 +61,12 @@
            <el-table-column prop="beOverdueMoney" label="逾期金额" align="center" width="100" />
            <el-table-column prop="beOverdueMoneyAndPeriod" label="换算期数" align="center" width="100" />
            <el-table-column v-if="yckzVisible" prop="lockCarMoney" label="远程控制费用" align="center" width="120"/>
-            <el-table-column v-if="formobj.nodeState == '已办结' && yckzState" prop="lockCarState" label="远程控制状态" align="center" width="120"/>
+            <el-table-column v-if="formobj.nodeState == '已办结' && yckzState" label="远程控制状态" align="center" width="120">
+              <template slot-scope="scope">
+                <span v-if="scope.row.lockCarState == '待控制'" class="bluezi" @click="lockCarStateEdit(scope.row)">{{ scope.row.lockCarState }}</span>
+                <span v-else>{{ scope.row.lockCarState }}</span>
+              </template>
+            </el-table-column>
            <el-table-column v-if="dbrVisible" label="担保人" align="center" width="140">
              <template slot-scope="scope">
                <span class="bluezi" @click="cautionerLook(scope.row)">查看</span>
@ -88,15 +93,17 @@
    <!-- 查看车辆历史催收记录 -->
    <billingInfo v-show="viewState == 3" ref="divBilling" @doback="resetState" />
    <!-- 查看月还明细 -->
-    <monthlyreturnInfo v-show="viewState == 4" ref="divMonthlyReturn" @doback="resetState"/>
+    <monthlyreturnInfo v-show="viewState == 4" ref="divMonthlyReturn" @doback="resetState" />
    <!-- 查看销售订单--金融方案 -->
-    <financialschemeInfo v-show="viewState == 5" ref="divFinancial" @doback="resetState"/>
+    <financialschemeInfo v-show="viewState == 5" ref="divFinancial" @doback="resetState" />
    <!-- 查看家访考察报告 -->
-    <homevisitreport v-show="viewState == 6" ref="divReport" @doback="resetState"/>
+    <homevisitreport v-show="viewState == 6" ref="divReport" @doback="resetState" />
    <!-- 查看家访资料 -->
-    <materialInfo v-show="viewState == 7" ref="divMterial" @doback="resetState"/>
+    <materialInfo v-show="viewState == 7" ref="divMterial" @doback="resetState" />
    <!-- 查看担保人信息 -->
    <cautionerInfo v-show="viewState == 8" ref="divCautioner" @doback="resetState" />
+    <!-- 设置远程控制状态 -->
+    <remotecontrolstateEdit v-show="viewState == 9" ref="divControl" @doback="resetState" @reload="resetDate"/>
    <!-- 还款协议查看 -->
    <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"/>
@ -113,6 +120,7 @@ import financialschemeInfo from '@/components/publicPage/financialschemeInfo'
 import homevisitreport from '@/views/overduevehicle/relation/homevisitreport'
 import materialInfo from '@/views/overduevehicle/relation/materialInfo'
 import cautionerInfo from './relation/cautionerInfo'
+import remotecontrolstateEdit from './relation/remotecontrolstateEdit'

 export default {
  name: 'CollectionMeasuresInfo',
@ -123,7 +131,8 @@ export default {
    financialschemeInfo,
    homevisitreport,
    materialInfo,
-    cautionerInfo
+    cautionerInfo,
+    remotecontrolstateEdit
  },
  data() {
    return {
@ -205,6 +214,36 @@ export default {
        this.list = aa
      }
    },
+    lockCarStateEdit(row) {
+      this.viewState = 9
+      this.$refs['divControl'].showInfo(row, this.formobj.sid)
+    },
+    resetDate() {
+      this.viewState = 1
+      req.fetchBySid(this.formobj.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          this.formobj.collMeasures = this.formobj.collMeasures.join(',')
+          if (this.formobj.collMeasures.indexOf('签订还款协议') !== -1) {
+            this.hkxyVisible = true
+          }
+          if (this.formobj.collMeasures.indexOf('增加担保人') !== -1) {
+            this.dbrVisible = true
+          }
+          if (this.formobj.collMeasures.indexOf('远程控制') !== -1) {
+            this.yckzVisible = true
+            this.yckzState = true
+          }
+          if (this.formobj.files.length > 0) {
+            const aa = []
+            this.formobj.files.forEach((e) => {
+              aa.push(e.url)
+            })
+            this.formobj.files = aa
+          }
+        }
+      })
+    },
    dataChange(value, row, list) {
      const choose = list.filter((item) => item.name === value)
      if (value === '催收记录' && choose[0].sid !== '') {
--- a/anrui-riskcenter-ui/src/views/collectionmeasures/relation/remotecontrolstateEdit.vue
+++ b/anrui-riskcenter-ui/src/views/collectionmeasures/relation/remotecontrolstateEdit.vue
@ -0,0 +1,149 @@
+<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="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="24">
+              <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="24">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.custName }}</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.bankName }}</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.bankContractNo }}</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.carNum }}</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.vinNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">控制状态</div>
+              <el-form-item>
+                <el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.lockCarState">
+                  <el-radio label="1">控制成功</el-radio>
+                  <el-radio label="2">控制失败</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/collectionmeasures/collectionmeasures'
+
+export default {
+  name: 'RemoteControlStateEdit',
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      formobj: {
+        applySid: '',
+        bankContractNo: '',
+        bankName: '',
+        carNum: '',
+        custName: '',
+        lockCarState: '',
+        loanContractNo: '',
+        saleVehSid: '',
+        vinNo: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(row, sid) {
+      this.formobj.applySid = sid
+      this.formobj.bankContractNo = row.bankContractNo
+      this.formobj.bankName = row.bankName
+      this.formobj.carNum = row.carNum
+      this.formobj.custName = row.custName
+      this.formobj.loanContractNo = row.loanContractNo
+      this.formobj.saleVehSid = row.saleVehSid
+      this.formobj.vinNo = row.vinNo
+    },
+    saveOrUpdate() {
+      if (this.formobj.lockCarState === '') {
+        this.$message({ showClose: true, type: 'error', message: '请选择控制状态' })
+        return
+      }
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          req.saveLockCarState({ applySid: this.formobj.applySid, saleVehSid: this.formobj.saleVehSid, lockCarState: this.formobj.lockCarState }).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '操作成功' })
+              this.handleReturn('true')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reload')
+      this.formobj = {
+        applySid: '',
+        bankContractNo: '',
+        bankName: '',
+        carNum: '',
+        custName: '',
+        lockCarState: '',
+        loanContractNo: '',
+        saleVehSid: '',
+        vinNo: ''
+      }
+      this.submitdisabled = false
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !important;
+}
+</style>