eslint

src/views/zs/components/distributeForm.vue

@@ -4,8 +4,13 @@
       <el-col :span="24">
         <el-form-item label="线下接待人员" prop="offlineReceiver">
           <el-input v-if="form.offlineReceiverName" v-model="form.offlineReceiverName" disabled />+
-          <el-select v-model="form.offlineReceiver" multiple filterable placeholder="请选择" style="width:97%; padding-top:5px;">
-            <el-option v-for="dict in options.userOptions.filter(item => !options.offlineReceiver || !options.offlineReceiver.includes(item.id))" :key="dict.id" :label="dict.name" :value="dict.id" />
+          <el-select v-model="form.offlineReceiver" multiple filterable placeholder="请选择" style="width: 97%; padding-top: 5px">
+            <el-option
+              v-for="dict in options.userOptions.filter((item) => !options.offlineReceiver || !options.offlineReceiver.includes(item.id))"
+              :key="dict.id"
+              :label="dict.name"
+              :value="dict.id"
+            />
           </el-select>
         </el-form-item>
       </el-col>
@@ -18,11 +23,17 @@
     <el-row>
       <el-col v-if="distributeRecord != undefined && distributeRecord.length > 0" :span="24">
         <el-form-item label="甩单记录">
-          <el-timeline style="max-height:260px;overflow-y:auto;">
-            <el-timeline-item v-for="item in distributeRecord" :key="item.record" :timestamp="item.operateTime" placement="top" style="padding:5px !important;">
+          <el-timeline style="max-height: 260px; overflow-y: auto">
+            <el-timeline-item
+              v-for="item in distributeRecord"
+              :key="item.record"
+              :timestamp="item.operateTime"
+              placement="top"
+              style="padding: 5px !important"
+            >
               <el-card>
-                <span style="display:block;font-weight: bold; font-size:13px;">用户 {{ item.operateUserName }}</span>
-                <span style="display:block;padding-left: 10px; font-size:13px;" v-html="item.centent" />
+                <span style="display: block; font-weight: bold; font-size: 13px">用户 {{ item.operateUserName }}</span>
+                <span style="display: block; padding-left: 10px; font-size: 13px" v-html="item.centent" />
               </el-card>
             </el-timeline-item>
           </el-timeline>
@@ -33,25 +44,25 @@
 </template>
 
 <script>
-import { getDistributeRecord } from '@/api/zs/clue'
+import { getDistributeRecord } from '@/api/zs/clue';
 export default {
   name: 'DistributeForm',
   model: {
     prop: 'info',
-    event: 'update',
+    event: 'update'
   },
   props: {
     info: {
       type: Object,
-      default: () => { },
+      default: () => {}
     },
     options: {
       type: Object,
       default: () => ({
         userOptions: [],
-        offlineReceiver: [],
-      }),
-    },
+        offlineReceiver: []
+      })
+    }
   },
   data() {
     return {
@@ -60,36 +71,36 @@ export default {
         offlineReceiver: {
           required: true,
           message: '线下接待人员不为空',
-          trigger: 'change',
-        },
+          trigger: 'change'
+        }
       },
-      distributeRecord: [],
-    }
+      distributeRecord: []
+    };
   },
   watch: {
     form: {
       handler(val) {
-        this.$emit('update', val)
+        this.$emit('update', val);
       },
       deep: true,
-      immediate: true,
-    },
+      immediate: true
+    }
   },
   created() {
-    this.handleDistribute()
+    this.handleDistribute();
   },
   methods: {
     validate() {
-      return this.$refs.form.validate()
+      return this.$refs.form.validate();
     },
     handleDistribute() {
       // 甩单
       getDistributeRecord({ clueId: this.form.clueId }).then((resp) => {
         if (resp.code === 200) {
-          this.distributeRecord = resp.data
+          this.distributeRecord = resp.data;
         }
-      })
-    },
-  },
-}
+      });
+    }
+  }
+};
 </script>