diff --git a/public/index.html b/public/index.html
index ac242765..73281f97 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,7 +2,7 @@
  * @Author: Wind
  * @Date: 2022-07-15 17:48:05
  * @LastEditors: Wind
- * @LastEditTime: 2022-07-20 09:56:39
+ * @LastEditTime: 2022-07-25 09:55:19
  * @Description: 
  * @FilePath: \frontend\public\index.html
 -->
@@ -21,7 +21,7 @@
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
   <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-  <script src="http://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/goods_new_v3.js?v3"></script>
+  <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/goods_new_v3.js?v3"></script>
   <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
diff --git a/src/components/keysFind/index.jsx b/src/components/keysFind/index.jsx
new file mode 100644
index 00000000..5f5d3ba4
--- /dev/null
+++ b/src/components/keysFind/index.jsx
@@ -0,0 +1,78 @@
+/*
+ * @Author: Wind
+ * @Date: 2022-07-25 10:53:41
+ * @LastEditors: Wind
+ * @LastEditTime: 2022-07-25 13:49:44
+ * @Description:
+ * @FilePath: \frontend\src\components\keysFind\index.jsx
+ */
+import './index.less'
+import {
+  Form,
+  FormDateRangePickerField,
+  FormStrategy,
+  FormSelectField,
+  FormInputField,
+  Button
+} from 'zent'
+export default ({ onQuery }) => {
+  const form = Form.useForm(FormStrategy.View)
+
+  return (
+    <>
+      <Form className='keysFind' ayout='horizontal' form={form}>
+        <FormDateRangePickerField
+          name='date'
+          dateFormat='YYYY-MM-DD'
+          label='请选择日期：'
+          defaultValue={[]}
+          className='zent-datepicker-plan'
+        />
+        <FormSelectField
+          name='distributor'
+          label='分销商：'
+          props={{
+            options: [
+              { key: 1, text: '普通用户' },
+              { key: 2, text: '高级用户' }
+            ]
+          }}
+        />
+        <FormSelectField
+          name='plan'
+          label='计划名称：'
+          props={{
+            options: [
+              { key: 1, text: '普通用户' },
+              { key: 2, text: '高级用户' }
+            ]
+          }}
+        />
+        <FormSelectField
+          name='state'
+          label='状态：'
+          props={{
+            options: [
+              { key: 1, text: '普通用户' },
+              { key: 2, text: '高级用户' }
+            ]
+          }}
+        />
+        <FormInputField
+          name='key'
+          label='KEY：'
+          showClear
+          props={{
+            spellCheck: false
+          }}
+        />
+        <div>
+          <Button type='primary' onClick={() => onQuery(form.getValue())}>
+            查询
+          </Button>
+          <Button onClick={() => form.reset()}>重置</Button>
+        </div>
+      </Form>
+    </>
+  )
+}
diff --git a/src/components/keysFind/index.less b/src/components/keysFind/index.less
new file mode 100644
index 00000000..ae76747c
--- /dev/null
+++ b/src/components/keysFind/index.less
@@ -0,0 +1,50 @@
+.keysFind {
+    width: 100%;
+    // display: grid;
+    // grid-template-columns: repeat(auto-fill, 500px);
+    display: flex;
+    flex-wrap: wrap;
+
+    .zent-form-control {
+        margin-right: 20px;
+        flex-direction: row !important;
+    }
+
+    .zent-datepicker .zent-datepicker-trigger {
+        background-color: transparent !important;
+        width: 150px !important;
+        border-radius: 0 !important;
+
+        &:hover {
+            border-color: #296BEF !important;
+            background-color: #F7F9FC !important;
+        }
+    }
+
+    .zent-input-wrapper {
+        border-top: 0 !important;
+        border-left: 0 !important;
+        border-right: 0 !important;
+    }
+
+    .zent-input-wrapper:hover {
+        border-color: #296BEF !important;
+
+        .zent-input {
+            background-color: #F7F9FC;
+        }
+    }
+
+    .zent-select-v2 {
+        border-top: 0 !important;
+        border-left: 0 !important;
+        border-right: 0 !important;
+        border-radius: 0 !important;
+
+        &:hover,
+        .zent-select-v2-search:hover {
+            background-color: #F7F9FC;
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/src/pages/plan/key/detail/list.js b/src/pages/plan/key/detail/list.js
index da87b3fc..e5be0d34 100644
--- a/src/pages/plan/key/detail/list.js
+++ b/src/pages/plan/key/detail/list.js
@@ -1,100 +1,83 @@
 /* key列表 */
-import ReactDOM from "react-dom";
-import React, { Component } from "react";
-import { HashRouter as Router, Route, Link } from "react-router-dom";
-import { Button, Alert } from "zent";
-import "./list.less";
+import React from 'react'
+import { Button, Alert } from 'zent'
+import './list.less'
 import {
   Input,
-  openDialog,
-  closeDialog,
   RadioGroup,
   CombinedDateRangePicker,
   Radio,
   Notify,
   Switch,
-  Swiper,
   Dropdown,
   DropdownPosition,
   DropdownClickTrigger,
   Icon,
   MenuItem,
   DropdownContent,
-  Menu,
-  Sweetalert,
-} from "zent";
-import Ipt from "../../../../components/input/main";
-import Grid from "../../../../components/gird/main.js";
-import TabPage from "../../../../components/tabPage/main.js";
-import Filterbar from "../../../../components/filterbar/main.js";
+  Menu
+} from 'zent'
+import Ipt from '../../../../components/input/main'
+import Grid from '../../../../components/gird/main.js'
+import TabPage from '../../../../components/tabPage/main.js'
 import {
-  getKeyLog,
-  planIsSend,
   keyCancel,
   keyUsage,
   keyBatchUsage,
   keyBatchCancel,
-  getPlanList,
   handelResponse,
-  startOrStopPlan,
-  getAllEnum,
-  resKeyEmail,
-  planSend,
-  planResend,
-  planReceive,
-  getReseller,
-  getkeyDetailList,
-} from "../../../../assets/api.js";
-import _ from "lodash";
-import menu from "../../../../assets/enum.js";
+  getkeyDetailList
+} from '../../../../assets/api.js'
+import _ from 'lodash'
+import menu from '../../../../assets/enum.js'
 
-import UseUploadExcel from "../../../../components/UseUploadExcel";
+import UseUploadExcel from '../../../../components/UseUploadExcel'
+import KeysFind from '@/components/keysFind'
 
-const PAGE_SIZE_OPTIONS = [10, 20, 30];
 // <Button   onClick={this.clickFn.bind(this)}>批量作废</Button>
 // <Button   onClick={this.clickFn.bind(this)}>批量标记已使用</Button>
 // <Button type="primary"  onClick={this.clickFn.bind(this)}>导出excel</Button>
 // <Button type="primary"  onClick={this.clickFn.bind(this)}>导出关联订单</Button>
 export default class acclist extends React.Component {
   constructor(props) {
-    super(props);
+    super(props)
     this.state = {
       dataCount: 0,
       page: 1,
       limit: 10,
       tabList: [
-        { title: "全部", index: 0 },
-        { title: "可使用", index: 1 },
-        { title: "已使用", index: 2 },
-        { title: "已完结", index: 3 },
-        { title: "已作废", index: 4 },
+        { title: '全部', index: 0 },
+        { title: '可使用', index: 1 },
+        { title: '已使用', index: 2 },
+        { title: '已完结', index: 3 },
+        { title: '已作废', index: 4 }
       ],
-      distdata: [{ title: "士大夫大师傅" }],
+      distdata: [{ title: '士大夫大师傅' }],
       filterList: [
         {
           id: 0,
-          label: "状态",
-          prop: "status",
+          label: '状态',
+          prop: 'status',
           menuList: [
-            { id: 999, name: "全部" },
-            { id: 0, name: "创建中" },
-            { id: 2, name: "审核中" },
-            { id: 3, name: "待生效" },
-            { id: 4, name: "进行中" },
-            { id: 5, name: "暂停中" },
-            { id: 6, name: "已完结" },
-          ],
-        },
+            { id: 999, name: '全部' },
+            { id: 0, name: '创建中' },
+            { id: 2, name: '审核中' },
+            { id: 3, name: '待生效' },
+            { id: 4, name: '进行中' },
+            { id: 5, name: '暂停中' },
+            { id: 6, name: '已完结' }
+          ]
+        }
       ],
       tableHeight: 500,
-      menuList: [{ id: 0, name: "状态", check: false }],
+      menuList: [{ id: 0, name: '状态', check: false }],
       phone_list: [],
       email_list: [],
-      phone: "",
-      email: "",
+      phone: '',
+      email: '',
       email_radio: -1,
       phone_radio: -1,
-      search: "",
+      search: '',
       audit_visible: false,
 
       cur_item: null,
@@ -109,161 +92,164 @@ export default class acclist extends React.Component {
       outdateTotal: 0,
       invalidTotal: 0,
       multiple: true,
-      dialogTitle: "",
-      bachVisible: false,
-    };
+      dialogTitle: '',
+      bachVisible: false
+    }
   }
 
   //分页
   onPageChange(e) {
-    this.setState({ page: e });
+    this.setState({ page: e })
 
     setTimeout(() => {
-      this.getpageFn();
-    }, 0);
+      this.getpageFn()
+    }, 0)
   }
 
   componentDidMount(e) {}
   componentWillMount() {
-    this.setState({ tableHeight: window.innerHeight - 430 });
+    this.setState({ tableHeight: window.innerHeight - 430 })
   }
 
   getKeyCodeList(data) {
     let queryParams = _.omitBy(data, (value) => {
-      return _.isNaN(value) || _.isNil(value);
-    });
-    let id = sessionStorage.getItem("key_batch_id");
+      return _.isNaN(value) || _.isNil(value)
+    })
+    let id = sessionStorage.getItem('key_batch_id')
 
     getkeyDetailList(id, queryParams).then((res) => {
       handelResponse(
         res,
         (req, msg) => {
-          this.setState({ distdata: req.data });
-          this.setState({ dataCount: req.total });
+          this.setState({ distdata: req.data })
+          this.setState({ dataCount: req.total })
         },
         (err) => {}
-      );
-    });
+      )
+    })
   }
   onCountChange(e) {
-    this.setState({ page: 1, limit: e });
+    this.setState({ page: 1, limit: e })
     setTimeout(() => {
-      this.getpageFn();
-    }, 0);
+      this.getpageFn()
+    }, 0)
   }
   getpageFn() {
     let data = {
       page: this.state.page,
       limit: this.state.limit,
-      key: this.state.key,
-    };
-    console.log(155, this.state.status);
-    let status = this.state.status > 0 ? this.state.status : null;
-    if (status) {
-      data.status = status;
+      key: this.state.key
     }
-    this.getKeyCodeList(data);
+    console.log(155, this.state.status)
+    let status = this.state.status > 0 ? this.state.status : null
+    if (status) {
+      data.status = status
+    }
+    this.getKeyCodeList(data)
   }
 
   //清空
   clearFn() {
-    this.refs.plan_list.allChecked(false);
-    this.setState({ multiple: true });
-    this.setState({ selectiondata: [] });
+    this.refs.plan_list.allChecked(false)
+    this.setState({ multiple: true })
+    this.setState({ selectiondata: [] })
   }
   //选中表格的选框
   selection(selection) {
     if (selection.length > 0) {
-      this.setState({ multiple: false });
+      this.setState({ multiple: false })
     } else {
-      this.setState({ multiple: true });
+      this.setState({ multiple: true })
     }
     // this.setState({multiple:false})
 
-    this.setState({ selectiondata: selection });
-    let grantTotal = 0;
-    let surplusTotal = 0;
-    let usageTotal = 0;
-    let receive_total = 0;
-    let usage_total = 0;
-    let silent_total = 0;
-    let invalidTotal = 0;
-    let outdateTotal = 0;
+    this.setState({ selectiondata: selection })
+    let grantTotal = 0
+    let surplusTotal = 0
+    let usageTotal = 0
+    let receive_total = 0
+    let usage_total = 0
+    let silent_total = 0
+    let invalidTotal = 0
+    let outdateTotal = 0
     selection.forEach((item) => {
-      grantTotal += Number(item.total);
-      surplusTotal += Number(item.residue);
-      usageTotal += Number(item.usage);
-      outdateTotal += Number(item.overdue);
-      invalidTotal += Number(item.invalid);
+      grantTotal += Number(item.total)
+      surplusTotal += Number(item.residue)
+      usageTotal += Number(item.usage)
+      outdateTotal += Number(item.overdue)
+      invalidTotal += Number(item.invalid)
 
       // receive_total+=Number(item.receive_total);
-      usage_total += Number(item.usage_total);
-      silent_total += Number(item.silent_total);
-    });
+      usage_total += Number(item.usage_total)
+      silent_total += Number(item.silent_total)
+    })
     this.setState({
       grantTotal,
       usageTotal,
       invalidTotal,
       outdateTotal,
-      surplusTotal,
-    });
+      surplusTotal
+    })
   }
 
   // 监听组件内部状态的变化:
   componentDidUpdate(prevProps, prevState) {
     // 参数分别为改变之前的数据状态对象
     if (prevState.search != this.state.search && !this.state.search) {
-      this.iptsureFn();
+      this.iptsureFn()
     }
   }
 
   iptsureFn(e) {
-    let status = this.state.status > 0 ? this.state.status : null;
-    this.setState({ page: 1 });
-    this.setState({ limit: 10 });
+    let status = this.state.status > 0 ? this.state.status : null
+    this.setState({ page: 1 })
+    this.setState({ limit: 10 })
     let data = {
       page: 1,
       limit: 10,
-      key: this.state.search,
-    };
-    if (status) {
-      data.status = status;
+      key: this.state.search
     }
-    this.getKeyCodeList(data);
+    if (status) {
+      data.status = status
+    }
+    if (status) {
+      data.status = status
+    }
+    this.getKeyCodeList(data)
   }
 
   onFilterClose(prop) {
-    let data = {};
-    data[prop] = null;
+    let data = {}
+    data[prop] = null
 
-    this.setState(data);
+    this.setState(data)
 
     let params = {
       page: 1,
       limit: 10,
-      key: this.state.search,
-    };
-    this.getKeyCodeList(params);
+      key: this.state.search
+    }
+    this.getKeyCodeList(params)
   }
 
   tabFn(e) {
-    let status = e > 0 ? e : null;
-    this.setState({ status: e });
-    this.setState({ search: "" });
-    this.setState({ page: 1 });
-    this.setState({ limit: 10 });
+    let status = e > 0 ? e : null
+    this.setState({ status: e })
+    this.setState({ search: '' })
+    this.setState({ page: 1 })
+    this.setState({ limit: 10 })
     let params = {
       page: 1,
       limit: 10,
-      status: status,
-    };
-    this.getKeyCodeList(params);
+      status: status
+    }
+    this.getKeyCodeList(params)
   }
   menuItemClick(e, key, rowData) {
     if (key == 1) {
       let formdata = {
-        key: rowData.key,
-      };
+        key: rowData.key
+      }
 
       keyUsage(formdata).then((res) => {
         handelResponse(
@@ -271,44 +257,44 @@ export default class acclist extends React.Component {
           (req, msg) => {
             let data = {
               page: 1,
-              limit: 10,
-            };
-            this.setState({ page: 1, limit: 10 });
-            this.getKeyCodeList(data);
-            Notify.success("标记为使用成功");
+              limit: 10
+            }
+            this.setState({ page: 1, limit: 10 })
+            this.getKeyCodeList(data)
+            Notify.success('标记为使用成功')
           },
           (err) => {
-            Notify.error(err);
+            Notify.error(err)
           }
-        );
-      });
+        )
+      })
     }
     if (key == 2) {
       let formdata = {
-        key: rowData.key,
-      };
+        key: rowData.key
+      }
       keyCancel(formdata).then((res) => {
         handelResponse(
           res,
           (req, msg) => {
             let data = {
               page: 1,
-              limit: 10,
-            };
-            this.setState({ page: 1, limit: 10 });
-            this.getKeyCodeList(data);
-            Notify.success("作废成功");
+              limit: 10
+            }
+            this.setState({ page: 1, limit: 10 })
+            this.getKeyCodeList(data)
+            Notify.success('作废成功')
           },
           (err) => {
-            Notify.error(err);
+            Notify.error(err)
           }
-        );
-      });
+        )
+      })
     }
     if (key == 3) {
-      sessionStorage.setItem("keyCode", rowData.key);
+      sessionStorage.setItem('keyCode', rowData.key)
       // this.props.history.push("/home/key-log");
-      window.open("#/home/key-log");
+      window.open('#/home/key-log')
       // sessionStorage.setItem("pathname2", "/home/key-log");
 
       // let cur_nav = sessionStorage.getItem("breakchangenav");
@@ -323,61 +309,61 @@ export default class acclist extends React.Component {
     }
   }
   multipleCancel() {
-    console.log(this.state.selectiondata);
+    console.log(this.state.selectiondata)
     let keys = _.map(this.state.selectiondata, (item) => {
-      return item.key;
-    });
+      return item.key
+    })
 
     let formdata = {
-      keys: keys,
-    };
+      keys: keys
+    }
 
     keyBatchCancel(formdata).then((res) => {
       handelResponse(
         res,
         (req, msg) => {
-          Notify.success("批量作废成功");
+          Notify.success('批量作废成功')
           let data = {
             page: 1,
-            limit: 10,
-          };
-          this.setState({ page: 1, limit: 10 });
-          this.clearFn();
-          this.getKeyCodeList(data);
+            limit: 10
+          }
+          this.setState({ page: 1, limit: 10 })
+          this.clearFn()
+          this.getKeyCodeList(data)
         },
         (err) => {
-          Notify.error(err);
+          Notify.error(err)
         }
-      );
-    });
+      )
+    })
   }
   multipleUse() {
     let keys = _.map(this.state.selectiondata, (item) => {
-      return item.key;
-    });
+      return item.key
+    })
 
     let formdata = {
-      keys: keys,
-    };
+      keys: keys
+    }
 
     keyBatchUsage(formdata).then((res) => {
       handelResponse(
         res,
         (req, msg) => {
-          Notify.success("批量标记为使用成功");
+          Notify.success('批量标记为使用成功')
           let data = {
             page: 1,
-            limit: 10,
-          };
-          this.setState({ page: 1, limit: 10 });
-          this.clearFn();
-          this.getKeyCodeList(data);
+            limit: 10
+          }
+          this.setState({ page: 1, limit: 10 })
+          this.clearFn()
+          this.getKeyCodeList(data)
         },
         (err) => {
-          Notify.error(err);
+          Notify.error(err)
         }
-      );
-    });
+      )
+    })
   }
 
   /**
@@ -386,8 +372,8 @@ export default class acclist extends React.Component {
 
   // 查询
   bachUploadQuery() {
-    this.setState({ dialogTitle: "批量上传查询" });
-    this.setState({ bachVisible: true });
+    this.setState({ dialogTitle: '批量上传查询' })
+    this.setState({ bachVisible: true })
   }
 
   // 作废
@@ -398,139 +384,138 @@ export default class acclist extends React.Component {
 
   // 取消安妮
   bachOnClose() {
-    this.setState({ bachVisible: false });
+    this.setState({ bachVisible: false })
   }
 
   render() {
-    const { current, pageSize } = this.state;
+    const { current, pageSize } = this.state
     const Column = [
       {
-        title: "key码",
-        name: "key_code",
-        prop: "key_code",
-        type: "normal",
-        width: "auto",
+        title: 'key码',
+        name: 'key_code',
+        prop: 'key_code',
+        type: 'normal',
+        width: 'auto'
       },
       {
-        title: "归属营销计划",
-        width: "auto",
-        type: "normal",
-        prop: "plan_title",
-        name: "plan_title",
+        title: '归属营销计划',
+        width: 'auto',
+        type: 'normal',
+        prop: 'plan_title',
+        name: 'plan_title'
       },
 
       {
-        title: "状态",
-        prop: "status",
-        name: "status",
-        width: "auto",
-        type: "slot",
+        title: '状态',
+        prop: 'status',
+        name: 'status',
+        width: 'auto',
+        type: 'slot'
       },
       {
-        title: "操作",
-        name: "opearo",
-        prop: "opearo",
-        type: "slot",
-        width: "auto",
+        title: '操作',
+        name: 'opearo',
+        prop: 'opearo',
+        type: 'slot',
+        width: 'auto'
       },
       {
-        title: "发放总数",
-        prop: "total",
-        name: "total",
-        width: "auto",
-        type: "normal",
+        title: '发放总数',
+        prop: 'total',
+        name: 'total',
+        width: 'auto',
+        type: 'normal'
       },
       {
-        title: "剩余总数",
-        prop: "residue",
-        name: "residue",
-        width: "auto",
-        type: "normal",
+        title: '剩余总数',
+        prop: 'residue',
+        name: 'residue',
+        width: 'auto',
+        type: 'normal'
       },
       {
-        title: "使用总数",
-        name: "usage",
-        prop: "usage",
-        type: "normal",
-        width: "auto",
+        title: '使用总数',
+        name: 'usage',
+        prop: 'usage',
+        type: 'normal',
+        width: 'auto'
       },
       {
-        title: "失效总数",
-        name: "overdue",
-        prop: "overdue",
-        type: "normal",
-        width: "auto",
+        title: '失效总数',
+        name: 'overdue',
+        prop: 'overdue',
+        type: 'normal',
+        width: 'auto'
       },
       {
-        title: "作废总数",
-        name: "invalid",
-        prop: "invalid",
-        type: "normal",
-        width: "auto",
+        title: '作废总数',
+        name: 'invalid',
+        prop: 'invalid',
+        type: 'normal',
+        width: 'auto'
       },
       {
-        title: "已完结总数",
-        name: "end",
-        prop: "end",
-        type: "normal",
-        width: "auto",
+        title: '已完结总数',
+        name: 'end',
+        prop: 'end',
+        type: 'normal',
+        width: 'auto'
       },
       {
-        title: "更新时间",
-        name: "update_time",
-        prop: "update_time",
-        type: "normal",
-        width: "auto",
-      },
-    ];
+        title: '更新时间',
+        name: 'update_time',
+        prop: 'update_time',
+        type: 'normal',
+        width: 'auto'
+      }
+    ]
     const date = (
       <CombinedDateRangePicker
-        className="zent-datepicker-demo"
+        className='zent-datepicker-demo'
         value={this.state.combinedValue}
         showTime={{
-          format: "HH:mm:ss",
-          defaultTime: ["00:00:00", "23:59:59"],
+          format: 'HH:mm:ss',
+          defaultTime: ['00:00:00', '23:59:59']
         }}
-        format="YYYY-MM-DD HH:mm:ss"
+        format='YYYY-MM-DD HH:mm:ss'
         onChange={this.onChangeCombinedDate}
       />
-    );
+    )
     return (
-      <div id="dislist">
+      <div id='dislist'>
         <TabPage tabs={this.state.tabList} tabChange={this.tabFn.bind(this)}>
-          <div className="distable dflexj">
+          <div className='distable dflexj' style={{ paddingBottom: 0 }}>
+            <KeysFind onQuery={(va) => console.log(va)} />
+          </div>
+          <div className='distable dflexj'>
             <div>
               {/* 批量上传操作 */}
               <Button onClick={this.bachUploadQuery.bind(this)}>
                 批量上传查询
               </Button>
               <Button
