¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow |
| | | :title="title" |
| | | :visible.sync="visible" |
| | | :confirm-working="isWorking" |
| | | @confirm="confirm" |
| | | > |
| | | <el-form :model="form" ref="form" :rules="rules"> |
| | | <el-form-item label="å建人ç¼ç " prop="creator"> |
| | | <el-input v-model="form.creator" placeholder="请è¾å
¥å建人ç¼ç " v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="å建æ¶é´" prop="createDate"> |
| | | <el-date-picker v-model="form.createDate" value-format="yyyy-MM-dd" placeholder="请è¾å
¥å建æ¶é´"></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="æ´æ°äººç¼ç " prop="editor"> |
| | | <el-input v-model="form.editor" placeholder="请è¾å
¥æ´æ°äººç¼ç " v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="æ´æ°æ¶é´" prop="editDate"> |
| | | <el-date-picker v-model="form.editDate" value-format="yyyy-MM-dd" placeholder="请è¾å
¥æ´æ°æ¶é´"></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="æ¯å¦å é¤0å¦ 1æ¯" prop="isdeleted"> |
| | | <el-input v-model="form.isdeleted" placeholder="请è¾å
¥æ¯å¦å é¤0å¦ 1æ¯" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="æå±åç±»ç¼ï¼å
³ècategory)" prop="categoryId"> |
| | | <el-input v-model="form.categoryId" placeholder="请è¾å
¥æå±åç±»ç¼ï¼å
³ècategory)" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="夿³¨" prop="remark"> |
| | | <el-input v-model="form.remark" placeholder="请è¾å
¥å¤æ³¨" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="ç¶æ 0å¾
确认/å¾
å审 1å¾
åé
/å¾
ç»å®¡ 2å¾
å¤ç 3 å·²æ¤å 4å·²å¤ç" prop="status"> |
| | | <el-input v-model="form.status" placeholder="请è¾å
¥ç¶æ 0å¾
确认/å¾
å审 1å¾
åé
/å¾
ç»å®¡ 2å¾
å¤ç 3 å·²æ¤å 4å·²å¤ç" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="æåºç " prop="sortnum"> |
| | | <el-input v-model="form.sortnum" placeholder="请è¾å
¥æåºç " v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="ç±»å 0ä½ç½®è´£ä»»äºº 1çé¿ 2ç©ä¸ä¸»ç®¡ 3å·¥ç¨å¸ 4SHEè´è´£äºº 5SHEå·¥åé®ç®±æé人" prop="type"> |
| | | <el-input v-model="form.type" placeholder="请è¾å
¥ç±»å 0ä½ç½®è´£ä»»äºº 1çé¿ 2ç©ä¸ä¸»ç®¡ 3å·¥ç¨å¸ 4SHEè´è´£äºº 5SHEå·¥åé®ç®±æé人" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="䏿¥äººåç¼ç ï¼å
³èmember)" prop="memberId"> |
| | | <el-input v-model="form.memberId" placeholder="请è¾å
¥ä¸æ¥äººåç¼ç ï¼å
³èmember)" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="é¨é¨ç¼ç " prop="companyId"> |
| | | <el-input v-model="form.companyId" placeholder="请è¾å
¥é¨é¨ç¼ç " v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="䏿¥æ¶é´" prop="submitDate"> |
| | | <el-input v-model="form.submitDate" placeholder="请è¾å
¥ä¸æ¥æ¶é´" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="SHEæ¶å人åç±»å 0æ¬äºº 1åäº 2ä¾åºå" prop="memberType"> |
| | | <el-input v-model="form.memberType" placeholder="请è¾å
¥SHEæ¶å人åç±»å 0æ¬äºº 1åäº 2ä¾åºå" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="SHEæ¶å人åä¼ä¸ç¼ç éå" prop="memberQwids"> |
| | | <el-input v-model="form.memberQwids" placeholder="请è¾å
¥SHEæ¶å人åä¼ä¸ç¼ç éå" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="SHEæ¶å人åä¾åºåéå" prop="memberNames"> |
| | | <el-input v-model="form.memberNames" placeholder="请è¾å
¥SHEæ¶å人åä¾åºåéå" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="åçå°ç¹/ä½ç½®ç¼ç ï¼å
³ècategoryï¼" prop="localtionId"> |
| | | <el-input v-model="form.localtionId" placeholder="请è¾å
¥åçå°ç¹/ä½ç½®ç¼ç ï¼å
³ècategoryï¼" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="æ¯å¦å¤é¨å°±å» 0å¦ 1æ¯" prop="outJiuyi"> |
| | | <el-input v-model="form.outJiuyi" placeholder="请è¾å
¥æ¯å¦å¤é¨å°±å» 0å¦ 1æ¯" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="æ¯å¦å»å¡å®¤ 0å¦ 1æ¯" prop="isYiwushi"> |
| | | <el-input v-model="form.isYiwushi" placeholder="请è¾å
¥æ¯å¦å»å¡å®¤ 0å¦ 1æ¯" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="æ¯å¦å伤 0å¦ 1æ¯" prop="isHurted"> |
| | | <el-input v-model="form.isHurted" placeholder="请è¾å
¥æ¯å¦å伤 0å¦ 1æ¯" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="æ¯å¦åå·¥ä½ç¸å
³" prop="workRelated"> |
| | | <el-input v-model="form.workRelated" placeholder="请è¾å
¥æ¯å¦åå·¥ä½ç¸å
³" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="äºä»¶è¯´æ" prop="eventInfo"> |
| | | <el-input v-model="form.eventInfo" placeholder="请è¾å
¥äºä»¶è¯´æ" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="é®ä»¶éç¥äººåç¼ç éå" prop="emialMemberIds"> |
| | | <el-input v-model="form.emialMemberIds" placeholder="请è¾å
¥é®ä»¶éç¥äººåç¼ç éå" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="ä¼ä¸å¾®ä¿¡éç¥äººåç¼ç éå" prop="qwnoticeMemberIds"> |
| | | <el-input v-model="form.qwnoticeMemberIds" placeholder="请è¾å
¥ä¼ä¸å¾®ä¿¡éç¥äººåç¼ç éå" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="åç°æ¶é´" prop="happenTime"> |
| | | <el-input v-model="form.happenTime" placeholder="请è¾å
¥åç°æ¶é´" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="é£é©ç±»å(å
³ècategoryï¼" prop="typeId"> |
| | | <el-date-picker v-model="form.typeId" value-format="yyyy-MM-dd" placeholder="请è¾å
¥é£é©ç±»å(å
³ècategoryï¼"></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="é£é©æè¿°" prop="riskInfo"> |
| | | <el-input v-model="form.riskInfo" placeholder="请è¾å
¥é£é©æè¿°" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="å½åç©ä¸ä¸»ç®¡ç¼ç ï¼å
³èmemberï¼" prop="managerId"> |
| | | <el-input v-model="form.managerId" placeholder="请è¾å
¥å½åç©ä¸ä¸»ç®¡ç¼ç ï¼å
³èmemberï¼" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="å½åå¤ç人åç¼ç ï¼å
³èmember)" prop="dealerId"> |
| | | <el-input v-model="form.dealerId" placeholder="请è¾å
¥å½åå¤ç人åç¼ç ï¼å
³èmember)" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="åé
æ¶é´" prop="dispatchTime"> |
| | | <el-date-picker v-model="form.dispatchTime" value-format="yyyy-MM-dd" placeholder="请è¾å
¥åé
æ¶é´"></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="åé
夿³¨" prop="dispatchInfo"> |
| | | <el-input v-model="form.dispatchInfo" placeholder="请è¾å
¥åé
夿³¨" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="å¤çæ¶é´" prop="dealTime"> |
| | | <el-date-picker v-model="form.dealTime" value-format="yyyy-MM-dd" placeholder="请è¾å
¥å¤çæ¶é´"></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="å¤ç夿³¨" prop="dealInfo"> |
| | | <el-input v-model="form.dealInfo" placeholder="请è¾å
¥å¤ç夿³¨" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="DCAé®é¢ç¼ç " prop="problemId"> |
| | | <el-input v-model="form.problemId" placeholder="请è¾å
¥DCAé®é¢ç¼ç " v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="DCAé®é¢æ°é" prop="problemNum"> |
| | | <el-input v-model="form.problemNum" placeholder="请è¾å
¥DCAé®é¢æ°é" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="ä½ç½®å°ç¹è·¯å¾åç§°" prop="locationName"> |
| | | <el-input v-model="form.locationName" placeholder="请è¾å
¥ä½ç½®å°ç¹è·¯å¾åç§°" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="å·¥åå·" prop="code"> |
| | | <el-input v-model="form.code" placeholder="请è¾å
¥å·¥åå·" v-trim/> |
| | | </el-form-item> |
| | | </el-form> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | export default { |
| | | name: 'OperaWorkorderWindow', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow }, |
| | | data () { |
| | | return { |
| | | // è¡¨åæ°æ® |
| | | form: { |
| | | id: null, |
| | | 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: '' |
| | | }, |
| | | // éªè¯è§å |
| | | rules: { |
| | | } |
| | | } |
| | | }, |
| | | created () { |
| | | this.config({ |
| | | api: '/business/workorder', |
| | | 'field.id': 'id' |
| | | }) |
| | | }, |
| | | methods:{ |
| | | /** |
| | | * æå¼çªå£ |
| | | * |
| | | * @param title çªå£æ é¢ |
| | | * @param target è¡å¯¹è±¡ï¼ä»
ç¼è¾éè¯¥åæ°ï¼ |
| | | */ |
| | | open (title, target) { |
| | | this.title = title |
| | | this.visible = true |
| | | this.$nextTick(() => { |
| | | for (const key in this.form) { |
| | | this.form[key] = target[key] |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | overflow: hidden; |
| | | overflow-y: hidden !important; |
| | | & > header { |
| | | height: $header-height; |
| | | flex-shrink: 0; |
| | | } |
| | | & > main { |
| | | height: 100%; |
| | | overflow-y: auto; |
| | | /* overflow-y: auto;*/ |
| | | } |
| | | } |
| | | } |
| | |
| | | <template> |
| | | <div class="table-layout"> |
| | | <div class="table-layout" > |
| | | <!-- å¤´é¨ --> |
| | | <div v-if="withBreadcrumb" class="table-header"> |
| | | <el-breadcrumb separator="/"> |
| | | <el-breadcrumb-item v-for="path in paths" :key="path">{{path}}</el-breadcrumb-item> |
| | | </el-breadcrumb> |
| | | </div> |
| | | <!-- <div v-if="withBreadcrumb" class="table-header"> |
| | | <el-breadcrumb separator="/"> |
| | | <el-breadcrumb-item v-for="path in paths" :key="path">{{path}}</el-breadcrumb-item> |
| | | </el-breadcrumb> |
| | | </div>--> |
| | | <!-- <div style="height:10px;"></div> --> |
| | | <Profile :roles="roles" :permissions="permissions"> |
| | | <!-- æç´¢è¡¨åé¨å --> |
| | | <div class="table-search-form"> |
| | | <div class="table-search-form" ref="tableSearchForm"> |
| | | <div class="form-wrap"> |
| | | <slot name="search-form"></slot> |
| | | </div> |
| | |
| | | paths () { |
| | | return this.$route.meta.paths |
| | | } |
| | | }, |
| | | mounted() { |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | @import "@/assets/style/variables.scss"; |
| | | /*.el-container .el-main[data-v-5b01577c] { |
| | | width: 100%; |
| | | height: calc(100vh - 68px); |
| | | padding: 0; |
| | | position: relative; |
| | | display: flex |
| | | ; |
| | | flex-direction: column; |
| | | overflow-y: scroll; |
| | | overflow-x: hidden; |
| | | scrollbar-width: none; |
| | | -ms-overflow-style: none; |
| | | }*/ |
| | | .table-layout { |
| | | height: 100%; |
| | | height: calc(100%-10px); |
| | | display: flex; |
| | | flex-direction: column; |
| | | margin-top: 10px; |
| | | .not-allow-wrap { |
| | | padding-top: 0; |
| | | } |
| | | } |
| | | .danger-column{ |
| | | color: red; |
| | | } |
| | | // å¤´é¨ |
| | | .table-header { |
| | |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | padding: 0 16px; |
| | | margin-bottom: 10px; |
| | | .form-wrap { |
| | | padding: 16px 16px 0 16px; |
| | | width: 100%; |
| | | background: #fff; |
| | | .el-form-item__content { |
| | | min-width: 192px; |
| | | } |
| | | &:empty { |
| | | padding: 0; |
| | | } |
| | |
| | | } |
| | | // å表åå页 |
| | | .table-content { |
| | | margin-top: 10px; |
| | | padding: 0 16px; |
| | | .table-wrap { |
| | | padding: 16px 16px 0 16px; |
| | | padding: 16px 16px 60px 16px; |
| | | background: #fff; |
| | | // å·¥å
·æ |
| | | .toolbar { |
| | |
| | | } |
| | | // è¡¨æ ¼ |
| | | .el-table { |
| | | //min-height: 300px; |
| | | overflow: auto; |
| | | th { |
| | | .cell { |
| | | color: #666; |
| | | } |
| | | } |
| | | td { |
| | | .cell { |
| | | min-height: 32px; |
| | | line-height: 20px; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | } |
| | | // å¤éæ¡å |
| | | .el-table-column--selection { |
| | | .cell { |
| | | text-align: center !important; |
| | | justify-content: center; |
| | | } |
| | | } |
| | | // å¤å¼å段 |
| | |
| | | } |
| | | // å页 |
| | | .table-pagination { |
| | | padding: 16px 0; |
| | | margin-left: 0px; |
| | | padding: 16px 0px; |
| | | text-align: left; |
| | | display: block; |
| | | z-index: 100; |
| | | width: -webkit-fill-available; |
| | | /* width: 80%; */ |
| | | position: fixed; |
| | | bottom: 0px; |
| | | background-color: white; |
| | | margin-right: 50px; |
| | | } |
| | | } |
| | | } |
| | |
| | | <template> |
| | | <div class="table-layout"> |
| | | <!-- å¤´é¨ --> |
| | | <!-- <div v-if="withBreadcrumb" class="table-header"> |
| | | <el-breadcrumb separator="/"> |
| | | <el-breadcrumb-item v-for="path in paths" :key="path">{{path}}</el-breadcrumb-item> |
| | | </el-breadcrumb> |
| | | </div>--> |
| | | <Profile :roles="roles" :permissions="permissions"> |
| | | <div style="width: 100%; height: 100%; padding: 0 16px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;"> |
| | | <div style="width: 240px; height: 100%; flex-shrink: 0; background: #ffffff;"> |
| | | <slot name="menu"></slot> |
| | | </div> |
| | | <div style="width: calc(100% - 250px); height: 100%"> |
| | | <!-- æç´¢è¡¨åé¨å --> |
| | | <div class="table-search-form" style="padding: 0 !important;"> |
| | | <div class="form-wrap"> |
| | | <slot name="search-form"></slot> |
| | | </div> |
| | | </div> |
| | | <slot name="space"></slot> |
| | | <!-- å表åå页é¨å --> |
| | | <div class="table-content" style="padding: 0 !important;"> |
| | | <div class="table-wrap"> |
| | | <slot name="table-wrap"></slot> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="table-layout"> |
| | | <!-- å¤´é¨ --> |
| | | <!-- <div v-if="withBreadcrumb" class="table-header"> |
| | | <el-breadcrumb separator="/"> |
| | | <el-breadcrumb-item v-for="path in paths" :key="path">{{path}}</el-breadcrumb-item> |
| | | </el-breadcrumb> |
| | | </div>--> |
| | | <Profile :roles="roles" :permissions="permissions"> |
| | | <div style="width: 100%; height: 100%; padding: 0 16px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;"> |
| | | <div style="width: 240px; height: 100%; flex-shrink: 0; background: #ffffff;"> |
| | | <slot name="menu"></slot> |
| | | </div> |
| | | <div style="width: calc(100% - 250px); height: 100%"> |
| | | <!-- æç´¢è¡¨åé¨å --> |
| | | <div class="table-search-form" style="padding: 0 !important;"> |
| | | <div class="form-wrap"> |
| | | <slot name="search-form"></slot> |
| | | </div> |
| | | </Profile> |
| | | </div> |
| | | </div> |
| | | <slot name="space"></slot> |
| | | <!-- å表åå页é¨å --> |
| | | <div class="table-content" style="padding: 0 !important;"> |
| | | <div class="table-wrap"> |
| | | <slot name="table-wrap"></slot> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </Profile> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | @import "@/assets/style/variables.scss"; |
| | | .table-layout { |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | .not-allow-wrap { |
| | | padding-top: 0; |
| | | } |
| | | @import "@/assets/style/variables.scss"; |
| | | .table-layout { |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | .not-allow-wrap { |
| | | padding-top: 20; |
| | | } |
| | | } |
| | | // å¤´é¨ |
| | | .table-header { |
| | | overflow: hidden; |
| | | padding: 12px 16px; |
| | | flex-shrink: 0; |
| | | // 页é¢è·¯å¾ |
| | | .el-breadcrumb { |
| | | .el-breadcrumb__item { |
| | | .el-breadcrumb__inner { |
| | | color: #ABB2BE; |
| | | font-size: 12px; |
| | | } |
| | | &:last-of-type .el-breadcrumb__inner { |
| | | color: #606263; |
| | | font-size: 14px; |
| | | } |
| | | } |
| | | // å¤´é¨ |
| | | .table-header { |
| | | overflow: hidden; |
| | | padding: 12px 16px; |
| | | flex-shrink: 0; |
| | | // 页é¢è·¯å¾ |
| | | .el-breadcrumb { |
| | | .el-breadcrumb__item { |
| | | .el-breadcrumb__inner { |
| | | color: #ABB2BE; |
| | | font-size: 12px; |
| | | } |
| | | &:last-of-type .el-breadcrumb__inner { |
| | | color: #606263; |
| | | font-size: 14px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | // æç´¢ |
| | | .table-search-form { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | /*padding: 0 16px;*/ |
| | | /*box-sizing: border-box;*/ |
| | | .form-wrap { |
| | | padding: 16px 16px 0 16px; |
| | | width: 100%; |
| | | background: #fff; |
| | | &:empty { |
| | | padding: 0; |
| | | } |
| | | // æç´¢ |
| | | .table-search-form { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | /*padding: 0 16px;*/ |
| | | /*box-sizing: border-box;*/ |
| | | .form-wrap { |
| | | padding: 16px 16px 0 16px; |
| | | width: 100%; |
| | | background: #fff; |
| | | &:empty { |
| | | padding: 0; |
| | | } |
| | | } |
| | | section { |
| | | display: inline-block; |
| | | margin-left: 16px; |
| | | margin-bottom: 18px; |
| | | } |
| | | } |
| | | // å表åå页 |
| | | .table-content { |
| | | /*padding: 0 16px;*/ |
| | | .table-wrap { |
| | | padding: 16px 16px 60px 16px; |
| | | background: #fff; |
| | | // å·¥å
·æ |
| | | .toolbar { |
| | | border-bottom: 1px solid #eee; |
| | | padding-bottom: 10px; |
| | | li { |
| | | display: inline-block; |
| | | margin-right: 6px; |
| | | } |
| | | } |
| | | // è¡¨æ ¼ |
| | | .el-table { |
| | | th { |
| | | .cell { |
| | | color: #666; |
| | | } |
| | | section { |
| | | } |
| | | // å¤éæ¡å |
| | | .el-table-column--selection { |
| | | .cell { |
| | | text-align: center !important; |
| | | } |
| | | } |
| | | // å¤å¼å段 |
| | | .table-column-strings { |
| | | ul { |
| | | li { |
| | | display: inline-block; |
| | | margin-left: 16px; |
| | | margin-bottom: 18px; |
| | | background: #eee; |
| | | border-radius: 3px; |
| | | padding: 0 3px; |
| | | margin-right: 3px; |
| | | margin-bottom: 3px; |
| | | } |
| | | } |
| | | } |
| | | // æ è§è§è°æ´ |
| | | [class*=el-table__row--level] .el-table__expand-icon { |
| | | position: relative; |
| | | left: -6px; |
| | | margin-right: 0; |
| | | } |
| | | } |
| | | // å表åå页 |
| | | .table-content { |
| | | /*padding: 0 16px;*/ |
| | | .table-wrap { |
| | | padding: 16px 16px 60px 16px; |
| | | background: #fff; |
| | | // å·¥å
·æ |
| | | .toolbar { |
| | | border-bottom: 1px solid #eee; |
| | | padding-bottom: 10px; |
| | | li { |
| | | display: inline-block; |
| | | margin-right: 6px; |
| | | } |
| | | } |
| | | // è¡¨æ ¼ |
| | | .el-table { |
| | | th { |
| | | .cell { |
| | | color: #666; |
| | | } |
| | | } |
| | | // å¤éæ¡å |
| | | .el-table-column--selection { |
| | | .cell { |
| | | text-align: center !important; |
| | | } |
| | | } |
| | | // å¤å¼å段 |
| | | .table-column-strings { |
| | | ul { |
| | | li { |
| | | display: inline-block; |
| | | background: #eee; |
| | | border-radius: 3px; |
| | | padding: 0 3px; |
| | | margin-right: 3px; |
| | | margin-bottom: 3px; |
| | | } |
| | | } |
| | | } |
| | | // æ è§è§è°æ´ |
| | | [class*=el-table__row--level] .el-table__expand-icon { |
| | | position: relative; |
| | | left: -6px; |
| | | margin-right: 0; |
| | | } |
| | | } |
| | | // å页 |
| | | .table-pagination { |
| | | margin-left: 0px; |
| | | padding: 16px 0px ; |
| | | text-align: left; |
| | | display: block; |
| | | z-index: 100; |
| | | width: -webkit-fill-available; |
| | | /* width: 80%; */ |
| | | position: fixed; |
| | | bottom: 0px; |
| | | background-color: white; |
| | | margin-right: 50px; |
| | | } |
| | | } |
| | | // å页 |
| | | .table-pagination { |
| | | margin-left: 0px; |
| | | padding: 16px 0px ; |
| | | text-align: left; |
| | | display: block; |
| | | z-index: 100; |
| | | width: -webkit-fill-available; |
| | | /* width: 80%; */ |
| | | position: fixed; |
| | | bottom: 0px; |
| | | background-color: white; |
| | | margin-right: 50px; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <div |
| | | style="width: 100%; height: 50px; background: rgba(242, 242, 242, 1); line-height: 50px; text-align: center; font-size: 14px;"> |
| | | è·ç»æ»é£é©åçå°ç¹</div> |
| | | <div style="width: 100%; height: calc(100vh - 170px); overflow-y: scroll;"> |
| | | <div style="width: 100%; height: calc(100vh - 130px); overflow-y: scroll;"> |
| | | <Tree :list="treeList" :alllist="treeList" :defaultProps="{ name: 'name', status: 'fsStatus', children: 'childList', id: 'id' }" |
| | | @callback="callback" /> |
| | | </div> |
| | |
| | | v-permissions="['business:category:create']">æ°å»º</el-button></li> |
| | | <li><el-button type="danger" @click="deleteByIdInBatch(true,getfindTreePage)" icon="el-icon-delete" v-permissions="['business:category:delete']">æ¹éå é¤</el-button></li> |
| | | </ul> |
| | | <el-table v-loading="isWorking.search" :data="tableData.list" stripe @selection-change="handleSelectionChange"> |
| | | <el-table :height="tableHeightNew" 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="name" label="åç§°" min-width="100px"></el-table-column> |
| | | <el-table-column prop="parentName" label="ç¶çº§" min-width="150px"></el-table-column> |
| | |
| | | <div |
| | | style="width: 100%; height: 50px; background: rgba(242, 242, 242, 1); line-height: 50px; text-align: center; font-size: 14px;"> |
| | | è·ç»æ»é£é©ç±»å</div> |
| | | <div style="width: 100%; height: calc(100vh - 170px); overflow-y: scroll;"> |
| | | <div style="width: 100%; height: calc(100vh - 130px); overflow-y: scroll;"> |
| | | <Tree :list="treeList" :alllist="treeList" :defaultProps="{ name: 'name', status: 'fsStatus', children: 'childList', id: 'id' }" |
| | | @callback="callback" /> |
| | | </div> |
| | |
| | | v-permissions="['business:category:create']">æ°å»º</el-button></li> |
| | | <li><el-button type="danger" @click="deleteByIdInBatch(true,getfindTreePage)" icon="el-icon-delete" v-permissions="['business:category:delete']">æ¹éå é¤</el-button></li> |
| | | </ul> |
| | | <el-table v-loading="isWorking.search" :data="tableData.list" stripe @selection-change="handleSelectionChange"> |
| | | <el-table :height="tableHeightNew" 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="name" label="åç§°" min-width="100px"></el-table-column> |
| | | <el-table-column prop="parentName" label="ç¶çº§" min-width="150px"></el-table-column> |
| | |
| | | <div |
| | | style="width: 100%; height: 50px; background: rgba(242, 242, 242, 1); line-height: 50px; text-align: center; font-size: 14px;"> |
| | | DCAäºä»¶ä½ç½®</div> |
| | | <div style="width: 100%; height: calc(100vh - 170px); overflow-y: scroll;"> |
| | | <div style="width: 100%; height: calc(100vh - 130px); overflow-y: scroll;"> |
| | | <Tree :list="treeList" :alllist="treeList" :defaultProps="{ name: 'name', status: 'fsStatus', children: 'childList', id: 'id' }" |
| | | @callback="callback" /> |
| | | </div> |
| | |
| | | v-permissions="['business:category:create']">æ°å»º</el-button></li> |
| | | <li><el-button type="danger" @click="deleteByIdInBatch(true,getfindTreePage)" icon="el-icon-delete" v-permissions="['business:category:delete']">æ¹éå é¤</el-button></li> |
| | | </ul> |
| | | <el-table v-loading="isWorking.search" :data="tableData.list" stripe @selection-change="handleSelectionChange"> |
| | | <el-table :height="tableHeightNew" 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="name" label="åç§°" min-width="100px"></el-table-column> |
| | | <el-table-column prop="parentName" label="ç¶çº§" min-width="150px"></el-table-column> |
| | |
| | | <div |
| | | style="width: 100%; height: 50px; background: rgba(242, 242, 242, 1); line-height: 50px; text-align: center; font-size: 14px;"> |
| | | DCA主é¢</div> |
| | | <div style="width: 100%; height: calc(100vh - 170px); overflow-y: scroll;"> |
| | | <div style="width: 100%; height: calc(100vh - 130px); overflow-y: scroll;"> |
| | | <Tree :list="treeList" :alllist="treeList" :defaultProps="{ name: 'name', status: 'fsStatus', children: 'childList', id: 'id' }" |
| | | @callback="callback" /> |
| | | </div> |
| | |
| | | v-permissions="['business:category:create']">æ°å»º</el-button></li> |
| | | <li><el-button type="danger" @click="deleteByIdInBatch(true,getfindTreePage)" icon="el-icon-delete" v-permissions="['business:category:delete']">æ¹éå é¤</el-button></li> |
| | | </ul> |
| | | <el-table v-loading="isWorking.search" :data="tableData.list" stripe @selection-change="handleSelectionChange"> |
| | | <el-table :height="tableHeightNew" 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="name" label="åç§°" min-width="100px"></el-table-column> |
| | | <el-table-column prop="parentName" label="æå±ç¶çº§" min-width="150px"></el-table-column> |
| | |
| | | <div |
| | | style="width: 100%; height: 50px; background: rgba(242, 242, 242, 1); line-height: 50px; text-align: center; font-size: 14px;"> |
| | | SHEäºä»¶åçå°ç¹</div> |
| | | <div style="width: 100%; height: calc(100vh - 170px); overflow-y: scroll;"> |
| | | <div style="width: 100%; height: calc(100vh - 130px); overflow-y: scroll;"> |
| | | <Tree :list="treeList" :alllist="treeList" :defaultProps="{ name: 'name', status: 'fsStatus', children: 'childList', id: 'id' }" |
| | | @callback="callback" /> |
| | | </div> |
| | |
| | | v-permissions="['business:category:create']">æ°å»º</el-button></li> |
| | | <li><el-button type="danger" @click="deleteByIdInBatch(true,getfindTreePage)" icon="el-icon-delete" v-permissions="['business:category:delete']">æ¹éå é¤</el-button></li> |
| | | </ul> |
| | | <el-table v-loading="isWorking.search" :data="tableData.list" stripe @selection-change="handleSelectionChange"> |
| | | <el-table :height="tableHeightNew" 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="name" label="åç§°" min-width="100px"></el-table-column> |
| | | <el-table-column prop="parentName" label="ç¶çº§" min-width="150px"></el-table-column> |
| | |
| | | <div |
| | | style="width: 100%; height: 50px; background: rgba(242, 242, 242, 1); line-height: 50px; text-align: center; font-size: 14px;"> |
| | | 伤害类å</div> |
| | | <div style="width: 100%; height: calc(100vh - 170px); overflow-y: scroll;"> |
| | | <div style="width: 100%; height: calc(100vh - 130px); overflow-y: scroll;"> |
| | | <Tree :list="treeList" :alllist="treeList" :defaultProps="{ name: 'name', status: 'fsStatus', children: 'childList', id: 'id' }" |
| | | @callback="callback" /> |
| | | </div> |
| | |
| | | v-permissions="['business:category:create']">æ°å»º</el-button></li> |
| | | <li><el-button type="danger" @click="deleteByIdInBatch(true,getfindTreePage)" icon="el-icon-delete" v-permissions="['business:category:delete']">æ¹éå é¤</el-button></li> |
| | | </ul> |
| | | <el-table v-loading="isWorking.search" :data="tableData.list" stripe @selection-change="handleSelectionChange"> |
| | | <el-table :height="tableHeightNew" 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="name" label="åç§°" min-width="100px"></el-table-column> |
| | | <el-table-column prop="parentName" label="ç¶çº§" min-width="150px"></el-table-column> |
| | |
| | | <ul class="toolbar" v-permissions="['business:company:create', 'business:company:sync']"> |
| | | <li><el-button type="primary" v-permissions="['business:company:create']" :loading="loading" @click="synchronous()">å
¨é忥ä¼ä¸å¾®ä¿¡ç»ç»</el-button></li> |
| | | </ul> |
| | | <el-table v-loading="isWorking.search" :data="list" stripe |
| | | <el-table :height="tableHeightNew" v-loading="isWorking.search" :data="list" stripe |
| | | :tree-props="{ children: 'childList', hasChildren: 'hasChildren' }" row-key="id" |
| | | @selection-change="handleSelectionChange" default-expand-all> |
| | | <el-table-column type="selection" width="55"></el-table-column> |
| | |
| | | <div |
| | | style="width: 100%; height: 50px; background: rgba(242, 242, 242, 1); line-height: 50px; text-align: center; font-size: 14px;"> |
| | | ä¼ä¸ç»ç»</div> |
| | | <div style="width: 100%; height: calc(100vh - 170px); overflow-y: scroll;"> |
| | | <Tree :list="companyTree" :defaultProps="{ name: 'name', status: 'fsStatus', children: 'childList', id: 'id' }" |
| | | <div style="width: 100%; height: calc(100vh - 130px); overflow-y: scroll;"> |
| | | <Tree :list="companyTree" :alllist="companyTree" :defaultProps="{ name: 'name', status: 'fsStatus', children: 'childList', id: 'id' }" |
| | | @callback="callback" /> |
| | | </div> |
| | | </template> |
| | |
| | | @change="search">æ¯å¦å
å«ä¸çº§ç»ç»</el-checkbox> |
| | | </li> |
| | | </ul> |
| | | <el-table v-loading="isWorking.search" :data="tableData.list" stripe @selection-change="handleSelectionChange"> |
| | | <el-table :height="tableHeightNew" v-loading="isWorking.search" :data="tableData.list" stripe @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55"></el-table-column> |
| | | <el-table-column fixed="left" prop="name" label="å§å" min-width="80px"> |
| | | <template slot-scope="{row}"> |
| | |
| | | <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:managers:delete']">å é¤</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | stripe |
| | |
| | | <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:managers:delete']">å é¤</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | stripe |
| | |
| | | <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:managers:delete']">å é¤</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | stripe |
| | |
| | | <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:managers:delete']">å é¤</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | stripe |
| | |
| | | <template> |
| | | <TableLayout :permissions="['business:workorder:query']"> |
| | | <!-- æç´¢è¡¨å --> |
| | | <SearchFormCollapse slot="search-form"> |
| | | <div 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 label="伤害类å" prop="typeId"> |
| | | <el-cascader v-model="searchForm.categoryList" :options="categorys" @change="handleChangeCategory" :show-all-levels="false" |
| | | clearable filterable :props="categoryprops" > |
| | | <template slot-scope="{ node, data }"> |
| | | <span>{{ data.name }}</span> <!-- èªå®ä¹æ¾ç¤ºå
容 --> |
| | | </template> |
| | | </el-cascader> |
| | | </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 label="䏿¥äººå" prop="memberName"> |
| | | <el-input v-model="searchForm.memberName" 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-button @click="reset">éç½®</el-button> |
| | | </section> |
| | | </el-form> |
| | | </SearchFormCollapse> |
| | | </div> |
| | | <!-- è¡¨æ ¼åå页 --> |
| | | <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 class="toolbar" v-permissions="['business:workorder:exportExcel']"> |
| | | <li> <el-button type="primary" :loading="isWorking.export" @click="exportExcel">导åº</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | 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="code" label="å·¥åå·" min-width="100px" fixed> |
| | | <template slot-scope="{row}"> |
| | | <span style="color: #2E68EC;cursor: pointer" @click="$refs.operaWorkorderWindow.open('SHEäºä»¶å·¥å详æ
', row)" >{{ row.code || '-'}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="typeName" 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="status" label="ç¶æ" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.status ==0">å¾
å¤ç</span> |
| | | <span v-else-if="row.status ==4">å·²å¤ç</span> |
| | | <span v-else-if="row.status ==3">å·²å
³é</span> |
| | | <span v-else>å¤çä¸</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="memberName" label="䏿¥äººå" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span >{{row.memberName}} - {{row.memberPhone||''}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="companyName" label="æå¨é¨é¨" min-width="100px"></el-table-column> |
| | | <el-table-column prop="memberType" label="æ¶å人å" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.memberType == 2">ä¾åºå-{{row.memberNames}}</span> |
| | | <span v-else-if="row.memberType == 1">åäº-{{row.memberNames}}</span> |
| | | <span v-else>æ¬äºº</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="localtionName" label="åçå°ç¹" min-width="100px"></el-table-column> |
| | | <el-table-column prop="outJiuyi" label="就廿
åµ" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.outJiuyi == 1">å¤é¨å°±å»- |
| | | <span v-if="row.isYiwushi == 1">å»å¡å®¤- |
| | | <span v-if="row.isHurted == 1">å伤</span> |
| | | <span v-else>æªå伤</span> |
| | | </span> |
| | | <span v-else>éå»å¡å®¤</span> |
| | | </span> |
| | | <span v-else>éå¤é¨å°±å»</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="workRelated" label="åå·¥ä½ç¸å
³" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.workRelated == 1">æ¯</span> |
| | | <span v-else>å¦</span> |
| | | </template> |
| | | </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 prop="remark" label="夿³¨" min-width="100px"></el-table-column> |
| | | <el-table-column prop="createDate" label="å建æ¶é´" min-width="100px"></el-table-column> |
| | | <el-table-column |
| | | v-if="containPermissions(['business:workorder:update', 'business:workorder:delete'])" |
| | | label="æä½" |
| | |
| | | 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> |
| | | <el-button type="text" @click="$refs.operaWorkorderWindow.open('SHEäºä»¶å·¥å详æ
', row)" icon="el-icon-edit" >æ¥ç详æ
</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> |
| | | </template> |
| | | <!-- æ°å»º/ä¿®æ¹ --> |
| | | <OperaWorkorderWindow ref="operaWorkorderWindow" @success="handlePageChange"/> |
| | | <OperaWorkorderDetailSheWindow 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' |
| | | import OperaWorkorderDetailSheWindow from '@/components/business/OperaWorkorderDetailSheWindow' |
| | | import { treeList } from '@/api/business/category' |
| | | export default { |
| | | name: 'Workorder', |
| | | extends: BaseTable, |
| | | components: { SearchFormCollapse, TableLayout, Pagination, OperaWorkorderWindow }, |
| | | components: {TableLayout, Pagination, OperaWorkorderDetailSheWindow }, |
| | | data () { |
| | | return { |
| | | // æç´¢ |
| | | searchForm: { |
| | | id: '', |
| | | creator: '', |
| | | createDate: '', |
| | | editor: '', |
| | | editDate: '', |
| | | isdeleted: '', |
| | | categoryId: '', |
| | | remark: '', |
| | | status: '', |
| | | sortnum: '', |
| | | type: '', |
| | | memberId: '', |
| | | companyId: '', |
| | | submitDate: '', |
| | | memberType: '', |
| | | memberQwids: '', |
| | | memberNames: '', |
| | | type: '0', |
| | | memberName: '', |
| | | memberCompanyId: '', |
| | | localtionId: '', |
| | | outJiuyi: '', |
| | | isYiwushi: '', |
| | | isHurted: '', |
| | | workRelated: '', |
| | | eventInfo: '', |
| | | emialMemberIds: '', |
| | | qwnoticeMemberIds: '', |
| | | happenTime: '', |
| | | typeId: '', |
| | | riskInfo: '', |
| | | managerId: '', |
| | | dealerId: '', |
| | | dispatchTime: '', |
| | | dispatchInfo: '', |
| | | dealTime: '', |
| | | dealInfo: '', |
| | | problemId: '', |
| | | problemNum: '', |
| | | locationName: '', |
| | | code: '' |
| | | } |
| | | code: '', |
| | | categoryList: [] |
| | | }, |
| | | categoryprops: { |
| | | label: 'name', |
| | | value: 'id', |
| | | checkStrictly: true, |
| | | lazyLoad: this.lazyLoad |
| | | }, |
| | | categorys: [] |
| | | } |
| | | }, |
| | | created () { |
| | |
| | | 'field.id': 'id', |
| | | 'field.main': 'id' |
| | | }) |
| | | this.loadCategorys() |
| | | this.search() |
| | | }, |
| | | methods: { |
| | | handleChangeCategory (value) { |
| | | if (this.searchForm.categoryList && this.searchForm.categoryList.length >= 1) { |
| | | this.searchForm.typeId = this.searchForm.categoryList[this.searchForm.categoryList.length - 1] |
| | | } |
| | | }, |
| | | loadCategorys () { |
| | | treeList({ type: 0 }) |
| | | .then(res => { |
| | | if (res && res.length > 0) { |
| | | res[0].fsStatus = 1 |
| | | this.categorys = this.getCategoryTree(res) |
| | | } |
| | | }) |
| | | }, |
| | | getCategoryTree (tree) { |
| | | if (tree == null) { |
| | | return [] |
| | | } |
| | | return tree.map(item => { |
| | | const newItem = { ...item } |
| | | if (newItem) { |
| | | newItem.children = newItem.childList |
| | | } |
| | | if (item.children && item.children.length === 0) { |
| | | this.$delete(newItem, 'children') |
| | | } else { |
| | | newItem.children = this.getCategoryTree(newItem.children) |
| | | } |
| | | // newItem.disabled = false |
| | | return newItem |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['system:dict:delete']">å é¤</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | :default-sort = "{prop: 'createTime', order: 'descending'}" |
| | |
| | | <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['system:job:log:delete']">å é¤</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | stripe |
| | |
| | | <!-- è¡¨æ ¼åå页 --> |
| | | <template v-slot:table-wrap> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | stripe |
| | |
| | | <li><el-button @click="sort('bottom')" :loading="isWorking.sort" icon="el-icon-sort-down" v-permissions="['system:menu:sort']">ä¸ç§»</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | ref="table" |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | |
| | | <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['system:permission:delete']">å é¤</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | :data="module.children" |
| | | :ref="'module' + module.id" |
| | | row-key="id" |
| | |
| | | <li v-permissions="['system:role:delete']"><el-button @click="deleteByIdInBatch" icon="el-icon-delete">å é¤</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | :default-sort = "{prop: 'createTime', order: 'descending'}" |
| | |
| | | <!-- è¡¨æ ¼åå页 --> |
| | | <template v-slot:table-wrap> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | stripe |
| | |
| | | <li v-permissions="['system:user:delete']"><el-button icon="el-icon-delete" @click="deleteByIdInBatch">å é¤</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | :height="tableHeightNew" |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | :default-sort = "{prop: 'createTime', order: 'descending'}" |
| | |
| | | |
| | | @ApiModelProperty(value = "䏿¥æ¶é´", example = "1") |
| | | @ExcelExportColumn(name="䏿¥æ¶é´") |
| | | private Integer submitDate; |
| | | private Date submitDate; |
| | | |
| | | @ApiModelProperty(value = "SHEæ¶å人åç±»å 0æ¬äºº 1åäº 2ä¾åºå", example = "1") |
| | | @ExcelExportColumn(name="SHEæ¶å人åç±»å 0æ¬äºº 1åäº 2ä¾åºå") |
| | |
| | | |
| | | @ApiModelProperty(value = "é£é©ç±»å(å
³ècategoryï¼") |
| | | @ExcelExportColumn(name="é£é©ç±»å(å
³ècategoryï¼") |
| | | |
| | | private Date typeId; |
| | | private Integer typeId; |
| | | |
| | | @ApiModelProperty(value = "é£é©æè¿°", example = "1") |
| | | @ExcelExportColumn(name="é£é©æè¿°") |
| | |
| | | @ApiModelProperty("éä»¶ä¿¡æ¯") |
| | | @TableField(exist = false) |
| | | private List<Multifile> multifileList; |
| | | @ApiModelProperty("æä½åå²éå") |
| | | @TableField(exist = false) |
| | | private List<WorkorderLog> logList; |
| | | |
| | | @ApiModelProperty("ææ¥äººååç§°") |
| | | @TableField(exist = false) |
| | |
| | | @TableField(exist = false) |
| | | private String hurtTypeName; |
| | | |
| | | @ApiModelProperty("åçå°ç¹åç§°") |
| | | @TableField(exist = false) |
| | | private String locationTypeName; |
| | | |
| | | @ApiModelProperty("é£é©ç±»ååç§°") |
| | | @TableField(exist = false) |
| | | private String typeName; |
| | | |
| | | @ApiModelProperty("DCAé®é¢åç§°") |
| | | @TableField(exist = false) |
| | | private String problemName; |
| | | @ApiModelProperty("ç¨æ·") |
| | | @TableField(exist = false) |
| | | private String memberPhone; |
| | | |
| | | @ApiModelProperty("åäºåç§° å¤ä¸ª,åå²") |
| | | @TableField(exist = false) |
| | | private String colleague; |
| | | |
| | | |
| | | @ApiModelProperty(value = "䏿¥äººææºå·") |
| | | @TableField(exist = false) |
| | | private String memberPhone; |
| | | |
| | | |
| | | } |
| | |
| | | Workorder workorder = workorderMapper.selectJoinOne(Workorder.class, |
| | | new MPJLambdaWrapper<Workorder>() |
| | | .selectAll(Workorder.class) |
| | | .selectAs(Member::getPhone,Workorder::getMemberPhone) |
| | | .selectAs(Member::getName,Workorder::getMemberName) |
| | | .selectAs(Company::getNamePath,Workorder::getCompanyName) |
| | | .select(" c1.name ",Workorder::getHurtTypeName) |
| | | .select(" c2.name ",Workorder::getLocationTypeName) |
| | | .selectAs(Workorder::getCompanyName,Workorder::getCompanyName) |
| | | .select(" c3.name ",Workorder::getTypeName) |
| | | .select(" c4.name ",Workorder::getProblemName) |
| | | .leftJoin(Member.class,Member::getId,Workorder::getMemberId) |
| | | .leftJoin(Company.class,Company::getId,Member::getCompanyId) |
| | | .leftJoin(" category c1 on t.CATEGORY_ID = c1.id ") //åä¼¤ç±»å« |
| | | .leftJoin(" category c2 on t.LOCALTION_ID = c2.id ") //åçå°ç¹ |
| | | .leftJoin(" category c3 on t.TYPE_ID = c3.id ") //é£é©ç±»å |
| | | .leftJoin(" category c4 on t.PROBLEM_ID = c4.id ") //DCAé®é¢ç¼ç |
| | | .eq(Workorder::getId,id) |
| | |
| | | workorder.setMultifileList(multifileList); |
| | | } |
| | | } |
| | | |
| | | |
| | | return workorder; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | @Override |
| | | public void deleteById(Integer id) { |
| | |
| | | @Override |
| | | public PageData<Workorder> findPage(PageWrap<Workorder> pageWrap) { |
| | | IPage<Workorder> page = new Page<>(pageWrap.getPage(), pageWrap.getCapacity()); |
| | | QueryWrapper<Workorder> queryWrapper = new QueryWrapper<>(); |
| | | Utils.MP.blankToNull(pageWrap.getModel()); |
| | | queryWrapper.lambda() |
| | | MPJLambdaWrapper<Workorder> queryWrapper = new MPJLambdaWrapper<>(); |
| | | pageWrap.getModel().setIsdeleted(Constants.ZERO); |
| | | queryWrapper |
| | | .selectAll(Workorder.class) |
| | | .selectAs(Member::getName,Workorder::getMemberName) |
| | | .selectAs(Member::getCompanyName,Workorder::getCompanyName) |
| | | .selectAs(Member::getPhone,Workorder::getMemberPhone) |
| | | .select(" c3.name ",Workorder::getTypeName) |
| | | .select(" c4.name ",Workorder::getProblemName) |
| | | .leftJoin(Member.class,Member::getId,Workorder::getMemberId) |
| | | .leftJoin(" category c3 on t.TYPE_ID = c3.id ") //é£é©ç±»å |
| | | .leftJoin(" category c4 on t.PROBLEM_ID = c4.id ") //DCAé®é¢ç¼ç |
| | | .eq(pageWrap.getModel().getId() != null, Workorder::getId, pageWrap.getModel().getId()) |
| | | .eq(pageWrap.getModel().getCreator() != null, Workorder::getCreator, pageWrap.getModel().getCreator()) |
| | | .ge(pageWrap.getModel().getCreateDate() != null, Workorder::getCreateDate, Utils.Date.getStart(pageWrap.getModel().getCreateDate())) |
| | |
| | | .eq(pageWrap.getModel().getSubmitDate() != null, Workorder::getSubmitDate, pageWrap.getModel().getSubmitDate()) |
| | | .eq(pageWrap.getModel().getMemberType() != null, Workorder::getMemberType, pageWrap.getModel().getMemberType()) |
| | | .eq(pageWrap.getModel().getMemberQwids() != null, Workorder::getMemberQwids, pageWrap.getModel().getMemberQwids()) |
| | | .eq(pageWrap.getModel().getMemberNames() != null, Workorder::getMemberNames, pageWrap.getModel().getMemberNames()) |
| | | .like(pageWrap.getModel().getMemberNames() != null, Workorder::getMemberNames, pageWrap.getModel().getMemberNames()) |
| | | .eq(pageWrap.getModel().getLocaltionId() != null, Workorder::getLocaltionId, pageWrap.getModel().getLocaltionId()) |
| | | .eq(pageWrap.getModel().getOutJiuyi() != null, Workorder::getOutJiuyi, pageWrap.getModel().getOutJiuyi()) |
| | | .eq(pageWrap.getModel().getIsYiwushi() != null, Workorder::getIsYiwushi, pageWrap.getModel().getIsYiwushi()) |
| | |
| | | .eq(pageWrap.getModel().getEmialMemberIds() != null, Workorder::getEmialMemberIds, pageWrap.getModel().getEmialMemberIds()) |
| | | .eq(pageWrap.getModel().getQwnoticeMemberIds() != null, Workorder::getQwnoticeMemberIds, pageWrap.getModel().getQwnoticeMemberIds()) |
| | | .eq(pageWrap.getModel().getHappenTime() != null, Workorder::getHappenTime, pageWrap.getModel().getHappenTime()) |
| | | .ge(pageWrap.getModel().getTypeId() != null, Workorder::getTypeId, Utils.Date.getStart(pageWrap.getModel().getTypeId())) |
| | | .le(pageWrap.getModel().getTypeId() != null, Workorder::getTypeId, Utils.Date.getEnd(pageWrap.getModel().getTypeId())) |
| | | .eq(pageWrap.getModel().getTypeId() != null, Workorder::getTypeId, pageWrap.getModel().getTypeId()) |
| | | .eq(pageWrap.getModel().getRiskInfo() != null, Workorder::getRiskInfo, pageWrap.getModel().getRiskInfo()) |
| | | .eq(pageWrap.getModel().getManagerId() != null, Workorder::getManagerId, pageWrap.getModel().getManagerId()) |
| | | .eq(pageWrap.getModel().getDealerId() != null, Workorder::getDealerId, pageWrap.getModel().getDealerId()) |
| | |
| | | .eq(pageWrap.getModel().getDcaYesNum() != null, Workorder::getDcaYesNum, pageWrap.getModel().getDcaYesNum()) |
| | | .eq(pageWrap.getModel().getDcaNoNum() != null, Workorder::getDcaNoNum, pageWrap.getModel().getDcaNoNum()) |
| | | .eq(pageWrap.getModel().getDcaRecordId() != null, Workorder::getDcaRecordId, pageWrap.getModel().getDcaRecordId()) |
| | | .eq(pageWrap.getModel().getDcaCsIds() != null, Workorder::getDcaCsIds, pageWrap.getModel().getDcaCsIds()) |
| | | ; |
| | | for(PageWrap.SortData sortData: pageWrap.getSorts()) { |
| | | if (sortData.getDirection().equalsIgnoreCase(PageWrap.DESC)) { |
| | | queryWrapper.orderByDesc(sortData.getProperty()); |
| | | } else { |
| | | queryWrapper.orderByAsc(sortData.getProperty()); |
| | | } |
| | | } |
| | | return PageData.from(workorderMapper.selectPage(page, queryWrapper)); |
| | | .eq(pageWrap.getModel().getDcaCsIds() != null, Workorder::getDcaCsIds, pageWrap.getModel().getDcaCsIds()) ; |
| | | queryWrapper.orderByDesc(Workorder::getCreateDate); |
| | | return PageData.from(workorderMapper.selectJoinPage(page,Workorder.class, queryWrapper)); |
| | | } |
| | | |
| | | @Override |