Browse Source

面谈和档案样式优化

雷佳斌 2 months ago
parent
commit
19ffb93989

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

@@ -173,13 +173,13 @@ class CustomerProfile extends Component {
         case "industry":
             // 企业所属行业
             dtails.industry = selectedIds.join(',');
-            dtails.industryName = selectedLabels.join('');
+            dtails.industryName = selectedLabels.join(',');
             this.setState({ dtails })
             break;
         case "externalInvestIndustry":
             // 对外投资控股的行业
             dtails.externalInvestIndustry = selectedIds.join(',');
-            dtails.externalInvestIndustryName = selectedLabels.join('');
+            dtails.externalInvestIndustryName = selectedLabels.join(',');
             this.setState({ dtails })
             break;
 
@@ -743,10 +743,10 @@ class CustomerProfile extends Component {
       switch (this.state.addItemType) {
           case 'externalInvestName':
               const { dtails } = this.state;
-              let externalInvestName = this.state.dtails.externalInvestName || '';
-              let externalInvestNameArr = externalInvestName.split('').filter(item => !!item);
+              let externalInvestName = dtails.externalInvestName || '';
+              let externalInvestNameArr = externalInvestName.split(',').filter(item => !!item);
               externalInvestNameArr.push(this.state.addItemInputVal);
-              dtails.externalInvestName = externalInvestNameArr.join('');
+              dtails.externalInvestName = externalInvestNameArr.join(',');
 
               this.setState({ dtails }, () => {
                   this.handleCloseAddItemDialog();
@@ -886,13 +886,10 @@ class CustomerProfile extends Component {
                     <View className="title">渠道档案</View>
                     <View className="val" style={{ display: 'flex' }}>
                         企业所在地省市区:
-                        <View onClick={() => {this.setState({ addressPickerShow: true })}}>
+                        <View className="link" onClick={() => {this.setState({ addressPickerShow: true })}}>
                             { dtails.locationProvince ? `${dtails.locationProvinceName}-${dtails.locationCityName}-${dtails.locationAreaName}` : '请选择' }
                         </View>
-                        <AddressPicker
-                            pickerShow={this.state.addressPickerShow}
-                            onHandleToggleShow={this.toggleAddressPicker.bind(this)}
-                        />
+                        
                     </View>
                     <View className="val" style={{ display: 'flex', alignItems: 'center' }}>
                         渠道类别:
@@ -907,7 +904,7 @@ class CustomerProfile extends Component {
                                 console.log(dtails.channelType)
                                 this.setState({ dtails })
                             }}>
-                            <View>
+                            <View className="link">
                             {!getChannel(dtails.channelType) ? "请选择" : getChannel(dtails.channelType)}
                             </View>
                         </Picker>
@@ -1022,13 +1019,10 @@ class CustomerProfile extends Component {
                             { this.state.region.length ? this.state.region.join('-') : '请选择' }
                             </View>
                         </Picker> */}
-                        <View onClick={() => {this.setState({ addressPickerShow: true })}}>
+                        <View className="link" onClick={() => {this.setState({ addressPickerShow: true })}}>
                             { dtails.locationProvince ? `${dtails.locationProvinceName}-${dtails.locationCityName}-${dtails.locationAreaName}` : '请选择' }
                         </View>
-                        <AddressPicker
-                            pickerShow={this.state.addressPickerShow}
-                            onHandleToggleShow={this.toggleAddressPicker.bind(this)}
-                        />
+                        
                     </View>
                     {/* <View className="tit">
                       企业面谈思路表
@@ -1056,7 +1050,7 @@ class CustomerProfile extends Component {
                     </View> */}
                     <View className="val" style={{display: 'flex'}}>
                         企业所属行业:
-                        <View onClick={() => this.handleOpenMultiplePicker('industry')}>
+                        <View className="link" onClick={() => this.handleOpenMultiplePicker('industry')}>
                             { this.state.dtails.industryName || '请选择' }
                         </View>
                     </View>
@@ -1066,7 +1060,7 @@ class CustomerProfile extends Component {
                             <AtInput
                             value={dtails.businessScope}
                             name='businessScope'
-                            placeholder='可填写多个,用“、”隔开'
+                            placeholder='请用,符号隔开关键字'
                             size='mini'
                             onChange={value => {
                                 dtails.businessScope = value;
@@ -1133,14 +1127,14 @@ class CustomerProfile extends Component {
                     </View>
                     <View className="val" style={{display: 'flex'}}>
                         对外投资控股的行业:
-                        <View onClick={() => this.handleOpenMultiplePicker('externalInvestIndustry')}>
+                        <View className="link" onClick={() => this.handleOpenMultiplePicker('externalInvestIndustry')}>
                             { this.state.dtails.externalInvestIndustryName || '请选择' }
                         </View>
                     </View>
 
                     <View className="val" style={{display: 'flex'}}>
                         对外投资控股的企业名称:
-                        <View onClick={() => this.addItemDialog('externalInvestName')}>
+                        <View className="link" onClick={() => this.addItemDialog('externalInvestName')}>
                             { this.state.dtails.externalInvestName || '点击新增' }
                         </View>
                     </View>
@@ -2079,6 +2073,13 @@ class CustomerProfile extends Component {
                 this.setState({ interactShow: false })
             }}
         />
+
+        {/* 省市区选择器 */}
+        <AddressPicker
+            pickerShow={this.state.addressPickerShow}
+            onHandleToggleShow={this.toggleAddressPicker.bind(this)}
+        />
+
       </View>
     );
   }

+ 6 - 1
src/pages/customerProfile/index.less

@@ -234,4 +234,9 @@
 .at-input-number input {
     background-color: #fff;
     height: 44.8rpx;
-}
+}
+
+.link {
+    color: #1E90FF;
+    text-decoration: underline;
+}

+ 17 - 18
src/pages/interview/index.jsx

@@ -190,13 +190,13 @@ class CustomerProfile extends Component {
         case "industry":
             // 企业所属行业
             dtails.industry = selectedIds.join(',');
-            dtails.industryName = selectedLabels.join('');
+            dtails.industryName = selectedLabels.join(',');
             this.setState({ dtails })
             break;
         case "externalInvestIndustry":
             // 对外投资控股的行业
             dtails.externalInvestIndustry = selectedIds.join(',');
-            dtails.externalInvestIndustryName = selectedLabels.join('');
+            dtails.externalInvestIndustryName = selectedLabels.join(',');
             this.setState({ dtails })
             break;
 
@@ -803,9 +803,9 @@ class CustomerProfile extends Component {
           case 'externalInvestName':
               const { dtails } = this.state;
               let externalInvestName = this.state.dtails.externalInvestName || '';
-              let externalInvestNameArr = externalInvestName.split('').filter(item => !!item);
+              let externalInvestNameArr = externalInvestName.split(',').filter(item => !!item);
               externalInvestNameArr.push(this.state.addItemInputVal);
-              dtails.externalInvestName = externalInvestNameArr.join('');
+              dtails.externalInvestName = externalInvestNameArr.join(',');
 
               this.setState({ dtails }, () => {
                   this.handleCloseAddItemDialog();
@@ -945,13 +945,10 @@ class CustomerProfile extends Component {
                     <View className="title">渠道面谈思路表</View>
                     <View className="val" style={{ display: 'flex' }}>
                         企业所在地省市区:
-                        <View onClick={() => {this.setState({ addressPickerShow: true })}}>
+                        <View className="link" onClick={() => {this.setState({ addressPickerShow: true })}}>
                             { dtails.locationProvince ? `${dtails.locationProvinceName}-${dtails.locationCityName}-${dtails.locationAreaName}` : '请选择' }
                         </View>
-                        <AddressPicker
-                            pickerShow={this.state.addressPickerShow}
-                            onHandleToggleShow={this.toggleAddressPicker.bind(this)}
-                        />
+                        
                     </View>
                     <View className="val" style={{ display: 'flex', alignItems: 'center' }}>
                         渠道类别:
@@ -966,7 +963,7 @@ class CustomerProfile extends Component {
                                 console.log(dtails.channelType)
                                 this.setState({ dtails })
                             }}>
-                            <View>
+                            <View className="link">
                             {!getChannel(dtails.channelType) ? "请选择" : getChannel(dtails.channelType)}
                             </View>
                         </Picker>
@@ -1190,13 +1187,9 @@ class CustomerProfile extends Component {
                             { this.state.region.length ? this.state.region.join('-') : '请选择' }
                             </View>
                         </Picker> */}
-                        <View onClick={() => {this.setState({ addressPickerShow: true })}}>
+                        <View className="link" onClick={() => {this.setState({ addressPickerShow: true })}}>
                             { dtails.locationProvince ? `${dtails.locationProvinceName}-${dtails.locationCityName}-${dtails.locationAreaName}` : '请选择' }
                         </View>
-                        <AddressPicker
-                            pickerShow={this.state.addressPickerShow}
-                            onHandleToggleShow={this.toggleAddressPicker.bind(this)}
-                        />
                     </View>
                     {/* <View className="tit">
                       企业面谈思路表
@@ -1224,7 +1217,7 @@ class CustomerProfile extends Component {
                     </View> */}
                     <View className="val" style={{display: 'flex'}}>
                         企业所属行业:
-                        <View onClick={() => this.handleOpenMultiplePicker('industry')}>
+                        <View className="link" onClick={() => this.handleOpenMultiplePicker('industry')}>
                             { this.state.dtails.industryName || '请选择' }
                         </View>
                     </View>
@@ -1301,14 +1294,14 @@ class CustomerProfile extends Component {
                     </View>
                     <View className="val" style={{display: 'flex'}}>
                         对外投资控股的行业:
-                        <View onClick={() => this.handleOpenMultiplePicker('externalInvestIndustry')}>
+                        <View className="link" onClick={() => this.handleOpenMultiplePicker('externalInvestIndustry')}>
                             { this.state.dtails.externalInvestIndustryName || '请选择' }
                         </View>
                     </View>
 
                     <View className="val" style={{display: 'flex'}}>
                         对外投资控股的企业名称:
-                        <View onClick={() => this.addItemDialog('externalInvestName')}>
+                        <View className="link" onClick={() => this.addItemDialog('externalInvestName')}>
                             { this.state.dtails.externalInvestName || '点击新增' }
                         </View>
                     </View>
@@ -2001,6 +1994,12 @@ class CustomerProfile extends Component {
                 this.setState({ interactShow: false })
             }}
         />
+
+        {/* 省市区选择器 */}
+        <AddressPicker
+            pickerShow={this.state.addressPickerShow}
+            onHandleToggleShow={this.toggleAddressPicker.bind(this)}
+        />
       </View>
     );
   }

+ 5 - 1
src/pages/interview/index.less

@@ -132,7 +132,6 @@
         position: relative;
         font-size: 26px;
         margin-bottom: 5px;
-
         .num {
           font-weight: bolder;
           color: #1E90FF;
@@ -234,4 +233,9 @@
 .at-input-number input {
     background-color: #fff;
     height: 44.8rpx;
+}
+
+.link {
+    color: #1E90FF;
+    text-decoration: underline;
 }