-                style={{ border: "1px solid red", color: "red" }}
-                onClick={this.bachUploadVoid.bind(this)}
-              >
+                style={{ border: '1px solid red', color: 'red' }}
+                onClick={this.bachUploadVoid.bind(this)}>
                 批量上传作废
               </Button>
               <Button
-                style={{ border: "1px solid red", color: "red" }}
-                onClick={this.bachUploadTagUse.bind(this)}
-              >
+                style={{ border: '1px solid red', color: 'red' }}
+                onClick={this.bachUploadTagUse.bind(this)}>
                 批量上传标记成已使用
               </Button>
 
               <Button
                 onClick={() => {
-                  this.multipleCancel();
+                  this.multipleCancel()
                 }}
-                disabled={this.state.multiple}
-              >
+                disabled={this.state.multiple}>
                 批量作废
               </Button>
               <Button
                 onClick={() => {
-                  this.multipleUse();
+                  this.multipleUse()
                 }}
-                disabled={this.state.multiple}
-              >
+                disabled={this.state.multiple}>
                 批量标记为已使用
               </Button>
             </div>
@@ -540,34 +525,33 @@ export default class acclist extends React.Component {
               onChange={(e) => this.setState({ search: e })}
               value={this.state.search}
               wordSearch={this.iptsureFn.bind(this)}
-              icon="search"
-              placeholder={"请完整输入key"}
+              icon='search'
+              placeholder={'请完整输入key'}
               countShow={false}
-              height={"36px"}
-              width={"260px"}
+              height={'36px'}
+              width={'260px'}
               onClearItem={(e) => {
-                this.setState({ search: "" });
+                this.setState({ search: '' })
                 let data = {
                   page: 1,
-                  limit: 10,
-                };
-                this.getKeyCodeList(data);
+                  limit: 10
+                }
+                this.getKeyCodeList(data)
               }}
