Browse Source

派单新增知识产权情况

dev01 1 year ago
parent
commit
794cff71ef

+ 128 - 0
js/component/common/orderDetail/property.jsx

@@ -0,0 +1,128 @@
+import React, { Component } from "react";
+import { Form, Button, Radio, Modal, Input, message, Switch } from "antd";
+import { knowledgeList, auditList, addDeductionList, } from "@/dataDic.js";
+
+/**
+ * 知识产权
+ */
+
+const RadioButton = Radio.Button;
+const RadioGroup = Radio.Group;
+const radioStyle = {
+  display: 'block',
+  height: '30px',
+  lineHeight: '30px',
+};
+
+
+const FormItem = Form.Item;
+class Property extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+
+    }
+  }
+
+
+  componentDidMount() {
+  }
+
+  componentWillUnmount() {
+
+  }
+
+  componentWillReceiveProps(nextProps) {
+    // const { patentStatus } = this.props
+    // if (patentStatus != null) {
+    //   this.setState({
+    //     isProperty: 1,
+    //   })
+    // }
+  }
+
+
+
+
+  render() {
+    const { isCreat = false, isProperty, patentStatus } = this.props
+    return (
+      <div>
+        {
+          // 是否可编辑
+          isCreat ?
+            <div className="clearfix">
+              <div className="clearfix">
+                <FormItem
+                  labelCol={{ span: 5 }}
+                  wrapperCol={{ span: 16 }}
+                  label={
+                    <span>
+                      <strong style={{ color: "#f00" }}>*</strong>
+                      知识产权情况
+                    </span>
+                  }
+                >
+                  <div>
+                    <div>
+                      <RadioGroup
+                        value={isProperty}
+                        onChange={e => {
+                          this.props.setProperty(e.target.value)
+                        }}>
+                        <RadioButton value={1}>纯知识产权合同</RadioButton>
+                        <RadioButton value={2}>非知识产权合同</RadioButton>
+                      </RadioGroup>
+                    </div>
+                    {
+                      isProperty == 2 &&
+                      <div style={{ marginTop: 10 }}>
+                        <RadioGroup
+                          value={patentStatus}
+                          onChange={e => {
+                            this.props.setPatentS(e.target.value)
+                          }}>
+                          <Radio value={1}>客户自己完成</Radio>
+                          <Radio value={2}>非客户自己完成</Radio>
+                        </RadioGroup>
+                      </div>
+                    }
+                  </div>
+                </FormItem>
+              </div>
+            </div> : (patentStatus == 0 || patentStatus == 1 || patentStatus == 2) &&
+            <div className="clearfix">
+              <div className="clearfix">
+                <FormItem
+                  labelCol={{ span: 5 }}
+                  wrapperCol={{ span: 16 }}
+                  label={
+                    <span>
+                      <strong style={{ color: "#f00" }}>*</strong>
+                      知识产权情况
+                    </span>
+                  }
+                >
+                  <div>
+                    <div>
+                      <Button type="primary" size="default">
+                        {patentStatus != 0 ? "非知识产权合同" : "纯知识产权合同"}
+                      </Button>
+                    </div>
+                    {patentStatus != 0 &&
+                      <div>
+                        <Button type="primary" size="default">
+                          {patentStatus == 2 ? "非客户自己完成" : " 客户自己完成 "}
+                        </Button>
+                      </div>}
+                  </div>
+                </FormItem>
+              </div>
+            </div>
+        }
+      </div >
+    );
+  }
+}
+
+export default Property;

+ 9 - 0
js/component/manageCenter/financialManage/orderDetail/orderDetail.jsx

@@ -35,6 +35,7 @@ import { salesList } from "@/dataDic.js";
 import NewEditProject from "../../../common/projectOperation/newEditProject";
 import FlowChart from '../../../common/flowchart'; // 流程图
 import Gxczx from '../../../common/orderDetail/gxczx' // 高新纯咨询合同说明详情
