feature:跟进增加困难、内容、效果字段，详情增加对应字段展示

pages/customer/components/followRecords.vue

@@ -12,15 +12,28 @@
               <u-row>
                 <u-col span="12">
                   <view class="flex_l">
-                    <text class="tit-txt text-ellipsis flex_1">
+                    <text class="tit-txt mb5 text-ellipsis flex_1">
                       {{ item.createdName }} 跟进（{{ formatType(item.followType) }}）
                     </text>
                   </view>
                 </u-col>
               </u-row>
+              <view class="tit-txt mb5">跟进内容：</view>
               <view class="content flex">
                 <text>{{ item.followContent }}</text>
               </view>
+              <view class="tit-txt mb5">达成效果：</view>
+              <view class="content flex">
+                <text>{{ item.effect }}</text>
+              </view>
+              <view class="tit-txt mb5">问题或困难：</view>
+              <view class="content flex">
+                <text>{{ item.issue }}</text>
+              </view>
+              <view class="tit-txt mb5">下一步跟进计划和目标：</view>
+              <view class="content flex">
+                <text>{{ item.furtherPlan }}</text>
+              </view>
               <view class="content-footer flex1">
                 <text class="date">{{ item.followDate }}</text>
                 <view class="flex flex-middle">
@@ -96,7 +109,8 @@
         color: #323232;
       }
       .content {
-        padding: 10rpx 0;
+        // padding: 10rpx 0;
+        margin-bottom: 5px;
         font-size: 28rpx;
         color: #646464;
       }
@@ -114,5 +128,8 @@
         }
       }
     }
+    .mb5 {
+      margin-bottom: 5px;
+    }
   }
 </style>

pages/distributor/components/followRecords.vue

@@ -12,15 +12,28 @@
               <u-row>
                 <u-col span="12">
                   <view class="flex_l">
-                    <text class="tit-txt text-ellipsis flex_1">
+                    <text class="tit-txt mb5 text-ellipsis flex_1">
                       {{ item.contactsName }} 跟进（{{ formatType(item.followType) }}）
                     </text>
                   </view>
                 </u-col>
               </u-row>
+              <view class="tit-txt mb5">跟进内容：</view>
               <view class="content flex">
                 <text>{{ item.followContent }}</text>
               </view>
+              <view class="tit-txt mb5">达成效果：</view>
+              <view class="content flex">
+                <text>{{ item.effect }}</text>
+              </view>
+              <view class="tit-txt mb5">问题或困难：</view>
+              <view class="content flex">
+                <text>{{ item.issue }}</text>
+              </view>
+              <view class="tit-txt mb5">下一步跟进计划和目标：</view>
+              <view class="content flex">
+                <text>{{ item.furtherPlan }}</text>
+              </view>
               <view class="content-footer flex1">
                 <text class="date">{{ item.followDate }}</text>
                 <view class="flex flex-middle">
@@ -95,7 +108,8 @@
         color: #323232;
       }
       .content {
-        padding: 10rpx 0;
+        margin-bottom: 5px;
+        // padding: 10rpx 0;
         font-size: 28rpx;
         color: #646464;
       }

pages/inviteTenders/components/followRecords.vue

@@ -12,15 +12,28 @@
               <u-row>
                 <u-col span="12">
                   <view class="flex_l">
-                    <text class="tit-txt text-ellipsis flex_1">
+                    <text class="tit-txt mb5 text-ellipsis flex_1">
                       {{ item.contactsName }} 跟进（{{ formatType(item.followType) }}）
                     </text>
                   </view>
                 </u-col>
               </u-row>
+              <view class="tit-txt mb5">跟进内容：</view>
               <view class="content flex">
                 <text>{{ item.followContent }}</text>
               </view>
+              <view class="tit-txt mb5">达成效果：</view>
+              <view class="content flex">
+                <text>{{ item.effect }}</text>
+              </view>
+              <view class="tit-txt mb5">问题或困难：</view>
+              <view class="content flex">
+                <text>{{ item.issue }}</text>
+              </view>
+              <view class="tit-txt mb5">下一步跟进计划和目标：</view>
+              <view class="content flex">
+                <text>{{ item.furtherPlan }}</text>
+              </view>
               <view class="content-footer flex1">
                 <text class="date">{{ item.followDate }}</text>
                 <view class="flex flex-middle">
@@ -95,7 +108,8 @@
         color: #323232;
       }
       .content {
-        padding: 10rpx 0;
+        margin-bottom: 5px;
+        // padding: 10rpx 0;
         font-size: 28rpx;
         color: #646464;
       }

pages/project/components/followRecords.vue

