|
|
|
|
@ -22,14 +22,7 @@
|
|
|
|
|
</a-breadcrumb>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<a-form-model ref="ruleForm" :model="form" :colon="true" :rules="rules">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="proxy"
|
|
|
|
|
label="代理"
|
|
|
|
|
prop=""
|
|
|
|
|
:wrapperCol="{ span: 18 }"
|
|
|
|
|
:labelCol="{ span: 4 }"
|
|
|
|
|
style="height: 30px; margin-bottom: 18px"
|
|
|
|
|
>
|
|
|
|
|
<a-form-model-item ref="proxy" label="代理" prop="" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
|
|
|
|
|
<!-- <a-input
|
|
|
|
|
:value="
|
|
|
|
|
proxyinfo.userName !== '' &&
|
|
|
|
|
@ -41,28 +34,9 @@
|
|
|
|
|
:disabled="true"
|
|
|
|
|
/> -->
|
|
|
|
|
<div class="pzbox" style="width: 100%">
|
|
|
|
|
<span v-if="proxyStatus === ''">
|
|
|
|
|
{{
|
|
|
|
|
proxyinfo.userName !== "" &&
|
|
|
|
|
proxyinfo.userName !== null &&
|
|
|
|
|
proxyinfo.userName !== undefined
|
|
|
|
|
? proxyinfo.userName
|
|
|
|
|
: proxyinfo.tel
|
|
|
|
|
}}</span
|
|
|
|
|
>
|
|
|
|
|
<a-select
|
|
|
|
|
v-if="proxyStatus === 'proxy'"
|
|
|
|
|
mode="combobox"
|
|
|
|
|
auto-focus
|
|
|
|
|
style="width: calc(100% - 200px)"
|
|
|
|
|
placeholder="请选择代理"
|
|
|
|
|
@blur="proxyStatus = ''"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option
|
|
|
|
|
v-for="i in proxyList"
|
|
|
|
|
:key="i.userName"
|
|
|
|
|
@click="proxyChange(i)"
|
|
|
|
|
>
|
|
|
|
|
<span v-if="proxyStatus === ''"> {{ proxyinfo.userName !== "" && proxyinfo.userName !== null && proxyinfo.userName !== undefined ? proxyinfo.userName : proxyinfo.tel }}</span>
|
|
|
|
|
<a-select v-if="proxyStatus === 'proxy'" mode="combobox" auto-focus style="width: calc(100% - 200px)" placeholder="请选择代理" @blur="proxyStatus = ''">
|
|
|
|
|
<a-select-option v-for="i in proxyList" :key="i.userName" @click="proxyChange(i)">
|
|
|
|
|
{{ i.userName }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
@ -78,36 +52,12 @@
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="username"
|
|
|
|
|
label="报名企业"
|
|
|
|
|
prop="username"
|
|
|
|
|
:wrapperCol="{ span: 18 }"
|
|
|
|
|
:labelCol="{ span: 4 }"
|
|
|
|
|
style="height: 30px; margin-bottom: 18px"
|
|
|
|
|
>
|
|
|
|
|
<a-form-model-item ref="username" label="报名企业" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px; margin-bottom: 18px">
|
|
|
|
|
<!-- <a-input :value="firminfo.aliasName" :disabled="true" /> -->
|
|
|
|
|
<div class="pzbox" style="width: 100%">
|
|
|
|
|
<span v-if="storeStatus === ''">{{ firminfo.aliasName }}</span>
|
|
|
|
|
<a-select
|
|
|
|
|
v-if="storeStatus === 'store'"
|
|
|
|
|
show-search
|
|
|
|
|
auto-focus
|
|
|
|
|
mode="combobox"
|
|
|
|
|
placeholder="请选择企业"
|
|
|
|
|
style="width: calc(100% - 200px)"
|
|
|
|
|
:default-active-first-option="false"
|
|
|
|
|
:show-arrow="false"
|
|
|
|
|
:filter-option="false"
|
|
|
|
|
:not-found-content="null"
|
|
|
|
|
@search="storeSearch"
|
|
|
|
|
@blur="storeStatus = ''"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option
|
|
|
|
|
v-for="i in storeList"
|
|
|
|
|
:key="i.id + ''"
|
|
|
|
|
@click="storeChange(i)"
|
|
|
|
|
>
|
|
|
|
|
<a-select v-if="storeStatus === 'store'" show-search auto-focus mode="combobox" placeholder="请选择企业" style="width: calc(100% - 200px)" :default-active-first-option="false" :show-arrow="false" :filter-option="false" :not-found-content="null" @search="storeSearch" @blur="storeStatus = ''">
|
|
|
|
|
<a-select-option v-for="i in storeList" :key="i.id + ''" @click="storeChange(i)">
|
|
|
|
|
{{ i.aliasName }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
@ -123,31 +73,12 @@
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="username"
|
|
|
|
|
label="岗位"
|
|
|
|
|
prop="username"
|
|
|
|
|
:wrapperCol="{ span: 18 }"
|
|
|
|
|
:labelCol="{ span: 4 }"
|
|
|
|
|
style="height: 30px"
|
|
|
|
|
>
|
|
|
|
|
<a-form-model-item ref="username" label="岗位" prop="username" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="height: 30px">
|
|
|
|
|
<!-- <a-input :value="firminfo.jobName" :disabled="true" /> -->
|
|
|
|
|
<div class="pzbox" style="width: 100%">
|
|
|
|
|
<span v-if="jobnameStatus === ''">{{ firminfo.jobName }}</span>
|
|
|
|
|
<a-select
|
|
|
|
|
v-if="jobnameStatus === 'jobname'"
|
|
|
|
|
show-search
|
|
|
|
|
auto-focus
|
|
|
|
|
placeholder="请选择岗位"
|
|
|
|
|
option-filter-prop="children"
|
|
|
|
|
style="width: 200px"
|
|
|
|
|
@blur="jobnameStatus = ''"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option
|
|
|
|
|
v-for="i in storeJobList"
|
|
|
|
|
:key="i.id"
|
|
|
|
|
@click="storeJobChange(i)"
|
|
|
|
|
>
|
|
|
|
|
<a-select v-if="jobnameStatus === 'jobname'" show-search auto-focus placeholder="请选择岗位" option-filter-prop="children" style="width: 200px" @blur="jobnameStatus = ''">
|
|
|
|
|
<a-select-option v-for="i in storeJobList" :key="i.id" @click="storeJobChange(i)">
|
|
|
|
|
{{ i.aliasName }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
@ -163,28 +94,10 @@
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="interviewTime"
|
|
|
|
|
label="面试时间"
|
|
|
|
|
prop="interviewTime"
|
|
|
|
|
:wrapperCol="{ span: 18 }"
|
|
|
|
|
:labelCol="{ span: 4 }"
|
|
|
|
|
>
|
|
|
|
|
<timepicker
|
|
|
|
|
:isShow.sync="isShow"
|
|
|
|
|
:datetime.sync="form.interviewTime"
|
|
|
|
|
></timepicker>
|
|
|
|
|
<a-input
|
|
|
|
|
v-model="form.interviewTime"
|
|
|
|
|
placeholder="请选择面试时间"
|
|
|
|
|
@input="verify"
|
|
|
|
|
@click="getDateinfo"
|
|
|
|
|
><i
|
|
|
|
|
class="iconfont icon-rili"
|
|
|
|
|
slot="suffix"
|
|
|
|
|
@click="getDateinfo"
|
|
|
|
|
></i
|
|
|
|
|
></a-input>
|
|
|
|
|
|
|
|
|
|
<a-form-model-item ref="interviewTime" label="面试时间" prop="interviewTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
|
|
|
|
|
<timepicker :isShow.sync="isShow" :datetime.sync="form.interviewTime"></timepicker>
|
|
|
|
|
<a-input v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" @click="getDateinfo"><i class="iconfont icon-rili" slot="suffix" @click="getDateinfo"></i></a-input>
|
|
|
|
|
<!-- <a-date-picker
|
|
|
|
|
:showToday="false"
|
|
|
|
|
format="YYYY-MM-DD HH:mm"
|
|
|
|
|
@ -204,123 +117,14 @@
|
|
|
|
|
@click="isShow = true"
|
|
|
|
|
/> -->
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-row class="specialbox">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="userName"
|
|
|
|
|
label="姓名"
|
|
|
|
|
prop="userName"
|
|
|
|
|
:wrapperCol="{ span: 15 }"
|
|
|
|
|
:labelCol="{ span: 8 }"
|
|
|
|
|
>
|
|
|
|
|
<a-input
|
|
|
|
|
v-model="form.userName"
|
|
|
|
|
placeholder="请输入老乡姓名"
|
|
|
|
|
class="special-input"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="sex"
|
|
|
|
|
label="性别"
|
|
|
|
|
prop="sex"
|
|
|
|
|
:wrapperCol="{ span: 18 }"
|
|
|
|
|
:labelCol="{ span: 5 }"
|
|
|
|
|
>
|
|
|
|
|
<a-radio-group
|
|
|
|
|
v-model="form.sex"
|
|
|
|
|
defaultValue="nan"
|
|
|
|
|
class="radiobox"
|
|
|
|
|
>
|
|
|
|
|
<a-radio value="1"> 男 </a-radio>
|
|
|
|
|
<a-radio value="2"> 女 </a-radio>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<!-- :offset="2" -->
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="age"
|
|
|
|
|
label="年龄"
|
|
|
|
|
prop="age"
|
|
|
|
|
:wrapperCol="{ span: 15 }"
|
|
|
|
|
:labelCol="{ span: 8 }"
|
|
|
|
|
>
|
|
|
|
|
<a-input
|
|
|
|
|
v-model="form.age"
|
|
|
|
|
placeholder="请输入年龄"
|
|
|
|
|
class="special-input"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="peoplecard"
|
|
|
|
|
label="民族"
|
|
|
|
|
prop="peoplecard"
|
|
|
|
|
:wrapperCol="{ span: 15 }"
|
|
|
|
|
:labelCol="{ span: 5 }"
|
|
|
|
|
>
|
|
|
|
|
<a-select
|
|
|
|
|
v-model="form.nation"
|
|
|
|
|
placeholder="请选择民族"
|
|
|
|
|
class="special-input"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option
|
|
|
|
|
v-for="item in nationlist"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
:value="item.name"
|
|
|
|
|
>{{ item.name }}</a-select-option
|
|
|
|
|
>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="tel"
|
|
|
|
|
label="电话"
|
|
|
|
|
prop="tel"
|
|
|
|
|
:wrapperCol="{ span: 18 }"
|
|
|
|
|
:labelCol="{ span: 4 }"
|
|
|
|
|
style="margin-bottom: 18px"
|
|
|
|
|
>
|
|
|
|
|
<a-input
|
|
|
|
|
v-model="form.tel"
|
|
|
|
|
placeholder="请输入电话号"
|
|
|
|
|
:max-length="11"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="20">
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="idCard"
|
|
|
|
|
label="身份证号"
|
|
|
|
|
prop="idCard"
|
|
|
|
|
:wrapperCol="{ span: 16 }"
|
|
|
|
|
:labelCol="{ span: 5 }"
|
|
|
|
|
>
|
|
|
|
|
<a-input
|
|
|
|
|
v-model="form.idCard"
|
|
|
|
|
@change="getIdInfo($event)"
|
|
|
|
|
placeholder="请输入老乡身份证号"
|
|
|
|
|
:max-length="18"
|
|
|
|
|
/>
|
|
|
|
|
<a-form-model-item ref="idCard" label="身份证号" prop="idCard" :wrapperCol="{ span: 16 }" :labelCol="{ span: 5 }">
|
|
|
|
|
<a-input v-model="form.idCard" @change="getIdInfo($event)" placeholder="请输入老乡身份证号" :max-length="18" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="4" class="idCardUpload"
|
|
|
|
|
><a-upload
|
|
|
|
|
:customRequest="customRequestFun"
|
|
|
|
|
list-type="picture-card"
|
|
|
|
|
:file-list="fileList"
|
|
|
|
|
@change="handleChange"
|
|
|
|
|
@preview="handlePreview"
|
|
|
|
|
style="margin-left: -50px"
|
|
|
|
|
:beforeUpload="beforeUpload"
|
|
|
|
|
:data="dataObj"
|
|
|
|
|
>
|
|
|
|
|
><a-upload :customRequest="customRequestFun" list-type="picture-card" :file-list="fileList" @change="handleChange" @preview="handlePreview" style="margin-left: -50px" :beforeUpload="beforeUpload" :data="dataObj">
|
|
|
|
|
<!-- <div
|
|
|
|
|
v-if="fileList.length < 1"
|
|
|
|
|
style="
|
|
|
|
|
@ -337,48 +141,53 @@
|
|
|
|
|
:src="form.idCardImageUrl"
|
|
|
|
|
alt="avatar"
|
|
|
|
|
/> -->
|
|
|
|
|
<div
|
|
|
|
|
v-if="fileList.length == 0"
|
|
|
|
|
style="
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
"
|
|
|
|
|
class="nloding"
|
|
|
|
|
>
|
|
|
|
|
<div v-if="fileList.length == 0" style="display: flex; justify-content: center; align-items: center" class="nloding">
|
|
|
|
|
<a-icon type="plus" />
|
|
|
|
|
<div class="ant-upload-text">上传证件</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-upload>
|
|
|
|
|
<div
|
|
|
|
|
v-if="loading"
|
|
|
|
|
style="
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
"
|
|
|
|
|
class="uploading"
|
|
|
|
|
>
|
|
|
|
|
<a-icon
|
|
|
|
|
:type="loading ? 'loading' : 'plus'"
|
|
|
|
|
style="margin-right: 10px"
|
|
|
|
|
/>
|
|
|
|
|
<div v-if="loading" style="display: flex; justify-content: center; align-items: center" class="uploading">
|
|
|
|
|
<a-icon :type="loading ? 'loading' : 'plus'" style="margin-right: 10px" />
|
|
|
|
|
<div class="ant-upload-text">上传中</div>
|
|
|
|
|
</div>
|
|
|
|
|
<i
|
|
|
|
|
class="iconfont icon-guanbi"
|
|
|
|
|
v-if="fileList.length !== 0 && !loading"
|
|
|
|
|
@click="fileList = []"
|
|
|
|
|
></i
|
|
|
|
|
<i class="iconfont icon-guanbi" v-if="fileList.length !== 0 && !loading" @click="fileList = []"></i
|
|
|
|
|
></a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="peoplecard"
|
|
|
|
|
label="家庭住址"
|
|
|
|
|
prop="peoplecard"
|
|
|
|
|
:wrapperCol="{ span: 18 }"
|
|
|
|
|
:labelCol="{ span: 4 }"
|
|
|
|
|
>
|
|
|
|
|
<a-row class="specialbox">
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item ref="userName" label="姓名" prop="userName" :wrapperCol="{ span: 15 }" :labelCol="{ span: 8 }">
|
|
|
|
|
<a-input v-model="form.userName" placeholder="请输入老乡姓名" class="special-input" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item ref="sex" label="性别" prop="sex" :wrapperCol="{ span: 18 }" :labelCol="{ span: 5 }">
|
|
|
|
|
<a-radio-group v-model="form.sex" defaultValue="nan" class="radiobox">
|
|
|
|
|
<a-radio value="1"> 男 </a-radio>
|
|
|
|
|
<a-radio value="2"> 女 </a-radio>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<!-- :offset="2" -->
|
|
|
|
|
<a-form-model-item ref="age" label="年龄" prop="age" :wrapperCol="{ span: 15 }" :labelCol="{ span: 8 }">
|
|
|
|
|
<a-input v-model="form.age" placeholder="请输入年龄" class="special-input" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
<a-form-model-item ref="peoplecard" label="民族" prop="peoplecard" :wrapperCol="{ span: 15 }" :labelCol="{ span: 5 }">
|
|
|
|
|
<a-select v-model="form.nation" placeholder="请选择民族" class="special-input">
|
|
|
|
|
<a-select-option v-for="item in nationlist" :key="item.id" :value="item.name">{{ item.name }}</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-form-model-item ref="tel" label="电话" prop="tel" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }" style="margin-bottom: 18px">
|
|
|
|
|
<a-input v-model="form.tel" placeholder="请输入电话号" :max-length="11" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
|
|
<a-form-model-item ref="peoplecard" label="家庭住址" prop="peoplecard" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
|
|
|
|
|
<a-input v-model="form.address" placeholder="请输入家庭住址" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
|
|
|
|
|
@ -387,18 +196,12 @@
|
|
|
|
|
<a-select-option :value="apply.id">{{ apply.id }}</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item> -->
|
|
|
|
|
<a-form-model-item
|
|
|
|
|
ref="policy"
|
|
|
|
|
label="政策"
|
|
|
|
|
prop="policy"
|
|
|
|
|
:wrapperCol="{ span: 18 }"
|
|
|
|
|
:labelCol="{ span: 4 }"
|
|
|
|
|
>
|
|
|
|
|
<a-input
|
|
|
|
|
v-model="form.policy"
|
|
|
|
|
style="min-height: 150px; max-height: 200px"
|
|
|
|
|
type="textarea"
|
|
|
|
|
/>
|
|
|
|
|
<a-form-model-item ref="policy" label="政策" prop="policy" class="policyContainer" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
|
|
|
|
|
<!-- <a-input v-model="form.policy" type='textarea'/> -->
|
|
|
|
|
<div class="policy" style="">
|
|
|
|
|
{{form.policy}}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="openContral"><span v-if="isFold" @click="toFold(1)">展开</span><span v-else @click="toFold(2)">收起</span></div>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-form-model>
|
|
|
|
|
|
|
|
|
|
@ -417,27 +220,11 @@
|
|
|
|
|
>
|
|
|
|
|
取消
|
|
|
|
|
</a-button>
|
|
|
|
|
<a-button
|
|
|
|
|
style="
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
background-color: #ff6a00;
|
|
|
|
|
border-color: #ff6a00;
|
|
|
|
|
"
|
|
|
|
|
@click="handleOk"
|
|
|
|
|
:loading="confirmLoading"
|
|
|
|
|
>
|
|
|
|
|
提交
|
|
|
|
|
</a-button>
|
|
|
|
|
<a-button style="margin-left: 10px; color: #fff; background-color: #ff6a00; border-color: #ff6a00" @click="handleOk" :loading="confirmLoading"> 提交 </a-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<a-modal
|
|
|
|
|
title="预览"
|
|
|
|
|
:visible="previewVisible"
|
|
|
|
|
:footer="null"
|
|
|
|
|
@cancel="previewVisible = false"
|
|
|
|
|
>
|
|
|
|
|
<a-modal title="预览" :visible="previewVisible" :footer="null" @cancel="previewVisible = false">
|
|
|
|
|
<img alt="example" :src="form.idCardImageUrl" />
|
|
|
|
|
</a-modal>
|
|
|
|
|
</div>
|
|
|
|
|
@ -449,13 +236,7 @@ import { nationlist } from "../../utils/datalist";
|
|
|
|
|
import moment from "moment";
|
|
|
|
|
import { isEmptyCheck, getAgeFromBirthday } from "../../utils/commonUtil";
|
|
|
|
|
import timepicker from "./components/timepicker.vue";
|
|
|
|
|
import {
|
|
|
|
|
recordBillApi,
|
|
|
|
|
getProxyInfoApi,
|
|
|
|
|
getStoreAliasApi,
|
|
|
|
|
getStoreJobApi,
|
|
|
|
|
getPolicyByJobIdApi,
|
|
|
|
|
} from "@/api/job";
|
|
|
|
|
import { recordBillApi, getProxyInfoApi, getStoreAliasApi, getStoreJobApi, getPolicyByJobIdApi } from "@/api/job";
|
|
|
|
|
import request from "@/utils/request";
|
|
|
|
|
// import axios from "axios";
|
|
|
|
|
import $ from "jquery";
|
|
|
|
|
@ -479,6 +260,8 @@ export default {
|
|
|
|
|
proxyStatus: "", // 代理选择的控制
|
|
|
|
|
storeStatus: "", // 企业选择的控制
|
|
|
|
|
jobnameStatus: "", // 岗位选择的控制
|
|
|
|
|
isContainerShow:false, // 政策展示控制按钮是否显示
|
|
|
|
|
isFold:false,
|
|
|
|
|
previewImage: "",
|
|
|
|
|
isMaster: true,
|
|
|
|
|
isShow: false,
|
|
|
|
|
@ -563,8 +346,7 @@ export default {
|
|
|
|
|
// trigger: "blur",
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
pattern:
|
|
|
|
|
/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
|
|
|
|
|
pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
|
|
|
|
|
message: "请输入正确的手机号",
|
|
|
|
|
trigger: "blur",
|
|
|
|
|
},
|
|
|
|
|
@ -626,7 +408,25 @@ export default {
|
|
|
|
|
* el 被新创建的 vm.el 替换,并挂载到实例上去之后调用该钩子。
|
|
|
|
|
* 如果 root 实例挂载了一个文档内元素,当 mounted 被调用时 vm.el 也在文档内。
|
|
|
|
|
*/
|
|
|
|
|
mounted() {},
|
|
|
|
|
mounted() {
|
|
|
|
|
let that = this
|
|
|
|
|
const policy = document.querySelector(".policy");
|
|
|
|
|
// this.$nextTick(()=>{
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
console.log(policy.offsetHeight);
|
|
|
|
|
if (policy.offsetHeight >= 230) {
|
|
|
|
|
policy.style.maxHeight = "230px";
|
|
|
|
|
policy.style.marginBottom = '24px'
|
|
|
|
|
that.isContainerShow = true
|
|
|
|
|
that.isFold = true
|
|
|
|
|
} else {
|
|
|
|
|
policy.style.minHeight = "230px";
|
|
|
|
|
that.isContainerShow = false
|
|
|
|
|
that.isFold = false
|
|
|
|
|
}
|
|
|
|
|
}, 200);
|
|
|
|
|
// })
|
|
|
|
|
},
|
|
|
|
|
// 组件方法
|
|
|
|
|
methods: {
|
|
|
|
|
async getJob(value) {
|
|
|
|
|
@ -794,8 +594,7 @@ export default {
|
|
|
|
|
that.dataObj.policy = response.data.policy;
|
|
|
|
|
that.dataObj.signature = response.data.signature;
|
|
|
|
|
that.dataObj.ossaccessKeyId = response.data.accessid;
|
|
|
|
|
that.dataObj.key =
|
|
|
|
|
response.data.dir + that.getUUID() + "_${filename}";
|
|
|
|
|
that.dataObj.key = response.data.dir + that.getUUID() + "_${filename}";
|
|
|
|
|
that.dataObj.dir = response.data.dir;
|
|
|
|
|
that.dataObj.host = response.data.host;
|
|
|
|
|
console.log("响应的数据222。。。", that.dataObj);
|
|
|
|
|
@ -809,9 +608,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
getUUID() {
|
|
|
|
|
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
|
|
|
|
|
return (
|
|
|
|
|
c === "x" ? (Math.random() * 16) | 0 : "r&0x3" | "0x8"
|
|
|
|
|
).toString(16);
|
|
|
|
|
return (c === "x" ? (Math.random() * 16) | 0 : "r&0x3" | "0x8").toString(16);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
async customRequestFun(file) {
|
|
|
|
|
@ -846,8 +643,7 @@ export default {
|
|
|
|
|
// headers: {'Content-Type': 'application/x-www-form-urlencoded'}
|
|
|
|
|
|
|
|
|
|
headers: {
|
|
|
|
|
"Content-Type":
|
|
|
|
|
"multipart/form-data;boundary = " + new Date().getTime(),
|
|
|
|
|
"Content-Type": "multipart/form-data;boundary = " + new Date().getTime(),
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
.then(({ data }) => {
|
|
|
|
|
@ -896,10 +692,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
_self.uploadFileFlag = true;
|
|
|
|
|
console.log(data);
|
|
|
|
|
var img =
|
|
|
|
|
_self.dataObj.host +
|
|
|
|
|
"/" +
|
|
|
|
|
_self.dataObj.key.replace("${filename}", file.file.name);
|
|
|
|
|
var img = _self.dataObj.host + "/" + _self.dataObj.key.replace("${filename}", file.file.name);
|
|
|
|
|
_self.form.idCardImageUrl = img;
|
|
|
|
|
console.log(_self.form.idCardImageUrl);
|
|
|
|
|
},
|
|
|
|
|
@ -1013,6 +806,17 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
toFold(value){
|
|
|
|
|
let policy = document.querySelector('.policy')
|
|
|
|
|
if(value == 1){
|
|
|
|
|
this.isFold = false
|
|
|
|
|
policy.style.maxHeight = 'unset'
|
|
|
|
|
} else {
|
|
|
|
|
this.isFold = true
|
|
|
|
|
policy.style.maxHeight = '230px'
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
@ -1031,6 +835,7 @@ export default {
|
|
|
|
|
.ant-form {
|
|
|
|
|
width: 640px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.upline {
|
|
|
|
|
position: relative !important;
|
|
|
|
|
@ -1307,4 +1112,32 @@ export default {
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/ .policyContainer {
|
|
|
|
|
position: relative;
|
|
|
|
|
.ant-form-item-children{
|
|
|
|
|
position: unset;
|
|
|
|
|
.policy {
|
|
|
|
|
padding: 0 16px;
|
|
|
|
|
// padding-bottom: 24px;
|
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
// border: 1px solid #ddd;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
line-height: 2;
|
|
|
|
|
}
|
|
|
|
|
.openContral{
|
|
|
|
|
position: absolute;
|
|
|
|
|
height: 20px;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 10px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// background-color: #ff6a00;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|