WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改因手机端rem布局引发的问题

Browse Source
This commit is contained in:
范强强
2023-06-14 10:46:57 +08:00
parent d8fbf4261a
commit a5897b5820
4 changed files with 92 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/views/phoneView/handlingPage.vue
+5 -2
View File
@@ -50,11 +50,13 @@
pageNo: 0,
pageSize: 10,
loading: false,
finished: false
finished: false,
isDisplay:false,
}
},
mounted() {
document.title = 'NIO GRP'
this.isDisplay = JSON.parse(this.$route.query.isDisplay)
},
methods: {
iconClick() {
@@ -66,7 +68,8 @@
query: {
taskDefinitionKey: this.$route.query.taskDefinitionKey,
projectName:this.$route.query.projectName,
id: item.id
id: item.id,
isDisplay:this.isDisplay
}
})
},
jero-web/src/views/phoneView/preHomoMangement.vue
+63 -23
View File
@@ -91,14 +91,20 @@
{{queryForm.deliveryResult}}
</div>
</van-collapse-item>
<van-collapse-item :title="$t('sponsorReview')" name="4">
<van-collapse-item :title="$t('sponsorReview')" v-if="!isDisplay" name="4">
<van-form @submit="onSubmit" ref="form">
<div class="resultofhandlingClass"
v-if="$route.query.taskDefinitionKey == 'Task Review' ||
$route.query.taskDefinitionKey == 'Task responsibility confirmation'"
style="margin-bottom: 0.1rem">
<span>{{$t('resultofhandling')}}</span>
<span class="requiredClass">*</span>
</div>
<van-field name="disposeResult"
class="uploader"
v-if="$route.query.taskDefinitionKey == 'Task Review' ||
$route.query.taskDefinitionKey == 'Task responsibility confirmation'"
:rules="[{ required: true, message: $t('resultofhandling') + $t('cannotEmpty') }]"
:label="$t('resultofhandling')">
:rules="[{ required: true, message: $t('resultofhandling') + $t('cannotEmpty') }]">
<template #input>
<van-radio-group @change="disposeResultChange" v-model="form.disposeResult" direction="horizontal">
<van-radio name="rzgcssc_tg" v-if="$route.query.taskDefinitionKey == 'Task Review'">
@@ -120,9 +126,9 @@
v-if="form.disposeResult == 'rzgcssc_tg'"
v-model.trim="form.reportNumber"
rows="4"
name="reportNumber"
class="textarea"
autosize
:show-error="false"
:label="$t('reportNo')"
maxlength="200"
:placeholder="$t('pleaseEnter')+$t('reportNo')"
@@ -131,9 +137,9 @@
v-if="form.disposeResult == 'rzgcssc_tg'"
v-model.trim="form.productModel"
rows="4"
name="productModel"
class="textarea"
autosize
:show-error="false"
:label="$t('productModel')"
maxlength="200"
:placeholder="$t('pleaseEnter')+$t('productModel')"
@@ -142,32 +148,44 @@
v-if="form.disposeResult == 'rzgcssc_tg'"
v-model.trim="form.productionEnterpriseName"
rows="4"
class="textarea"
class="textarea productionEnterpriseName"
autosize
:show-error="false"
name="productionEnterpriseName"
:label="$t('nameOfManufacturer')"
maxlength="200"
:placeholder="$t('pleaseEnter')+$t('nameOfManufacturer')"
/>
<div class="resultofhandlingClass"
v-if="form.disposeResult == 'rzgcssc_th' || form.disposeResult == 'zrrjjrw'">
<span>{{$t('feedback')}}</span>
<span class="requiredClass">*</span>
</div>
<van-field
v-if="form.disposeResult == 'rzgcssc_th' || form.disposeResult == 'zrrjjrw'"
v-model.trim="form.reasonForReturn"
rows="4"
name="reasonForReturn"
class="textarea"
autosize
:show-error="false"
:rules="[{ required: true, message: $t('feedbackMessage') + $t('cannotEmpty') }]"
:label="$t('feedback')"
maxlength="200"
type="textarea"
:placeholder="$t('pleaseEnter')+$t('feedbackMessage')"
/>
<div v-if="$route.query.taskDefinitionKey == 'Task handling'">
<div class="resultofhandlingClass">
<span>{{$t('DeliverablesResult')}}</span>
<span class="requiredClass">*</span>
</div>
<van-field name="uploader" class="uploader"
:rules="[{ required: true, message: $t('DeliverablesResult') + $t('cannotEmpty') }]"
v-if="queryForm.valueType == 'file'"
:label="$t('DeliverablesResult')">
v-if="queryForm.valueType == 'file'">
<template #input>
<van-uploader :preview-image="false"
accept="*"
@@ -186,15 +204,13 @@
class="textarea"
autosize
:show-error="false"
:label="$t('DeliverablesResult')"
maxlength="200"
:placeholder="$t('pleaseEnter')+$t('DeliverablesResult')"
/>
<van-field name="disposeResult"
class="uploader"
v-else-if="queryForm.valueType == 'select'"
:rules="[{ required: true, message: $t('DeliverablesResult') + $t('cannotEmpty') }]"
:label="$t('DeliverablesResult')">
:rules="[{ required: true, message: $t('DeliverablesResult') + $t('cannotEmpty') }]">
<template #input>
<van-radio-group v-model="form.deliveryResult" direction="horizontal">
<van-radio name="1">
@@ -254,6 +270,7 @@
dataSourceFile: [],
deliverablesResultFile: [],
deliveryResultList: [],
isDisplay: false,
url: {
queryProjectCertificationInventoryById: '/phone/toDoCenter/queryProjectCertificationInventoryById',
saveBatch: '/project/projectCertificationInventoryEO/saveBatch'
@@ -262,6 +279,7 @@
},
mounted() {
document.title = 'NIO GRP'
this.isDisplay = JSON.parse(this.$route.query.isDisplay)
this.getData()
},
methods: {
@@ -313,18 +331,22 @@
} else if (value == 'zrrjjrw') {
this.form.reasonForReturn = ''
}
this.form = { ...this.form }
this.$nextTick(() => {
this.form = { ...this.form }
})
},
onSubmit() {
this.textLoading = this.$t('Submitting')
this.show = true
if (this.$route.query.taskDefinitionKey == 'Task Review') {
this.ApprovedClick()
} else if (this.$route.query.taskDefinitionKey == 'Task handling') {
this.submitClick()
} else if (this.$route.query.taskDefinitionKey == 'Task responsibility confirmation') {
this.ApprovedClick()
}
this.$refs.form.validate().then(() => {
this.textLoading = this.$t('Submitting')
this.show = true
if (this.$route.query.taskDefinitionKey == 'Task Review') {
this.ApprovedClick()
} else if (this.$route.query.taskDefinitionKey == 'Task handling') {
this.submitClick()
} else if (this.$route.query.taskDefinitionKey == 'Task responsibility confirmation') {
this.ApprovedClick()
}
})
},
submitClick() {
let query = {
@@ -880,4 +902,22 @@
.content-box-text-color {
color: #01A0AC;
}
.resultofhandlingClass {
font-size: 0.38rem;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 500;
color: #595E72;
width: 100%;
}
.requiredClass {
color: #E83030;
font-size: 0.38rem;
margin-left: 0.02rem;
}
::v-deep .productionEnterpriseName .van-field__error-message {
display: none;
}
</style>
jero-web/src/views/phoneView/processManagement.vue
+23 -3
View File
@@ -105,10 +105,13 @@
</van-collapse-item>
<van-collapse-item :title="examineTitle" name="4" v-if="!queryData.isDisplay">
<van-form @submit="onSubmit" ref="form">
<div class="resultofhandlingClass" style="margin-bottom: 0.1rem">
<span>{{$t('resultofhandling')}}</span>
<span class="requiredClass">*</span>
</div>
<van-field name="disposeResult"
class="uploader"
:rules="[{ required: true, message: $t('resultofhandling') + $t('cannotEmpty') }]"
:label="$t('resultofhandling')">
:rules="[{ required: true, message: $t('resultofhandling') + $t('cannotEmpty') }]">
<template #input>
<van-radio-group v-model="form.disposeResult" direction="horizontal">
<van-radio name="Accepted" v-if="queryData.TaskKey == 'zrrqr' || queryData.TaskKey == 'dezrrqr'">
@@ -146,6 +149,10 @@
</template>
</van-field>
<div class="resultofhandlingClass">
<span>{{$t('feedback')}}</span>
<span class="requiredClass">*</span>
</div>
<van-field
v-model.trim="form.approvalOpinion"
rows="4"
@@ -153,7 +160,6 @@
autosize
:show-error="false"
:rules="[{ required: true, message: $t('feedbackMessage') + $t('cannotEmpty') }]"
:label="$t('feedback')"
maxlength="200"
type="textarea"
:placeholder="$t('pleaseEnter')+$t('feedbackMessage')"
@@ -865,4 +871,18 @@
background: #f1f1f3;
color: #707486;
}
.resultofhandlingClass {
font-size: 0.38rem;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 500;
color: #595E72;
width: 100%;
}
.requiredClass {
color: #E83030;
font-size: 0.38rem;
margin-left: 0.06rem;
}
</style>
jero-web/src/views/phoneView/taskData.vue
+1 -1
View File
@@ -406,7 +406,7 @@
}
.parame-box-top-text-left-one {
flex: 1.4;
flex: 1.1;
}
.parame-box-top-text-right {