|
@@ -12,19 +12,19 @@
|
|
|
<el-form-item label="企业名称:" prop="company_name">
|
|
|
<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-select v-model="form.district" placeholder="请选择辖区县">
|
|
|
- <el-option v-for="item in district_type" :label="item.label" :value="item.value" />
|
|
|
+ <el-form-item label="辖区省:" prop="province_code">
|
|
|
+ <el-select v-model="form.province_code" placeholder="请选择辖区省" @change="getDistrict(form.province_code,2)">
|
|
|
+ <el-option v-for="item in provinceList" :label="item.name" :value="item.id" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="辖区市:" prop="city_code">
|
|
|
+ <el-select v-model="form.city_code" placeholder="请选择辖区市" @change="getDistrict(form.city_code,3)">
|
|
|
+ <el-option v-for="item in cityList" :label="item.name" :value="item.id" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="辖区县:" prop="district_code">
|
|
|
+ <el-select v-model="form.district_code" placeholder="请选择辖区县">
|
|
|
+ <el-option v-for="item in districtList" :label="item.name" :value="item.id" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="企业地址:" prop="company_address">
|
|
@@ -52,22 +52,25 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup lang="ts">
|
|
|
-import { ref, toRefs } from 'vue';
|
|
|
-import {addCompany, updateCompany} from "@/api/riskPrevention/BusinessPortraits";
|
|
|
+import { onMounted, ref, toRefs } from 'vue';
|
|
|
+import { addCompany, getZoning, 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']);
|
|
|
+const districtList = ref();
|
|
|
+const provinceList = ref();
|
|
|
+const cityList = ref();
|
|
|
let form = ref({
|
|
|
company_name: '',
|
|
|
province: '',
|
|
|
- province_code: '440000000000',
|
|
|
+ province_code: '',
|
|
|
city: '',
|
|
|
- city_code: '440900000000',
|
|
|
+ city_code: '',
|
|
|
district: '',
|
|
|
- district_code: '2',
|
|
|
+ district_code: '',
|
|
|
company_address: '',
|
|
|
responsible_person: '',
|
|
|
phone: '',
|
|
@@ -77,9 +80,9 @@ let form = ref({
|
|
|
// 表单验证规则
|
|
|
const rules = ref({
|
|
|
company_name: [{ required: true, message: '请选择企业名称', trigger: 'blur' }],
|
|
|
- province: [{ required: true, message: '请选择辖区省', trigger: 'change' }],
|
|
|
- city: [{ required: true, message: '请选择辖区市', trigger: 'change' }],
|
|
|
- district: [{ required: true, message: '请选择辖区县', trigger: 'change' }],
|
|
|
+ province_code: [{ required: true, message: '请选择辖区省', trigger: 'change' }],
|
|
|
+ city_code: [{ required: true, message: '请选择辖区市', trigger: 'change' }],
|
|
|
+ district_code: [{ required: true, message: '请选择辖区县', trigger: 'change' }],
|
|
|
company_address: [{ required: true, message: '请选择企业地址', trigger: 'change' }],
|
|
|
responsible_person: [{ required: true, message: '请选择企业负责人', trigger: 'change' }],
|
|
|
phone: [
|
|
@@ -124,4 +127,20 @@ const cancel = () => {
|
|
|
emits('close');
|
|
|
};
|
|
|
|
|
|
+const getDistrict = (id,level) => {
|
|
|
+ getZoning(id,level).then((res) => {
|
|
|
+ if (level === 1) {
|
|
|
+ provinceList.value = res.data;
|
|
|
+ } else if (level === 2) {
|
|
|
+ cityList.value = res.data;
|
|
|
+ } else if (level === 3) {
|
|
|
+ districtList.value = res.data;
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+onMounted(() => {
|
|
|
+ getDistrict(100000,1);
|
|
|
+});
|
|
|
</script>
|