| | |
| | | <TableLayout :permissions="['business:ywworkorder:query']"> |
| | | <!-- 搜索表单 --> |
| | | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> |
| | | <el-form-item label="描述" prop="roomNum"> |
| | | <el-input v-model="searchForm.roomNum" placeholder="请输入描述" @keypress.enter.native="search"></el-input> |
| | | <el-form-item label="描述" prop="content"> |
| | | <el-input v-model="searchForm.content" placeholder="请输入描述" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="areaType" label="处理状态"> |
| | | <el-select v-model="searchForm.areaType"> |
| | | <el-option label="未处理" value="0"></el-option> |
| | | <el-option label="生成工单" value="1"></el-option> |
| | | <el-option label="关闭保修" value="1"></el-option> |
| | | <el-form-item prop="dealStatus" label="处理状态"> |
| | | <el-select v-model="searchForm.dealStatus"> |
| | | <el-option label="未处理" :value="0"></el-option> |
| | | <el-option label="已转工单" :value="1"></el-option> |
| | | <el-option label="已关闭" :value="2"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="上报时间"> |
| | |
| | | @change="changeSelDate" |
| | | format="yyyy-MM-dd" |
| | | value-format="yyyy-MM-dd" |
| | | type="daterange"></el-date-picker> |
| | | type="daterange" /> |
| | | </el-form-item> |
| | | <section> |
| | | <el-button type="primary" @click="search">搜索</el-button> |
| | |
| | | <!-- 表格和分页 --> |
| | | <template v-slot:table-wrap> |
| | | <el-table v-loading="isWorking.search" :data="tableData.list" stripe> |
| | | <el-table-column prop="areaType" label="描述" min-width="70px"></el-table-column> |
| | | <el-table-column prop="areaType" label="位置" min-width="100px"></el-table-column> |
| | | <el-table-column prop="categoryName" label="现场图片" min-width="100px"></el-table-column> |
| | | <el-table-column prop="creatorName" label="上报人" min-width="80px"></el-table-column> |
| | | <el-table-column prop="createDate" label="上报人电话" min-width="100px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="上报时间" min-width="80px"></el-table-column> |
| | | <el-table-column prop="remark" label="描述" min-width="70px"></el-table-column> |
| | | <el-table-column prop="position" label="位置" min-width="100px"></el-table-column> |
| | | <el-table-column label="现场图片" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | {{row.fileList ? row.fileList.length : 0}}张 |
| | | </template>` |
| | | </el-table-column> |
| | | <el-table-column prop="name" label="上报人" min-width="80px"></el-table-column> |
| | | <el-table-column prop="phone" label="上报人电话" min-width="100px"></el-table-column> |
| | | <el-table-column prop="submitDate" label="上报时间" min-width="80px"></el-table-column> |
| | | <el-table-column label="处理状态" min-width="70px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.dealStatus == 0">待指派</span> |
| | | <span v-if="row.dealStatus == 1">已指派</span> |
| | | <span v-if="row.dealStatus == 2">已处理</span> |
| | | </template> |
| | | <span v-if="row.dealStatus === 0">待处理</span> |
| | | <span v-if="row.dealStatus === 1">已转工单</span> |
| | | <span v-if="row.dealStatus === 2">已关闭</span> |
| | | </template>` |
| | | </el-table-column> |
| | | <el-table-column prop="creatorName" label="处理人" min-width="80px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="处理人" min-width="80px"></el-table-column> |
| | | <el-table-column |
| | | v-if="containPermissions(['business:ywworkorder:update'])" |
| | | label="操作" |
| | | width="130" |
| | | fixed="right"> |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="$refs.handleProblem.open()">处理</el-button> |
| | | <el-button type="text" @click="$refs.problemReportingDetails.open()">查看详情</el-button> |
| | | <el-button type="text" v-if="row.dealStatus === 0" @click="$refs.handleProblem.open('问题上报', row)">处理</el-button> |
| | | <el-button type="text" @click="$refs.problemReportingDetails.open('问题上报详情', row)">查看详情</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | showDetail: false, |
| | | searchForm: { |
| | | selDate: [], |
| | | areaIds: '', |
| | | projectId: '', |
| | | buildingId: '', |
| | | cateId: '', |
| | | dealDateStart: '', |
| | | dealDateEnd: '', |
| | | content: '', |
| | | dealStatus: '' |
| | | }, |
| | | projectList: [], |
| | | buildList: [], |
| | |
| | | }, |
| | | created() { |
| | | this.config({ |
| | | module: '运维工单信息表', |
| | | api: '/workorder/ywWorkorder', |
| | | module: '问题上报信息表', |
| | | api: '/ywProblem', |
| | | 'field.id': 'id', |
| | | 'field.main': 'id' |
| | | }) |
| | | this.search() |
| | | }, |
| | | methods: { |
| | | |
| | | // 搜索框重置 |
| | | reset () { |
| | | this.$refs.searchForm.resetFields() |
| | | this.searchForm.dealDateStart = '' |
| | | this.searchForm.dealDateEnd = '' |
| | | this.search() |
| | | }, |
| | | changeSelDate(e) { |
| | | this.searchForm.dealDateStart = e[0] |
| | | this.searchForm.dealDateEnd = e[1] |
| | | } |
| | | } |
| | | } |
| | | </script> |