165 lines
4.3 KiB
Vue
165 lines
4.3 KiB
Vue
<template>
|
|
<view>
|
|
<view>
|
|
<uni-easyinput suffixIcon="scan" placeholder="请输入设备编码" @iconClick="scanBar"
|
|
v-model="queryParams.equipmentCode" type="text" @confirm="scanBarCode" />
|
|
<button type="primary" @click="reset"
|
|
style="margin-top: 5px;text-align: center;display: block;width: 30%;">重置</button>
|
|
<view class="cu-card article ">
|
|
<view class="cu-item shadow borderBottom" v-for="(item,index) in list" :key="index">
|
|
<view class="title">
|
|
<view class="text-cut">任务名 : {{item.taskName}}</view>
|
|
<view>
|
|
<button type="primary" size="mini" @click="detail(item)" style="float: right;">查看明细</button>
|
|
|
|
</view>
|
|
<view>
|
|
<button type="success" size="mini"
|
|
style="float: right;margin-right: 10px;background-color: #5AC725;color: #fff;"
|
|
@click="handleFinish(item)">完成</button>
|
|
</view>
|
|
</view>
|
|
<view class="content">
|
|
<view class="desc">
|
|
<view class="text-content">
|
|
<view>明细号 : {{item.taskItemCode}}</view>
|
|
<view>明细名 : {{item.taskItemName}}</view>
|
|
<view>状态 : <uni-tag :text="tagText(item.status)" type="primary"
|
|
v-if="item.status"></uni-tag></view>
|
|
<view>设备编码 : {{item.equipmentCode}}</view>
|
|
<view>时间 : {{item.createTime}}</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
listCheckTaskItem,
|
|
getCheckTaskItem
|
|
} from "@/api/tpm/index.js";
|
|
import {
|
|
listTaskItem,
|
|
getTaskItem,
|
|
delTaskItem,
|
|
addTaskItem,
|
|
updateTaskItem,
|
|
finishCheckTaskItem,
|
|
finishCheckTaskItemDetail,
|
|
repairCheckTaskItemDetail,
|
|
tpmCheckTaskEditemOnly,
|
|
listEmployee
|
|
} from "@/api/tpm/checkTaskItem";
|
|
import {
|
|
getDicts
|
|
} from "@/api/system/dict/dictData.js";
|
|
import {
|
|
getUserProfile
|
|
} from "@/api/system/user";
|
|
|
|
export default {
|
|
mounted() {
|
|
this.getList()
|
|
getDicts("tpm_task_status").then(res => {
|
|
this.taskStatusOptions = res.data.map(dict => {
|
|
return {
|
|
text: dict.dictLabel,
|
|
value: dict.dictValue,
|
|
diasble: false
|
|
}
|
|
});
|
|
})
|
|
|
|
console.log(this.$store)
|
|
},
|
|
data() {
|
|
return {
|
|
list: {},
|
|
queryParams: {
|
|
equipmentCode: null,
|
|
},
|
|
formData: {},
|
|
taskStatusOptions: [],
|
|
rightOptions: [{
|
|
text: '删除',
|
|
style: {
|
|
backgroundColor: '#ff2a17'
|
|
}
|
|
}, ],
|
|
}
|
|
},
|
|
methods: {
|
|
tagText(status) {
|
|
let obj = this.taskStatusOptions.find(item => item.value == status)
|
|
if (obj !== undefined) {
|
|
return this.taskStatusOptions.find(item => item.value == status).text
|
|
}
|
|
},
|
|
async handleFinish(item) {
|
|
try {
|
|
// 获取用户ID
|
|
let useId = null;
|
|
const res = await listEmployee({"name": this.$store.state.user.name});
|
|
|
|
if (res && res.rows && res.rows.length > 0) {
|
|
useId = res.rows[0]["id"] ?? null;
|
|
}
|
|
|
|
if (useId) {
|
|
// 调用 tpmCheckTaskEditemOnly 方法
|
|
const verifierRes = await tpmCheckTaskEditemOnly({verifierId: useId, id: item.id});
|
|
console.log(verifierRes, "verifierRes");
|
|
|
|
// 调用 finishCheckTaskItem 方法
|
|
const finishRes = await finishCheckTaskItem([item.id]);
|
|
this.$modal.msgSuccess("完成成功!");
|
|
this.getList();
|
|
} else {
|
|
// this.$modal.msgError("没有找到该员工!");
|
|
}
|
|
} catch (error) {
|
|
// console.error("Error in handleFinish:", error);
|
|
// this.$modal.msgError("操作失败，请稍后重试!");
|
|
}
|
|
},
|
|
|
|
getList() {
|
|
listCheckTaskItem(this.queryParams).then(response => {
|
|
this.list = response.rows;
|
|
});
|
|
},
|
|
reset() {
|
|
this.queryParams.equipmentCode = null;
|
|
this.getList();
|
|
},
|
|
scanBarCode() {
|
|
if (this.queryParams.equipmentCode) {
|
|
this.getList();
|
|
}
|
|
},
|
|
scanBar() {
|
|
const _this = this;
|
|
uni.scanCode({
|
|
scanType: ['qrCode', 'barCode'],
|
|
success: function(res) {
|
|
_this.queryParams.equipmentCode = res.result;
|
|
_this.scanBarCode();
|
|
}
|
|
});
|
|
},
|
|
detail(item) {
|
|
getCheckTaskItem(item.id).then(async res => {
|
|
this.$tab.navigateTo('/pages/tpm/checkTaskItem?formData=' + JSON.stringify(res.data));
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style> |