¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <TableLayout :permissions="['business:workorder:query']"> |
| | | <!-- æç´¢è¡¨å --> |
| | | <SearchFormCollapse slot="search-form"> |
| | | <el-form ref="searchForm" :model="searchForm" label-width="100px" inline> |
| | | <el-form-item label="æå±åç±»ç¼ï¼å
³ècategory)" prop="categoryId"> |
| | | <el-input v-model="searchForm.categoryId" placeholder="请è¾å
¥æå±åç±»ç¼ï¼å
³ècategory)" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="䏿¥äººåç¼ç ï¼å
³èmember)" prop="memberId"> |
| | | <el-input v-model="searchForm.memberId" placeholder="请è¾å
¥ä¸æ¥äººåç¼ç ï¼å
³èmember)" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="é¨é¨ç¼ç " prop="companyId"> |
| | | <el-input v-model="searchForm.companyId" placeholder="请è¾å
¥é¨é¨ç¼ç " @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="SHEæ¶å人åç±»å 0æ¬äºº 1åäº 2ä¾åºå" prop="memberType"> |
| | | <el-input v-model="searchForm.memberType" placeholder="请è¾å
¥SHEæ¶å人åç±»å 0æ¬äºº 1åäº 2ä¾åºå" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="SHEæ¶å人åä¾åºåéå" prop="memberNames"> |
| | | <el-input v-model="searchForm.memberNames" placeholder="请è¾å
¥SHEæ¶å人åä¾åºåéå" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="åçå°ç¹/ä½ç½®ç¼ç ï¼å
³ècategoryï¼" prop="localtionId"> |
| | | <el-input v-model="searchForm.localtionId" placeholder="请è¾å
¥åçå°ç¹/ä½ç½®ç¼ç ï¼å
³ècategoryï¼" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="é£é©ç±»å(å
³ècategoryï¼" prop="typeId"> |
| | | <el-date-picker v-model="searchForm.typeId" value-format="yyyy-MM-dd" placeholder="请è¾å
¥é£é©ç±»å(å
³ècategoryï¼" @change="search"/> |
| | | </el-form-item> |
| | | <el-form-item label="ä½ç½®å°ç¹è·¯å¾åç§°" prop="locationName"> |
| | | <el-input v-model="searchForm.locationName" placeholder="请è¾å
¥ä½ç½®å°ç¹è·¯å¾åç§°" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="å·¥åå·" prop="code"> |
| | | <el-input v-model="searchForm.code" placeholder="请è¾å
¥å·¥åå·" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <section> |
| | | <el-button type="primary" @click="search">æç´¢</el-button> |
| | | <el-button @click="reset">éç½®</el-button> |
| | | </section> |
| | | </el-form> |
| | | </SearchFormCollapse> |
| | | <!-- è¡¨æ ¼åå页 --> |
| | | <template v-slot:table-wrap> |
| | | <ul class="toolbar" v-permissions="['business:workorder:create', 'business:workorder:delete']"> |
| | | <li><el-button type="primary" @click="$refs.operaWorkorderWindow.open('æ°å»ºå·¥åä¿¡æ¯è¡¨')" icon="el-icon-plus" v-permissions="['business:workorder:create']">æ°å»º</el-button></li> |
| | | <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:workorder:delete']">å é¤</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | stripe |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="55"></el-table-column> |
| | | <el-table-column prop="id" label="主é®" min-width="100px"></el-table-column> |
| | | <el-table-column prop="creator" label="å建人ç¼ç " min-width="100px"></el-table-column> |
| | | <el-table-column prop="createDate" label="å建æ¶é´" min-width="100px"></el-table-column> |
| | | <el-table-column prop="editor" label="æ´æ°äººç¼ç " min-width="100px"></el-table-column> |
| | | <el-table-column prop="editDate" label="æ´æ°æ¶é´" min-width="100px"></el-table-column> |
| | | <el-table-column prop="isdeleted" label="æ¯å¦å é¤0å¦ 1æ¯" min-width="100px"></el-table-column> |
| | | <el-table-column prop="categoryId" label="æå±åç±»ç¼ï¼å
³ècategory)" min-width="100px"></el-table-column> |
| | | <el-table-column prop="remark" label="夿³¨" min-width="100px"></el-table-column> |
| | | <el-table-column prop="status" label="ç¶æ 0å¾
确认/å¾
å审 1å¾
åé
/å¾
ç»å®¡ 2å¾
å¤ç 3 å·²æ¤å 4å·²å¤ç" min-width="100px"></el-table-column> |
| | | <el-table-column prop="sortnum" label="æåºç " min-width="100px"></el-table-column> |
| | | <el-table-column prop="type" label="ç±»å 0ä½ç½®è´£ä»»äºº 1çé¿ 2ç©ä¸ä¸»ç®¡ 3å·¥ç¨å¸ 4SHEè´è´£äºº 5SHEå·¥åé®ç®±æé人" min-width="100px"></el-table-column> |
| | | <el-table-column prop="memberId" label="䏿¥äººåç¼ç ï¼å
³èmember)" min-width="100px"></el-table-column> |
| | | <el-table-column prop="companyId" label="é¨é¨ç¼ç " min-width="100px"></el-table-column> |
| | | <el-table-column prop="submitDate" label="䏿¥æ¶é´" min-width="100px"></el-table-column> |
| | | <el-table-column prop="memberType" label="SHEæ¶å人åç±»å 0æ¬äºº 1åäº 2ä¾åºå" min-width="100px"></el-table-column> |
| | | <el-table-column prop="memberQwids" label="SHEæ¶å人åä¼ä¸ç¼ç éå" min-width="100px"></el-table-column> |
| | | <el-table-column prop="memberNames" label="SHEæ¶å人åä¾åºåéå" min-width="100px"></el-table-column> |
| | | <el-table-column prop="localtionId" label="åçå°ç¹/ä½ç½®ç¼ç ï¼å
³ècategoryï¼" min-width="100px"></el-table-column> |
| | | <el-table-column prop="outJiuyi" label="æ¯å¦å¤é¨å°±å» 0å¦ 1æ¯" min-width="100px"></el-table-column> |
| | | <el-table-column prop="isYiwushi" label="æ¯å¦å»å¡å®¤ 0å¦ 1æ¯" min-width="100px"></el-table-column> |
| | | <el-table-column prop="isHurted" label="æ¯å¦å伤 0å¦ 1æ¯" min-width="100px"></el-table-column> |
| | | <el-table-column prop="workRelated" label="æ¯å¦åå·¥ä½ç¸å
³" min-width="100px"></el-table-column> |
| | | <el-table-column prop="eventInfo" label="äºä»¶è¯´æ" min-width="100px"></el-table-column> |
| | | <el-table-column prop="emialMemberIds" label="é®ä»¶éç¥äººåç¼ç éå" min-width="100px"></el-table-column> |
| | | <el-table-column prop="qwnoticeMemberIds" label="ä¼ä¸å¾®ä¿¡éç¥äººåç¼ç éå" min-width="100px"></el-table-column> |
| | | <el-table-column prop="happenTime" label="åç°æ¶é´" min-width="100px"></el-table-column> |
| | | <el-table-column prop="typeId" label="é£é©ç±»å(å
³ècategoryï¼" min-width="100px"></el-table-column> |
| | | <el-table-column prop="riskInfo" label="é£é©æè¿°" min-width="100px"></el-table-column> |
| | | <el-table-column prop="managerId" label="å½åç©ä¸ä¸»ç®¡ç¼ç ï¼å
³èmemberï¼" min-width="100px"></el-table-column> |
| | | <el-table-column prop="dealerId" label="å½åå¤ç人åç¼ç ï¼å
³èmember)" min-width="100px"></el-table-column> |
| | | <el-table-column prop="dispatchTime" label="åé
æ¶é´" min-width="100px"></el-table-column> |
| | | <el-table-column prop="dispatchInfo" label="åé
夿³¨" min-width="100px"></el-table-column> |
| | | <el-table-column prop="dealTime" label="å¤çæ¶é´" min-width="100px"></el-table-column> |
| | | <el-table-column prop="dealInfo" label="å¤ç夿³¨" min-width="100px"></el-table-column> |
| | | <el-table-column prop="problemId" label="DCAé®é¢ç¼ç " min-width="100px"></el-table-column> |
| | | <el-table-column prop="problemNum" label="DCAé®é¢æ°é" min-width="100px"></el-table-column> |
| | | <el-table-column prop="locationName" label="ä½ç½®å°ç¹è·¯å¾åç§°" min-width="100px"></el-table-column> |
| | | <el-table-column prop="code" label="å·¥åå·" min-width="100px"></el-table-column> |
| | | <el-table-column |
| | | v-if="containPermissions(['business:workorder:update', 'business:workorder:delete'])" |
| | | label="æä½" |
| | | min-width="120" |
| | | fixed="right" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="$refs.operaWorkorderWindow.open('ç¼è¾å·¥åä¿¡æ¯è¡¨', row)" icon="el-icon-edit" v-permissions="['business:workorder:update']">ç¼è¾</el-button> |
| | | <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:workorder:delete']">å é¤</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handlePageChange" |
| | | :pagination="tableData.pagination" |
| | | > |
| | | </pagination> |
| | | </template> |
| | | <!-- æ°å»º/ä¿®æ¹ --> |
| | | <OperaWorkorderWindow ref="operaWorkorderWindow" @success="handlePageChange"/> |
| | | </TableLayout> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseTable from '@/components/base/BaseTable' |
| | | import TableLayout from '@/layouts/TableLayout' |
| | | import SearchFormCollapse from '@/components/common/SearchFormCollapse' |
| | | import Pagination from '@/components/common/Pagination' |
| | | import OperaWorkorderWindow from '@/components/business/OperaWorkorderWindow' |
| | | export default { |
| | | name: 'Workorder', |
| | | extends: BaseTable, |
| | | components: { SearchFormCollapse, TableLayout, Pagination, OperaWorkorderWindow }, |
| | | data () { |
| | | return { |
| | | // æç´¢ |
| | | searchForm: { |
| | | id: '', |
| | | creator: '', |
| | | createDate: '', |
| | | editor: '', |
| | | editDate: '', |
| | | isdeleted: '', |
| | | categoryId: '', |
| | | remark: '', |
| | | status: '', |
| | | sortnum: '', |
| | | type: '', |
| | | memberId: '', |
| | | companyId: '', |
| | | submitDate: '', |
| | | memberType: '', |
| | | memberQwids: '', |
| | | memberNames: '', |
| | | localtionId: '', |
| | | outJiuyi: '', |
| | | isYiwushi: '', |
| | | isHurted: '', |
| | | workRelated: '', |
| | | eventInfo: '', |
| | | emialMemberIds: '', |
| | | qwnoticeMemberIds: '', |
| | | happenTime: '', |
| | | typeId: '', |
| | | riskInfo: '', |
| | | managerId: '', |
| | | dealerId: '', |
| | | dispatchTime: '', |
| | | dispatchInfo: '', |
| | | dealTime: '', |
| | | dealInfo: '', |
| | | problemId: '', |
| | | problemNum: '', |
| | | locationName: '', |
| | | code: '' |
| | | } |
| | | } |
| | | }, |
| | | created () { |
| | | this.config({ |
| | | module: 'å·¥åä¿¡æ¯è¡¨', |
| | | api: '/business/workorder', |
| | | 'field.id': 'id', |
| | | 'field.main': 'id' |
| | | }) |
| | | this.search() |
| | | } |
| | | } |
| | | </script> |