|  |  | 
 |  |  |       <el-form-item label="用户" prop="creator"> | 
 |  |  |         <el-input v-model="searchForm.creator" placeholder="请输入" @keypress.enter.native="search"></el-input> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="车辆编号" prop="binkeId"> | 
 |  |  |         <el-input v-model="searchForm.binkeId" placeholder="请输入车辆编号" @keypress.enter.native="search"></el-input> | 
 |  |  |       <el-form-item label="车辆编码" prop="bikeCode"> | 
 |  |  |         <el-input v-model="searchForm.bikeCode" placeholder="请输入车辆编号" @keypress.enter.native="search"></el-input> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="状态 0待处理 1已处理 2其他" prop="status"> | 
 |  |  |       <el-form-item label="状态" prop="status"> | 
 |  |  |         <el-select v-model="searchForm.status" placeholder="请选择"> | 
 |  |  |           <el-option | 
 |  |  |             label="待处理" | 
 |  |  | 
 |  |  |         <el-date-picker | 
 |  |  |           v-model="value1" | 
 |  |  |           type="daterange" | 
 |  |  |           @change="selectDate" | 
 |  |  |           format="yyyy-MM-dd" | 
 |  |  |           value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |           range-separator="至" | 
 |  |  |           start-placeholder="开始日期" | 
 |  |  |           end-placeholder="结束日期"> | 
 |  |  | 
 |  |  |         stripe | 
 |  |  |         border | 
 |  |  |       > | 
 |  |  |         <el-table-column prop="creator" label="创建人" min-width="100px" align="center"></el-table-column> | 
 |  |  |         <el-table-column prop="linkname" label="联系人" min-width="100px" align="center"></el-table-column> | 
 |  |  |         <el-table-column prop="binkeId" label="车辆编码" min-width="100px" align="center"></el-table-column> | 
 |  |  |         <el-table-column prop="editDate" label="车类型" min-width="100px" align="center"></el-table-column> | 
 |  |  |         <el-table-column prop="param" label="问题类型" min-width="100px" align="center"></el-table-column> | 
 |  |  |         <el-table-column prop="openid" label="用户" min-width="180px" align="center"></el-table-column> | 
 |  |  |         <el-table-column prop="linkname" label="联系人" min-width="100px" align="center"> | 
 |  |  |           <template slot-scope="{row}"> | 
 |  |  |             {{ `${row.linkname} ${row.linkphone}`  }} | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column prop="bikeCode" label="车辆编码" min-width="100px" align="center"></el-table-column> | 
 |  |  |         <el-table-column prop="bikeTypeName" label="车类型" min-width="100px" align="center"></el-table-column> | 
 |  |  |         <el-table-column prop="param" label="问题类型" min-width="100px" show-overflow-tooltip align="center"> | 
 |  |  |           <template slot-scope="{row}"> | 
 |  |  |             <div class="long-title-style">{{ row.param }}</div> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <!-- <el-table-column prop="param" label="车辆问题" min-width="100px"></el-table-column> --> | 
 |  |  |         <el-table-column prop="content" label="问题说明" min-width="100px" align="center"></el-table-column> | 
 |  |  |         <el-table-column prop="content" label="问题说明" min-width="100px" show-overflow-tooltip align="center"> | 
 |  |  |           <template slot-scope="{row}"> | 
 |  |  |             <el-button type="text" @click="showProblem(row)">点击查看</el-button> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column prop="createDate" label="创建时间" min-width="100px" align="center"></el-table-column> | 
 |  |  |         <el-table-column prop="status" label="状态" min-width="100px" align="center"> | 
 |  |  |         <el-table-column prop="status" label="状态" min-width="80px" align="center"> | 
 |  |  |           <template slot-scope="{row}"> | 
 |  |  |             <div v-if="row.status==0" style="color: red;">待处理</div> | 
 |  |  |             <div v-else-if="row.status==1">已处理</div> | 
 |  |  |             <div v-else>其他</div> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column label="操作" min-width="100px" align="center"> | 
 |  |  |         <el-table-column label="操作" min-width="80px" fixed="right" align="center"> | 
 |  |  |           <template slot-scope="{row}"> | 
 |  |  |             <el-button v-if="row.status==0" type="text" @click="dealAction(row)">处理</el-button> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <!-- <el-table-column prop="isdeleted" label="是否已删除 0未删除 1已删除" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="longitude" label="经度" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="latitude" label="纬度" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="addr" label="详细地址" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="paramId" label="车辆问题原因编码(关联base_param)" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="info" label="备注" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="linkphone" label="联系电话" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="dealUser" label="处理人编码(关联system_user)" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="dealDate" label="处理时间" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="dealInfo" label="处理备注" min-width="100px"></el-table-column> --> | 
 |  |  |       </el-table> | 
 |  |  |       <pagination | 
 |  |  |         @size-change="handleSizeChange" | 
 |  |  | 
 |  |  |       > | 
 |  |  |       </pagination> | 
 |  |  |     </template> | 
 |  |  |     <OperaRepairDealWindow ref="operaRepairDealWindow" @success="handlePageChange"/> | 
 |  |  |     <RepairDetailWindow ref="repairDetailWindow"/> | 
 |  |  |   </TableLayout> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  | import BaseTable from '@/components/base/BaseTable' | 
 |  |  | import TableLayout from '@/layouts/TableLayout' | 
 |  |  | import Pagination from '@/components/common/Pagination' | 
 |  |  | import OperaRepairDealWindow from '@/components/business/OperaRepairDealWindow' | 
 |  |  | import RepairDetailWindow from '@/components/business/RepairDetailWindow' | 
 |  |  | import { formatDateTime } from '@/utils/util' | 
 |  |  | import { getFileList } from '@/api/business/bikeRepair' | 
 |  |  | export default { | 
 |  |  |   name: 'BikeRepair', | 
 |  |  |   extends: BaseTable, | 
 |  |  |   components: { TableLayout, Pagination }, | 
 |  |  |   components: { TableLayout, Pagination, OperaRepairDealWindow, RepairDetailWindow }, | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       value1: [], | 
 |  |  |       value1: [new Date(), new Date()], | 
 |  |  |       // 搜索 | 
 |  |  |       searchForm: { | 
 |  |  |         id: '', | 
 |  |  | 
 |  |  |         dealUser: '', | 
 |  |  |         dealDate: '', | 
 |  |  |         dealInfo: '', | 
 |  |  |         startDate: '', | 
 |  |  |         endDate: '', | 
 |  |  |         content: '' | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  | 
 |  |  |       'field.id': 'id', | 
 |  |  |       'field.main': 'id' | 
 |  |  |     }) | 
 |  |  |     this.searchForm.startDate = formatDateTime(new Date(), 'yyyy-MM-dd') + ' 00:00:00' | 
 |  |  |     this.search() | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     reset() { | 
 |  |  |       this.searchForm.startDate = '' | 
 |  |  |       this.searchForm.endDate = '' | 
 |  |  |       this.value1 = [] | 
 |  |  |       this.$refs.searchForm.resetFields() | 
 |  |  |       this.search() | 
 |  |  |     }, | 
 |  |  |     selectDate(v) { | 
 |  |  |       this.searchForm.startDate = '' | 
 |  |  |       this.searchForm.endDate = '' | 
 |  |  |       if (v) { | 
 |  |  |         this.searchForm.startDate = v[0] | 
 |  |  |         this.searchForm.endDate = v[1] | 
 |  |  |       } | 
 |  |  |       this.search() | 
 |  |  |     }, | 
 |  |  |     dealAction(row) { | 
 |  |  |  | 
 |  |  |       this.$refs.operaRepairDealWindow.open('处理', row) | 
 |  |  |     }, | 
 |  |  |     showProblem(row) { | 
 |  |  |       getFileList(row.id) | 
 |  |  |         .then(res => { | 
 |  |  |           this.$refs.repairDetailWindow.open('问题说明',{ imgList: res.map(item => item.fileurlfull), ...row }) | 
 |  |  |         }) | 
 |  |  |         .catch(e => { | 
 |  |  |           this.$tip.apiFailed(e) | 
 |  |  |         }) | 
 |  |  |        | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  | } |