picc / admin-no-ui · Files

<template>
  <a-spin :spinning="confirmLoading">
    <a-form :form="form">
      <a-row :gutter="24">
        <a-col :span="12">
          <a-form-item label="主办业务经理" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
            <a-input placeholder="请输入主办业务经理"
              v-decorator="['mainManagerName', { initialValue: jingying ? jingying.mainManagerName : '', rules: [{ required: true, message: '请输入费用编号' }] }]"
              :readOnly="onlyread" />
          </a-form-item>
        </a-col>
        <a-col :span="12">
          <a-form-item label="协办业务经理" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
            <a-input placeholder="请输入协办业务经理"
              v-decorator="['secondManagerName', { initialValue: jingying ? jingying.secondManagerName : '', }]"
              :readOnly="onlyread" />
          </a-form-item>
        </a-col>
      </a-row>
      <a-row :gutter="24">
        <a-col :span="12">
          <a-form-item label="调查时间" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
            <a-date-picker show-time placeholder="请输入调查时间" format="YYYY-MM-DD hh:mm:ss"
              v-decorator="['surveyTime', { initialValue: jingying ? jingying.surveyTime : '', }]" />
          </a-form-item>
        </a-col>
      </a-row>
      <a-card title="经营信息" :bordered="false">
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-item label="经营品种" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
              <a-radio-group v-decorator="['cowType', { initialValue: jingying ? jingying.cowType : '' }]">
                <a-radio :value="'0'">奶牛养殖</a-radio>
                <a-radio :value="'1'">肉牛养殖</a-radio>
              </a-radio-group>
            </a-form-item>
          </a-col>
          <a-col :span="12">
            <a-form-item label="经营场地所有权" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
              <a-radio-group v-decorator="['placeOwner', { initialValue: jingying ? jingying.placeOwner : '' }]">
                <a-radio :value="'0'">完全自有</a-radio>
                <a-radio :value="'1'">部分自有</a-radio>
                <a-radio :value="'3'">租用</a-radio>
                <a-radio :value="'4'">其它</a-radio>
              </a-radio-group>
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-item label="主营业务" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
              <a-textarea v-decorator="['mainBusiness', { initialValue: jingying ? jingying.mainBusiness : '' }]" />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-item label="牛存栏量(头)" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
              <a-input placeholder="请输入牛存栏量"
                v-decorator="['ownCows', { initialValue: jingying ? jingying.ownCows : '' }]" />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-item label="牛保单投保牛数(头)" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
              <a-input placeholder="请输入牛保单投保牛数(头)"
                v-decorator="['insureCows', { initialValue: jingying ? jingying.insureCows : '' }]" />
            </a-form-item>
          </a-col>
          <a-col :span="12">
            <a-form-item label="保费总计(元)" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
              <a-input placeholder="请输入保费总计(元)"
                v-decorator="['insureCharge', { initialValue: jingying ? jingying.insureCharge : '' }]" />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-item label="上年度牛保单理赔牛数(头)" :labelCol="{ span: 10 }" :wrapperCol="{ span: 14 }">
              <a-input placeholder="上年度牛保单理赔牛数(头)"
                v-decorator="['lastyearPayCows', { initialValue: jingying ? jingying.lastyearPayCows : '' }]" />
            </a-form-item>
          </a-col>
          <a-col :span="12">
            <a-form-item label="上年度理赔金额总计(元)" :labelCol="{ span: 10 }" :wrapperCol="{ span: 14 }">
              <a-input placeholder="上年度理赔金额总计(元)"
                v-decorator="['lastyearPayCharge', { initialValue: jingying ? jingying.lastyearPayCharge : '' }]" />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-item label="从事牛养殖起始年份" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
              <a-date-picker show-time placeholder="请输入从事牛养殖起始年份" format="YYYY-MM-DD hh:mm:ss"
                v-decorator="['startBreedYear', { initialValue: jingying ? jingying.startBreedYear : '' }]" />
            </a-form-item>
          </a-col>
          <a-col :span="12">
            <a-form-item label="从业经验年数(年)" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
              <a-input placeholder="从业经验年数(年)"
                v-decorator="['startBreedYears', { initialValue: jingying ? jingying.startBreedYears : '' }]" />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <table align="center" border="1" cellspacing="0" cellpadding="1">
              <tr>
                <th>奶牛类型</th>
                <th>数量</th>
              </tr>
              <tr>
                <td>牛犊(0-3个月)</td>
                <td>
                  <a-input placeholder="" v-model="jingying.cowStockNum1" />
                </td>
              </tr>
              <tr>
                <td>育成牛(3月到2年)</td>
                <td>
                  <a-input placeholder="" v-model="jingying.cowStockNum2" />
                </td>
              </tr>
              <tr>
                <td>产奶牛(2年到7年)</td>
                <td>
                  <a-input placeholder="" v-model="jingying.cowStockNum3" />
                </td>
              </tr>
              <tr>
                <td>淘汰牛</td>
                <td>
                  <a-input placeholder="" v-model="jingying.cowStockNum4" />
                </td>
              </tr>
              <tr>
                <td>总计</td>
                <td>
                  <a-input placeholder="" v-model="sun" />
                </td>
              </tr>
            </table>
          </a-col>
          <a-col :span="12">
            <table align="center" border="1" cellspacing="0" cellpadding="1">
              <tr>
                <th>肉牛类型</th>
                <th>数量</th>
              </tr>
              <tr>
                <td>基础母牛</td>
                <td>
                  <a-input placeholder="" v-model="jingying.bullStockNum1" />
                </td>
              </tr>
              <tr>
                <td>牛犊(0-2月)</td>
                <td>
                  <a-input placeholder="" v-model="jingying.bullStockNum2" />
                </td>
              </tr>
              <tr>
                <td>育成牛(3-4月)</td>
                <td>
                  <a-input placeholder="" v-model="jingying.bullStockNum3" />
                </td>
              </tr>
              <tr>
                <td>育肥牛(7-8月)</td>
                <td>
                  <a-input placeholder="" v-model="jingying.bullStockNum4" />
                </td>
              </tr>
              <tr>
                <td>育肥牛(9-10月)</td>
                <td>
                  <a-input placeholder="" v-model="jingying.bullStockNum5" />
                </td>
              </tr>
              <tr>
                <td>育肥牛(11-12月)</td>
                <td>
                  <a-input placeholder="" v-model="jingying.bullStockNum6" />
                </td>
              </tr>
              <tr>
                <td>育肥牛(12月以上)</td>
                <td>
                  <a-input placeholder="" v-model="jingying.bullStockNum7" />
                </td>
              </tr>
              <tr>
                <td>公牛共计</td>
                <td>
                  <a-input placeholder="" v-model="gnum" />
                </td>
              </tr>
              <tr>
                <td>总计</td>
                <td>
                  <a-input placeholder="" v-model="sum" />
                </td>
              </tr>
            </table>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-item label="养殖品种情况" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
              <a-textarea v-decorator="['breedStatus', { initialValue: jingying ? jingying.breedStatus : '' }]" />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-item label="上游结算方式" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
              <a-textarea v-decorator="['upSettlement', { initialValue: jingying ? jingying.upSettlement : '' }]" />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-item label="下游结算方式" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }">
              <a-textarea v-decorator="['downSettlement', { initialValue: jingying ? jingying.downSettlement : '' }]" />
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24" v-show="!disableSubmit" style="float:right;margin-right:20px;">
          <a-button style="margin-right:10px;" @click="handleCancel">取消</a-button>
          <a-button type="primary" @click="handleSubmit">确定</a-button>
        </a-row>
      </a-card>
    </a-form>
  </a-spin>