-              alignment={"left"}
+              alignment={'left'}
             />
           </div>
-          <div className="code-table">
+          <div className='code-table'>
             {this.state.selectiondata.length > 0 ? (
               <Alert
-                type="info"
+                type='info'
                 extraContent={
-                  <Button type="primary" onClick={this.clearFn.bind(this)}>
+                  <Button type='primary' onClick={this.clearFn.bind(this)}>
                     清空
                   </Button>
-                }
-              >
+                }>
                 已选择
-                <font color="#296bef" style={{ fontWeight: "bold" }}>
+                <font color='#296bef' style={{ fontWeight: 'bold' }}>
                   {this.state.selectiondata.length}
                 </font>
                 发放key总数:{this.state.grantTotal},剩余key总数:
@@ -577,170 +561,162 @@ export default class acclist extends React.Component {
               </Alert>
             ) : null}
             <Grid
-              spliteColor={"#fff"}
+              spliteColor={'#fff'}
               tableData={this.state.distdata}
               Column={Column}
               countbarVisible={false}
               maxheight={this.state.tableHeight}
               isSwitch={false}
               page={this.state.page}
-              ref="plan_list"
+              ref='plan_list'
               dataCount={this.state.dataCount}
               pageChange={(e) => {
-                this.onPageChange(e);
+                this.onPageChange(e)
               }}
               countChange={(e) => {
-                this.onCountChange(e);
+                this.onCountChange(e)
               }}
               checkChange={this.selection.bind(this)}
               ComponentHandler={(com, rowData) => {
-                if (com == "dates") {
+                if (com == 'dates') {
                   return (
                     <span>
                       {rowData.begin_time} 至 {rowData.end_time}
                     </span>
-                  );
+                  )
                 }
 
-                if (com == "title") {
+                if (com == 'title') {
                   return (
                     <span
-                      className="grid-link"
+                      className='grid-link'
                       onClick={(e) => {
-                        this.linkTo(rowData);
-                      }}
-                    >
+                        this.linkTo(rowData)
+                      }}>
                       {rowData.title}
                     </span>
-                  );
+                  )
                 }
