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

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

master
张立 4 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
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 521
      src/pages/overhaulOrder/addForm.vue

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

@ -2,16 +2,16 @@
<!-- 添加维修工单 --> <!-- 添加维修工单 -->
<view class="add-form-container"> <view class="add-form-container">
<u-form :model="form" ref="formRef" label-width="160rpx"> <u-form :model="form" ref="formRef" label-width="160rpx">
<u-form-item label="检修描述" prop="describes" required :class="form.id?'disabled':''"> <u-form-item label="检修描述" prop="describes" required :class="form.id ? 'disabled' : ''">
<u-input v-model="form.describes" placeholder="请输入检修描述" :disabled="form&&form.id?true:false" /> <u-input v-model="form.describes" placeholder="请输入检修描述" :disabled="form && form.id ? true : false" />
</u-form-item> </u-form-item>
<u-form-item label="维修工单" prop="maintenanceNumber" :class="form.id?'disabled':''"> <u-form-item label="维修工单" prop="maintenanceNumber" :class="form.id ? 'disabled' : ''">
<view class="select" @click="openOrder"> <view class="select" @click="openOrder">
<view class="input" v-if='form.maintenanceNumber'> <view class="input" v-if="form.maintenanceNumber">
{{form.maintenanceNumber}} {{ form.maintenanceNumber }}
</view> </view>
<view class="placeholder" v-else> <view class="placeholder" v-else>
{{`请选择维修工单`}} {{ `请选择维修工单` }}
</view> </view>
<u-icon name="arrow-right" color="#aaaaaa" size="28" v-if="!form.id"></u-icon> <u-icon name="arrow-right" color="#aaaaaa" size="28" v-if="!form.id"></u-icon>
</view> </view>
@ -28,68 +28,58 @@
</view> </view>
</u-form-item> --> </u-form-item> -->
<u-form-item label="类型" prop="type" required class="disabled"> <u-form-item label="类型" prop="type" required class="disabled">
{{type =='DEVICE'||type == 'TECH'?'设备' : '模具'}} {{ type == 'DEVICE' || type == 'TECH' ? '设备' : '模具' }}
</u-form-item> </u-form-item>
<u-form-item :label="`${type=='DEVICE'||type == 'TECH'?'设备' : '模具'}编码`" prop="deviceNumber" required <u-form-item :label="`${type == 'DEVICE' || type == 'TECH' ? '设备' : '模具'}编码`" prop="deviceNumber" required :class="isDisabled ? 'disabled' : ''">
:class="isDisabled?'disabled':''"> <u-input v-model="form.deviceNumber" :placeholder="`请输入${type == 'DEVICE' || type == 'TECH' ? '设备' : '模具'}编码`" @blur="blur()" @confirm="blur()" />
<u-input v-model="form.deviceNumber" :placeholder="`请输入${type=='DEVICE'||type == 'TECH'?'设备' : '模具'}编码`" <view class="right-button" @click="chickRightButton" v-show="!isDisabled"> 扫描 </view>
@blur="blur()" @confirm='blur()'/>
<view class="right-button" @click="chickRightButton" v-show="!isDisabled">
扫描
</view>
</u-form-item> </u-form-item>
<u-form-item :label="`${type=='DEVICE'||type == 'TECH'?'设备' : '模具'}名称`" prop="deviceNumber" required <u-form-item :label="`${type == 'DEVICE' || type == 'TECH' ? '设备' : '模具'}名称`" prop="deviceNumber" required class="disabled">
class="disabled"> <u-input v-model="form.deviceName" :placeholder="`根据${type == 'DEVICE' || type == 'TECH' ? '设备' : '模具'}编码获得`" disabled />
<u-input v-model="form.deviceName" :placeholder="`根据${type=='DEVICE'||type == 'TECH'?'设备' : '模具'}编码获得`"
disabled />
</u-form-item> </u-form-item>
<u-form-item label="所属厂区" prop="factoryAreaName" class="disabled"> <u-form-item label="所属厂区" prop="factoryAreaName" class="disabled">
<u-input v-model="form.factoryAreaName" placeholder="请输入所属厂区" disabled /> <u-input v-model="form.factoryAreaName" placeholder="请输入所属厂区" disabled />
</u-form-item> </u-form-item>
<u-form-item label="工单来源" prop="sourceType" class="disabled"> <u-form-item label="工单来源" prop="sourceType" class="disabled">
<view class="select" disabled> <view class="select" disabled>
<view class="input" v-if='form.sourceType'> <view class="input" v-if="form.sourceType">
{{form.sourceTypeName}} {{ form.sourceTypeName }}
</view> </view>
<view class="placeholder" v-else> <view class="placeholder" v-else>
{{`请选择工单来源`}} {{ `请选择工单来源` }}
</view> </view>
</view> </view>
</u-form-item> </u-form-item>
<u-form-item label="故障类型" prop="faultType" required> <u-form-item label="故障类型" prop="faultType" required>
<view class="select" @click="openSingleColumn('faultType',form.faultType,faultType)"> <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}} {{ form.faultTypeName }}
</view> </view>
<view class="placeholder" v-else> <view class="placeholder" v-else>
{{`请选择故障类型`}} {{ `请选择故障类型` }}
</view> </view>
<u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon> <u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon>
</view> </view>
</u-form-item> </u-form-item>
<u-form-item label="维修人员" prop="maintenance" required> <u-form-item label="维修人员" prop="maintenance" required>
<view class="select" @click="openSelecUser('maintenance')"> <view class="select" @click="openSelecUser('maintenance')">
<view class="input" v-if='form.maintenance'> <view class="input" v-if="form.maintenance">
{{selectFormatRadin(form.maintenance,selecUserList)}} {{ selectFormatRadin(form.maintenance, selecUserList) }}
</view>
<view class="placeholder" v-else>
请选择维修人员
</view> </view>
<view class="placeholder" v-else> 请选择维修人员 </view>
<u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon> <u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon>
</view> </view>
</u-form-item> </u-form-item>
<view class="info" style="padding-bottom: 130rpx;"> <view class="info" style="padding-bottom: 130rpx">
<view class="tab"> <view class="tab">
<u-tabs :list="list" :is-scroll="false" bar-height="2" bar-width="250" v-model="current" <u-tabs :list="list" :is-scroll="false" bar-height="2" bar-width="250" v-model="current" @change="change"></u-tabs>
@change="change"></u-tabs>
</view> </view>
<view class="list"> <view class="list">
<view class="item " v-for="(item,index) in serviceList" :key="index" <view class="item" v-for="(item, index) in serviceList" :key="index" @click="addSubForm('updata', item)">
@click="addSubForm('updata',item)">
<view class="item-box"> <view class="item-box">
<view class="spare-title"> <view class="spare-title">
<view class="title-txt"> <view class="title-txt">
{{item.name}} {{ item.name }}
</view> </view>
<view v-if="!item.name_hide_delete" class="" @click.stop="delService(item)"> <view v-if="!item.name_hide_delete" class="" @click.stop="delService(item)">
<u-icon name="trash" color="#aaaaaa" size="40"></u-icon> <u-icon name="trash" color="#aaaaaa" size="40"></u-icon>
@ -97,15 +87,15 @@
</view> </view>
<view class="dec2"> <view class="dec2">
<view>预估人数：</view> <view>预估人数：</view>
<view>{{item.peoples}}人</view> <view>{{ item.peoples }}人</view>
</view> </view>
<view class="dec2"> <view class="dec2">
<view>预估分钟：</view> <view>预估分钟：</view>
<view>{{item.estimatedMinutes}}分钟</view> <view>{{ item.estimatedMinutes }}分钟</view>
</view> </view>
<view class="dec2"> <view class="dec2">
<view>责任人：</view> <view>责任人：</view>
<view>{{item.chargePeoplesName}}</view> <view>{{ item.chargePeoplesName }}</view>
</view> </view>
<!-- <view class="dec2"> <!-- <view class="dec2">
<view>实际分钟：</view> <view>实际分钟：</view>
@ -149,8 +139,7 @@
<!-- <u-icon name="minus-circle" color="#aaaaaa" size="60" ></u-icon> --> <!-- <u-icon name="minus-circle" color="#aaaaaa" size="60" ></u-icon> -->
</view> </view>
<view class="add-btn"> <view class="add-btn">
<u-button type="primary" @click="addSubForm('creat')"><u-icon name="plus-circle" color="#ffffff" <u-button type="primary" @click="addSubForm('creat')"><u-icon name="plus-circle" color="#ffffff" size="36"></u-icon>添加检修内容</u-button>
size="36"></u-icon>添加检修内容</u-button>
</view> </view>
</view> </view>
</view> </view>
@ -159,10 +148,9 @@
<u-popup v-model="isShowSelecUser" mode="center" border-radius="14"> <u-popup v-model="isShowSelecUser" mode="center" border-radius="14">
<view class="popup-title">选择维修人员</view> <view class="popup-title">选择维修人员</view>
<view class="popup"> <view class="popup">
<u-radio-group v-model="form.maintenance" <u-radio-group v-model="form.maintenance" @change="radioGroupChange('maintenance', form.maintenance, selecUserList)">
@change="radioGroupChange('maintenance',form.maintenance,selecUserList)">
<u-radio v-for="(item, index) in selecUserList" :key="index" :name="item.id"> <u-radio v-for="(item, index) in selecUserList" :key="index" :name="item.id">
{{item.name}} {{ item.name }}
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</view> </view>
@ -174,40 +162,33 @@
<view class="footer"> <view class="footer">
<view class="btns"> <view class="btns">
<button class="reset" @click="reset">重置</button> <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>
<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> </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> </view>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { import { onLoad } from '@dcloudio/uni-app'
onLoad import { ref, getCurrentInstance } from 'vue'
} from '@dcloudio/uni-app' import * as overhaulOrderApi from '@/api/overhaulOrder'
import { import * as moldApi from '@/api/mold'
ref, import * as dictApi from '@/api/dict'
getCurrentInstance import * as repairOrderApi from '@/api/repairOrder'
} from 'vue' import * as deviceApi from '@/api/device'
import * as overhaulOrderApi from "@/api/overhaulOrder" import * as deptApi from '@/api/dept'
import * as moldApi from "@/api/mold" import * as repairRelationApi from '@/api/repairRelation'
import * as dictApi from "@/api/dict"
import * as repairOrderApi from "@/api/repairOrder" const { proxy } = getCurrentInstance()
import * as deviceApi from "@/api/device"
import * as deptApi from "@/api/dept" const loading = ref(false)
import * as repairRelationApi from "@/api/repairRelation" const type = ref('')
const { proxy } = getCurrentInstance() const form = ref({
const loading = ref(false)
const type = ref('')
const form = ref({
id: '', id: '',
describes: "", describes: '',
maintenanceNumber: '', maintenanceNumber: '',
factoryAreaNumber: '', factoryAreaNumber: '',
factoryAreaName: '', factoryAreaName: '',
@ -215,68 +196,69 @@
deviceName: '', deviceName: '',
deviceNumber: '', deviceNumber: '',
faultTypeName: '', faultTypeName: '',
maintenance:'', maintenance: '',
subList: [], subList: [],
sourceType: '', sourceType: '',
sourceTypeName: '', sourceTypeName: '',
type: type type
}) })
const singleColumnShow = ref(false)
const singleColumnShow = ref(false) const singleColumnDefaultValue = ref([])
const singleColumnDefaultValue = ref([]) const singleColumnList = ref([])
const singleColumnList = ref([]) const field = ref('')
const field = ref('') const faultType = ref([])
const faultType = ref([]) const isDisabled = ref(false)
const isDisabled = ref(false) const choosesingleColumnItem = ref([])
const choosesingleColumnItem = ref([]) const msg = ref('')
const msg = ref('') // 维修人员
//维修人员 const selecUserList = ref([]) // 维修人员
const selecUserList = ref([])//维修人员 const isShowSelecUser = ref(false)
const isShowSelecUser = ref(false) const chooseUserInfo = ref(null)
const chooseUserInfo = ref(null) const serviceList = ref([])
const serviceList = ref([]) const sourceType = ref()
const sourceType = ref() const list = ref([
const list = ref([{ {
name: '检修内容' name: '检修内容'
}]) }
function submit() { ])
function submit() {
// 校验 // 校验
if (!form.value.describes) { if (!form.value.describes) {
proxy.$modal.showToast('请输入故障描述') proxy.$modal.showToast('请输入故障描述')
return; return
} }
if (!form.value.deviceNumber) { if (!form.value.deviceNumber) {
proxy.$modal.showToast(`请选择${type.value == 'DEVICE' || type.value == 'TECH' ? '设备' : '模具'}名称`) proxy.$modal.showToast(`请选择${type.value == 'DEVICE' || type.value == 'TECH' ? '设备' : '模具'}名称`)
return; return
} }
if (!form.value.deviceName) { if (!form.value.deviceName) {
proxy.$modal.showToast(msg.value) proxy.$modal.showToast(msg.value)
return; return
} }
if (!form.value.faultType) { if (!form.value.faultType) {
proxy.$modal.showToast('请选择故障类型') proxy.$modal.showToast('请选择故障类型')
return; return
} }
if (!form.value.maintenance) { if (!form.value.maintenance) {
proxy.$modal.showToast('请选择维修人员') proxy.$modal.showToast('请选择维修人员')
return; return
} }
for (let item of serviceList.value) { for (const item of serviceList.value) {
if (item.name_hide_delete) { if (item.name_hide_delete) {
if (!item.peoples) { if (!item.peoples) {
proxy.$modal.showToast('*'+item.name+'*的检修项的【预估人数】不能为空'); proxy.$modal.showToast(`*${item.name}*的检修项的【预估人数】不能为空`)
return; // 中断方法执行 return // 中断方法执行
} }
if (!item.estimatedMinutes) { if (!item.estimatedMinutes) {
proxy.$modal.showToast('*'+item.name+'*的检修项的【预估分钟】不能为空'); proxy.$modal.showToast(`*${item.name}*的检修项的【预估分钟】不能为空`)
return; // 中断方法执行 return // 中断方法执行
} }
if (!item.chargePeoples) { if (!item.chargePeoples) {
proxy.$modal.showToast('*'+item.name+'*的检修项的【责任人】不能为空'); proxy.$modal.showToast(`*${item.name}*的检修项的【责任人】不能为空`)
return; // 中断方法执行 return // 中断方法执行
} }
} }
} }
@ -289,15 +271,17 @@
factoryAreaNumber: form.value.factoryAreaNumber, factoryAreaNumber: form.value.factoryAreaNumber,
type: type.value, type: type.value,
faultType: form.value.faultType, faultType: form.value.faultType,
maintenance:form.value.maintenance, maintenance: form.value.maintenance,
subList: serviceList.value, subList: serviceList.value,
sourceType: form.value.sourceType, sourceType: form.value.sourceType
} }
if (form.value.id) { if (form.value.id) {
proxy.$modal.confirm('是否修改检修工单').then(() => { proxy.$modal.confirm('是否修改检修工单').then(() => {
proxy.$modal.loading('加载中') proxy.$modal.loading('加载中')
loading.value = true loading.value = true
overhaulOrderApi.overhaulOrderUpdate(data,type.value).then((res) => { overhaulOrderApi
.overhaulOrderUpdate(data, type.value)
.then((res) => {
proxy.$modal.closeLoading() proxy.$modal.closeLoading()
if (res.data) { if (res.data) {
proxy.$modal.showToast('修改成功') proxy.$modal.showToast('修改成功')
@ -306,14 +290,15 @@
loading.value = false loading.value = false
}, 1500) }, 1500)
} else { } else {
if(res.msg){ if (res.msg) {
proxy.$modal.showToast(res.msg) proxy.$modal.showToast(res.msg)
}else{ } else {
proxy.$modal.showToast('添加失败') proxy.$modal.showToast('添加失败')
} }
loading.value = false loading.value = false
} }
}).catch(() => { })
.catch(() => {
proxy.$modal.closeLoading() proxy.$modal.closeLoading()
loading.value = false loading.value = false
}) })
@ -322,7 +307,9 @@
proxy.$modal.confirm('是否添加检修工单').then(() => { proxy.$modal.confirm('是否添加检修工单').then(() => {
proxy.$modal.loading('加载中') proxy.$modal.loading('加载中')
loading.value = true loading.value = true
overhaulOrderApi.overhaulOrderCreate(data,type.value).then((res) => { overhaulOrderApi
.overhaulOrderCreate(data, type.value)
.then((res) => {
proxy.$modal.closeLoading() proxy.$modal.closeLoading()
if (res.data) { if (res.data) {
proxy.$modal.showToast('添加成功') proxy.$modal.showToast('添加成功')
@ -331,61 +318,61 @@
loading.value = false loading.value = false
}, 1500) }, 1500)
} else { } else {
if(res.msg){ if (res.msg) {
proxy.$modal.showToast(res.msg) proxy.$modal.showToast(res.msg)
}else{ } else {
proxy.$modal.showToast('添加失败') proxy.$modal.showToast('添加失败')
} }
loading.value = false loading.value = false
} }
}).catch(() => { })
.catch(() => {
proxy.$modal.closeLoading() proxy.$modal.closeLoading()
loading.value = false loading.value = false
}) })
}) })
} }
}
} // 重置
// 重置 function reset() {
function reset() {
form.value = { form.value = {
id: '', id: '',
describes: "", describes: '',
maintenanceNumber: '', maintenanceNumber: '',
factoryAreaNumber:'', factoryAreaNumber: '',
factoryAreaName:'', factoryAreaName: '',
faultType: '', faultType: '',
deviceName:'', deviceName: '',
deviceNumber:'', deviceNumber: '',
faultTypeName:'', faultTypeName: '',
maintenance:'', maintenance: '',
subList: [], subList: [],
sourceType: '', sourceType: '',
sourceTypeName: '', sourceTypeName: '',
type: type type
} }
serviceList.value = []
isDisabled.value = false isDisabled.value = false
} }
// 单列模式 // 单列模式
function openSingleColumn(fieldName, val, list) { function openSingleColumn(fieldName, val, list) {
if (fieldName == 'maintenanceNumber' && form.value.id) return; if (fieldName == 'maintenanceNumber' && form.value.id) return
if (fieldName == 'deviceNumber' && isDisabled.value) return; if (fieldName == 'deviceNumber' && isDisabled.value) return
singleColumnList.value = list singleColumnList.value = list
field.value = fieldName field.value = fieldName
if (val) { if (val) {
singleColumnDefaultValue.value = [list.findIndex(item => item.value == val)] singleColumnDefaultValue.value = [list.findIndex((item) => item.value == val)]
} else { } else {
singleColumnDefaultValue.value = [] singleColumnDefaultValue.value = []
} }
singleColumnShow.value = true singleColumnShow.value = true
} }
// 单列模式点击确定之后 // 单列模式点击确定之后
function chooseSingleColumn(e) { function chooseSingleColumn(e) {
form.value[field.value] = e[0].value form.value[field.value] = e[0].value
if (field.value == 'deviceNumber') { 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.deviceName = choosesingleColumnItem.value[0].name
form.value.factoryAreaName = choosesingleColumnItem.value[0].factoryAreaName form.value.factoryAreaName = choosesingleColumnItem.value[0].factoryAreaName
form.value.factoryAreaNumber = choosesingleColumnItem.value[0].factoryAreaNumber form.value.factoryAreaNumber = choosesingleColumnItem.value[0].factoryAreaNumber
@ -393,23 +380,23 @@
form.value.faultTypeName = e[0].label form.value.faultTypeName = e[0].label
} }
singleColumnShow.value = false singleColumnShow.value = false
} }
// 扫描设备条码 // 扫描设备条码
function chickRightButton(field) { function chickRightButton(field) {
form.value.type = type form.value.type = type
if (!form.value.type) { if (!form.value.type) {
proxy.$modal.showToast('请先选择类型') proxy.$modal.showToast('请先选择类型')
return; return
} }
uni.scanCode({ uni.scanCode({
success: function (res) { success(res) {
form.value.deviceNumber = res.result form.value.deviceNumber = res.result
getDetailsByNumber() getDetailsByNumber()
} }
}); })
} }
function blur() { function blur() {
if (form.value.deviceNumber) { if (form.value.deviceNumber) {
getDetailsByNumber() getDetailsByNumber()
} else { } else {
@ -417,59 +404,65 @@
form.value.factoryAreaName = '' form.value.factoryAreaName = ''
form.value.factoryAreaNumber = '' form.value.factoryAreaNumber = ''
} }
} }
// 根据设备/模具号查询信息 // 根据设备/模具号查询信息
function getDetailsByNumber() { function getDetailsByNumber() {
if (type.value == 'DEVICE' || type.value == 'TECH') { if (type.value == 'DEVICE' || type.value == 'TECH') {
deviceApi.getDeviceDetailsByNumber({ deviceApi
.getDeviceDetailsByNumber({
number: form.value.deviceNumber, number: form.value.deviceNumber,
type: type.value type: type.value
}).then((res) => { })
.then((res) => {
if (!res.data) { if (!res.data) {
msg.value = res.msg msg.value = res.msg
form.value.deviceName = '' form.value.deviceName = ''
form.value.factoryAreaName = '' form.value.factoryAreaName = ''
form.value.factoryAreaNumber = '' form.value.factoryAreaNumber = ''
return; return
} }
form.value.deviceName = res.data.name form.value.deviceName = res.data.name
form.value.factoryAreaName = res.data.factoryAreaName form.value.factoryAreaName = res.data.factoryAreaName
form.value.factoryAreaNumber = res.data.factoryAreaNumber form.value.factoryAreaNumber = res.data.factoryAreaNumber
}).catch((error) => { })
.catch((error) => {
msg.value = error.msg msg.value = error.msg
form.value.deviceName = '' form.value.deviceName = ''
form.value.factoryAreaName = '' form.value.factoryAreaName = ''
form.value.factoryAreaNumber = '' form.value.factoryAreaNumber = ''
}) })
} else if (type.value == 'MOLD') { } else if (type.value == 'MOLD') {
moldApi.getMoldDetailsByNumber({ moldApi
.getMoldDetailsByNumber({
number: form.value.deviceNumber number: form.value.deviceNumber
}).then((res) => { })
.then((res) => {
if (!res.data) { if (!res.data) {
msg.value = res.msg msg.value = res.msg
form.value.deviceName = '' form.value.deviceName = ''
form.value.factoryAreaName = '' form.value.factoryAreaName = ''
form.value.factoryAreaNumber = '' form.value.factoryAreaNumber = ''
return; return
} }
form.value.deviceName = res.data.name form.value.deviceName = res.data.name
form.value.factoryAreaName = res.data.factoryAreaName form.value.factoryAreaName = res.data.factoryAreaName
form.value.factoryAreaNumber = res.data.factoryAreaNumber form.value.factoryAreaNumber = res.data.factoryAreaNumber
}).catch((error) => { })
.catch((error) => {
msg.value = error.msg msg.value = error.msg
form.value.deviceName = '' form.value.deviceName = ''
form.value.factoryAreaName = '' form.value.factoryAreaName = ''
form.value.factoryAreaNumber = '' form.value.factoryAreaNumber = ''
}) })
} }
} }
function openOrder() { function openOrder() {
proxy.$tab.navigateTo(`/pages/overhaulOrder/reqairOrderList?type=` + type.value) proxy.$tab.navigateTo(`/pages/overhaulOrder/reqairOrderList?type=${type.value}`)
} }
onLoad(async (option) => { onLoad(async (option) => {
if (option.type) type.value = option.type; if (option.type) type.value = option.type
if (option.data) { if (option.data) {
let data = JSON.parse(decodeURIComponent(option.data)) const data = JSON.parse(decodeURIComponent(option.data))
form.value = { form.value = {
id: data.id, id: data.id,
describes: data.describes, describes: data.describes,
@ -478,13 +471,13 @@
deviceNumber: data.deviceNumber, deviceNumber: data.deviceNumber,
factoryAreaName: data.factoryAreaName, factoryAreaName: data.factoryAreaName,
faultType: data.faultType, 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') faultType.value = await dictApi.getDict('fault_type')
sourceType.value = await dictApi.getDict('order_source_type') sourceType.value = await dictApi.getDict('order_source_type')
uni.$on('chooseOrder', data => { uni.$on('chooseOrder', (data) => {
if (data) { if (data) {
form.value.maintenanceNumber = data.number form.value.maintenanceNumber = data.number
form.value.deviceName = data.name form.value.deviceName = data.name
@ -492,8 +485,8 @@
form.value.deviceName = data.name form.value.deviceName = data.name
form.value.factoryAreaName = data.factoryAreaName form.value.factoryAreaName = data.factoryAreaName
form.value.factoryAreaNumber = data.factoryAreaNumber form.value.factoryAreaNumber = data.factoryAreaNumber
form.value.subList= data.subList form.value.subList = data.subList
form.value.sourceType=data.sourceType form.value.sourceType = data.sourceType
isDisabled.value = true isDisabled.value = true
} else { } else {
form.value.maintenanceNumber = '' form.value.maintenanceNumber = ''
@ -502,17 +495,17 @@
form.value.deviceName = '' form.value.deviceName = ''
form.value.factoryAreaName = '' form.value.factoryAreaName = ''
form.value.factoryAreaNumber = '' form.value.factoryAreaNumber = ''
form.value.subList= [] form.value.subList = []
form.value.sourceType='0' form.value.sourceType = '0'
isDisabled.value = false 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'){ if (form.value.sourceType == '1') {
repairRelationApi.getRepairRelationNoPage({repairNumber:form.value.maintenanceNumber}).then(response=>{ repairRelationApi.getRepairRelationNoPage({ repairNumber: form.value.maintenanceNumber }).then((response) => {
serviceList.value = response.data.map(item=>{ serviceList.value = response.data.map((item) => {
return { return {
name: item.spotInspectionName, name: item.spotInspectionName,
name_hide_delete: true, name_hide_delete: true
} }
}) })
}) })
@ -523,50 +516,50 @@
// 更新 serviceList // 更新 serviceList
if (formData.name_hide_delete) { 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) { if (index !== -1) {
serviceList.value.splice(index, 1, formData); serviceList.value.splice(index, 1, formData)
} }
} else { } else {
// 添加新项目 // 添加新项目
serviceList.value.push(formData); serviceList.value.push(formData)
} }
});
}) })
})
// 打开人员列表 // 打开人员列表
function openSelecUser(fieldName) { function openSelecUser(fieldName) {
field.value = fieldName field.value = fieldName
getSelecUser(); getSelecUser()
isShowSelecUser.value = true isShowSelecUser.value = true
} }
function radioGroupChange(field, e, list) { function radioGroupChange(field, e, list) {
form.value.maintenance = e; form.value.maintenance = e
chooseUserInfo.value = e chooseUserInfo.value = e
} }
// 选择人员 // 选择人员
function chooseUser() { function chooseUser() {
if(!chooseUserInfo.value){ if (!chooseUserInfo.value) {
proxy.$modal.showToast('请选择人员') proxy.$modal.showToast('请选择人员')
return; return
} }
form.value[field.value] = chooseUserInfo.value form.value[field.value] = chooseUserInfo.value
isShowSelecUser.value = false isShowSelecUser.value = false
} }
// 获取人员列表 // 获取人员列表
async function getSelecUser() { async function getSelecUser() {
let data = { const data = {
classType: type.value, classType: type.value,
factoryAreaNumber: form.value.factoryAreaNumber, factoryAreaNumber: form.value.factoryAreaNumber
} }
let arr = [] let arr = []
if (form.value.maintenances) { if (form.value.maintenances) {
arr = form.value.maintenances.split(',') arr = form.value.maintenances.split(',')
} }
await deptApi.getSelecUser(data).then(res => { await deptApi.getSelecUser(data).then((res) => {
res.data.forEach(item => { res.data.forEach((item) => {
item.checked = false item.checked = false
arr.forEach(cur => { arr.forEach((cur) => {
if (item.id == cur) { if (item.id == cur) {
item.checked = true item.checked = true
} }
@ -574,60 +567,53 @@
}) })
selecUserList.value = res.data selecUserList.value = res.data
}) })
} }
// 多选选择框回显 // 多选选择框回显
function selectFormatRadin(val, array) { 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 return str
} }
// 添加表格表单 // 添加表格表单
function addSubForm(clickType, item) { function addSubForm(clickType, item) {
if(!form.value.factoryAreaNumber){ if (!form.value.factoryAreaNumber) {
proxy.$modal.showToast('请先选择维修工单或设备！') proxy.$modal.showToast('请先选择维修工单或设备！')
return; return
} }
if (clickType == 'updata') { if (clickType == 'updata') {
proxy.$tab.navigateTo( 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}`)
`/pages/overhaulOrder/addSubItem?type=${type.value}&number=${form.value.number}&factoryAreaNumber=${form.value.factoryAreaNumber}&data=${encodeURIComponent(JSON.stringify(item))}&deviceNumber=${form.value.deviceNumber}`
)
} else { } else {
proxy.$tab.navigateTo( proxy.$tab.navigateTo(`/pages/overhaulOrder/addSubItem?type=${type.value}&number=${form.value.number}&factoryAreaNumber=${form.value.factoryAreaNumber}&deviceNumber=${form.value.deviceNumber}`)
`/pages/overhaulOrder/addSubItem?type=${type.value}&number=${form.value.number}&factoryAreaNumber=${form.value.factoryAreaNumber}&deviceNumber=${form.value.deviceNumber}`
)
}
} }
}
// 删除维修内容 // 删除维修内容
function delService(item) { function delService(item) {
proxy.$modal.confirm('确定删除维修内容吗？').then(() => { proxy.$modal.confirm('确定删除维修内容吗？').then(() => {
serviceList.value = serviceList.value.filter(element=>{ serviceList.value = serviceList.value.filter((element) => {
return element.name != item.name return element.name != item.name
}) })
}) })
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.add-form-container { .add-form-container {
min-height: calc(100vh - 140rpx); min-height: calc(100vh - 140rpx);
background: white; background: white;
padding: 0px 0rpx 140rpx; padding: 0px 0rpx 140rpx;
} }
.u-form-item { .u-form-item {
padding: 20rpx 30rpx; padding: 20rpx 30rpx;
} }
.disabled { .disabled {
background: #f5f5f5; background: #f5f5f5;
} }
.list { .list {
padding-bottom: 20rpx; padding-bottom: 20rpx;
.item { .item {
@ -664,19 +650,19 @@
} }
} }
} }
} }
.footer { .footer {
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
width: 100%; width: 100%;
} z-index: 99;
}
.btns { .btns {
display: flex; display: flex;
button { button {
flex: 1; flex: 1;
} }
@ -693,25 +679,25 @@
} }
.reset { .reset {
background: #F5F5F5; background: #f5f5f5;
border-radius: 0px; border-radius: 0px;
&::after { &::after {
border-radius: 0px; border-radius: 0px;
} }
} }
} }
.right-button { .right-button {
background: #409eff; background: #409eff;
color: white; color: white;
padding: 0rpx 30rpx; padding: 0rpx 30rpx;
border-radius: 16rpx; border-radius: 16rpx;
text-align: center; text-align: center;
font-size: 28rpx; font-size: 28rpx;
} }
.select { .select {
display: flex; display: flex;
align-items: center; align-items: center;
height: 72rpx; height: 72rpx;
@ -727,24 +713,22 @@
flex: 1; flex: 1;
font-size: 28rpx; font-size: 28rpx;
color: rgb(192, 196, 204); color: rgb(192, 196, 204);
} }
} }
.popup-title { .popup-title {
text-align: center; text-align: center;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #409eff; color: #409eff;
padding: 30rpx 30rpx 0px padding: 30rpx 30rpx 0px;
} }
.popup { .popup {
width: 600rpx; width: 600rpx;
padding: 30rpx 60rpx 30rpx; padding: 30rpx 60rpx 30rpx;
}
} .popup-footer {
.popup-footer {
display: flex; display: flex;
border-top: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;
@ -757,35 +741,34 @@
color: #409eff; color: #409eff;
} }
} }
} }
::v-deep .u-checkbox-group { ::v-deep .u-checkbox-group {
display: grid !important; display: grid !important;
} }
.item-name{ .item-name {
font-size: 30rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
padding: 20rpx 0px 0px; padding: 20rpx 0px 0px;
} }
.item-dec{ .item-dec {
color: #8f8f8f; color: #8f8f8f;
} }
.sub-item-wrapper { .sub-item-wrapper {
overflow-x: auto; /* 允许横向滚动 */ overflow-x: auto; /* 允许横向滚动 */
white-space: nowrap; /* 子项在同一行显示 */ white-space: nowrap; /* 子项在同一行显示 */
} }
.tab { .tab {
border-bottom: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;
}
} .left-align {
.left-align {
display: flex; display: flex;
justify-content: flex-start; /* 将内容靠左对齐 */ justify-content: flex-start; /* 将内容靠左对齐 */
} }
.left-align-tabs { .left-align-tabs {
flex-grow: 0; /* 防止 <u-tabs> 撑满父容器 */ flex-grow: 0; /* 防止 <u-tabs> 撑满父容器 */
} }
.title { .title {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 20rpx 30rpx; padding: 20rpx 30rpx;
@ -799,9 +782,9 @@
font-weight: bold; font-weight: bold;
} }
} }
} }
.list { .list {
padding: 20rpx; padding: 20rpx;
.item { .item {
@ -833,8 +816,6 @@
color: #9c9c9c; color: #9c9c9c;
padding: 0rpx 30rpx 20rpx; padding: 0rpx 30rpx 20rpx;
} }
}
} }
}
</style> </style>
Write Preview
Loading…
Cancel
Save