显示 placeholder

policeManagement/src/components/form/FormProMax.vue

@@ -47,7 +47,7 @@
             v-else-if="item.type === 'select'"
             v-model:value="modelValue[field]"
             style="width: 100%"
-            :placeholder="getPlaceholder(item)"
+            :placeholder="item.placeholder"
             v-bind="item.componentsProps"
             :allowClear="item.componentsProps?.allowClear ?? true"
             :options="item.options"
@@ -167,8 +167,8 @@ const getResponsive = (item: FormProMaxItemProps): Grid => {
 //优先级: 组件本身=》formItem=》label
 const getPlaceholder = function (item: FormProMaxItemProps) {
   // console.log('getPlaceholder____________________________', item)
-  console.log('getPlaceholder_______________________placeholder', item.placeholder)
-  console.log(item.componentsProps?.placeholder ?? item.placeholder ?? (item.type.includes('input') ? `请输入${item.label}` : `请选择${item.label}`))
+  // console.log('getPlaceholder_______________________placeholder', item.placeholder)
+  // console.log(item.componentsProps?.placeholder ?? item.placeholder ?? (item.type.includes('input') ? `请输入${item.label}` : `请选择${item.label}`))
 
   return item.componentsProps?.placeholder ?? item.placeholder ?? (item.type.includes('input') ? `请输入${item.label}` : `请选择${item.label}`)
 }

policeManagement/src/views/query/publicUnit.vue

@@ -17,9 +17,9 @@
         </a-space>
       </template>
     </TableProMax>
-    <a-modal v-model:open="visible" :title="serviceTitle" @ok="submit" @cancel="closeModal">
+    <!-- <a-modal v-model:open="visible" :title="serviceTitle" @ok="submit" @cancel="closeModal">
       <FormProMax ref="formRef" v-model:value="formParams" :form-item-options="formItemOptions" />
-    </a-modal>
+    </a-modal> -->
   </div>
 </template>
 
@@ -32,7 +32,7 @@ import { debounce } from 'lodash-es'
 import FormProMax from '@/components/form/FormProMax.vue'
 import api from '@/axios'
 // createVNode
-import { ref, reactive, computed, onMounted } from 'vue'
+import { ref, reactive, computed, onMounted, createVNode } from 'vue'
 import TableProMax from '@/components/table/TableProMax.vue'
 import { TableProMaxProps } from '@/types/components/table/index.ts'
 import { ComponentExposed } from 'vue-component-type-helpers'
@@ -42,6 +42,7 @@ import { FormProMaxItemOptions } from '@/types/components/form//index.ts'
 import { FormExpose } from 'ant-design-vue/es/form/Form'
 import { serviceProjectSaveOrUpdateParams_ } from '@/types/views/serviceManagement'
 import { showEnterprisesUnit } from './index.tsx'
+var modal: any
 type _FormType = EnterprisesUnitSaveOrUpdateParams & {
   contactPersonInfoName?: string
   contactPersonInfoTelephone?: string
@@ -354,7 +355,7 @@ const netType = computed(() => {
 const formParams = ref<{
   snowFlakeId?: string
   enterprisesUnitId: string
-  securityUnitId: string
+  securityUnitId: string | null
   administrativeDivisionCodes?: null
   projectManagerMiniProgramUserId?: string
   projectManagerMiniProgramUserName?: string
@@ -374,7 +375,7 @@ const formParams = ref<{
   name: '',
   enterprisesUnitId: '',
   type: 'security',
-  securityUnitId: '',
+  securityUnitId: null, // 初始值得设置为null，不然 placeholder 显示不出来
 })
 const securityUnitIdList = ref<any>([])
 const formItemOptions = ref<FormProMaxItemOptions<serviceProjectSaveOrUpdateParams_>>({
@@ -395,9 +396,6 @@ const formItemOptions = ref<FormProMaxItemOptions<serviceProjectSaveOrUpdatePara
       showSearch: true,
       // 是否根据输入项进行筛选。当其为一个函数时，会接收 inputValue option 两个参数，当 option 符合筛选条件时，应返回 true，反之则返回 false。
       filterOption: (input: string, option: any) => {
-        // if (option.label.toLowerCase().includes(input?.toLowerCase())) {
-        //   console.log(111111111111111)
-        // }
         return option.label.toLowerCase().includes(input?.toLowerCase())
       },
     },
@@ -630,7 +628,7 @@ const expandedRowRender: TableProMaxProps['expandedRowRender'] = ({ record }) =>
             <a-button
               class='btn-warn'
               onClick={async () => {
-                visible.value = true
+                // visible.value = true
                 serviceTitle.value = '编辑服务项目'
                 idNumberDisabled.value = record.twoType.value !== 'outsource'
                 formParams.value.securityUnitId = record.securityUnitId //企事业单位id
@@ -649,8 +647,8 @@ const expandedRowRender: TableProMaxProps['expandedRowRender'] = ({ record }) =>
                 formParams.value.houseTotal = record.houseTotal //户数
                 formParams.value.staffTotal = record.staffTotal //工作人员数量
                 formParams.value.securityUserTotal = record.securityUserTotal //保安人员数量
-                {
-                  /* Modal.confirm({
+
+                modal = Modal.confirm({
                   title: serviceTitle.value,
                   icon: createVNode('div'),
                   width: 600,
@@ -662,8 +660,7 @@ const expandedRowRender: TableProMaxProps['expandedRowRender'] = ({ record }) =>
                   onCancel: async () => {
                     await closeModal()
                   },
-                }) */
-                }
+                })
               }}
             >
               编辑
@@ -705,9 +702,10 @@ const expandedRowRender: TableProMaxProps['expandedRowRender'] = ({ record }) =>
 }
 
 const closeModal = async () => {
+  console.log(modal)
   visible.value = false
   formParams.value = {
-    securityUnitId: '',
+    securityUnitId: null,
     enterprisesUnitId: '',
     administrativeDivisionCodes: '',
     name: '',
@@ -724,6 +722,9 @@ const closeModal = async () => {
   enterprisesUnitId.value = ''
   serviceTitle.value = '新增服务项目'
   idNumberDisabled.value = false
+  modal.destroy()
+  // console.log(modal)
+  Modal.destroyAll()
 }
 
 const submit = async () => {
@@ -733,6 +734,7 @@ const submit = async () => {
   message.success(resp.message)
   await _tableRef.value.requestGetTableData()
   await closeModal()
+  // modal.destroy()
 }
 
 onMounted(async () => {
@@ -740,20 +742,21 @@ onMounted(async () => {
   securityUnitIdList.value = res.data
 })
 const addService = function (record) {
+  // modal.destroy()
   formParams.value.enterprisesUnitId = record.snowFlakeId //企事业单位Id
-  visible.value = true
-  //Modal.confirm({
-  //  title: serviceTitle.value,
-  //  icon: createVNode('div'),
-  //  width: 600,
-  //  centered: true,
-  //  content: () => <FormProMax ref={formRef} v-model:value={formParams.value} formItemOptions={formItemOptions.value} />,
-  //  onOk: async () => {
-  //    await submit()
-  //  },
-  //  onCancel: async () => {
-  //    await closeModal()
-  //  },
-  //})
+  // visible.value = true
+  modal = Modal.confirm({
+    title: serviceTitle.value,
+    icon: createVNode('div'),
+    width: 600,
+    centered: true,
+    content: () => <FormProMax ref={formRef} v-model:value={formParams.value} formItemOptions={formItemOptions.value} />,
+    onOk: async () => {
+      await submit()
+    },
+    onCancel: async () => {
+      await closeModal()
+    },
+  })
 }
 </script>