refactor(market): 重构线索添加页面

- 调整了表单字段的顺序和布局
- 从"基础信息"中移除了部分字段，增加了"跟进任务"部分
- 修改了部分字段的标签名称，如"学员手机号"改为"电话"，"归属人员"改为"顾问"- 添加了"是否创建跟进任务"的开关选项
- 优化了表单验证规则和错误提示信息

pages/market/clue/add_clues.vue

@@ -12,76 +12,6 @@
 
         <view class="title" style="margin-top: 20rpx;">基础信息</view>
         <view class="input-style">
-          <fui-form-item label="学员姓名" asterisk asteriskPosition="right" labelSize='26' prop="student_name"
-                         background='#434544' labelColor='#fff' :bottomBorder='false'>
-            <view class="input-title" style="margin-right:14rpx;">
-              <fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.student_name"
-                         backgroundColor="#434544" size="26" color="#fff"></fui-input>
-            </view>
-          </fui-form-item>
-
-          <fui-form-item label="学员手机号" asterisk asteriskPosition="right" labelSize='26' prop="student_phone"
-                         background='#434544' labelColor='#fff' :bottomBorder='false'>
-            <view class="input-title" style="margin-right:14rpx;">
-              <fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.student_phone"
-                         backgroundColor="#434544" size="26" color="#fff"></fui-input>
-            </view>
-          </fui-form-item>
-
-
-          <fui-form-item label="性别" labelSize='26' asterisk asteriskPosition="right" prop="age" background='#434544'
-                         labelColor='#fff' :bottomBorder='false'>
-            <view class="input-title" style="margin-right:14rpx;">
-              <fui-radio-group name="radio" v-model="formData.sex" @change="changeSex">
-                <view class="fui-list__item" style="display: flex;justify-content: flex-end;">
-                  <fui-label>
-                    <view class="fui-align__center">
-                      <fui-radio value="1" checked></fui-radio>
-                      <text class="fui-text">男</text>
-                    </view>
-                  </fui-label>
-                  <fui-label :margin="['0','0','0','40rpx']">
-                    <view class="fui-align__center">
-                      <fui-radio value="2"></fui-radio>
-                      <text class="fui-text">女</text>
-                    </view>
-                  </fui-label>
-                </view>
-              </fui-radio-group>
-            </view>
-          </fui-form-item>
-
-          <fui-form-item label="年龄" labelSize='26' asterisk asteriskPosition="right" prop="age" background='#434544'
-                         labelColor='#fff' :bottomBorder='false'>
-            <view class="input-title" style="margin-right:14rpx;">
-              <fui-input-number signColor="#FFF" :min="1" :max="100" v-model="formData.age"></fui-input-number>
-            </view>
-          </fui-form-item>
-
-          <fui-form-item label="学校" asteriskPosition="right" labelSize='26' prop="" background='#434544'
-                         labelColor='#fff' :bottomBorder='false'>
-            <view class="input-title" style="margin-right:14rpx;">
-              <fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.school_name"
-                         backgroundColor="#434544" size="26" color="#fff"></fui-input>
-            </view>
-          </fui-form-item>
-
-          <fui-form-item label="年级" asteriskPosition="right" labelSize='26' prop="" background='#434544'
-                         labelColor='#fff' :bottomBorder='false'>
-            <view class="input-title" style="margin-right:14rpx;">
-              <fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.grade"
-                         backgroundColor="#434544" size="26" color="#fff"></fui-input>
-            </view>
-          </fui-form-item>
-
-          <fui-form-item label="班级" asteriskPosition="right" labelSize='26' prop="" background='#434544'
-                         labelColor='#fff' :bottomBorder='false'>
-            <view class="input-title" style="margin-right:14rpx;">
-              <fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.class_name"
-                         backgroundColor="#434544" size="26" color="#fff"></fui-input>
-            </view>
-          </fui-form-item>
-
           <fui-form-item label="来源渠道" asterisk asteriskPosition="right" labelSize='26' prop="" background='#434544'
                          labelColor='#fff' :bottomBorder='false'>
             <view class="input-title" style="margin-right:14rpx;">
@@ -96,7 +26,6 @@
             </view>
           </fui-form-item>
 
-
           <fui-form-item label="客户来源" asterisk asteriskPosition="right" labelSize='26' prop="" background='#434544'
                          labelColor='#fff' :bottomBorder='false'>
             <view class="input-title" style="margin-right:14rpx;">
@@ -111,7 +40,7 @@
             </view>
           </fui-form-item>
 
-          <fui-form-item label="归属人员" asterisk asteriskPosition="right" labelSize='26' prop="" background='#434544'
+          <fui-form-item label="顾问" asterisk asteriskPosition="right" labelSize='26' prop="" background='#434544'
                          labelColor='#fff' :bottomBorder='false'>
             <view class="input-title" style="margin-right:14rpx;">
 
