Yangwl
/
LanJu_UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

设备模块-报修-1（检查项图片X）

Browse Source
master
A0010407 1 year ago
parent fdd4824d69
commit 21a3a77672
4 changed files with 421 additions and 259 deletions
Show Stats Download Patch File Download Diff File

300
src/views/device/faultReport/index.vue
Unescape Escape View File

@ -54,9 +54,9 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="报修人编号" prop="orderRepairman"> <el-form-item label="报修人编号" prop="orderRepairmanCode">
<el-input <el-input
v-model="queryParams.orderRepairman" v-model="queryParams.orderRepairmanCode"
placeholder="请输入报修人编号" placeholder="请输入报修人编号"
style="width: 200px" style="width: 200px"
clearable clearable
@ -171,6 +171,15 @@
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<!-- 序号 -->
<el-table-column
type="index"
width="90"
align="center"
:index="indexMethod"
label="序号"
fixed
/>
<el-table-column <el-table-column
label="报修单号" label="报修单号"
align="center" align="center"
@ -309,61 +318,67 @@
<el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-tabs type="border-card"> <el-tabs type="border-card">
<el-tab-pane label="基本信息"> <el-tab-pane label="基本信息">
<el-descriptions :column="3" border> <el-descriptions :column="3" border>
<el-descriptions-item label="设备编码">{{ <el-descriptions-item label="设备编码">{{
form.equipmentCode form.equipmentCode
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="故障时间">{{ <el-descriptions-item label="故障时间">{{
form.orderBreakdownTime form.orderBreakdownTime
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="报修来源">{{ <el-descriptions-item label="报修来源">{{
form.orderSource form.orderSource
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="报修时间">{{ <el-descriptions-item label="报修时间">{{
form.orderTime form.orderTime
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="报修人名字">{{ <el-descriptions-item label="报修人名字">{{
form.orderRepairmanName form.orderRepairmanName
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="联系方式">{{ <el-descriptions-item label="联系方式">{{
form.orderConnection form.orderConnection
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="故障描述">{{ <el-descriptions-item label="故障描述">{{
form.orderDesc form.orderDesc
}}</el-descriptions-item> }}</el-descriptions-item>
</el-descriptions> </el-descriptions>
<el-descriptions :column="1" border> <el-descriptions :column="1" border>
<el-descriptions-item label="故障图片"> <el-descriptions-item label="故障图片">
<el-image <el-image
v-for="(item, index) in urlLists" v-for="(item, index) in urlLists"
:key="index" :key="index"
:src="item" :src="item"
></el-image ></el-image
></el-descriptions-item> ></el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="检查项信息"> <el-tab-pane label="检查项信息">
<el-table :data="checkList" border style="width: 100%"> <el-table :data="checkList" border style="width: 100%">
<el-table-column prop="itemName" label="检查项名称" width="150"> <el-table-column prop="itemName" label="检查项名称" width="200">
</el-table-column> </el-table-column>
<el-table-column prop="standardName" label="标准名称" width="180"> <el-table-column prop="itemMethod" label="检查项方法" width="200">
</el-table-column> </el-table-column>
<el-table-column prop="standardType" label="标准类型" width="100"> <el-table-column prop="standardName" label="标准名称" width="180">
</el-table-column> </el-table-column>
<el-table-column prop="detailReach" label="是否达标" width="50"> <el-table-column prop="standardType" label="标准类型" width="100">
</el-table-column> </el-table-column>
<el-table-column prop="actualValue" label="实际值" width="50"> <el-table-column prop="detailReach" label="是否达标" width="50">
</el-table-column> <template slot-scope="scope">
<el-table-column prop="detailUpLimit" label="上限" width="50"> <dict-tag
</el-table-column> :options="dict.type.device_reach_standard"
<el-table-column prop="detailDownLimit" label="下限" width="50"> :value="scope.row.detailReach"
</el-table-column> />
<el-table-column prop="detailUnit" label="单位" width="50"> </template>
</el-table-column> </el-table-column>
<el-table-column prop="detailUnit" label="故障图片"> <el-table-column prop="actualValue" label="实际值" width="50">
</el-table-column> </el-table-column>
</el-table> <el-table-column prop="detailUpLimit" label="上限" width="50">
</el-tab-pane> </el-table-column>
<el-table-column prop="detailDownLimit" label="下限" width="50">
</el-table-column>
<el-table-column prop="detailUnit" label="单位" width="45">
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="审核"> <el-tab-pane label="审核">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
@ -372,7 +387,7 @@
<el-radio label="计划性维修">计划性维修</el-radio> <el-radio label="计划性维修">计划性维修</el-radio>
<el-radio label="不维修">不维修</el-radio> <el-radio label="不维修">不维修</el-radio>
<el-radio label="委外维修">委外维修</el-radio> <el-radio label="委外维修">委外维修</el-radio>
<el-radio label="立即维修" @click.native ="timeBackFilling" <el-radio label="立即维修" @click.native="timeBackFilling"
>立即维修</el-radio >立即维修</el-radio
> >
</el-radio-group> </el-radio-group>
@ -382,21 +397,21 @@
<el-row> <el-row>
<el-col :span="8" v-if="form.repairDestination == '计划性维修'"> <el-col :span="8" v-if="form.repairDestination == '计划性维修'">
<el-form-item prop="workTeam" label="维修组"> <el-form-item prop="workTeam" label="维修组">
<el-select <el-select
v-model="form.workTeam" v-model="form.workTeam"
placeholder="请选择维修组" placeholder="请选择维修组"
@change="$forceUpdate()" @change="$forceUpdate()"
clearable clearable
filterable filterable
style="width: 200px" style="width: 200px"
> >
<el-option <el-option
v-for="item in teamOption" v-for="item in teamOption"
:key="item.teamCode" :key="item.teamCode"
:label="item.teamName" :label="item.teamName"
:value="item.teamCode" :value="item.teamCode"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8" v-if="form.repairDestination == '计划性维修'"> <el-col :span="8" v-if="form.repairDestination == '计划性维修'">
@ -461,21 +476,21 @@
<el-row> <el-row>
<el-col :span="8" v-if="form.repairDestination == '立即维修'"> <el-col :span="8" v-if="form.repairDestination == '立即维修'">
<el-form-item prop="workTeam" label="维修组"> <el-form-item prop="workTeam" label="维修组">
<el-select <el-select
v-model="form.workTeam" v-model="form.workTeam"
placeholder="请选择维修组" placeholder="请选择维修组"
@change="$forceUpdate()" @change="$forceUpdate()"
clearable clearable
filterable filterable
style="width: 200px" style="width: 200px"
> >
<el-option <el-option
v-for="item in teamOption" v-for="item in teamOption"
:key="item.teamCode" :key="item.teamCode"
:label="item.teamName" :label="item.teamName"
:value="item.teamCode" :value="item.teamCode"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8" v-if="form.repairDestination == '立即维修'"> <el-col :span="8" v-if="form.repairDestination == '立即维修'">
@ -641,7 +656,7 @@
</el-descriptions> </el-descriptions>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="报修信息审核结果"> <el-tab-pane label="报修审核结果">
<el-descriptions <el-descriptions
:column="2" :column="2"
border border
@ -657,7 +672,7 @@
form.workPlanTime form.workPlanTime
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="是否停机维修">{{ <el-descriptions-item label="是否停机维修">{{
form.workDownMachine form.workDownMachine ? "是" : "否"
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="计划停机时间">{{ <el-descriptions-item label="计划停机时间">{{
form.workPlanDownTime form.workPlanDownTime
@ -679,7 +694,7 @@
form.workPlanTime form.workPlanTime
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="是否停机维修">{{ <el-descriptions-item label="是否停机维修">{{
form.workDownMachine form.workDownMachine ? "是" : "否"
}}</el-descriptions-item> }}</el-descriptions-item>
<el-descriptions-item label="计划停机时间">{{ <el-descriptions-item label="计划停机时间">{{
form.workPlanDownTime form.workPlanDownTime
@ -714,24 +729,34 @@
form.workConnection form.workConnection
}}</el-descriptions-item> }}</el-descriptions-item>
</el-descriptions> </el-descriptions>
<el-descriptions :column="2" <el-descriptions
border :column="2"
v-if="form.repairDestination == '委外维修'"> border
<el-descriptions-item label="委外原因">{{ v-if="form.repairDestination == '委外维修'"
form.outSourceReason >
}}</el-descriptions-item> <el-descriptions-item label="委外原因">{{
</el-descriptions> form.outSourceReason
}}</el-descriptions-item>
</el-descriptions>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="检查项信息"> <el-tab-pane label="检查项信息">
<el-table :data="checkList" border style="width: 100%"> <el-table :data="checkList" border style="width: 100%">
<el-table-column prop="itemName" label="检查项名称" width="150"> <el-table-column prop="itemName" label="检查项名称" width="200">
</el-table-column>
<el-table-column prop="itemMethod" label="检查项方法" width="200">
</el-table-column> </el-table-column>
<el-table-column prop="standardName" label="标准名称" width="180"> <el-table-column prop="standardName" label="标准名称" width="180">
</el-table-column> </el-table-column>
<el-table-column prop="standardType" label="标准类型" width="100"> <el-table-column prop="standardType" label="标准类型" width="100">
</el-table-column> </el-table-column>
<el-table-column prop="detailReach" label="是否达标" width="50"> <el-table-column prop="detailReach" label="是否达标" width="50">
<template slot-scope="scope">
<dict-tag
:options="dict.type.device_reach_standard"
:value="scope.row.detailReach"
/>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="actualValue" label="实际值" width="50"> <el-table-column prop="actualValue" label="实际值" width="50">
</el-table-column> </el-table-column>
@ -739,9 +764,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="detailDownLimit" label="下限" width="50"> <el-table-column prop="detailDownLimit" label="下限" width="50">
</el-table-column> </el-table-column>
<el-table-column prop="detailUnit" label="单位" width="50"> <el-table-column prop="detailUnit" label="单位" width="45">
</el-table-column>
<el-table-column prop="detailUnit" label="故障图片">
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-tab-pane> </el-tab-pane>
@ -930,13 +953,21 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="检查项信息"> <el-tab-pane label="检查项信息">
<el-table :data="checkList" border style="width: 100%"> <el-table :data="checkList" border style="width: 100%">
<el-table-column prop="itemName" label="检查项名称" width="150"> <el-table-column prop="itemName" label="检查项名称" width="200">
</el-table-column>
<el-table-column prop="itemMethod" label="检查项方法" width="200">
</el-table-column> </el-table-column>
<el-table-column prop="standardName" label="标准名称" width="180"> <el-table-column prop="standardName" label="标准名称" width="180">
</el-table-column> </el-table-column>
<el-table-column prop="standardType" label="标准类型" width="100"> <el-table-column prop="standardType" label="标准类型" width="100">
</el-table-column> </el-table-column>
<el-table-column prop="detailReach" label="是否达标" width="50"> <el-table-column prop="detailReach" label="是否达标" width="50">
<template slot-scope="scope">
<dict-tag
:options="dict.type.device_reach_standard"
:value="scope.row.detailReach"
/>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="actualValue" label="实际值" width="50"> <el-table-column prop="actualValue" label="实际值" width="50">
</el-table-column> </el-table-column>
@ -944,16 +975,14 @@
</el-table-column> </el-table-column>
<el-table-column prop="detailDownLimit" label="下限" width="50"> <el-table-column prop="detailDownLimit" label="下限" width="50">
</el-table-column> </el-table-column>
<el-table-column prop="detailUnit" label="单位" width="50"> <el-table-column prop="detailUnit" label="单位" width="45">
</el-table-column>
<el-table-column prop="detailUnit" label="故障图片">
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button> <el-button @click="cancelView">返 回</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
@ -977,7 +1006,7 @@ import { getMaintenanceTeamList } from "@/api/device/equTeam";
export default { export default {
name: "FaultReport", name: "FaultReport",
components: { ItemSelect, ItemSelectPerson }, components: { ItemSelect, ItemSelectPerson },
dicts: ["device_order_source"], dicts: ["device_order_source", "device_reach_standard"],
data() { data() {
return { return {
//选择设备维修班组 //选择设备维修班组
@ -1127,25 +1156,36 @@ export default {
this.getList(); this.getList();
}, },
methods: { methods: {
// 生成表头序号
indexMethod(index) {
return index + 1;
},
timeBackFilling() { timeBackFilling() {
var getTime = new Date().getTime(); //获取到当前时间戳 var getTime = new Date().getTime(); //获取到当前时间戳
var time = new Date(getTime); //创建一个日期对象 var time = new Date(getTime); //创建一个日期对象
function nowDate(time) { function nowDate(time) {
var year = time.getFullYear(); // 年 var year = time.getFullYear(); // 年
var month = (time.getMonth() + 1).toString().padStart(2, '0'); // 月 var month = (time.getMonth() + 1).toString().padStart(2, "0"); // 月
var date = time.getDate().toString().padStart(2, '0'); // 日 var date = time.getDate().toString().padStart(2, "0"); // 日
var hour = time.getHours().toString().padStart(2, '0'); // 时 var hour = time.getHours().toString().padStart(2, "0"); // 时
var minute = time.getMinutes().toString().padStart(2, '0'); // 分 var minute = time.getMinutes().toString().padStart(2, "0"); // 分
var second = time.getSeconds().toString().padStart(2, '0'); // 秒 var second = time.getSeconds().toString().padStart(2, "0"); // 秒
return ( return (
year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second year +
) "-" +
} month +
console.log(time); "-" +
console.log(nowDate(time)); date +
" " +
hour +
":" +
minute +
":" +
second
);
}
console.log(time);
console.log(nowDate(time));
this.form.workPlanTime = nowDate(time); this.form.workPlanTime = nowDate(time);
}, },
//设备选择 //设备选择
@ -1158,7 +1198,6 @@ var getTime = new Date().getTime(); //获取到当前时间戳
}, },
//人员选择 //人员选择
onItemSelectedPerson(obj) { onItemSelectedPerson(obj) {
console.log("111111111111", obj);
this.form.orderRepairmanCode = obj[0].userName; this.form.orderRepairmanCode = obj[0].userName;
this.form.orderRepairmanName = obj[0].nickName; this.form.orderRepairmanName = obj[0].nickName;
}, },
@ -1180,6 +1219,10 @@ var getTime = new Date().getTime(); //获取到当前时间戳
this.open = false; this.open = false;
this.reset(); this.reset();
}, },
// 取消按钮
cancelView() {
this.openView = false;
},
// 审核返回按钮 // 审核返回按钮
cancelCheckForm() { cancelCheckForm() {
this.viewCheck = false; this.viewCheck = false;
@ -1219,6 +1262,8 @@ var getTime = new Date().getTime(); //获取到当前时间戳
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.queryParams.orderBreakdownTimeArray = null;
this.queryParams.orderTimeArray = null;
this.resetForm("queryForm"); this.resetForm("queryForm");
this.handleQuery(); this.handleQuery();
}, },
@ -1285,6 +1330,7 @@ var getTime = new Date().getTime(); //获取到当前时间戳
item1.standardList.forEach((item) => { item1.standardList.forEach((item) => {
var standard = {}; var standard = {};
standard.itemName = item1.itemName; standard.itemName = item1.itemName;
standard.itemMethod = item1.itemMethod;
standard.standardName = item.standardName; standard.standardName = item.standardName;
standard.detailUpLimit = item.detailUpLimit; standard.detailUpLimit = item.detailUpLimit;
standard.detailDownLimit = item.detailDownLimit; standard.detailDownLimit = item.detailDownLimit;

203
src/views/device/faultReport/selectSingleEquipment.vue
Unescape Escape View File

@ -1,8 +1,9 @@
<template> <template>
<el-dialog title="设备选择" <el-dialog
title="设备选择"
v-if="showFlag" v-if="showFlag"
:visible.sync="showFlag" :visible.sync="showFlag"
:modal= false :modal="false"
width="1100px" width="1100px"
center center
:before-close="cancelEquipmentForm" :before-close="cancelEquipmentForm"
@ -10,26 +11,33 @@
<el-row :gutter="20"> <el-row :gutter="20">
<!--分类数据--> <!--分类数据-->
<el-col :span="5" :xs="24"> <el-col :span="5" :xs="24">
<el-card > <el-card>
<span>请选择设备类型：</span> <span>请选择设备类型：</span>
<div class="head-container" style="text-align: center"> <div class="head-container" style="text-align: center">
<el-tree <el-tree
:data="treeData1" :data="treeData1"
:props = "{id:'equipmentTypeCode',label:'equipmentTypeName'}" :props="{ id: 'equipmentTypeCode', label: 'equipmentTypeName' }"
node-key="id" node-key="id"
:expand-on-click-node="false" :expand-on-click-node="false"
:filter-node-method="filterNode" :filter-node-method="filterNode"
ref="tree" ref="tree"
default-expand-all default-expand-all
@node-click="handleNodeClick" @node-click="handleNodeClick"
/> />
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
<!--设备数据--> <!--设备数据-->
<el-col :span="19" :xs="24"> <el-col :span="19" :xs="24">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="设备编码" prop="itemCode"> <el-form-item label="设备编码" prop="itemCode">
<el-input <el-input
v-model="queryParams.itemCode" v-model="queryParams.itemCode"
@ -49,23 +57,61 @@
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table v-loading="loading" :data="itemList" @selection-change="handleEquipmentSelectionChange" ref="myTable"> <el-table
v-loading="loading"
:data="itemList"
@selection-change="handleEquipmentSelectionChange"
ref="myTable"
>
<el-table-column width="50" align="center" type="selection"> <el-table-column width="50" align="center" type="selection">
<!-- <template v-slot="scope"> <!-- <template v-slot="scope">
<el-radio v-model="selectedItemId" :label="scope.row.itemId" @change="handleRowChange(scope.row)">{{""}}</el-radio> <el-radio v-model="selectedItemId" :label="scope.row.itemId" @change="handleRowChange(scope.row)">{{""}}</el-radio>
</template> --> </template> -->
</el-table-column> </el-table-column>
<!-- 序号 --> <!-- 序号 -->
<el-table-column type="index" width="90" align="center" :index="indexMethod" label="序号"></el-table-column> <el-table-column
<el-table-column label="设备编码" align="center" key="itemCode" prop="equipmentCode" v-if="columns[0].visible" > type="index"
width="90"
align="center"
:index="indexMethod"
label="序号"
></el-table-column>
<el-table-column
label="设备编码"
align="center"
key="itemCode"
prop="equipmentCode"
v-if="columns[0].visible"
>
</el-table-column> </el-table-column>
<el-table-column label="设备类型编码" align="center" key="itemTypeCode" prop="equipmentTypeCode" v-if="columns[2].visible" > <el-table-column
label="设备类型编码"
align="center"
key="itemTypeCode"
prop="equipmentTypeCode"
v-if="columns[2].visible"
>
</el-table-column> </el-table-column>
<el-table-column label="设备名称" align="left" key="itemName" prop="equipmentName" v-if="columns[1].visible" :show-overflow-tooltip="true" /> <el-table-column
label="设备名称"
align="left"
key="itemName"
prop="equipmentName"
v-if="columns[1].visible"
:show-overflow-tooltip="true"
/>
</el-table> </el-table>
<pagination <pagination
@ -78,24 +124,27 @@
</el-col> </el-col>
</el-row> </el-row>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitEquipmentForm">确 定</el-button> <el-button type="primary" @click="submitEquipmentForm">确 定</el-button>
<el-button @click="cancelEquipmentForm">取 消</el-button> <el-button @click="cancelEquipmentForm">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import { getEquipmentList,getEquipmentTypeList} from "@/api/device/faultReport"; import {
getEquipmentList,
getEquipmentTypeList,
} from "@/api/device/faultReport";
import { treeselect } from "@/api/wms/equipment"; import { treeselect } from "@/api/wms/equipment";
import { Message } from 'element-ui' import { Message } from "element-ui";
export default { export default {
name: "MdItemSingle", name: "MdItemSingle",
// components: { Treeselect }, // components: { Treeselect },
data() { data() {
return { return {
treeData1:[], treeData1: [],
showFlag:false, showFlag: false,
// 选中数组 // 选中数组
selectedItemId: undefined, selectedItemId: undefined,
selectedRows: undefined, selectedRows: undefined,
@ -106,7 +155,7 @@ export default {
// 显示搜索条件 // 显示搜索条件
showSearch: true, showSearch: true,
// 总条数 // 总条数
total:0, total: 0,
// 设备产品表格数据 // 设备产品表格数据
itemList: null, itemList: null,
// 树选项 // 树选项
@ -117,18 +166,20 @@ export default {
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
itemName: undefined, itemName: null,
equipmentTypeCode: undefined, equipmentTypeCode: null,
itemTypeId: 0, itemTypeId: 0,
itemCodeGet: '', itemCodeGet: "",
itemCode : undefined, itemCode: null,
equipmentCode: null,
equipmentName: null,
}, },
// 列信息 // 列信息
columns: [ columns: [
{ key: 0, label: `设备编码`, visible: true }, { key: 0, label: `设备编码`, visible: true },
{ key: 1, label: `设备名称`, visible: true }, { key: 1, label: `设备名称`, visible: true },
{ key: 2, label: `设备类型`, visible: true }, { key: 2, label: `设备类型`, visible: true },
] ],
}; };
}, },
created() { created() {
@ -147,29 +198,30 @@ export default {
this.resetForm("form"); this.resetForm("form");
}, },
handleEquipmentSelectionChange (val) { handleEquipmentSelectionChange(val) {
this.itemList = val this.itemList = val;
}, },
// 生成表头序号 // 生成表头序号
indexMethod(index){ indexMethod(index) {
return index+1 ; return index + 1;
}, },
/** 查询设备编码列表*/ /** 查询设备编码列表*/
getList() { getList() {
this.loading = true; this.loading = true;
getEquipmentList(this.queryParams).then(response => { this.queryParams.equipmentCode = this.queryParams.itemCode;
this.itemList = response.rows; this.queryParams.equipmentName = this.queryParams.itemName;
this.total = response.total; getEquipmentList(this.queryParams).then((response) => {
this.loading = false; this.itemList = response.rows;
} this.total = response.total;
); this.loading = false;
});
}, },
/** 查询分类下拉树结构 */ /** 查询分类下拉树结构 */
getEquipmentType() { getEquipmentType() {
getEquipmentTypeList().then(response => { getEquipmentTypeList().then((response) => {
console.log(response.rows); console.log(response.rows);
this.treeData1 = response.rows; this.treeData1 = response.rows;
console.log(this.treeData1); console.log(this.treeData1);
@ -185,7 +237,7 @@ export default {
// 节点单击事件 // 节点单击事件
handleNodeClick(data) { handleNodeClick(data) {
console.log('id',data.id); console.log("id", data.id);
this.queryParams.equipmentTypeCode = data.equipmentTypeCode; this.queryParams.equipmentTypeCode = data.equipmentTypeCode;
console.log(this.equipmentTypeCode); console.log(this.equipmentTypeCode);
this.handleQuery(); this.handleQuery();
@ -204,43 +256,42 @@ export default {
this.handleQuery(); this.handleQuery();
}, },
// 多选框选中数据 // 多选框选中数据
handleEquipmentSelectionChange(selection) { handleEquipmentSelectionChange(selection) {
this.ids = selection.map(item => item.equipmentCode); this.ids = selection.map((item) => item.equipmentCode);
this.single = selection.length!==1; this.single = selection.length !== 1;
this.multiple = !selection.length; this.multiple = !selection.length;
console.log("多选框",this.ids); console.log("多选框", this.ids);
}, },
submitEquipmentForm() { submitEquipmentForm() {
const data = this.ids; const data = this.ids;
if(data.length >1){ if (data.length > 1) {
Message.warning("只能选择一个报修机器,请勿选择多个！"); Message.warning("只能选择一个报修机器,请勿选择多个！");
}else{ } else {
const equipmentCode = data.toString(); const equipmentCode = data.toString();
if(this.queryParams.itemCodeGet == ""){ if (this.queryParams.itemCodeGet == "") {
this.queryParams.itemCodeGet = equipmentCode; this.queryParams.itemCodeGet = equipmentCode;
}else{ } else {
this.queryParams.itemCodeGet = this.queryParams.itemCodeGet + ','+ equipmentCode; this.queryParams.itemCodeGet =
this.queryParams.itemCodeGet + "," + equipmentCode;
} }
this.selectedRows = this.queryParams.itemCodeGet; this.selectedRows = this.queryParams.itemCodeGet;
this.$emit('onSelected', this.selectedRows); this.$emit("onSelected", this.selectedRows);
this.queryParams.equipmentTypeCode = null; this.queryParams.equipmentTypeCode = null;
this.getList();
console.log('111111',this.queryParams.equipmentTypeCode);
this.showFlag = false;
this.queryParams.itemCodeGet = "";
}
},
cancelEquipmentForm(){
this.queryParams.equipmentTypeCode = null;
this.getList(); this.getList();
console.log('111111',this.queryParams.equipmentTypeCode); console.log("111111", this.queryParams.equipmentTypeCode);
this.showFlag = false; this.showFlag = false;
} this.queryParams.itemCodeGet = "";
}
},
} cancelEquipmentForm() {
this.queryParams.equipmentTypeCode = null;
this.getList();
console.log("111111", this.queryParams.equipmentTypeCode);
this.showFlag = false;
},
},
}; };
</script> </script>

165
src/views/device/faultReport/selectSinglePerson.vue
Unescape Escape View File

@ -1,8 +1,9 @@
<template> <template>
<el-dialog title="人员选择" <el-dialog
title="人员选择"
v-if="showFlag" v-if="showFlag"
:visible.sync="showFlag" :visible.sync="showFlag"
:modal= false :modal="false"
width="800px" width="800px"
center center
:before-close="cancel" :before-close="cancel"
@ -10,7 +11,14 @@
<el-row :gutter="20"> <el-row :gutter="20">
<!--人员数据--> <!--人员数据-->
<el-col :span="24"> <el-col :span="24">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="人员编码" prop="itemCode"> <el-form-item label="人员编码" prop="itemCode">
<el-input <el-input
v-model="queryParams.itemCode" v-model="queryParams.itemCode"
@ -30,17 +38,53 @@
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table v-loading="loading" :data="itemList" @selection-change="handleSelectionChange" ref="multipleTable"> <el-table
<el-table-column width="50" align="center" type="selection"></el-table-column> v-loading="loading"
:data="itemList"
@selection-change="handleSelectionChange"
ref="multipleTable"
>
<el-table-column
width="50"
align="center"
type="selection"
></el-table-column>
<!-- 序号 --> <!-- 序号 -->
<el-table-column type="index" width="90" align="center" :index="indexMethod" label="序号"></el-table-column> <el-table-column
<el-table-column label="人员编码" align="center" key="itemCode" prop="userName" v-if="columns[0].visible" > type="index"
width="90"
align="center"
:index="indexMethod"
label="序号"
></el-table-column>
<el-table-column
label="人员编码"
align="center"
key="itemCode"
prop="userName"
v-if="columns[0].visible"
>
</el-table-column> </el-table-column>
<el-table-column label="人员名称" align="left" key="itemName" prop="nickName" v-if="columns[1].visible" :show-overflow-tooltip="true" /> <el-table-column
label="人员名称"
align="left"
key="itemName"
prop="nickName"
v-if="columns[1].visible"
:show-overflow-tooltip="true"
/>
</el-table> </el-table>
<pagination <pagination
@ -53,22 +97,24 @@
</el-col> </el-col>
</el-row> </el-row>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" :disabled="multiple">确 定</el-button> <el-button type="primary" @click="submitForm" :disabled="multiple"
<el-button @click="cancel">取 消</el-button> >确 定</el-button
>
<el-button @click="cancel">返 回</el-button>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import { getRepairPersonList} from "@/api/device/faultReport"; import { getRepairPersonList } from "@/api/device/faultReport";
import { Message } from 'element-ui' import { Message } from "element-ui";
export default { export default {
name: "MdItemSingle", name: "MdItemSingle",
data() { data() {
return { return {
treeData1:[], treeData1: [],
showFlag:false, showFlag: false,
// 选中数组 // 选中数组
selectedItemId: undefined, selectedItemId: undefined,
selectedRows: undefined, selectedRows: undefined,
@ -79,22 +125,24 @@ export default {
// 显示搜索条件 // 显示搜索条件
showSearch: true, showSearch: true,
// 总条数 // 总条数
total:0, total: 0,
// 人员表格数据 // 人员表格数据
itemList: null, itemList: null,
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
itemName: undefined, itemName: null,
itemCodeGet: '', itemCodeGet: "",
itemCode : undefined, itemCode: null,
nickName: null,
userName: null,
}, },
// 列信息 // 列信息
columns: [ columns: [
{ key: 0, label: `人员编码`, visible: true }, { key: 0, label: `人员编码`, visible: true },
{ key: 1, label: `人员名称`, visible: true }, { key: 1, label: `人员名称`, visible: true },
] ],
}; };
}, },
created() { created() {
@ -102,35 +150,40 @@ export default {
}, },
methods: { methods: {
// 表单重置 // 取消按钮
reset() { cancel() {
this.form = { this.showFlag = false;
itemId: null, this.reset();
itemCode: this.processId, },
itemType: null, // 表单重置
}; reset() {
this.resetForm("form"); this.form = {
}, itemId: null,
itemCode: this.processId,
itemType: null,
};
this.resetForm("form");
},
handleSelectionChange (val) { handleSelectionChange(val) {
this.itemList = val; this.itemList = val;
}, },
// 生成表头序号 // 生成表头序号
indexMethod(index){ indexMethod(index) {
return index+1 ; return index + 1;
}, },
//
/** 查询设备编码列表*/ /** 查询设备编码列表*/
getList() { getList() {
this.loading = true; this.loading = true;
getRepairPersonList(this.queryParams).then(response => { this.queryParams.userName = this.queryParams.itemCode;
this.itemList = response.rows; this.queryParams.nickName = this.queryParams.itemName;
this.total = response.total; getRepairPersonList(this.queryParams).then((response) => {
this.loading = false; this.itemList = response.rows;
} this.total = response.total;
); this.loading = false;
});
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */
@ -147,22 +200,22 @@ export default {
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.userId); this.ids = selection.map((item) => item.userId);
this.userCodes = selection.map(item => item.userName); this.userCodes = selection.map((item) => item.userName);
this.single = selection.length!==1; this.single = selection.length !== 1;
this.multiple = !selection.length; this.multiple = !selection.length;
}, },
submitForm() { submitForm() {
if(this.$refs.multipleTable.selection.length > 1){ if (this.$refs.multipleTable.selection.length > 1) {
Message.warning("只能选择一个报修人,请勿选择多个！"); Message.warning("只能选择一个报修人,请勿选择多个！");
}else{ } else {
this.$emit('onSelected', this.$refs.multipleTable.selection); this.$emit("onSelected", this.$refs.multipleTable.selection);
this.showFlag = false; this.showFlag = false;
this.getList(); this.getList();
} }
} },
} },
}; };
</script> </script>

12
src/views/device/repairOrder/index.vue
Unescape Escape View File

@ -248,6 +248,15 @@
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<!-- 序号 -->
<el-table-column
type="index"
width="90"
align="center"
:index="indexMethod"
label="序号"
fixed
/>
<el-table-column <el-table-column
label="维修单号" label="维修单号"
align="center" align="center"
@ -825,6 +834,9 @@
<el-table-column prop="standardType" label="标准类型" width="100"> <el-table-column prop="standardType" label="标准类型" width="100">
</el-table-column> </el-table-column>
<el-table-column prop="detailReach" label="是否达标" width="50"> <el-table-column prop="detailReach" label="是否达标" width="50">
<template slot-scope="scope">
{{ scope.row.detailReach == "1" ? "达标" : "不达标" }}
</template>
</el-table-column> </el-table-column>
<el-table-column prop="actualValue" label="实际值" width="50"> <el-table-column prop="actualValue" label="实际值" width="50">
</el-table-column> </el-table-column>

Write Preview
Loading…
Cancel
Save