refactor(market): 优化线索跟进页面布局和代码结构

- 调整了表单各项的样式和间距
- 优化了选择器和日期选择框的使用
- 改进了代码的可读性和可维护性

pages/market/clue/writing_followUp.vue

@@ -3,21 +3,25 @@
     <view class="form-style">
       <fui-form ref="form" top="0" :model="formData" :show="false">
         <view class="input-style">
-					<fui-form-item label="跟进类型" asterisk asteriskPosition="right" labelSize='26' prop="name" background='#434544' labelColor='#fff'
+          <fui-form-item label="跟进类型" asterisk asteriskPosition="right" labelSize='26' prop="name" background='#434544'
+                         labelColor='#fff'
                          :bottomBorder='false'>
             <view class="input-title" style="margin-right:14rpx;" v-if="result_leixing == ''"
-							@click="selectCon(2)">点击选择</view>
+                  @click="selectCon(2)">点击选择
+            </view>
             <view class="input-title" style="margin-right:14rpx;" v-else @click="selectCon(2)">{{ result_leixing }}
             </view>
           </fui-form-item>
           <fui-form-item label="跟进时间" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
                          background='#434544' labelColor='#fff' :bottomBorder='false'>
             <view class="input-title" style="margin-right:14rpx;" @click="selectCon(1)"
-							v-if="result_date == ''">点击选择</view>
+                  v-if="result_date == ''">点击选择
+            </view>
             <view class="input-title" style="margin-right:14rpx;" @click="selectCon(1)" v-else>{{ result_date }}
             </view>
           </fui-form-item>
-					<fui-form-item label="上传录音" labelSize='26' asterisk asteriskPosition="right" prop="mobile" background='#434544' labelColor='#fff'
+          <fui-form-item label="上传录音" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
+                         background='#434544' labelColor='#fff'
                          :bottomBorder='false'>
             <fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.mobile"
                        backgroundColor="#434544" size="26" color="#fff"></fui-input>
@@ -39,21 +43,24 @@
           <fui-form-item label="学员名称" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
                          background='#434544' labelColor='#fff' :bottomBorder='false'>
             <view class="input-title" style="margin-right:14rpx;" @click="selectCon(3)"
-							v-if="result_student == ''">点击选择</view>
+                  v-if="result_student == ''">点击选择
+            </view>
             <view class="input-title" style="margin-right:14rpx;" @click="selectCon(3)" v-else>{{ result_student }}
             </view>
           </fui-form-item>
           <fui-form-item label="客户状态" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
                          background='#434544' labelColor='#fff' :bottomBorder='false'>
             <view class="input-title" style="margin-right:14rpx;" @click="selectCon(4)"
-							v-if="result_status == ''">点击选择</view>
+                  v-if="result_status == ''">点击选择
+            </view>
             <view class="input-title" style="margin-right:14rpx;" @click="selectCon(4)" v-else>{{ result_status }}
             </view>
           </fui-form-item>
           <fui-form-item label="签单意向联系人" labelWidth="230" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
                          background='#434544' labelColor='#fff' :bottomBorder='false'>
             <view class="input-title" style="margin-right:14rpx;" @click="selectCon(5)"
-							v-if="result_intention == ''">点击选择</view>
+                  v-if="result_intention == ''">点击选择
+            </view>
             <view class="input-title" style="margin-right:14rpx;" @click="selectCon(5)" v-else>{{ result_intention }}
             </view>
           </fui-form-item>
@@ -61,7 +68,8 @@
 
         <view class="title" style="margin-top: 20rpx;">跟进任务</view>
         <view class="input-style">
-					<fui-form-item label="创建下次跟进任务" labelWidth="250" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
+          <fui-form-item label="创建下次跟进任务" labelWidth="250" labelSize='26' asterisk asteriskPosition="right"
+                         prop="mobile"
                          background='#434544' labelColor='#fff' :bottomBorder='false'>
             <fui-switch @change="switchChange" checked></fui-switch>
           </fui-form-item>
@@ -70,7 +78,8 @@
             <fui-form-item label="跟进时间" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
                            background='#434544' labelColor='#fff' :bottomBorder='false'>
               <view class="input-title" style="margin-right:14rpx;" @click="selectCon(6)"
