eam
/
eam-uniapp
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix: SBBJ-789app检修内容，点击重置，检修内容应重置，现没有重置

master
张立 2 months ago
parent
772956ddcd
commit
f0c1143f27
1 changed files with 767 additions and 786 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 243
      src/pages/overhaulOrder/addForm.vue

243
src/pages/overhaulOrder/addForm.vue
View File

@ -7,7 +7,7 @@
</u-form-item>
<u-form-item label="维修工单" prop="maintenanceNumber" :class="form.id ? 'disabled' : ''">
<view class="select" @click="openOrder">
<view class="input" v-if='form.maintenanceNumber'>
<view class="input" v-if="form.maintenanceNumber">
{{ form.maintenanceNumber }}
</view>
<view class="placeholder" v-else>
@ -30,25 +30,19 @@
<u-form-item label="类型" prop="type" required class="disabled">
{{ type == 'DEVICE' || type == 'TECH' ? '设备' : '模具' }}
</u-form-item>
<u-form-item :label="`${type=='DEVICE'||type == 'TECH'?'设备' : '模具'}编码`" prop="deviceNumber" required
:class="isDisabled?'disabled':''">
<u-input v-model="form.deviceNumber" :placeholder="`请输入${type=='DEVICE'||type == 'TECH'?'设备' : '模具'}编码`"
@blur="blur()" @confirm='blur()'/>
<view class="right-button" @click="chickRightButton" v-show="!isDisabled">
扫描
</view>
<u-form-item :label="`${type == 'DEVICE' || type == 'TECH' ? '设备' : '模具'}编码`" prop="deviceNumber" required :class="isDisabled ? 'disabled' : ''">
<u-input v-model="form.deviceNumber" :placeholder="`请输入${type == 'DEVICE' || type == 'TECH' ? '设备' : '模具'}编码`" @blur="blur()" @confirm="blur()" />
<view class="right-button" @click="chickRightButton" v-show="!isDisabled"> 扫描 </view>
</u-form-item>
<u-form-item :label="`${type=='DEVICE'||type == 'TECH'?'设备' : '模具'}名称`" prop="deviceNumber" required
class="disabled">
<u-input v-model="form.deviceName" :placeholder="`根据${type=='DEVICE'||type == 'TECH'?'设备' : '模具'}编码获得`"
disabled />
<u-form-item :label="`${type == 'DEVICE' || type == 'TECH' ? '设备' : '模具'}名称`" prop="deviceNumber" required class="disabled">
<u-input v-model="form.deviceName" :placeholder="`根据${type == 'DEVICE' || type == 'TECH' ? '设备' : '模具'}编码获得`" disabled />
</u-form-item>
<u-form-item label="所属厂区" prop="factoryAreaName" class="disabled">
<u-input v-model="form.factoryAreaName" placeholder="请输入所属厂区" disabled />
</u-form-item>
<u-form-item label="工单来源" prop="sourceType" class="disabled">
<view class="select" disabled>
<view class="input" v-if='form.sourceType'>
<view class="input" v-if="form.sourceType">
{{ form.sourceTypeName }}
</view>
<view class="placeholder" v-else>
@ -58,7 +52,7 @@
</u-form-item>
<u-form-item label="故障类型" prop="faultType" required>
<view class="select" @click="openSingleColumn('faultType', form.faultType, faultType)">
<view class="input" v-if='form.faultType'>
<view class="input" v-if="form.faultType">
{{ form.faultTypeName }}
</view>
<view class="placeholder" v-else>
@ -69,23 +63,19 @@
</u-form-item>
<u-form-item label="维修人员" prop="maintenance" required>
<view class="select" @click="openSelecUser('maintenance')">
<view class="input" v-if='form.maintenance'>
<view class="input" v-if="form.maintenance">
{{ selectFormatRadin(form.maintenance, selecUserList) }}
</view>
<view class="placeholder" v-else>
请选择维修人员
</view>
<view class="placeholder" v-else> 请选择维修人员 </view>
<u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon>
</view>
</u-form-item>
<view class="info" style="padding-bottom: 130rpx;">
<view class="info" style="padding-bottom: 130rpx">
<view class="tab">
<u-tabs :list="list" :is-scroll="false" bar-height="2" bar-width="250" v-model="current"
@change="change"></u-tabs>
<u-tabs :list="list" :is-scroll="false" bar-height="2" bar-width="250" v-model="current" @change="change"></u-tabs>
</view>
<view class="list">
<view class="item " v-for="(item,index) in serviceList" :key="index"
@click="addSubForm('updata',item)">
<view class="item" v-for="(item, index) in serviceList" :key="index" @click="addSubForm('updata', item)">
<view class="item-box">
<view class="spare-title">
<view class="title-txt">
@ -149,8 +139,7 @@
<!-- <u-icon name="minus-circle" color="#aaaaaa" size="60" ></u-icon> -->
</view>
<view class="add-btn">
<u-button type="primary" @click="addSubForm('creat')"><u-icon name="plus-circle" color="#ffffff"
size="36"></u-icon>添加检修内容</u-button>
<u-button type="primary" @click="addSubForm('creat')"><u-icon name="plus-circle" color="#ffffff" size="36"></u-icon>添加检修内容</u-button>
</view>
</view>
</view>
@ -159,8 +148,7 @@
<u-popup v-model="isShowSelecUser" mode="center" border-radius="14">
<view class="popup-title">选择维修人员</view>
<view class="popup">
<u-radio-group v-model="form.maintenance"
@change="radioGroupChange('maintenance',form.maintenance,selecUserList)">
<u-radio-group v-model="form.maintenance" @change="radioGroupChange('maintenance', form.maintenance, selecUserList)">
<u-radio v-for="(item, index) in selecUserList" :key="index" :name="item.id">
{{ item.name }}
</u-radio>
@ -174,40 +162,33 @@
<view class="footer">
<view class="btns">
<button class="reset" @click="reset">重置</button>
<button class="sure" @click="submit" :loading='loading' :disabled='loading'>确定</button>
<button class="sure" @click="submit" :loading="loading" :disabled="loading">确定</button>
</view>
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view>
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom)"></view>
</view>
<u-select v-model="singleColumnShow" mode="single-column" :default-value='singleColumnDefaultValue'
:list="singleColumnList" @confirm="chooseSingleColumn" @cancle='singleColumnShow = false'></u-select>
<u-select v-model="singleColumnShow" mode="single-column" :default-value="singleColumnDefaultValue" :list="singleColumnList" @confirm="chooseSingleColumn" @cancle="singleColumnShow = false"></u-select>
</view>
</template>
<script setup lang="ts">
import {
onLoad
} from '@dcloudio/uni-app'
import {
ref,
getCurrentInstance
} from 'vue'
import * as overhaulOrderApi from "@/api/overhaulOrder"
import * as moldApi from "@/api/mold"
import * as dictApi from "@/api/dict"
import * as repairOrderApi from "@/api/repairOrder"
import * as deviceApi from "@/api/device"
import * as deptApi from "@/api/dept"
import * as repairRelationApi from "@/api/repairRelation"
import { onLoad } from '@dcloudio/uni-app'
import { ref, getCurrentInstance } from 'vue'
import * as overhaulOrderApi from '@/api/overhaulOrder'
import * as moldApi from '@/api/mold'
import * as dictApi from '@/api/dict'
import * as repairOrderApi from '@/api/repairOrder'
import * as deviceApi from '@/api/device'
import * as deptApi from '@/api/dept'
import * as repairRelationApi from '@/api/repairRelation'
const { proxy } = getCurrentInstance()
const loading = ref(false)
const type = ref('')
const form = ref({
id: '',
describes: "",
describes: '',
maintenanceNumber: '',
factoryAreaNumber: '',
factoryAreaName: '',
@ -219,10 +200,9 @@
subList: [],
sourceType: '',
sourceTypeName: '',
type: type
type
})
const singleColumnShow = ref(false)
const singleColumnDefaultValue = ref([])
const singleColumnList = ref([])
@ -237,46 +217,48 @@
const chooseUserInfo = ref(null)
const serviceList = ref([])
const sourceType = ref()
const list = ref([{
const list = ref([
{
name: '检修内容'
}])
}
])
function submit() {
// 校验
if (!form.value.describes) {
proxy.$modal.showToast('请输入故障描述')
return;
return
}
if (!form.value.deviceNumber) {
proxy.$modal.showToast(`请选择${type.value == 'DEVICE' || type.value == 'TECH' ? '设备' : '模具'}名称`)
return;
return
}
if (!form.value.deviceName) {
proxy.$modal.showToast(msg.value)
return;
return
}
if (!form.value.faultType) {
proxy.$modal.showToast('请选择故障类型')
return;
return
}
if (!form.value.maintenance) {
proxy.$modal.showToast('请选择维修人员')
return;
return
}
for (let item of serviceList.value) {
for (const item of serviceList.value) {
if (item.name_hide_delete) {
if (!item.peoples) {
proxy.$modal.showToast('*'+item.name+'*的检修项的【预估人数】不能为空');
return; // 中断方法执行
proxy.$modal.showToast(`*${item.name}*的检修项的【预估人数】不能为空`)
return // 中断方法执行
}
if (!item.estimatedMinutes) {
proxy.$modal.showToast('*'+item.name+'*的检修项的【预估分钟】不能为空');
return; // 中断方法执行
proxy.$modal.showToast(`*${item.name}*的检修项的【预估分钟】不能为空`)
return // 中断方法执行
}
if (!item.chargePeoples) {
proxy.$modal.showToast('*'+item.name+'*的检修项的【责任人】不能为空');
return; // 中断方法执行
proxy.$modal.showToast(`*${item.name}*的检修项的【责任人】不能为空`)
return // 中断方法执行
}
}
}
@ -291,13 +273,15 @@
faultType: form.value.faultType,
maintenance: form.value.maintenance,
subList: serviceList.value,
sourceType: form.value.sourceType,
sourceType: form.value.sourceType
}
if (form.value.id) {
proxy.$modal.confirm('是否修改检修工单').then(() => {
proxy.$modal.loading('加载中')
loading.value = true
overhaulOrderApi.overhaulOrderUpdate(data,type.value).then((res) => {
overhaulOrderApi
.overhaulOrderUpdate(data, type.value)
.then((res) => {
proxy.$modal.closeLoading()
if (res.data) {
proxy.$modal.showToast('修改成功')
@ -313,7 +297,8 @@
}
loading.value = false
}
}).catch(() => {
})
.catch(() => {
proxy.$modal.closeLoading()
loading.value = false
})
@ -322,7 +307,9 @@
proxy.$modal.confirm('是否添加检修工单').then(() => {
proxy.$modal.loading('加载中')
loading.value = true
overhaulOrderApi.overhaulOrderCreate(data,type.value).then((res) => {
overhaulOrderApi
.overhaulOrderCreate(data, type.value)
.then((res) => {
proxy.$modal.closeLoading()
if (res.data) {
proxy.$modal.showToast('添加成功')
@ -338,19 +325,19 @@
}
loading.value = false
}
}).catch(() => {
})
.catch(() => {
proxy.$modal.closeLoading()
loading.value = false
})
})
}
}
// 重置
function reset() {
form.value = {
id: '',
describes: "",
describes: '',
maintenanceNumber: '',
factoryAreaNumber: '',
factoryAreaName: '',
@ -362,19 +349,19 @@
subList: [],
sourceType: '',
sourceTypeName: '',
type: type
type
}
serviceList.value = []
isDisabled.value = false
}
// 单列模式
function openSingleColumn(fieldName, val, list) {
if (fieldName == 'maintenanceNumber' && form.value.id) return;
if (fieldName == 'deviceNumber' && isDisabled.value) return;
if (fieldName == 'maintenanceNumber' && form.value.id) return
if (fieldName == 'deviceNumber' && isDisabled.value) return
singleColumnList.value = list
field.value = fieldName
if (val) {
singleColumnDefaultValue.value = [list.findIndex(item => item.value == val)]
singleColumnDefaultValue.value = [list.findIndex((item) => item.value == val)]
} else {
singleColumnDefaultValue.value = []
}
@ -385,7 +372,7 @@
form.value[field.value] = e[0].value
if (field.value == 'deviceNumber') {
choosesingleColumnItem.value = singleColumnList.value.filter(item => item.number == e[0].value)
choosesingleColumnItem.value = singleColumnList.value.filter((item) => item.number == e[0].value)
form.value.deviceName = choosesingleColumnItem.value[0].name
form.value.factoryAreaName = choosesingleColumnItem.value[0].factoryAreaName
form.value.factoryAreaNumber = choosesingleColumnItem.value[0].factoryAreaNumber
@ -400,14 +387,14 @@
form.value.type = type
if (!form.value.type) {
proxy.$modal.showToast('请先选择类型')
return;
return
}
uni.scanCode({
success: function (res) {
success(res) {
form.value.deviceNumber = res.result
getDetailsByNumber()
}
});
})
}
function blur() {
if (form.value.deviceNumber) {
@ -421,41 +408,47 @@
// 根据设备/模具号查询信息
function getDetailsByNumber() {
if (type.value == 'DEVICE' || type.value == 'TECH') {
deviceApi.getDeviceDetailsByNumber({
deviceApi
.getDeviceDetailsByNumber({
number: form.value.deviceNumber,
type: type.value
}).then((res) => {
})
.then((res) => {
if (!res.data) {
msg.value = res.msg
form.value.deviceName = ''
form.value.factoryAreaName = ''
form.value.factoryAreaNumber = ''
return;
return
}
form.value.deviceName = res.data.name
form.value.factoryAreaName = res.data.factoryAreaName
form.value.factoryAreaNumber = res.data.factoryAreaNumber
}).catch((error) => {
})
.catch((error) => {
msg.value = error.msg
form.value.deviceName = ''
form.value.factoryAreaName = ''
form.value.factoryAreaNumber = ''
})
} else if (type.value == 'MOLD') {
moldApi.getMoldDetailsByNumber({
moldApi
.getMoldDetailsByNumber({
number: form.value.deviceNumber
}).then((res) => {
})
.then((res) => {
if (!res.data) {
msg.value = res.msg
form.value.deviceName = ''
form.value.factoryAreaName = ''
form.value.factoryAreaNumber = ''
return;
return
}
form.value.deviceName = res.data.name
form.value.factoryAreaName = res.data.factoryAreaName
form.value.factoryAreaNumber = res.data.factoryAreaNumber
}).catch((error) => {
})
.catch((error) => {
msg.value = error.msg
form.value.deviceName = ''
form.value.factoryAreaName = ''
@ -464,12 +457,12 @@
}
}
function openOrder() {
proxy.$tab.navigateTo(`/pages/overhaulOrder/reqairOrderList?type=` + type.value)
proxy.$tab.navigateTo(`/pages/overhaulOrder/reqairOrderList?type=${type.value}`)
}
onLoad(async (option) => {
if (option.type) type.value = option.type;
if (option.type) type.value = option.type
if (option.data) {
let data = JSON.parse(decodeURIComponent(option.data))
const data = JSON.parse(decodeURIComponent(option.data))
form.value = {
id: data.id,
describes: data.describes,
@ -478,13 +471,13 @@
deviceNumber: data.deviceNumber,
factoryAreaName: data.factoryAreaName,
faultType: data.faultType,
subList: data.subList,
subList: data.subList
}
isDisabled.value = !!(form.value.maintenanceNumber || form.value.id)
}
isDisabled.value = form.value.maintenanceNumber || form.value.id ? true : false
};
faultType.value = await dictApi.getDict('fault_type')
sourceType.value = await dictApi.getDict('order_source_type')
uni.$on('chooseOrder', data => {
uni.$on('chooseOrder', (data) => {
if (data) {
form.value.maintenanceNumber = data.number
form.value.deviceName = data.name
@ -506,13 +499,13 @@
form.value.sourceType = '0'
isDisabled.value = false
}
form.value.sourceTypeName = sourceType.value.find(item=>item.value == form.value.sourceType).label
form.value.sourceTypeName = sourceType.value.find((item) => item.value == form.value.sourceType).label
if (form.value.sourceType == '1') {
repairRelationApi.getRepairRelationNoPage({repairNumber:form.value.maintenanceNumber}).then(response=>{
serviceList.value = response.data.map(item=>{
repairRelationApi.getRepairRelationNoPage({ repairNumber: form.value.maintenanceNumber }).then((response) => {
serviceList.value = response.data.map((item) => {
return {
name: item.spotInspectionName,
name_hide_delete: true,
name_hide_delete: true
}
})
})
@ -523,50 +516,50 @@
// 更新 serviceList
if (formData.name_hide_delete) {
// 更新已有项目
const index = serviceList.value.findIndex(item => item.name === formData.name);
const index = serviceList.value.findIndex((item) => item.name === formData.name)
if (index !== -1) {
serviceList.value.splice(index, 1, formData);
serviceList.value.splice(index, 1, formData)
}
} else {
// 添加新项目
serviceList.value.push(formData);
serviceList.value.push(formData)
}
});
})
})
// 打开人员列表
function openSelecUser(fieldName) {
field.value = fieldName
getSelecUser();
getSelecUser()
isShowSelecUser.value = true
}
function radioGroupChange(field, e, list) {
form.value.maintenance = e;
form.value.maintenance = e
chooseUserInfo.value = e
}
// 选择人员
function chooseUser() {
if (!chooseUserInfo.value) {
proxy.$modal.showToast('请选择人员')
return;
return
}
form.value[field.value] = chooseUserInfo.value
isShowSelecUser.value = false
}
// 获取人员列表
async function getSelecUser() {
let data = {
const data = {
classType: type.value,
factoryAreaNumber: form.value.factoryAreaNumber,
factoryAreaNumber: form.value.factoryAreaNumber
}
let arr = []
if (form.value.maintenances) {
arr = form.value.maintenances.split(',')
}
await deptApi.getSelecUser(data).then(res => {
res.data.forEach(item => {
await deptApi.getSelecUser(data).then((res) => {
res.data.forEach((item) => {
item.checked = false
arr.forEach(cur => {
arr.forEach((cur) => {
if (item.id == cur) {
item.checked = true
}
@ -578,7 +571,7 @@
// 多选选择框回显
function selectFormatRadin(val, array) {
let str = array.filter(item => item.id == val)[0].name
const str = array.filter((item) => item.id == val)[0].name
return str
}
@ -586,30 +579,23 @@
function addSubForm(clickType, item) {
if (!form.value.factoryAreaNumber) {
proxy.$modal.showToast('请先选择维修工单或设备！')
return;
return
}
if (clickType == 'updata') {
proxy.$tab.navigateTo(
`/pages/overhaulOrder/addSubItem?type=${type.value}&number=${form.value.number}&factoryAreaNumber=${form.value.factoryAreaNumber}&data=${encodeURIComponent(JSON.stringify(item))}&deviceNumber=${form.value.deviceNumber}`
)
proxy.$tab.navigateTo(`/pages/overhaulOrder/addSubItem?type=${type.value}&number=${form.value.number}&factoryAreaNumber=${form.value.factoryAreaNumber}&data=${encodeURIComponent(JSON.stringify(item))}&deviceNumber=${form.value.deviceNumber}`)
} else {
proxy.$tab.navigateTo(
`/pages/overhaulOrder/addSubItem?type=${type.value}&number=${form.value.number}&factoryAreaNumber=${form.value.factoryAreaNumber}&deviceNumber=${form.value.deviceNumber}`
)
proxy.$tab.navigateTo(`/pages/overhaulOrder/addSubItem?type=${type.value}&number=${form.value.number}&factoryAreaNumber=${form.value.factoryAreaNumber}&deviceNumber=${form.value.deviceNumber}`)
}
}
// 删除维修内容
function delService(item) {
proxy.$modal.confirm('确定删除维修内容吗？').then(() => {
serviceList.value = serviceList.value.filter(element=>{
serviceList.value = serviceList.value.filter((element) => {
return element.name != item.name
})
})
}
</script>
<style lang="scss" scoped>
@ -671,12 +657,12 @@
bottom: 0px;
left: 0px;
width: 100%;
z-index: 99;
}
.btns {
display: flex;
button {
flex: 1;
}
@ -693,7 +679,7 @@
}
.reset {
background: #F5F5F5;
background: #f5f5f5;
border-radius: 0px;
&::after {
@ -727,7 +713,6 @@
flex: 1;
font-size: 28rpx;
color: rgb(192, 196, 204);
}
}
.popup-title {
@ -735,13 +720,12 @@
font-size: 32rpx;
font-weight: bold;
color: #409eff;
padding: 30rpx 30rpx 0px
padding: 30rpx 30rpx 0px;
}
.popup {
width: 600rpx;
padding: 30rpx 60rpx 30rpx;
}
.popup-footer {
@ -776,7 +760,6 @@
}
.tab {
border-bottom: 1px solid #e4e4e4;
}
.left-align {
display: flex;
@ -833,8 +816,6 @@
color: #9c9c9c;
padding: 0rpx 30rpx 20rpx;
}
}
}
</style>
Write Preview
Loading…
Cancel
Save