item-management-web/src/views/personal/order.vue

<template>
    <div class="app-container">
      <div class="title-container">
        <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
      </div>
      <el-tabs v-model="activeName" type="border-card">
        <el-tab-pane name="order" class="pane-class" :lazy=true>
          <span slot="label"><i class="el-icon-document"></i> 市场订单</span>
          <YDetailPageLayout ref="myPersonalOrder" @save="handleCreate" :editStatus="couldEdit" 
           @doRecall="doRecall" :couldBack="couldBack">
            <el-form ref="personalForm" :model="personal" :rules="rules">
              <div class="createMajor-main-container">
                <div class="postInfo-container">
                  <div>
                    <el-divider content-position="left">
                      <h3 class="title">
                        <div class="avatar-wrapper icon-title">订单</div>
                        <div class="icon-info">个贷订单</div>
                      </h3>
                    </el-divider>
                  </div>
                  <el-row class="row-style">
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="客户经理："
                        prop="clientManager"
                        :rules="{required: true, message: '客户经理不能为空', trigger: 'blur'}"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                        <el-input :value="personal.clientManager" class="filter-item" disabled />
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="评估目的："
                        prop="evaluateAim"
                        :rules="{required: true, message: '评估目的不能为空', trigger: 'blur'}"
                        label-width="120px"
                        class="postInfo-container-item"
                      >

                      <el-select v-model="personal.evaluateAim" placeholder="请选择" style="width: 100%" >
                              <el-option label="按揭" value="按揭"></el-option> 
                              <el-option label="抵押" value="抵押"></el-option> 
                              <el-option label="咨询" value="咨询"></el-option>
                            </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="12" :span="6">
                      <el-form-item
                        label="房屋用途："
                        prop="purpose"
                        label-width="160px"
                        :rules="{required: true, message: '房屋用途不能为空', trigger: 'blur'}"
                        class="postInfo-container-item"
                      >
                        <el-checkbox-group v-model="personal.purpose">
                          <el-checkbox-button label="HOUSE" name="purpose">住宅</el-checkbox-button>
                          <el-checkbox-button label="BUSINESS" name="purpose">商业</el-checkbox-button>
                          <el-checkbox-button label="OFFICE" name="purpose">办公</el-checkbox-button>
                          <el-checkbox-button label="INDUSTRIAL" name="purpose">工业</el-checkbox-button>
                          <el-checkbox-button label="OTHER" name="purpose">其他</el-checkbox-button>
                        </el-checkbox-group>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row class="row-style">
                    <el-col :xs="12" :sm="12" :lg="24" :span="6">
                      <el-form-item
                        label="坐落："
                        prop="location"
                        :rules="{required: true, message: '坐落不能为空', trigger: 'blur'}"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                        <el-input v-model="personal.location" class="filter-item" style=" width: 100%" clearable/>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row class="row-style">
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="客户类型："
                        prop="clienteleType"
                        :rules="{required: true, message: '客户类型不能为空', trigger: 'blur'}"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-select  v-model="personal.clienteleType" placeholder="请选择" @change="changeCustomerType(0)" style="width: 100%">
                              <el-option label="企业" value="企业"></el-option> 
                              <el-option label="个人" value="个人"></el-option>
                            </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6" v-if="personal.clienteleType==='企业'">
                      <el-form-item
                        label="客户名称："
                        prop="clienteleId"
                        label-width="120px"
                        :rules="{required: true, message: '客户名称不能为空', trigger: 'blur'}"
                        class="postInfo-container-item"
                      >
                      <el-select style="width: 100%" v-model="personal.clienteleId" placeholder="请选择(可搜索)" @change="findSubClientele(0)" clearable filterable >
                            <el-option v-for="(c,id) in customerCompany" :label="c.name" :value="c.id"></el-option> 
                          </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6" v-if="personal.clienteleType==='企业'">
                      <el-form-item
                        label="业务来源："
                        prop="clienteleSubId"
                        label-width="120px"
                        :rules="{required: true, message: '业务来源不能为空', trigger: 'blur'}"
                        class="postInfo-container-item"
                      >
                      <el-select v-if="couldEdit" style="width: 100%" v-model="personal.clienteleSubId" placeholder="请选择(可搜索)"  @change="getCustomerContract" clearable filterable  >
                            <el-option v-for="(s,id) in subCustomerCompany" :label="s.name" :value="s.id"></el-option> 
                          </el-select>
                          <el-input  v-else :value="personal.clientSubName" class="filter-item" />
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="客户联系人："
                        prop="clienteleContactId"
                        :rules="{required: true, message: '客户联系人不能为空', trigger: 'blur'}"
                        label-width="140px"
                        class="postInfo-container-item"
                      >
                      <div  v-if="couldEdit">
                          <el-select style="width: 80%" v-model="personal.clienteleContactId" placeholder="请选择(可搜索)"  clearable filterable @change="getContactInfo" >
                              <el-option v-for="(c,id) in customerContract" :label="c.name" :value="c.id"></el-option> 
                          </el-select>
                          <el-tooltip class="item" effect="dark" content="没有联系人？点击新增" placement="top-end">
                            <span style="margin-left:5%;color:RGB(64,158,255);cursor:pointer" @click="createLinkman(false)">新增</span>
                          </el-tooltip>
                        </div>
                        <el-input :value="personal.contactName" class="filter-item"  v-else/>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row class="row-style">
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="联系人电话："
                        prop="clienteleContactId"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-input :value="personal.contactTel" class="filter-item" disabled/>
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="联系人部门："
                        prop="clienteleContactId"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-input :value="personal.cdepartment" class="filter-item" disabled/>
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="联系人职务："
                        prop="clienteleContactId"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-input :value="personal.cduty" class="filter-item" disabled/>
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="中介："
                        prop="agent"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-input v-model="personal.agent" clearable class="filter-item"  />
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row class="row-style">
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="贷款性质："
                        prop="loanNature"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-input v-model="personal.loanNature" clearable class="filter-item"  />
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="贷款用途："
                        prop="loanAim"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-input v-model="personal.loanAim" clearable class="filter-item"  />
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="贷款额度："
                        prop="loanLimit"
                        label-width="120px"
                        :rules="{required: true, message: '贷款额度不能为空', trigger: 'blur'}"
                        class="postInfo-container-item"
                      >
                      <el-input v-model="personal.loanLimit" clearable class="filter-item" >
                        <template slot="append">万元</template>
                      </el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="贷款期限："
                        prop="loanPeriod"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-input v-model="personal.loanPeriod" clearable class="filter-item"  >
                        <template slot="append">年</template>
                      </el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row class="row-style">
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="贷款是否到期："
                        prop="loanExpire"
                        label-width="140px"
                        class="postInfo-container-item"
                      >
                      <el-radio  v-model="personal.loanExpire" :label="false" border size="medium"  >否</el-radio>
                      <el-radio  v-model="personal.loanExpire" :label="true" border size="medium"  >是</el-radio>
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="12" :span="6">
                      <el-form-item
                        label="资料说明："
                        prop="credentials"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                        <el-checkbox-group v-model="personal.credentials" >
                          <el-checkbox-button label="HOUSE_CERTIFICATE" name="credentials">房产证</el-checkbox-button>
                          <el-checkbox-button label="LAND_CERTIFICATE" name="credentials">国土证</el-checkbox-button>
                          <el-checkbox-button label="IMMOVABLE_CERTIFICATE" name="credentials">不动产权证</el-checkbox-button>
                        </el-checkbox-group>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row class="row-style">
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="委托人1："
                        prop="bailorA"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-input v-model="personal.bailorA" clearable class="filter-item" />
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="委托人1电话："
                        prop="bailoraTel"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-input v-model.trim="personal.bailoraTel" clearable class="filter-item"  />
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="委托人2："
                        prop="bailorB"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-input v-model="personal.bailorB" clearable class="filter-item" />
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="委托人2电话："
                        prop="bailorbTel"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-input v-model.trim="personal.bailorbTel" clearable class="filter-item" />
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row class="row-style">
                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
                      <el-form-item
                        label="终端客户类型："
                        prop="terminalClienteleType"
                        label-width="140px"
                        class="postInfo-container-item"
                      >
                      <el-select v-if="couldEdit" v-model="personal.terminalClienteleType" placeholder="请选择"  clearable style="width: 100%" @change="changeCustomerType(1)">
                              <el-option label="企业" value="企业"></el-option> 
                              <el-option label="个人" value="个人"></el-option>
                            </el-select>
                            <el-input v-else :value="personal.terminalClienteleType" class="filter-item" />
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="12" :span="6"  v-if="personal.terminalClienteleType">
                      <el-form-item
                        label="终端客户名称："
                        prop="terminalClienteleId"
                        label-width="140px"
                        :rules="{required: true, message: '终端客户名称不能为空', trigger: 'blur'}"
                        class="postInfo-container-item"
                      >
                      <div v-if="couldEdit">
                            <el-select style="width: 90%" v-model="personal.terminalClienteleId" placeholder="请选择(可搜索)" @change="findSubClientele(1)" clearable filterable >
                              <el-option v-for="(c,id) in tCustomerCompany" :label="c.name" :value="c.id"></el-option> 
                            </el-select>
                            <el-tooltip class="item" effect="dark" content="没有终端客户？点击新增" placement="top-end">
                              <span style="margin-left:5%;color:RGB(64,158,255);cursor:pointer" @click="createTerminalClient()">新增</span>
                            </el-tooltip>
                        </div>
                        <el-input :value="personal.tterminalClienteleName" class="filter-item"  v-else/>
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6" v-if="personal.terminalClienteleType=='企业'">
                      <el-form-item
                        label="终端联系人："
                        prop="terminalClienteleContactId"
                        label-width="140px"
                        :rules="{required: true, message: '终端联系人不能为空', trigger: 'blur'}"
                        class="postInfo-container-item"
                      >
                      <div v-if="couldEdit">
                            <el-select style="width: 80%" v-model="personal.terminalClienteleContactId" placeholder="请选择(可搜索)"  clearable filterable @change="getTcontactInfo">
                              <el-option v-for="(c,id) in tCustomerContract" :label="c.name" :value="c.id"></el-option> 
                            </el-select>
                            <el-tooltip class="item" effect="dark" content="没有联系人？点击新增" placement="top-end">
                              <span style="margin-left:5%;color:RGB(64,158,255);cursor:pointer" @click="createTlinkman()">新增</span>
                            </el-tooltip>
                          </div>
                          <el-input :value="personal.tterminalClienteleContactName" class="filter-item" v-else />
                      </el-form-item>
                    </el-col>
                    <el-col :xs="24" :sm="12" :lg="6" :span="6" v-if="personal.terminalClienteleType">
                    <el-form-item
                      label="终端联系电话："
                      prop="clienteleType"
                      label-width="140px"
                      class="postInfo-container-item"
                    >
                    <el-input :value="personal.tmobile" class="filter-item" disabled/>
                    </el-form-item>
                  </el-col>
                  </el-row>
                  <el-row class="row-style">
                    <el-col :xs="24" :sm="12" :lg="23" :span="12">
                      <el-form-item
                        label="订单备注："
                        prop="remark"
                        label-width="120px"
                        class="postInfo-container-item"
                      >
                      <el-input v-model="personal.remark" :autosize="{ minRows: 4, maxRows: 4}" class="filter-item" type="textarea"/>
                      </el-form-item>
                    </el-col>
                  </el-row>
                </div>
              </div>
            </el-form>
          </YDetailPageLayout>
        </el-tab-pane>
      </el-tabs>
      <el-dialog :visible.sync="createLinkmanVisible" width="70%" custom-class="createLinkman">
      <el-divider content-position="left">新增客户联系人</el-divider>
        <el-form ref="linkmanFrom" :model="linkmanFrom" :rules="rules">
          <el-row>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="客户类型："
                prop="clienteleType"
                :rules="{required: true, message: '客户类型不能为空', trigger: 'blur'}"
                label-width="120px"
                class="postInfo-container-item"
              >
              <el-select v-model="linkmanFrom.clienteleType">
                      <el-option label="企业" value="企业"></el-option> 
                      <el-option label="个人" value="个人"></el-option>
                    </el-select>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6" v-if="personal.clienteleType==='企业'">
              <el-form-item
                label="客户名称："
                prop="clienteleId"
                :rules="{required: true, message: '客户名称不能为空', trigger: 'blur'}"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-select v-model="linkmanFrom.clienteleId" >
                  <el-option v-for="(c,id) in customerCompany" :label="c.name" :value="c.id"></el-option> 
                </el-select>
              
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6" v-if="personal.clienteleType==='企业'">
              <el-form-item
                label="业务来源："
                prop="clienteleSubId"
                :rules="{required: true, message: '业务来源不能为空', trigger: 'blur'}"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-select v-model="linkmanFrom.clienteleSubId">
                  <el-option v-for="(s,id) in subCustomerCompany" :label="s.name" :value="s.id"></el-option> 
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="联系人姓名："
                prop="name"
                :rules="{required: true, message: '联系人姓名不能为空', trigger: 'blur'}"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="linkmanFrom.name" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="联系电话："
                prop="mobile"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="linkmanFrom.mobile" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="性别："
                prop="sex"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-select v-model=linkmanFrom.sex>
                  <el-option label="男" value="男">男</el-option>
                  <el-option label="女" value="女">女</el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="身份证号："
                prop="idNo"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="linkmanFrom.idNo" class="filter-item" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="微信号："
                prop="wechatNo"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="linkmanFrom.wechatNo" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="QQ号："
                prop="qqNo"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="linkmanFrom.qqNo" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="毕业院校："
                prop="school"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="linkmanFrom.school" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="毕业专业："
                prop="industry"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="linkmanFrom.industry" class="filter-item" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="所在部门："
                prop="department"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="linkmanFrom.department" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="职位："
                prop="duty"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="linkmanFrom.duty" class="filter-item" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :xs="24" :sm="12" :lg="24" :span="6">
              <el-form-item
                  label="备注："
                  prop="description"
                  label-width="120px"
                  class="postInfo-container-item"
                >
                  <el-input v-model.trim="linkmanFrom.description" class="filter-item" type="textarea" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-button type="primary" @click="saveLinkman()" style="position:absolute;top:45px;right:20px">保存</el-button>
        </el-form>
      </el-dialog>
      <el-dialog :visible.sync="createTlinkmanVisible" width="70%" custom-class="createLinkman">
        <el-divider content-position="left">{{personal.terminalClienteleType==='企业'?'新增终端客户联系人':'新增终端客户'}}</el-divider>
        <el-form ref="tLinkmanFrom" :model="tLinkmanFrom" :rules="rules" >
          <el-row v-if="personal.terminalClienteleType==='企业'">
            <el-col :xs="24" :sm="12" :lg="12" :span="6">
              <el-form-item
                label="所属企业："
                prop="ccId"
                label-width="120px"
                class="postInfo-container-item"
              >
              <el-select v-model="personal.terminalClienteleId" disabled readonly style="width:100%">
                <el-option v-for="(c,id) in tCustomerCompany" :label="c.name" :value="c.id"></el-option> 
              </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="联系人姓名："
                prop="name"
                :rules="{required: true, message: '联系人姓名不能为空', trigger: 'blur'}"
                label-width="140px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="tLinkmanFrom.name" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="联系电话："
                prop="mobile"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="tLinkmanFrom.mobile" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="性别："
                prop="sex"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-select v-model=tLinkmanFrom.sex>
                  <el-option label="男" value="男">男</el-option>
                  <el-option label="女" value="女">女</el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="身份证号："
                prop="idNo"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="tLinkmanFrom.idNo" class="filter-item" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="微信号："
                prop="wechatNo"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="tLinkmanFrom.wechatNo" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="QQ号："
                prop="qqNo"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="tLinkmanFrom.qqNo" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="毕业院校："
                prop="school"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="tLinkmanFrom.school" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="毕业专业："
                prop="industry"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="tLinkmanFrom.industry" class="filter-item" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="所在部门："
                prop="department"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="tLinkmanFrom.department" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="6" :span="6">
              <el-form-item
                label="职位："
                prop="duty"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="tLinkmanFrom.duty" class="filter-item" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :xs="24" :sm="12" :lg="24" :span="6">
              <el-form-item
                  label="备注："
                  prop="description"
                  label-width="120px"
                  class="postInfo-container-item"
                >
                  <el-input v-model.trim="tLinkmanFrom.description" class="filter-item" type="textarea" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-button type="primary" @click="saveTlinkman()" style="position:absolute;top:45px;right:20px">保存</el-button>
        </el-form>
      </el-dialog>
      <el-dialog :visible.sync="createTerminalClientVisible" width="70%" custom-class="createLinkman">
        <el-divider content-position="left">新增终端客户</el-divider>
        <el-form ref="terminalClientFrom" :model="terminalClientFrom" :rules="rules" >
          <el-row>
            <el-col :xs="24" :sm="12" :lg="8" :span="6">
              <el-form-item
                label="客户名称："
                prop="name"
                :rules="{required: true, message: '联系人姓名不能为空', trigger: 'blur'}"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="terminalClientFrom.name" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="8" :span="6">
              <el-form-item
                label="企业类型："
                prop="companyType"
                :rules="{required: true, message: '联系电话不能为空', trigger: 'blur'}"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="terminalClientFrom.companyType" class="filter-item" />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :lg="8" :span="6">
              <el-form-item
                label="联系电话："
                prop="phone"
                :rules="{required: true, message: '联系电话不能为空', trigger: 'blur'}"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="terminalClientFrom.phone" class="filter-item" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :xs="24" :sm="12" :lg="24" :span="6">
              <el-form-item
                label="客户地址："
                prop="address"
                label-width="120px"
                class="postInfo-container-item"
              >
                <el-input v-model.trim="terminalClientFrom.address" class="filter-item" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-button type="primary" @click="saveClient()" style="position:absolute;top:45px;right:20px">保存</el-button>
        </el-form>
      </el-dialog>
    </div>
