| | |
| | | <div> |
| | | <div class="body" :style="{height:mainHeight+'px'}"> |
| | | <div class="bodyTopButtonGroup" style="justify-content: space-between"> |
| | | <el-button type="primary" icon="el-icon-download" @click="download">导出</el-button> |
| | | <el-button v-waves type="primary" icon="el-icon-download" @click="download">导出</el-button> |
| | | </div> |
| | | |
| | | <div class="bodyTopFormGroup"> |
| | |
| | | :model="form" |
| | | label-width="100px" |
| | | inline |
| | | style="display: flex;justify-content: space-between" |
| | | style="display: flex;" |
| | | > |
| | | <div class="elForm"> |
| | | <el-form-item label="生产车间" label-width="70px" style=" display: flex;"> |
| | | <el-form-item label="生产车间"style=" display: flex;"> |
| | | <el-select v-model="form.wkshopcode" style="width: 200px" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in wkshopSelectArr" |
| | |
| | | <el-form-item label="报修人员" style=" display: flex;"> |
| | | <el-input v-model="form.reportuser" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item v-show="isExpandForm" label-width="70px" label="维修人员" style=" display: flex;"> |
| | | <el-form-item v-show="isExpandForm" label="维修人员" style=" display: flex;"> |
| | | <el-input v-model="form.repairuser" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item v-show="isExpandForm" label="验证人员" style=" display: flex;"> |
| | |
| | | </el-form-item> |
| | | <el-form-item |
| | | v-show="isExpandForm" |
| | | label-width="70px" |
| | | label="验证时间" |
| | | style=" display: flex;align-items: center" |
| | | > |
| | |
| | | /> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened?'5%':'10%'}"> |
| | | <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button> |
| | | <el-button type="info" icon="el-icon-refresh" @click="reset">重置</el-button> |
| | | <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}"> |
| | | <el-button v-waves type="primary" icon="el-icon-search" @click="search">查询</el-button> |
| | | <el-button v-waves type="info" icon="el-icon-refresh" @click="reset">重置</el-button> |
| | | </div> |
| | | </el-form> |
| | | <div |
| | |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.verify_result==='通过'" style="display: flex;align-items: center"> |
| | | <div style="margin-right: 5px;width:10px;height: 10px;border-radius: 50%;background-color: #42b983" /> |
| | | <i class="el-icon-success" :style="{color:$store.state.settings.theme}" style="margin-right: 2px" /> |
| | | 通过 |
| | | </div> |
| | | <div v-if="row.verify_result==='不通过'" style="display: flex;align-items: center"> |
| | | <div style="margin-right: 5px;width:10px;height: 10px;border-radius: 50%;background-color: red" /> |
| | | <i class="el-icon-info" style="margin-right: 2px" /> |
| | | 不通过 |
| | | </div> |
| | | </template> |
| | |
| | | <template slot-scope="{row}"> |
| | | <i |
| | | class="el-icon-tickets" |
| | | style="cursor: pointer;color: #42b983;margin-right: 15px" |
| | | :style="{color:$store.state.settings.theme}" |
| | | style="cursor: pointer;margin-right: 15px" |
| | | @click="edit('edit',row)" |
| | | /> |
| | | </template> |
| | |
| | | </div> |
| | | |
| | | <el-dialog |
| | | v-el-drag-dialog |
| | | title="维修明细" |
| | | :visible.sync="dialogVisible" |
| | | width="800px" |
| | |
| | | > |
| | | <div style="font-size:16px;"> |
| | | <div style="margin-bottom: 20px"> |
| | | <i class="el-icon-s-operation" style="color:#42b983;" /> 设备报修信息: |
| | | <i class="el-icon-s-operation" :style="{color:$store.state.settings.theme}" /> 设备报修信息: |
| | | </div> |
| | | <div style="display: flex;flex-direction: column;margin-left: 40px"> |
| | | <div style="margin-bottom: 10px">故障来源:{{ dialogData1.faultsource }}</div> |
| | |
| | | </div> |
| | | </div> |
| | | <div style="margin-bottom: 20px"> |
| | | <i class="el-icon-s-operation" style="color:#42b983;" /> 设备维修信息: |
| | | <i class="el-icon-s-operation" :style="{color:$store.state.settings.theme}" /> 设备维修信息: |
| | | </div> |
| | | <div style="display: flex;flex-direction: column;margin-left: 40px"> |
| | | <div style="margin-bottom: 10px">故障描述:{{ dialogData2.faultdescr }}</div> |
| | |
| | | </div> |
| | | </div> |
| | | <div style="margin-bottom: 20px"> |
| | | <i class="el-icon-s-operation" style="color:#42b983;" /> 设备维修验证信息: |
| | | <i class="el-icon-s-operation" :style="{color:$store.state.settings.theme}" /> 设备维修验证信息: |
| | | </div> |
| | | <div style="display: flex;flex-direction: column;margin-left: 40px"> |
| | | <div style="margin-bottom: 10px;display: flex;">验证结果: |
| | | <div |
| | | :style="{backgroundColor:isResult==='通过'? '#42b983':'red'}" |
| | | style="margin-top: 3px;margin-right: 5px;width:10px;height: 10px;border-radius: 50%;" |
| | | |
| | | <i |
| | | v-if="isResult==='通过'" |
| | | class="el-icon-success" |
| | | :style="{color:$store.state.settings.theme}" |
| | | style="margin-right: 2px" |
| | | /> |
| | | <i v-if="isResult==='不通过'" class="el-icon-info" style="margin-right: 2px" /> |
| | | |
| | | {{ isResult }} |
| | | </div> |
| | | |
| | |
| | | @close="pictureHandleClose" |
| | | > |
| | | <div style="font-size: 16px;margin-bottom: 10px"> |
| | | <i class="el-icon-s-comment" style="color:#42b983;" /> {{ pictureName }} |
| | | <i class="el-icon-s-comment" :style="{color:$store.state.settings.theme}" /> {{ pictureName }} |
| | | </div> |
| | | |
| | | <img :key="new Date()" width="100%" :src="pictureUrl" alt=""> |
| | |
| | | v-if="pictureUrlAll.findIndex(item => item.url === pictureUrl)!==0" |
| | | style="position: absolute;top: 48%;left: 3.5%;" |
| | | ><i |
| | | style="color:#fff;cursor: pointer;font-size: 20px" |
| | | :style="{color:$store.state.settings.theme}" |
| | | style="cursor: pointer;font-size: 20px" |
| | | class="el-icon-d-arrow-left" |
| | | @click="arrowLeftClick(pictureUrl,pictureName)" |
| | | /></div> |
| | |
| | | style="position: absolute;top: 48%;right: 3.5%;" |
| | | > |
| | | <i |
| | | style="color:#fff;cursor: pointer;font-size: 20px" |
| | | :style="{color:$store.state.settings.theme}" |
| | | style="cursor: pointer;font-size: 20px" |
| | | class="el-icon-d-arrow-right" |
| | | @click="arrowRightClick(pictureUrl,pictureName)" |
| | | /></div> |
| | | </el-tooltip> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <div class="footerButton"> |
| | | <el-button @click="pictureVisible=false">返 回</el-button> |
| | | <el-button v-waves @click="pictureVisible=false">返 回</el-button> |
| | | </div> |
| | | </span> |
| | | </el-dialog> |
| | | |
| | | <span slot="footer" class="dialog-footer"> |
| | | <div class="footerButton"> |
| | | <el-button @click="dialogVisibleCancel">返 回</el-button> |
| | | <!-- <el-button type="primary" @click="dialogVisibleConfirm">确 定</el-button>--> |
| | | <el-button v-waves @click="dialogVisibleCancel">返 回</el-button> |
| | | <!-- <el-button v-waves type="primary" @click="dialogVisibleConfirm">确 定</el-button>--> |
| | | </div> |
| | | </span> |
| | | </el-dialog> |
| | |
| | | import { handleDatetime } from '@/utils/global' |
| | | import { DeviceUpdateOutExcel, DeviceUpdateSearch, DeviceUpdateSubSearch } from '@/api/sbgl' |
| | | import { ShopSearch } from '@/api/dzkb' |
| | | import elDragDialog from '@/directive/el-drag-dialog' |
| | | import waves from '@/directive/waves' |
| | | |
| | | export default { |
| | | name: 'Zzjg', |
| | | components: { |
| | | Pagination, ImportPicker |
| | | }, |
| | | directives: { elDragDialog, waves }, |
| | | data() { |
| | | return { |
| | | mouseHoverType: 'mouseout', |
| | |
| | | isResult: '', // 验证结果 |
| | | operation: '', |
| | | |
| | | baseUrl: 'http://121.196.36.24:8001/', // 图片预览地址前缀 |
| | | baseUrl: '', // 图片预览地址前缀 |
| | | |
| | | pictureVisible: false, // 图片预览对话框 |
| | | pictureUrl: '', // 图片预览Url |
| | |
| | | mounted() { |
| | | window.addEventListener('resize', this.getHeight) |
| | | this.getHeight() |
| | | |
| | | this.baseUrl = process.env.VUE_APP_BASE_API_FILE |
| | | }, |
| | | methods: { |
| | | handleRequest() { |