稽核弹框那啥

src/components/loan-audit.vue

+<!-- 预授信申述 -->
+<template>
+  <el-dialog
+    :visible.sync='dialogVisible'
+    :before-close='handleClose'
+    :destroy-on-close='true'
+    width='38%'
+    title='申述'>
+    <div class='page'>
+      <!--搜索-->
+      <el-form ref='dForm' label-suffix=':' label-width='90px' :rules='rules' :model='form' class='form-inline'>
+        <el-form-item prop='memo' label='备注'>
+          <el-input v-model='form.memo' type='textarea' clearable placeholder='请输入备注' />
+        </el-form-item>
+        <el-form-item prop='approveOpinion' label='审批意见'>
+          <template v-if='searchData!==null'>
+            <el-radio-group v-model='form.approveOpinion'>
+              <el-radio v-for='(item,index) in searchData.opinionEnumResponses'
+                        :key='index'
+                        :label='item.code'>{{ item.desc }}
+              </el-radio>
+            </el-radio-group>
+          </template>
+        </el-form-item>
+      </el-form>
+
+    </div>
+    <span slot='footer' class='dialog-footer'>
+    <el-button type='primary' @click='onSubmit("dForm")'>确 定</el-button>
+    <el-button @click='handleClose'>取 消</el-button>
+  </span>
+  </el-dialog>
+</template>
+
+<script>
+  import API from '@/server/api'
+  import _ from 'lodash'
+  import { mapGetters } from 'vuex'
+
+  export default {
+    name: 'LoanAudit',
+    props: {
+      dialogVisible: {
+        type: Boolean,
+        require: true
+      },
+      //eslint-disable-next-line vue/require-default-prop
+      item: {
+        type: Object,
+        require: true
+      }
+    },
+    data() {
+      return {
+        rules: {
+          memo: [
+            {
+              required: true,
+              trigger: 'blur',
+              message: '请输入备注'
+            }
+          ],
+          approveOpinion: [
+            {
+              required: true,
+              trigger: 'blur',
+              message: '请选择审批意见'
+            }
+          ]
+        },
+        form: {
+          memo: '',
+          approveOpinion: '',
+          currentAction:'',
+          orderNo: '',
+          stepsNo: '',
+          userId: ''
+        }
+      }
+    },
+    computed: {
+      ...mapGetters(['searchData', 'user'])
+    },
+    created() {
+      console.log(this.item,'nash ')
+      if (this.item !== null) {
+        this.form.orderNo = this.item.orderNo;
+        this.form.stepsNo = this.item.stepsNo;
+        this.form.currentAction = this.item.currentAction;
+      }
+    },
+    methods: {
+      onSubmit(formName) {
+        console.log(this.item,this.form,'数据呢');
+        this.$refs[formName].validate(async (valid) => {
+          if (valid) {
+            this.$confirm('是否确认提交?', '提示', {
+              confirmButtonText: '确定',
+              cancelButtonText: '取消',
+              type: 'warning'
+            }).then(async (res) => {
+
+              console.log(res, '是啥')
+              const form = this.form;
+              form.userId = this.user.userId;
+              console.log(form, '表单数据')
+              const result = await API.loanAuditSubmit({
+                ...form
+              })
+              if (result.success) {
+                this.$message({
+                  type: 'success',
+                  message: '操作成功!'
+                })
+
+                this.$emit('handleClose')
+                this.$emit('callback')
+              }
+            }).catch((e) => {
+              console.log(e, '取消申述了')
+            })
+          }
+        })
+      },
+      handleClose() {
+        this.$emit('handleClose')
+      }
+    }
+  }
+</script>
+<style lang='scss' scoped>
+  .page-fence {
+    ::v-deep {
+      i {
+        cursor: pointer;
+      }
+    }
+
+    box-sizing: border-box;
+    padding: 20px;
+  }
+</style>
+<style lang='scss'>
+  .custom-table-checkbox {
+    .el-checkbox {
+      display: block !important;
+      margin: 0 0 $base-padding/4 0;
+    }
+  }
+
+  .action-bar {
+    margin-bottom: 15px;
+  }
+</style>

src/components/user-base-info.vue

@@ -11,7 +11,7 @@
       <el-descriptions-item label-class-name='labelCls' label='身份证号'>{{baseInfo.idCard}}</el-descriptions-item>
 
 
-      <el-descriptions-item label-class-name='labelCls' label='学历'>{{baseInfo.applyDate}}</el-descriptions-item>
+      <el-descriptions-item label-class-name='labelCls' label='学历'>{{baseInfo.workIndustryStr}}</el-descriptions-item>
       <el-descriptions-item label-class-name='labelCls' label='婚姻状况'>{{baseInfo.marriageStr}}</el-descriptions-item>
       <el-descriptions-item label-class-name='labelCls' label='年龄(周岁)'>{{baseInfo.applyDate}}</el-descriptions-item>
       <el-descriptions-item label-class-name='labelCls' label='工作行业'>{{baseInfo.workIndustryStr}}</el-descriptions-item>
@@ -48,6 +48,10 @@
       baseInfo:{
         type:Object,
         require:true
+      },
+      isLoan:{
+        type:Boolean,
+        require:false
       }
     }
   };

