|  | @@ -14,26 +14,31 @@
 | 
	
		
			
				|  |  |        @currentChange="pageHandle"
 | 
	
		
			
				|  |  |        @sizeChange="sizeChange"
 | 
	
		
			
				|  |  |        :operationsDefaultLength="6"
 | 
	
		
			
				|  |  | -      :insertSlotArr="[2]"
 | 
	
		
			
				|  |  | +      :insertSlotArr="[7]"
 | 
	
		
			
				|  |  |      >
 | 
	
		
			
				|  |  | -      <div slot="OI2">
 | 
	
		
			
				|  |  | +      <div slot="OI7">
 | 
	
		
			
				|  |  |          <el-table-column
 | 
	
		
			
				|  |  |            width="140"
 | 
	
		
			
				|  |  |            label="保护期止"
 | 
	
		
			
				|  |  |            align="center"
 | 
	
		
			
				|  |  |          >
 | 
	
		
			
				|  |  |            <template slot-scope="scope">
 | 
	
		
			
				|  |  | -            <div v-if="+new Date() > +new Date(scope.row.lock_at)">
 | 
	
		
			
				|  |  | -              <div style="color: #f00">{{scope.row.lock_at}}</div>
 | 
	
		
			
				|  |  | -              <el-tag type="danger" size="mini">已过期</el-tag>
 | 
	
		
			
				|  |  | -            </div>
 | 
	
		
			
				|  |  | -            <div v-else-if="(+new Date(scope.row.lock_at) - +new Date()) < 86400000">
 | 
	
		
			
				|  |  | -              <div style="color: #e6a23c">{{scope.row.lock_at}}</div>
 | 
	
		
			
				|  |  | -              <el-tag type="warning" size="mini">1天内过期</el-tag>
 | 
	
		
			
				|  |  | -            </div>
 | 
	
		
			
				|  |  | -            <div v-else>
 | 
	
		
			
				|  |  | +            <template v-if="scope.row.report_state === '1' && scope.row.report_step === '1'">
 | 
	
		
			
				|  |  | +              <div v-if="+new Date() > +new Date(scope.row.lock_at)">
 | 
	
		
			
				|  |  | +                <div style="color: #f00">{{scope.row.lock_at}}</div>
 | 
	
		
			
				|  |  | +                <el-tag type="danger" size="mini">已过期</el-tag>
 | 
	
		
			
				|  |  | +              </div>
 | 
	
		
			
				|  |  | +              <div v-else-if="(+new Date(scope.row.lock_at) - +new Date()) < 86400000">
 | 
	
		
			
				|  |  | +                <div style="color: #e6a23c">{{scope.row.lock_at}}</div>
 | 
	
		
			
				|  |  | +                <el-tag type="warning" size="mini">1天内过期</el-tag>
 | 
	
		
			
				|  |  | +              </div>
 | 
	
		
			
				|  |  | +              <div v-else>
 | 
	
		
			
				|  |  | +                <div>{{scope.row.lock_at}}</div>
 | 
	
		
			
				|  |  | +              </div>
 | 
	
		
			
				|  |  | +            </template>
 | 
	
		
			
				|  |  | +            <template v-else>
 | 
	
		
			
				|  |  |                <div>{{scope.row.lock_at}}</div>
 | 
	
		
			
				|  |  | -            </div>
 | 
	
		
			
				|  |  | +            </template>
 | 
	
		
			
				|  |  |            </template>
 | 
	
		
			
				|  |  |          </el-table-column>
 | 
	
		
			
				|  |  |        </div>
 | 
	
	
		
			
				|  | @@ -94,14 +99,13 @@ export default {
 | 
	
		
			
				|  |  |    mounted() {
 | 
	
		
			
				|  |  |      this.listConfig = {
 | 
	
		
			
				|  |  |        rows: [
 | 
	
		
			
				|  |  | -        { label: '报备时间', prop: 'create_at' },
 | 
	
		
			
				|  |  | -        // { label: '保护期止', prop: 'lock_at' },
 | 
	
		
			
				|  |  | -        { label: '报备楼盘', prop: 'estate_name'},
 | 
	
		
			
				|  |  | -        { label: '电话', prop: 'phone' },
 | 
	
		
			
				|  |  |          { label: '姓名', prop: 'name' },
 | 
	
		
			
				|  |  | -        { label: '性别', prop: 'sex', type: 'tag', tags: arrToObj(this.$dictData.sex), tagTypeObj: {'male': 'primary', 'female': 'danger'} },
 | 
	
		
			
				|  |  | +        { label: '电话', prop: 'phone' },
 | 
	
		
			
				|  |  |          { label: '客户状态', prop: 'report_state', type: 'tag', tags: arrToObj(this.$dictData.report_state	), tagTypeObj: {'1': 'success', '2': 'warning', '3': 'danger'}},
 | 
	
		
			
				|  |  | -        { label: '报备进度', prop: 'report_step', type: 'flag', flags: arrToObj(this.$dictData.report_step	) },
 | 
	
		
			
				|  |  | +        { label: '报备进度', prop: 'report_step', type: 'tag', tags: arrToObj(this.$dictData.report_step	), tagTypeObj: {'1': 'info', '2': 'success', '3': 'success'} },
 | 
	
		
			
				|  |  | +        { label: '报备楼盘', prop: 'estate_name'},
 | 
	
		
			
				|  |  | +        { label: '报备时间', prop: 'create_at' },
 | 
	
		
			
				|  |  | +        { label: '性别', prop: 'sex', type: 'tag', tags: arrToObj(this.$dictData.sex), tagTypeObj: {'male': 'primary', 'female': 'danger'} },
 | 
	
		
			
				|  |  |          { label: '备注', prop: 'remark', fullShow: true },
 | 
	
		
			
				|  |  |          { label: '报备人', prop: 'create_by' },
 | 
	
		
			
				|  |  |          { label: '操作', width: 90, type: 'handle2', operations:
 |