finance-cms/src/layout/intelligentDocking/intelligentForm.vue

<template>
  <div id="claimForm">
    <el-row>
      <el-col :span="24" class="form">
        <el-form :model="ruleForm" ref="ruleForm" label-width="200px" class="demo-ruleForm">
          <el-form-item label="企业名称：">
            <span>{{ ruleForm.company.company_name }}</span>
          </el-form-item>
          <el-form-item label="联系人：">
            <span>{{ ruleForm.person }}</span>
          </el-form-item>
          <!--<el-form-item label="融资取向：" >-->
          <!--<span>{{ruleForm.orientation}}</span>-->
          <!--</el-form-item>-->
          <el-form-item label="融资金额（万元）：">
            <span>{{ ruleForm.money }}</span>
          </el-form-item>
          <el-form-item label="融资期限(个月)：">
            <span>{{ ruleForm.claims_min_term }}个月~{{ ruleForm.claims_max_term }}个月</span>
          </el-form-item>
          <el-form-item label="融资利率：">
            <span>{{ ruleForm.mongey_min_rate }}%~{{ ruleForm.mongey_max_rate }}%</span>
          </el-form-item>
          <el-form-item label="担保方式：">
            <span>{{ ruleForm.dictionary.name }}</span>
          </el-form-item>
          <el-form-item label="预计何时有融资需求：">
            <span>{{ ruleForm.when.name }}</span>
          </el-form-item>
          <el-form-item label="补充信息：">
            <span>{{ ruleForm.additional_information }}</span>
          </el-form-item>
          <el-form-item label="对接产品：">
            <span>{{ ruleForm.finance_claims.name }}</span>
          </el-form-item>
          <!--<el-form-item label="对接银行：" >-->
          <!--<span>{{ruleForm.institution.name}}</span>-->
          <!--</el-form-item>-->
          <el-form-item v-if="saw == '1'">
            <el-button type="primary" size="small" @click="fallow">分配</el-button>
          </el-form-item>
          <el-form-item v-else>
            <el-button type="info" size="small">已分配</el-button>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-dialog title="指派" :visible.sync="dialogFormVisible" :show-close="false">
      <el-form :model="zhipaiform">
        <el-form-item label="客户经理">
          <el-select v-model="zhipaiform.uuid" placeholder="请选客户经理">
            <el-option v-for="(item, index) in jlList" :key="index" :label="item.name" :value="item.id"> </el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="quxiao">取 消</el-button>
        <el-button type="primary" @click="zhipaiformBtn">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'claimForm',
  props: {
    ruleForm: null,
    charList: null,
    saw: null,
    dialogFormVisible: null,
    zhipaiform: null,
    jlList: null,
  },
  components: {},
  data: () => ({}),
  created() {},
  computed: {},
  methods: {
    fallow() {
      this.$emit('fallow');
    },
    zhipaiformBtn() {
      this.$emit('zhipaiformBtn', { data: this.zhipaiform });
    },
    quxiao() {
      this.$emit('quxiao');
    },
  },
};
</script>

<style lang="less" scoped>
.form {
  padding: 0 200px 0 0;
}
</style>