You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1495 lines
50 KiB

<template>
<div class="mod-config">
<el-form :inline="true" label-position="top" :model="searchData" >
<el-form-item :label="'计划编码'">
<el-input v-model="searchData.planID" style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'计划描述'">
<el-input v-model="searchData.planDesc" style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'设备编码'">
<el-input v-model="searchData.objectID" style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'计划开始日期:'">
<el-date-picker
style="width: 120px"
v-model="searchData.startDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item style="margin-top: 23px;">
<laber style="margin-left: -9px;font-size: 19px">&#10142</laber>
</el-form-item>
<el-form-item :label="' '">
<el-date-picker
style="width: 120px"
v-model="searchData.endDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item :label="'状态'">
<el-select filterable v-model="searchData.status" style="width: 120px">
<el-option label="全部" value=""></el-option>
<el-option label="已计划" value="已计划"></el-option>
<el-option label="进行中" value="进行中"></el-option>
<el-option label="已结束" value="已结束"></el-option>
<el-option label="已取消" value="已取消"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="' '">
<el-button @click="getDataList()">查询</el-button>
<el-button type="primary" @click="addModal()">新增计划</el-button>
<!-- <el-button type="danger" @click="deletePlan()" :disabled="dataListSelections.length <= 0">批量删除</el-button>-->
</el-form-item>
</el-form>
<el-table
:height="height"
:data="dataList"
border
v-loading="dataListLoading"
style="width: 100%;">
<!-- <el-table-column-->
<!-- type="selection"-->
<!-- header-align="center"-->
<!-- align="center"-->
<!-- width="50">-->
<!-- </el-table-column>-->
<el-table-column
v-for="(item,index) in columnList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="160"
label="操作">
<template slot-scope="scope">
<a type="text" size="small" v-if="scope.row.status=='已计划'" @click="createOrder(scope.row)">下达</a>
<a type="text" size="small" v-if="scope.row.status=='进行中'" @click="planOrder(scope.row)">计划</a>
<a type="text" size="small" v-if="scope.row.status!='已结束'||scope.row.status!='已取消'" @click="cancelPlan(scope.row)">取消</a>
<a type="text" size="small" v-if="scope.row.status=='已计划'" @click="updateModal(scope.row)">修改</a>
<a type="text" size="small" v-if="scope.row.status!='进行中'" @click="deletePlan(scope.row)">删除</a>
<a type="text" size="small" @click="itemModal(scope.row)">维保项目</a>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[20, 50, 100, 1000]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<el-dialog title="维保计划" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="570px">
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
<el-form-item label="计划编码:">
<el-input v-model="modalData.planID" disabled style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="计划描述:">
<el-input v-model="modalData.planDesc" style="width: 120px"></el-input>
</el-form-item>
<el-form-item v-if="this.modalData.flag==2" >
<span slot="label" style="" @click="getBaseList(200)"><a herf="#">设备编码</a></span>
<el-input v-model="modalData.objectID" :disabled="modalDisableFlag" @blur="objectIDBlur" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="设备名称:" v-if="this.modalData.flag==2" >
<el-input v-model="modalData.objectDesc" disabled style="width: 120px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: 0px;">
<el-form-item >
<span slot="label" style="" @click="getBaseList(1032)"><a herf="#">维保模板</a></span>
<el-input v-model="modalData.propertiesCode" @blur="modalCodeBlur" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="模板名称:">
<el-input v-model="modalData.propertiesDesc" disabled style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="计划开始日期:">
<el-date-picker
style="width: 120px"
v-model="modalData.planStartDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="必选">
</el-date-picker>
</el-form-item>
<el-form-item label="计划结束日期:">
<el-date-picker
style="width: 120px"
v-model="modalData.planEndDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="必选">
</el-date-picker>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: 0px;">
<el-form-item >
<span slot="label" style="" @click="getBaseList(201)"><a herf="#">默认机修人员</a></span>
<el-input v-model="modalData.operator" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="维保周期(天):">
<el-input v-model="modalData.planPeriod" type="number" onkeyup="value=value.replace(/^[^\d]+/g,'')" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="备注:">
<el-input v-model="modalData.remark" style="width: 254px"></el-input>
</el-form-item>
</el-form>
<div v-if="this.modalData.flag==1">
<div style="text-align: center ;font-size: 11px">
<span> ----------------------------------------------------选择设备----------------------------------------------------</span>
</div>
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -8px;">
<el-form-item label="设备编码">
<el-input v-model="objectData.objectID" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="设备名称">
<el-input v-model="objectData.objectDesc" style="width: 120px"></el-input>
</el-form-item>
<el-form-item >
<span slot="label" style="" @click="getBaseList(1027)"><a herf="#">设备分类编码</a></span>
<el-input v-model="objectData.familyID" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label=" ">
<el-button @click="getObjectList()">查询</el-button>
</el-form-item>
</el-form>
<el-table
:height="200"
:data="objectList"
border
v-loading="dataListLoading"
@selection-change="selectionChangeHandle"
style="width: 100%;">
<el-table-column
type="selection"
header-align="center"
align="center"
width="50">
</el-table-column>
<el-table-column
prop="objectID"
header-align="center"
align="left"
min-width="30"
label="设备编码">
</el-table-column>
<el-table-column
prop="objectDesc"
header-align="center"
align="left"
min-width="30"
label="设备名称">
</el-table-column>
<el-table-column
prop="familyID"
header-align="center"
align="left"
min-width="30"
label="设备分类">
</el-table-column>
<el-table-column
prop="familyName"
header-align="center"
align="left"
min-width="30"
label="分类名称">
</el-table-column>
</el-table>
</div>
<el-footer style="height:40px;margin-top: 10px;text-align:center">
<el-button type="primary" @click="saveData()">保存</el-button>
<el-button type="primary" @click="modalFlag = false">关闭</el-button>
</el-footer>
</el-dialog>
<el-dialog title="维保项目清单" :close-on-click-modal="false" v-drag :visible.sync="detailModelFlag" width="830px">
<el-form :inline="true" label-position="top" @keyup.enter.native="getDataList()">
<el-form-item :label="'维保模板编码'">
<el-input v-model="detailData.codeNo" readonly style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'维保模板名称'">
<el-input v-model="detailData.codeDesc" readonly style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="' '">
<!-- <el-button type="primary" @click="addDetailModal()">新增</el-button>-->
</el-form-item>
</el-form>
<el-table
:height="300"
:data="detailList"
border
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnDetailList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="130"
label="操作">
<template slot-scope="scope">
<a type="text" size="small" v-if="scope.row.valueChooseFlag=='Y'" @click="chooseModal(scope.row)">可选值</a>
<a type="text" size="small" @click="updateItemModal(scope.row)">编辑</a>
</template>
</el-table-column>
</el-table>
<el-footer style="height:40px;margin-top: 20px;text-align:center">
<el-button type="primary" @click="detailModelFlag = false">关闭</el-button>
</el-footer>
</el-dialog>
<el-dialog title="维保项目" :close-on-click-modal="false" v-drag :visible.sync="itemModalFlag" width="430px">
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
<el-form-item label="维保项目编码:">
<el-input v-model="itemModalData.itemNo" :disabled="itemModalDisableFlag" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="维保项目名称:">
<el-input v-model="itemModalData.itemDesc" disabled style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'检测值类型'">
<el-select filterable v-model="itemModalData.valueTypeDb" style="width: 120px">
<el-option label="文本" value="T"></el-option>
<el-option label="数字" value="N"></el-option>
</el-select>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
<el-form-item label="维保方法说明:">
<el-input v-model="itemModalData.itemRemark" style="width: 254px"></el-input>
</el-form-item>
<el-form-item :label="'是否值可选'">
<el-select filterable v-model="itemModalData.valueChooseFlag" style="width: 120px">
<el-option label="是" value="Y"></el-option>
<el-option label="否" value="N"></el-option>
</el-select>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
<el-form-item label="参照值:">
<el-input v-model="itemModalData.defaultValue" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="最大值:">
<el-input v-model="itemModalData.maxValue" type="number" style="width: 120px"></el-input>
</el-form-item>
<el-form-item label="最小值:">
<el-input v-model="itemModalData.minValue" type="number" style="width: 120px"></el-input>
</el-form-item>
</el-form>
<el-footer style="height:40px;margin-top: 20px;text-align:center">
<el-button type="primary" @click="itemSaveData()">保存</el-button>
<el-button type="primary" @click="itemModalFlag = false">关闭</el-button>
</el-footer>
</el-dialog>
<el-dialog title="可选值" :close-on-click-modal="false" v-drag :visible.sync="chooseModalFlag" width="430px">
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
<el-form-item label="维保项目名称:">
<el-input v-model="chooseModalData.itemDesc" disabled style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'检测值类型'">
<el-select filterable v-model="chooseModalData.valueTypeDb" disabled style="width: 120px">
<el-option label="文本" value="T"></el-option>
<el-option label="数字" value="N"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="' '">
<el-button type="primary" @click="addChooseModal()">新增</el-button>
</el-form-item>
</el-form>
<el-table
:height="300"
:data="chooseTableData"
border
style="width: 100%">
<el-table-column
prop="availableValue"
header-align="center"
align="left"
min-width="200"
label="属性值">
</el-table-column>
<el-table-column
prop=""
header-align="center"
align="center"
min-width="100"
label="操作">
<template slot-scope="scope">
<a type="text" size="small" @click="updateChooseModal(scope.row)">修改</a>
<a type="text" size="small" @click="deleteItemAvailable(scope.row)">删除</a>
</template>
</el-table-column>
</el-table>
<el-footer style="height:40px;margin-top: 10px;text-align:center">
<el-button type="primary" @click="chooseModalFlag = false">关闭</el-button>
</el-footer>
</el-dialog>
<el-dialog title="可选值维护" :close-on-click-modal="false" v-drag :visible.sync="itemAddModalFlag" width="215px" >
<el-form :inline="true" label-position="top" style="margin-left: 22px;margin-top: -5px;" @submit.native.prevent>
<el-form-item :label="'可选值:'">
<el-input v-model="itemData.availableValue" :type="itemFlag" style="width: 130px;"></el-input>
</el-form-item>
</el-form>
<el-footer style="height:40px;margin-top: 20px;text-align:center">
<el-button type="primary" @click="saveItemAvailable()">保存</el-button>
<el-button type="primary" @click="itemAddModalFlag = false">关闭</el-button>
</el-footer>
</el-dialog>
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
</div>
</template>
<script>
import {
eamWorkPlanSearch,
eamWorkPlanSave,
eamWorkPlanEdit,
eamWorkPlanDelete,
searchPlanItems,
updatePlanItems,
searchPlanItemAvailable,
savePlanItemAvailable,
deletePlanItemAvailable,
createEamWorkOrder,
objectIDBlur,
modalCodeBlur,
getObjectList,
planOrder,
cancelPlan,
} from "@/api/eam/eam.js"
import Chooselist from '@/views/modules/common/Chooselist_eam'
export default {
components: {
Chooselist
},
watch: {
searchData: {
deep: true,
handler: function (newV, oldV) {
this.searchData.planID = this.searchData.planID.toUpperCase()
this.searchData.objectID = this.searchData.objectID.toUpperCase()
}
},
modalData: {
deep: true,
handler: function (newV, oldV) {
this.modalData.planID = this.modalData.planID.toUpperCase()
this.modalData.objectID = this.modalData.objectID.toUpperCase()
this.modalData.propertiesCode = this.modalData.propertiesCode.toUpperCase()
this.modalData.operator = this.modalData.operator.toUpperCase()
}
},
detailData: {
deep: true,
handler: function (newV, oldV) {
this.modalData.planID = this.modalData.planID.toUpperCase()
this.modalData.itemNo = this.modalData.itemNo.toUpperCase()
this.modalData.codeNo = this.modalData.codeNo.toUpperCase()
}
}
},
data () {
return {
tagNo:'',
searchData: {
site: this.$store.state.user.site,
planID: '',
planDesc: '',
objectID: '',
status: '',
startDate: new Date(),
endDate:'',
functionType:'B',
page: 1,
limit: 10,
},
pageIndex: 1,
pageSize: 100,
totalPage: 0,
height: 200,
dataList: [],
dataListLoading: false,
dataListSelections: [],
modalFlag:false,
modalDisableFlag:false,
modalData:{
objectList:[],
flag:'',
functionType:'B',
site: this.$store.state.user.site,
planID:'',
planDesc:'',
objectID:'',
propertiesCode:'',
propertiesDesc:'',
operator:'',
planPeriod:'',
status:'',
planStartDate:'',
planEndDate:'',
userId:'',
remark:'',
},
objectData:{
site: this.$store.state.user.site,
objectID:'',
objectDesc:'',
familyID:'',
},
objectList:[],
// 展示列集
columnList: [
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TableSite',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'site',
headerAlign: "center",
align: "left",
columnLabel: '工厂编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TablePlanID',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'planID',
headerAlign: "center",
align: "left",
columnLabel: '计划编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100,
},
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TablePlanDesc',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'planDesc',
headerAlign: "center",
align: "left",
columnLabel: '计划描述',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 140,
},
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TableObjectID',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'objectID',
headerAlign: "center",
align: "left",
columnLabel: '设备编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100,
},
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TablePropertiesCode',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'propertiesCode',
headerAlign: "center",
align: "left",
columnLabel: '维保模板编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100,
},
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TableStatus',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'status',
headerAlign: "center",
align: "left",
columnLabel: '状态',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 70,
},
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TablePlanStartDate',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'planStartDate',
headerAlign: "center",
align: "left",
columnLabel: '计划开始日期',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 140,
},
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TablePlanEndDate',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'planEndDate',
headerAlign: "center",
align: "left",
columnLabel: '计划结束日期',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 140,
},
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TableNextWorkDate',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'nextWorkDate',
headerAlign: "center",
align: "left",
columnLabel: '下次执行日期',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 140,
},
{
userId: this.$store.state.user.name,
functionId: 101013,
serialNumber: '101013TableOperator',
tableId: "101013Table",
tableName: "点检计划表",
columnProp: 'operator',
headerAlign: "center",
align: "left",
columnLabel: '计划操作员',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TablePlanPeriod',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'planPeriod',
headerAlign: "center",
align: "right",
columnLabel: '维保周期',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TableCreatedDate',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'createdDate',
headerAlign: "center",
align: "left",
columnLabel: '创建时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 140,
},
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TableCreatedBy',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'createdBy',
headerAlign: "center",
align: "left",
columnLabel: '创建人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80,
},
{
userId: this.$store.state.user.name,
functionId: 101017,
serialNumber: '101017TableRemark',
tableId: "101017Table",
tableName: "维保计划表",
columnProp: 'remark',
headerAlign: "center",
align: "left",
columnLabel: '备注',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 150,
},
],
//项目清单
addDetailModalFlag:false,
detailData:{
site:'',
planID:'',
codeNo:'',
codeDesc:'',
functionType:'B',
itemNo:'',
itemDesc:'',
itemType:'B',
userId:this.$store.state.user.name
},
detailModelFlag:false,
detailList: [],
columnDetailList: [
{
userId: this.$store.state.user.name,
functionId: 101009,
serialNumber: '101009Table2EamPropertiesItemID',
tableId: "101009Table2",
tableName: "维保项目表",
columnProp: 'itemNo',
headerAlign: "center",
align: "left",
columnLabel: '维保项目编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 90,
},
{
userId: this.$store.state.user.name,
functionId: 101009,
serialNumber: '101009Table2EamPropertiesItemDesc',
tableId: "101009Table2",
tableName: "维保项目表",
columnProp: 'itemDesc',
headerAlign: "center",
align: "left",
columnLabel: '维保项目名称',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 90,
},
{
userId: this.$store.state.user.name,
functionId: 101009,
serialNumber: '101009Table2EamPropertiesItemRemark',
tableId: "101009Table2",
tableName: "维保项目表",
columnProp: 'itemRemark',
headerAlign: "center",
align: "left",
columnLabel: '维保方法说明',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 101009,
serialNumber: '101009Table2ValueType',
tableId: "101009Table2",
tableName: "维保项目表",
columnProp: 'valueType',
headerAlign: "center",
align: "left",
columnLabel: '检测值类型',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 70,
},
{
userId: this.$store.state.user.name,
functionId: 101009,
serialNumber: '101009Table2DefaultValue',
tableId: "101009Table2",
tableName: "维保项目表",
columnProp: 'defaultValue',
headerAlign: "center",
align: "left",
columnLabel: '参照值',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 70,
},
{
userId: this.$store.state.user.name,
functionId: 101009,
serialNumber: '101009Table2MaxValue',
tableId: "101009Table2",
tableName: "维保项目表",
columnProp: 'maxValue',
headerAlign: "center",
align: "left",
columnLabel: '最大值',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 70,
},
{
userId: this.$store.state.user.name,
functionId: 101009,
serialNumber: '101009Table2MinValue',
tableId: "101009Table2",
tableName: "维保项目表",
columnProp: 'minValue',
headerAlign: "center",
align: "left",
columnLabel: '最小值',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 70,
},
{
userId: this.$store.state.user.name,
functionId: 101009,
serialNumber: '101009TableValueChooseFlag',
tableId: "101009Table",
tableName: "common",
columnProp: 'valueChooseFlag',
headerAlign: "center",
align: "left",
columnLabel: '是否值可选',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 70,
},
],
itemModalData:{
site:'',
planID:'',
flag:'',
itemNo:'',
itemDesc:'',
valueTypeDb:'',
defaultValue:'',
valueChooseFlag:'',
createdBy:this.$store.state.user.name,
maxValue:'',
minValue:'',
itemRemark:'',
itemType:'B',
},
itemModalFlag:false,
itemModalDisableFlag:false,
itemFlag:'text',
chooseModalFlag:false,
chooseModalData:{
site:'',
planID:'',
itemNo: '',
itemDesc: '',
itemType:'B',
valueTypeDb:'',
},
chooseTableData:[],
itemData:{
site:'',
planID:'',
itemNo:'',
valueNo:'',
availableValue:'',
itemType:'B',
createdBy: this.$store.state.user.name
},
itemAddModalFlag:false,
}
},
mounted () {
this.$nextTick(() => {
this.height = window.innerHeight - 210
})
},
created () {
this.getDataList()
},
methods: {
// 获取基础数据列表S
getBaseList (val,type) {
this.tagNo = val
this.$nextTick(() => {
let strVal = ''
if (val === 200 && this.modalDisableFlag!=true) {
strVal = this.modalData.objectID
this.$refs.baseList.init(val, strVal)
}
if (val === 1032) {
strVal = this.modalData.propertiesCode
this.$refs.baseList.init(val, strVal)
}
if (val === 201) {
strVal = this.modalData.operator
this.$refs.baseList.init(val, strVal)
}
if (val === 1027) {
strVal = this.objectData.familyID
this.$refs.baseList.init(val, strVal)
}
})
},
/* 列表方法的回调 */
getBaseData (val) {
if (this.tagNo === 200) {
this.modalData.objectID = val.ObjectID
this.modalData.objectDesc = val.ObjectDesc
}
if (this.tagNo === 1032) {
this.modalData.propertiesCode = val.Code_No
this.modalData.propertiesDesc = val.Code_Desc
}
if (this.tagNo === 201) {
this.modalData.operator = val.AdminID
}
if (this.tagNo === 1027) {
this.objectData.familyID = val.FamilyID
}
},
// 获取数据列表
getDataList () {
this.searchData.limit = this.pageSize
this.searchData.page = this.pageIndex
eamWorkPlanSearch(this.searchData).then(({data}) => {
if (data.code == 0) {
this.dataList = data.page.list
this.pageIndex = data.page.currPage
this.pageSize = data.page.pageSize
this.totalPage = data.page.totalCount
}
this.dataListLoading = false
})
},
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.getDataList()
},
// 多选
selectionChangeHandle (val) {
this.dataListSelections = val
},
addModal(){
this.modalData={
flag:'1',
objectList:[],
functionType:'B',
site: this.$store.state.user.site,
planID:'',
planDesc:'',
objectID:'',
objectDesc:'',
propertiesCode:'',
propertiesDesc:'',
operator:'',
planPeriod:'',
status:'',
planStartDate:'',
planEndDate:'',
userId:this.$store.state.user.name,
remark:'',
};
this.modalDisableFlag=false;
this.objectList=[];
this.modalFlag=true;
},
updateModal(row){
this.modalData={
flag:'2',
objectList:[],
functionType:'B',
site:row.site,
planID:row.planID,
planDesc:row.planDesc,
objectID:row.objectID,
objectDesc:row.objectID,
propertiesCode:row.propertiesCode,
propertiesDesc:row.codeDesc,
operator:row.operator,
planPeriod:row.planPeriod,
status:row.status,
planStartDate:row.planStartDate,
planEndDate:row.planEndDate,
userId:this.$store.state.user.name,
remark:row.remark,
};
this.modalDisableFlag=true;
this.modalFlag=true;
},
deletePlan (row) {
this.$confirm(`是否删除这个维保计划?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
eamWorkPlanDelete(row).then(({data}) => {
if (data && data.code ==0) {
this.getDataList()
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}).catch(() => {
})
},
saveData(){
if (this.modalData.planDesc == '' || this.modalData.planDesc == null) {
this.$alert('请输入计划描述 !', '错误', {
confirmButtonText: '确定'
})
return false
}
if (this.modalData.propertiesCode == '' || this.modalData.propertiesCode == null) {
this.$alert('请选择维保模板!', '错误', {
confirmButtonText: '确定'
})
return false
}
if (this.modalData.planPeriod == '' || this.modalData.planPeriod == null) {
this.$alert('选择维保周期!', '错误', {
confirmButtonText: '确定'
})
return false
}
if (this.modalData.planStartDate == '' || this.modalData.planStartDate == null) {
this.$alert('请选择开始日期!', '错误', {
confirmButtonText: '确定'
})
return false
}
if (this.modalData.planStartDate < this.dayjs().format("YYYY-MM-DD")) {
this.$alert('计划开始日期不能小于今天!', '错误', {
confirmButtonText: '确定'
})
return
}
if (this.modalData.planEndDate == '' || this.modalData.planEndDate == null) {
this.$alert('请选择结束日期!', '错误', {
confirmButtonText: '确定'
})
return false
}
if (this.modalData.planEndDate < this.dayjs().format("YYYY-MM-DD")) {
this.$alert('计划结束日期不能小于今天!', '错误', {
confirmButtonText: '确定'
})
return
}
if (this.modalData.planStartDate > this.modalData.planEndDate) {
this.$alert('计划开始日期不能小于结束日期!', '错误', {
confirmButtonText: '确定'
})
return
}
if(this.modalData.flag=='1'){
if(this.dataListSelections.length==0){
this.$alert('请勾选设备!', '错误', {
confirmButtonText: '确定'
})
return false
}
this.modalData.objectList=this.dataListSelections
eamWorkPlanSave(this.modalData).then(({data}) => {
if (data && data.code === 0) {
this.getDataList()
this.modalFlag=false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}else {
eamWorkPlanEdit(this.modalData).then(({data}) => {
if (data && data.code === 0) {
this.getDataList()
this.modalFlag=false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}
},
//----------项目清单----------------start
//打开项目清单
itemModal(row){
this.detailData.site=row.site
this.detailData.planID=row.planID
this.detailData.codeNo=row.propertiesCode
this.detailData.codeDesc=row.codeDesc
searchPlanItems(this.detailData).then(({data}) => {
this.detailList = data.rows
})
this.detailModelFlag=true;
},
updateItemModal(row){
this.itemModalData={
flag:'2',
site:row.site,
planID:row.planID,
itemNo:row.itemNo,
itemDesc:row.itemDesc,
valueTypeDb:row.valueTypeDb,
defaultValue:row.defaultValue,
valueChooseFlag:row.valueChooseFlag,
createdBy:this.$store.state.user.name,
maxValue:row.maxValue,
minValue:row.minValue,
itemRemark:row.itemRemark,
itemType:'B',
};
this.itemModalDisableFlag=true;
this.itemModalFlag=true;
},
itemSaveData(){
if (this.itemModalData.itemNo == '' || this.itemModalData.itemNo == null) {
this.$alert('请输入维保项目编码!', '错误', {
confirmButtonText: '确定'
})
return false
}
if (this.itemModalData.itemDesc == '' || this.itemModalData.itemDesc == null) {
this.$alert('请输入维保项目名称!', '错误', {
confirmButtonText: '确定'
})
return false
}
if(this.itemModalData.flag=='1'){
// eamPropertiesItemSave(this.itemModalData).then(({data}) => {
// if (data && data.code == '0') {
// searchPlanItems(this.detailData).then(({data}) => {
// this.detailList = data.rows
// })
// this.itemModalFlag=false
// this.$message({
// message: '操作成功',
// type: 'success',
// duration: 1500,
// onClose: () => {
// }
// })
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// })
}else {
updatePlanItems(this.itemModalData).then(({data}) => {
if (data && data.code == '0') {
searchPlanItems(this.detailData).then(({data}) => {
this.detailList = data.rows
})
this.itemModalFlag=false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}
},
//----------项目清单----------------end
//----------项目可选值----------------start
chooseModal(row){
this.chooseModalData.site=row.site;
this.chooseModalData.planID=row.planID;
this.chooseModalData.itemNo=row.itemNo;
this.chooseModalData.itemDesc=row.itemDesc;
this.chooseModalData.valueTypeDb=row.valueTypeDb;
searchPlanItemAvailable(this.chooseModalData).then(({data}) => {
this.chooseTableData = data.rows
})
this.chooseModalFlag=true;
},
addChooseModal(){
this.itemFlag= this.chooseModalData.valueTypeDb=='T'?'text':'number';
this.itemData={
site:this.chooseModalData.site,
planID:this.chooseModalData.planID,
itemNo:this.chooseModalData.itemNo,
valueNo:0,
availableValue:'',
itemType:'B',
createdBy: this.$store.state.user.name
}
this.itemAddModalFlag=true;
},
updateChooseModal(row){
this.itemFlag= this.chooseModalData.valueTypeDb=='T'?'text':'number';
this.itemData={
site:this.chooseModalData.site,
planID:this.chooseModalData.planID,
itemNo:this.chooseModalData.itemNo,
valueNo:row.valueNo,
availableValue:row.availableValue,
itemType:'B',
createdBy: this.$store.state.user.name
}
this.itemAddModalFlag=true;
},
saveItemAvailable(){
if(this.itemData.availableValue==''||this.itemData.availableValue==null){
this.$alert("请输入可选值!",'错误', {
confirmButtonText: '确定'
})
return false;
}
savePlanItemAvailable(this.itemData).then(({data}) => {
if (data && data.code == 0) {
searchPlanItemAvailable(this.chooseModalData).then(({data}) => {
this.chooseTableData = data.rows
})
this.itemAddModalFlag=false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
},
deleteItemAvailable(row){
this.$confirm(`是否删除这个可选值?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deletePlanItemAvailable(row).then(({data}) => {
if (data && data.code === 0) {
searchPlanItemAvailable(this.chooseModalData).then(({data}) => {
this.chooseTableData = data.rows
})
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}).catch(() => {
})
},
//----------项目可选值----------------end
createOrder(row){
if(row.planStartDate < this.dayjs().format("YYYY-MM-DD")){
this.$alert('计划开始日期小于今天!请修改开始日期', '错误', {
confirmButtonText: '确定'
})
return false
}
row.userId=this.$store.state.user.name
this.$confirm(`是创建日期为`+row.planStartDate+`的维保工单?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
createEamWorkOrder(row).then(({data}) => {
if (data && data.code ==0) {
this.getDataList()
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}).catch(() => {
})
},
objectIDBlur(){
let inData={
site:this.$store.state.user.site,
objectID:this.modalData.objectID
}
objectIDBlur(inData).then(({data}) => {
if(data.rows.length>0){
this.modalData.objectDesc=data.rows[0].objectDesc
}else {
this.modalData.objectDesc=''
}
})
},
modalCodeBlur(){
let inData={
functionType:'B',
codeNo:this.modalData.propertiesCode
}
modalCodeBlur(inData).then(({data}) => {
if(data.rows.length>0){
this.modalData.propertiesDesc=data.rows[0].codeDesc
}else {
this.modalData.propertiesDesc=''
}
})
},
getObjectList(){
getObjectList(this.objectData).then(({data}) => {
this.objectList = data.rows
})
},
planOrder(row){
row.userId=this.$store.state.user.name;
this.$confirm(`是否把进行中的计划变为已计划并取消未完成的工单?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
planOrder(row).then(({data}) => {
if (data && data.code === 0) {
this.getDataList()
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}).catch(() => {
})
},
cancelPlan(row){
row.userId=this.$store.state.user.name;
this.$confirm(`是否取消计划?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
cancelPlan(row).then(({data}) => {
if (data && data.code === 0) {
this.getDataList()
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}).catch(() => {
})
},
}
}
</script>
<style scoped>
</style>