| | |
| | | <!-- <p class="text-center xieyi">注册协议</p> --> |
| | | </div> |
| | | </div> |
| | | <div v-else-if="active == 1" class="flex justify-center mt-5"> |
| | | <div |
| | | v-else-if="active == 1" |
| | | v-loading="isLoading" |
| | | class="flex justify-center mt-5" |
| | | > |
| | | <el-form |
| | | ref="ruleFormRef" |
| | | style="width: 95%" |
| | |
| | | <el-row> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"> |
| | | <el-form-item label="企业类型" prop="enterpriseType"> |
| | | <el-select |
| | | <el-tree-select |
| | | v-model="state.ruleForm.enterpriseType" |
| | | :data="state.enterpriseList" |
| | | multiple |
| | | node-key="name" |
| | | :render-after-expand="false" |
| | | show-checkbox |
| | | check-strictly |
| | | check-on-click-node |
| | | :load="loadNode" |
| | | lazy |
| | | :props="{ label: 'name', children: 'child', isLeaf: 'leaf' }" |
| | | /> |
| | | <!-- <el-select |
| | | v-model="state.ruleForm.enterpriseType" |
| | | placeholder="请选择" |
| | | clearable |
| | |
| | | :label="item.name" |
| | | :value="item.code" |
| | | /> |
| | | </el-select> |
| | | </el-select> --> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | import { cloneDeep } from "@pureadmin/utils"; |
| | | import { getToken } from "@/utils/auth"; |
| | | import { useRoute, useRouter } from "vue-router"; |
| | | import { cusExtendInfo, changeCusExtend } from "@/api/mine"; |
| | | |
| | | const router = useRouter(); |
| | | const { route } = useNav(); |
| | | |
| | |
| | | name: "RegisterNav" |
| | | }); |
| | | const ruleFormRef = ref<FormInstance>(); |
| | | const isLoading = ref(false); |
| | | const isFirst = ref(true); |
| | | const state = reactive({ |
| | | headers: { |
| | | // Accept: "application/json, text/plain, */*", |
| | |
| | | }; |
| | | // 页面初始化 |
| | | onMounted(async () => { |
| | | // let res = await useUserStoreHook().getCusExtendInfo(); |
| | | // if (res.code == 200) { |
| | | // state.ruleForm = res.result; |
| | | // if (res.result.enterpriseType) { |
| | | // isFirst.value = false; |
| | | // } |
| | | // state.ruleForm.enterpriseType = state.ruleForm.enterpriseType.split(","); |
| | | // console.log(state.ruleForm.enterpriseType, "state.ruleForm.enterpriseType"); |
| | | // } else { |
| | | // message(res.message, { |
| | | // type: "error" |
| | | // }); |
| | | // } |
| | | state.ruleForm = cloneDeep(useUserStoreHook().enterpriseInfo); |
| | | state.ruleForm.enterpriseType = state.ruleForm.enterpriseType.split(","); |
| | | if (state.ruleForm.enterpriseType) { |
| | | isFirst.value = false; |
| | | } |
| | | let nowRole = useUserStoreHook()?.exRoles; |
| | | if (nowRole.length >= 1 && !route.query.code) { |
| | | state.ruleForm.transactionCode = nowRole[0].code; |
| | |
| | | state.ruleForm.transactionCode = route.query.code; |
| | | } |
| | | |
| | | let res = await enterpriseTypes(); |
| | | state.enterpriseList = res?.result; |
| | | let resTypes = await enterpriseTypes(); |
| | | state.enterpriseList = resTypes?.result; |
| | | }); |
| | | const isLeaf = data => { |
| | | data.forEach(item => { |
| | | if (!item.child) { |
| | | item.leaf = true; |
| | | } |
| | | }); |
| | | }; |
| | | const loadNode = (node, resolve) => { |
| | | if (node.level === 0) { |
| | | isLeaf(node.data); |
| | | return resolve(node.data); |
| | | } else if (node.level > 0 && node.data.child) { |
| | | isLeaf(node.data.child); |
| | | return resolve(node.data.child); |
| | | } else { |
| | | return resolve([]); |
| | | } |
| | | }; |
| | | let active = ref(0); |
| | | const nextStep = async (formEl: FormInstance | undefined) => { |
| | | console.log(state.ruleForm); |
| | | |
| | | if (active.value >= 1) { |
| | | if (!formEl) return; |
| | | await formEl.validate((valid, fields) => { |
| | |
| | | } |
| | | }); |
| | | return; |
| | | } else { |
| | | return; |
| | | console.log("error submit!", fields); |
| | | } |
| | | }); |
| | | return; |
| | | } |
| | | |
| | | active.value += 1; |
| | | }; |
| | | const backStep = () => { |
| | |
| | | const sumbitData = async () => { |
| | | let obj = cloneDeep(state.ruleForm); |
| | | obj.enterpriseType = state.ruleForm.enterpriseType.join(","); |
| | | let res = await createrExRolsInformation(obj); |
| | | let res = isFirst.value |
| | | ? await createrExRolsInformation(obj) |
| | | : await changeCusExtend(obj); |
| | | if (res.code == "200") { |
| | | await useUserStoreHook().getCusExtendInfo(); |
| | | active.value = 3; |
| | | } else { |
| | | message(res.message, { |
| | |
| | | type: "error" |
| | | }); |
| | | } |
| | | isLoading.value = false; |
| | | }; |
| | | |
| | | const handleAvatarSuccessLegalRepresentative: UploadProps["onSuccess"] = ( |
| | |
| | | type: "error" |
| | | }); |
| | | } |
| | | isLoading.value = false; |
| | | }; |
| | | |
| | | const handleAvatarSuccessOperator: UploadProps["onSuccess"] = ( |
| | |
| | | type: "error" |
| | | }); |
| | | } |
| | | isLoading.value = false; |
| | | }; |
| | | |
| | | const beforeAvatarUpload: UploadProps["beforeUpload"] = rawFile => { |
| | | isLoading.value = true; |
| | | // if (rawFile.type !== "image/jpeg") { |
| | | // message(`请上传jpeg类型的图片`, { |
| | | // type: "error" |