inl-ui 0.0.37 → 0.0.39

package/src/pageComponent/views/systemManager/orgManager/depManagerCorp/employeeTable.tsx

@@ -1,253 +1,253 @@
-/*
- * @Abstract: 人员表格
- * @Author: wang liang
- * @Date: 2022-04-07 13:51:43
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-27 10:59:14
- */
-
-import { computed, defineComponent, inject, ref, watch } from 'vue'
-import useTableList from '@/pageComponent/hooks/useTableList'
-import useModalVisibleControl from '@/pageComponent/hooks/manage-module/useModalVisibleControl'
-import { isEmpty } from 'lodash'
-import api from '@/api/org/depManager'
-import { IUrlObj } from './index'
-
-import { Modal } from 'ant-design-vue'
-import UpdateEmployeeDialog from './updateEmployeeDialog'
-
-const columns = [
-  {
-    title: '姓名',
-    dataIndex: 'name',
-    key: 'name',
-  },
-  {
-    title: '所属部门',
-    dataIndex: 'depNames',
-    key: 'depNames',
-    ellipsis: true,
-  },
-  {
-    title: '岗位名称',
-    dataIndex: 'jobPostNames',
-    key: 'jobPostNames',
-  },
-  {
-    title: '直接上级',
-    dataIndex: 'bossName',
-    key: 'bossName',
-  },
-  {
-    title: '电话',
-    dataIndex: 'mobile',
-    key: 'mobile',
-  },
-  {
-    title: '创建人',
-    dataIndex: 'createUser',
-    key: 'createUser',
-  },
-  {
-    title: '创建时间',
-    dataIndex: 'createDt',
-    key: 'createDt',
-  },
-  {
-    title: '操作',
-    dataIndex: 'action',
-    key: 'action',
-    slots: { customRender: 'action' },
-  },
-]
-
-const EmployeeTable = defineComponent({
-  props: {
-    dep: {
-      type: Object,
-    },
-    isValid: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  setup(props) {
-    const urlMap = inject<IUrlObj>('urlMap')!
-    const isCorp = inject<boolean>('isCorp')!
-
-    const keyword = ref('')
-
-    const isTopLevel = computed(() => `${props.dep?.id}`.startsWith('sys'))
-
-    const isDep = computed(
-      () => !isEmpty(props.dep) && props.dep!.orgType === 4
-    )
-
-    const {
-      isLoading,
-      tableList,
-      refresh,
-      currPage,
-      handlePageChange,
-      total,
-      pageSize,
-      hanldePageSizeChange,
-    } = useTableList(() => {
-      if (!isEmpty(props.dep)) {
-        // 选煤厂不加部门id  查全部
-        const param: any = {
-          keyword: keyword.value,
-          pageNum: currPage.value,
-          pageSize: pageSize.value,
-        }
-        if (isDep.value) {
-          const depId = isTopLevel.value ? null : props.dep!.id
-          param.departmentId = depId
-        } else {
-          param.orgId = props.dep!.id
-        }
-        return api.getEmployeeList(urlMap.empList)(param)
-      }
-      return Promise.resolve({ data: [] })
-    }, 'employeeList')
-
-    /* 当前选中的部门变化 重新查询列表 */
-    watch(
-      () => props.dep,
-      (val) => {
-        if (!isEmpty(val)) {
-          currPage.value = 1
-          refresh()
-        } else {
-          tableList.value = []
-          total.value = 0
-          currPage.value = 1
-        }
-      },
-      { immediate: true }
-    )
-
-    // 查看
-    const [isViewDialogShow, handleViewClick, viewRecord] =
-      useModalVisibleControl()
-    // 新增
-    const [isAddDialogShow, handleAddClick] = useModalVisibleControl()
-    // 添加
-    const [isLinkDialogShow, handleLinkClick] = useModalVisibleControl()
-    // 编辑
-    const [isEditDialogShow, handleEditClick, editRecord] =
-      useModalVisibleControl()
-
-    // 删除
-    const handleDeleteClick = async (record: any) => {
-      await api.deleteEmployeeById(urlMap.deleteEmp)(record.id)
-      refresh()
-    }
-
-    return () => (
-      <div class="employee-table">
-        <h2 class="部门人员详情"></h2>
-        <div class="operation">
-          <a-space>
-            <a-button
-              type="primary"
-              disabled={isTopLevel.value || !props.isValid || !isDep.value}
-              onClick={handleAddClick}
-            >
-              新建
-            </a-button>
-            {isCorp && (
-              <a-button
-                type="primary"
-                disabled={isTopLevel.value || !props.isValid || !isDep.value}
-                onClick={handleLinkClick}
-              >
-                添加
-              </a-button>
-            )}
-          </a-space>
-          <a-input
-            style={{ width: '200px' }}
-            placeholder="请输入姓名"
-            allowClear
-            v-model={[keyword.value, 'value']}
-            onInput={refresh}
-          />
-        </div>
-        <a-table
-          loading={isLoading.value}
-          columns={columns}
-          dataSource={tableList.value}
-          pagination={{
-            pageSize: pageSize.value,
-            current: currPage.value,
-            showSizeChanger: true,
-            showQuickJumper: true,
-            showTotal: (total: number) => `共${total}条`,
-            'onUpdate:current': handlePageChange,
-            'onUpdate:pageSize': hanldePageSizeChange,
-            total: total.value,
-          }}
-        >
-          {{
-            action: ({ record }: any) => (
-              <a-space>
-                <a-button
-                  size="small"
-                  type="link"
-                  onClick={() => handleViewClick(record)}
-                >
-                  查看
-                </a-button>
-                <a-button
-                  size="small"
-                  type="link"
-                  onClick={() => handleEditClick(record)}
-                >
-                  编辑
-                </a-button>
-                <a-popconfirm
-                  title="确认删除？"
-                  onConfirm={() => {
-                    handleDeleteClick(record)
-                  }}
-                >
-                  <a-button size="small" type="link">
-                    删除
-                  </a-button>
-                </a-popconfirm>
-              </a-space>
-            ),
-          }}
-        </a-table>
-
-        <UpdateEmployeeDialog
-          mode="view"
-          record={viewRecord.value}
-          v-model={[isViewDialogShow.value, 'visible']}
-        />
-        <UpdateEmployeeDialog
-          mode="add"
-          depId={props.dep?.id}
-          v-model={[isAddDialogShow.value, 'visible']}
-          onRefresh={refresh}
-        />
-        <UpdateEmployeeDialog
-          mode="link"
-          depId={props.dep?.id}
-          v-model={[isLinkDialogShow.value, 'visible']}
-          onRefresh={refresh}
-        />
-        <UpdateEmployeeDialog
-          mode="edit"
-          record={editRecord.value}
-          depId={props.dep?.id}
-          v-model={[isEditDialogShow.value, 'visible']}
-          onRefresh={refresh}
-        />
-      </div>
-    )
-  },
-})
-
-export default EmployeeTable
+/*
+ * @Abstract: 人员表格
+ * @Author: wang liang
+ * @Date: 2022-04-07 13:51:43
+ * @LastEditors: wang liang
+ * @LastEditTime: 2022-04-27 10:59:14
+ */
+
+import { computed, defineComponent, inject, ref, watch } from 'vue'
+import useTableList from '@/pageComponent/hooks/useTableList'
+import useModalVisibleControl from '@/pageComponent/hooks/manage-module/useModalVisibleControl'
+import { isEmpty } from 'lodash'
+import api from '@/api/org/depManager'
+import { IUrlObj } from './index'
+
+import { Modal } from 'ant-design-vue'
+import UpdateEmployeeDialog from './updateEmployeeDialog'
+
+const columns = [
+  {
+    title: '姓名',
+    dataIndex: 'name',
+    key: 'name',
+  },
+  {
+    title: '所属部门',
+    dataIndex: 'depNames',
+    key: 'depNames',
+    ellipsis: true,
+  },
+  {
+    title: '岗位名称',
+    dataIndex: 'jobPostNames',
+    key: 'jobPostNames',
+  },
+  {
+    title: '直接上级',
+    dataIndex: 'bossName',
+    key: 'bossName',
+  },
+  {
+    title: '电话',
+    dataIndex: 'mobile',
+    key: 'mobile',
+  },
+  {
+    title: '创建人',
+    dataIndex: 'createUser',
+    key: 'createUser',
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createDt',
+    key: 'createDt',
+  },
+  {
+    title: '操作',
+    dataIndex: 'action',
+    key: 'action',
+    slots: { customRender: 'action' },
+  },
+]
+
+const EmployeeTable = defineComponent({
+  props: {
+    dep: {
+      type: Object,
+    },
+    isValid: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props) {
+    const urlMap = inject<IUrlObj>('urlMap')!
+    const isCorp = inject<boolean>('isCorp')!
+
+    const keyword = ref('')
+
+    const isTopLevel = computed(() => `${props.dep?.id}`.startsWith('sys'))
+
+    const isDep = computed(
+      () => !isEmpty(props.dep) && props.dep!.orgType === 4
+    )
+
+    const {
+      isLoading,
+      tableList,
+      refresh,
+      currPage,
+      handlePageChange,
+      total,
+      pageSize,
+      hanldePageSizeChange,
+    } = useTableList(() => {
+      if (!isEmpty(props.dep)) {
+        // 选煤厂不加部门id  查全部
+        const param: any = {
+          keyword: keyword.value,
+          pageNum: currPage.value,
+          pageSize: pageSize.value,
+        }
+        if (isDep.value) {
+          const depId = isTopLevel.value ? null : props.dep!.id
+          param.departmentId = depId
+        } else {
+          param.orgId = props.dep!.id
+        }
+        return api.getEmployeeList(urlMap.empList)(param)
+      }
+      return Promise.resolve({ data: [] })
+    }, 'employeeList')
+
+    /* 当前选中的部门变化 重新查询列表 */
+    watch(
+      () => props.dep,
+      (val) => {
+        if (!isEmpty(val)) {
+          currPage.value = 1
+          refresh()
+        } else {
+          tableList.value = []
+          total.value = 0
+          currPage.value = 1
+        }
+      },
+      { immediate: true }
+    )
+
+    // 查看
+    const [isViewDialogShow, handleViewClick, viewRecord] =
+      useModalVisibleControl()
+    // 新增
+    const [isAddDialogShow, handleAddClick] = useModalVisibleControl()
+    // 添加
+    const [isLinkDialogShow, handleLinkClick] = useModalVisibleControl()
+    // 编辑
+    const [isEditDialogShow, handleEditClick, editRecord] =
+      useModalVisibleControl()
+
+    // 删除
+    const handleDeleteClick = async (record: any) => {
+      await api.deleteEmployeeById(urlMap.deleteEmp)(record.id)
+      refresh()
+    }
+
+    return () => (
+      <div class="employee-table">
+        <h2 class="部门人员详情"></h2>
+        <div class="operation">
+          <a-space>
+            <a-button
+              type="primary"
+              disabled={isTopLevel.value || !props.isValid || !isDep.value}
+              onClick={handleAddClick}
+            >
+              新建
+            </a-button>
+            {isCorp && (
+              <a-button
+                type="primary"
+                disabled={isTopLevel.value || !props.isValid || !isDep.value}
+                onClick={handleLinkClick}
+              >
+                添加
+              </a-button>
+            )}
+          </a-space>
+          <a-input
+            style={{ width: '200px' }}
+            placeholder="请输入姓名"
+            allowClear
+            v-model={[keyword.value, 'value']}
+            onInput={refresh}
+          />
+        </div>
+        <a-table
+          loading={isLoading.value}
+          columns={columns}
+          dataSource={tableList.value}
+          pagination={{
+            pageSize: pageSize.value,
+            current: currPage.value,
+            showSizeChanger: true,
+            showQuickJumper: true,
+            showTotal: (total: number) => `共${total}条`,
+            'onUpdate:current': handlePageChange,
+            'onUpdate:pageSize': hanldePageSizeChange,
+            total: total.value,
+          }}
+        >
+          {{
+            action: ({ record }: any) => (
+              <a-space>
+                <a-button
+                  size="small"
+                  type="link"
+                  onClick={() => handleViewClick(record)}
+                >
+                  查看
+                </a-button>
+                <a-button
+                  size="small"
+                  type="link"
+                  onClick={() => handleEditClick(record)}
+                >
+                  编辑
+                </a-button>
+                <a-popconfirm
+                  title="确认删除？"
+                  onConfirm={() => {
+                    handleDeleteClick(record)
+                  }}
+                >
+                  <a-button size="small" type="link">
+                    删除
+                  </a-button>
+                </a-popconfirm>
+              </a-space>
+            ),
+          }}
+        </a-table>
+
+        <UpdateEmployeeDialog
+          mode="view"
+          record={viewRecord.value}
+          v-model={[isViewDialogShow.value, 'visible']}
+        />
+        <UpdateEmployeeDialog
+          mode="add"
+          depId={props.dep?.id}
+          v-model={[isAddDialogShow.value, 'visible']}
+          onRefresh={refresh}
+        />
+        <UpdateEmployeeDialog
+          mode="link"
+          depId={props.dep?.id}
+          v-model={[isLinkDialogShow.value, 'visible']}
+          onRefresh={refresh}
+        />
+        <UpdateEmployeeDialog
+          mode="edit"
+          record={editRecord.value}
+          depId={props.dep?.id}
+          v-model={[isEditDialogShow.value, 'visible']}
+          onRefresh={refresh}
+        />
+      </div>
+    )
+  },
+})
+
+export default EmployeeTable