+import Property from '../../../common/orderDetail/property' // 知识产权情况
 
 const OrderDetail = Form.create()(
   React.createClass({
@@ -459,6 +460,8 @@ const OrderDetail = Form.create()(
             auditOther: thisData.auditOther, //审计服务其他描述
             addDeductionOther: thisData.addDeductionOther, //加计扣除服务其他描述
 
+            patentStatus: thisData.patentStatus, //知识产权情况
+
           });
         }.bind(this),
       }).always(
@@ -1061,6 +1064,12 @@ const OrderDetail = Form.create()(
                   imgId={"detailContentsImg"}
                 />
               </div>
+
+              {/* 知识产权情况 */}
+              <Property
+                patentStatus={this.state.patentStatus}
+              />
+
               <div className="clearfix">
                 <FormItem
                   className="half-item"

+ 49 - 10
js/component/manageCenter/order/orderNew/addService.jsx

@@ -19,7 +19,7 @@ import {
   Radio,
   Icon,
   Tooltip,
-  Switch
+  Switch,
 } from "antd";
 // import $ from "jquery/src/ajax";
 import "../userMangagement.less";
@@ -73,6 +73,7 @@ import UpdateSales from './updatesales';
 import SelectList from '../../../common/mysuspend/selectList'; //
 import FlowChart from '../../../common/flowchart'; // 流程图
 import Gxczx from '../../../common/orderDetail/gxczx' // 高新纯咨询合同说明详情
+import Property from '../../../common/orderDetail/property' // 知识产权情况
 
 const Option = AutoComplete.Option;
 const confirm = Modal.confirm;
@@ -2167,6 +2168,14 @@ const NewService = Form.create()(
             return
           }
         }
+        if (!this.state.isProperty) {
+          message.warn("请完善知识产权情况!")
+          return
+        }
+        if (this.state.isProperty == 2 && !this.state.patentStatus) {
+          message.warn("请完善知识产权情况!")
+          return
+        }
         if (!this.state.orderRemarks) {
           message.warning("订单留言不能为空");
           this.refs.orderRemarksRef.focus();
@@ -2256,6 +2265,8 @@ const NewService = Form.create()(
             knowledgeOther: this.state.isShow ? this.state.knowledgeOther : undefined, //知识产权服务其他描述
             auditOther: this.state.isShow ? this.state.auditOther : undefined, //审计服务其他描述
             addDeductionOther: this.state.isShow ? this.state.addDeductionOther : undefined, //加计扣除服务其他描述
+
+            patentStatus: this.state.patentStatus, //知识产权情况
           },
       }).done(
         function (data) {
@@ -2407,6 +2418,9 @@ const NewService = Form.create()(
             auditOther: thisData.auditOther, //审计服务其他描述
             addDeductionOther: thisData.addDeductionOther, //加计扣除服务其他描述
 
+            patentStatus: thisData.patentStatus, // 知识产权情况
+            isProperty: thisData.patentStatus == null ? null : thisData.patentStatus == 0 ? 1 : 2,
+
             orgCodeUrl: thisData.contractPictureUrl
               ? splitUrl(
                 thisData.contractPictureUrl,
@@ -3095,11 +3109,18 @@ const NewService = Form.create()(
                   });
                 } else if (e == 6) {
                   this.setState({
-                    listFlag: true,
-                    listCuiFlag: true,
-                    hetongFlag: true,
-                    tuiKuanFlag: true,
+                    // listFlag: true,
+                    // listCuiFlag: true,
+                    // hetongFlag: true,
+                    // tuiKuanFlag: true,
+                    // displayList: false,
+
+                    listFlag: false,
+                    listCuiFlag: false,
+                    hetongFlag: false,
+                    tuiKuanFlag: false,
                     displayList: false,
+
                   });
                 } else if (e == 7) {
                   this.setState({
@@ -6563,7 +6584,19 @@ const NewService = Form.create()(
                                 </div>
                               </FormItem>
                             </div>
-                            {/* 服务内容结束 */}
+                            {/* 知识产权情况 */}
+                            {this.state.processStatus == 0 ?
+                              <Property
+                                isCreat={true}
+                                isProperty={this.state.isProperty}
+                                setProperty={e => { this.setState({ isProperty: e, patentStatus: e == 1 && 0 }) }}
+                                patentStatus={this.state.patentStatus}
+                                setPatentS={e => { this.setState({ patentStatus: e }) }}
+                              /> :
+                              <Property
+                                patentStatus={this.state.patentStatus}
+                              />}
+
                             <div className="clearfix">
                               {this.state.processStatus == 0 ? (
                                 <div className="clearfix">
@@ -7442,10 +7475,16 @@ const NewService = Form.create()(
                                       });
                                     } else if (e == 6) {
                                       this.setState({
-                                        listFlag: true,
-                                        listCuiFlag: true,
-                                        hetongFlag: true,
-                                        tuiKuanFlag: true,
+                                        // listFlag: true,
+                                        // listCuiFlag: true,
+                                        // hetongFlag: true,
+                                        // tuiKuanFlag: true,
+                                        // displayList: false,
+
+                                        listFlag: false,
+                                        listCuiFlag: false,
+                                        hetongFlag: false,
+                                        tuiKuanFlag: false,
                                         displayList: false,
                                       });
                                     } else if (e == 7) {

+ 20 - 8
js/component/manageCenter/order/orderNew/changeComponent/changeApply.js

@@ -1836,10 +1836,16 @@ class ChangeApply extends Component {
       });
     } else if (e == 6) {
       this.setState({
-        listFlag: true,
-        listCuiFlag: true,
-        hetongFlag: true,
-        tuiKuanFlag: true,
+        // listFlag: true,
+        // listCuiFlag: true,
+        // hetongFlag: true,
+        // tuiKuanFlag: true,
+        // displayList: false,
+
+        listFlag: false,
+        listCuiFlag: false,
+        hetongFlag: false,
+        tuiKuanFlag: false,
         displayList: false,
       });
     } else if (e == 7) {
@@ -2389,10 +2395,16 @@ class ChangeApply extends Component {
                     });
                   } else if (e == 6) {
                     this.setState({
-                      listFlag: true,
-                      listCuiFlag: true,
-                      hetongFlag: true,
-                      tuiKuanFlag: true,
+                      // listFlag: true,
+                      // listCuiFlag: true,
+                      // hetongFlag: true,
+                      // tuiKuanFlag: true,
+                      // displayList: false,
+
+                      listFlag: false,
+                      listCuiFlag: false,
+                      hetongFlag: false,
+                      tuiKuanFlag: false,
                       displayList: false,
                     });
                   } else if (e == 7) {

+ 7 - 0
js/component/manageCenter/order/orderNew/changeComponent/orderDetail.js

@@ -22,6 +22,8 @@ import OrderCoor from "./orderCoor"
 import ContentUrl from "../contentUrl";
 import FlowChart from '../../../../common/flowchart'; // 流程图
 import Gxczx from '../../../../common/orderDetail/gxczx' // 高新纯咨询合同说明详情
+import Property from '../../../../common/orderDetail/property' // 知识产权情况
+
 
 const FormItem = Form.Item;
 class OrderDetail extends Component {
@@ -759,6 +761,11 @@ class OrderDetail extends Component {
           imgId={"orderImg1x"}
         //  getContentUrl = {this.getContentUrl}
         />
+
+        <Property
+          patentStatus={this.state.patentStatus}
+        />
+
         <div className="clearfix">
           <FormItem
             className="half-item"

+ 9 - 1
js/component/manageCenter/order/orderNew/examine.jsx

@@ -46,6 +46,7 @@ import ContentUrl from "./contentUrl";
 import { salesList, processStatus } from "@/dataDic.js";
 import FlowChart from '../../../common/flowchart'; // 流程图
 import Gxczx from '../../../common/orderDetail/gxczx' // 高新纯咨询合同说明详情
+import Property from '../../../common/orderDetail/property' // 知识产权情况
 
 
 const confirm = Modal.confirm;
@@ -294,7 +295,7 @@ const IntentionCustomer = Form.create()(
             render: (text) => {
               return (
                 <Tooltip title={text}>
-                  <div 
+                  <div
                   // style={{
                   //   maxWidth: '150px',
                   //   overflow: 'hidden',
@@ -782,6 +783,8 @@ const IntentionCustomer = Form.create()(
               knowledgeOther: thisdata.knowledgeOther, //知识产权服务其他描述
               auditOther: thisdata.auditOther, //审计服务其他描述
               addDeductionOther: thisdata.addDeductionOther, //加计扣除服务其他描述
+
+              patentStatus: thisdata.patentStatus, //知识产权情况
             });
           }
         }.bind(this),
@@ -1999,6 +2002,11 @@ const IntentionCustomer = Form.create()(
                             contentUrl={this.state.contentUrl}
                             imgId={"examineContentsImg"}
                           />
+
+                          <Property
+                            patentStatus={this.state.patentStatus}
+                          />
+
                           <div className="clearfix">
                             <FormItem
                               className="half-item"

+ 8 - 1
js/component/manageCenter/order/orderNew/examinejl.jsx

@@ -47,6 +47,7 @@ import ContentUrl from "./contentUrl";
 import { salesList, processStatus } from "@/dataDic.js";
 import FlowChart from '../../../common/flowchart'; // 流程图
 import Gxczx from '../../../common/orderDetail/gxczx' // 高新纯咨询合同说明详情
+import Property from '../../../common/orderDetail/property' // 知识产权情况
 
 
 const confirm = Modal.confirm;
@@ -297,7 +298,7 @@ const IntentionCustomer = Form.create()(
             render: (text) => {
               return (
                 <Tooltip title={text}>
-                  <div 
+                  <div
                   // style={{
                   //   maxWidth: '150px',
                   //   overflow: 'hidden',
@@ -786,6 +787,8 @@ const IntentionCustomer = Form.create()(
               auditOther: thisdata.auditOther, //审计服务其他描述
               addDeductionOther: thisdata.addDeductionOther, //加计扣除服务其他描述
 
+              patentStatus: thisdata.patentStatus, //知识产权情况
+
             });
           }
         }.bind(this),
@@ -2003,6 +2006,10 @@ const IntentionCustomer = Form.create()(
                             contentUrl={this.state.contentUrl}
                             imgId={"examineContentsImg"}
                           />
+                          {/* 知识产权情况 */}
+                          <Property
+                            patentStatus={this.state.patentStatus}
+                          />
                           <div className="clearfix">
                             <FormItem
                               className="half-item"

+ 23 - 0
js/component/manageCenter/order/orderNew/reject.jsx

@@ -47,6 +47,7 @@ import UpdateSales from './updatesales';//修改销售类型
 import PicturesWall from "./changeComponent/picturesWall.js";
 import FlowChart from '../../../common/flowchart'; // 流程图
 import Gxczx from '../../../common/orderDetail/gxczx' // 高新纯咨询合同说明详情
+import Property from '../../../common/orderDetail/property' // 知识产权情况
 
 
 const IntentionCustomer = Form.create()(
@@ -1080,6 +1081,9 @@ const IntentionCustomer = Form.create()(
               addDeductionOther: thisdata.addDeductionOther, //加计扣除服务其他描述
               isShow: thisdata.knowledgeServices ? true : false, //无数据默认隐藏
 
+              patentStatus: thisdata.patentStatus, // 知识产权情况
+              isProperty: thisdata.patentStatus == null ? null : thisdata.patentStatus == 0 ? 1 : 2,
+
             });
           }
         }.bind(this),
@@ -1561,6 +1565,14 @@ const IntentionCustomer = Form.create()(
           return
         }
       }
+      if (!this.state.isProperty) {
+        message.warn("请完善知识产权情况!")
+        return
+      }
+      if (this.state.isProperty == 2 && !this.state.patentStatus) {
+        message.warn("请完善知识产权情况!")
+        return
+      }
       if (!this.state.orderRemarks) {
         message.warning("订单留言不能为空");
         return false;
@@ -1640,6 +1652,9 @@ const IntentionCustomer = Form.create()(
           knowledgeOther: this.state.isShow ? this.state.knowledgeOther : undefined, //知识产权服务其他描述
           auditOther: this.state.isShow ? this.state.auditOther : undefined, //审计服务其他描述
           addDeductionOther: this.state.isShow ? this.state.addDeductionOther : undefined, //加计扣除服务其他描述
+
+          patentStatus: this.state.patentStatus, //知识产权情况
+
         },
         success: function (data) {
           if (data.error.length || data.data.list == "") {
@@ -2621,6 +2636,14 @@ const IntentionCustomer = Form.create()(
                         <p><span style={{ color: "red", display: "inline-block" }}>(请将合同中的服务内容,截图上传!含服务年限,时间节点等;)</span>图片建议:要清晰。</p>
                       </FormItem>
 
+                      <Property
+                        isCreat={true}
+                        isProperty={this.state.isProperty}
+                        setProperty={e => { this.setState({ isProperty: e, patentStatus: e == 1 && 0 }) }}
+                        patentStatus={this.state.patentStatus}
+                        setPatentS={e => { this.setState({ patentStatus: e }) }}
+                      />
+
                       <FormItem
                         labelCol={{ span: 5 }}
                         wrapperCol={{ span: 16 }}

+ 8 - 0
js/component/manageCenter/project/project/projectAssignment.jsx

@@ -44,6 +44,7 @@ import { salesList } from "@/dataDic.js";
 import Cascaders from "../../../common/cascaders";
 import FlowChart from '../../../common/flowchart'; // 流程图
 import Gxczx from '../../../common/orderDetail/gxczx' // 高新纯咨询合同说明详情
+import Property from '../../../common/orderDetail/property' // 知识产权情况
 
 
 const { TabPane } = Tabs
@@ -664,6 +665,8 @@ const PaiDan = React.createClass({
             knowledgeOther: thisdata.knowledgeOther, //知识产权服务其他描述
             auditOther: thisdata.auditOther, //审计服务其他描述
             addDeductionOther: thisdata.addDeductionOther, //加计扣除服务其他描述
+
+            patentStatus: thisdata.patentStatus, //知识产权情况
           });
         }
       }.bind(this)
@@ -1773,6 +1776,11 @@ const PaiDan = React.createClass({
                     contentUrl={this.state.contentUrl}
                     imgId={"projectsContentsImg"}
                   />
+                  {/* 知识产权情况 */}
+                  <Property
+                    patentStatus={this.state.patentStatus}
+                  />
+
                   <div className="clearfix">
                     <FormItem
                       className="half-item"

+ 8 - 0
js/component/manageCenter/project/project/projectQuery.jsx

@@ -31,6 +31,7 @@ import { salesList } from "@/dataDic.js";
 import Cascaders from "../../../common/cascaders";
 import FlowChart from '../../../common/flowchart'; // 流程图
 import Gxczx from '../../../common/orderDetail/gxczx' // 高新纯咨询合同说明详情
+import Property from '../../../common/orderDetail/property' // 知识产权情况
 
 const { TabPane } = Tabs
 const PaiDan = React.createClass({
@@ -438,6 +439,8 @@ const PaiDan = React.createClass({
             knowledgeOther: thisdata.knowledgeOther, //知识产权服务其他描述
             auditOther: thisdata.auditOther, //审计服务其他描述
             addDeductionOther: thisdata.addDeductionOther, //加计扣除服务其他描述
+
+            patentStatus: thisdata.patentStatus, //知识产权情况
           });
         }
       }.bind(this)
@@ -1102,6 +1105,11 @@ const PaiDan = React.createClass({
                     </div>
                   </FormItem>
                 </div>
+
+                <Property
+                  patentStatus={this.state.patentStatus}
+                />
+
                 <ContentUrl
                   processStatus={2}
                   domId={"projectQueryContents"}

+ 2 - 2
js/component/manageCenter/topTab.jsx

@@ -789,7 +789,7 @@ const TopTab = React.createClass({
     }
   },
 
-  
+
   onAccount() {
     if (!this.state.checkNo) {
       message.warning("报销单编号不能为空!")
@@ -852,7 +852,7 @@ const TopTab = React.createClass({
           <span className="acc-top-user-toindex">
             {/* <a href={jumpUrl || "" + "/portal/index.html"}>返回首页</a> */}
             <span
-              style={{ cursor: "pointer", color: "#58A3FF" }}
+              className="printbt"
               onClick={() => { this.setState({ checkNo: undefined, visible: true }) }}
             >报销清单打印</span>
             <span>&nbsp;&nbsp;|&nbsp;&nbsp;</span>

+ 164 - 132
js/component/manageCenter/topTab.less

@@ -1,148 +1,180 @@
     .account-top {
-        width: 100%;
-        height: 84px;
-        border-bottom: 1px solid #eee;
-        background: #fff;
-        position: absolute;
-        top: 0;
-        left: 0;
-        z-index: 1;
-        .acc-top-user {
-            height: 34px;
-            line-height: 34px;
-            background: #f8f8f8;
-            font-size: 14px;
-            .acc-top-user-name {
-                margin-left: 10px;
-                line-height: 34px;
-                vertical-align: middle;
-            }
-            .acc-top-user-toindex {
-                float: right;
-                margin-right: 10px;
-                line-height: 34px;
-                vertical-align: middle;
-            }
-            .user-badge {
-                margin-left: 12px;
-                font-size: 18px;
-                color: #58a3ff;
-                position: relative;
-                line-height: 34px;
-                vertical-align: middle;
-                .ant-badge {
-                    position: absolute;
-                    right: -10px;
-                    top: 0;
-                    line-height: 0px;
-                    .ant-badge-status-processing {
-                        background-color: red
-                    }
-                }
-            }
-        }
-        .acc-index {
-                height: 50px;
-                width: 8%;
-                position: absolute;
-                top: 34px;
-                left: 0;
-                color: #fff;
-                background: #4665bf;
-                padding-top: 12px;
-                padding-left: 8px;
-            .acc-index-imgbox {
-                width: 36px;
-                height: 36px;
-                padding-top: 36px;
-                position: relative;
-                overflow: hidden;
-                float: left;
-                img {
-                    position: absolute;
-                    top: 0;
-                    left: 4px;
-                    height: 27px;
-                    width: auto;
-                }
-            }
-            span {
-                margin-left: 5px;
-                font-size: 14px;
-                line-height: 27px;
-                a {
-                    color: #fff;
-                }
-            }
+      width: 100%;
+      height: 84px;
+      border-bottom: 1px solid #eee;
+      background: #fff;
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 1;
+
+      .acc-top-user {
+        height: 34px;
+        line-height: 34px;
+        background: #f8f8f8;
+        font-size: 14px;
+
+        .acc-top-user-name {
+          margin-left: 10px;
+          line-height: 34px;
+          vertical-align: middle;
         }
-        .acc-top-tab {
-            margin-left: 8%;
-            height: 50px;
-            line-height: 50px;
-            font-size: 16px;
-            text-align: center;
-            background: #4665bf;
+
+        .acc-top-user-toindex {
+          float: right;
+          margin-right: 10px;
+          line-height: 34px;
+          vertical-align: middle;
+
+          .printbt{
+            padding: 4px 10px;
+            cursor: pointer;
+            background: green;
+            border-radius: 5px;
             color: #fff;
-            border-left: 1px solid #344c8f;
-            .ant-row {
-                padding-left: 20px;
-                border-left: 1px solid #6b84cc;
-                div {
-                    margin: 0 10px;
-                    a {
-                        color: #fff;
-                    }
-                }
-                .active {
-                    font-size: 18px;
-                    &:after {
-                        content: '';
-                        position: absolute;
-                        left: 0;
-                        bottom: 0;
-                        display: block;
-                        width: 100%;
-                        height: 3px;
-                        background: #58a3ff;
-                    }
-                }
-            }
+          }
+
         }
-    }
 
-    .modal-content {
-        >li {
-            margin-bottom: 20px;
-            >span {
-                display: inline-block;
-                width: 60px;
-                margin-right: 10px;
-            }
-            >input {
-                width: 200px;
+        .user-badge {
+          margin-left: 12px;
+          font-size: 18px;
+          color: #58a3ff;
+          position: relative;
+          line-height: 34px;
+          vertical-align: middle;
+
+          .ant-badge {
+            position: absolute;
+            right: -10px;
+            top: 0;
+            line-height: 0px;
+
+            .ant-badge-status-processing {
+              background-color: red
             }
+          }
         }
-    }
+      }
 
-    .account-top{
-        font-weight: inherit !important;
-        .ant-tabs-tab{
-            font-size: 16px;
-            line-height: 34px;
+      .acc-index {
+        height: 50px;
+        width: 8%;
+        position: absolute;
+        top: 34px;
+        left: 0;
+        color: #fff;
+        background: #4665bf;
+        padding-top: 12px;
+        padding-left: 8px;
+
+        .acc-index-imgbox {
+          width: 36px;
+          height: 36px;
+          padding-top: 36px;
+          position: relative;
+          overflow: hidden;
+          float: left;
+
+          img {
+            position: absolute;
+            top: 0;
+            left: 4px;
+            height: 27px;
+            width: auto;
+          }
+        }
+
+        span {
+          margin-left: 5px;
+          font-size: 14px;
+          line-height: 27px;
+
+          a {
             color: #fff;
-            font-weight: inherit !important;
+          }
         }
-        .ant-tabs-tab-active{
+      }
+
+      .acc-top-tab {
+        margin-left: 8%;
+        height: 50px;
+        line-height: 50px;
+        font-size: 16px;
+        text-align: center;
+        background: #4665bf;
+        color: #fff;
+        border-left: 1px solid #344c8f;
+
+        .ant-row {
+          padding-left: 20px;
+          border-left: 1px solid #6b84cc;
+
+          div {
+            margin: 0 10px;
+
+            a {
+              color: #fff;
+            }
+          }
+
+          .active {
             font-size: 18px;
+
+            &:after {
+              content: '';
+              position: absolute;
+              left: 0;
+              bottom: 0;
+              display: block;
+              width: 100%;
+              height: 3px;
+              background: #58a3ff;
+            }
+          }
         }
-        .ant-tabs-ink-bar{
-            height: 3px;
-        }
-        .ant-tabs-bar{
-            border-bottom: 0;
+      }
+    }
+
+    .modal-content {
+      >li {
+        margin-bottom: 20px;
+
+        >span {
+          display: inline-block;
+          width: 60px;
+          margin-right: 10px;
         }
-        .acc-top-tab{
-            text-align: left;
+
+        >input {
+          width: 200px;
         }
+      }
     }
 
+    .account-top {
+      font-weight: inherit !important;
+
+      .ant-tabs-tab {
+        font-size: 16px;
+        line-height: 34px;
+        color: #fff;
+        font-weight: inherit !important;
+      }
+
+      .ant-tabs-tab-active {
+        font-size: 18px;
+      }
+
+      .ant-tabs-ink-bar {
+        height: 3px;
+      }
+
+      .ant-tabs-bar {
+        border-bottom: 0;
+      }
+
+      .acc-top-tab {
+        text-align: left;
+      }
+    }

+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
   "name": "afanti",
-  "version": "1.2.93",
+  "version": "1.2.95",
   "description": "",
   "main": "index.js",
   "scripts": {