|
|
@@ -4,83 +4,101 @@
|
|
|
:model="formData"
|
|
|
:rules="rules"
|
|
|
ref="form"
|
|
|
- label-width="0"
|
|
|
+ label-width="110px"
|
|
|
label-position="right"
|
|
|
size="small"
|
|
|
- style="max-width: 600px;"
|
|
|
+ style="max-width: 620px;"
|
|
|
>
|
|
|
<div class="info-content">
|
|
|
<!-- <div class="tag" v-if="grade">{{ grade }}</div> -->
|
|
|
<div class="info-item">
|
|
|
- <div class="name">机构名称</div>
|
|
|
+ <!-- <div class="name">机构名称</div> -->
|
|
|
<div class="val">
|
|
|
- <!-- <el-form-item prop="name"> -->
|
|
|
- <el-input v-model="formData.name" placeholder="请输入机构名称" :readonly="readonly"></el-input>
|
|
|
- <!-- </el-form-item> -->
|
|
|
+ <el-form-item prop="name" label="承办单位名称">
|
|
|
+ <el-input
|
|
|
+ v-model="formData.name"
|
|
|
+ placeholder="请输入承办单位名称"
|
|
|
+ :readonly="readonly"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item">
|
|
|
- <div class="name">负责人邮箱</div>
|
|
|
+ <!-- <div class="name">负责人邮箱</div> -->
|
|
|
<div class="val">
|
|
|
- <!-- <el-form-item prop="name"> -->
|
|
|
- <el-input
|
|
|
- v-model="formData.ownerEmail"
|
|
|
- placeholder="请输入负责人邮箱"
|
|
|
- :readonly="readonly"
|
|
|
- ></el-input>
|
|
|
- <!-- </el-form-item> -->
|
|
|
+ <el-form-item prop="name" label="负责人邮箱">
|
|
|
+ <el-input
|
|
|
+ v-model="formData.ownerEmail"
|
|
|
+ placeholder="请输入负责人邮箱"
|
|
|
+ :readonly="readonly"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item">
|
|
|
- <div class="name">负责人</div>
|
|
|
+ <!-- <div class="name">负责人</div> -->
|
|
|
<div class="val">
|
|
|
- <el-input v-model="formData.owner" placeholder="请输入负责人" :readonly="readonly"></el-input>
|
|
|
+ <el-form-item prop="owner" label="负责人">
|
|
|
+ <el-input
|
|
|
+ v-model="formData.owner"
|
|
|
+ placeholder="请输入负责人"
|
|
|
+ :readonly="readonly"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item">
|
|
|
- <div class="name">负责人电话</div>
|
|
|
+ <!-- <div class="name">负责人电话</div> -->
|
|
|
<div class="val">
|
|
|
- <el-input
|
|
|
- v-model="formData.ownerPhone"
|
|
|
- placeholder="请输入负责人电话"
|
|
|
- :readonly="readonly"
|
|
|
- ></el-input>
|
|
|
+ <el-form-item prop="ownerPhone" label="负责人电话">
|
|
|
+ <el-input
|
|
|
+ v-model="formData.ownerPhone"
|
|
|
+ placeholder="请输入负责人电话"
|
|
|
+ :readonly="readonly"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item">
|
|
|
- <div class="name">地址</div>
|
|
|
+ <!-- <div class="name">地址</div> -->
|
|
|
<div class="val">
|
|
|
- <el-select v-model="formData.district" style="width:100%">
|
|
|
- <el-option
|
|
|
- v-for="item in districts"
|
|
|
- :key="item.id"
|
|
|
- :value="item.name"
|
|
|
- :label="item.name"
|
|
|
- :disabled="readonly"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-form-item prop="district" label="地址">
|
|
|
+ <el-select v-model="formData.district" style="width:100%">
|
|
|
+ <el-option
|
|
|
+ v-for="item in districts"
|
|
|
+ :key="item.id"
|
|
|
+ :value="item.name"
|
|
|
+ :label="item.name"
|
|
|
+ :disabled="readonly"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="info-item address">
|
|
|
- <div class="name">单位概况</div>
|
|
|
+ <!-- <div class="name">单位概况</div> -->
|
|
|
<div class="val">
|
|
|
- <el-input
|
|
|
- :readonly="readonly"
|
|
|
- type="textarea"
|
|
|
- :autosize="{ minRows: 4, maxRows: 6 }"
|
|
|
- placeholder="请输入单位概况"
|
|
|
- v-model="formData.introduction"
|
|
|
- ></el-input>
|
|
|
+ <el-form-item prop="introduction" label="单位概况">
|
|
|
+ <el-input
|
|
|
+ :readonly="readonly"
|
|
|
+ type="textarea"
|
|
|
+ :autosize="{ minRows: 4, maxRows: 6 }"
|
|
|
+ placeholder="请输入单位概况"
|
|
|
+ v-model="formData.introduction"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item address">
|
|
|
- <div class="name">考级活动</div>
|
|
|
+ <!-- <div class="name">考级活动</div> -->
|
|
|
<div class="val">
|
|
|
- <el-radio-group v-model="formData.undertakeExamination" size="small" :disabled="readonly">
|
|
|
- <el-radio class="name" :label="true">承办过</el-radio>
|
|
|
- <el-radio class="name" :label="false">未承办过</el-radio>
|
|
|
- </el-radio-group>
|
|
|
+ <el-form-item prop="undertakeExamination" label="考级活动">
|
|
|
+ <el-radio-group v-model="formData.undertakeExamination" size="small" :disabled="readonly">
|
|
|
+ <el-radio class="name" :label="true">承办过</el-radio>
|
|
|
+ <el-radio class="name" :label="false">未承办过</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item address" v-if="formData.undertakeExamination">
|
|
|
@@ -121,42 +139,54 @@
|
|
|
</div>
|
|
|
<div class="info-content">
|
|
|
<div class="info-item address">
|
|
|
- <div class="name">法人资格</div>
|
|
|
+ <!-- <div class="name">法人资格</div> -->
|
|
|
<div class="val">
|
|
|
- <file-upload v-model="formData.privacyPolicy" :readonly="readonly"></file-upload>
|
|
|
- <!-- <single-upload v-model="formData.privacyPolicy"></single-upload> -->
|
|
|
+ <el-form-item prop="privacyPolicy" label="法人资格">
|
|
|
+ <file-upload v-model="formData.privacyPolicy" :readonly="readonly"></file-upload>
|
|
|
+ <!-- <single-upload v-model="formData.privacyPolicy"></single-upload> -->
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item address">
|
|
|
- <div class="name">业务内容</div>
|
|
|
+ <!-- <div class="name">业务内容</div> -->
|
|
|
<div class="val">
|
|
|
- <file-upload v-model="formData.business" :readonly="readonly"></file-upload>
|
|
|
+ <el-form-item prop="business" label="业务内容">
|
|
|
+ <file-upload v-model="formData.business" :readonly="readonly"></file-upload>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item address">
|
|
|
- <div class="name">社会信誉</div>
|
|
|
+ <!-- <div class="name">社会信誉</div> -->
|
|
|
<div class="val">
|
|
|
- <file-upload v-model="formData.credits" :readonly="readonly"></file-upload>
|
|
|
+ <el-form-item prop="credits" label="社会信誉">
|
|
|
+ <file-upload v-model="formData.credits" :readonly="readonly"></file-upload>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-content">
|
|
|
<div class="info-item address">
|
|
|
- <div class="name">消防卫生</div>
|
|
|
+ <!-- <div class="name">消防卫生</div> -->
|
|
|
<div class="val">
|
|
|
- <file-upload v-model="formData.fire" :readonly="readonly"></file-upload>
|
|
|
+ <el-form-item prop="fire" label="消防卫生">
|
|
|
+ <file-upload v-model="formData.fire" :readonly="readonly"></file-upload>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item address">
|
|
|
- <div class="name">财务报表</div>
|
|
|
+ <!-- <div class="name">财务报表</div> -->
|
|
|
<div class="val">
|
|
|
- <file-upload v-model="formData.finance" :readonly="readonly"></file-upload>
|
|
|
+ <el-form-item prop="finance" label="财务报表">
|
|
|
+ <file-upload v-model="formData.finance" :readonly="readonly"></file-upload>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item address">
|
|
|
- <div class="name">房产证明</div>
|
|
|
+ <!-- <div class="name">房产证明</div> -->
|
|
|
<div class="val">
|
|
|
- <file-upload v-model="formData.property" :readonly="readonly"></file-upload>
|
|
|
+ <el-form-item prop="property" label="房产证明">
|
|
|
+ <file-upload v-model="formData.property" :readonly="readonly"></file-upload>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -292,7 +322,14 @@ export default {
|
|
|
rules: {
|
|
|
name: [{ required: true, message: '请输入机构名称', trigger: 'blur' }],
|
|
|
owner: [{ required: true, message: '请输入负责人', trigger: 'blur' }],
|
|
|
- ownerEmail: [{ required: true, message: '请输入邮箱', trigger: 'blur' }],
|
|
|
+ ownerEmail: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ pattern: /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/,
|
|
|
+ message: '请输入邮箱',
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ],
|
|
|
ownerPhone: [
|
|
|
{
|
|
|
required: true,
|
|
|
@@ -301,6 +338,7 @@ export default {
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
],
|
|
|
+ district: [{ required: true, message: '请选择注册地址', trigger: 'blur' }],
|
|
|
introduction: [{ required: true, message: '请输入单位概况', trigger: 'blur' }],
|
|
|
undertakeExamination: [{ required: true, message: '请选择是否承办过考级活动', trigger: 'blur' }],
|
|
|
privacyPolicy: [
|
|
|
@@ -427,7 +465,7 @@ export default {
|
|
|
<style lang="less" scoped>
|
|
|
.info-content {
|
|
|
background: #f5f7fa;
|
|
|
- padding: 30px 25px 25px;
|
|
|
+ padding: 30px 10px 25px;
|
|
|
margin: 2px auto;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
@@ -437,13 +475,13 @@ export default {
|
|
|
width: 50%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- margin-bottom: 10px;
|
|
|
+ // margin-bottom: 10px;
|
|
|
|
|
|
&.address {
|
|
|
width: 100%;
|
|
|
align-items: flex-start;
|
|
|
.val {
|
|
|
- width: 465px;
|
|
|
+ width: 580px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -459,7 +497,8 @@ export default {
|
|
|
}
|
|
|
|
|
|
.val {
|
|
|
- width: 190px;
|
|
|
+ // width: 190px;
|
|
|
+ width: 280px;
|
|
|
}
|
|
|
|
|
|
.input {
|
|
|
@@ -481,13 +520,14 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.el-tag + .el-tag {
|
|
|
- margin-left: 10px;
|
|
|
+ margin-left: 30px;
|
|
|
// margin-bottom: 10px;
|
|
|
}
|
|
|
.el-tag-height {
|
|
|
line-height: 30px;
|
|
|
height: 32px !important;
|
|
|
margin-bottom: 10px;
|
|
|
+ margin-left: 30px;
|
|
|
}
|
|
|
.button-new-tag {
|
|
|
// margin-left: 10px;
|