|
|
@@ -4,82 +4,125 @@
|
|
|
:model="formData"
|
|
|
:rules="rules"
|
|
|
ref="form"
|
|
|
- label-width="50px"
|
|
|
+ label-width="110px"
|
|
|
label-position="right"
|
|
|
size="small"
|
|
|
- style="max-width: 600px;"
|
|
|
+ style="max-width: 640px;"
|
|
|
>
|
|
|
+ <el-divider direction="horizontal" content-position="left">基本信息</el-divider>
|
|
|
<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-input v-model="formData.name" placeholder="请输入机构名称" :readonly="readonly"></el-input>
|
|
|
+ <el-form-item prop="name" label="承办单位名称">
|
|
|
+ <el-input v-model="formData.name" placeholder="请输入承办单位名称" 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.ownerEmail"
|
|
|
- placeholder="请输入负责人邮箱"
|
|
|
- :readonly="readonly"
|
|
|
- ></el-input>
|
|
|
+ <el-form-item prop="name" label="负责人邮箱">
|
|
|
+ <el-input v-model="formData.ownerEmail" placeholder="请输入负责人邮箱" 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></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></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">
|
|
|
+ <div class="info-item">
|
|
|
+ <div class="val">
|
|
|
+ <el-form-item prop="district" label="考级机构">
|
|
|
+ <el-select v-model="formData.district" style="width:190px">
|
|
|
+ <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 class="val">
|
|
|
+ <el-form-item prop="district" label="代理专业">
|
|
|
+ <el-select v-model="formData.district" style="width:190px">
|
|
|
+ <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="val">
|
|
|
+ <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" v-if="formData.undertakeExamination">
|
|
|
<div class="name"></div>
|
|
|
<div class="val">
|
|
|
<el-tag
|
|
|
@@ -113,46 +156,68 @@
|
|
|
>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
+ <el-divider direction="horizontal" content-position="left">企业资质</el-divider>
|
|
|
<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>
|
|
|
+ <el-divider direction="horizontal" content-position="left">物质条件</el-divider>
|
|
|
<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="hygiene" label="卫生防疫">
|
|
|
+ <file-upload v-model="formData.hygiene" :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="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="val">
|
|
|
+ <el-form-item prop="property" label="房产证明">
|
|
|
+ <file-upload v-model="formData.property" :readonly="readonly"></file-upload>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -184,7 +249,7 @@
|
|
|
"
|
|
|
:loading="saving"
|
|
|
type="warning"
|
|
|
- v-if="formData.status == 'FIRST_REVIEW_DENY'"
|
|
|
+ v-if="formData.status == 'FIRST_REVIEW_DENY' && readonly"
|
|
|
>编辑</el-button
|
|
|
>
|
|
|
<el-button @click="onSave(true)" :loading="saving" type="primary" v-if="!formData.submit"
|
|
|
@@ -202,7 +267,7 @@
|
|
|
(formData.status == 'FIRST_REVIEW_PENDING' || formData.status == 'FIRST_REVIEW_DENY') &&
|
|
|
readonly
|
|
|
"
|
|
|
- >取消申请
|
|
|
+ >撤回
|
|
|
</el-button>
|
|
|
<el-button @click="$router.go(-1)">返回</el-button>
|
|
|
</div>
|
|
|
@@ -288,7 +353,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,
|
|
|
@@ -297,12 +369,12 @@ export default {
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
],
|
|
|
+ district: [{ required: true, message: '请选择注册地址', trigger: 'blur' }],
|
|
|
introduction: [{ required: true, message: '请输入单位概况', trigger: 'blur' }],
|
|
|
undertakeExamination: [{ required: true, message: '请选择是否承办过考级活动', trigger: 'blur' }],
|
|
|
privacyPolicy: [
|
|
|
{
|
|
|
required: true,
|
|
|
- regexp: /^[_.@A-Za-z0-9-]*$/,
|
|
|
message: '请上传法人资格',
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
@@ -310,7 +382,6 @@ export default {
|
|
|
business: [
|
|
|
{
|
|
|
required: true,
|
|
|
- regexp: /^[_.@A-Za-z0-9-]*$/,
|
|
|
message: '请上传业务内容',
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
@@ -318,7 +389,6 @@ export default {
|
|
|
credits: [
|
|
|
{
|
|
|
required: true,
|
|
|
- regexp: /^[_.@A-Za-z0-9-]*$/,
|
|
|
message: '请上传社会信誉',
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
@@ -326,15 +396,20 @@ export default {
|
|
|
fire: [
|
|
|
{
|
|
|
required: true,
|
|
|
- regexp: /^[_.@A-Za-z0-9-]*$/,
|
|
|
- message: '请上传消防卫生',
|
|
|
+ message: '请上传消防安全',
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ hygiene: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请上传卫生防疫',
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
],
|
|
|
finance: [
|
|
|
{
|
|
|
required: true,
|
|
|
- regexp: /^[_.@A-Za-z0-9-]*$/,
|
|
|
message: '请上传财务报表',
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
@@ -342,12 +417,12 @@ export default {
|
|
|
property: [
|
|
|
{
|
|
|
required: true,
|
|
|
- regexp: /^[_.@A-Za-z0-9-]*$/,
|
|
|
message: '请上传房产证明',
|
|
|
trigger: 'blur'
|
|
|
}
|
|
|
]
|
|
|
- }
|
|
|
+ },
|
|
|
+ collaborates: []
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -383,6 +458,9 @@ export default {
|
|
|
if (this.formData.status == 'EXPERT_DENY') {
|
|
|
data.status = 'SUBMIT_GRADE';
|
|
|
}
|
|
|
+ if (!isSubmit) {
|
|
|
+ data.status = 'DRAFT';
|
|
|
+ }
|
|
|
data.submit = isSubmit;
|
|
|
this.saving = true;
|
|
|
this.$http
|
|
|
@@ -422,8 +500,8 @@ export default {
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
.info-content {
|
|
|
- background: #f5f7fa;
|
|
|
- padding: 30px 25px 25px;
|
|
|
+ // background: #f5f7fa;
|
|
|
+ padding: 20px 10px 25px;
|
|
|
margin: 2px auto;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
@@ -433,13 +511,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: 600px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -455,7 +533,12 @@ export default {
|
|
|
}
|
|
|
|
|
|
.val {
|
|
|
- width: 190px;
|
|
|
+ // width: 190px;
|
|
|
+ width: 300px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .input {
|
|
|
+ margin-top: 10px;
|
|
|
}
|
|
|
}
|
|
|
.tag {
|
|
|
@@ -473,13 +556,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;
|