Browse Source

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

master
张立 2 months ago
parent
commit
f0c1143f27
  1. 521
      src/pages/overhaulOrder/addForm.vue

521
src/pages/overhaulOrder/addForm.vue

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