Kaynağa Gözat

面谈公出页面样式修改

雷佳斌 1 ay önce
ebeveyn
işleme
2e2308f768

+ 23 - 21
src/pages/customerProfile/index.jsx

@@ -900,7 +900,7 @@ class CustomerProfile extends Component {
                   dtails.newChannel == 1
                     ?
                     <View className="valueContent">
-                      <View className="title">渠道档案</View>
+                      <View className="title" style={{margin: "14rpx 0 18rpx;"}}>渠道档案</View>
                       <View className="item">
                         <View className="item-title">企业所在地省市区:</View>
                         <View className="item-value">
@@ -977,7 +977,7 @@ class CustomerProfile extends Component {
 
                       <View className="item">
                         <View className="item-title">
-                          主要面谈联系信息
+                          主要面谈联系信息
                           {
                             dtails.myUser == 1 &&
                             <View className="tbuttom"
@@ -1011,7 +1011,7 @@ class CustomerProfile extends Component {
 
                       <View className="item">
                         <View className="item-title">
-                          已面谈项目
+                          已面谈项目
                         </View>
                         <View className="item-value">
                           {
@@ -1029,7 +1029,7 @@ class CustomerProfile extends Component {
                     </View>
                     :
                     <View className="valueContent">
-                      <View className="title">企业档案表</View>
+                      <View className="title" style={{margin: "14rpx 0 18rpx;"}}>企业档案表</View>
 
                       <View className="item">
                         <View className="item-title">企业所在地省市区:</View>
@@ -1143,7 +1143,7 @@ class CustomerProfile extends Component {
 
                       <View className="item">
                         <View className="item-title">
-                          主要面谈联系信息
+                          主要面谈联系信息
                           {
                             dtails.myUser == 1 &&
                             <View className="tbuttom"
@@ -1179,7 +1179,7 @@ class CustomerProfile extends Component {
                       </View>
 
                       <View className="item">
-                        <View className="item-title">已面谈项目</View>
+                        <View className="item-title">已面谈项目</View>
                         <View className="item-value">
                           {
                             this.state.projectList.map(item => {
@@ -1196,7 +1196,7 @@ class CustomerProfile extends Component {
 
                       <View style={{ marginTop: '40rpx' }}>
                         <View className="title">企业情况</View>
-                        <View className="tit">
+                        <View className="tit" style={{ margin: '32rpx 0 20rpx;'}}>
                           <Text>
                             1.知识产权情况
                                 {/* <Text className="txt">(专利信息、标准、专利、软著)</Text> */}
@@ -1233,10 +1233,10 @@ class CustomerProfile extends Component {
                             其他类型&nbsp;<Text className="num">{dtails.otherCount || 0}</Text>&nbsp;&nbsp;&nbsp;
                         </View>
 
-                        <View className="tit">2.财务数据</View>
-                        <View className="val" style={{ display: 'flex', alignItems: 'center' }}>
-                          营收(万元):
-                            <View style={{ width: '120rpx' }}>
+                        <View className="tit" style={{ margin: '32rpx 0 20rpx;'}}>2.财务数据</View>
+                        <View className="item">
+                          <View className="item-title">营收(万元):</View>
+                          <View className="item-value">
                             <AtInputNumber
                               min={0}
                               max={99999}
@@ -1252,9 +1252,10 @@ class CustomerProfile extends Component {
                             />
                           </View>
                         </View>
-                        <View className="val" style={{ display: 'flex', alignItems: 'center' }}>
-                          税收(万元):
-                            <View style={{ width: '120rpx' }}>
+
+                        <View className="item">
+                          <View className="item-title">税收(万元):</View>
+                          <View className="item-value">
                             <AtInputNumber
                               min={0}
                               max={99999}
@@ -1270,9 +1271,10 @@ class CustomerProfile extends Component {
                             />
                           </View>
                         </View>
-                        <View className="val" style={{ display: 'flex', alignItems: 'center' }}>
-                          资产(万元):
-                            <View style={{ width: '120rpx' }}>
+
+                        <View className="item">
+                          <View className="item-title">资产(万元):</View>
+                          <View className="item-value">
                             <AtInputNumber
                               min={0}
                               max={99999}
@@ -1287,11 +1289,11 @@ class CustomerProfile extends Component {
                               }}
                             />
                           </View>
-
                         </View>
-                        <View className="val" style={{ display: 'flex', alignItems: 'center' }}>
-                          研发费用(万元):
-                            <View style={{ width: '120rpx' }}>
+                        
+                        <View className="item">
+                          <View className="item-title">研发费用(万元):</View>
+                          <View className="item-value">
                             <AtInputNumber
                               min={0}
                               max={99999}

+ 11 - 10
src/pages/customerProfile/index.less

@@ -222,28 +222,29 @@
   }
 }
 
-.at-input, .at-input-number {
-    padding: 4rpx 0;
-    margin-left: 0rpx;
+.at-input,
+.at-input-number {
+  padding: 4rpx 0;
+  margin-left: 0rpx;
 }
 
 .at-input-number__btn {
-    display: none;
+  display: none;
 }
 
 .at-input-number input {
-    background-color: #fff;
-    height: 44.8rpx;
+  background-color: #fff;
+  height: 44.8rpx;
 }
 
 .link {
-    color: #1E90FF;
-    text-decoration: underline;
+  color: #1E90FF;
+  text-decoration: underline;
 }
 
 .valueContent {
   margin: 20px 0;
-  padding: 30px;
+  padding: 20rpx;
   background: white;
   border-radius: 20px;
 
@@ -278,7 +279,7 @@
         margin-left: 20px;
       }
 
-      .tbuttom{
+      .tbuttom {
         position: absolute;
         right: 0;
         color: #3864ef;

Dosya farkı çok büyük olduğundan ihmal edildi
+ 2054 - 1990
src/pages/interview/index.jsx


+ 180 - 8
src/pages/interview/index.less

@@ -132,6 +132,7 @@
         position: relative;
         font-size: 26px;
         margin-bottom: 5px;
+
         .num {
           font-weight: bolder;
           color: #1E90FF;
@@ -221,21 +222,192 @@
   }
 }
 
-.at-input, .at-input-number {
-    padding: 4rpx 0;
-    margin-left: 0rpx;
+.at-input,
+.at-input-number {
+  padding: 4rpx 0;
+  margin-left: 0rpx;
 }
 
 .at-input-number__btn {
-    display: none;
+  display: none;
 }
 
 .at-input-number input {
-    background-color: #fff;
-    height: 44.8rpx;
+  background-color: #fff;
+  height: 44.8rpx;
 }
 
 .link {
-    color: #1E90FF;
-    text-decoration: underline;
+  color: #1E90FF;
+  text-decoration: underline;
+}
+
+.valueContent {
+  margin: 20px 0;
+  padding: 20rpx;
+  background: white;
+  border-radius: 20px;
+
+  .item {
+    padding-bottom: 30px;
+
+    &-title {
+      display: flex;
+      flex-flow: row nowrap;
+      align-items: center;
+      justify-content: space-between;
+      color: #b7acac;
+      font-size: 27px;
+      padding-bottom: 10px;
+      position: relative;
+
+      .titleTips {
+        color: #ff0000;
+        font-size: 18px;
+        padding-left: 10px;
+      }
+
+      .edit {
+        position: absolute;
+        right: -30px;
+        padding: 30px;
+      }
+
+      .switchItem {
+        width: 40px;
+        height: 40px;
+        margin-left: 20px;
+      }
+
+      .tbuttom {
+        position: absolute;
+        right: 0;
+        color: #3864ef;
+      }
+    }
+
+    &-value {
+      color: #000000;
+      font-size: 30px;
+    }
+
+    .cassistant {
+      font-size: 25px;
+      color: red;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      margin-top: 10px;
+
+      .citems {
+        margin-right: 20px;
+        margin-bottom: 20px;
+        display: flex;
+        flex-direction: row;
+        position: relative;
+        padding-right: 40px;
+
+        .cclose {
+          position: absolute;
+          right: 0;
+          top: -20px;
+
+        }
+
+      }
+
+      .addbuttom {
+        font-size: 22px;
+        padding: 0 10px;
+        margin-left: 20px;
+      }
+
+    }
+
+    .timeContent {
+      background: rgba(0, 51, 255, .09);
+      border-radius: 30px;
+      padding: 30px;
+      margin-top: 45px;
+
+      .time {
+        display: flex;
+        flex-flow: row nowrap;
+        justify-content: space-between;
+        align-items: center;
+
+        .num {
+          font-size: 30px;
+        }
+
+        .journal {
+          font-size: 28px;
+          color: #007aff;
+        }
+      }
+
+      .timeAxis {
+        display: flex;
+        flex-flow: column nowrap;
+        padding-top: 30px;
+
+        .startTime {
+          display: flex;
+          align-items: center;
+          color: #b7acac;
+          font-size: 25px;
+        }
+
+        .axis {
+          width: 1px;
+          height: 40px;
+          border-left: 1px #b7acac solid;
+          margin-left: 11px;
+        }
+
+        .endTime {
+          display: flex;
+          align-items: center;
+          color: #b7acac;
+          font-size: 25px;
+        }
+
+        .circle {
+          margin-right: 15px;
+          width: 20px;
+          height: 20px;
+          border-radius: 30px;
+          border: 1px #b7acac solid;
+        }
+      }
+    }
+  }
+
+  .shareContent {
+    display: flex;
+    flex-flow: column nowrap;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+
+    .share {
+      overflow: visible;
+      width: 100px;
+      height: 100px;
+      padding: 0;
+      border-radius: 161px;
+      background: #0000;
+
+      .shareIcon {
+        width: 100px;
+        height: 100px;
+      }
+    }
+
+    .shareTitle {
+      padding-top: 15px;
+      font-size: 19px;
+      color: #767272;
+    }
+  }
 }