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

fix: SBBJ-1177模具、设备检修工单，添加备件，查询没反应

master
张立 2 weeks ago
parent
3aabe5529d
commit
5809f61cce
2 changed files with 687 additions and 689 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. 15
      src/components/item/slectItemList.vue
  2. 481
      src/pages/overhaulOrder/addServiceRecord.vue

15
src/components/item/slectItemList.vue
View File

@ -3,7 +3,7 @@
<u-popup v-model="props.isShowSelectItem" mode="center" border-radius="14"> <u-popup v-model="props.isShowSelectItem" mode="center" border-radius="14">
<view class="popup-title">选择备件</view> <view class="popup-title">选择备件</view>
<view class="popup"> <view class="popup">
<u-search :placeholder="props.searchPlaceholder" v-model="form1.searchName" @change="searchItem" clearabled="false"></u-search> <u-search :placeholder="props.searchPlaceholder" v-model="form1.searchName" @search="searchItem" @custom="searchItem" clearabled="false"></u-search>
<scroll-view class="list" scroll-y="true" style="max-height: 800rpx" @scrolltolower="scrolltolower"> <scroll-view class="list" scroll-y="true" style="max-height: 800rpx" @scrolltolower="scrolltolower">
<view class="item" v-for="(item, index) in tableData" :key="index" @click="chooseItem(item)"> <view class="item" v-for="(item, index) in tableData" :key="index" @click="chooseItem(item)">
<u-checkbox v-model="item.checked" shape="circle" style="margin-top: 8rpx"></u-checkbox> <u-checkbox v-model="item.checked" shape="circle" style="margin-top: 8rpx"></u-checkbox>
@ -104,7 +104,18 @@ watch(
} }
} }
) )
watch(
() => props.singleColumnList,
(newValue, oldValue) => {
if (newValue) {
currentPage.value = 1
showTableData()
}
},
{
deep: true
}
)
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
const repairOrderList = ref([]) const repairOrderList = ref([])
const itemList = ref([]) const itemList = ref([])

481
src/pages/overhaulOrder/addServiceRecord.vue
View File

