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

fix: 默认时间问题

master
张立 6 months ago
parent
f9b58aa090
commit
00375d5271
2 changed files with 674 additions and 679 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. 569
      src/pages/upkeepOrder/addServiceRecord.vue

569
src/pages/upkeepOrder/addServiceRecord.vue
View File

@ -3,78 +3,64 @@
<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="contents" required class="disabled"> <u-form-item label="保养内容" prop="contents" required class="disabled">
<u-input v-model="form.contents" placeholder="请输入保养内容" maxlength="50" disabled/> <u-input v-model="form.contents" placeholder="请输入保养内容" maxlength="50" disabled />
</u-form-item> </u-form-item>
<!-- <u-form-item label="保养部位" prop="equipmentParts" required> <!-- <u-form-item label="保养部位" prop="equipmentParts" required>
<u-input v-model="form.equipmentParts" placeholder="请输入保养部位" maxlength="50" disabled/> <u-input v-model="form.equipmentParts" placeholder="请输入保养部位" maxlength="50" disabled/>
</u-form-item> --> </u-form-item> -->
<u-form-item label="预估人数" prop="peoples" class="disabled"> <u-form-item label="预估人数" prop="peoples" class="disabled">
<u-input v-model="form.peoples" type="number" placeholder="请输入预估人数" maxlength="50" disabled/> <u-input v-model="form.peoples" type="number" placeholder="请输入预估人数" maxlength="50" disabled />
</u-form-item> </u-form-item>
<u-form-item label="预估分钟" prop="estimatedMinutes" class="disabled"> <u-form-item label="预估分钟" prop="estimatedMinutes" class="disabled">
<u-input v-model="form.estimatedMinutes" type="number" placeholder="请输入预估分钟" maxlength="50" disabled/> <u-input v-model="form.estimatedMinutes" type="number" placeholder="请输入预估分钟" maxlength="50" disabled />
</u-form-item> </u-form-item>
<u-form-item label="实际分钟" prop="actualMinutes" required> <u-form-item label="实际分钟" prop="actualMinutes" required>
<u-input v-model="form.actualMinutes" type="number" placeholder="请输入实际分钟" maxlength="50"/> <u-input v-model="form.actualMinutes" type="number" placeholder="请输入实际分钟" maxlength="50" />
</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)"> <uni-datetime-picker type="datetime" v-model="formatDate" @change="chooseDatetime" :border="false" />
<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> </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>
@ -82,16 +68,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">
@ -99,13 +84,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="openSingleColumnItem('number',form1.number,sparePartsList,'form1')"> <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}} {{ 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>
@ -124,55 +107,52 @@
<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" @cancle="datetimeShow = false"></u-picker> -->
<u-picker mode="time" v-model="datetimeShow" :default-time='datetimeDefaultValue' :params="params" @confirm='chooseDatetime' @cancle='datetimeShow = false'></u-picker>
</view> </view>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { import { onLoad, onReady } from '@dcloudio/uni-app'
onLoad import { ref, getCurrentInstance, nextTick } from 'vue'
} from '@dcloudio/uni-app' import * as upkeepOrderApi from '@/api/upkeepOrder'
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 upkeepOrderApi from "@/api/upkeepOrder"
import * as sparePartsApi from "@/api/spareParts" onReady(() => {
import * as deptApi from "@/api/dept" datetimeDefaultValue.value = '2025-07-02 13:01'
import * as dictApi from "@/api/dict" })
import SelectItemList from "../../components/item/slectItemList.vue"
const { proxy} = getCurrentInstance() const { proxy } = getCurrentInstance()
const loading = ref(false) const loading = ref(false)
const type = ref('') const type = ref('')
// 备件弹窗 // 备件弹窗
const isPopupShow = ref(false) const isPopupShow = ref(false)
const sparePartsList = ref([]) const sparePartsList = ref([])
const isShowSelectItem = ref(false) const isShowSelectItem = ref(false)
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 selecUserList = ref([])//负责人员 const selecUserList = ref([]) // 负责人员
const isShowSelecUser = ref(false) const isShowSelecUser = ref(false)
const jxDetailsStatus = ref([])//完成情况 const jxDetailsStatus = ref([]) // 完成情况
const formatDate = ref('')//日期展示 const formatDate = ref('') // 日期展示
const deviceNumber = ref(null); const deviceNumber = ref(null)
const form = ref({ const form = ref({
number: '', number: '',
name:'', name: '',
peoples: null, peoples: null,
estimatedMinutes: '', estimatedMinutes: '',
actualMinutes: '', actualMinutes: '',
@ -181,82 +161,82 @@ const form = ref({
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.peoples > 100) { if (form.value.peoples > 100) {
proxy.$modal.showToast('预估人数不得超出100') proxy.$modal.showToast('预估人数不得超出100')
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
upkeepOrderApi.upkeepOrderDetailUpdate(form.value,type.value).then((res) => { upkeepOrderApi
.upkeepOrderDetailUpdate(form.value, type.value)
.then((res) => {
proxy.$modal.closeLoading() proxy.$modal.closeLoading()
if (res.data) { if (res.data) {
proxy.$modal.showToast('修改成功') proxy.$modal.showToast('修改成功')
@ -265,14 +245,15 @@ const form = ref({
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
}) })
@ -281,7 +262,9 @@ const form = ref({
proxy.$modal.confirm('是否添加保养内容').then(() => { proxy.$modal.confirm('是否添加保养内容').then(() => {
proxy.$modal.loading('加载中') proxy.$modal.loading('加载中')
loading.value = true loading.value = true
upkeepOrderApi.upkeepOrderDetailCreate(form.value,type.value).then((res) => { upkeepOrderApi
.upkeepOrderDetailCreate(form.value, type.value)
.then((res) => {
proxy.$modal.closeLoading() proxy.$modal.closeLoading()
if (res.data) { if (res.data) {
proxy.$modal.showToast('添加成功') proxy.$modal.showToast('添加成功')
@ -290,37 +273,36 @@ const form = ref({
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.actualMinutes = ''
form.value.actualMinutes ='' form.value.chargePeoples = ''
form.value.chargePeoples ='' form.value.status = null
form.value.status =null form.value.statusTxt = ''
form.value.statusTxt ='' form.value.completionTime = ''
form.value.completionTime ='' form.value.engineer = ''
form.value.engineer ='' form.value.uncompleted = ''
form.value.uncompleted ='' form.value.itemNumbers = []
form.value.itemNumbers =[]
formatDate.value = '' formatDate.value = ''
}
} // 获取人员列表
// 获取人员列表 async function getSelecUser() {
async function getSelecUser() { const paramsData = {
let paramsData = {
classType: type.value, classType: type.value,
factoryAreaNumber: factoryAreaNumber.value, factoryAreaNumber: factoryAreaNumber.value,
flag: 0 flag: 0
@ -329,226 +311,239 @@ const form = ref({
if (form.value.chargePeoples) { if (form.value.chargePeoples) {
arr = form.value.chargePeoples.split(',') arr = form.value.chargePeoples.split(',')
} }
await deptApi.getSelecUser(paramsData).then(res => { await deptApi
res.data.forEach(item => { .getSelecUser(paramsData)
.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
console.log(val)
singleColumnShow.value = true
if (val) { if (val) {
singleColumnDefaultValue.value = [list.findIndex(item => item.value == val)] singleColumnDefaultValue.value = [list.findIndex((item) => item.value == val)]
console.log(singleColumnDefaultValue.value)
} else { } else {
singleColumnDefaultValue.value = [] singleColumnDefaultValue.value = []
} }
singleColumnShow.value = true }
}
// 单列模式 // 单列模式
function openSingleColumnItem(fieldName, val, list, from) { function openSingleColumnItem(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 = []
} }
isShowSelectItem.value = true; isShowSelectItem.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 =deviceNumber.value number = deviceNumber.value
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) {
console.log(11, 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() console.log(2222, datetimeDefaultValue.value)
// datetimeDefaultValue.value = val || proxy.$time.formatDate()
datetimeShow.value = true datetimeShow.value = true
} }
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); await getSparePartsList(null, null)
isShowSelectItem.value = false; isShowSelectItem.value = false
} }
// 日期模式点击确定之后 // 日期模式点击确定之后
function chooseDatetime(e) { function chooseDatetime(e) {
let array1 = [] console.log(e)
let array2 = [] const array1 = []
if (formatValue.value.indexOf('YYYY') > -1) { const array2 = []
array1.push(e.year) // if (formatValue.value.indexOf('YYYY') > -1) {
} // array1.push(e.year)
if (formatValue.value.indexOf('MM') > -1) { // }
array1.push(e.month) // if (formatValue.value.indexOf('MM') > -1) {
} // array1.push(e.month)
if (formatValue.value.indexOf('DD') > -1) { // }
array1.push(e.day) // if (formatValue.value.indexOf('DD') > -1) {
} // array1.push(e.day)
if (formatValue.value.indexOf('hh') > -1) { // }
array2.push(e.hour) // if (formatValue.value.indexOf('hh') > -1) {
} // array2.push(e.hour)
if (formatValue.value.indexOf('mm') > -1) { // }
array2.push(e.minute) // if (formatValue.value.indexOf('mm') > -1) {
} // array2.push(e.minute)
if (formatValue.value.indexOf('ss') > -1) { // }
array2.push(e.second) // if (formatValue.value.indexOf('ss') > -1) {
} // array2.push(e.second)
let str = array1.join('-') + ' ' + array2.join(':') // }
formatDate.value = str // const str = `${array1.join('-')} ${array2.join(':')}`
form.value[field.value] = e.timestamp*1000 formatDate.value = e
} form.value.completionTime = new Date(e).getTime()
onLoad(async(option) => { console.log(field.value)
if (option.type) type.value = option.type; console.log(form.value[field.value])
if (option.factoryAreaNumber) factoryAreaNumber.value = option.factoryAreaNumber; }
if (option.number) form.value.number = option.number; onLoad(async (option) => {
if (option.deviceNumber) deviceNumber.value = option.deviceNumber; if (option.type) type.value = option.type
if (option.data && JSON.parse(decodeURIComponent(option.data)) && JSON.parse(decodeURIComponent(option if (option.factoryAreaNumber) factoryAreaNumber.value = option.factoryAreaNumber
.data)).id) { 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 = 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) : proxy.$time.formatDate()
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()
}) })
</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;
} }
.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;
} }
@ -565,25 +560,25 @@ const form = ref({
} }
.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;
@ -599,11 +594,10 @@ const form = ref({
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;
@ -613,16 +607,16 @@ const form = ref({
color: #fa3534; color: #fa3534;
padding-top: 6rpx; padding-top: 6rpx;
} }
} }
.list { .list {
padding: 0px 30rpx; padding: 0px 30rpx;
.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;
@ -643,31 +637,29 @@ const form = ref({
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;
@ -680,9 +672,12 @@ const form = ref({
color: #409eff; color: #409eff;
} }
} }
} }
::v-deep .u-checkbox-group { ::v-deep .u-checkbox-group {
display: grid !important; display: grid !important;
} }
::v-deep .uni-date__x-input {
color: #000;
}
</style> </style>
Write Preview
Loading…
Cancel
Save