浏览代码

居中,时间格式,搜所条件等修改

dingxin 6 年前
父节点
当前提交
87a8697a38
共有 6 个文件被更改,包括 143 次插入64 次删除
  1. 27
    9
      src/views/cart/list.vue
  2. 26
    5
      src/views/followup/list.vue
  3. 1
    1
      src/views/index.js
  4. 71
    47
      src/views/lobby/list.vue
  5. 8
    2
      src/views/security/list.vue
  6. 10
    0
      src/views/visitor/list.vue

+ 27
- 9
src/views/cart/list.vue 查看文件

4
       <el-form-item label="车牌">
4
       <el-form-item label="车牌">
5
         <el-input v-model="formInline.plateNumber" placeholder="车牌"></el-input>
5
         <el-input v-model="formInline.plateNumber" placeholder="车牌"></el-input>
6
       </el-form-item>
6
       </el-form-item>
7
-      <el-form-item label="客户姓名">
7
+      <!-- <el-form-item label="客户姓名">
8
         <el-input v-model="formInline.customerName" placeholder="客户姓名"></el-input>
8
         <el-input v-model="formInline.customerName" placeholder="客户姓名"></el-input>
9
-      </el-form-item>
10
-      <el-form-item label="手机">
9
+      </el-form-item> -->
10
+      <!-- <el-form-item label="手机">
11
         <el-input v-model="formInline.phone" placeholder="手机"></el-input>
11
         <el-input v-model="formInline.phone" placeholder="手机"></el-input>
12
-      </el-form-item>
12
+      </el-form-item> -->
13
       <el-form-item label="来访时间">
13
       <el-form-item label="来访时间">
14
         <el-date-picker
14
         <el-date-picker
15
                 v-model="formInline.recordDate"
15
                 v-model="formInline.recordDate"
29
       <el-table-column
29
       <el-table-column
30
               prop="serialNo"
30
               prop="serialNo"
31
               label="序号"
31
               label="序号"
32
+              align='center'
32
               width="180"/>
33
               width="180"/>
33
       <el-table-column
34
       <el-table-column
34
               prop="plateNumber"
35
               prop="plateNumber"
36
+              align='center'
35
               label="车牌"/>
37
               label="车牌"/>
36
       <el-table-column
38
       <el-table-column
37
               prop="driverImage"
39
               prop="driverImage"
40
+              align='center'
38
               label="驾驶员照片">
41
               label="驾驶员照片">
39
         <template slot-scope="scope">
42
         <template slot-scope="scope">
40
           <el-image
43
           <el-image
43
                   fit="fill"></el-image>
46
                   fit="fill"></el-image>
44
         </template>
47
         </template>
45
       </el-table-column>
48
       </el-table-column>
46
-      <el-table-column
49
+      <!-- <el-table-column
47
               prop="customerName"
50
               prop="customerName"
48
               label="客户姓名"/>
51
               label="客户姓名"/>
49
       <el-table-column
52
       <el-table-column
50
               prop="phone"
53
               prop="phone"
51
-              label="手机号"/>
54
+              label="手机号"/> -->
52
       <el-table-column
55
       <el-table-column
53
               prop="createDate"
56
               prop="createDate"
54
-              label="来访时间"/>
57
+              align='center'
58
+              label="来访时间">
59
+              <template slot-scope="scope">
60
+                <span> {{ FormatDate(scope.row.createDate) }} </span>
61
+              </template>
62
+      </el-table-column>
55
     </el-table>
63
     </el-table>
56
     <el-pagination
64
     <el-pagination
65
+            style="margin-top:50px;float:right"
57
             @size-change="handleSizeChange"
66
             @size-change="handleSizeChange"
58
             @current-change="handleCurrentChange"
67
             @current-change="handleCurrentChange"
59
             :current-page="formInline.pageNum"
68
             :current-page="formInline.pageNum"
79
         customerName: '',
88
         customerName: '',
80
         phone: '',
89
         phone: '',
81
         pageNum: 1,
90
         pageNum: 1,
82
-        pageSize: 10
91
+        pageSize: 10,
92
+        listLoading: true
83
       }
93
       }
84
     }
94
     }
95
+   
85
   },
96
   },