@ -16,63 +16,56 @@
</u-form-item> </u-form-item>
<u-form-item label="责任人" prop="chargePeoples" required> <u-form-item label="责任人" prop="chargePeoples" required>
<view class="select" @click="openSelecUser"> <view class="select" @click="openSelecUser">
<view class="input" v-if='form.chargePeoples'> <view class="input" v-if="form.chargePeoples">
{{selectFormatCheck(form.chargePeoples,selecUserList)}} {{ selectFormatCheck(form.chargePeoples, 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>
<u-form-item label="完成情况" prop="status" required> <u-form-item label="完成情况" prop="status" required>
<view class="select" @click="openSingleColumn('status',form.status,jxDetailsStatus,'form')"> <view class="select" @click="openSingleColumn('status', form.status, jxDetailsStatus, 'form')">
<view class="input" v-if='form.status'> <view class="input" v-if="form.status">
{{form.statusTxt}} {{ form.statusTxt }}
</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>
</u-form-item> </u-form-item>
<u-form-item label="完成时间" prop="completionTime" required v-if='form.status === 0||form.status === "0"'> <u-form-item label="完成时间" prop="completionTime" required v-if="form.status === 0 || form.status === '0'">
<view class="select" @click="openDatetime('completionTime',formatDate,params,formatValue)"> <view class="select" @click="openDatetime('completionTime', formatDate, params, formatValue)">
<view class="input" v-if='formatDate'> <view class="input" v-if="formatDate">
{{formatDate}} {{ formatDate }}
</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="uncompleted" required v-if='form.status === 1||form.status === "1"'> <u-form-item label="未完成原因" prop="uncompleted" required v-if="form.status === 1 || form.status === '1'">
<u-input type='textarea' v-model="form.uncompleted" placeholder="请输入未完成原因" maxlength="200" /> <u-input type="textarea" v-model="form.uncompleted" placeholder="请输入未完成原因" maxlength="200" />
</u-form-item> </u-form-item>
<u-form-item label="工程师确认" prop="engineer"> <u-form-item label="工程师确认" prop="engineer">
<u-input v-model="form.engineer" placeholder="请输入工程师确认" maxlength="50" /> <u-input v-model="form.engineer" placeholder="请输入工程师确认" maxlength="50" />
</u-form-item> </u-form-item>
</u-form> </u-form>
<view class="list"> <view class="list">
<view class="title"> <view class="title"> <span></span>备件 </view>
<span></span>备件 <view class="item" v-for="(item, index) in form.itemNumbers" :key="index">
</view>
<view class="item " v-for="(item,index) in form.itemNumbers" :key="index">
<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> </view>
<u-row gutter="16"> <u-row gutter="16">
<u-col :span="12"> <u-col :span="12">
<view class="dec"> <view class="dec">
<view class=""> <view class=""> 数量:{{ item.qty }} </view>
数量:{{item.qty}}
</view>
</view> </view>
</u-col> </u-col>
</u-row> </u-row>
@ -80,16 +73,15 @@
<u-icon name="minus-circle" color="#aaaaaa" size="60" @click="delSpareParts(index)"></u-icon> <u-icon name="minus-circle" color="#aaaaaa" size="60" @click="delSpareParts(index)"></u-icon>
</view> </view>
<view class="add-btn"> <view class="add-btn">
<u-button type="primary" @click="open"><u-icon name="plus-circle" color="#ffffff" <u-button type="primary" @click="open"><u-icon name="plus-circle" color="#ffffff" size="36"></u-icon>添加备件</u-button>
size="36"></u-icon>添加备件</u-button>
</view> </view>
</view> </view>
<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-popup v-model="isPopupShow" mode="center" border-radius="14"> <u-popup v-model="isPopupShow" mode="center" border-radius="14">
@ -97,13 +89,11 @@
<view class="popup"> <view class="popup">
<u-form :model="form1" ref="form1Ref" label-width="160rpx"> <u-form :model="form1" ref="form1Ref" label-width="160rpx">
<u-form-item :label="`备件`" prop="number" required> <u-form-item :label="`备件`" prop="number" required>
<view class="select" @click="openSingleColumn('number',form1.number,sparePartsList,'form1')"> <view class="select" @click="openSingleColumn('number', form1.number, sparePartsList, 'form1')">
<view class="input" v-if='form1.number'> <view class="input" v-if="form1.number">
{{form1.name}} {{ form1.name }}
</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>
@ -122,160 +112,152 @@
<view class="popup-title">选择维修人员</view> <view class="popup-title">选择维修人员</view>
<view class="popup"> <view class="popup">
<u-checkbox-group @change="checkboxGroupChange"> <u-checkbox-group @change="checkboxGroupChange">
<u-checkbox v-model="item.checked" v-for="(item, index) in selecUserList" :key="index" <u-checkbox v-model="item.checked" v-for="(item, index) in selecUserList" :key="index" :name="item.id">{{ item.name }}</u-checkbox>
:name="item.id">{{item.name}}</u-checkbox>
</u-checkbox-group> </u-checkbox-group>
</view> </view>
<view class="popup-footer"> <view class="popup-footer">
<view @click="isShowSelecUser = false">取消</view> <view @click="isShowSelecUser = false">取消</view>
<view class="sure" @click="chooseUser">确认</view> <view class="sure" @click="chooseUser">确认</view>
</view> </view>
</u-popup> </u-popup>
<SelectItemList :isShowSelectItem=isShowSelectItem :singleColumnList=singleColumnList @searchItem='searchItem' @chooseItem1='chooseItem1'/> <SelectItemList :isShowSelectItem="isShowSelectItem" :singleColumnList="singleColumnList" @searchItem="searchItem" @chooseItem1="chooseItem1" />
<u-select v-model="singleColumnShow" mode="single-column" :default-value='singleColumnDefaultValue' <u-select v-model="singleColumnShow" mode="single-column" :default-value="singleColumnDefaultValue" :list="singleColumnList" @confirm="chooseSingleColumn" @cancle="singleColumnShow = false"></u-select>
:list="singleColumnList" @confirm="chooseSingleColumn" @cancle='singleColumnShow = false'></u-select> <u-picker mode="time" v-model="datetimeShow" :default-time="datetimeDefaultValue" :params="params" @confirm="chooseDatetime"></u-picker>
<u-picker mode="time" v-model="datetimeShow" :default-time='datetimeDefaultValue' :params="params"
@confirm='chooseDatetime'></u-picker>
</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 sparePartsApi from '@/api/spareParts'
ref, import * as deptApi from '@/api/dept'
getCurrentInstance import * as dictApi from '@/api/dict'
} from 'vue' import SelectItemList from '../../components/item/slectItemList.vue'
import * as overhaulOrderApi from "@/api/overhaulOrder"
import * as sparePartsApi from "@/api/spareParts" const { proxy } = getCurrentInstance()
import * as deptApi from "@/api/dept" const loading = ref(false)
import * as dictApi from "@/api/dict" const type = ref('')
import SelectItemList from "../../components/item/slectItemList.vue" // 备件弹窗
const { proxy} = getCurrentInstance() const isPopupShow = ref(false)
const loading = ref(false) const sparePartsList = ref([])
const type = ref('') const isShowSelectItem = ref(false) // 选择备件弹出窗
// 备件弹窗 const singleColumnShow = ref(false)
const isPopupShow = ref(false) const singleColumnDefaultValue = ref([])
const sparePartsList = ref([]) const singleColumnList = ref([])
const isShowSelectItem = ref(false)//选择备件弹出窗 const field = ref('')
const singleColumnShow = ref(false) const selecUserList = ref([]) // 负责人员
const singleColumnDefaultValue = ref([]) const isShowSelecUser = ref(false)
const singleColumnList = ref([]) const jxDetailsStatus = ref([]) // 完成情况
const field = ref('') const formatDate = ref('') // 日期展示
const selecUserList = ref([])//负责人员 const form = ref({
const isShowSelecUser = ref(false)
const jxDetailsStatus = ref([])//完成情况
const formatDate = ref('')//日期展示
const form = ref({
number: '', number: '',
name: '', name: '',
peoples: null, peoples: null,
estimatedMinutes: '', estimatedMinutes: '',
actualMinutes: '', actualMinutes: '',
chargePeoples: '', chargePeoples: '',
status:null, status: null,
completionTime: '', completionTime: '',
engineer: '', engineer: '',
uncompleted: '', uncompleted: '',
itemNumbers: [] itemNumbers: []
}) })
const form1 = ref({ const form1 = ref({
number: "", number: '',
name: "", name: '',
qty: 0 qty: 0
}) })
// 时间参数 // 时间参数
const datetimeShow = ref(false) const datetimeShow = ref(false)
const params = ref({ const params = ref({
year: true, year: true,
month: true, month: true,
day: true, day: true,
hour: true, hour: true,
minute: true, minute: true,
second: true, second: true,
timestamp: true, timestamp: true
}) })
const datetimeDefaultValue = ref('') const datetimeDefaultValue = ref('')
const formatValue = ref('YYYY-MM-DD hh:mm:ss') const formatValue = ref('YYYY-MM-DD hh:mm:ss')
const factoryAreaNumber = ref('') const factoryAreaNumber = ref('')
const chooseUserList = ref([]) const chooseUserList = ref([])
// 验证正整数 // 验证正整数
function validateInteger(value){ function validateInteger(value) {
if (value) { if (value) {
const integerReg = /^[+]{0,1}(\d+)$/ const integerReg = /^[+]{0,1}(\d+)$/
if (integerReg.test(value)) { if (integerReg.test(value)) {
return true return true
} else {
return false
} }
} else {
return false return false
} }
} return false
// 触发提交表单 }
function submit() { // 触发提交表单
function submit() {
// 校验 // 校验
if (!form.value.name) { if (!form.value.name) {
proxy.$modal.showToast('请输入检修描述') proxy.$modal.showToast('请输入检修描述')
return; return
} }
if (!form.value.peoples || form.value.peoples == 0) { if (!form.value.peoples || form.value.peoples == 0) {
proxy.$modal.showToast('请输入预估人数') proxy.$modal.showToast('请输入预估人数')
return; return
} }
if (!validateInteger(form.value.peoples)) { if (!validateInteger(form.value.peoples)) {
proxy.$modal.showToast('预估人数请输入正整数') proxy.$modal.showToast('预估人数请输入正整数')
return; return
} }
if (form.value.peoples > 100) { if (form.value.peoples > 100) {
proxy.$modal.showToast('预估人数不得超出100') proxy.$modal.showToast('预估人数不得超出100')
return; return
} }
if (!form.value.estimatedMinutes || form.value.estimatedMinutes == 0) { if (!form.value.estimatedMinutes || form.value.estimatedMinutes == 0) {
proxy.$modal.showToast(`请输入预估分钟`) proxy.$modal.showToast('请输入预估分钟')
return; return
} }
if (!validateInteger(form.value.estimatedMinutes)) { if (!validateInteger(form.value.estimatedMinutes)) {
proxy.$modal.showToast('预估分钟请输入正整数') proxy.$modal.showToast('预估分钟请输入正整数')
return; return
} }
if (!form.value.actualMinutes) { if (!form.value.actualMinutes) {
proxy.$modal.showToast('请输入实际分钟') proxy.$modal.showToast('请输入实际分钟')
return; return
} }
if (!validateInteger(form.value.actualMinutes)) { if (!validateInteger(form.value.actualMinutes)) {
proxy.$modal.showToast('实际分钟请输入正整数') proxy.$modal.showToast('实际分钟请输入正整数')
return; return
} }
if (!form.value.chargePeoples) { if (!form.value.chargePeoples) {
proxy.$modal.showToast('请选择负责人') proxy.$modal.showToast('请选择负责人')
return; return
} }
if (!form.value.status) { if (!form.value.status) {
proxy.$modal.showToast('请选择完成情况') proxy.$modal.showToast('请选择完成情况')
return; return
} }
if (form.value.status == 0) { if (form.value.status == 0) {
if (!form.value.completionTime) { if (!form.value.completionTime) {
proxy.$modal.showToast('请选择完成时间') proxy.$modal.showToast('请选择完成时间')
return; return
} }
} }
if (form.value.status == 1) { if (form.value.status == 1) {
if (!form.value.uncompleted) { if (!form.value.uncompleted) {
proxy.$modal.showToast('请输入未完成原因') proxy.$modal.showToast('请输入未完成原因')
return; return
} }
} }
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.overhaulOrderDetailUpdate(form.value,type.value).then((res) => { overhaulOrderApi
.overhaulOrderDetailUpdate(form.value, type.value)
.then((res) => {
proxy.$modal.closeLoading() proxy.$modal.closeLoading()
if (res.data) { if (res.data) {
proxy.$modal.showToast('修改成功') proxy.$modal.showToast('修改成功')
@ -284,14 +266,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
}) })
@ -300,7 +283,9 @@
proxy.$modal.confirm('是否添加检修内容').then(() => { proxy.$modal.confirm('是否添加检修内容').then(() => {
proxy.$modal.loading('加载中') proxy.$modal.loading('加载中')
loading.value = true loading.value = true
overhaulOrderApi.overhaulOrderDetailCreate(form.value,type.value).then((res) => { overhaulOrderApi
.overhaulOrderDetailCreate(form.value, type.value)
.then((res) => {
proxy.$modal.closeLoading() proxy.$modal.closeLoading()
if (res.data) { if (res.data) {
proxy.$modal.showToast('添加成功') proxy.$modal.showToast('添加成功')
@ -309,23 +294,23 @@
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.name = '' form.value.name = ''
form.value.peoples = null form.value.peoples = null
form.value.estimatedMinutes = '' form.value.estimatedMinutes = ''
@ -337,10 +322,10 @@
form.value.uncompleted = '' form.value.uncompleted = ''
form.value.itemNumbers = [] form.value.itemNumbers = []
formatDate.value = '' formatDate.value = ''
} }
// 获取人员列表 // 获取人员列表
async function getSelecUser() { async function getSelecUser() {
let data = { const data = {
classType: type.value, classType: type.value,
factoryAreaNumber: factoryAreaNumber.value, factoryAreaNumber: factoryAreaNumber.value,
flag: 0 flag: 0
@ -349,136 +334,144 @@
if (form.value.chargePeoples) { if (form.value.chargePeoples) {
arr = form.value.chargePeoples.split(',') arr = form.value.chargePeoples.split(',')
} }
await deptApi.getSelecUser(data).then(res => { await deptApi
res.data.forEach(item => { .getSelecUser(data)
.then((res) => {
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
} }
}) })
}) })
selecUserList.value = res.data selecUserList.value = res.data
}).catch(() => { }) })
} .catch(() => {})
// 打开人员列表 }
function openSelecUser() { // 打开人员列表
function openSelecUser() {
isShowSelecUser.value = true isShowSelecUser.value = true
} }
function checkboxGroupChange(e) { function checkboxGroupChange(e) {
chooseUserList.value = e chooseUserList.value = e
} }
// 多选选择框回显 // 多选选择框回显
function selectFormatCheck(val, array) { function selectFormatCheck(val, array) {
const arr = val.split(',').map(Number) const arr = val.split(',').map(Number)
let str = array.filter(item => arr.includes(item.id)).map(item => item.name).join(',') const str = array
.filter((item) => arr.includes(item.id))
.map((item) => item.name)
.join(',')
return str return str
} }
// 选择人员 // 选择人员
function chooseUser() { function chooseUser() {
form.value.chargePeoples = chooseUserList.value.join(',') form.value.chargePeoples = chooseUserList.value.join(',')
isShowSelecUser.value = false isShowSelecUser.value = false
} }
const whichForm = ref() const whichForm = ref()
// 单列模式 // 单列模式
function openSingleColumn(fieldName, val, list, from) { function openSingleColumn(fieldName, val, list, from) {
if (fieldName == 'deviceNumber' && form.value.id) return; if (fieldName == 'deviceNumber' && form.value.id) return
whichForm.value = from whichForm.value = from
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 = []
} }
if(fieldName == 'number'){ if (fieldName == 'number') {
isShowSelectItem.value = true; isShowSelectItem.value = true
}else{ } else {
singleColumnShow.value = true singleColumnShow.value = true
} }
}
} // 单列模式点击确定之后
// 单列模式点击确定之后 function chooseSingleColumn(e) {
function chooseSingleColumn(e) { if (whichForm.value == 'form') {
if(whichForm.value == 'form'){
form.value[field.value] = e[0].value form.value[field.value] = e[0].value
if(field.value=='status'){ if (field.value == 'status') {
form.value.statusTxt = e[0].label form.value.statusTxt = e[0].label
formatDate.value = '' formatDate.value = ''
} }
}else if(whichForm.value == 'form1'){ } else if (whichForm.value == 'form1') {
form1.value[field.value] = e[0].value form1.value[field.value] = e[0].value
if(field.value=='number'){ if (field.value == 'number') {
form1.value.name = e[0].label form1.value.name = e[0].label
} }
} }
singleColumnShow.value = false singleColumnShow.value = false
} }
// 获取备件列表 // 获取备件列表
async function getSparePartsList(number,name) { async function getSparePartsList(number, name) {
number =form.value.deviceNumber number = form.value.deviceNumber
let param = { const param = {
number:number, number,
name:name name
} }
await sparePartsApi.getSparePartsList(param).then(res => { await sparePartsApi
res.data.map(item => { .getSparePartsList(param)
.then((res) => {
res.data.map((item) => {
item.value = item.number item.value = item.number
item.label = item.name item.label = item.name
}) })
sparePartsList.value = res.data sparePartsList.value = res.data
singleColumnList.value = sparePartsList.value singleColumnList.value = sparePartsList.value
}).catch(() => { }) })
} .catch(() => {})
// 打开弹窗 }
function open() { // 打开弹窗
function open() {
form1.value = { form1.value = {
number: "", number: '',
name:'', name: '',
qty: 0 qty: 0
} }
isPopupShow.value = true isPopupShow.value = true
} }
// 添加配件 // 添加配件
function addSpare() { function addSpare() {
if (!form1.value.number) { if (!form1.value.number) {
proxy.$modal.showToast('请选择备件') proxy.$modal.showToast('请选择备件')
return; return
} }
if (!form1.value.qty || form1.value.qty == 0) { if (!form1.value.qty || form1.value.qty == 0) {
proxy.$modal.showToast('请输入数量') proxy.$modal.showToast('请输入数量')
return; return
} }
if (form.value.itemNumbers && form.value.itemNumbers.length > 0) { if (form.value.itemNumbers && form.value.itemNumbers.length > 0) {
let arr = form.value.itemNumbers.filter(item => item.number == form1.value.number) const arr = form.value.itemNumbers.filter((item) => item.number == form1.value.number)
if (arr && arr.length > 0) { if (arr && arr.length > 0) {
proxy.$modal.showToast('该备件已添加') proxy.$modal.showToast('该备件已添加')
return; return
} }
} }
form.value.itemNumbers.push(form1.value) form.value.itemNumbers.push(form1.value)
isPopupShow.value = false isPopupShow.value = false
} }
// 删除备件 // 删除备件
function delSpareParts(index) { function delSpareParts(index) {
form.value.itemNumbers.splice(index, 1) form.value.itemNumbers.splice(index, 1)
} }
function openDatetime(fieldName, val, params, format) { function openDatetime(fieldName, val, params, format) {
params.value = params params.value = params
formatValue.value = format formatValue.value = format
field.value = fieldName field.value = fieldName
form.value[field.value] = val ? val : '' form.value[field.value] = val || ''
datetimeDefaultValue.value = val ? val : proxy.$time.formatDate() datetimeDefaultValue.value = val || proxy.$time.formatDate()
datetimeShow.value = true datetimeShow.value = true
} }
// 日期模式点击确定之后 // 日期模式点击确定之后
function chooseDatetime(e) { function chooseDatetime(e) {
let array1 = [] const array1 = []
let array2 = [] const array2 = []
if (formatValue.value.indexOf('YYYY') > -1) { if (formatValue.value.indexOf('YYYY') > -1) {
array1.push(e.year) array1.push(e.year)
} }
@ -497,65 +490,62 @@
if (formatValue.value.indexOf('ss') > -1) { if (formatValue.value.indexOf('ss') > -1) {
array2.push(e.second) array2.push(e.second)
} }
let str = array1.join('-') + ' ' + array2.join(':') const str = `${array1.join('-')} ${array2.join(':')}`
formatDate.value = str formatDate.value = str
form.value[field.value] = e.timestamp*1000 form.value[field.value] = e.timestamp * 1000
} }
onLoad(async(option) => { onLoad(async (option) => {
if (option.type) type.value = option.type; if (option.type) type.value = option.type
if (option.factoryAreaNumber) factoryAreaNumber.value = option.factoryAreaNumber; if (option.factoryAreaNumber) factoryAreaNumber.value = option.factoryAreaNumber
if (option.number) form.value.number = option.number; if (option.number) form.value.number = option.number
if (option.deviceNumber) form.value.deviceNumber = option.deviceNumber; if (option.deviceNumber) form.value.deviceNumber = option.deviceNumber
if (option.data && JSON.parse(decodeURIComponent(option.data)) && JSON.parse(decodeURIComponent(option if (option.data && JSON.parse(decodeURIComponent(option.data)) && JSON.parse(decodeURIComponent(option.data)).id) {
.data)).id) {
form.value = JSON.parse(decodeURIComponent(option.data)) form.value = JSON.parse(decodeURIComponent(option.data))
form.value.itemNumbers = form.value.items form.value.itemNumbers = form.value.items
formatDate.value = form.value.completionTime ? proxy.$time.formatDate(form.value.completionTime) : '' formatDate.value = form.value.completionTime ? proxy.$time.formatDate(form.value.completionTime) : ''
form.value.statusTxt = form.value.status == 0 ? '完成' :'未完成' form.value.statusTxt = form.value.status == 0 ? '完成' : '未完成'
}; }
jxDetailsStatus.value = await dictApi.getDict('jx_details_status') jxDetailsStatus.value = await dictApi.getDict('jx_details_status')
await getSelecUser() await getSelecUser()
await getSparePartsList() await getSparePartsList()
}) })
async function searchItem(name){ async function searchItem(name) {
await getSparePartsList(null,name); await getSparePartsList(null, name)
} }
async function chooseItem1(type,forms){ async function chooseItem1(type, forms) {
if(!forms.value.number&&type==1){ if (!forms.value.number && type == 1) {
proxy.$modal.showToast('请选择备件') proxy.$modal.showToast('请选择备件')
return return
} }
if(type==1){ if (type == 1) {
form1.value.number = forms.value.temporarilyNumber form1.value.number = forms.value.temporarilyNumber
form1.value.name =forms.value.temporarilyName form1.value.name = forms.value.temporarilyName
}
await getSparePartsList(null,null);
isShowSelectItem.value = false;
} }
await getSparePartsList(null, null)
isShowSelectItem.value = false
}
</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 30rpx 140rpx; padding: 0px 30rpx 140rpx;
} }
.footer { .footer {
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
width: 100%; width: 100%;
z-index: 22; z-index: 22;
} }
.btns { .btns {
display: flex; display: flex;
button { button {
flex: 1; flex: 1;
} }
@ -572,25 +562,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;
@ -606,11 +596,10 @@
flex: 1; flex: 1;
font-size: 28rpx; font-size: 28rpx;
color: rgb(192, 196, 204); color: rgb(192, 196, 204);
}
} }
}
.title { .title {
padding: 32rpx 0px; padding: 32rpx 0px;
position: relative; position: relative;
@ -620,15 +609,15 @@
color: #fa3534; color: #fa3534;
padding-top: 6rpx; padding-top: 6rpx;
} }
} }
.list { .list {
.item { .item {
display: flex; display: flex;
margin-bottom: 20rpx; margin-bottom: 20rpx;
.item-box { .item-box {
background: #F5F5F5; background: #f5f5f5;
border-radius: 12rpx; border-radius: 12rpx;
flex: 1; flex: 1;
width: 0rpx; width: 0rpx;
@ -649,31 +638,29 @@
color: #9c9c9c; color: #9c9c9c;
padding: 20rpx 30rpx 20rpx; padding: 20rpx 30rpx 20rpx;
} }
}
} }
}
.add-btn { .add-btn {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.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;
@ -686,9 +673,9 @@
color: #409eff; color: #409eff;
} }
} }
} }
::v-deep .u-checkbox-group { ::v-deep .u-checkbox-group {
display: grid !important; display: grid !important;
} }
</style> </style>
Write Preview
Loading…
Cancel
Save