考评数据导入

曾柯
1 parent d3a736bf
Showing 14 changed files with 527 additions and 4 deletions
config/routers/performance.ts
src/pages/performance/EvaDataImport/EditComfirm/index.tsx
src/pages/performance/EvaDataImport/EditComfirm/store.ts
src/pages/performance/EvaDataImport/EditComfirm/style.less
src/pages/performance/EvaDataImport/api.ts
src/pages/performance/EvaDataImport/components/Filter.tsx
src/pages/performance/EvaDataImport/entity.ts
src/pages/performance/EvaDataImport/index.tsx
src/pages/performance/EvaDataImport/interface.ts
src/pages/performance/EvaGroupSetting/EditComfirm/components/AddEvaGroupModal.tsx
src/pages/performance/EvaGroupSetting/components/NormalList.tsx
src/pages/performance/EvaSetting/index.tsx
src/pages/performance/EvaSetting/interface.ts
src/pages/performance/KpiSetting/index.tsx
@@ -84,6 +84,16 @@ export default [
     path: "/morax/evaGroupSetting/edit/:id?/:read?/:type?",
     component: "./performance/EvaGroupSetting/EditComfirm/index",
   },
+  /** 考评数据导入 */
+  {
+    path: "/morax/evaDataImport",
+    component: "./performance/EvaDataImport",
+  },
+  /** 考评数据导入==> 查看数据清单 */
+  {
+    path: "/morax/evaDataImport/edit/:id?",
+    component: "./performance/EvaDataImport/EditComfirm/index",
+  },
  
   /** 旧 */
   {
+import React, { useState, useEffect } from "react";
+import { PageHeaderWrapper } from "@ant-design/pro-layout";
+import { Button, Card, Table, Row, message, Space, Typography, Divider, Switch, Upload } from "antd";
+import usePagination from "@/hooks/usePagination";
+import { evaDataDetailApi } from "../api";
+import { UploadOutlined } from "@ant-design/icons";
+import type { UploadProps } from "antd";
+import useInitail from "@/hooks/useInitail";
+import { createStore } from "@/hooks/moz";
+import { common } from "@/typing/common";
+import store from "./store";
+import { isArray } from "lodash";
+import moment from "moment";
+import { ReasonsEnum } from "../entity";
+import { history } from "umi";
+import st from "./style.less";
+
+const Column = Table.Column;
+export const { Provider, useStore } = createStore(store);
+
+interface Props extends common.ConnectProps {}
+
+function Index(props: Props) {
+  const { setId, configId } = useStore();
+  const [delay, setDelay] = useState(true);
+  const [newData, setNewData] = useState<any>([]);
+  const { match } = props;
+  const { id } = match.params;
+  useEffect(() => {
+    setId(id);
+  }, [id]);
+  useEffect(() => {
+    if (configId) {
+      setParams({ id: configId }, true);
+      setDelay(false);
+    }
+  }, [configId]);
+  const { data, errMsg, setParams, loading } = useInitail(evaDataDetailApi, {}, {}, delay);
+  console.log(isArray(data));
+  useEffect(() => {
+    if (isArray(data)) {
+      setNewData(data);
+    }
+  }, [data]);
+
+  return (
+    <PageHeaderWrapper title="考评数据导入">
+      <Card>
+        <Table loading={loading} rowKey={(row) => `id${id}`} dataSource={newData}>
+          <Column title="归属人员" dataIndex="userName" align="center" render={(name) => <span>{name || "--"}</span>} />
+          <Column title="归属门店" dataIndex="shopName" align="center" render={(name) => <span>{name || "--"}</span>} />
+          <Column
+            title="指标名称"
+            dataIndex="indicatorName"
+            align="center"
+            render={(name) => <span>{name || "--"}</span>}
+          />
+          <Column
+            title="指标值"
+            dataIndex="indicatorValue"
+            align="center"
+            render={(num, record: any) => (
+              <span>
+                {num !== undefined
+                  ? `${num}${
+                      record.dataType == 1 ? "台" : record.dataType == 2 ? "%" : record.dataType == 3 ? "元" : ""
+                    }`
+                  : "--"}
+              </span>
+            )}
+          />
+          <Column
+            title="考核周期"
+            dataIndex="dataDate"
+            align="center"
+            render={(time: number) => (time ? moment(time).format("YYYY-MM-DD") : "--")}
+          />
+          {/* <Column title="更新日期" dataIndex="dataDate" align="center" render={(time: number) => ""} /> */}
+          <Column
+            title="是否导入"
+            dataIndex="errorType"
+            align="center"
+            render={(_: any, record: any) => (record.errorType ? <div className={st.no}>未导入</div> : <div className={st.yes}>已导入</div>)}
+          />
+          <Column
+            title="未导入原因"
+            dataIndex="errorType"
+            align="center"
+            render={(_: any, record: any) => (record.errorType ? ReasonsEnum[record.errorType] : "--")}
+          />
+        </Table>
+        <Row justify="center">
+          <Button type="default" size="large" onClick={() => history.goBack()} style={{ marginRight: 50, width: 200 }}>
+            返回
+          </Button>
+        </Row>
+      </Card>
+    </PageHeaderWrapper>
+  );
+}
+export default (props: Props) => (
+  <Provider>
+    <Index {...props} />
+  </Provider>
+);
+import { useEffect, useState } from "react";
+import useInitail from "@/hooks/useInitail";
+import usePagination from "@/hooks/usePagination";
+import { getAllPostListApi, getManagerRoleListApi } from "@/common/api";
+
+export default function useStore() {
+  const [configId, setId] = useState<number>(0);
+
+  return {
+    configId,
+    setId,
+  };
+}
+.no {
+  width: 47px;
+  height: 18px;
+  margin: 0 auto;
+  color: #f4333c;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 18px;
+  border: 1px solid #f8797f;
+  border-radius: 2px;
+}
+.yes {
+  width: 47px;
+  height: 18px;
+  margin: 0 auto;
+  color: #20c688;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 18px;
+  border: 1px solid #6ddab2;
+  border-radius: 2px;
+}
+import request from "@/utils/request";
+import { DALARAN, MORAX_HOST, CRM_HOST } from "@/utils/host";
+import { http } from "@/typing/http";
+
+evaDataListApi;
+
+export interface PageParams {
+  current?: number;
+  pageSize?: number;
+}
+
+/** 考评指标库列表
+ *  http://testgate.feewee.cn/morax/erp/eval/indicator/page
+ */
+export function evaDataListApi(params: EvaData.EvaDataListParams): http.PromisePageResp<EvaData.EvaDataItems> {
+  return request.get(`${MORAX_HOST}/erp/eval-indicator/import-page`, { params });
+}
+
+/**
+ * @description: 第三方渠道导入人员
+ */
+export function saveImportPersonApi(params: any) {
+  return request.post<string>(`${MORAX_HOST}/erp/eval-indicator/staff-indicator`, params, {
+    contentType: "form-data",
+  });
+}
+
+/**
+ *  第三方渠道导入门店
+ */
+export function saveImportShopApi(params: { file: any[] }): http.PromiseResp<EvaData.ImportShop> {
+  return request.post(`${MORAX_HOST}/erp/eval-indicator/shop-indicator`, params, {
+    contentType: "form-data",
+  });
+}
+
+/** 导入记录详情查询
+ *  http://testgate.feewee.cn/morax/erp/eval-indicator/import-detail
+ */
+export function evaDataDetailApi(params: { id: number }): http.PromisePageResp<any> {
+  return request.get(`${MORAX_HOST}/erp/eval-indicator/import-detail`, { params });
+}
+
+export function evaDataIndApi(): http.PromiseResp<any> {
+  return request.get(`${MORAX_HOST}/erp/eval-indicator/indicators`, {});
+}
+import React, { useState, useEffect, useCallback } from "react";
+import { Table, Row, Input, Select, DatePicker } from "antd";
+import type { DatePickerProps, RangePickerProps } from "antd/es/date-picker";
+// import { ApprovalType, Approval_Status } from "../entity";
+import _ from "lodash";
+import usePagination from "@/hooks/usePagination";
+import { systemListApi } from "@/pages/admin/Privilege/api";
+import { getStaffApi } from "@/common/api";
+import { evaDataIndApi } from "../api";
+import useInitial from "@/hooks/useInitail";
+import moment from "moment";
+
+const { RangePicker } = DatePicker;
+
+const { Option } = Select;
+interface Props {
+  setParams: any;
+}
+
+export default function Filter({ setParams }: Props) {
+  // const { list: syslist } = usePagination(systemListApi, {
+  //   current: 1,
+  //   pageSize: 500,
+  // });
+  const { list } = usePagination(getStaffApi, { current: 1, pageSize: 1000 });
+  const { data } = useInitial(evaDataIndApi, [], {});
+
+  // const seachOnchange = useCallback(
+  //   _.debounce((param) => {
+  //     setParams({ ...param }, true);
+  //   }, 800),
+  //   [setParams]
+  // );
+  const onChange = (value: RangePickerProps["value"], dateString: [string, string] | string) => {
+    console.log("Selected Time: ", value);
+    if (value) {
+      setParams({ startTime: moment(value[0]).unix() * 1000, endTime: moment(value[1]).unix() * 1000 }, true);
+    }
+  };
+
+  return (
+    <Row justify="start" style={{ marginBottom: 20 }}>
+      <Select
+        allowClear
+        placeholder="请选择指标名称"
+        style={{ width: 150, marginRight: 10, marginBottom: 10 }}
+        onChange={(value) => {
+          setParams({ indicatorCode: value }, true);
+        }}
+        showSearch
+        optionFilterProp="children"
+      >
+        {data.map((item: any) => (
+          <Option value={item.code} key={item.code}>
+            {item.name}
+          </Option>
+        ))}
+      </Select>
+      <Select
+        allowClear
+        placeholder="请选择导入人员"
+        style={{ width: 150, marginRight: 10, marginBottom: 10 }}
+        onChange={(value) => {
+          setParams({ userId: value }, true);
+        }}
+        showSearch
+        optionFilterProp="children"
+      >
+        {list.map((item) => (
+          <Option value={item.id} key={item.id}>
+            {item.name}
+          </Option>
+        ))}
+      </Select>
+      <RangePicker onChange={onChange} style={{ height: 32 }} />
+    </Row>
+  );
+}
+export enum ReasonsEnum {
+  "未匹配到人员" = 1,
+  "未匹配到门店" = 2,
+  "未匹配到指标" = 3,
+  "重复" = 4,
+}
+import React, { useState } from "react";
+import { PageHeaderWrapper } from "@ant-design/pro-layout";
+import { Button, Card, Table, Row, message, Space, Typography, Divider, Switch, Upload } from "antd";
+import usePagination from "@/hooks/usePagination";
+import { evaDataListApi } from "./api";
+import { UploadOutlined } from "@ant-design/icons";
+import type { UploadProps } from "antd";
+import { history } from "umi";
+import moment from "moment";
+import Filter from './components/Filter';
+
+const Column = Table.Column;
+
+export default () => {
+  const { loading, list, paginationConfig, setParams, innerParams } = usePagination(evaDataListApi, {
+    pageSize: 10,
+    enable: true,
+  });
+  const uploadPerson: UploadProps = {
+    name: "file",
+    action: "/api/morax/erp/eval-indicator/staff-indicator",
+    maxCount: 1,
+    showUploadList: false,
+    onChange(info) {
+      if (info.file.status !== "uploading") {
+        console.log(info.file, info.fileList);
+      }
+      if (info.file.status === "done") {
+        message.success(`${info.file.name} 导入成功`);
+        setParams({ ...innerParams }, true);
+      } else if (info.file.status === "error") {
+        message.error(`${info.file.name} 导入失败`);
+      }
+    },
+  };
+  const uploadShop: UploadProps = {
+    name: "file",
+    action: "/api/morax/erp/eval-indicator/shop-indicator",
+    maxCount: 1,
+    showUploadList: false,
+    onChange(info) {
+      if (info.file.status !== "uploading") {
+        console.log(info.file, info.fileList);
+      }
+      if (info.file.status === "done") {
+        message.success(`${info.file.name} 导入成功`);
+        setParams({ ...innerParams }, true);
+      } else if (info.file.status === "error") {
+        message.error(`${info.file.name} 导入失败`);
+      }
+    },
+  };
+
+  return (
+    <PageHeaderWrapper title="考评数据导入">
+      <Card>
+        <Row style={{ marginBottom: 10 }} justify='space-between'>
+          <Filter setParams={setParams} />
+          <div>
+            <Button type="default" style={{ marginRight: 10 }}>
+              <a href="http://testgate.feewee.cn/morax/erp/eval-indicator/staff/template-file">下载人员模板</a>
+            </Button>
+            <Button type="default" style={{ marginRight: 10 }}>
+              <a href="http://testgate.feewee.cn/morax/erp/eval-indicator/shop/template-file">下载门店模板</a>
+            </Button>
+            <Upload {...uploadPerson}>
+              <Button type="primary" style={{ marginRight: 10 }}>
+                按人员导入
+              </Button>
+            </Upload>
+            <Upload {...uploadShop}>
+              <Button type="primary">按门店导入</Button>
+            </Upload>
+          </div>
+        </Row>
+
+        <Table
+          loading={loading}
+          rowKey={(row) => `id${row.indicatorCode}`}
+          dataSource={list}
+          pagination={paginationConfig}
+        >
+          <Column
+            title="导入时间"
+            dataIndex="createTime"
+            align="center"
+            render={(time: number) => (time ? moment(time).format("YYYY-MM-DD") : "--")}
+          />
+          <Column
+            title="导入人员"
+            dataIndex="importUserName"
+            align="center"
+            render={(name) => <span>{name || "--"}</span>}
+          />
+          <Column
+            title="指标名称"
+            dataIndex="indicatorName"
+            align="center"
+            render={(name) => <span>{name || "--"}</span>}
+          />
+          <Column
+            title="导入数据"
+            dataIndex="num"
+            align="center"
+            render={(num) => <span>{num !== undefined ? `${num}条` : "--"}</span>}
+          />
+          <Column
+            title="成功"
+            dataIndex="successNum"
+            align="center"
+            render={(num) => <span>{num !== undefined ? `${num}条` : "--"}</span>}
+          />
+          <Column
+            title="失败"
+            dataIndex="errorNum"
+            align="center"
+            render={(num) => <span>{num !== undefined ? `${num}条` : "--"}</span>}
+          />
+          <Column
+            title="数据清单"
+            align="center"
+            dataIndex="enable"
+            width={150}
+            render={(text: boolean, record: KpiSetteing.KpiListItems) => (
+              <Space split={<Divider type="vertical" />}>
+                <Typography.Link
+                  onClick={() => {
+                    history.push(`/morax/evaDataImport/edit/${record.id}`);
+                  }}
+                >
+                  查看
+                </Typography.Link>
+              </Space>
+            )}
+          />
+        </Table>
+      </Card>
+    </PageHeaderWrapper>
+  );
+};
+declare namespace EvaData {
+  interface EvaDataListParams {
+    current?: number;
+    pageSize?: number;
+    indicatorCode?: number;
+    userId?: number;
+    startTime?: string;
+    endTime?: string;
+    groupId?: number;
+  }
+  /**
+   * 数据库列表项
+   */
+  interface EvaDataItems {
+    id: number;
+    importUserId: number;
+    importUserName: string;
+    shopId: number;
+    shopName: string;
+    dimensionType: number;
+    indicatorCode: string;
+    indicatorName: string;
+    valueType: number;
+    dataDate: string;
+    num: number;
+    successNum: number;
+    errorNum: number;
+    groupId: number;
+    yn: boolean;
+  }
+  /**
+   * 导入人员
+   */
+  interface ImportPerson {
+    staffName: string;
+    shopName: string;
+    indicatorName: string;
+    indicatorValue: string;
+    applyTime: string;
+  }
+  /**
+   * 导入门店
+   */
+  interface ImportShop {
+    shopName: string;
+    indicatorName: string;
+    indicatorValue: string;
+  }
+  interface ImportParams {
+    file: any;
+  }
+  interface EvaDataDetai {
+    evalIndicatorImportRecordId: number;
+    userId: number;
+    userName: string;
+    shopId: number;
+    shopName: string;
+    indicatorName: string;
+    indicatorCode: string;
+    indicatorValue: string;
+    valueType: number;
+    dataDate: string;
+    groupId: number;
+    yn: boolean;
+    errorMsg: string;
+  }
+}
 \ No newline at end of file
@@ -51,6 +51,13 @@ export default function AddIndicatorsModal(props: Props) {
   useEffect(() => {
     getRoleList();
     if (visible && evaItem.name) {
+      if (evaItem.shop) {
+        const shopIds = evaItem.shop.map((item) => item.value);
+        setPersonModal({
+          shopIds: shopIds.join(","),
+          visible: false,
+        });
+      }
       if (evaItem.shop && evaItem.post) {
         const shopIds = evaItem.shop.map((item) => item.value);
         const postId = evaItem.post.value;
@@ -70,7 +70,7 @@ export default ({ type }: Props) =&gt; {
           render={(_: any, record: EvaGroupSetteing.EvaGroupListItems) => (
             <Typography.Link
               onClick={() => {
-                history.push(`/morax/evaGroupSetting/edit/${record.draftId}/true/${type}`);
+                history.push(`/morax/evaGroupSetting/edit/${record.id}/true/${type}`);
               }}
             >
               查看
@@ -34,7 +34,7 @@ export default () =&gt; {
         // 重新刷新列表
         setParams({ ...innerParams }, true);
       }
-    } catch (error) {
+    } catch (error: any) {
       message.error(error.message);
     }
   };
@@ -78,7 +78,21 @@ export default () =&gt; {
             title="上报数据范围"
             dataIndex="dataScopeTypes"
             align="center"
-            render={(dataScopeTypes) => (dataScopeTypes ? (dataScopeTypes[0] == 1 ? "考核人" : dataScopeTypes[0] == 2 ? "考核门店" : "考核人；考核门店") : "--")}
+            render={(dataScopeTypes) => {
+              if (dataScopeTypes) {
+                if (dataScopeTypes.length == 1) {
+                  if (dataScopeTypes[0] == 1) {
+                    return "考核人";
+                  } else {
+                    return "考核门店";
+                  }
+                } else {
+                  return "考核人；考核门店";
+                }
+              } else {
+                return "--";
+              }
+            }}
           />
           <Column
             title="是否设置目标要求"
@@ -17,6 +17,7 @@ declare namespace EvaSetteing {
    * 指标库列表项
    */
   interface EvaListItems {
+    id: number;
     sysId: number; //归属系统id
     sysPrefix: string; // 归属系统前缀
     sysName: string; //归属系统名称
@@ -78,7 +78,21 @@ export default () =&gt; {
             title="上报数据范围"
             dataIndex="dataScopeTypes"
             align="center"
-            render={(dataScopeTypes) => (dataScopeTypes ? (dataScopeTypes[0] == 1 ? "考核人" : dataScopeTypes[0] == 2 ? "考核门店" : "考核人；考核门店") : "--")}
+            render={(dataScopeTypes) => {
+              if (dataScopeTypes) {
+                if (dataScopeTypes.length == 1) {
+                  if (dataScopeTypes[0] == 1) {
+                    return "考核人";
+                  } else {
+                    return "考核门店";
+                  }
+                } else {
+                  return "考核人；考核门店";
+                }
+              } else {
+                return "--";
+              }
+            }}
           />
           <Column title="指标类型" dataIndex="dataType" align="center" render={(type) => DataTypeEnum[type]} />
           <Column