回访明细记录

src/views/finance/component/addCallbacks.vue

@@ -100,6 +100,7 @@
                        :active-value="1"
                        :inactive-value="0"
                        active-text="规范"
+                       style="width: 300px;"
                        inactive-text="不规范"
             ></el-switch>
           </div>

src/views/finance/scheduleList.vue

@@ -222,6 +222,35 @@ export default {
   },
   data() {
     return {
+      ways: [
+        {
+          id: 1,
+          value: "上门"
+        },
+        {
+          id: 2,
+          value: "电话"
+        }
+      ],
+      satisfys: [
+        {
+          id: 1,
+          value: "非常满意"
+        },
+        {
+          id: 2,
+          value: "满意"
+        },
+        {
+          id: 3,
+          value: "一般"
+        },
+        {
+          id: 4,
+          value: "不满意"
+        }
+      ],
+
       pickedYear: new Date(),
       pickedMonth:new Date(),
       selectedRow:{},
@@ -264,6 +293,115 @@ export default {
           label:'状态',
           width:120
         },
+        {
+          label: '回访',
+          width: 200,
+          customFn: row => (
+            <div style="display: flex;justify-content: space-evenly;">
+              <el-popover
+                placement="top-start"
+                title="已回访"
+                width="400"
+                trigger="hover">
+                <div class="sku-item" slot="reference" style="cursor: pointer;width: 80px;">
+                  <div class="sku-item__name">
+                    已回访
+                  </div>
+                  <div class="sku-item__time">
+                    { row.schedule_list_callback?.reduce((pre, cur) => pre + (this.$moment().valueOf() >= this.$moment(cur.visit_time).valueOf() ? 1 : 0),0) ?? 0 }
+                  </div>
+                </div>
+
+                <Table slot="default"
+                       size="small"
+                       columns={[
+                         {
+                           key: 'visit_time',
+                           title:'回访日期',
+                           width: 160
+                         },
+                         {
+                           key: 'is_standard',
+                           title: '服务规范',
+                           width: 180,
+                           render: (h, { row }) => {
+                             return h('span',row.is_standard ? '是' : '否')
+                           }
+                         },
+                         {
+                           key: 'way',
+                           title: '回访方式',
+                           width: 180,
+                           render: (h, { row }) => {
+                             return h('span',this.ways.find(i => i.id === row.way)?.value)
+                           }
+                         },
+                         {
+                           key: 'satisfy',
+                           title: '满意度',
+                           width: 140,
+                           render: (h, { row }) => {
+                             return h('span',this.satisfys.find(i => i.id === row.satisfy)?.value)
+                           }
+                         }
+                       ]}
+                       data={row.schedule_list_callback?.filter(i => this.$moment().valueOf() >= this.$moment(i.visit_time))}>
+                </Table>
+              </el-popover>
+
+              <el-popover
+                placement="top-start"
+                title="未回访"
+                width="400"
+                trigger="hover">
+                <div class="sku-item" slot="reference" style="cursor: pointer;border-color: green;width: 80px;">
+                  <div class="sku-item__name" style="background: green;">
+                    未回访
+                  </div>
+                  <div class="sku-item__time">
+                    { row.schedule_list_callback?.reduce((pre, cur) => pre + (this.$moment().valueOf() < this.$moment(cur.visit_time).valueOf() ? 1 : 0),0) ?? 0 }
+                  </div>
+                </div>
+
+                <Table slot="default"
+                       size="small"
+                       columns={[
+                         {
+                           key: 'visit_time',
+                           title:'回访日期',
+                           width: 160
+                         },
+                         {
+                           key: 'is_standard',
+                           title: '服务规范',
+                           width: 180,
+                           render: (h, { row }) => {
+                             return h('span',row.is_standard ? '是' : '否')
+                           }
+                         },
+                         {
+                           key: 'way',
+                           title: '回访方式',
+                           width: 180,
+                           render: (h, { row }) => {
+                             return h('span',this.ways.find(i => i.id === row.way)?.value)
+                           }
+                         },
+                         {
+                           key: 'satisfy',
+                           title: '满意度',
+                           width: 140,
+                           render: (h, { row }) => {
+                             return h('span',this.satisfys.find(i => i.id === row.satisfy)?.value)
+                           }
+                         }
+                       ]}
+                       data={row.schedule_list_callback?.filter(i => this.$moment().valueOf() < this.$moment(i.visit_time))}>
+                </Table>
+              </el-popover>
+            </div>
+          )
+        },
         {
           label:'计划时间',
           width:200,