fix(): 客诉工单页面修改

1 year ago · 648dcb3ec9
4 changed files with 135 additions and 109 deletions
--- a/src/pages/OperationCenter/CustomerServieMgm/ComplainManage/index.scss
+++ b/src/pages/OperationCenter/CustomerServieMgm/ComplainManage/index.scss
@ -236,6 +236,7 @@ $color-primary: var(--color-primary);
          }

          .ant-table-body {
+            overflow-y: auto !important;
            @include scrollBar(var(--color-user-list-bg), #3b97ff);
          }
        }
@ -466,7 +467,7 @@ $color-primary: var(--color-primary);
    border-top: 1px solid #434343;
    border-left: 1px solid #434343;

-    &.pl-form .pl-item{
+    &.pl-form .pl-item {
      margin-bottom: 10px;
    }

@ -478,6 +479,11 @@ $color-primary: var(--color-primary);

      &.pl-item-lg {
        width: 100%;
+
+        >span:last-child {
+          padding-left: 10px;
+          text-align: left;
+        }
      }

      >span {
@ -536,23 +542,8 @@ $color-primary: var(--color-primary);
  .ant-table {

    .ant-table-body {
-      // overflow-y: auto !important;
-
-      &::-webkit-scrollbar-track-piece,
-      &::-webkit-scrollbar-corner,
-      &::-webkit-scrollbar-track {
-        background: #9da2ab;
-      }
-
-      &::-webkit-scrollbar {
-        width: 4px;
-        height: 4px;
-      }
-
-      &::-webkit-scrollbar-thumb {
-        background: #3B97FF;
-        border-radius: 2px;
-      }
+      overflow-y: auto !important;
+      @include scrollBar(var(--color-user-list-bg), #3b97ff);
    }

    .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table,
--- a/src/pages/OperationCenter/CustomerServieMgm/ComplainManage/loadable.jsx
+++ b/src/pages/OperationCenter/CustomerServieMgm/ComplainManage/loadable.jsx
@ -45,7 +45,7 @@ function ComplainManage(props) {
  ];
  // 默认数据
  const defaultData = {
-    tab: "1", //工单编号
+    tab: "1", //工单分类
    order_num: "", //工单编号
    source: "", //来源
    order_type: "", //工单类型
@ -94,8 +94,11 @@ function ComplainManage(props) {
  const [tabLoading, setTabLoading] = useState(false);
  // 表格返回数据
  const [resultData, setResultData] = useState({
-    data: [],
-    total_records: 0,
+    wait_num: 0, // 待处理数量
+    follow_num: 0, // 跟进中数量
+    over_num: 0, // 已超期数量
+    total: 0, // 总条数
+    list: [], //
  });

  // 默认创建数据
@ -231,11 +234,11 @@ function ComplainManage(props) {
  //导出
  const exportData = () => {
    let data = { ...holdData, ...pageInfo };
-    ajax.getExportOrder(data).then((res) => {
+    ajax.getComplainExport(data).then((res) => {
      if (res?.data?.url) {
        window.open(res.data.url);
      } else {
-        message.error("暂无文件");
+        message.error("导出异常");
      }
    });
  };
@ -256,7 +259,7 @@ function ComplainManage(props) {
    },
    {
      title: "来源",
-      dataIndex: "source",
+      dataIndex: "source_name",
    },
    {
      title: "联系人",
@ -268,7 +271,7 @@ function ComplainManage(props) {
    },
    {
      title: "工单类型",
-      dataIndex: "order_type",
+      dataIndex: "order_type_name",
    },
    {
      title: "派单时间",
@ -284,7 +287,7 @@ function ComplainManage(props) {
    },
    {
      title: "状态",
-      dataIndex: "status",
+      dataIndex: "status_name",
    },
    {
      title: "操作",
@ -317,7 +320,6 @@ function ComplainManage(props) {
    // console.log(param.key, record);
    if (param.key == "2") {
      // 处理
-      getProblemSelect1();
      setIsDeal(true);
    } else {
      // 详情
@ -328,15 +330,13 @@ function ComplainManage(props) {

  // 获取详情数据
  const getDetail = (obj) => {
-    ajax.getComplainList({ id: obj?.id }).then(
+    ajax.getComplainDetail({ id: obj?.id }).then(
      (res) => {
        if (parseInt(res?.status) === 20000) {
-          let { create_data, park_data, history_data, deal_data } =
-            res?.data || {};
-          setCreateData(create_data || {});
+          let { base_data, park_data, history_data } = res?.data || {};
+          setCreateData(base_data || {});
          setParkData(park_data || []);
          setHistoryData(history_data || []);
-          setDealData(deal_data || {});
          setActKey2(["1", "2", "3", "4"]);
          setVisible2(true);
        } else {
@ -361,20 +361,9 @@ function ComplainManage(props) {
      (res) => {
        setLoading(false);
        setTabLoading(false);
-        if (res?.status === 20000) {
-          let resDataArr = res?.data?.list
-            ? res.data.list.map((item) => {
-                item.key = item.id;
-                return item;
-              })
-            : [];
-          setResultData({
-            ...resultData,
-            data: resDataArr,
-            total_records: res?.data?.total || 0,
-          });
+        if (parseInt(res?.status) === 20000) {
+          setResultData(res?.data || {});
        } else {
-          setResultData({ data: [], total_records: 0 });
          message.error(res.message);
        }
      },
@ -395,6 +384,13 @@ function ComplainManage(props) {
  };

  useEffect(() => {
+    if (isDeal) {
+      getProblemSelect1();
+      setDealData({});
+    }
+  }, [isDeal]);
+
+  useEffect(() => {
    setSessionTabList({ ...formData });
  }, [formData]);

@ -409,8 +405,8 @@ function ComplainManage(props) {
    // position: ["bottomCenter"],
    showQuickJumper: true,
    showSizeChanger: true,
-    // showTotal: () => `共 ${resultData.total_records || 0} 条`,
-    total: resultData?.total_records,
+    // showTotal: () => `共 ${resultData.total || 0} 条`,
+    total: resultData?.total,
    current: pageInfo.pn,
    pageSize: pageInfo.page_size,
    pageSizeOptions: Array.from(
@ -496,42 +492,42 @@ function ComplainManage(props) {
  const columns1 = [
    {
      title: "停车场",
-      dataIndex: "order_num",
+      dataIndex: "road",
      align: "center",
    },
    {
      title: "泊位号",
-      dataIndex: "source",
+      dataIndex: "berth_id",
      align: "center",
    },
    {
      title: "计费类型",
-      dataIndex: "person",
+      dataIndex: "charge_type",
      align: "center",
    },
    {
      title: "车牌号",
-      dataIndex: "phone",
+      dataIndex: "plate",
      align: "center",
    },
    {
      title: "入场时间",
-      dataIndex: "send_time",
+      dataIndex: "in_time",
      align: "center",
    },
    {
      title: "出场时间",
-      dataIndex: "end_time",
+      dataIndex: "out_time",
      align: "center",
    },
    {
      title: "停车时长",
-      dataIndex: "order_type",
+      dataIndex: "parking_duration",
      align: "center",
    },
    {
      title: "应收金额",
-      dataIndex: "order_type",
+      dataIndex: "receivable_amount",
      align: "center",
    },
  ];
@ -539,32 +535,32 @@ function ComplainManage(props) {
  const columns2 = [
    {
      title: "处理时间",
-      dataIndex: "order_num",
+      dataIndex: "deal_time",
      align: "center",
    },
    {
      title: "处理人",
-      dataIndex: "source",
+      dataIndex: "deal_person",
      align: "center",
    },
    {
      title: "市级平台订单号",
-      dataIndex: "person",
+      dataIndex: "sjpt_num",
      align: "center",
    },
    {
      title: "问题一级分类",
-      dataIndex: "phone",
+      dataIndex: "wtyj_sort",
      align: "center",
    },
    {
      title: "问题二级分类",
-      dataIndex: "order_type",
+      dataIndex: "wtej_sort",
      align: "center",
    },
    {
      title: "处理方式",
-      dataIndex: "send_time",
+      dataIndex: "deal_way",
      align: "center",
    },
  ];
@ -721,7 +717,9 @@ function ComplainManage(props) {
    }
    if (
      ["1", "2"].includes(createData?.source) &&
-      !moment(createData.end_time).isAfter(moment(createData.tx_time))
+      !moment(createData.end_time, "YYYY-MM-DD").isAfter(
+        moment(createData.tx_time, "YYYY-MM-DD")
+      )
    ) {
      message.error("截止时间必须在提醒时间之后");
      return false;
@ -734,14 +732,14 @@ function ComplainManage(props) {
    if (!checkDate()) {
      return;
    }
-    ajax.getComplainList({ ...createData, flag }).then(
+    ajax.getComplainCreate({ ...createData, flag }).then(
      (res) => {
        if (parseInt(res?.status) === 20000) {
          message.success(res?.message);
          setVisible1(false);
          if (flag == 1) {
            setIsDeal(true);
-            getDetail(res?.data?.id);
+            getDetail(res?.data);
          } else {
            setIsAjax(!isAjax);
          }
@ -786,12 +784,12 @@ function ComplainManage(props) {
      return;
    }
    const newObj = {
-      create_data: createData,
+      base_data: createData,
      park_data: parkData,
      deal_data: dealData,
      // history_data:historyData,
    };
-    ajax.getComplainList(newObj).then(
+    ajax.getComplainDeal(newObj).then(
      (res) => {
        if (parseInt(res?.status) === 20000) {
          message.success(res?.message);
@ -807,6 +805,7 @@ function ComplainManage(props) {
      }
    );
  };
+
  // 添加分类
  const handleSaveSort = () => {
    if (sortData?.tab == "1" && !rowData?.sort1) {
@ -885,6 +884,7 @@ function ComplainManage(props) {
      setProblemArr2([]);
    }
  };
+
  // 获取所有一级分类下拉
  const getSortSelect1 = () => {
    ajax.getComplainList().then(
@ -905,6 +905,7 @@ function ComplainManage(props) {
      }
    );
  };
+
  // 获取计算规则下拉
  const getRuleSelect = () => {
    ajax.getComplainList().then(
@ -1445,8 +1446,9 @@ function ComplainManage(props) {
              placeholder="全部"
              value={formData?.status || undefined}
              options={[
-                { value: "1", label: "跟进中" },
-                { value: "2", label: "未处理" },
+                { value: "1", label: "未处理" },
+                { value: "2", label: "跟进中" },
+                // { value: "3", label: "已办结" },
              ]}
              onChange={(e) => setFormData({ ...formData, status: e })}
            />
@ -1499,21 +1501,15 @@ function ComplainManage(props) {
            <div className="row-head">
              <span className="number-wrapper">
                <span className="letter">共查询到</span>
-                <span className="total-number">
-                  {resultData.total_records || 0}
-                </span>
+                <span className="total-number">{resultData.total || 0}</span>
                <span className="letter">条结果，待处理：</span>
-                <span className="total-number">
-                  {resultData.total_records || 0}
-                </span>
+                <span className="total-number">{resultData.wait_num || 0}</span>
                <span className="letter">，跟进中</span>
                <span className="total-number">
-                  {resultData.total_records || 0}
+                  {resultData.follow_num || 0}
                </span>
                <span className="letter">，已超期</span>
-                <span className="total-number">
-                  {resultData.total_records || 0}
-                </span>
+                <span className="total-number">{resultData.over_num || 0}</span>
              </span>
              <div>
                <Button
@ -1549,13 +1545,13 @@ function ComplainManage(props) {
            </div>
            <ResultFlowResult
              ajaxLoad={tabLoading}
-              resultData={resultData?.data || []}
+              resultData={resultData?.list || []}
            >
              <Table
                // bordered
                // className="yisa-table"
                rowKey={(row, index) => row?.id || index}
-                dataSource={resultData?.data || []}
+                dataSource={resultData?.list || []}
                columns={columns}
                pagination={false}
                loading={tabLoading}
@ -1590,8 +1586,9 @@ function ComplainManage(props) {
      >
        <Collapse
          className="custom-collapse"
-          activeKey={actKey1}
          expandIconPosition={"end"}
+          collapsible="icon"
+          activeKey={actKey1}
          onChange={setActKey1}
        >
          <Panel header="客诉信息" key="1">
@ -1626,8 +1623,9 @@ function ComplainManage(props) {
      >
        <Collapse
          className="custom-collapse"
-          activeKey={actKey2}
          expandIconPosition={"end"}
+          collapsible="icon"
+          activeKey={actKey2}
          onChange={setActKey2}
        >
          <Panel
@ -1651,7 +1649,7 @@ function ComplainManage(props) {
              <div className="pl-group">
                <div className="pl-item">
                  <span>客诉来源</span>
-                  <span>{createData?.order_num || "-"}</span>
+                  <span>{createData?.source_name || "-"}</span>
                </div>
                <div className="pl-item">
                  <span>工单编号</span>
@ -1659,47 +1657,47 @@ function ComplainManage(props) {
                </div>
                <div className="pl-item">
                  <span>工单类型</span>
-                  <span>{createData?.order_num || "-"}</span>
+                  <span>{createData?.order_type_name || "-"}</span>
                </div>
                <div className="pl-item">
                  <span>被反映单位</span>
-                  <span>{createData?.order_num || "-"}</span>
+                  <span>{createData?.reaction_unit || "-"}</span>
                </div>
                <div className="pl-item">
                  <span>承办单位</span>
-                  <span>{createData?.order_num || "-"}</span>
+                  <span>{createData?.undertake_unit || "-"}</span>
                </div>
                <div className="pl-item">
                  <span>联系人姓名</span>
-                  <span>{createData?.order_num || "-"}</span>
+                  <span>{createData?.person || "-"}</span>
                </div>
                <div className="pl-item">
                  <span>联系电话</span>
-                  <span>{createData?.order_num || "-"}</span>
+                  <span>{createData?.phone || "-"}</span>
                </div>
                <div className="pl-item">
                  <span>是否重复投诉</span>
-                  <span>{createData?.order_num || "-"}</span>
+                  <span>{createData?.is_repeat_name || "-"}</span>
                </div>
                <div className="pl-item">
                  <span>平台派单时间</span>
-                  <span>{createData?.order_num || "-"}</span>
+                  <span>{createData?.ptpd_time || "-"}</span>
                </div>
                <div className="pl-item">
                  <span>城管委派单时间</span>
-                  <span>{createData?.order_num || "-"}</span>
+                  <span>{createData?.cgwpd_time || "-"}</span>
                </div>
                <div className="pl-item">
                  <span>提醒时间</span>
-                  <span>{createData?.order_num || "-"}</span>
+                  <span>{createData?.tx_time || "-"}</span>
                </div>
                <div className="pl-item">
                  <span>截止时间</span>
-                  <span>{createData?.order_num || "-"}</span>
+                  <span>{createData?.end_time || "-"}</span>
                </div>
                <div className="pl-item pl-item-lg">
                  <span>投诉具体内容</span>
-                  <span>{createData?.order_num || "-"}</span>
+                  <span>{createData?.specific_content || "-"}</span>
                </div>
              </div>
            )}
@ -1735,7 +1733,7 @@ function ComplainManage(props) {
              rowKey={(row, index) => row?.id || index}
              dataSource={parkData || []}
              columns={isDeal ? getNewColumns() : columns1}
-              scroll={{ y: "300px" }}
+              scroll={{ y: "260px" }}
              pagination={false}
            />
          </Panel>
@ -1899,7 +1897,7 @@ function ComplainManage(props) {
                dataSource={historyData || []}
                columns={columns2}
                pagination={false}
-                scroll={{ y: "300px" }}
+                scroll={{ y: "275px" }}
              />
            </Panel>
          ) : null}
@ -2130,7 +2128,7 @@ function ComplainManage(props) {
              dataSource={tableData?.data || []}
              columns={columns1}
              rowSelection={rowSelection}
-              scroll={{ y: "300px" }}
+              scroll={{ y: "550px" }}
              pagination={false}
            />
            <Pagination {...paginationProps1} className="pagination-common" />
@ -2163,43 +2161,43 @@ function ComplainManage(props) {
        <div className="pl-group">
          <div className="pl-item">
            <span>车牌号</span>
-            <span>{recordDetail?.order_num || "-"}</span>
+            <span>{recordDetail?.plate || "-"}</span>
          </div>
          <div className="pl-item">
            <span>停车场名称</span>
-            <span>{recordDetail?.order_num || "-"}</span>
+            <span>{recordDetail?.road || "-"}</span>
          </div>
          <div className="pl-item">
            <span>泊位号</span>
-            <span>{recordDetail?.order_num || "-"}</span>
+            <span>{recordDetail?.berth_id || "-"}</span>
          </div>
          <div className="pl-item">
            <span>入场时间</span>
-            <span>{recordDetail?.order_num || "-"}</span>
+            <span>{recordDetail?.in_time || "-"}</span>
          </div>
          <div className="pl-item">
            <span>出场时间</span>
-            <span>{recordDetail?.order_num || "-"}</span>
+            <span>{recordDetail?.out_time || "-"}</span>
          </div>
          <div className="pl-item">
            <span>停车时长</span>
-            <span>{recordDetail?.order_num || "-"}</span>
+            <span>{recordDetail?.parking_duration || "-"}</span>
          </div>
          <div className="pl-item">
            <span>计费类型</span>
-            <span>{recordDetail?.order_num || "-"}</span>
+            <span>{recordDetail?.charge_type || "-"}</span>
          </div>
          <div className="pl-item">
            <span>应收金额</span>
-            <span>{recordDetail?.order_num || "-"}</span>
+            <span>{recordDetail?.receivable_amount || "-"}</span>
          </div>
          <div className="pl-item">
            <span>入场设备类型</span>
-            <span>{recordDetail?.order_num || "-"}</span>
+            <span>{recordDetail?.in_device || "-"}</span>
          </div>
          <div className="pl-item">
            <span>出场设备类型</span>
-            <span>{recordDetail?.order_num || "-"}</span>
+            <span>{recordDetail?.out_device || "-"}</span>
          </div>
        </div>
        <div className="pic-wrapper">
@ -2208,7 +2206,7 @@ function ComplainManage(props) {
            <Image
              preview={false}
              fallback={errorPic}
-              src={recordDetail?.in_pic || ""}
+              src={recordDetail?.in_img || ""}
            />
          </div>
          <div className="pic-txt">出场照片</div>
@ -2216,7 +2214,7 @@ function ComplainManage(props) {
            <Image
              preview={false}
              fallback={errorPic}
-              src={recordDetail?.out_pic || ""}
+              src={recordDetail?.out_img || ""}
            />
          </div>
        </div>
--- a/src/pages/OperationCenter/CustomerServieMgm/ComplainStat/echartsOptions.jsx
+++ b/src/pages/OperationCenter/CustomerServieMgm/ComplainStat/echartsOptions.jsx
@ -197,6 +197,7 @@ function render3DBars(arr) {
    newArr = arr.map((v, i) => {
      return {
        type: 'custom',
+        name: v?.name || "数量",
        renderItem: (params, api) => {
            const location = api.coord([api.value(0), api.value(1)])
            return {
--- a/src/services/OperationCenter/CustomerManage/index.js
+++ b/src/services/OperationCenter/CustomerManage/index.js
@ -89,6 +89,38 @@ const getComplainList = (params) => {
    data: params,
  });
 };
+//客服管理-客诉工单-导出
+const getComplainExport = (params) => {
+  return ajax({
+    url: "/api/ope/service/complain_export",
+    type: "post",
+    data: params,
+  });
+};
+//客服管理-客诉工单-详情
+const getComplainDetail = (params) => {
+  return ajax({
+    url: "/api/ope/service/complain_detail",
+    type: "post",
+    data: params,
+  });
+};
+//客服管理-客诉工单-创建
+const getComplainCreate = (params) => {
+  return ajax({
+    url: "/api/ope/service/complain_create",
+    type: "post",
+    data: params,
+  });
+};
+//客服管理-客诉工单-处理
+const getComplainDeal = (params) => {
+  return ajax({
+    url: "/api/ope/service/complain_deal",
+    type: "post",
+    data: params,
+  });
+};
 //客服管理-客诉统计-数据
 const getComplainStatistics = (params) => {
  return ajax({
@ -109,5 +141,9 @@ export default{
  passData,
  rejectData,
  getComplainList,
+  getComplainExport,
+  getComplainDetail,
+  getComplainCreate,
+  getComplainDeal,
  getComplainStatistics,
 }