|
|
@@ -5,27 +5,27 @@
|
|
|
<div class="common-dialog-content">
|
|
|
<div class="common-dialog-title-box">
|
|
|
<i class="common-dialog-title-icon" />
|
|
|
- <el-form-item>
|
|
|
- <div class="back-btn" @click="goBack">
|
|
|
- <el-icon><Back /></el-icon>
|
|
|
- 返回上一级
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
<div>新建企业</div>
|
|
|
</div>
|
|
|
<div class="common-dialog-box">
|
|
|
<el-form ref="demoFormRef" :model="form" label-width="100px" :rules="rules">
|
|
|
<el-form-item label="企业名称：" prop="company_name">
|
|
|
- <el-input v-model="form.company_name" placeholder="请输入企业名称" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="辖区省：" prop="province">
|
|
|
- <el-input v-model="form.province" placeholder="请输入辖区省" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="辖区市：" prop="city">
|
|
|
- <el-input v-model="form.city" placeholder="请输入辖区市" />
|
|
|
+ <el-input v-model="form.company_name" placeholder="请输入企业名称" style="width: 468px" />
|
|
|
</el-form-item>
|
|
|
+<!-- <el-form-item label="辖区省：" prop="province">-->
|
|
|
+<!-- <el-select v-model="form.province" placeholder="请选择辖区省">-->
|
|
|
+<!-- <el-option v-for="item in provinceList" :label="item.label" :value="item.value" />-->
|
|
|
+<!-- </el-select>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- <el-form-item label="辖区市：" prop="city">-->
|
|
|
+<!-- <el-select v-model="form.city" placeholder="请选择辖区市">-->
|
|
|
+<!-- <el-option v-for="item in cityList" :label="item.label" :value="item.value" />-->
|
|
|
+<!-- </el-select>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
<el-form-item label="辖区县：" prop="district">
|
|
|
- <el-input v-model="form.district" placeholder="请输入辖区县" />
|
|
|
+ <el-select v-model="form.district" placeholder="请选择辖区县">
|
|
|
+ <el-option v-for="item in district_type" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="企业地址：" prop="company_address">
|
|
|
<el-input v-model="form.company_address" placeholder="请输入企业地址" />
|
|
|
@@ -37,7 +37,9 @@
|
|
|
<el-input v-model="form.phone" placeholder="请输入移动电话" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="企业类型：" prop="company_type">
|
|
|
- <el-input v-model="form.company_type" placeholder="请输入企业类型" />
|
|
|
+ <el-select v-model="form.company_type" placeholder="请选择企业类型">
|
|
|
+ <el-option v-for="item in enterprise_type" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -50,24 +52,26 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup lang="ts">
|
|
|
-import { ref } from 'vue';
|
|
|
+import { ref, toRefs } from 'vue';
|
|
|
import {addCompany, updateCompany} from "@/api/riskPrevention/BusinessPortraits";
|
|
|
+import { validatePhone } from '@/utils/validate';
|
|
|
const demoFormRef = ref(null);
|
|
|
const buttonLoading = ref(false);
|
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
+const { enterprise_type, district_type } = toRefs<any>(proxy?.useDict('enterprise_type','district_type'));
|
|
|
const emits = defineEmits(['close']);
|
|
|
let form = ref({
|
|
|
- company_name: '',
|
|
|
- province: '',
|
|
|
- province_code: '0',
|
|
|
- city: '',
|
|
|
- city_code: '1',
|
|
|
- district: '',
|
|
|
+ company_name: '1',
|
|
|
+ province: '1',
|
|
|
+ province_code: '440000000000',
|
|
|
+ city: '1',
|
|
|
+ city_code: '440900000000',
|
|
|
+ district: '1',
|
|
|
district_code: '2',
|
|
|
- company_address: '',
|
|
|
- responsible_person: '',
|
|
|
- phone: '',
|
|
|
- company_type: ''
|
|
|
+ company_address: '1',
|
|
|
+ responsible_person: '1',
|
|
|
+ phone: '13654789234',
|
|
|
+ company_type: '1'
|
|
|
});
|
|
|
|
|
|
// 表单验证规则
|
|
|
@@ -78,19 +82,20 @@ const rules = ref({
|
|
|
district: [{ required: true, message: '请选择辖区县', trigger: 'change' }],
|
|
|
company_address: [{ required: true, message: '请选择企业地址', trigger: 'change' }],
|
|
|
responsible_person: [{ required: true, message: '请选择企业负责人', trigger: 'change' }],
|
|
|
- phone: [{ required: true, message: '请选择手机号码', trigger: 'change' }],
|
|
|
+ phone: [
|
|
|
+ { required: true, message: '电话不能为空', trigger: 'blur' },
|
|
|
+ { validator: validatePhone, message: '请输入正确格式的联系电话', trigger: 'blur' }
|
|
|
+ ],
|
|
|
company_type: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
|
|
|
});
|
|
|
// 提交表单
|
|
|
const submitForm = () => {
|
|
|
-
|
|
|
demoFormRef.value?.validate(async (valid) => {
|
|
|
if (valid) {
|
|
|
try {
|
|
|
buttonLoading.value = true;
|
|
|
-
|
|
|
- form.value.task_number ? await updateCompany(form.value) : await addCompany(form.value);
|
|
|
- proxy?.$modal.msgSuccess(form.value.task_number ? '修改成功' : '新增成功');
|
|
|
+ await addCompany(form.value);
|
|
|
+ proxy?.$modal.msgSuccess('新增成功');
|
|
|
emits('refresh'); // 提交成功后通知父组件刷新
|
|
|
emits('close'); // 关闭弹窗
|
|
|
} finally {
|
|
|
@@ -118,4 +123,5 @@ const cancel = () => {
|
|
|
resetForm();
|
|
|
emits('close');
|
|
|
};
|
|
|
+
|
|
|
</script>
|