@@ -126,82 +55,97 @@
             </view>
           </fui-form-item>
 
-          <fui-form-item label="联系人" asterisk asteriskPosition="right" labelSize='26' prop="name" background='#434544'
+          <fui-form-item label="学员姓名" asterisk asteriskPosition="right" labelSize='26' prop="student_name"
-                         labelColor='#fff' :bottomBorder='false'>
+                         background='#434544' labelColor='#fff' :bottomBorder='false'>
             <view class="input-title" style="margin-right:14rpx;">
-              <fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.contact_name"
+              <fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.student_name"
                          backgroundColor="#434544" size="26" color="#fff"></fui-input>
             </view>
           </fui-form-item>
-        </view>
 
-        <!--
+          <fui-form-item label="年龄" labelSize='26' asterisk asteriskPosition="right" prop="age" background='#434544'
-                <view class="input-style" style="margin-top: 50rpx;">
+                         labelColor='#fff' :bottomBorder='false'>
-                  <view class="input-style">
+            <view class="input-title" style="margin-right:14rpx;">
-                    <fui-form-item label="客户状态" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
+              <fui-input-number signColor="#FFF" :min="1" :max="100" v-model="formData.age"></fui-input-number>
-                      background='#434544' labelColor='#fff' :bottomBorder='false'>
-                      <view class="input-title" style="margin-right:14rpx;" @click="selectCon(4)"
-                        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'>
+          <fui-form-item label="性别" labelSize='26' asterisk asteriskPosition="right" prop="age" background='#434544'
-                      <view class="input-title" style="margin-right:14rpx;" @click="selectCon(5)"
+                         labelColor='#fff' :bottomBorder='false'>
-                        v-if="result_intention == ''">点击选择</view>
+            <view class="input-title" style="margin-right:14rpx;">
-                      <view class="input-title" style="margin-right:14rpx;" @click="selectCon(5)" v-else>{{ result_intention }}
+              <fui-radio-group name="radio" v-model="formData.sex" @change="changeSex">
+                <view class="fui-list__item" style="display: flex;justify-content: flex-end;">
+                  <fui-label>
+                    <view class="fui-align__center">
+                      <fui-radio value="1" checked></fui-radio>
+                      <text class="fui-text">男</text>
                     </view>
-                    </fui-form-item>
+                  </fui-label>
+                  <fui-label :margin="['0','0','0','40rpx']">
+                    <view class="fui-align__center">
+                      <fui-radio value="2"></fui-radio>
+                      <text class="fui-text">女</text>
                     </view>
-                  <view>
+                  </fui-label>
-                    <fui-form-item label="跟进内容" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
-                      background='#434544' labelColor='#fff' :bottomBorder='false'>
-                    </fui-form-item>
-                    <view style="width: 100%;background: #434544;">
-                      <view style="margin: auto;width: 92%;padding: 20rpx 0 50rpx;">
-                        <fui-textarea :padding="[0]" v-model="formData.mobile"
-                        backgroundColor="#434544" size="26" color="#fff" :textareaBorder="true"></fui-textarea>
                 </view>
+              </fui-radio-group>
             </view>
+          </fui-form-item>
+
+
+          <fui-form-item label="电话" asterisk asteriskPosition="right" labelSize='26' prop="student_phone"
+                         background='#434544' labelColor='#fff' :bottomBorder='false'>
+            <view class="input-title" style="margin-right:14rpx;">
+              <fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.student_phone"
+                         backgroundColor="#434544" size="26" color="#fff"></fui-input>
             </view>
+          </fui-form-item>
+
         </view>
-        -->
 
-        <view class="title" style="margin-top: 20rpx;">附加信息</view>
+
+
+        <view class="title" style="margin-top: 20rpx;">跟进任务</view>
         <view class="input-style">
-          <view>
+          <fui-form-item
-            <fui-form-item label="所在地区" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
+              label="转交跟进任务"
-                           background='#434544' labelColor='#fff' :bottomBorder='false'>
+              labelSize='26'
-              <fui-input :borderBottom="false" :padding="[0]" placeholder="点击选择" backgroundColor="#434544" size="26"
+              asterisk
-                         color="#fff" @click="show_area=true" v-model="formData.full_address"></fui-input>
+              asteriskPosition="right"
-
+              prop="mobile"
-              <!--地区三级联动-->
+              background='#434544'
-              <fui-picker
+              labelColor='#fff'
-                  linkage :layer="3"
+              :bottomBorder='false'>
-                  :options="options_area"
+            <fui-switch
-                  :show="show_area"
+                :checked="is_follow"
-                  @change="changeArea"
+                @change="changeIsFollow"
-                  @cancel="show_area=false"
+            ></fui-switch>
-              ></fui-picker>
           </fui-form-item>
 