-                if (com == "switch") {
+                if (com == 'switch') {
                   return (
                     <Switch
-                      size="small"
+                      size='small'
                       checked={rowData.open == 1}
                       disabled={!rowData.is_open}
                       onChange={(e) => {
-                        this.onSwitchChange(e, rowData);
-                      }}
-                    ></Switch>
-                  );
+                        this.onSwitchChange(e, rowData)
+                      }}></Switch>
+                  )
                 }
-                if (com == "status") {
+                if (com == 'status') {
                   return (
-                    <p className="dflexa">
+                    <p className='dflexa'>
                       <span>
                         <font
-                          className="icon"
+                          className='icon'
                           style={{
                             background: menu.keyStatusBg(
                               parseInt(rowData.status)
-                            ),
-                          }}
-                        ></font>
+                            )
+                          }}></font>
                         {rowData.status_text}
                       </span>
                     </p>
-                  );
+                  )
                 }
-                if (com == "opearo") {
-                  let str = null;
+                if (com == 'opearo') {
+                  let str = null
 
                   if (rowData.status == 1) {
                     str = (
                       <span>
                         <a
-                          className="grid-link"
-                          style={{ paddingLeft: "2px", color: "#d8dbdd" }}
-                        >
+                          className='grid-link'
+                          style={{ paddingLeft: '2px', color: '#d8dbdd' }}>
                           详情
                         </a>
                         <Dropdown position={DropdownPosition.RightTop}>
                           <DropdownClickTrigger>
-                            <div className="linkmore" onClick={(e) => {}}>
-                              {" "}
-                              更多 <Icon type={"down"} />{" "}
+                            <div className='linkmore' onClick={(e) => {}}>
+                              {' '}
+                              更多 <Icon type={'down'} />{' '}
                             </div>
                           </DropdownClickTrigger>
                           <DropdownContent>
                             <Menu
                               onClick={(e, key) =>
                                 this.menuItemClick(e, key, rowData)
-                              }
-                            >
-                              <MenuItem key="1">标记成已使用</MenuItem>
-                              <MenuItem key="2">作废</MenuItem>
-                              <MenuItem key="3">日志</MenuItem>
+                              }>
+                              <MenuItem key='1'>标记成已使用</MenuItem>
+                              <MenuItem key='2'>作废</MenuItem>
+                              <MenuItem key='3'>日志</MenuItem>
                             </Menu>
                           </DropdownContent>
                         </Dropdown>
                       </span>
-                    );
+                    )
                   } else {
                     str = (
                       <span>
                         <a
-                          className="grid-link"
-                          style={{ paddingLeft: "2px", color: "#d8dbdd" }}
-                        >
+                          className='grid-link'
+                          style={{ paddingLeft: '2px', color: '#d8dbdd' }}>
                           详情
                         </a>
                         <Dropdown position={DropdownPosition.RightTop}>
                           <DropdownClickTrigger>
-                            <div className="linkmore" onClick={(e) => {}}>
-                              {" "}
-                              更多 <Icon type={"down"} />{" "}
+                            <div className='linkmore' onClick={(e) => {}}>
+                              {' '}
+                              更多 <Icon type={'down'} />{' '}
                             </div>
                           </DropdownClickTrigger>
                           <DropdownContent>
                             <Menu
                               onClick={(e, key) =>
                                 this.menuItemClick(e, key, rowData)
-                              }
-                            >
-                              <MenuItem key="1" disabled>
+                              }>
+                              <MenuItem key='1' disabled>
                                 标记成已使用
                               </MenuItem>
-                              <MenuItem key="2" disabled={rowData.status != 2}>
+                              <MenuItem key='2' disabled={rowData.status != 2}>
                                 作废
                               </MenuItem>
-                              <MenuItem key="3">日志</MenuItem>
+                              <MenuItem key='3'>日志</MenuItem>
                             </Menu>
                           </DropdownContent>
                         </Dropdown>
                       </span>
-                    );
+                    )
                   }
