Browse Source

fix: 默认时间问题

master
张立 2 months ago
parent
commit
00375d5271
  1. 271
      src/pages/upkeepOrder/addServiceRecord.vue

271
src/pages/upkeepOrder/addServiceRecord.vue

@ -19,18 +19,16 @@
</u-form-item>
<u-form-item label="责任人" prop="chargePeoples" required>
<view class="select" @click="openSelecUser">
<view class="input" v-if='form.chargePeoples'>
<view class="input" v-if="form.chargePeoples">
{{ selectFormatCheck(form.chargePeoples, 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>
<u-form-item label="完成情况" prop="status" required>
<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 }}
</view>
<view class="placeholder" v-else>
@ -39,19 +37,11 @@
<u-icon name="arrow-right" color="#aaaaaa" size="28" v-if="!form.id"></u-icon>
</view>
</u-form-item>
<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="input" v-if='formatDate'>
{{formatDate}}
</view>
<view class="placeholder" v-else>
{{`请选择完成时间`}}
</view>
<u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon>
</view>
<u-form-item label="完成时间" prop="completionTime" required v-if="form.status === 0 || form.status === '0'">
<uni-datetime-picker type="datetime" v-model="formatDate" @change="chooseDatetime" :border="false" />
</u-form-item>
<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-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-form-item>
<u-form-item label="工程师确认" prop="engineer">
<u-input v-model="form.engineer" placeholder="请输入工程师确认" maxlength="50" />
@ -59,9 +49,7 @@
</u-form>
<view class="list">
<view class="title">
<span></span>备件
</view>
<view class="title"> <span></span>备件 </view>
<view class="item" v-for="(item, index) in form.itemNumbers" :key="index">
<view class="item-box">
<view class="spare-title">
@ -72,9 +60,7 @@
<u-row gutter="16">
<u-col :span="12">
<view class="dec">
<view class="">
数量:{{item.qty}}
</view>
<view class=""> 数量:{{ item.qty }} </view>
</view>
</u-col>
</u-row>
@ -82,16 +68,15 @@
<u-icon name="minus-circle" color="#aaaaaa" size="60" @click="delSpareParts(index)"></u-icon>
</view>
<view class="add-btn">
<u-button type="primary" @click="open"><u-icon name="plus-circle" color="#ffffff"
size="36"></u-icon>添加备件</u-button>
<u-button type="primary" @click="open"><u-icon name="plus-circle" color="#ffffff" size="36"></u-icon>添加备件</u-button>
</view>
</view>
<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-popup v-model="isPopupShow" mode="center" border-radius="14">
@ -100,12 +85,10 @@
<u-form :model="form1" ref="form1Ref" label-width="160rpx">
<u-form-item :label="`备件`" prop="number" required>
<view class="select" @click="openSingleColumnItem('number', form1.number, sparePartsList, 'form1')">
<view class="input" v-if='form1.number'>
<view class="input" v-if="form1.number">
{{ form1.name }}
</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>
@ -124,36 +107,33 @@
<view class="popup-title">选择维修人员</view>
<view class="popup">
<u-checkbox-group @change="checkboxGroupChange">
<u-checkbox v-model="item.checked" v-for="(item, index) in selecUserList" :key="index"
:name="item.id">{{item.name}}</u-checkbox>
<u-checkbox v-model="item.checked" v-for="(item, index) in selecUserList" :key="index" :name="item.id">{{ item.name }}</u-checkbox>
</u-checkbox-group>
</view>
<view class="popup-footer">
<view @click="isShowSelecUser = false">取消</view>
<view class="sure" @click="chooseUser">确认</view>
</view>
</u-popup>
<SelectItemList :isShowSelectItem=isShowSelectItem :singleColumnList=singleColumnList @searchItem='searchItem' @chooseItem1='chooseItem1'/>
<u-select v-model="singleColumnShow" mode="single-column" :default-value='singleColumnDefaultValue'
:list="singleColumnList" @confirm="chooseSingleColumn" @cancle='singleColumnShow = false'></u-select>
<u-picker mode="time" v-model="datetimeShow" :default-time='datetimeDefaultValue' :params="params" @confirm='chooseDatetime' @cancle='datetimeShow = false'></u-picker>
<SelectItemList :isShowSelectItem="isShowSelectItem" :singleColumnList="singleColumnList" @searchItem="searchItem" @chooseItem1="chooseItem1" />
<u-select v-model="singleColumnShow" mode="single-column" :default-value="singleColumnDefaultValue" :list="singleColumnList" @confirm="chooseSingleColumn" @cancle="singleColumnShow = false"></u-select>
<!-- <u-picker mode="time" v-model="datetimeShow" :default-time="datetimeDefaultValue" :params="params" @confirm="chooseDatetime" @cancle="datetimeShow = false"></u-picker> -->
</view>
</template>
<script setup lang="ts">
import {
onLoad
} from '@dcloudio/uni-app'
import {
ref,
getCurrentInstance
} from 'vue'
import * as upkeepOrderApi from "@/api/upkeepOrder"
import * as sparePartsApi from "@/api/spareParts"
import * as deptApi from "@/api/dept"
import * as dictApi from "@/api/dict"
import SelectItemList from "../../components/item/slectItemList.vue"
import { onLoad, onReady } from '@dcloudio/uni-app'
import { ref, getCurrentInstance, nextTick } from 'vue'
import * as upkeepOrderApi from '@/api/upkeepOrder'
import * as sparePartsApi from '@/api/spareParts'
import * as deptApi from '@/api/dept'
import * as dictApi from '@/api/dict'
import SelectItemList from '../../components/item/slectItemList.vue'
onReady(() => {
datetimeDefaultValue.value = '2025-07-02 13:01'
})
const { proxy } = getCurrentInstance()
const loading = ref(false)
const type = ref('')
@ -169,7 +149,7 @@
const isShowSelecUser = ref(false)
const jxDetailsStatus = ref([]) //
const formatDate = ref('') //
const deviceNumber = ref(null);
const deviceNumber = ref(null)
const form = ref({
number: '',
name: '',
@ -184,8 +164,8 @@ const form = ref({
itemNumbers: []
})
const form1 = ref({
number: "",
name: "",
number: '',
name: '',
qty: 0
})
//
@ -197,7 +177,7 @@ const form = ref({
hour: true,
minute: true,
second: true,
timestamp: true,
timestamp: true
})
const datetimeDefaultValue = ref('')
const formatValue = ref('YYYY-MM-DD hh:mm:ss')
@ -210,53 +190,53 @@ const form = ref({
const integerReg = /^[+]{0,1}(\d+)$/
if (integerReg.test(value)) {
return true
} else {
return false
}
} else {
return false
}
return false
}
//
function submit() {
//
if (form.value.peoples > 100) {
proxy.$modal.showToast('预估人数不得超出100')
return;
return
}
if (!form.value.actualMinutes) {
proxy.$modal.showToast('请输入实际分钟')
return;
return
}
if (!validateInteger(form.value.actualMinutes)) {
proxy.$modal.showToast('实际分钟请输入正整数')
return;
return
}
if (!form.value.chargePeoples) {
proxy.$modal.showToast('请选择负责人')
return;
return
}
if (!form.value.status) {
proxy.$modal.showToast('请选择完成情况')
return;
return
}
if (form.value.status == 0) {
if (!form.value.completionTime) {
proxy.$modal.showToast('请选择完成时间')
return;
return
}
}
if (form.value.status == 1) {
if (!form.value.uncompleted) {
proxy.$modal.showToast('请输入未完成原因')
return;
return
}
}
if (form.value.id) {
proxy.$modal.confirm('是否修改保养内容').then(() => {
proxy.$modal.loading('加载中')
loading.value = true
upkeepOrderApi.upkeepOrderDetailUpdate(form.value,type.value).then((res) => {
upkeepOrderApi
.upkeepOrderDetailUpdate(form.value, type.value)
.then((res) => {
proxy.$modal.closeLoading()
if (res.data) {
proxy.$modal.showToast('修改成功')
@ -272,7 +252,8 @@ const form = ref({
}
loading.value = false
}
}).catch(() => {
})
.catch(() => {
proxy.$modal.closeLoading()
loading.value = false
})
@ -281,7 +262,9 @@ const form = ref({
proxy.$modal.confirm('是否添加保养内容').then(() => {
proxy.$modal.loading('加载中')
loading.value = true
upkeepOrderApi.upkeepOrderDetailCreate(form.value,type.value).then((res) => {
upkeepOrderApi
.upkeepOrderDetailCreate(form.value, type.value)
.then((res) => {
proxy.$modal.closeLoading()
if (res.data) {
proxy.$modal.showToast('添加成功')
@ -297,13 +280,13 @@ const form = ref({
}
loading.value = false
}
}).catch(() => {
})
.catch(() => {
proxy.$modal.closeLoading()
loading.value = false
})
})
}
}
//
function reset() {
@ -316,11 +299,10 @@ const form = ref({
form.value.uncompleted = ''
form.value.itemNumbers = []
formatDate.value = ''
}
//
async function getSelecUser() {
let paramsData = {
const paramsData = {
classType: type.value,
factoryAreaNumber: factoryAreaNumber.value,
flag: 0
@ -329,17 +311,20 @@ const form = ref({
if (form.value.chargePeoples) {
arr = form.value.chargePeoples.split(',')
}
await deptApi.getSelecUser(paramsData).then(res => {
res.data.forEach(item => {
await deptApi
.getSelecUser(paramsData)
.then((res) => {
res.data.forEach((item) => {
item.checked = false
arr.forEach(cur => {
arr.forEach((cur) => {
if (item.id == cur) {
item.checked = true
}
})
})
selecUserList.value = res.data
}).catch(() => { })
})
.catch(() => {})
}
//
function openSelecUser() {
@ -351,7 +336,10 @@ const form = ref({
//
function selectFormatCheck(val, array) {
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
}
//
@ -362,30 +350,32 @@ const form = ref({
const whichForm = ref()
//
function openSingleColumn(fieldName, val, list, from) {
if (fieldName == 'deviceNumber' && form.value.id) return;
if (fieldName == 'deviceNumber' && form.value.id) return
whichForm.value = from
singleColumnList.value = list
field.value = fieldName
console.log(val)
singleColumnShow.value = true
if (val) {
singleColumnDefaultValue.value = [list.findIndex(item => item.value == val)]
singleColumnDefaultValue.value = [list.findIndex((item) => item.value == val)]
console.log(singleColumnDefaultValue.value)
} else {
singleColumnDefaultValue.value = []
}
singleColumnShow.value = true
}
//
function openSingleColumnItem(fieldName, val, list, from) {
if (fieldName == 'deviceNumber' && form.value.id) return;
if (fieldName == 'deviceNumber' && form.value.id) return
whichForm.value = from
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 = []
}
isShowSelectItem.value = true;
isShowSelectItem.value = true
}
//
@ -396,7 +386,6 @@ const form = ref({
form.value.statusTxt = e[0].label
formatDate.value = ''
}
} else if (whichForm.value == 'form1') {
form1.value[field.value] = e[0].value
if (field.value == 'number') {
@ -408,23 +397,26 @@ const form = ref({
//
async function getSparePartsList(number, name) {
number = deviceNumber.value
let param = {
number:number,
name:name
}
await sparePartsApi.getSparePartsList(param).then(res => {
res.data.map(item => {
const param = {
number,
name
}
await sparePartsApi
.getSparePartsList(param)
.then((res) => {
res.data.map((item) => {
item.value = item.number
item.label = item.name
})
sparePartsList.value = res.data
singleColumnList.value = sparePartsList.value
}).catch(() => { })
})
.catch(() => {})
}
//
function open() {
form1.value = {
number: "",
number: '',
name: '',
qty: 0
}
@ -434,17 +426,17 @@ const form = ref({
function addSpare() {
if (!form1.value.number) {
proxy.$modal.showToast('请选择备件')
return;
return
}
if (!form1.value.qty || form1.value.qty == 0) {
proxy.$modal.showToast('请输入数量')
return;
return
}
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) {
proxy.$modal.showToast('该备件已添加')
return;
return
}
}
@ -456,15 +448,17 @@ const form = ref({
form.value.itemNumbers.splice(index, 1)
}
function openDatetime(fieldName, val, params, format) {
console.log(11, fieldName, val, params, format)
params.value = params
formatValue.value = format
field.value = fieldName
form.value[field.value] = val ? val : ''
datetimeDefaultValue.value = val ? val : proxy.$time.formatDate()
form.value[field.value] = val || ''
console.log(2222, datetimeDefaultValue.value)
// datetimeDefaultValue.value = val || proxy.$time.formatDate()
datetimeShow.value = true
}
async function searchItem(name) {
await getSparePartsList(null,name);
await getSparePartsList(null, name)
}
async function chooseItem1(type, forms) {
@ -476,47 +470,49 @@ const form = ref({
form1.value.number = forms.value.temporarilyNumber
form1.value.name = forms.value.temporarilyName
}
await getSparePartsList(null,null);
isShowSelectItem.value = false;
await getSparePartsList(null, null)
isShowSelectItem.value = false
}
//
function chooseDatetime(e) {
let array1 = []
let array2 = []
if (formatValue.value.indexOf('YYYY') > -1) {
array1.push(e.year)
}
if (formatValue.value.indexOf('MM') > -1) {
array1.push(e.month)
}
if (formatValue.value.indexOf('DD') > -1) {
array1.push(e.day)
}
if (formatValue.value.indexOf('hh') > -1) {
array2.push(e.hour)
}
if (formatValue.value.indexOf('mm') > -1) {
array2.push(e.minute)
}
if (formatValue.value.indexOf('ss') > -1) {
array2.push(e.second)
}
let str = array1.join('-') + ' ' + array2.join(':')
formatDate.value = str
form.value[field.value] = e.timestamp*1000
console.log(e)
const array1 = []
const array2 = []
// if (formatValue.value.indexOf('YYYY') > -1) {
// array1.push(e.year)
// }
// if (formatValue.value.indexOf('MM') > -1) {
// array1.push(e.month)
// }
// if (formatValue.value.indexOf('DD') > -1) {
// array1.push(e.day)
// }
// if (formatValue.value.indexOf('hh') > -1) {
// array2.push(e.hour)
// }
// if (formatValue.value.indexOf('mm') > -1) {
// array2.push(e.minute)
// }
// if (formatValue.value.indexOf('ss') > -1) {
// array2.push(e.second)
// }
// const str = `${array1.join('-')} ${array2.join(':')}`
formatDate.value = e
form.value.completionTime = new Date(e).getTime()
console.log(field.value)
console.log(form.value[field.value])
}
onLoad(async (option) => {
if (option.type) type.value = option.type;
if (option.factoryAreaNumber) factoryAreaNumber.value = option.factoryAreaNumber;
if (option.number) form.value.number = option.number;
if (option.deviceNumber) deviceNumber.value = option.deviceNumber;
if (option.data && JSON.parse(decodeURIComponent(option.data)) && JSON.parse(decodeURIComponent(option
.data)).id) {
if (option.type) type.value = option.type
if (option.factoryAreaNumber) factoryAreaNumber.value = option.factoryAreaNumber
if (option.number) form.value.number = option.number
if (option.deviceNumber) deviceNumber.value = option.deviceNumber
if (option.data && JSON.parse(decodeURIComponent(option.data)) && JSON.parse(decodeURIComponent(option.data)).id) {
form.value = JSON.parse(decodeURIComponent(option.data))
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) : proxy.$time.formatDate()
form.value.statusTxt = form.value.status == 0 ? '完成' : '未完成'
};
}
jxDetailsStatus.value = await dictApi.getDict('jx_details_status')
await getSelecUser()
@ -548,7 +544,6 @@ const form = ref({
.btns {
display: flex;
button {
flex: 1;
}
@ -565,7 +560,7 @@ const form = ref({
}
.reset {
background: #F5F5F5;
background: #f5f5f5;
border-radius: 0px;
&::after {
@ -599,7 +594,6 @@ const form = ref({
flex: 1;
font-size: 28rpx;
color: rgb(192, 196, 204);
}
}
@ -622,7 +616,7 @@ const form = ref({
margin-bottom: 20rpx;
.item-box {
background: #F5F5F5;
background: #f5f5f5;
border-radius: 12rpx;
flex: 1;
width: 0rpx;
@ -643,7 +637,6 @@ const form = ref({
color: #9c9c9c;
padding: 20rpx 30rpx 20rpx;
}
}
}
@ -658,13 +651,12 @@ const form = ref({
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 {
@ -685,4 +677,7 @@ const form = ref({
::v-deep .u-checkbox-group {
display: grid !important;
}
::v-deep .uni-date__x-input {
color: #000;
}
</style>
Loading…
Cancel
Save