-            <fui-form-item label="小区" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
+          <view v-if="is_follow">
+            <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.community_name"
                          backgroundColor="#434544" size="26" color="#fff"></fui-input>
             </fui-form-item>
 
-            <fui-form-item label="客户标签" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
+            <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.customer_tags_name"
+              <fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.community_name"
-                         backgroundColor="#434544" size="26" color="#fff" @click="show_customer_tags=true"></fui-input>
+                         backgroundColor="#434544" size="26" color="#fff"></fui-input>
+            </fui-form-item>
 
-              <!--下拉多选-->
+            <fui-form-item label="跟进时间" labelSize='26' asterisk asteriskPosition="right" prop="mobile"
-              <fui-select :show="show_customer_tags" :options="options_customer_tags" title="请选择客户标签" multiple isReverse
+                           background='#434544' labelColor='#fff' :bottomBorder='false'>
-                          checkboxColor="#FFC529" btnBackground="#FFC529" btnColor="#1A1D26" closeColor="#6D758A"
+              <fui-input :borderBottom="false" :padding="[0]" placeholder="点击填写" v-model="formData.community_name"
-                          @confirm="onConfirmCustomerTags" @close="show_customer_tags=false"></fui-select>
+                         backgroundColor="#434544" size="26" color="#fff"></fui-input>
             </fui-form-item>
 
+            <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.community_name"
+                         backgroundColor="#434544" size="26" color="#fff"></fui-input>
+            </fui-form-item>
 
           </view>
         </view>
@@ -237,7 +181,7 @@ const rules = [
   {
     name: "student_phone",
     rule: ["required", "isMobile"],
-    msg: ["请输入学员手机号", "请输入正确的手机号"]
+    msg: ["请输入电话", "请输入正确的手机号"]
   },
   {
     name: "age",
@@ -267,7 +211,7 @@ const rules = [
   {
     name: "add_staff_id",
     rule: ["required"],
-    msg: ["请选择归属人员"]
+    msg: ["请选择顾问"]
   },
   {
     name: "contact_name",
@@ -302,13 +246,13 @@ export default {
       formData: {
         sex:'1',//性别|0=保密,1=男,2=女
         student_name: '',//学员姓名*
-        student_phone: '',//学员手机号*
+        student_phone: '',//电话*
         age: '',//年龄*
         school_name: '',//学校
         grade: '',//年级
         class_name: '',//班级
         customer_source: '',//客户来源*
-        add_staff_id: '',//归属人员id*
+        add_staff_id: '',//顾问id*
         contact_name: '',//联系人*
         province_id: '',//所在地区-省
         city_id: '',//所在地区-市
@@ -326,6 +270,8 @@ export default {
         reminder_method:'',//1=短信,2=邮箱,3=微信模板消息
       },
 
+      is_follow:true,//是否创建跟进任务
+
 
 
       show_date: false,
@@ -422,7 +368,7 @@ export default {
           'text': '渠道2'
         }
       ],//客户来源可选值
-      //归属人员(add_staff_id,添加这条数据的工作人员id)
+      //顾问(add_staff_id,添加这条数据的工作人员id)
       result_add_staff_id: '',//选中项的中文名称
       options_add_staff_id: [
         // {
@@ -571,7 +517,7 @@ export default {
       }
       if(!data.student_phone){
         uni.showToast({
-          title: '学员手机号必填',
+          title: '电话必填',
           icon: 'none'
         })
         return false
@@ -592,7 +538,7 @@ export default {
       }
       if(!data.staff_id){
         uni.showToast({
-          title: '归属人员必填',
+          title: '顾问必填',
           icon: 'none'
         })
         return false
@@ -718,7 +664,7 @@ export default {
         this.result_customer_source = e.result
         this.formData.customer_source = e.value
       } else if (this.options_type == 2) {
-        //归属人员(添加这条数据的工作人员id)
+        //顾问(添加这条数据的工作人员id)
         this.result_add_staff_id = e.result
         this.formData.add_staff_id = e.value
       } else if (this.options_type == 3) {
@@ -782,6 +728,24 @@ export default {
     changeSex(e){
       this.formData.sex = e.detail.value
     },
+
+    //监听-是否创建跟进任务
+    changeIsFollow(e) {
+      console.log(111, e.detail.value)
+      this.is_follow = e.detail.value
+      //是否创建跟进任务 1跟进
+      if (this.is_follow) {
+        this.formData.is_follow = '1'
+      } else {
+        //2不跟进
+        this.formData.is_follow = '2'
+
+        // this.formData. = ''//跟进类型
+        // this.formData.staff_id = ''//跟进人员
+        // this.formData.follow_up_time = ''//跟进时间
+        // this.formData. = ''//备注
+      }
+    },
   }
 }
 </script>