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

设备管理-检查项维护V2(关联设备)

Browse Source
master
wws 11 months ago
parent 79d9409097
commit 0acdfa4f57
3 changed files with 204 additions and 101 deletions
Show Stats Download Patch File Download Diff File

16
src/api/device/item.js
Unescape Escape View File

@ -1,5 +1,21 @@
import request from '@/utils/request'
// 查询检查项维护详细
export function getEquipmentCodeList(itemCode) {
return request({
url: '/device/item/getEquipmentCodeList/' + itemCode,
method: 'get'
});
}
// 查询检查项维护详细
export function getEquipmentList() {
return request({
url: '/device/item/getEquipmentList',
method: 'get'
});
}
// 查询检查项维护列表
export function listItem(query) {
return request({

287
src/views/device/item/index.vue
Unescape Escape View File

@ -178,17 +178,17 @@
>删除
</el-button>
</el-col>
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="warning"-->
<!-- plain-->
<!-- icon="el-icon-download"-->
<!-- size="mini"-->
<!-- @click="handleExport"-->
<!-- v-hasPermi="['device:item:export']"-->
<!-- >导出-->
<!-- </el-button>-->
<!-- </el-col>-->
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="warning"-->
<!-- plain-->
<!-- icon="el-icon-download"-->
<!-- size="mini"-->
<!-- @click="handleExport"-->
<!-- v-hasPermi="['device:item:export']"-->
<!-- >导出-->
<!-- </el-button>-->
<!-- </el-col>-->
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
@ -251,96 +251,117 @@
<!-- 添加或修改检查项维护对话框 -->
<el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
<!-- 第一行 -->
<el-row>
<!-- 第一列 -->
<el-col :span="6">
<el-form-item label="检查项">
<el-input v-model="form.itemName" placeholder="请输入检查项"></el-input>
<el-tabs type="border-card">
<el-tab-pane label="检查项配置">
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
<!-- 第一行 -->
<el-row>
<!-- 第一列 -->
<el-col :span="6">
<el-form-item label="检查项">
<el-input v-model="form.itemName" placeholder="请输入检查项"></el-input>
</el-form-item>
</el-col>
<!-- 第二列 -->
<el-col :span="6" :offset="1">
<el-form-item label="维护类型">
<el-select v-model="form.itemType" placeholder="请选择维护类型" clearable>
<el-option
v-for="dict in dict.type.device_item_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<!-- 第三列 -->
<el-col :span="7" :offset="1">
<el-form-item label-width="100px" label="检查方法/工具">
<el-input v-model="form.itemMethod" placeholder="请输入检查方法/工具"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 动态表单 -->
<div v-for="(item, index) in formStandard" :key="index">
<!-- 标准类型 -->
<el-row>
<el-col :span="7">
<el-form-item label="标准类型">
<el-radio v-model="item.standardType" label="qualitative">定性</el-radio>
<el-radio v-model="item.standardType" label="quantify">定量</el-radio>
</el-form-item>
</el-col>
</el-row>
<!-- 单选-动态表单 -->
<el-row v-if="item.standardType === 'qualitative'">
<el-col :span="6">
<el-form-item label="标准名称">
<el-input v-model="item.standardName" placeholder="请输入标准名称"></el-input>
</el-form-item>
</el-col>
<!-- 操作 -->
<el-col :span="4" class="my-dynamic-btn">
<el-button size="small" v-if="formStandard.length > 1" @click="removeStandard(index)" type="danger">删除
</el-button>
<el-button size="small" v-if="index === formStandard.length - 1" @click="addStandard" type="primary">
添加
</el-button>
</el-col>
</el-row>
<el-row v-else>
<el-col :span="6">
<el-form-item label="标准名称">
<el-input v-model="item.standardName" placeholder="请输入标准名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label-width="50px" label="上限">
<el-input v-model="item.detailUpLimit" placeholder="请输入上限"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label-width="50px" label="下限">
<el-input v-model="item.detailDownLimit" placeholder="请输入下限"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label-width="50px" label="单位">
<el-input v-model="item.detailUnit" placeholder="请输入单位"></el-input>
</el-form-item>
</el-col>
<!-- 操作 -->
<el-col :span="4" class="my-dynamic-btn">
<el-button size="small" v-if="formStandard.length > 1" @click="removeStandard(index)" type="danger">删除
</el-button>
<el-button size="small" v-if="index === formStandard.length - 1" @click="addStandard" type="primary">
添加
</el-button>
</el-col>
</el-row>
</div>
<!-- 备注 -->
<el-form-item label="备注">
<el-input v-model="form.itemRemark" placeholder="请输入备注"></el-input>
</el-form-item>
</el-col>
<!-- 第二列 -->
<el-col :span="6" :offset="0.9">
<el-form-item label="维护类型">
<el-select v-model="form.itemType" placeholder="请选择维护类型" clearable>
<el-option
v-for="dict in dict.type.device_item_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<!-- 第三列 -->
<el-col :span="7" offset="1">
<el-form-item label-width="100px" label="检查方法/工具">
<el-input v-model="form.itemMethod" placeholder="请输入检查方法/工具"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 动态表单 -->
<div v-for="(item, index) in formStandard" :key="index">
<!-- 标准类型 -->
</el-form>
</el-tab-pane>
<el-tab-pane label="关联设备">
<el-row>
<el-col :span="7">
<el-form-item label="标准类型">
<el-radio v-model="item.standardType" label="qualitative">定性</el-radio>
<el-radio v-model="item.standardType" label="quantify">定量</el-radio>
</el-form-item>
</el-col>
</el-row>
<!-- 单选-动态表单 -->
<el-row v-if="item.standardType === 'qualitative'">
<el-col :span="6">
<el-form-item label="标准名称">
<el-input v-model="item.standardName" placeholder="请输入标准名称"></el-input>
</el-form-item>
</el-col>
<!-- 操作 -->
<el-col :span="4" class="my-dynamic-btn">
<el-button size="small" v-if="formStandard.length > 1" @click="removeStandard(index)" type="danger">删除
</el-button>
<el-button size="small" v-if="index === formStandard.length - 1" @click="addStandard" type="primary">添加
</el-button>
<el-col :span="20" :offset="2">
<el-transfer
:button-texts="['取消关联', '添加关联']"
:titles="['设备列表','已关联设备']"
filterable
:filter-method="filterMethod"
filter-placeholder="请输入设备名称"
v-model="selectEquipmentList"
:data="equipmentList">
</el-transfer>
</el-col>
</el-row>
<el-row v-else>
<el-col :span="6">
<el-form-item label="标准名称">
<el-input v-model="item.standardName" placeholder="请输入标准名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label-width="50px" label="上限">
<el-input v-model="item.detailUpLimit" placeholder="请输入上限"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label-width="50px" label="下限">
<el-input v-model="item.detailDownLimit" placeholder="请输入下限"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label-width="50px" label="单位">
<el-input v-model="item.detailUnit" placeholder="请输入单位"></el-input>
</el-form-item>
</el-col>
<!-- 操作 -->
<el-col :span="4" class="my-dynamic-btn">
<el-button size="small" v-if="formStandard.length > 1" @click="removeStandard(index)" type="danger">删除
</el-button>
<el-button size="small" v-if="index === formStandard.length - 1" @click="addStandard" type="primary">添加
</el-button>
</el-col>
</el-row>
</div>
<!-- 备注 -->
<el-form-item label="备注">
<el-input v-model="form.itemRemark" placeholder="请输入备注"></el-input>
</el-form-item>
</el-form>
</el-tab-pane>
</el-tabs>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
@ -350,13 +371,24 @@
</template>
<script>
import {listItem, getItem, delItem, addItem, updateItem} from "@/api/device/item";
import {
getEquipmentCodeList,
getEquipmentList,
listItem,
getItem,
delItem,
addItem,
updateItem,
} from "@/api/device/item";
export default {
name: "Item",
dicts: ['device_item_type'],
data() {
return {
// 设备选择穿梭框
equipmentList: [],
selectEquipmentList: [],
// 标准列表
formStandard: [{
standardType: 'qualitative',
@ -440,6 +472,7 @@ export default {
itemMethod: null,
itemRemark: null,
formStandard: [],
equipmentCodeList: [],
},
// 表单校验
rules: {}
@ -449,6 +482,20 @@ export default {
this.getList();
},
methods: {
// 获取设备List-置入穿梭框信息
setTransfer() {
getEquipmentList().then(response => {
for (let i = 0; i < response.data.length; i++) {
this.equipmentList.push({
label: response.data[i].equipmentName,
key: response.data[i].equipmentCode,
})
}
});
},
filterMethod(query, item) {
return item.label.indexOf(query) > -1;
},
// 动态增加表单
addStandard() {
this.formStandard.push({
@ -505,6 +552,8 @@ export default {
detailDownLimit: null,
detailUnit: null,
}];
this.selectEquipmentList = [];
this.equipmentList = [];
this.resetForm("form");
},
/** 搜索按钮操作 */
@ -529,15 +578,24 @@ export default {
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.setTransfer();
this.open = true;
this.title = "新增检查项";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
this.setTransfer();
const itemId = row.itemId || this.ids
getItem(itemId).then(response => {
this.form = response.data;
getEquipmentCodeList(row.itemCode).then(response => {
for (let i = 0; i < response.data.length; i++) {
this.selectEquipmentList.push(response.data[i]);
}
})
this.formStandard = response.data.formStandard;
this.open = true;
this.title = "修改检查项";
@ -567,6 +625,13 @@ export default {
})
return
}
if (this.selectEquipmentList.length == 0) {
this.$message({
message: "请关联设备！",
type: "warning"
})
return
}
for (let i = 0; i < this.formStandard.length; i++) {
// 如果为定性
if (this.formStandard[i].standardType == 'qualitative') {
@ -615,6 +680,7 @@ export default {
if (valid) {
if (this.form.itemId != null) {
this.form.formStandard = this.formStandard;
this.form.equipmentCodeList = this.selectEquipmentList;
updateItem(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
@ -622,6 +688,7 @@ export default {
});
} else {
this.form.formStandard = this.formStandard;
this.form.equipmentCodeList = this.selectEquipmentList;
addItem(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
@ -634,7 +701,26 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const itemIds = row.itemId || this.ids;
this.$modal.confirm('是否确认删除检查项维护编号为"' + itemIds + '"的数据项？').then(function () {
var itemCodes = '';
// 处理信息
for (let i = 0; i < this.itemList.length; i++) {
for (let j = 0; j < itemIds.length; j++) {
if (itemIds[j] == this.itemList[i].itemId) {
itemCodes = itemCodes + this.itemList[i].itemCode + ',';
}
}
}
if (itemCodes == '') {
for (let i = 0; i < this.itemList.length; i++) {
if (itemIds == this.itemList[i].itemId) {
itemCodes = this.itemList[i].itemCode;
}
}
}
this.$modal.confirm('是否确认删除检查项维护编号为"' + itemCodes + '"的数据项？').then(function () {
return delItem(itemIds);
}).then(() => {
this.getList();
@ -655,7 +741,8 @@ export default {
.my-select-input {
width: 130px;
}
.my-dynamic-btn{
.my-dynamic-btn {
margin-left: 10px;
}
</style>

2
src/views/technology/proroute/routeprodproduct.vue
Unescape Escape View File

@ -162,7 +162,7 @@ export default {
//--------------------->
leftList: [],
rightList: [],
titles: ["未关联产品", "已关联产品"],
titles: ["未factoryCode", "已关联产品"],
// 左侧分页数据
Ltotal: "",
LPageNum: "1",

Write Preview
Loading…
Cancel
Save