|
@ -1,95 +1,36 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
<a-button @click="showModal">直接申请</a-button> |
|
|
<a-button @click="showModal">服务申请</a-button> |
|
|
<a-modal |
|
|
<a-modal :confirm-loading="confirmLoading" :visible="visible" @cancel="handleCancel" @ok="handleOk" title="服务申请" width="50%"> |
|
|
:confirm-loading="confirmLoading" |
|
|
|
|
|
:visible="visible" |
|
|
|
|
|
@cancel="handleCancel" |
|
|
|
|
|
@ok="handleOk" |
|
|
|
|
|
title="服务申请" |
|
|
|
|
|
width="50%" |
|
|
|
|
|
> |
|
|
|
|
|
<a-form :form="form"> |
|
|
<a-form :form="form"> |
|
|
<a-form-item |
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称"> |
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
|
|
label="公司名称" |
|
|
|
|
|
> |
|
|
|
|
|
<a-input placeholder="请输入公司名称..." v-model.trim="platform.companyName" /> |
|
|
<a-input placeholder="请输入公司名称..." v-model.trim="platform.companyName" /> |
|
|
</a-form-item> |
|
|
</a-form-item> |
|
|
<a-form-item |
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="联系人" required> |
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
|
|
label="联系人" |
|
|
|
|
|
required |
|
|
|
|
|
> |
|
|
|
|
|
<a-input placeholder="请输入联系人..." v-model.trim="platform.manName" /> |
|
|
<a-input placeholder="请输入联系人..." v-model.trim="platform.manName" /> |
|
|
</a-form-item> |
|
|
</a-form-item> |
|
|
<a-form-item |
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="联系电话" required> |
|
|
:label-col="formItemLayout.labelCol" |
|
|
<a-input @change="changePhone" placeholder="请输入联系电话.." type="tel" v-model.trim="platform.tel" /> |
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
|
|
label="联系电话" |
|
|
|
|
|
required |
|
|
|
|
|
> |
|
|
|
|
|
<a-input |
|
|
|
|
|
@change="changePhone" |
|
|
|
|
|
placeholder="请输入联系电话.." |
|
|
|
|
|
type="tel" |
|
|
|
|
|
v-model.trim="platform.tel" |
|
|
|
|
|
/> |
|
|
|
|
|
</a-form-item> |
|
|
</a-form-item> |
|
|
<a-form-item |
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="图片验证码" required> |
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
|
|
label="图片验证码" |
|
|
|
|
|
required |
|
|
|
|
|
> |
|
|
|
|
|
<div class="d-flex flex-nowrap"> |
|
|
<div class="d-flex flex-nowrap"> |
|
|
<a-input placeholder="图片验证码" type="number" v-model="codeNum" /> |
|
|
<a-input placeholder="图片验证码" type="number" v-model="codeNum" /> |
|
|
<img |
|
|
<img :src="picCode.imageBase64" @click="changePicCode" class="code_img ml-2" v-if="picCode && picCode.imageBase64" /> |
|
|
:src="picCode.imageBase64" |
|
|
|
|
|
@click="changePicCode" |
|
|
|
|
|
class="code_img ml-2" |
|
|
|
|
|
v-if="picCode && picCode.imageBase64" |
|
|
|
|
|
/> |
|
|
|
|
|
<a-button @click="changePicCode" class="code_img ml-2" size="small" v-else>获取验证码</a-button> |
|
|
<a-button @click="changePicCode" class="code_img ml-2" size="small" v-else>获取验证码</a-button> |
|
|
<!-- <a-input v-decorator="['account', { rules: rules.account }]" /> --> |
|
|
<!-- <a-input v-decorator="['account', { rules: rules.account }]" /> --> |
|
|
</div> |
|
|
</div> |
|
|
</a-form-item> |
|
|
</a-form-item> |
|
|
<a-form-item |
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="短信验证码" required> |
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
|
|
label="短信验证码" |
|
|
|
|
|
required |
|
|
|
|
|
> |
|
|
|
|
|
<div class="d-flex flex-nowrap"> |
|
|
<div class="d-flex flex-nowrap"> |
|
|
<a-input placeholder="请输入验证码" type="number" v-model="platform.code" /> |
|
|
<a-input placeholder="请输入验证码" type="number" v-model="platform.code" /> |
|
|
<a-button |
|
|
<a-button class="code_img ml-2" disabled type="primary" v-if="showInterval">重新发送 {{ interval }}</a-button> |
|
|
class="code_img ml-2" |
|
|
<a-button :disabled="platform.isTel === false" @click="getCode" class="code_img ml-2" type="primary" v-else |
|
|
disabled |
|
|
>获取验证码</a-button |
|
|
type="primary" |
|
|
> |
|
|
v-if="showInterval" |
|
|
|
|
|
>重新发送 {{ interval }}</a-button> |
|
|
|
|
|
<a-button |
|
|
|
|
|
:disabled="platform.isTel === false" |
|
|
|
|
|
@click="getCode" |
|
|
|
|
|
class="code_img ml-2" |
|
|
|
|
|
type="primary" |
|
|
|
|
|
v-else |
|
|
|
|
|
>获取验证码</a-button> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</a-form-item> |
|
|
</a-form-item> |
|
|
<a-form-item |
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="项目信息简述" required> |
|
|
:label-col="formItemLayout.labelCol" |
|
|
<a-textarea placeholder="请输入项目信息简述..." style="height: 120px" v-model.trim="platform.describe" /> |
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
|
|
label="项目信息简述" |
|
|
|
|
|
required |
|
|
|
|
|
> |
|
|
|
|
|
<a-textarea |
|
|
|
|
|
placeholder="请输入项目信息简述..." |
|
|
|
|
|
style="height: 120px" |
|
|
|
|
|
v-model.trim="platform.describe" |
|
|
|
|
|
/> |
|
|
|
|
|
</a-form-item> |
|
|
</a-form-item> |
|
|
<a-form-item |
|
|
<a-form-item |
|
|
:label-col="formItemLayout.labelCol" |
|
|
:label-col="formItemLayout.labelCol" |
|
@ -97,16 +38,8 @@ |
|
|
label="上传附件" |
|
|
label="上传附件" |
|
|
v-show="typeData.type === 0" |
|
|
v-show="typeData.type === 0" |
|
|
> |
|
|
> |
|
|
<a-upload |
|
|
<a-upload :action="action" :default-file-list="fileList" @change="fileChange" list-type="picture" name="files"> |
|
|
:action="action" |
|
|
<a-button> <a-icon type="upload" />点击上传附件 </a-button> |
|
|
:default-file-list="fileList" |
|
|
|
|
|
@change="fileChange" |
|
|
|
|
|
list-type="picture" |
|
|
|
|
|
name="files" |
|
|
|
|
|
> |
|
|
|
|
|
<a-button> |
|
|
|
|
|
<a-icon type="upload" />点击上传附件 |
|
|
|
|
|
</a-button> |
|
|
|
|
|
</a-upload> |
|
|
</a-upload> |
|
|
</a-form-item> |
|
|
</a-form-item> |
|
|
</a-form> |
|
|
</a-form> |
|
|