</template>
<script>
function getBase64(img, callback) {
  const reader = new FileReader()
  reader.addEventListener('load', () => callback(reader.result))
  reader.readAsDataURL(img)
}

import moment from 'moment'
import { JeecgListMixin } from '@/mixins/CoreListMixin'
import { updateCustomerManageInfo, queryCustomerManageInfoByNO } from '@/api/configApi'
export default {
  name: 'businessInformation',
  mixins: [JeecgListMixin],
  components: {

  },
  props: {
    jingying: {
      type: Object,
      // default: () => {
      //   return [];
      // }
    },
    applyNo: {
      type: String,
      default: ''
    },
    disableSubmit: {
      type: Boolean,
      default: false
    },
    onlyread: {
      type: Boolean,
      default: false
    },
  },
  data() {
    return {
      visible: false,
      confirmLoading: false,
      title: '',
      imageUrlFront: '',
      imageUrlBack: '',
      disableSubmit: false,
      onlyread: false,
      applyNo: '',
      id: '',
      defaultTabKey: '',
      programOffices: JSON.parse(sessionStorage.getItem('PROGRAMOFFICES')), // 组织机构
      dbCollectionInfo: JSON.parse(sessionStorage.getItem('DB_COLLECTION_INFO')), // 进件流编号
      dbBusinessChannel: JSON.parse(sessionStorage.getItem('DB_BUSINESS_CHANNEL')), // 业务线名称
      dbCooPerationPlatform: JSON.parse(sessionStorage.getItem('DB_COOPERATION_PLATFORM')), // 合作平台
      dbProductCategory: JSON.parse(sessionStorage.getItem('DB_PRODUCT_CATEGORY')), // 产品分类
      creditList: '',
      model: {},
      form: this.$form.createForm(this),
      dateFormat: 'YYYY-MM-DD',
      disableMixinCreated: true,
      url: {
        upload: window._CONFIG['uploadUrl']
      },
      headers: {
        'X-Access-Token': this.$store.state.user.token,
      }
    }
  },
  computed: {
    sun() {
      return Number(this.jingying.cowStockNum1) + Number(this.jingying.cowStockNum2) + Number(this.jingying.cowStockNum3) + Number(this.jingying.cowStockNum4) || 0
    },
    sum() {
      return Number(this.jingying.bullStockNum1) + Number(this.gnum) || 0
    },
    gnum() {
      return Number(this.jingying.bullStockNum2) + Number(this.jingying.bullStockNum3) + Number(this.jingying.bullStockNum4) + Number(this.jingying.bullStockNum5) + Number(this.jingying.bullStockNum6) + Number(this.jingying.bullStockNum7) || 0
    }
  },
  mounted() {

  },
  methods: {
    moment,
    edit(res, applyNo) {
      this.defaultTabKey = '1'
      // console.log("ssss",res)
      // console.log("hhh",res.cusBankAccountResponses)
      this.assignment(res)
      this.applyNo = applyNo
      this.id = res.cusBankAccountResponses.id
      this.form.resetFields()
      // this.form2.resetFields()
      this.visible = true
      this.$nextTick(() => { })
    },
    resetFields() {
      this.form.resetFields()
    },
    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.form.validateFields((err, values) => {
        if (!err) {
          this.confirmLoading = true
          console.log(values)
          let aType = Number(this.jingying.cowStockNum1) + Number(this.jingying.cowStockNum2) + Number(this.jingying.cowStockNum3) + Number(this.jingying.cowStockNum4)
          let a = [Number(this.jingying.cowStockNum1), Number(this.jingying.cowStockNum2), Number(this.jingying.cowStockNum3), Number(this.jingying.cowStockNum4), aType]
          let bType = Number(this.jingying.bullStockNum2) + Number(this.jingying.bullStockNum3) + Number(this.jingying.bullStockNum4) + Number(this.jingying.bullStockNum5) + Number(this.jingying.bullStockNum6) + Number(this.jingying.bullStockNum7)
          let cType = Number(this.jingying.bullStockNum1) + Number(bType)
          let b = [Number(this.jingying.bullStockNum1), Number(this.jingying.bullStockNum2), Number(this.jingying.bullStockNum3), Number(this.jingying.bullStockNum4), Number(this.jingying.bullStockNum5), Number(this.jingying.bullStockNum6), Number(this.jingying.bullStockNum7), bType, cType]
          values.cowStockNum = a.toString()
          values.bullStockNum = b.toString()
          let s = values.surveyTime
          let d = values.tartBreedYear
          // values.surveyTime = s.format("YYYY-MM-DD hh:mm:ss")
          // values.tartBreedYear = d.format("YYYY-MM-DD hh:mm:ss")
          let applyNo = { applyNo: localStorage.getItem("dh") }
          let formData = Object.assign(applyNo, values)
          // console.log(a)
          updateCustomerManageInfo(formData)
            .then(res => {
              if (res.status.statusCode == 0) {
                this.$message.success(res.status.statusReason)
                this.$emit('editReload')
              } else {
                this.$message.warning(res.status.statusReason)
              }
            })
            .finally(() => {
              this.confirmLoading = false
              this.close()
            })
        }
      })
    },
    handleCancel() {
      this.$emit('handleCancel')
    },
    local() {
      // var li = this.jingying
      // console.log("aaaaa",li.cowStockNum.split(",")[0])
      console.log("我的牛呢？")
    },
    // tabs 回调
    callback(key) {
      if (key == 7) {
        this.$refs.approval.loadData()
      }
    },
    editReload() {
      let _p = { applyNo: this.applyNo }
      queryCustomerManageInfoByNO(_p).then(res => {
        this.assignment(res.result)
      })
    },
    assignment(res) {
      this.model = res ? res : {}
      // this.jingying = this.model
      // //console.log("111111", this.jingying)
      // if (this.jingying) {
      //   this.imageUrlFront = this.jingying.idCardUrl
      //   this.imageUrlBack = this.jingying.idCardBackUrl
      // } else {
      //   this.imageUrlFront = ''
      //   this.imageUrlBack = ''
      // }
      // this.collCusContactInfoList = this.model.collCusContactInfoList
      // this.collCusBankAccountList = this.model.cusBankAccountResponses
      // this.collCusExtAttachmentList = this.model.collCusExtAttachmentList
      // this.collCusExtObjDataList = this.model.collCusExtObjDataList
      // this.collCreditStatusList = this.model.collCreditStatusList
      // this.financingInformation = this.model.financingApplyInfoResponse
    }
  }
}
</script>
<style>
.scope-person .ant-modal-body {
  padding: 0 24px !important;
}

.scope-person .ant-modal-body {
  overflow-y: scroll;
  min-height: 600px;
  max-height: 600px !important;
}

.scope-person .ant-tabs-bar {
  margin-bottom: 0;
}

.scope-person .ant-card-body {
  padding: 10px 24px;
}

.scope-person .ant-layout-sider {
  flex: 0 0 300px;
  max-width: 300px !important;
  min-width: 300px !important;
  width: 300px !important;
}

.scope-person .ant-modal-footer {
  display: none;
}

.scope-person .scoped-img img {
  width: 200px;
}
</style>