picc / admin-no-ui · Files

<template>
  <a-modal
    :maskClosable="false"
    title="进件审批"
    :width="1000"
    :centered="false"
    :visible="visible"
    :okButtonProps="{ props: { disabled: disableSubmit } }"
    :confirmLoading="confirmLoading"
    @ok="handleSubmit"
    @cancel="handleCancel"
    cancelText
    style="top: 20px"
    class="scoped-person"
  >
    <a-spin :spinning="confirmLoading">
      <a-form :form="form">
        <a-card title="进件审批" :bordered="false">
          <a-row :gutter="24">
            <a-col :span="24">
              <a-form-item label="审批额度（元）" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                <a-input
                  placeholder="审批额度"
                  v-decorator="['username', validatorRules.username]"
                  :readOnly="!!model.id"
                />
                <a-button type="primary">额度体系查看</a-button>
              </a-form-item>
            </a-col>
            <a-col :span="24">
              <a-form-item label="审批结果" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                <a-radio-group  name="radioGroup">
                  <a-radio value="1">通过</a-radio>
                  <a-radio value="2">退件待补</a-radio>
                  <a-radio value="3">拒绝</a-radio>
                </a-radio-group>
              </a-form-item>
            </a-col>
              <a-col :span="24">
              <a-form-item label="审批意见" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                 <a-textarea  />
              </a-form-item>
              <a-form-item label="审批报告" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" hasFeedback>
                 <a-button type="primary">上传</a-button>
              </a-form-item>
            </a-col>
          </a-row>
        </a-card>
        <a-button style="margin-left: 350px;" type="primary">提交信息</a-button>
      </a-form>
    </a-spin>
  </a-modal>
</template>
<script>
function getBase64(img, callback) {
  const reader = new FileReader()
  reader.addEventListener('load', () => callback(reader.result))
  reader.readAsDataURL(img)
}

import JDictSelectTag from '@/components/dict/JDictSelectTag.vue'
import pick from 'lodash.pick'
import moment from 'moment'
import { JeecgListMixin } from '@/mixins/CoreListMixin'
import { paymentState } from '@/data/params'
import { modifyCollPersonalApply, queryCollPersonalApplyDetail, postAction } from '@/api/configApi'

export default {
  name: 'shenhe',
  mixins: [JeecgListMixin],
  components: {},
  data() {
    return {
      title: '',
      visible: false,
      confirmLoading: false,
      disableSubmit: false,
      onlyread: true,
      paymentState: paymentState,
      recodes: {}, //详情基础信息
      id: '',
      validatorRules: {
        idCard: {
          rules: [
            {
              required: true,
              pattern:
                /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X|x)$/,
              message: '请输入身份证号',
            },
          ],
        },
      },
      creditList: '',
      model: {},
      textData: [
        {
          title: '序号',
          dataIndex: '',
          key: 'rowIndex',
          align: 'center',
          customRender: function (t, r, index) {
            return parseInt(index) + 1
          },
        },
        {
          title: '账单编号',
          align: 'center',
          dataIndex: 'billNo',
        },
        {
          title: '子账单编号',
          align: 'center',
          dataIndex: 'subBillNo',
        },
      ],
      repaymentAccountInfo: {}, // 还款账户信息
      paymentAccountInfo: {}, // 收款账户信息
      bills: [], // 账单列表
      form: this.$form.createForm(this),
      dateFormat: 'YYYY-MM-DD',
      disableMixinCreated: true,
      url: {
        imgerver: window._CONFIG['domianURL'] + '/sys/common/view',
        syncUser: '/process/extActProcess/doSyncUser',
        // list: '/repaymentAccountInfo/queryCollPersonalApplyList',
      },
    }
  },
  created() {
    console.log('created')
  },
  methods: {
    //转化还款状态
    changePay(t) {
      for (var i = 0; i < this.paymentState.length; i++) {
        if (t == this.paymentState[i].value) {
          return this.paymentState[i].label
        }
      }
      // console.log(t)
      return '暂无'
    },
    moment,
    edit(res, applyNo) {
      this.defaultTabKey = '1'
      this.recodes = res
      this.repaymentAccountInfo = res.repaymentAccountInfo || {}
      this.paymentAccountInfo = res.paymentAccountInfo || {}
      console.log(this.paymentAccountInfo)
      this.bills = res.bills || []
      this.form.resetFields()
      this.visible = true
      this.$nextTick(() => {})
    },
    add() {
      this.model = {}
      this.form.resetFields()
      this.visible = true
      this.$nextTick(() => {})
    },

    close() {
      this.$emit('close')
      this.visible = false
      this.disableSubmit = false
      this.selectedRole = []
    },
    handleSubmit() {
      this.$emit('ok')
    },
    handleCancel() {
      this.close()
    },
    // tabs 回调
    callback() {},
  },
}
</script>
<style>
.scoped-person .ant-modal-body {
  padding: 0 24px !important;
}
.scoped-person .ant-modal-body {
  overflow-y: scroll;
  min-height: 600px;
  max-height: 600px !important;
}
.scoped-person .ant-tabs-bar {
  margin-bottom: 0;
}
.scoped-person .ant-card-body {
  padding: 10px 24px;
}
.scoped-person .ant-layout-sider {
  flex: 0 0 300px;
  max-width: 300px !important;
  min-width: 300px !important;
  width: 300px !important;
}
.scoped-person .ant-modal-footer {
  display: none;
}
.scoped-person .scoped-img img {
  width: 200px;
}
</style>