v3.9.0【优化】typescript版本;【优化】App端消息;【优化】弹出层z-index;

2025-11-12 05:33:48 +08:00 · 2024-11-04 20:15:49 +08:00
parent 17a3e1fd86
commit 69fa9088f5
1376 changed files with 10373 additions and 9712 deletions
--- a/smart-admin-web-javascript/src/views/business/oa/enterprise/components/enterprise-operate-modal.vue
+++ b/smart-admin-web-javascript/src/views/business/oa/enterprise/components/enterprise-operate-modal.vue
@@ -0,0 +1,243 @@
+<template>
+  <a-modal :open="visible" title="添加" :width="700" forceRender ok-text="确认" cancel-text="取消" @ok="onSubmit" @cancel="onClose">
+    <a-form ref="formRef" :model="form" :rules="rules" :label-col="{ span: 6 }">
+      <a-form-item label="企业名称" name="enterpriseName">
+        <a-input v-model:value="form.enterpriseName" placeholder="请输入企业名称" />
+      </a-form-item>
+
+      <a-form-item label="企业logo" name="enterpriseLogo">
+        <Upload
+          accept=".jpg,.jpeg,.png,.gif"
+          :maxUploadSize="1"
+          buttonText="点击上传企业logo"
+          :default-file-list="form.enterpriseLogo"
+          @change="enterpriseLogoChange"
+        />
+      </a-form-item>
+
+      <a-form-item label="统一社会信用代码" name="unifiedSocialCreditCode">
+        <a-input v-model:value="form.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" />
+      </a-form-item>
+
+      <a-form-item label="类型" name="type">
+        <SmartEnumSelect width="100%" v-model:value="form.type" placeholder="请选择类型" enum-name="ENTERPRISE_TYPE_ENUM" />
+      </a-form-item>
+
+      <a-form-item label="联系人" name="contact">
+        <a-input v-model:value="form.contact" placeholder="请输入联系人" />
+      </a-form-item>
+      <a-form-item label="联系人电话" name="contactPhone">
+        <a-input v-model:value="form.contactPhone" placeholder="请输入联系人电话" />
+      </a-form-item>
+
+      <a-form-item label="所在城市" name="provinceCityDistrict">
+        <AreaCascader type="province_city_district" style="width: 100%" v-model:value="area" placeholder="请选择所在城市" @change="changeArea" />
+      </a-form-item>
+      <a-form-item label="详细地址" name="address">
+        <a-input v-model:value="form.address" placeholder="请输入详细地址" />
+      </a-form-item>
+
+      <a-form-item label="邮箱" name="email">
+        <a-input v-model:value="form.email" placeholder="请输入邮箱" />
+      </a-form-item>
+      <a-form-item label="启用状态" name="disabledFlag">
+        <a-switch v-model:checked="enabledChecked" @change="enabledCheckedChange" />
+      </a-form-item>
+
+      <a-form-item label="营业执照" name="businessLicense">
+        <Upload
+          accept=".jpg,.jpeg,.png,.gif"
+          :maxUploadSize="1"
+          buttonText="点击上传营业执照"
+          :default-file-list="form.businessLicense"
+          @change="businessLicenseChange"
+        />
+      </a-form-item>
+    </a-form>
+  </a-modal>
+</template>
+
+<script setup>
+  import { message } from 'ant-design-vue';
+  import _ from 'lodash';
+  import { nextTick, reactive, ref } from 'vue';
+  import { enterpriseApi } from '/@/api/business/oa/enterprise-api';
+  import AreaCascader from '/@/components/framework/area-cascader/index.vue';
+  import { SmartLoading } from '/@/components/framework/smart-loading';
+  import Upload from '/@/components/support/file-upload/index.vue';
+  import { regular } from '/@/constants/regular-const';
+  import { smartSentry } from '/@/lib/smart-sentry';
+  import SmartEnumSelect from '/@/components/framework/smart-enum-select/index.vue';
+
+  defineExpose({
+    showModal,
+  });
+  const emit = defineEmits(['refresh']);
+
+  // --------------------- modal 显示与隐藏 ---------------------
+  // 是否展示
+  const visible = ref(false);
+
+  function showModal(enterpriseId) {
+    Object.assign(form, formDefault);
+    area.value = [];
+    if (enterpriseId) {
+      detail(enterpriseId);
+    }
+    visible.value = true;
+  }
+
+  function onClose() {
+    visible.value = false;
+  }
+
+  async function detail(enterpriseId) {
+    try {
+      let result = await enterpriseApi.detail(enterpriseId);
+      let data = result.data;
+      Object.assign(form, data);
+      nextTick(() => {
+        // 省市区不存在，不需要赋值
+        if (!data.provinceName) {
+          return;
+        }
+        area.value = [
+          {
+            value: data.province,
+            label: data.provinceName,
+          },
+          {
+            value: data.city,
+            label: data.cityName,
+          },
+          {
+            value: data.district,
+            label: data.districtName,
+          },
+        ];
+      });
+    } catch (error) {
+      smartSentry.captureError(error);
+    } finally {
+      SmartLoading.hide();
+    }
+  }
+
+  // --------------------- 表单 ---------------------
+
+  //  组件
+  const formRef = ref();
+
+  const formDefault = {
+    enterpriseId: undefined,
+    enterpriseName: undefined,
+    unifiedSocialCreditCode: undefined,
+    businessLicense: undefined,
+    contact: undefined,
+    enterpriseLogo: undefined,
+    contactPhone: undefined,
+    email: undefined,
+    province: undefined,
+    provinceName: undefined,
+    city: undefined,
+    cityName: undefined,
+    district: undefined,
+    districtName: undefined,
+    address: undefined,
+    disabledFlag: false,
+  };
+  let form = reactive({ ...formDefault });
+  const rules = {
+    enterpriseName: [{ required: true, message: '请输入企业名称' }],
+    unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码' }],
+    contact: [{ required: true, message: '请输入联系人' }],
+    contactPhone: [
+      { required: true, message: '请输入联系人电话' },
+      { pattern: regular.phone, message: '请输入正确的联系人电话', trigger: 'blur' },
+    ],
+    type: [{ required: true, message: '请选择类型' }],
+  };
+
+  function onSubmit() {
+    formRef.value
+      .validate()
+      .then(async () => {
+        SmartLoading.show();
+        try {
+          if (form.enterpriseId) {
+            await enterpriseApi.update(form);
+          } else {
+            await enterpriseApi.create(form);
+          }
+          message.success(`${form.enterpriseId ? '修改' : '添加'}成功`);
+          emit('refresh');
+          onClose();
+        } catch (error) {
+          smartSentry.captureError(error);
+        } finally {
+          SmartLoading.hide();
+        }
+      })
+      .catch((error) => {
+        console.log('error', error);
+        message.error('参数验证错误，请仔细填写表单数据!');
+      });
+  }
+
+  // 状态
+  const enabledChecked = ref(true);
+
+  function enabledCheckedChange(checked) {
+    form.disabledFlag = !checked;
+  }
+
+  // 地区
+  const area = ref([]);
+
+  function changeArea(value, selectedOptions) {
+    Object.assign(form, {
+      province: '',
+      provinceName: '',
+      city: '',
+      cityName: '',
+      district: '',
+      districtName: '',
+    });
+    if (!_.isEmpty(selectedOptions)) {
+      // 地区信息
+      form.province = area.value[0].value;
+      form.provinceName = area.value[0].label;
+
+      form.city = area.value[1].value;
+      form.cityName = area.value[1].label;
+      if (area.value[2]) {
+        form.district = area.value[2].value;
+        form.districtName = area.value[2].label;
+      }
+    }
+  }
+
+  function enterpriseLogoChange(fileList) {
+    form.enterpriseLogo = fileList;
+  }
+
+  function businessLicenseChange(fileList) {
+    form.businessLicense = fileList;
+  }
+</script>
+
+<style lang="less" scoped>
+  .form-width {
+    width: 100% !important;
+  }
+
+  .footer {
+    width: 100%;
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  :deep(.ant-card-body) {
+    padding: 10px;
+  }
+</style>