src/components/user-other-info.vue

@@ -66,24 +66,26 @@
       </el-row>
     </template>
 
-    <!--机审报告-->
-    <block-header title='机审报告' />
-    <template v-if='reportResponse!==null'>
-      <mch-report :report=reportResponse />
-    </template>
-
-    <block-header title='第三方报告' />
-    <template v-if='thirdPartyReport && thirdPartyReport !==null'>
-      <t-dun-report :report=thirdPartyReport />
-    </template>
+    <template v-if='!isLoan'>
+      <!--机审报告-->
+      <block-header title='机审报告' />
+      <template v-if='reportResponse!==null'>
+        <mch-report :report=reportResponse />
+      </template>
+
+      <block-header title='第三方报告' />
+      <template v-if='thirdPartyReport && thirdPartyReport !==null'>
+        <t-dun-report :report=thirdPartyReport />
+      </template>
+
+      <!--审批结果-->
+      <block-header title='审批结果' />
+      <template v-if='approvalResultResponse!==null'>
+        <approval-result :result='approvalResultResponse' />
+      </template>
 
-    <!--审批结果-->
-    <block-header title='审批结果' />
-    <template v-if='approvalResultResponse!==null'>
-      <approval-result :result='approvalResultResponse' />
     </template>
 
-
     <!--  图片预览-->
     <el-image-viewer v-if='imgViewerVisible' :on-close='closeImgViewer' :url-list='imgList' />
 
@@ -97,6 +99,10 @@
       info: {
         type: Object,
         require: true
+      },
+      isLoan: {
+        type: Boolean,
+        require: false
       }
     },
     data() {
@@ -136,7 +142,7 @@
       this.supplAttachInfo = supplAttachInfo // 附件信息
       //this.supplAttachInfo = [] // 附件信息
 
-      console.log(this.thirdPartyReport,'第三方报告')
+      console.log(this.thirdPartyReport, '第三方报告')
 
     },
     methods: {

src/components/user-project-info.vue

@@ -24,6 +24,10 @@
       projectInfo:{
         type:Object,
         require:true
+      },
+      isLoan:{
+        type:Boolean,
+        require:false
       }
     },
     data(){

src/minix/index.js

@@ -2,6 +2,7 @@ import BlockHeader from '@/components/blockHeader'
 import OperationLog from '@/components/pre-operation-log'
 import PreReport from '@/components/pre-report'
 import PrePlead from '@/components/pre-plead'
+import LoanAudit from '@/components/loan-audit'
 import Plead from '@/components/plead'
 import Approval from '@/components/approval'
 import UserOtherInfo from '@/components/user-other-info'
@@ -27,10 +28,22 @@ export default {
     UserBaseInfo,
     UserProjectInfo,
     Approval,
+    LoanAudit,
     'el-image-viewer': () => import('element-ui/packages/image/src/image-viewer')
   },
   data(){
     return {
+      CS: {
+        'text-align': 'center',  //文本居中
+        'min-width': '250px',   //最小宽度
+        'word-break': 'break-all'  //过长时自动换行
+      },
+      LS: {
+        'text-align': 'center',
+        'height': '40px',
+        'min-width': '110px',
+        'word-break': 'keep-all'
+      },
       datePickerOptions:{
         shortcuts: [
           {

src/views/loan/audit.vue

@@ -83,11 +83,10 @@
         label='操作'
       >
         <template #default='{ row }'>
-          <el-button type='text' @click='handleDetail(row)'>详情</el-button>
           <template v-if='row.loanStatus==="SUBMITED" && row.stepsNo==="002"'>
-            <el-button type='text' @click='handleDetail(row)'>稽核</el-button>
+            <el-button size='mini' type='primary' @click='handleAudit(row)'>稽核</el-button>
           </template>
-
+          <el-button size='mini' type='default' @click='handleDetail(row)'>详情</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -100,6 +99,17 @@
       background
       @current-change='handleCurrentChange'
     />
+
+
+    <!--稽核弹框-->
+    <template v-if='visible'>
+      <loan-audit
+        :dialog-visible='visible'
+        :item='item'
+        @handleClose='visible = false'
+        @callback='fetchData'
+      />
+    </template>
   </div>
 </template>
 
@@ -109,9 +119,12 @@
   import API from '@/server/api'
 
   export default {
-    name: 'LoanAudit',
+    name: 'Audit',
     data() {
       return {
+        visible: false,
+        item: null,
+
         checkList: ['订单编号', '项目名称', '客户信息', '借款金额', '借款期数', 'BD姓名', '商户区域', '创建时间', '借款状态', '资金渠道'],
         columns: [
           {
@@ -126,7 +139,7 @@
           },
           {
             order: 3,
-            width: 105,
+            width: 110,
             label: '客户信息',
             prop: 'realName'
           },
@@ -236,6 +249,12 @@
         this.list = records
         this.total = total
         this.listLoading = false
+      },
+      // 稽核审批
+      handleAudit(row) {
+        console.log(row,'点击了')
+        this.visible = true
+        this.item = row
       }
     }
   }