From fce9d9898a37e302441b7d8c5c8cb145de838f4a Mon Sep 17 00:00:00 2001
From: wangsongsole <wangsongsole@126.com>
Date: Fri, 29 Jul 2022 17:05:22 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=20key=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=A4=9A=E4=BD=99=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/plan/keyList/index.jsx | 711 +++++++++++++++----------------
 1 file changed, 345 insertions(+), 366 deletions(-)

diff --git a/src/pages/plan/keyList/index.jsx b/src/pages/plan/keyList/index.jsx
index 2ffbc8a7..01683106 100644
--- a/src/pages/plan/keyList/index.jsx
+++ b/src/pages/plan/keyList/index.jsx
@@ -1,7 +1,7 @@
 /* key列表 */
-import React from "react";
-import { Button, Alert } from "zent";
-import "./index.less";
+import React from 'react'
+import { Button, Alert } from 'zent'
+import './index.less'
 import {
   Input,
   RadioGroup,
@@ -15,10 +15,10 @@ import {
   Icon,
   MenuItem,
   DropdownContent,
-  Menu,
-} from "zent";
-import Grid from "@/components/gird/main.js";
-import TabPage from "@/components/tabPage/main.js";
+  Menu
+} from 'zent'
+import Grid from '@/components/gird/main.js'
+import TabPage from '@/components/tabPage/main.js'
 import {
   keyCancel,
   keyUsage,
@@ -28,47 +28,47 @@ import {
   getkeyDetailList,
   getKeysList,
   batchUploadVoid,
-  batchUploadUsed,
-} from "@/assets/api.js";
-import _ from "lodash";
-import menu from "@/assets/enum.js";
+  batchUploadUsed
+} from '@/assets/api.js'
+import _ from 'lodash'
+import menu from '@/assets/enum.js'
 
-import UseUploadExcel from "@/components/UseUploadExcel";
-import KeysFind from "@/components/keysFind";
+import UseUploadExcel from '@/components/UseUploadExcel'
+import KeysFind from '@/components/keysFind'
 export default class acclist extends React.Component {
   constructor(props) {
-    super(props);
+    super(props)
     this.state = {
       dataCount: 0,
       page: 1,
       limit: 10,
-      tabList: [{ title: "KEY列表" }],
-      distdata: [{ title: "士大夫大师傅" }],
+      tabList: [{ title: 'KEY列表' }],
+      distdata: [],
       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,
@@ -83,165 +83,165 @@ export default class acclist extends React.Component {
       outdateTotal: 0,
       invalidTotal: 0,
       multiple: true,
-      dialogTitle: "",
+      dialogTitle: '',
       bachVisible: false,
-      bachUrl: "",
+      bachUrl: '',
       conditionalQuery: {}, //条件查询
-      bachApiType: 1,
-    };
+      bachApiType: 1
+    }
   }
 
   //分页
   onPageChange(e) {
-    this.setState({ page: e });
+    this.setState({ page: e })
 
     setTimeout(() => {
-      this.getpageFn();
-    }, 0);
+      this.getpageFn()
+    }, 0)
   }
 
   componentDidMount(e) {
-    this.iptsureFn();
+    this.iptsureFn()
   }
   componentWillMount() {
-    this.setState({ tableHeight: window.innerHeight - 430 });
+    this.setState({ tableHeight: window.innerHeight - 430 })
   }
 
   getKeyCodeList(data) {
     let queryParams = _.omitBy(
       { ...data, ...this.state.conditionalQuery },
       (value) => {
-        return _.isNaN(value) || _.isNil(value);
+        return _.isNaN(value) || _.isNil(value)
       }
-    );
+    )
 
     getKeysList(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,
-    };
-    let status = this.state.status > 0 ? this.state.status : null;
-    if (status) {
-      data.status = status;
+      limit: this.state.limit
     }
-    this.getKeyCodeList(data);
+    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({ selectiondata: selection });
-    let grantTotal = 0;
-    let surplusTotal = 0;
-    let usageTotal = 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 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)
 
-      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(sha1) {
-    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,
-      sha1,
-    };
-    if (status) {
-      data.status = status;
+      sha1
     }
     if (status) {
-      data.status = status;
+      data.status = status
     }
-    this.getKeyCodeList(data);
+    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,
-    };
-    this.getKeyCodeList(params);
+      limit: 10
+    }
+    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(
@@ -249,147 +249,147 @@ 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);
-      window.open("#/home/key-log");
+      sessionStorage.setItem('keyCode', rowData.key)
+      window.open('#/home/key-log')
     }
   }
   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)
         }