86
   computed: {
97
   computed: {
87
     ...mapCartState({
98
     ...mapCartState({
110
       // console.log(`当前页: ${val}`)
121
       // console.log(`当前页: ${val}`)
111
       this.formInline.pageNum = val
122
       this.formInline.pageNum = val
112
       this.getPage()
123
       this.getPage()
113
-    }
124
+    },
125
+    FormatDate (date) {
126
+      if (date) {
127
+        return date.split('T')[0] === '0001-01-01' ? '' : date.split('T')[0] + '  ' + date.split('T')[1]
128
+      } else {
129
+        return ''
130
+      }
131
+    },
114
   }
132
   }
115
 }
133
 }
116
 </script>
134
 </script>

+ 26
- 5
src/views/followup/list.vue 查看文件

12
       </el-form-item>
12
       </el-form-item>
13
       <el-form-item>
13
       <el-form-item>
14
         <el-button type="primary" @click="onSubmit">查询</el-button>
14
         <el-button type="primary" @click="onSubmit">查询</el-button>
15
+        <el-button type="info" @click="clear">重置</el-button>
15
       </el-form-item>
16
       </el-form-item>
16
     </el-form>
17
     </el-form>
17
     <el-table
18
     <el-table
19
     border>
20
     border>
20
     <el-table-column
21
     <el-table-column
21
       prop="customerId"
22
       prop="customerId"
23
+      align='center'
22
       label="客户ID">
24
       label="客户ID">
23
     </el-table-column>
25
     </el-table-column>
24
     <el-table-column
26
     <el-table-column
25
       prop="customerName"
27
       prop="customerName"
28
+      align='center'
26
       label="客户姓名">
29
       label="客户姓名">
27
     </el-table-column>
30
     </el-table-column>
28
     <el-table-column
31
     <el-table-column
29
       prop="sex"
32
       prop="sex"
33
+      align='center'
30
       label="性别">
34
       label="性别">
31
       <template slot-scope="scope">
35
       <template slot-scope="scope">
32
         <span>{{scope.row.sex ===1? '男':'女' }}</span>
36
         <span>{{scope.row.sex ===1? '男':'女' }}</span>
34
     </el-table-column>
38
     </el-table-column>
35
     <el-table-column
39
     <el-table-column
36
       prop="phone"
40
       prop="phone"
41
+      align='center'
37
       label="电话">
42
       label="电话">
38
     </el-table-column>
43
     </el-table-column>
39
     <el-table-column
44
     <el-table-column
40
       prop="avatar"
45
       prop="avatar"
46
+      align='center'
41
       label="头像">
47
       label="头像">
42
       <template slot-scope="scope">
48
       <template slot-scope="scope">
43
         <el-image
49
         <el-image
49
     </el-table-column>
55
     </el-table-column>
50
     <el-table-column
56
     <el-table-column
51
       prop="plateNumber"
57
       prop="plateNumber"
58
+      align='center'
52
       label="车牌">
59
       label="车牌">
53
     </el-table-column>
60
     </el-table-column>
54
     <el-table-column
61
     <el-table-column
55
       prop="carModel"
62
       prop="carModel"
63
+      align='center'
56
       label="车型">
64
       label="车型">
57
     </el-table-column>
65
     </el-table-column>
58
     <el-table-column
66
     <el-table-column
59
       prop="channel"
67
       prop="channel"
68
+      align='center'
60
       label="客户来源">
69
       label="客户来源">
61
     </el-table-column>
70
     </el-table-column>
62
     <el-table-column
71
     <el-table-column
63
       prop="purpose"
72
       prop="purpose"
73
+      align='center'
64
       label="来访目的">
74
       label="来访目的">
65
       <template slot-scope="scope">
75
       <template slot-scope="scope">
66
         <span>{{scope.row.purpose ===1? '看房':'其他' }}</span>
76
         <span>{{scope.row.purpose ===1? '看房':'其他' }}</span>
68
     </el-table-column>
78
     </el-table-column>
69
     <el-table-column
79
     <el-table-column
70
       prop="favorHouse"
80
       prop="favorHouse"
81
+      align='center'
71
       label="意向房源">
82
       label="意向房源">
