|
|
@@ -13,31 +13,47 @@
|
|
|
<div class="info-item">
|
|
|
<div class="name">机构名称</div>
|
|
|
<div class="val">
|
|
|
- <el-input v-model="formData.name" placeholder="请输入机构名称"></el-input>
|
|
|
+ <el-input v-model="formData.name" placeholder="请输入机构名称" :readonly="readonly"></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item">
|
|
|
- <div class="name">负责人</div>
|
|
|
+ <div class="name">负责人邮箱</div>
|
|
|
<div class="val">
|
|
|
- <el-input v-model="formData.owner" placeholder="请输入负责人"></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model="formData.ownerEmail"
|
|
|
+ placeholder="请输入负责人邮箱"
|
|
|
+ :readonly="readonly"
|
|
|
+ ></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item">
|
|
|
- <div class="name">负责人邮箱</div>
|
|
|
+ <div class="name">负责人</div>
|
|
|
<div class="val">
|
|
|
- <el-input v-model="formData.ownerEmail" placeholder="请输入负责人邮箱"></el-input>
|
|
|
+ <el-input v-model="formData.owner" placeholder="请输入负责人" :readonly="readonly"></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item">
|
|
|
<div class="name">负责人电话</div>
|
|
|
<div class="val">
|
|
|
- <el-input v-model="formData.ownerPhone" placeholder="请输入负责人电话"></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model="formData.ownerPhone"
|
|
|
+ placeholder="请输入负责人电话"
|
|
|
+ :readonly="readonly"
|
|
|
+ ></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item">
|
|
|
<div class="name">地址</div>
|
|
|
<div class="val">
|
|
|
- <district-choose v-model="formData.district1"></district-choose>
|
|
|
+ <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>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -45,6 +61,7 @@
|
|
|
<div class="name">单位概况</div>
|
|
|
<div class="val">
|
|
|
<el-input
|
|
|
+ :readonly="readonly"
|
|
|
type="textarea"
|
|
|
:autosize="{ minRows: 4, maxRows: 6 }"
|
|
|
placeholder="请输入单位概况"
|
|
|
@@ -55,7 +72,7 @@
|
|
|
<div class="info-item address">
|
|
|
<div class="name">考级活动</div>
|
|
|
<div class="val">
|
|
|
- <el-radio-group v-model="formData.undertakeExamination" size="small">
|
|
|
+ <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>
|
|
|
@@ -67,7 +84,7 @@
|
|
|
<el-tag
|
|
|
:key="tag"
|
|
|
v-for="tag in formData.examination"
|
|
|
- closable
|
|
|
+ :closable="!readonly"
|
|
|
:disable-transitions="false"
|
|
|
@close="handleClose(tag)"
|
|
|
size="medium"
|
|
|
@@ -86,7 +103,11 @@
|
|
|
@blur="handleInputConfirm"
|
|
|
>
|
|
|
</el-input>
|
|
|
- <el-button v-else class="button-new-tag" size="small" @click="showInput"
|
|
|
+ <el-button
|
|
|
+ v-if="!inputVisible && !readonly"
|
|
|
+ class="button-new-tag"
|
|
|
+ size="small"
|
|
|
+ @click="showInput"
|
|
|
>添加考级活动名称</el-button
|
|
|
>
|
|
|
</div>
|
|
|
@@ -97,20 +118,20 @@
|
|
|
<div class="info-item address">
|
|
|
<div class="name">法人资格</div>
|
|
|
<div class="val">
|
|
|
- <file-upload v-model="formData.privacyPolicy"></file-upload>
|
|
|
+ <file-upload v-model="formData.privacyPolicy" :readonly="readonly"></file-upload>
|
|
|
<!-- <single-upload v-model="formData.privacyPolicy"></single-upload> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item address">
|
|
|
<div class="name">业务内容</div>
|
|
|
<div class="val">
|
|
|
- <file-upload v-model="formData.business"></file-upload>
|
|
|
+ <file-upload v-model="formData.business" :readonly="readonly"></file-upload>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item address">
|
|
|
<div class="name">社会信誉</div>
|
|
|
<div class="val">
|
|
|
- <file-upload v-model="formData.credits"></file-upload>
|
|
|
+ <file-upload v-model="formData.credits" :readonly="readonly"></file-upload>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -118,27 +139,49 @@
|
|
|
<div class="info-item address">
|
|
|
<div class="name">消防卫生</div>
|
|
|
<div class="val">
|
|
|
- <file-upload v-model="formData.fire"></file-upload>
|
|
|
+ <file-upload v-model="formData.fire" :readonly="readonly"></file-upload>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item address">
|
|
|
<div class="name">财务报表</div>
|
|
|
<div class="val">
|
|
|
- <file-upload v-model="formData.finance"></file-upload>
|
|
|
+ <file-upload v-model="formData.finance" :readonly="readonly"></file-upload>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info-item address">
|
|
|
<div class="name">房产证明</div>
|
|
|
<div class="val">
|
|
|
- <file-upload v-model="formData.property"></file-upload>
|
|
|
+ <file-upload v-model="formData.property" :readonly="readonly"></file-upload>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="info-content">
|
|
|
+ <div class="info-item">
|
|
|
+ <div class="name">驳回时间</div>
|
|
|
+ <div class="val">
|
|
|
+ <el-input></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="info-item address">
|
|
|
+ <div class="name">驳回缘由</div>
|
|
|
+ <div class="val">
|
|
|
+ <el-input></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-form-item>
|
|
|
<div style="margin-top: 10px">
|
|
|
- <el-button @click="readonly = false" :loading="saving" type="success">提交</el-button>
|
|
|
- <el-button @click="onSave" :loading="saving" type="primary">保存</el-button>
|
|
|
- <el-button @click="onDelete" :loading="saving" type="danger" v-if="formData.id"
|
|
|
+ <el-button @click="onSave(true)" :loading="saving" type="success" v-if="!formData.submit"
|
|
|
+ >提交</el-button
|
|
|
+ >
|
|
|
+ <el-button @click="onSave(false)" :loading="saving" type="primary" v-if="!formData.submit"
|
|
|
+ >保存</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ @click="onCancel"
|
|
|
+ :loading="saving"
|
|
|
+ type="danger"
|
|
|
+ v-if="formData.id && formData.status != 'CANCEL'"
|
|
|
>取消申请
|
|
|
</el-button>
|
|
|
<el-button @click="$router.go(-1)">返回</el-button>
|
|
|
@@ -160,29 +203,51 @@ export default {
|
|
|
.get('rate/get/' + this.$route.query.rateId)
|
|
|
.then(res => {
|
|
|
this.formData = res;
|
|
|
+ if (res.status != 'FIRST_REVIEW_PENDING' || res.submit) {
|
|
|
+ this.readonly = true;
|
|
|
+ }
|
|
|
})
|
|
|
.catch(e => {
|
|
|
console.log(e);
|
|
|
this.$message.error(e.error);
|
|
|
});
|
|
|
+ // }
|
|
|
} else if (this.organization != null) {
|
|
|
this.formData.name = this.organization.name;
|
|
|
this.formData.owner = this.organization.owner;
|
|
|
this.formData.ownerEmail = this.organization.ownerEmail;
|
|
|
this.formData.ownerPhone = this.organization.ownerPhone;
|
|
|
- this.formData.district1 = this.organization.district1;
|
|
|
- this.formData.privacyPolicy.push(this.organization.businessLicense);
|
|
|
+ this.formData.district = this.organization.district;
|
|
|
+ // this.formData.district1 = this.organization.district1;
|
|
|
+ // this.formData.privacyPolicy.push(this.organization.businessLicense);
|
|
|
this.formData.organizationId = this.organization.id;
|
|
|
}
|
|
|
+ this.$http
|
|
|
+ .get('/district/NJ')
|
|
|
+ .then(res => {
|
|
|
+ this.districts = res;
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ this.$message.error(e.error);
|
|
|
+ });
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
formData: {
|
|
|
- examination: []
|
|
|
+ examination: [],
|
|
|
+ name: '',
|
|
|
+ owner: '',
|
|
|
+ ownerEmail: '',
|
|
|
+ ownerPhone: '',
|
|
|
+ district: ''
|
|
|
+ // district1: []
|
|
|
},
|
|
|
inputVisible: false,
|
|
|
inputValue: '',
|
|
|
saving: false,
|
|
|
+ districts: [],
|
|
|
+ readonly: false,
|
|
|
rules: {
|
|
|
name: [{ required: true, message: '请输入机构名称', trigger: 'blur' }],
|
|
|
owner: [{ required: true, message: '请输入负责人', trigger: 'blur' }],
|
|
|
@@ -266,19 +331,19 @@ export default {
|
|
|
this.inputVisible = false;
|
|
|
this.inputValue = '';
|
|
|
},
|
|
|
- onSave(status) {
|
|
|
+ onSave(isSubmit) {
|
|
|
this.$refs.form.validate(valid => {
|
|
|
if (valid) {
|
|
|
- this.submit(status);
|
|
|
+ this.submit(isSubmit);
|
|
|
} else {
|
|
|
return false;
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- submit(status) {
|
|
|
+ submit(isSubmit) {
|
|
|
let data = { ...this.formData };
|
|
|
- data.status = status;
|
|
|
- data.organizationId = this.organizationId;
|
|
|
+ data.status = 'FIRST_REVIEW_PENDING';
|
|
|
+ data.submit = isSubmit;
|
|
|
this.saving = true;
|
|
|
this.$http
|
|
|
.post('/rate/save', data, { body: 'json' })
|
|
|
@@ -292,6 +357,25 @@ export default {
|
|
|
this.saving = false;
|
|
|
this.$message.error(e.error);
|
|
|
});
|
|
|
+ },
|
|
|
+ onCancel() {
|
|
|
+ let data = { ...this.formData };
|
|
|
+ data.status = 'CANCEL';
|
|
|
+ data.submit = false;
|
|
|
+ this.$alert('取消将无法恢复,确认要取消么?', '警告', { type: 'error' })
|
|
|
+ .then(() => {
|
|
|
+ return this.$http.post('/rate/save', data, { body: 'json' });
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$message.success('取消成功');
|
|
|
+ this.$router.go(-1);
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ if (e !== 'cancel') {
|
|
|
+ console.log(e);
|
|
|
+ this.$message.error((e || {}).error || '取消失败');
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
@@ -356,4 +440,18 @@ export default {
|
|
|
// margin-left: 10px;
|
|
|
vertical-align: bottom;
|
|
|
}
|
|
|
+.el-radio__input.is-checked .el-radio__inner {
|
|
|
+ border-block: #409eff;
|
|
|
+ background: #409eff;
|
|
|
+}
|
|
|
+.el-radio__inner {
|
|
|
+ border: 1px solid #dcdfe6;
|
|
|
+ border-radius: 100%;
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+ background-color: #fff;
|
|
|
+ cursor: pointer;
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
</style>
|