|
|
@@ -4,127 +4,86 @@
|
|
|
:model="formData"
|
|
|
:rules="rules"
|
|
|
ref="form"
|
|
|
- label-width="50px"
|
|
|
+ label-width="100px"
|
|
|
label-position="right"
|
|
|
size="small"
|
|
|
style="max-width: 640px;"
|
|
|
+ inline
|
|
|
+ hide-required-asterisk
|
|
|
>
|
|
|
<div class="info-content">
|
|
|
- <div class="info-item">
|
|
|
- <div class="name">登陆账号</div>
|
|
|
- <div class="val">
|
|
|
- <el-input v-model="userInfo.username" placeholder="请输入登陆账号"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info-item">
|
|
|
- <div class="name">所属考级机构</div>
|
|
|
- <div class="val">
|
|
|
- <el-select v-model="examinationAgency" placeholder="所属考级机构">
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in examination"
|
|
|
- :key="index"
|
|
|
- :value="item"
|
|
|
- :label="item"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="info-item">
|
|
|
- <div class="name">邮箱</div>
|
|
|
- <div class="val">
|
|
|
- <el-input v-model="userInfo.email" placeholder="请输入邮箱"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info-item">
|
|
|
- <div class="name">电话</div>
|
|
|
- <div class="val">
|
|
|
- <el-input v-model="userInfo.phone" placeholder="请输入电话"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <el-form-item label="登陆账号" prop="username">
|
|
|
+ <el-input v-model="userInfo.username" placeholder="请输入登陆账号"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="所属考级机构" prop="examinationAgency">
|
|
|
+ <el-select v-model="examinationAgency" placeholder="所属考级机构">
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in examination"
|
|
|
+ :key="index"
|
|
|
+ :value="item"
|
|
|
+ :label="item"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="邮箱" prop="email">
|
|
|
+ <el-input v-model="userInfo.email" placeholder="请输入邮箱"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="电话" prop="phone">
|
|
|
+ <el-input v-model="userInfo.phone" placeholder="请输入邮箱"></el-input>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
|
|
|
<div class="info-content">
|
|
|
- <div class="info-item">
|
|
|
- <div class="name">承办单位名称</div>
|
|
|
- <div class="val">
|
|
|
- <el-input v-model="formData.name" placeholder="请输入承办单位名称"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info-item">
|
|
|
- <div class="name">负责人</div>
|
|
|
- <div class="val">
|
|
|
- <el-input v-model="formData.owner" placeholder="请输入负责人"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info-item">
|
|
|
- <div class="name">负责人邮箱</div>
|
|
|
- <div class="val">
|
|
|
- <el-input v-model="formData.ownerEmail" placeholder="请输入负责人邮箱"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info-item">
|
|
|
- <div class="name">负责人电话</div>
|
|
|
- <div class="val">
|
|
|
- <el-input v-model="formData.ownerPhone" placeholder="请输入负责人电话"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info-item">
|
|
|
- <div class="name">法人姓名</div>
|
|
|
- <div class="val">
|
|
|
- <el-input v-model="formData.privacyPolicy" placeholder="请输入法人姓名"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info-item">
|
|
|
- <div class="name">证件号码</div>
|
|
|
- <div class="val">
|
|
|
- <el-input v-model="formData.IDNo" placeholder="请输入证件号码"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info-item address">
|
|
|
- <div class="name">信用代码</div>
|
|
|
- <div class="val">
|
|
|
- <el-input v-model="formData.uscc" placeholder="请输入统一社会信用代码"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info-item address">
|
|
|
- <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, index) in districtOptions"
|
|
|
- :key="index"
|
|
|
- :value="item.value"
|
|
|
- :label="item.label"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :autosize="{ minRows: 3, maxRows: 4 }"
|
|
|
- style="margin-top: 14px"
|
|
|
- placeholder="请输入详细地址"
|
|
|
- v-model="formData.address"
|
|
|
- ></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info-item address">
|
|
|
- <div class="name">经营范围</div>
|
|
|
- <div class="val">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :autosize="{ minRows: 3, maxRows: 4 }"
|
|
|
- placeholder="请输入经营范围"
|
|
|
- v-model="formData.businessScope"
|
|
|
- ></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info-item">
|
|
|
- <div class="name">营业执照</div>
|
|
|
- <div class="val">
|
|
|
- <single-upload v-model="formData.businessLicense"></single-upload>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <el-form-item label="承办单位名称" prop="name">
|
|
|
+ <el-input v-model="formData.name" placeholder="请输入承办单位名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="负责人" prop="owner">
|
|
|
+ <el-input v-model="formData.owner" placeholder="请输入负责人"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="负责人邮箱" prop="ownerEmail">
|
|
|
+ <el-input v-model="formData.ownerEmail" placeholder="请输入负责人邮箱"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="负责人电话" prop="ownerPhone">
|
|
|
+ <el-input v-model="formData.ownerPhone" placeholder="请输入负责人电话"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="法人姓名" prop="privacyPolicy">
|
|
|
+ <el-input v-model="formData.privacyPolicy" placeholder="请输入法人姓名"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="证件号码" prop="IDNo">
|
|
|
+ <el-input v-model="formData.IDNo" placeholder="请输入证件号码"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="地址" prop="district" class="address">
|
|
|
+ <el-select v-model="formData.district" style="width:100%">
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in districtOptions"
|
|
|
+ :key="index"
|
|
|
+ :value="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label=" " prop="address" class="address">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :autosize="{ minRows: 3, maxRows: 4 }"
|
|
|
+ style="width:100%"
|
|
|
+ placeholder="请输入详细地址"
|
|
|
+ v-model="formData.address"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="经营范围" prop="businessScope" class="address">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :autosize="{ minRows: 3, maxRows: 4 }"
|
|
|
+ placeholder="请输入经营范围"
|
|
|
+ v-model="formData.businessScope"
|
|
|
+ style="width:100%"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="营业执照" prop="businessLicense" class="address">
|
|
|
+ <single-upload v-model="formData.businessLicense"></single-upload>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
<el-form-item>
|
|
|
<!-- <el-button @click="readonly = false" :loading="saving" type="success">编辑</el-button> -->
|
|
|
@@ -175,7 +134,19 @@ export default {
|
|
|
return {
|
|
|
saving: false,
|
|
|
formData: {},
|
|
|
- rules: {},
|
|
|
+ rules: {
|
|
|
+ name: { required: true, message: '请输入承办单位名称', trigger: 'blur' },
|
|
|
+ owner: { required: true, message: '请输入负责人', trigger: 'blur' },
|
|
|
+ ownerEmail: { required: true, message: '请输入负责人邮箱', trigger: 'blur' },
|
|
|
+ ownerPhone: { required: true, message: '请输入负责人电话', trigger: 'blur' },
|
|
|
+ privacyPolicy: { required: true, message: '请输入法人姓名', trigger: 'blur' },
|
|
|
+ IDNo: { required: true, message: '请输入证件号码', trigger: 'blur' },
|
|
|
+ uscc: { required: true, message: '请输入信用代码', trigger: 'blur' },
|
|
|
+ district: { required: true, message: '请选择地址', trigger: 'change' },
|
|
|
+ address: { required: true, message: '请输入详细地址', trigger: 'blur' },
|
|
|
+ businessScope: { required: true, message: '请输入经营范围', trigger: 'blur' },
|
|
|
+ businessLicense: { required: true, message: '请上传营业执照', trigger: 'change' }
|
|
|
+ },
|
|
|
districtOptions: [],
|
|
|
readonly: true,
|
|
|
district: [],
|
|
|
@@ -293,4 +264,12 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+/deep/ .address {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ .el-form-item__content {
|
|
|
+ flex-grow: 1;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
panhui