调整key审批流 更改key列表状态

src/pages/plan/key/list.js

@@ -1,7 +1,7 @@
 import ReactDOM from 'react-dom';
 import React, { Component } from 'react';
 import { Link } from "react-router-dom";
-import {Input,openDialog,closeDialog,Notify,Menu, MenuItem,Button,Tag,Sweetalert,CombinedDateRangePicker,Dropdown,DropdownPosition,DropdownClickTrigger,Icon,DropdownContent} from 'zent';
+import {Input,openDialog,closeDialog,Notify,Menu,RadioGroup,Radio, MenuItem,Button,Tag,Sweetalert,CombinedDateRangePicker,Dropdown,DropdownPosition,DropdownClickTrigger,Icon,DropdownContent} from 'zent';
 import  "./list.less"
 import { Switch } from 'zent';
 import "../../../assets/comm.css"
@@ -115,7 +115,7 @@ export default class acclist extends React.Component{
 		dataCount:0,
 		page:1,
 		limit:10,
-      tabList:[{title:"全部"},{title:"创建中"},{title:"审核中"},{title:"生效中"},{title:"暂停中"},{title:"已完结"},{title:"已作废"}],
+      tabList:[{title:"全部"},{title:"创建中"},{title:"审核中"},{title:"进行中"},{title:"暂停中"},{title:"已完结"},{title:"已作废"}],
 	  distdata:[],
       combinedValue:[],
       distdata2:[{id:12313123213123,name:'爱奇艺月卡兑换券',time:'2021-11-08 14:21:06至2021-11-08 15：06：04',plan:'营销计划2',belongid:3123213,send:100,record:58,used:41,dead:11,fail:12,status:'1'}],
@@ -130,7 +130,9 @@ export default class acclist extends React.Component{
 	  phone:"",
 	  isSend:false,
 	  isEmail : false,
-	  isSms :false
+	  isSms :false,
+	  phone_list:[],
+	  email_list:[]
 	  
     }
   }
@@ -681,6 +683,79 @@ onChangeCombinedDate(e){
         />
         </div>
   </TabPage>
+  
+  this.state.audit_visible ? (
+  
+  <div>
+  	<div className="modal"> </div>
+  <div className="audit-box"  >
+  		
+    <Icon type="close" className="audit-close" onClick={(e)=>{this.cancel(e)}}   />
+    <div className="audit-box-title">发送</div>
+    <div className="audit-box-question">是否立即发送key以及解压密码?</div>
+    <div className="phone-group">
+     <div >
+       接收手机号
+     </div>
+     <div className="phone-list">
+  		 <RadioGroup
+  		        value={this.state.phone_radio}
+  		        isValueEqual={this.isValueEqual}
+  		        onChange={(e)=>{this.onPhoneChange(e)}}
+  		      >
+  			  {
+  			  
+  			  this.state.phone_list.map((item, index) => {
+  			     
+  				 return   <Radio value={index}>{item}</Radio>
+  			  
+  		        })
+  				
+  				}
+  		      </RadioGroup>
+     </div>
+    </div>
+  	<div className="email-group">
+  	   <div >
+  	   接收邮箱
+  	   </div>
+  	   <div className="email-list">
+  			<RadioGroup
+  			       value={this.state.email_radio}
+  			       isValueEqual={this.isValueEqual}
+  			       onChange={ (e)=>{this.onEmailChange(e)}  }
+  			     >
+  			       {
+  				   this.state.email_list.map((item, index) => {
+  					
+  					 return    <Radio value={index}>{item}</Radio>
+  				   
+  				     })
+  				   }
+  			     </RadioGroup>
+  	   </div>
+  	</div>
+  	
+  	<div className="design-group">
+  	<div>自定义</div>
+  	<div className="input-group">
+  	  <Input  placeholder="请输入接收手机号"    onChange={this.phoneChange}   disabled={this.state.phone_radio > -1}   ></Input>
+  	</div>
+  	<div className="input-group">
+  	 <Input  placeholder="请输入接收邮箱" onChange={this.emailChange} disabled={this.state.email_radio > -1}  ></Input>
+  	</div>
+  	</div>
+  	
+  	
+  	<div className="audit-btn-group">
+  	   <Button    onClick={(e)=>{this.cancel(e)}}>取消</Button>
+  	   <Button type="primary"  onClick={(e)=>{this.send(e)}} >发送</Button>
+  	</div>
+  </div>
+  </div>
+  ):null
+  
+  
       </div>
     )
   }

src/pages/plan/list/list.js

@@ -716,7 +716,7 @@ export default class acclist extends React.Component{
 				   </div>
 				</div>
 				
-				<div className="">
+				<div className="design-group">
 				<div>自定义</div>
 				<div className="input-group">
 				  <Input  placeholder="请输入接收手机号"    onChange={this.phoneChange}   disabled={this.state.phone_radio > -1}   ></Input>

src/pages/plan/list/list.less

@@ -13,7 +13,13 @@
 	border-radius: 5px;
 }
 .input-group{
-	width: 80%;
+	width: 100%;
-	margin: 0 auto;
+	margin: 10px auto;
-	margin-bottom: 10px;
+}
+.design-group{
+	margin-left: 50px;
+	    font-size: 12px;
+	    font-weight: bold;
+	    margin-bottom: 10px;
+	    padding-right: 20px;
 }