72
       <template slot-scope="scope">
83
       <template slot-scope="scope">
73
         <span>{{favorHouse(scope.row.favorHouse)}}</span>
84
         <span>{{favorHouse(scope.row.favorHouse)}}</span>
75
     </el-table-column>
86
     </el-table-column>
76
     <el-table-column
87
     <el-table-column
77
       prop="favorLevel"
88
       prop="favorLevel"
89
+      align='center'
78
       label="意向等级">
90
       label="意向等级">
79
       <template slot-scope="scope">
91
       <template slot-scope="scope">
80
         <span>{{favorLevel(scope.row.favorLevel)}}</span>
92
         <span>{{favorLevel(scope.row.favorLevel)}}</span>
100
       prop="createDate"
112
       prop="createDate"
101
       label="创建时间">
113
       label="创建时间">
102
     </el-table-column>
114
     </el-table-column>
103
-    <el-table-column
115
+    <!-- <el-table-column
104
       prop="consultantId"
116
       prop="consultantId"
105
       label="置业ID">
117
       label="置业ID">
106
-    </el-table-column>
107
-    <el-table-column
118
+    </el-table-column> -->
119
+    <!-- <el-table-column
108
       prop="realtyConsultant"
120
       prop="realtyConsultant"
109
       label="置业名称">
121
       label="置业名称">
110
-    </el-table-column>
122
+    </el-table-column> -->
111
   </el-table>
123
   </el-table>
112
     <el-pagination
124
     <el-pagination
113
             style="margin-top:50px;float:right"
125
             style="margin-top:50px;float:right"
130
   data() {
142
   data() {
131
     return {
143
     return {
132
       formInline: {
144
       formInline: {
145
+        customerName:'',
133
         personName: '',
146
         personName: '',
134
         phone: '',
147
         phone: '',
135
         platNumber: '',
148
         platNumber: '',
163
     handleSizeChange(val) {
176
     handleSizeChange(val) {
164
       // console.log(`每页 ${val} 条`)
177
       // console.log(`每页 ${val} 条`)
165
       this.formInline.pageSize = val
178
       this.formInline.pageSize = val
166
-      this.getPage()
179
+     c
167
     },
180
     },
168
     handleCurrentChange(val) {
181
     handleCurrentChange(val) {
169
       // console.log(`当前页: ${val}`)
182
       // console.log(`当前页: ${val}`)
190
         return "不买"
203
         return "不买"
191
       }
204
       }
192
     },
205
     },
206
+    clear(){
207
+      this.formInline.customerName = ''
208
+      this.formInline.phone = ''
209
+      this.formInline.platNumber = ''
210
+      this.formInline.pageNum = 1
211
+      this.formInline.pageSize = 10
212
+      this.getPage()
213
+    }
193
    
214
    
194
   }
215
   }
195
 }
216
 }

+ 1
- 1
src/views/index.js 查看文件

161
     component: () => import('./followup/list.vue'),
161
     component: () => import('./followup/list.vue'),
162
     meta: {
162
     meta: {
163
       menuShow: true,
163
       menuShow: true,
164
-      title: '我的客户列表',
164
+      title: '客户列表',
165
     },
165
     },
166
   },
166
   },