-								v-if="result_dates == ''">点击选择</view>
+                    v-if="result_dates == ''">点击选择
+              </view>
               <view class="input-title" style="margin-right:14rpx;" @click="selectCon(6)" v-else>{{ result_dates }}
               </view>
             </fui-form-item>
@@ -87,14 +96,16 @@
             <fui-form-item label="任务提醒" labelSize='26' prop="mobile" background='#434544' labelColor='#fff'
                            :bottomBorder='false'>
               <view class="input-title" style="margin-right:14rpx;" @click="selectCon(7)"
-								v-if="result_renwu == ''">点击选择</view>
+                    v-if="result_renwu == ''">点击选择
+              </view>
               <view class="input-title" style="margin-right:14rpx;" @click="selectCon(7)" v-else>{{ result_renwu }}
               </view>
             </fui-form-item>
             <fui-form-item label="提醒方式" labelSize='26' prop="mobile" background='#434544' labelColor='#fff'
                            :bottomBorder='false'>
               <view class="input-title" style="margin-right:14rpx;" @click="selectCon(8)"
-								v-if="result_fangshi == ''">点击选择</view>
+                    v-if="result_fangshi == ''">点击选择
+              </view>
               <view class="input-title" style="margin-right:14rpx;" @click="selectCon(8)" v-else>{{ result_fangshi }}
               </view>
             </fui-form-item>
@@ -112,18 +123,19 @@
     <fui-date-picker :show="show_date" type="3" @change="change_date" @cancel="cancel_date"></fui-date-picker>
 
     <!-- 选择器 -->
-		<fui-picker :linkage='linkage' :options="options" :layer="1" :show="show" @change="change" @cancel="cancel"></fui-picker>
+    <fui-picker :linkage='linkage' :options="options" :layer="1" :show="show" @change="change"
+                @cancel="cancel"></fui-picker>
 
   </view>
 </template>
 
 <script>
-	const rules = [{
+const rules = [{
   name: "mobile",
   rule: ["required", "isMobile"],
   msg: ["请输入手机号", "请输入正确的手机号"]
-	}];
+}];
-	export default {
+export default {
   data() {
     return {
       switchChange_type: 1,
@@ -143,7 +155,7 @@
       show: false,
       options: [],
       linkage: true,
-				options_type : undefined,
+      options_type: undefined,
       options_leixing: [{
         'value': 1,
         'text': '类型1'
@@ -250,7 +262,7 @@
         this.options = this.options_intention
         this.show = true
         this.linkage = true
-				}else if (type == 6) {
+      } else if (type == 6) {
         //选择跟进时间
         this.options_date_type = 6
         this.show_date = true
@@ -270,10 +282,10 @@
     },
     //选择跟进时间
     change_date(e) {
-				if(this.options_date_type == 1){
+      if (this.options_date_type == 1) {
         this.show_date = false
         this.result_date = e.result ?? ''
-				}else if(this.options_date_type == 6){
+      } else if (this.options_date_type == 6) {
         this.show_date = false
         this.result_dates = e.result ?? ''
       }
@@ -286,7 +298,7 @@
     change(e) {
       this.show = false
       console.log(e)
-				if(this.options_type == 2){
+      if (this.options_type == 2) {
         this.result_leixing = e.result
       } else if (this.options_type == 3) {
         this.result_student = e.result
@@ -294,9 +306,9 @@
         this.result_status = e.result
       } else if (this.options_type == 5) {
         this.result_intention = e.result
-				} else if(this.options_type == 7){
+      } else if (this.options_type == 7) {
         this.result_renwu = e.result
-				} else if(this.options_type == 8){
+      } else if (this.options_type == 8) {
         this.result_fangshi = e.result
       }
     },
@@ -305,15 +317,15 @@
       this.show = false
     },
     //开关选择
-			switchChange(e){
+    switchChange(e) {
-				if(e.detail.value){
+      if (e.detail.value) {
         this.switchChange_type = 1
-				}else{
+      } else {
         this.switchChange_type = 2
       }
     }
   }
-	}
+}
 </script>
 
 <style lang="less" scoped>