| | |
| | | <div> |
| | | <div class="body" :style="{height:mainHeight+'px'}"> |
| | | <div class="bodyTopButtonGroup"> |
| | | <!-- <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button>--> |
| | | <!-- <el-button icon="el-icon-download" @click="upload">导入</el-button>--> |
| | | <el-button type="primary" icon="el-icon-download" @click="download">导出</el-button> |
| | | <!-- <el-button v-waves type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button>--> |
| | | <!-- <el-button v-waves icon="el-icon-download" @click="upload">导入</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" style="justify-content: flex-start"> |
| | | <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.stanedname" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item v-show="isExpandForm"label="保养人员" label-width="70px" style=" display: flex;"> |
| | | <el-form-item v-show="isExpandForm" label="保养人员" style=" display: flex;"> |
| | | <el-input v-model="form.repairuser" style="width: 200px" placeholder="请输入" /> |
| | | </el-form-item> |
| | | <el-form-item v-show="isExpandForm" label="保养时间" style=" display: flex;font-size:14px;align-items: center"> |
| | |
| | | </el-select> |
| | | </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 |
| | |
| | | <el-table-column |
| | | prop="bywo" |
| | | width="160" |
| | | show-tooltip-when-overflow |
| | | label="保养单号" |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="org_name" |
| | | label="生产车间" |
| | | min-width="120" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="eqp_code" |
| | | label="设备编号" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | min-width="120" |
| | | /> |
| | | <el-table-column |
| | | prop="eqp_name" |
| | | min-width="120" |
| | | label="设备名称" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | |
| | | prop="stanedcode" |
| | | label="保养标准编码" |
| | | width="160" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="stanedname" |
| | | label="保养标准名称" |
| | | width="160" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="maint_cyc" |
| | | label="保养周期" |
| | | width="110" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | > |
| | | <template slot-scope="{row}"> |
| | |
| | | prop="maint_user" |
| | | label="保养人员" |
| | | width="160" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | > |
| | | <template slot-scope="{row}"> |
| | |
| | | prop="maint_result" |
| | | label="保养结果" |
| | | width="160" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.maint_result==='OK'" style="display: flex;align-items: center"><div style="margin-right: 5px;width:10px;height: 10px;border-radius: 50%;background-color: #42b983" />正常</div> |
| | | <div v-if="row.maint_result==='NG'" style="display: flex;align-items: center"><div style="margin-right: 5px;width:10px;height: 10px;border-radius: 50%;background-color: red" />异常</div> |
| | | <div v-if="row.maint_result==='OK'" 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.maint_result==='NG'" 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> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="maint_date" |
| | | label="保养时间" |
| | | show-tooltip-when-overflow |
| | | width="160" |
| | | sortable="custom" |
| | | /> |
| | |
| | | <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="operation==='add'?'新增':'保养明细'" |
| | | :visible.sync="dialogVisible" |
| | | width="800px" |
| | |
| | | label="点检结果" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.result==='OK'" style="display: flex;align-items: center"><div style="margin-right: 5px;width:10px;height: 10px;border-radius: 50%;background-color: #42b983" />正常</div> |
| | | <div v-if="row.result==='NG'" style="display: flex;align-items: center"><div style="margin-right: 5px;width:10px;height: 10px;border-radius: 50%;background-color: red" />异常</div> |
| | | <div v-if="row.result==='OK'" style="display: flex;align-items: center"> |
| | | <i class="el-icon-success" :style="{color:$store.state.settings.theme}" style="margin-right: 2px" /> |
| | | 正常</div> |
| | | <div v-if="row.result==='NG'" style="display: flex;align-items: center"> |
| | | <i class="el-icon-info" style="margin-right: 2px" /> |
| | | 异常</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | |
| | | <span slot="footer" class="dialog-footer"> |
| | | <div class="footerButton"> |
| | | <el-button @click="dialogVisible = false">返 回</el-button> |
| | | <!-- <el-button @click="dialogVisibleCancel">取 消</el-button>--> |
| | | <!-- <el-button type="primary" @click="dialogVisibleConfirm">确 定</el-button>--> |
| | | <el-button v-waves @click="dialogVisible = false">返 回</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 { DeviceRepairSubTakeSearch, DeviceRepairTakeOutExcel, DeviceRepairTakeSearch |
| | | } 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', |