-                  return str;
+                  return str
                 }
               }}
             />
 
             {this.state.audit_visible ? (
               <div>
-                <div className="modal"> </div>
-                <div className="audit-box">
+                <div className='modal'> </div>
+                <div className='audit-box'>
                   <Icon
-                    type="close"
-                    className="audit-close"
+                    type='close'
+                    className='audit-close'
                     onClick={(e) => {
-                      this.cancel(e);
+                      this.cancel(e)
                     }}
                   />
-                  <div className="audit-box-title">发送</div>
-                  <div className="audit-box-question">
+                  <div className='audit-box-title'>发送</div>
+                  <div className='audit-box-question'>
                     是否立即发送key以及解压密码?
                   </div>
-                  <div className="phone-group">
+                  <div className='phone-group'>
                     <div>接收手机号</div>
-                    <div className="phone-list">
+                    <div className='phone-list'>
                       <RadioGroup
                         value={this.state.phone_radio}
                         isValueEqual={this.isValueEqual}
                         onChange={(e) => {
-                          this.onPhoneChange(e);
-                        }}
-                      >
+                          this.onPhoneChange(e)
+                        }}>
                         {this.state.phone_list.map((item, index) => {
                           return (
                             <Radio
@@ -750,27 +726,25 @@ export default class acclist extends React.Component {
                                   item ==
                                   this.state.phone_list[this.state.phone_radio]
                                 ) {
-                                  this.setState({ phone_radio: -1 });
+                                  this.setState({ phone_radio: -1 })
                                 }
-                              }}
-                            >
+                              }}>
                               {item}
                             </Radio>
