可自定义form宽度

src/components/BasicForm/src/BasicForm.vue

@@ -2,7 +2,7 @@
   <Dialog
     :title="dialogTitle"
     v-model="dialogVisible"
-    :width="isBusiness ? '60%' : '40%'"
+    :width="dialogWidth"
     :close-on-click-modal="false"
   >
   <div 
@@ -115,6 +115,11 @@ import TableFormCountPlan from '@/components/TableFormCountPlan/src/TableFormCou
 import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
 
 const props = defineProps({
+  // 显示窗口宽度设置
+  basicFormWidth: {
+    type: String,
+    default: ''
+  },
   // 是否显示TableForm 新增/删除按钮
   isShowButton: {
     type: Boolean,
@@ -236,6 +241,13 @@ const props = defineProps({
 
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
+const dialogWidth = ref()
+if (props.basicFormWidth) {
+  console.log('111111111111111')
+  dialogWidth.value = props.basicFormWidth
+} else {
+  dialogWidth.value = props.isBusiness ? '60%' : '40%'
+}
 
 const dialogVisible = ref(false) // 弹窗的是否展示
 const dialogTitle = ref('') // 弹窗的标题

src/views/wms/basicDataManage/itemarea/index.vue

@@ -48,6 +48,7 @@
     :apiCreate="ItemareaApi.createItemarea"
     @searchTableSuccess="searchTableSuccess"
     :isBusiness="false"
+    :basicFormWidth="'60%'"
   />
 
   <!-- 详情 -->