167
   {
167
   {

+ 71
- 47
src/views/lobby/list.vue 查看文件

7
       <el-form-item label="来访人车牌号">
7
       <el-form-item label="来访人车牌号">
8
         <el-input v-model="formInline.platNumber" placeholder="车牌号"></el-input>
8
         <el-input v-model="formInline.platNumber" placeholder="车牌号"></el-input>
9
       </el-form-item>
9
       </el-form-item>
10
-      <el-form-item>
11
-        <el-button type="primary" @click="onSubmit">查询</el-button>
10
+      <el-form-item label="来访人员姓名">
11
+        <el-input v-model="formInline.personName" placeholder="来访人员姓名"></el-input>
12
+      </el-form-item>
13
+      <el-form-item label="是否预约">
14
+        <el-select v-model="formInline.appointment" clearable placeholder="请选择">
15
+          <el-option label="是" value="1" />
16
+          <el-option label="否" value="0"/>
17
+        </el-select>
18
+        <el-form-item>
19
+      </el-form-item>   
20
+        <el-button type="primary" @click="onSubmit">查询</el-button> 
21
+        <el-button type="info" @click="clear">重置</el-button>
12
       </el-form-item>
22
       </el-form-item>
13
     </el-form>
23
     </el-form>
14
     <el-table
24
     <el-table
16
     border>
26
     border>
17
     <el-table-column
27
     <el-table-column
18
       prop="recId"
28
       prop="recId"
19
-      label="来访人员ID">
29
+      label="来访人员ID"
30
+      align='center'>
31
+    </el-table-column>
32
+    <el-table-column
33
+      prop="plateNumber"
34
+      label="车牌"
35
+      align='center'>
36
+    </el-table-column>
37
+    <el-table-column
38
+      prop="carModel"
39
+      label="车型"
40
+      align='center'>
41
+    </el-table-column>
42
+    <el-table-column
43
+      prop="color"
44
+      label="颜色"
45
+      align='center'>
46
+    </el-table-column>
47
+    <el-table-column label="头像" width="150" >
48
+           <template scope="scope">
49
+              <img :src="scope.row.carImage" width="150" class="head_pic"/>
50
+          </template>
20
     </el-table-column>
51
     </el-table-column>
21
     <el-table-column
52
     <el-table-column
22
       prop="personName"
53
       prop="personName"
23
-      label="来访人员">
54
+      label="来访人姓名"
55
+      align='center'>
24
     </el-table-column>
56
     </el-table-column>
25
     <el-table-column
57
     <el-table-column
26
       prop="visiteDate"
58
       prop="visiteDate"
27
-      label="来访时间">
59
+      label="来访时间"
60
+      width="160%">
28
        <template slot-scope="scope">
61
        <template slot-scope="scope">
29
-        <span>{{FormatDate(scope.row.visitDate)}}</span>
62
+        <span>{{FormatDate(scope.row.visiteDate)}}</span>
30
       </template>
63
       </template>
31
     </el-table-column>
64
     </el-table-column>
32
 
65
 
33
     <el-table-column
66
     <el-table-column
34
       prop="phone"
67
       prop="phone"
35
-      label="来访手机">
68
+      label="来访手机"
69
+      align='center'>
36
     </el-table-column>
70
     </el-table-column>
37
     <el-table-column
71
     <el-table-column
38
       prop="sex"
72
       prop="sex"
39
-      label="性别">
73
+      label="性别"
74
+      align='center'>
75
+          <template slot-scope="scope">
76
+             <span>{{ scope.row.sex =='1'? '男':'女' }}</span>
77
+          </template>
40
     </el-table-column>
78
     </el-table-column>
41
     <el-table-column
79
     <el-table-column
42
       prop="personNum"
80
       prop="personNum"
43
       label="来访人数">
81
       label="来访人数">
44
     </el-table-column>
82
     </el-table-column>
45
-    <el-table-column
46
-      prop="createDate"
47
-      value-format="yyyy-MM-dd"
48
-      label="创建时间">
49
-      <template slot-scope="scope">
50
-        <span>{{FormatDate(scope.row.createDate)}}</span>
51
-      </template>
52
-    </el-table-column>
53
-    <el-table-column
54
-      prop="consultantId"
55
-      label="分配置业ID">
56
-    </el-table-column>
57
-    <el-table-column
58
-      prop="realtyConsultant"
59
-      label="分配置业">
60
-    </el-table-column>
61
     <el-table-column
83
     <el-table-column
62
       prop="appointment"
84
       prop="appointment"
63
-      label="是否预约">
64
-    </el-table-column>
65
-    <el-table-column
66
-      prop="carModel"
67
-      label="车型">
68
-    </el-table-column>
69
-    <el-table-column
70
-      prop="plateNumber"
71
-      label="车牌">
72
-    </el-table-column>
73
-    <el-table-column
74
-      prop="carModel"
75
-      label="车型">
76
-    </el-table-column>
77
-    <el-table-column
78
-      prop="color"
79
-      label="颜色">
80
-    </el-table-column>
81
-    <el-table-column
82
-      prop="carImage"
83
-      label="车辆图片">
85
+      label="是否预约"
86
+      align='center'>
87
+            <template slot-scope="scope">
88
+                <span>{{scope.row.appointment ==1? '是':'否' }}</span>      
89
+            </template>
84
     </el-table-column>
90
     </el-table-column>
85
     <el-table-column
91
     <el-table-column
86
       prop="channel"
92
       prop="channel"
87
-      label="来访渠道">
93
+      label="来访渠道"
94
+      align='center'>
95
+            <template slot-scope="scope">
96
+                <span>{{ scope.row.purpose == 1?'到访':'其他' }} </span>
97
+            </template>
88
     </el-table-column>
98
     </el-table-column>
89
     <el-table-column
99
     <el-table-column
90
       prop="purpose"
100
       prop="purpose"
91
-      label="来访目的">
101
+      label="来访目的"
102
+      align='center'>
103
+            <template slot-scope="scope">
104
+                <span>{{ scope.row.purpose == 1?'看房':'其他' }} </span>
105
+            </template>
92
     </el-table-column>
106
     </el-table-column>
93
   </el-table>
107
   </el-table>
94
     <el-pagination
108
     <el-pagination
116
         personName: '',
130
         personName: '',
117
         phone: '',
131
         phone: '',
118
         platNumber: '',
132
         platNumber: '',
133
+        appointment: '',
119
         pageNum: 1,
134
         pageNum: 1,
120
         pageSize: 10
135
         pageSize: 10
121
       }
136
       }