-                          );
+                          )
                         })}
                       </RadioGroup>
                     </div>
                   </div>
-                  <div className="email-group">
+                  <div className='email-group'>
                     <div>接收邮箱</div>
-                    <div className="email-list">
+                    <div className='email-list'>
                       <RadioGroup
                         value={this.state.email_radio}
                         isValueEqual={this.isValueEqual}
                         onChange={(e) => {
-                          this.onEmailChange(e);
-                        }}
-                      >
+                          this.onEmailChange(e)
+                        }}>
                         {this.state.email_list.map((item, index) => {
                           return (
                             <Radio
@@ -780,46 +754,41 @@ export default class acclist extends React.Component {
                                   item ==
                                   this.state.email_list[this.state.email_radio]
                                 ) {
-                                  this.setState({ email_radio: -1 });
+                                  this.setState({ email_radio: -1 })
                                 }
-                              }}
-                            >
+                              }}>
                               {item}
                             </Radio>
-                          );
+                          )
                         })}
                       </RadioGroup>
                     </div>
                   </div>
-                  <div className="input-group">
+                  <div className='input-group'>
                     <Input
-                      placeholder="请输入接收手机号"
+                      placeholder='请输入接收手机号'
                       onChange={this.phoneChange}
-                      disabled={this.state.phone_radio > -1}
-                    ></Input>
+                      disabled={this.state.phone_radio > -1}></Input>
                   </div>
-                  <div className="input-group">
+                  <div className='input-group'>
                     <Input
-                      placeholder="请输入接收邮箱"
+                      placeholder='请输入接收邮箱'
                       onChange={this.emailChange}
-                      disabled={this.state.email_radio > -1}
-                    ></Input>
+                      disabled={this.state.email_radio > -1}></Input>
                   </div>
 
-                  <div className="audit-btn-group">
+                  <div className='audit-btn-group'>
                     <Button
                       onClick={(e) => {
-                        this.cancel(e);
-                      }}
-                    >
+                        this.cancel(e)
+                      }}>
                       取消
                     </Button>
                     <Button
-                      type="primary"
+                      type='primary'
                       onClick={(e) => {
-                        this.send(e);
-                      }}
-                    >
+                        this.send(e)
+                      }}>
                       发送
                     </Button>
                   </div>
@@ -831,9 +800,8 @@ export default class acclist extends React.Component {
         <UseUploadExcel
           title={this.state.dialogTitle}
           visible={this.state.bachVisible}
-          onClose={this.bachOnClose.bind(this)}
-        ></UseUploadExcel>
+          onClose={this.bachOnClose.bind(this)}></UseUploadExcel>
       </div>
-    );
+    )
   }
 }