| | |
| | | <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-width="70px" label="生产车间" 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-width="70px" label="点检人员" style=" display: flex;"> |
| | | <el-form-item v-show="isExpandForm" label="点检人员" style=" display: flex;"> |
| | | <el-input v-model="form.checkuser" 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 |
| | |
| | | sortable="custom" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.chk_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.chk_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.chk_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.chk_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 |
| | |
| | | <!-- </div>--> |
| | | <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"> |
| | | <!-- <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.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 |
| | |
| | | |
| | | <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 { handleDatetime, validateCode } from '@/utils/global' |
| | | import { DeviceCheckSubTakeSearch, DeviceCheckTakeOutExcel, DeviceCheckTakeSearch } 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', |
| | |
| | | this.dialogVisible = true |
| | | }, |
| | | // 修改按钮 |
| | | async edit(operation, row) { |
| | | async edit(operation, row) { |
| | | this.operation = operation |
| | | this.dialogVisible = true |
| | | |
| | |
| | | <!--公共页面样式--> |
| | | <style lang="scss" scoped> |
| | | $main_color: #42b983; |
| | | ::v-deep .el-range__icon{ |
| | | ::v-deep .el-range__icon { |
| | | line-height: 28px !important; |
| | | } |
| | | ::v-deep .el-range-separator{ |
| | | |
| | | ::v-deep .el-range-separator { |
| | | line-height: 28px !important; |
| | | } |
| | | ::v-deep .el-range-input{ |
| | | |
| | | ::v-deep .el-range-input { |
| | | font-size: 14px; |
| | | } |
| | | ::v-deep .el-range-separator{ |
| | | |
| | | ::v-deep .el-range-separator { |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | |
| | | justify-content: center; |
| | | } |
| | | |
| | | .tableFixed{ |
| | | ::v-deep .el-table__fixed-right{ |
| | | .tableFixed { |
| | | ::v-deep .el-table__fixed-right { |
| | | height: 100% !important; |
| | | } |
| | | ::v-deep .el-table__fixed{ |
| | | |
| | | ::v-deep .el-table__fixed { |
| | | height: 100% !important; |
| | | } |
| | | } |