feat: 页面

wupengfei

1 天以前 5cc0cbeb28fa80bb734f007248eca2a4c69172c4

 src/views/EnterpriseManage/components/ConfigureDialog.vue

@@ -2,7 +2,7 @@
  <ProDialog title="配置" v-model="visible" @close="onDialogClose" destroy-on-close draggable>
    <FieldRadio
      v-model="form.enterpriseConfigureType"
      :value-enum="EnterpriseConfigureTypeText"
      :value-enum="EnterpriseConfigureTypeTextLsst"
      buttonStyle
      style="margin-bottom: 22px"
    />
@@ -22,6 +22,9 @@
      <el-tab-pane lazy :name="EnterpriseConfigureType.ShortMessage">
        <ShortMessageConfigureView :id="form.id" ref="shortMessageConfigureViewRef" />
      </el-tab-pane>
      <el-tab-pane lazy :name="EnterpriseConfigureType.InsureProduct">
        <InsureProductConfigureView :id="form.id" ref="insureProductConfigureViewRef" />
      </el-tab-pane>
    </el-tabs>
    <template #footer>
      <span class="dialog-footer">
@@ -34,12 +37,17 @@

<script setup lang="ts">
import { ProDialog, FieldRadio } from '@bole-core/components';
import { EnterpriseConfigureType, EnterpriseConfigureTypeText } from '@/constants';
import {
  EnterpriseConfigureType,
  EnterpriseConfigureTypeTextPartA,
  EnterpriseConfigureTypeTextSupplier,
} from '@/constants';
import BankConfigureView from './BankConfigureView.vue';
import AliPayConfigureView from './AliPayConfigureView.vue';
import ElectronicConfigureView from './ElectronicConfigureView.vue';
import ShortMessageConfigureView from './ShortMessageConfigureView.vue';
import WechatConfigureView from './WechatConfigureView.vue';
import InsureProductConfigureView from './InsureProductConfigureView.vue';

defineOptions({
  name: 'ConfigureDialog',
@@ -48,10 +56,17 @@
type Form = {
  enterpriseConfigureType: EnterpriseConfigureType;
  id: string;
  type: EnumEnterpriseType;
};

const form = defineModel<Form>('form');
const visible = defineModel({ type: Boolean });

const EnterpriseConfigureTypeTextLsst = computed(() => {
  return form.value.type === EnumEnterpriseType.Supplier
    ? EnterpriseConfigureTypeTextSupplier
    : EnterpriseConfigureTypeTextPartA;
});

const emit = defineEmits<{
  (e: 'onConfirm', value: any): void;
@@ -68,6 +83,9 @@
const shortMessageConfigureViewRef = useTemplateRef<InstanceType<typeof ShortMessageConfigureView>>(
  'shortMessageConfigureViewRef'
);
const insureProductConfigureViewRef = useTemplateRef<
  InstanceType<typeof InsureProductConfigureView>
>('insureProductConfigureViewRef');

const wechatConfigureViewRef =
  useTemplateRef<InstanceType<typeof WechatConfigureView>>('wechatConfigureViewRef');
@@ -89,6 +107,8 @@
    res = await shortMessageConfigureViewRef.value?.onConfirm?.();
  } else if (form.value.enterpriseConfigureType === EnterpriseConfigureType.Wechat) {
    res = await wechatConfigureViewRef.value?.onConfirm?.();
  } else if (form.value.enterpriseConfigureType === EnterpriseConfigureType.InsureProduct) {
    res = await insureProductConfigureViewRef.value?.onConfirm?.();
  }
  if (res) {
    emit('onConfirm', res);