-      );
-    });
+      )
+    })
   }
 
   // 1:批量上传查询 2:批量上传作废 3:批量上传标记成已使用 默认1
   // 查询
   bachUploadQuery() {
     let obj = {
-      bachUrl: "/key/import?type=1",
-      dialogTitle: "批量上传查询",
+      bachUrl: '/key/import?type=1',
+      dialogTitle: '批量上传查询',
       bachVisible: true,
-      bachApiType: 1,
-    };
-    this.setState(obj);
+      bachApiType: 1
+    }
+    this.setState(obj)
   }
 
   // 作废
   bachUploadVoid() {
     let obj = {
-      bachUrl: "/key/import?type=2",
-      dialogTitle: "批量上传作废",
+      bachUrl: '/key/import?type=2',
+      dialogTitle: '批量上传作废',
       bachVisible: true,
-      bachApiType: 2,
-    };
-    this.setState(obj);
+      bachApiType: 2
+    }
+    this.setState(obj)
   }
 
   // 标记已使用
   bachUploadTagUse() {
     let obj = {
-      bachUrl: "/key/import?type=3",
-      dialogTitle: "批量上传使用",
+      bachUrl: '/key/import?type=3',
+      dialogTitle: '批量上传使用',
       bachVisible: true,
-      bachApiType: 3,
-    };
-    this.setState(obj);
+      bachApiType: 3
+    }
+    this.setState(obj)
   }
 
   // 取消按钮
   bachOnClose() {
-    this.setState({ bachVisible: false });
+    this.setState({ bachVisible: false })
   }
 
   // 确定导入
   bachImportBtn(data) {
     if (this.state.bachApiType === 1) {
-      this.iptsureFn(data);
-      return;
+      this.iptsureFn(data)
+      return
     }
 
     if (this.state.bachApiType === 2) {
@@ -397,14 +397,14 @@ export default class acclist extends React.Component {
         handelResponse(
           res,
           (req, msg) => {
-            Notify.success("批量上传标记为作废");
+            Notify.success('批量上传标记为作废')
           },
           (err) => {
-            Notify.error(err);
+            Notify.error(err)
           }
-        );
-      });
-      return;
+        )
+      })
+      return
     }
 
     if (this.state.bachApiType === 3) {
@@ -412,163 +412,159 @@ export default class acclist extends React.Component {
         handelResponse(
           res,
           (req, msg) => {
-            Notify.success("批量上传标记为使用");
+            Notify.success('批量上传标记为使用')
           },
           (err) => {
-            Notify.error(err);
+            Notify.error(err)
           }
-        );
-      });
-      return;
+        )
+      })
+      return
     }
   }
 
   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: "title",
-        name: "title",
+        title: '归属营销计划',
+        width: 'auto',
+        type: 'normal',
+        prop: 'title',
+        name: 'title'
       },
       {
-        title: "归属KEY批次",
-        prop: "batch_name",
-        name: "batch_name",
-        width: "auto",
-        type: "normal",
+        title: '归属KEY批次',
+        prop: 'batch_name',
+        name: 'batch_name',
+        width: 'auto',
+        type: 'normal'
       },
       {
-        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: "220px",
-      },
-    ];
+        title: '更新时间',
+        name: 'update_time',
+        prop: 'update_time',
+        type: 'normal',
+        width: '220px'
+      }
+    ]
     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} style={{ paddingBottom: 0 }}>
-          <div className="distable dflexj" style={{ paddingBottom: 0 }}>
+          <div className='distable dflexj' style={{ paddingBottom: 0 }}>
             <KeysFind
               onQuery={(va) => {
-                this.setState({ conditionalQuery: va });
+                this.setState({ conditionalQuery: va })
                 setTimeout(() => {
-                  this.iptsureFn(va);
-                }, 500);
+                  this.iptsureFn(va)
+                }, 500)
               }}
             />
           </div>
-          <div className="distable dflexj">
+          <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>
@@ -576,15 +572,14 @@ export default class acclist extends React.Component {
           <div>
             {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总数:
@@ -594,170 +589,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
@@ -767,27 +754,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
@@ -797,46 +782,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>
@@ -852,9 +832,8 @@ export default class acclist extends React.Component {
           visible={this.state.bachVisible}
           url={this.state.bachUrl}
           onClose={this.bachOnClose.bind(this)}
-          onImport={this.bachImportBtn.bind(this)}
-        ></UseUploadExcel>
+          onImport={this.bachImportBtn.bind(this)}></UseUploadExcel>
       </div>
-    );
+    )
   }
 }