暂停区域线索站岗分配资格

舒述军
1 parent 2b89bdf4
Showing 5 changed files with 175 additions and 0 deletions
config/routers/crm_new.ts
src/pages/crm_new/Settings/index.tsx
src/pages/crm_new/Settings/subpages/CloseClue/api.ts
src/pages/crm_new/Settings/subpages/CloseClue/index.tsx
src/pages/crm_new/Settings/subpages/CloseClue/style.less
@@ -77,4 +77,8 @@ export default [
     path: '/crm/threePartyPlatformClue', // 三方平台线索配置
     component: './crm_new/ThreePartyPlatformClue',
   },
+    {
+    path: '/crm/closeClue', // 暂停区域线索站岗分配
+    component: './crm_new/Settings/subpages/CloseClue',
+  },
 ];
 \ No newline at end of file
@@ -111,6 +111,9 @@ export default function Settings() {
  
             {/* 龚昆修改整合：集客跟进，潜客跟进到一个新的页面 */}
             <div style={{ width: '100%', height: 40 }} />
+            <List.Item actions={[<a onClick={() => history.push('/crm/closeClue')}>查看</a>]}>
+              <List.Item.Meta title="暂停区域线索站岗分配资格" />
+            </List.Item>
             <List.Item actions={[<a onClick={() => history.push('/crm/followUpSettings')}>查看</a>]}>
               <List.Item.Meta title="跟进设置" />
             </List.Item>
+import request from '@/utils/request';
+import { CRM_HOST } from '@/utils/host';
+
+export interface Result {
+  onlineSaleShopAssignClue?: boolean // 网销门店是否参与区域站岗线索分配
+  exclusiveClueConvertRate?: number // 专属线索转化率(示例:90.50%)
+  stageMinAssignCount?: number // 下阶段每日最低分配线索数量
+  dailyMinAssignCount?: number // 每日最低分配线索数量 从20个线索起，当天区域站岗分配线索跟进数每增加10个，低于“判断标准”，暂停当天资格
+  increaseCount?: number // 每增加多少个当天区域站岗分配线索跟进数每增加10个，低于“判断标准”，暂停当天资格；
+}
+/** 查询停止区域线索分配资格设置 */
+export function getInfoApi() {
+  return request.get<Result>(`${CRM_HOST}/erp/config/find/stop/area/clue/assign/setting`);
+}
+
+/** 新增/修改停止区域线索分配资格设置 */
+export function saveInfoApi(params: Result) {
+  return request.post(`${CRM_HOST}/erp/config/edit/stop/area/clue/assign/setting`, params);
+}
 \ No newline at end of file
+import React, { useEffect, useState } from 'react';
+import { Button, Card, ConfigProvider, Form, InputNumber, message, Row, Switch, Space } from 'antd';
+import zhCN from 'antd/lib/locale-provider/zh_CN';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { getInfoApi, saveInfoApi, Result } from './api';
+import './style.less';
+import { history } from 'umi';
+
+export default function CollectionFollowSetting() {
+  const [edit, setEdit] = useState(false);
+  const [loading, setLoading] = useState<boolean>(true);
+  const [form] = Form.useForm();
+  const [stageMinAssignCount, setStageMinAssignCount] = useState<number>(0);
+  const [dailyMinAssignCount, setDailyMinAssignCount] = useState<number>(0);
+  const [increaseCount, setIncreaseCount] = useState<number>(0);
+
+  useEffect(() => {
+    getInfoApi().then(res => {
+      if (res.data) {
+        form.setFieldsValue({...res.data});
+        setDailyMinAssignCount(res.data?.dailyMinAssignCount || 0);
+        setStageMinAssignCount(res.data?.stageMinAssignCount || 0);
+        setIncreaseCount(res.data?.increaseCount || 0);
+      }
+      setLoading(false);
+    }).catch(error => {
+      message.error(error.message);
+      setLoading(false);
+    });
+  }, []);
+
+  const onOk = async () => {
+    const params: any = await form.validateFields();
+    const _params: Result = {
+      exclusiveClueConvertRate: params.exclusiveClueConvertRate,
+      stageMinAssignCount,
+      dailyMinAssignCount,
+      increaseCount,
+      onlineSaleShopAssignClue: params.onlineSaleShopAssignClue,
+    };
+    setLoading(true);
+    saveInfoApi(_params).then(res => {
+      message.success(res.result);
+      setEdit(false);
+      setLoading(false);
+    }).catch(error => {
+      message.error(error.message);
+      setLoading(false);
+    });
+  };
+
+  return (
+    <PageHeaderWrapper title="暂停区域线索站岗分配资格">
+      <ConfigProvider locale={zhCN}>
+        <Card bordered={false} loading={loading}>
+          {/* <Spin> */}
+          <Form
+            labelCol={{ span: 8 }}
+            wrapperCol={{ span: 16 }} 
+            form={form}
+          >
+            <Form.Item label="判断标准" name="exclusiveClueConvertRate" labelAlign="right" rules={[{ required: true, message: '请输入' }]}>
+              <InputNumber
+                style={{width: '100%'}}
+                controls={false}
+                min={0}
+                max={100}
+                formatter={value => `${value}%`}
+                precision={2}
+                disabled={!edit}
+                parser={value => value?.replace('%', '')}
+              />
+            </Form.Item>
+
+            <Form.Item label=" " name="stageMinAssignCount" colon={false} labelAlign="right">
+              <span>{`(1)每阶段滚动判定，低于"判断标准",下一阶段线索每日仅分配`}</span>
+              <InputNumber
+                controls={false}
+                min={0}
+                disabled={!edit}
+                value={stageMinAssignCount}
+                onChange={(e) => setStageMinAssignCount(e || 0)}
+                formatter={value => `${value}个`}
+                precision={0}
+                parser={value => value?.replace('个', '')}
+              />
+              <span>（最低要求）；</span>
+              <span>阶段：1～10号；11～20号；21～月末</span>
+            </Form.Item>
+
+            <Form.Item className="feewee-settings-form-closeClue" label=" " colon={false}>
+              <Form.Item colon={false} name="dailyMinAssignCount">
+                <span>(2)从</span>
+                <InputNumber
+                  controls={false}
+                  value={dailyMinAssignCount}
+                  onChange={(e) => setDailyMinAssignCount(e || 0)}
+                  min={0}
+                  disabled={!edit}
+                  formatter={value => `${value}个`}
+                  precision={0}
+                  parser={value => value?.replace('个', '')}
+                />
+              </Form.Item>
+              <Form.Item colon={false} name="increaseCount">
+                <span>线索起，当天区域站岗分配线索跟进数每增加</span>
+                <InputNumber
+                  controls={false}
+                  min={0}
+                  value={increaseCount}
+                  onChange={(e) => setIncreaseCount(e || 0)}
+                  formatter={value => `${value}个`}
+                  precision={0}
+                  disabled={!edit}
+                  parser={value => value?.replace('个', '')}
+                />
+                <span>低于{`"判断标准"`}，暂停当天资格；</span>
+              </Form.Item>
+            </Form.Item>
+            <Form.Item label="网销门店是否参与区域线索站岗分配" name="onlineSaleShopAssignClue" labelAlign="right">
+              <Switch
+                checkedChildren="是"
+                unCheckedChildren="否"
+                size="default"
+              />
+            </Form.Item>
+ 
+          </Form>
+          <Row justify="space-around" align="middle">
+            <Space>
+              <Button type="default" onClick={() => setEdit(true)}>编辑</Button>
+              <Button type="primary" onClick={() => onOk()}>确认</Button>
+              <Button type="link" onClick={() => { history.goBack(); }}>返回上一级</Button>
+            </Space>
+          </Row>
+          {/* </Spin> */}
+        </Card>
+      </ConfigProvider>
+    </PageHeaderWrapper>
+  );
+}
 \ No newline at end of file
+.feewee-settings-form-closeClue {
+  .ant-form-item-control-input-content {
+    display: flex;
+    justify-content: start;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+}
 \ No newline at end of file