</template>
  <script>
    import Breadcrumb from '@/components/Breadcrumb'
    import YDetailPageLayout from '@/components/YDetailPageLayout/index_detail'
    import {isNumber,phoneNumber,postiveInteger,isIdNumber} from '@/utils/validate'
  
    export default {
      name: 'personalDoOrder',
      components: {
        Breadcrumb,
        YDetailPageLayout,
      },
      watch:{
        'personal.clienteleType'(nv,ov){
          if (nv=='个人'){
            let simpleAll = new Object();
            simpleAll.ccId = 1;
            this.$api.customerLinkman.simpleAll(simpleAll).then(res=>{
            if (res.code === 200){
                this.customerContract = res.data;
            }
          })
          }
        },
        'personal.clienteleId'(nv,ov){
          let simpleAll = new Object();
          simpleAll.terminal=0;
          simpleAll.parentId= nv;
          this.$api.customerCompany.simpleAll(simpleAll).then(res=>{
              if (res.code === 200){
                  this.subCustomerCompany = res.data;
              }
          })
        },
        'personal.clienteleSubId'(nv,ov){
            let simpleAll = new Object();
            simpleAll.ccId = nv;
            this.$api.customerLinkman.simpleAll(simpleAll).then(res=>{
            if (res.code === 200){
                this.customerContract = res.data;
            }
          })
        },
        'personal.terminalClienteleType'(nv,ov){
            if (nv=='企业'){
              this.getCustomerCompany(1);
              let simpleAll = new Object();
              simpleAll.terminal=1;
              simpleAll.ccId = this.personal.terminalClienteleId;
              this.$api.customerLinkman.simpleAll(simpleAll).then(res=>{
              if (res.code === 200){
                this.tCustomerContract =res.data;
              }
            })
            }else{
              let simpleAll = new Object();
              simpleAll.ccId = 2;
              simpleAll.terminal = 1;
              this.$api.customerLinkman.simpleAll(simpleAll).then(res=>{
                if (res.code === 200){
                    this.tCustomerCompany = res.data;
                }
              })
            }
              
        }

      },
      computed: {
  
      },
      data() {
        return {
          rules:{
            loanLimit:[{required:true,message:"贷款额度不能为空",trigger:'blur'},{validator:isNumber,trigger:'blur'}],
            bailoraTel:[{validator:phoneNumber,trigger:'blur'}],
            bailorbTel:[{validator:phoneNumber,trigger:'blur'}],
          },
          activeName:'order',
          personal:{
              id:null,
              clientManagerId:this.$store.getters.userInfo.id,
              clientManager:this.$store.getters.userInfo.name,
              evaluateAim:null,
              purpose:[],
              location:null,
              clienteleType:'企业',
              clienteleId:null,
              cclienteleName:null,
              cclienteleSubName:null,
              agent:null,
              cclienteleContactName:null,
              cmobile:null,
              cdepartment:null,
              cduty:null,
              loanNature:null,
              loanAim:null,
              loanLimit:null,
              loanPeriod:null,
              loanExpire:false,
              credentials:[],
              bailorA:null,
              bailoraTel:null,
              bailorB:null,
              bailorbTel:null,
              terminalClienteleType:null,
              tterminalClienteleName:null,
              tterminalClienteleContactName:null,
              tmobile:null,
              remark:null,
              clienteleContactId:null,
              terminalClienteleId:null,
              terminalClienteleContactId:null

          },
          createLinkmanVisible:false,
          linkmanFrom:{
            clienteleType:null,
            clienteleSubId:null,
            clienteleId:null,
            ccId:null,
            name:null,
            mobile:null,
            phone:null,
            sex:null,
            idNo:null,
            wechatNo:null,
            qqNo:null,
            school:null,
            industry:null,
            department:null,
            duty:null,
            terminal:false,
            description:null
          },
          createTerminalClientVisible:false,
          terminalClientFrom:{
            name:null,
            companyType:null,
            address:null,
            phone:null,
            terminal:true
          },
          createTlinkmanVisible:false,
          tLinkmanFrom:{
            ccId:null,
            name:null,
            mobile:null,
            phone:null,
            sex:null,
            idNo:null,
            wechatNo:null,
            qqNo:null,
            school:null,
            industry:null,
            department:null,
            duty:null,
            terminal:false,
            description:null
          },
          customerCompany:[],
          subCustomerCompany:[],
          customerContract:[],
          tCustomerCompany:[],
          tSubCustomerCompany:[],
          tCustomerContract:[],
          saveOrderBtn:null,
          couldEdit:null
        }
      },
      created() {
        this.personal.id = this.$route.query.id
        this.couldEdit = this.$route.query.couldEdit ==='true';
        this.couldBack = this.$route.query.couldBack ==='true';
        this.getPersonal();
        this.getCustomerCompany(0);
        this.getCustomerCompany(1);
      },
      methods: {
        handleCreate(){
          this.$refs.personalForm.validate(valid => {
          if (valid) {
            this.personal.purpose = JSON.stringify(this.personal.purpose);
            this.personal.credentials = JSON.stringify(this.personal.credentials);
            if (this.personal.id) {
              this.$api.personal.edit(this.personal).then(res => {
                if (res.code === 200) {
                  this.$notify({
                    title: '成功',
                    message: '保存成功',
                    type: 'success',
                    duration: 2000
                  });
                  const back = this.$route.query.back;
                  if (back) {
                    this.$router.push(back)
                  }
                }
              })
            } else {
              this.$api.personal.add(this.personal).then(res => {
                if (res.code === 200) {
                  if (res.data && res.data.instanceNodeId && res.data.state){
                    this.$api.workflow.commit(res.data).then(result =>{
                        if (result.code === 200 && result.data){
                          this.$notify({
                            title: '成功',
                            message: '下单并提交流程成功',
                            type: 'success',
                            duration: 2000
                          });
                        }
                    })
                  }else{
                    this.$notify({
                            title: '成功',
                            message: '下单成功,需要手动提交流程。',
                            type: 'warning',
                            duration: 2000
                          });
                  }
                  const back = this.$route.query.back;
                  if (back) {
                    this.$router.push(back)
                  }
                  this.initData();
                }else{
                  this.$notify({
                            title: '失败',
                            message: '下单失败，请稍后再试。',
                            type: 'error',
                            duration: 2000
                          });
                }
              })
            }
          }
        })
        },
        changeCustomerType(val){
          if (val ===0){
            this.personal.contactTel = null;
            this.personal.cdepartment = null;
            this.personal.cduty = null;
            if (this.personal.clienteleId){
            this.personal.clienteleId = null;
            this.customerCompany=[];
            this.cmobile = null;
          }
          if (this.personal.clienteleSubId){
            this.personal.clienteleSubId = null;
            this.subCustomerCompany=[];
            this.cmobile = null;
          }
          if (this.personal.clienteleContactId){
            this.personal.clienteleContactId = null;
            this.customerContract =[];
            this.cmobile = null;
          }
          if (this.personal.clienteleType==='个人'){
            let simpleAll = new Object();
            simpleAll.ccId = 1;
            simpleAll.terminal = 0;
            this.$api.customerLinkman.simpleAll(simpleAll).then(res=>{
              if (res.code === 200){
                  this.customerContract = res.data;
                  if (this.personal.clienteleContactId){
                    this.personal.clienteleContactId = null;
                    this.cmobile = null;
                  }
              }
            })
          }
          if (this.personal.clienteleType==='企业'){
              this.getCustomerCompany(0)
              this.personal.clienteleContactId = null;
              this.customerContract =[];
              this.cmobile = null;
          }
          }else {
            if (this.personal.terminalClienteleType==='个人'){
              let simpleAll = new Object();
              simpleAll.ccId = 2;
              simpleAll.terminal = 1;
              this.$api.customerLinkman.simpleAll(simpleAll).then(res=>{
                if (res.code === 200){
                    this.tCustomerCompany = res.data;
                    if (this.personal.terminalClienteleId){
                      this.personal.terminalClienteleContactId = null
                      this.personal.terminalClienteleId = null
                      this.tCustomerContract =[];
                      this.personal.tmobile = null;
                    }
                }
              })
            }
            if (this.personal.terminalClienteleType==='企业'){
                  this.personal.terminalClienteleContactId = null
                  this.personal.terminalClienteleId = null;
                  this.personal.tmobile = null;
                  this.tCustomerContract =[];
                  this.getCustomerCompany(1)
            }
            if (this.personal.terminalClienteleType===''){
              this.personal.terminalClienteleContactId = null;
              this.personal.terminalClienteleId = null;
              this.personal.tmobile = null;
              this.tCustomerCompany= [];
              this.tCustomerContract =[];
            }
          }
        },
        findSubClientele(val){
        if (val===0){
          this.personal.contactTel = null;
          this.personal.cdepartment = null;
          this.personal.cduty = null;
          if (this.personal.clienteleId){
            let simpleAll = new Object();
              simpleAll.terminal=val;
              simpleAll.parentId= this.personal.clienteleId;
              this.$api.customerCompany.simpleAll(simpleAll).then(res=>{
              if (res.code === 200){
                  this.subCustomerCompany = res.data;
                  if (this.personal.clienteleSubId){
                    this.personal.clienteleSubId = null
                  }
                  if (this.personal.clienteleContactId){
                    this.personal.clienteleContactId = null
                    this.customerContract =[];
                  }
              }
            })
          }
        }else {
          if (this.personal.terminalClienteleType==='企业' && this.personal.terminalClienteleId){
            let simpleAll = new Object();
              simpleAll.terminal=val;
              simpleAll.ccId = this.personal.terminalClienteleId;
              this.$api.customerLinkman.simpleAll(simpleAll).then(res=>{
              if (res.code === 200){
                this.tCustomerContract =res.data;
              }
              this.personal.terminalClienteleContactId = null;
              this.personal.tmobile = null;
            })
          }else{
            if (this.personal.terminalClienteleType==='个人' && this.personal.terminalClienteleId){
                this.$api.customerLinkman.detail(this.personal.terminalClienteleId).then(res=>{
                    if (res.code === 200){
                      this.personal.tmobile = res.data.mobile;
                    }
                })
            }
          }
        }
        },
        createTerminalClient(){
          if (this.personal.terminalClienteleType==='企业'){
          this.createTerminalClientVisible = true;
        }else{
          this.createTlinkmanVisible = true;
        }
        },
        getCustomerContract(){
          if (this.personal.clienteleSubId){
            let simpleAll = new Object();
            simpleAll.ccId = this.personal.clienteleSubId
            this.$api.customerLinkman.simpleAll(simpleAll).then(res=>{
            if (res.code === 200){
                this.customerContract = res.data;
                if (this.personal.clienteleContactId){
                  this.personal.clienteleContactId = null;
                  this.personal.contactTel = null;
                  this.personal.cdepartment = null;
                  this.personal.cduty = null;
                }
            }
          })
        }
        },
        getContactInfo(){
          if (this.personal.clienteleContactId){
              this.$api.customerLinkman.detail(this.personal.clienteleContactId).then(res=>{
                if (res.code === 200){
                  this.personal.contactTel = res.data.mobile;
                  this.personal.cdepartment = res.data.department
                  this.personal.cduty = res.data.duty
                }
                  
              })
          }
        },
        getTcontactInfo(){
          if (this.personal.terminalClienteleContactId){
              this.$api.customerLinkman.detail(this.personal.terminalClienteleContactId).then(res=>{
                  if (res.code === 200){
                    this.personal.tmobile = res.data.mobile;
                  }
              })
          }
        },
        getCustomerCompany(val){
        if (val ===0){
          let simpleAll = new Object();
          simpleAll.terminal=val;
          this.$api.customerCompany.simpleAll(simpleAll).then(res=>{
              if (res.code === 200){
                  this.customerCompany = res.data;
              }
          })
        }else{
          let simpleAll = new Object();
          simpleAll.terminal=val;
          this.$api.customerCompany.simpleAll(simpleAll).then(res=>{
              if (res.code === 200){
                  this.tCustomerCompany = res.data;
              }
          })
        }
        },
        createLinkman(val){
          this.createLinkmanVisible = true;
          this.linkmanFrom.terminal = val;
          this.linkmanFrom.clienteleType = this.personal.clienteleType;
          this.linkmanFrom.clienteleId = this.personal.clienteleId;
          this.linkmanFrom.clienteleSubId = this.personal.clienteleSubId;
          if (this.personal.clienteleType==='企业'){
            this.linkmanFrom.ccId = this.personal.clienteleSubId
          }else{
            this.personal.clienteleSubId = 1;
            this.linkmanFrom.ccId = this.personal.clienteleSubId;
          }
          
        },
        createTlinkman(){
          this.createTlinkmanVisible = true;
          this.tLinkmanFrom.terminal = 1;
          if (this.personal.terminalClienteleType==='企业'){
                 this.tLinkmanFrom.ccId = this.personal.terminalClienteleId;
          }else{
            this.tLinkmanFrom.ccId = 1;
          }
        },
        saveLinkman(){
          this.$refs.linkmanFrom.validate(valid =>{
            if (valid){
                this.$api.customerLinkman.add(this.linkmanFrom).then(res=>{
                  if (res.code ===200){
                      this.$notify({
                        title: '成功',
                        message: '新增客户联系人成功',
                        type: 'success',
                        duration: 2000
                      });
                  }
                  this.getCustomerContract();
                  setTimeout(()=>{
                    this.personal.clienteleContactId = this.customerContract[0].id;
                    this.getContactInfo();
                  },2000)
                  this.createLinkmanVisible=false;
                })
            }
          })
        },
        saveTlinkman(){
          this.$refs.tLinkmanFrom.validate(valid =>{
            if (valid){
                if (!this.tLinkmanFrom.ccId){
                  this.tLinkmanFrom.ccId = 2;
                  this.tLinkmanFrom.terminal = 1;
                }
                this.$api.customerLinkman.add(this.tLinkmanFrom).then(res=>{
                  if (res.code ===200){
                      this.$notify({
                        title: '成功',
                        message: '新增终端联系人成功',
                        type: 'success',
                        duration: 2000
                      });
                  }
                  if (this.personal.terminalClienteleType==='企业'){
                    this.findSubClientele(1);
                    setTimeout(()=>{
                      this.personal.terminalClienteleContactId = this.tCustomerContract[0].id;
                      this.getTcontactInfo();
                    },2000)
                  }
                  if (this.personal.terminalClienteleType==='个人'){
                    let simpleAll = new Object();
                    simpleAll.ccId = 2;
                    simpleAll.terminal = 1;
                    this.$api.customerLinkman.simpleAll(simpleAll).then(res=>{
                      if (res.code === 200){
                          this.tCustomerCompany = res.data;
                      }
                    })
                    setTimeout(()=>{
                      this.personal.terminalClienteleId = this.tCustomerCompany[0].id;
                      this.personal.terminalClienteleContactId = this.tCustomerCompany[0].id;
                      this.getTcontactInfo();
                    },2000)
                  }
                  
                  this.createTlinkmanVisible=false;
                })
            }
          })
        },
        saveClient(){
            this.$refs.terminalClientFrom.validate(valid =>{
              if (valid){
                  this.$api.customerCompany.add(this.terminalClientFrom).then(res=>{
                    if (res.code ===200){
                        this.$notify({
                          title: '成功',
                          message: '新增客户成功',
                          type: 'success',
                          duration: 2000
                        });
                    }
                    this.getCustomerCompany(1);
                    this.personal.terminalClienteleContactId = null;
                    this.personal.tmobile = null;
                    this.tCustomerContract =[];
                    setTimeout(()=>{
                      this.personal.terminalClienteleId  = this.tCustomerCompany[0].id;
                      this.findSubClientele(1);
                    },2000)
                    this.createTerminalClientVisible=false;
                  })
              }
            })
        },
        getPersonal(){
            if (this.personal.id){
                this.$api.personal.detail(this.personal.id).then(res=>{
                    if (res.code ===200 ){
                        res.data.credentials = JSON.parse(res.data.credentials);
                        res.data.purpose = JSON.parse(res.data.purpose);
                        this.personal = res.data;
                    }
                })
            }
        },
        doRecall(){
        this.$confirm('请确认是否撤回此个贷订单的业务流程?','提示',{
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          center: true
        }).then(()=>{
            if (this.personal.id){
              this.$api.personal.doRecall(this.personal.id).then(res=>{
                if (res.code ===200 && res.data){
                    this.$notify({
                    title: '成功',
                    message: '业务流程撤回成功',
                    type: 'success',
                    duration: 2000
                  });
                  this.$refs.myPersonalOrder.initPageStatus(true,true);
                  this.couldEdit = true;
                }else{
                  this.$notify({
                    title: '失败',
                    message: '业务流程撤回失败',
                    type: 'error',
                    duration: 2000
                  });
                }
              })
            }
        })
        },
      },
    }
  </script>
  <style lang="scss" scoped>
    .form-container{
      margin-top: 50px;
    }
    .row-style{
      margin-left:40px;
      margin-right:1%;
    }
  
    .task-class{
      /deep/ .el-form-item__label {
        color: red;
      }
    }
  
    .table {
      /deep/ thead {
        .el-table-column--selection {
          .cell {
            display: none;
          }
        }
      }
    }
  
    /deep/.doWarehouseClass {
        border-radius: 10px;
      }
  
.el-select {
  max-width: 70vw !important;
}
  </style>