160
         return ''
175
         return ''
161
       }
176
       }
162
     },
177
     },
178
+    clear(){
179
+      this.formInline.personName = ''
180
+      this.formInline.phone = ''
181
+      this.formInline.platNumber = ''
182
+      this.formInline.appointment = ''
183
+      this.formInline.pageNum = 1
184
+      this.formInline.pageSize = 10
185
+      this.getPage()
186
+    }
163
   }
187
   }
164
 }
188
 }
165
 </script>
189
 </script>

+ 8
- 2
src/views/security/list.vue 查看文件

41
               prop="appointment"
41
               prop="appointment"
42
               label="是否预约">
42
               label="是否预约">
43
               <template slot-scope="scope">
43
               <template slot-scope="scope">
44
-                <span>{{scope.row.appointment =true? '是':'否' }}</span>
44
+                <span>{{scope.row.appointment ==1? '是':'否' }}</span>
45
               </template>
45
               </template>
46
       </el-table-column>
46
       </el-table-column>
47
       <el-table-column
47
       <el-table-column
53
       </el-table-column>
53
       </el-table-column>
54
       <el-table-column
54
       <el-table-column
55
               prop="channel"
55
               prop="channel"
56
-              label="车型">
56
+              label="来访渠道">
57
+              <template slot-scope="scope">
58
+                <span>{{ scope.row.channel == 1?'到访':'其他' }} </span>
59
+              </template>
57
       </el-table-column>
60
       </el-table-column>
58
       <el-table-column
61
       <el-table-column
59
               prop="purpose"
62
               prop="purpose"
60
               label="来访目的">
63
               label="来访目的">
64
+               <template slot-scope="scope">
65
+                <span>{{ scope.row.purpose == 1?'看房':'其他' }} </span>
66
+              </template>
61
       </el-table-column>
67
       </el-table-column>
62
       <el-table-column
68
       <el-table-column
63
               prop="carImage"
69
               prop="carImage"

+ 10
- 0
src/views/visitor/list.vue 查看文件

57
     <el-table-column
57
     <el-table-column
58
       prop="remark"
58
       prop="remark"
59
       label="备注">
59
       label="备注">
60
+      <template slot-scope="scope">
61
+            <a :title="scope.row.remark" v-if="scope.row.remark != null ">
62
+              <span style="color: #8B8378  ">
63
+              {{ scope.row.remark.length>='15'?scope.row.remark.substring(0,15)+'..':scope.row.remark }}
64
+              </span>
65
+              <span v-if="scope.row.remark==='null'">
66
+              {{ scope.row.remark='' }}
67
+              </span>
68
+            </a>
69
+          </template>
60
     </el-table-column>
70
     </el-table-column>
61
   </el-table>
71
   </el-table>
62
     <el-pagination
72
     <el-pagination