react_hsbc_teller 0.6.2 → 0.6.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react_hsbc_teller",
-  "version": "0.6.2",
+  "version": "0.6.6",
   "description": "React",
   "private": false,
   "main": "lib/hsbc.js",

package/packages/pages/foot/foot.jsx

@@ -54,8 +54,8 @@ export default class foot extends Component {
         const {clickedOcr,clickedFacial,isTranscribing,img,cameraImg,screenName,suspendName,customerList,menus} = this.props
         const content = (
             <div>
-              {customerList.map((item)=>{
-                  return  <div className="customer" onClick={this.customerFaceClick.bind(this,item)}>
+              {customerList.map((item,index)=>{
+                  return  <div key={index}className="customer" onClick={this.customerFaceClick.bind(this,item)}>
                       <img className="imgClass" alt="" src={require("../../assets/img/youke.png").default} />
                       <li className="listLi" key={item.customerId}>{item.name}</li>
                       </div>
@@ -67,8 +67,8 @@ export default class foot extends Component {
           const defaultList = (
               <div className="total totalTwo">
                   {
-                      menus.map((item)=>{
-                          return <div className='footHover'>
+                      menus.map((item,index)=>{
+                          return <div key={index}className='footHover'>
                           {
                                   isTranscribing &&
                                   <div className="one" onClick={this.transcribingClick.bind(this)}>

package/packages/pages/foot/foot.less

@@ -1,6 +1,6 @@
 .foot{
     background: #fff;
-height: 60px;
+height: 4rem;
 display: inline-flex;
 width: 100%;
 // margin: 10px 0;
@@ -13,9 +13,10 @@ width: 100%;
     width: 33%;
     height: 100%;
   align-items: center;
-  margin: 10px 0;
+//   margin: 10px 0;
 .one{
-    padding-top: 5px;
+    // padding-top: 5px;
+    padding: 5px 0;
         display: flex;
   line-height: 32px;
   flex-direction: column;
@@ -27,7 +28,7 @@ width: 100%;
       border-radius: 8px;
   }
   .text{
-    margin-top: 10px;
+    margin-top: 8px;
     padding-bottom: 10px;
     text-align: center;
     width: 80px;
@@ -43,7 +44,7 @@ line-height: 11px;
     justify-content: center;
 }
 .totalThree{
-    margin-top: 10px;
+    // margin-top: 10px;
     justify-content: flex-end;
 }
 .buttonClass{

package/packages/pages/video/video.jsx

@@ -2821,7 +2821,7 @@ class Video extends Component {
       <span className='labelClass'>
         {
           meetingInfo.customers.map((item, index) => {
-            return <label>
+            return <label key={index}>
               {item}
               {
                 meetingInfo.customers.length > 0 && index != meetingInfo.customers.length - 1 && <label>，</label>
@@ -2835,8 +2835,8 @@ class Video extends Component {
     const tabTitleList = (
       <div className="button">
         {
-          this.state.tabTitles.map((item) => {
-            return <div className={`${this.state.isSelect == item.value ? 'selectSee' : "noSelest"}`} onClick={this.switchSelect.bind(this, item.value)}>
+          this.state.tabTitles.map((item,index) => {
+            return <div key={index} className={`${this.state.isSelect == item.value ? 'selectSee' : "noSelest"}`} onClick={this.switchSelect.bind(this, item.value)}>
               {item.name}
             </div>
           })
@@ -2844,7 +2844,7 @@ class Video extends Component {
       </div>
     )
     const camera = (
-      <div class="cameraAnMicrophone">
+      <div className="cameraAnMicrophone">
         {
           this.state.cameraList.map((item,index) => {
             return <div key={index}>
@@ -2863,7 +2863,7 @@ class Video extends Component {
       <div>
         {
           this.state.microphoneList.map((item,index) => {
-            return <div key={index} class="cameraAnMicrophone">
+            return <div key={index} className="cameraAnMicrophone">
               <label className="radio">
               <input type="radio" name="microphone" value={item.actionid} style={{float: 'left'}} checked={this.state.microphoneValue == item.actionid} onChange={(e) => this.getMicrophoneValue(e)}  /><i></i>
               {item.actionname}
@@ -2878,7 +2878,7 @@ class Video extends Component {
       <div>
         {
           this.state.speakerList.map((item,index) => {
-            return <div key={index} class="cameraAnMicrophone">
+            return <div key={index} className="cameraAnMicrophone">
               {item.actionname}<br />
             </div>
           })
@@ -3368,7 +3368,7 @@ class Video extends Component {
             switchExternal={this.switchExternal}
             inspection={this.inspection}
           ></Foot>
-          <Modal cancelText="取消" okText="确定" visible={this.state.isModalVisible} onOk={this.handleOk}
+          <Modal key={Math.random()}  cancelText="取消" okText="确定" visible={this.state.isModalVisible} onOk={this.handleOk}
             onCancel={this.handleCancel}>
             {
               this.state.isSuspend && <span>确定是否恢复会话？</span>
@@ -3377,13 +3377,13 @@ class Video extends Component {
               !this.state.isSuspend && <span>确定是否暂停会话？</span>
             }
           </Modal>
-          <Modal  closable={false} centered={true} visible={this.state.isModalVisibleEnd} footer={[
+          <Modal key={Math.random()}   closable={false} centered={true} visible={this.state.isModalVisibleEnd} footer={[
             <Button className="modelButtonCancel" onClick={this.handleCancelEnd}>取消</Button>,
             <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkEnd}>确定</Button>
           ]}>
             <div className='endModal'>确定是否结束会话？</div>
           </Modal>
-          <Modal title={this.state.titleModal}  closable={false} centered={true} visible={this.state.isModalVisibleFacial} footer={[
+          <Modal key={Math.random()}  title={this.state.titleModal}  closable={false} centered={true} visible={this.state.isModalVisibleFacial} footer={[
             <Button className="modelButtonCancel" onClick={this.handleCancelFacial}>取消</Button>,
             <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkFacial}>确定</Button>
           ]}>
@@ -3398,18 +3398,18 @@ class Video extends Component {
             </div>
 
           </Modal> */}
-          <Modal className="modelClass" title="新增预约" closable={false} centered={true} visible={this.state.isModalVisibleInvitation} footer={[
+          <Modal key={Math.random()} className="modelClass" title="新增预约" closable={false} centered={true} visible={this.state.isModalVisibleInvitation} footer={[
             <Button className="modelButtonCancel" onClick={this.handleCancelInvitation}>取消</Button>,
             <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkInvitation}>确定</Button>
           ]}>
             <div>
               <div className="invitationDiv">
-                <span class="modalSpan">员工号：</span><input type="number"className="inputClick" placeholder="请输入员工号" value={this.state.employeeNumber} onChange={e => this.handleChange(e)}></input>
+                <span className="modalSpan">员工号：</span><input type="number"className="inputClick" placeholder="请输入员工号" value={this.state.employeeNumber} onChange={e => this.handleChange(e)}></input>
                 {/* <span className="invitationSpan" onClick={this.queryStaff}>查 询</span> */}
                 <Button className="invitationSpan" type="primary" danger onClick={this.queryStaff}>查 询</Button>
               </div>
               <div className="invitationDiv">
-              <span class="modalSpan">&nbsp;&nbsp;&nbsp;姓名：</span><span>{this.state.employeeName}</span>
+              <span className="modalSpan">&nbsp;&nbsp;&nbsp;姓名：</span><span>{this.state.employeeName}</span>
               </div>
             </div>
             {
@@ -3420,7 +3420,7 @@ class Video extends Component {
             }
             
           </Modal>
-          <Modal title="签字白板" closable={false} centered={true} visible={this.state.isModalVisibleSign} footer={
+          <Modal key={Math.random()}  title="签字白板" closable={false} centered={true} visible={this.state.isModalVisibleSign} footer={
             [
               <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkSign}>确定</Button>
             ]
@@ -3437,11 +3437,11 @@ class Video extends Component {
               ></CanvasDraw>
             </div>
           </Modal>
-          <Modal title="设备检测" closable={false} centered={true} visible={this.state.isModalVisibleInspection} footer={[
+          <Modal key={Math.random()}  title="设备检测" closable={false} centered={true} visible={this.state.isModalVisibleInspection} footer={[
             <Button className="modelButtonCancel" onClick={this.handleCancelInspection}>取消</Button>,
             <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkInspection}>确定</Button>
           ]}>
-            <div class="inspection">
+            <div className="inspection">
               <div>摄像头设备：</div>
               {camera}
               <div>麦克风设备：</div>

package/packages/pages/video/video.less

@@ -42,7 +42,7 @@
   font-weight: bold;
   height: 170px;
   position: relative;
-  background: #333;
+  background: rgba(0, 0, 0, 0.65);
   margin-bottom: 20px;
   border-radius: 6px;
 }
@@ -166,7 +166,7 @@
     .video{
       width: 100%;
       height: 100%;
-      background: #333;
+      background: rgba(0, 0, 0, 0.65);
     }
   }
 }