@@ -12,15 +12,28 @@
               <u-row>
                 <u-col span="12">
                   <view class="flex_l">
-                    <text class="tit-txt text-ellipsis flex_1">
+                    <text class="tit-txt mb5 text-ellipsis flex_1">
                       {{ item.createdName }} 跟进（{{ formatType(item.followType) }}）
                     </text>
                   </view>
                 </u-col>
               </u-row>
+              <view class="tit-txt mb5">跟进内容：</view>
               <view class="content flex">
                 <text>{{ item.followContent }}</text>
               </view>
+              <view class="tit-txt mb5">达成效果：</view>
+              <view class="content flex">
+                <text>{{ item.effect }}</text>
+              </view>
+              <view class="tit-txt mb5">问题或困难：</view>
+              <view class="content flex">
+                <text>{{ item.issue }}</text>
+              </view>
+              <view class="tit-txt mb5">下一步跟进计划和目标：</view>
+              <view class="content flex">
+                <text>{{ item.furtherPlan }}</text>
+              </view>
               <view class="content-footer flex1">
                 <text class="date">{{ item.followDate }}</text>
                 <view class="flex flex-middle">
@@ -96,7 +109,8 @@
         color: #323232;
       }
       .content {
-        padding: 10rpx 0;
+        margin-bottom: 5px;
+        // padding: 10rpx 0;
         font-size: 28rpx;
         color: #646464;
       }

pages/publicPages/follow.vue

@@ -23,13 +23,39 @@
         <u-form-item prop="content" customStyle="padding:40rpx 0 34rpx">
           <view class="form-label flex_l">
             <view class="label-tag"></view>
-            本次跟进进展
+            本次跟进内容
           </view>
           <u-textarea
             v-model="addForm.content"
-            placeholder="请输入本次跟进进展"
-            maxlength="800"
-            height="190rpx"
+            placeholder="请输入本次跟进内容"
+            maxlength="500"
+            height="150rpx"
+            count
+            customStyle="border-radius:16rpx"></u-textarea>
+        </u-form-item>
+        <u-form-item prop="effect" customStyle="padding:40rpx 0 34rpx">
+          <view class="form-label flex_l">
+            <view class="label-tag"></view>
+            达成效果
+          </view>
+          <u-textarea
+            v-model="addForm.effect"
+            placeholder="请输入达成效果"
+            maxlength="500"
+            height="150rpx"
+            count
+            customStyle="border-radius:16rpx"></u-textarea>
+        </u-form-item>
+        <u-form-item prop="issue" customStyle="padding:40rpx 0 34rpx">
+          <view class="form-label flex_l">
+            <view class="label-tag"></view>
+            问题或困难
+          </view>
+          <u-textarea
+            v-model="addForm.issue"
+            placeholder="请输入问题或困难"
+            maxlength="500"
+            height="150rpx"
             count
             customStyle="border-radius:16rpx"></u-textarea>
         </u-form-item>
@@ -41,8 +67,8 @@
           <u-textarea
             v-model="addForm.furtherPlan"
             placeholder="请输入下一步跟进计划和目标"
-            maxlength="800"
-            height="190rpx"
+            maxlength="500"
+            height="150rpx"
             count
             customStyle="border-radius:16rpx"></u-textarea>
         </u-form-item>
@@ -176,6 +202,8 @@
           date: this.parseTime(new Date(), '{y}-{m}-{d}'), //时间
           content: '', //客户姓名
           furtherPlan: '', //下一步跟进计划
+          effect: '',
+          issue: '',
           mode: '', //跟进方式
           modeId: 0,
           fileName: '', //附件
@@ -196,6 +224,18 @@
             message: '请填写跟进内容',
             trigger: ['blur'],
           },
+          effect: {
+            type: 'string',
+            required: true,
+            message: '请填写达成效果',
+            trigger: ['blur'],
+          },
+          issue: {
+            type: 'string',
+            required: true,
+            message: '请填写问题或困难',
+            trigger: ['blur'],
+          },
           date: {
             type: 'string',
             required: true,
@@ -347,6 +387,8 @@
                 contactsId: this.addForm.contactsId,
                 contactsName: this.addForm.contactsName,
                 followContent: this.addForm.content,
+                effect: this.addForm.effect,
+                issue: this.addForm.issue,
                 followDate: this.addForm.date,
                 followType: this.addForm.modeId,
                 targetType: this.targetType,

style/common.scss

@@ -234,4 +234,8 @@ view {
 
 .disabledBtn {
   background: #ccc !important;
+}
+
+.mb5 {
+  margin-bottom: 5px;
 }