From fb11a8f3a00898b1c4f0500382a2d63cda29e90d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167> Date: Fri, 9 Jun 2023 17:45:20 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E6=89=8B=E6=9C=BA=E7=AB=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/views/phoneView/preHomoMangement.vue | 513 +++++++++++++++++- 1 file changed, 512 insertions(+), 1 deletion(-) diff --git a/jero-web/src/views/phoneView/preHomoMangement.vue b/jero-web/src/views/phoneView/preHomoMangement.vue index 189e28a9f..e6c25d0a1 100644 --- a/jero-web/src/views/phoneView/preHomoMangement.vue +++ b/jero-web/src/views/phoneView/preHomoMangement.vue @@ -6,6 +6,125 @@ EDS1.2 EVO-G1.1-中国-03 Pre-Homo流程 + + + +
+ {{$t('category')}} + {{queryForm.category || '--'}} +
+
+ {{$t('inspectionItems')}} + {{queryForm.inspectionItem || '--'}} +
+
+ {{$t('configurationItem')}} + {{queryForm.configItem || '--'}} +
+
+ WVTA ID + {{queryForm.wvtaId || '--'}} +
+
+ {{$t('standardNo')}} + {{queryForm.serialNumber || '--'}} +
+
+ {{$t('areaOfResponsibility')}} + {{queryForm.dutyTerritoryName || '--'}} +
+
+ {{$t('engineeringInterfacePerson')}} + {{queryForm.sdtName || '--'}} +
+
+ + +
+ {{$t('personLiable')}} + {{queryForm.dutyPersonName || '--'}} +
+
+ {{$t('cutoffTime')}} + {{queryForm.endTime || '--'}} +
+
+ {{$t('typeOfDeliverables')}} + {{queryForm.typeOfDeliverables || '--'}} +
+
+ {{$t('deliverableTemplate')}} +
+
+ -- +
+
+ {{item.fileName}} +
+ + + + + + +
+ + + +
+ 客户收到付款就的航空技术的发货的收费但是.pdf +
+
+ 客户收到付款就的航空技术的发货的收费但是.pdf +
+
+ + + + + + + + {{$t('submit')}} + + + +
+ + {{textLoading}} + @@ -13,7 +132,17 @@ export default { name: 'phonePreHomoMangement', data() { - return {} + return { + activeNames: ['1', '2', '3', '4'], + show: false, + textLoading: this.$t('loading'), + queryForm: {}, + queryData: {}, + form: {}, + queryProject: {}, + dataSourceFile: [], + deliverablesResultFile: [] + } }, mounted() { document.title = 'NIO GRP' @@ -21,6 +150,9 @@ methods: { iconClick() { this.$router.go(-1) + }, + onSubmit() { + } } } @@ -33,6 +165,8 @@ } .header-search { + /*padding-left: 0.4rem;*/ + /*padding-right: 0.4rem;*/ width: 100%; display: flex; position: sticky; @@ -42,6 +176,7 @@ z-index: 1000; } + .icon { font-size: 0.66rem; width: 0.7rem; @@ -63,4 +198,380 @@ /*! autoprefixer: on;*/ text-justify: inter-ideograph; } + + .collapse { + margin-top: 0.6rem; + } + + ::v-deep .van-cell { + padding: 0; + } + + ::v-deep .van-cell::after { + border-bottom: none; + } + + ::v-deep .van-collapse-item--border::after { + border-top: none; + } + + ::v-deep .van-hairline--top-bottom::after, .van-hairline-unset--top-bottom::after { + border-width: 0; + } + + ::v-deep .van-cell--clickable .van-cell__title span { + font-size: 0.44rem; + font-family: PingFang SC-Medium, PingFang SC; + font-weight: 600; + color: #040B29; + } + + ::v-deep .collapse .van-cell--clickable .van-icon { + font-size: 0.44rem; + color: #040B29; + } + + ::v-deep .van-collapse-item { + margin-bottom: 0.6rem; + } + + .content-box-type { + display: flex; + margin-top: 0.08rem; + margin-bottom: 0.4rem; + } + + .content-box-type:last-child { + margin-bottom: 0.1rem; + } + + .content-box-left { + display: inline-block; + font-size: 0.38rem; + font-family: PingFang SC-Regular, PingFang SC; + font-weight: 400; + color: #6F7385; + flex: auto; + min-width: 2rem; + } + + .content-box-type-text { + font-size: 0.38rem; + font-family: PingFang SC-Regular, PingFang SC; + font-weight: 400; + color: #6F7385; + margin-bottom: 0.4rem; + } + + .content-box-type-text-one { + font-size: 0.38rem; + font-family: PingFang SC-Regular, PingFang SC; + font-weight: 500; + color: #01A0AC; + margin-bottom: 0.4rem; + word-break: break-all; + } + + .content-box-type-text-one:last-child { + margin-bottom: 0.1rem; + } + + .content-box-type-text-Two { + display: inline-block; + font-size: 0.38rem; + font-family: PingFang SC-Regular, PingFang SC; + font-weight: 500; + color: #040B29; + word-break: break-all; + } + + .content-box-text { + text-align: right; + margin-left: 0.3rem; + font-size: 0.38rem; + font-family: PingFang SC-Regular, PingFang SC; + font-weight: 500; + color: #040B29; + word-break: break-all; + } + + ::v-deep .van-collapse-item__content { + padding: 0.5rem 0; + } + + ::v-deep .van-step__circle-container .van-icon { + font-size: 0.55rem; + background: #fff; + } + + ::v-deep .van-step--finish { + color: #00BEBE; + } + + ::v-deep .van-step--vertical { + padding: 0.26rem 0 0.46rem 0; + } + + ::v-deep .van-step--vertical:not(:last-child)::after { + border-bottom-width: 0; + } + + .vanStepBox { + margin-left: 0.2rem; + } + + .van-text { + font-size: 0.38rem; + font-family: PingFang SC-Regular, PingFang SC; + font-weight: 500; + color: #040B29; + } + + .van-text-color { + padding: 0.19rem 0.3rem; + color: #26BD4B; + font-size: 0.34rem; + background: rgba(38, 189, 75, 0.12); + border-radius: 0.1rem; + } + + .van-time { + font-size: 0.34rem; + font-family: PingFang SC-Regular, PingFang SC; + font-weight: 400; + color: #868A9A; + margin-top: 0.3rem; + } + + .van-name { + color: #868A9A; + margin-right: 0.1rem; + font-size: 0.34rem; + } + + .van-name-time { + color: #868A9A; + margin-left: 0.1rem; + font-size: 0.34rem; + } + + .van-desgin { + font-size: 0.38rem; + font-family: PingFang SC-Regular, PingFang SC; + font-weight: 400; + color: #41475E; + margin-top: 0.3rem; + word-break: break-all; + } + + .van-file { + font-size: 0.38rem; + font-family: PingFang SC-Regular, PingFang SC; + font-weight: 400; + color: #01A0AC; + margin-top: 0.3rem; + word-break: break-all; + } + + ::v-deep .van-form .van-cell__title { + font-size: 0.38rem; + font-family: PingFang SC-Regular, PingFang SC; + font-weight: 500; + color: #595E72; + width: 100%; + } + + ::v-deep .van-form .van-cell__value { + margin-top: 0.1rem; + } + + ::v-deep .van-form .van-radio__icon .van-icon { + width: 0.45rem; + height: 0.45rem; + line-height: 0.38rem; + } + + ::v-deep .van-form .van-radio__icon--checked .van-icon { + background-color: #00BEBE; + border-color: #00BEBE; + } + + ::v-deep .van-form .van-radio__icon { + height: 0.45rem; + } + + ::v-deep .van-form .van-radio__label { + font-size: 0.38rem; + font-family: PingFang SC-Regular, PingFang SC; + font-weight: 500; + color: #040B29; + } + + ::v-deep .van-form .van-cell { + margin-bottom: 0.3rem; + } + + .textarea { + display: block; + } + + ::v-deep .van-form .textarea .van-field__control { + background: #F5F6F7; + border-radius: 0.12rem; + padding: 0.2rem; + margin-top: 0.1rem; + } + + .uploader { + display: block; + } + + .uploader-button { + margin-top: 0.2rem; + } + + .uploader-button .van-button--primary { + background-color: #fff; + border: 0.03rem solid #00BEBE; + color: #01A0AC; + font-size: 0.38rem; + font-family: PingFang SC-Medium, PingFang SC; + font-weight: 500; + } + + .uploader-button .van-button { + height: 0.9rem; + border-radius: 0.12rem; + } + + .uploader-button .van-button .van-icon { + font-size: 0.42rem; + font-weight: 500; + } + + ::v-deep .van-loading { + color: #fff; + font-size: 0.36rem; + } + + ::v-deep .van-loading__text { + color: #fff; + font-size: 0.46rem; + } + + ::v-deep .van-overlay { + z-index: 1001; + text-align: center; + line-height: 30; + display: flex; + align-items: center; + justify-content: center; + } + + .submitButton { + border-radius: 0.2rem; + background: #00B3BE; + border: none; + margin-top: 1.2rem; + } + + ::v-deep .van-icon-success:before { + font-size: 0.34rem; + text-align: center; + } + + ::v-deep .van-radio { + margin-bottom: 0.1rem; + } + + .file-list { + width: 100%; + background: #FFFFFF; + border-radius: 0.2rem; + border: 0.02rem solid #E6E7EC; + padding: 0.26rem 0.4rem; + font-size: 0.38rem; + font-weight: 400; + color: #040B29; + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 0.2rem; + } + + .file-text { + display: inline-block; + margin-right: 0.3rem; + word-break: break-all; + } + + .file-text-icon { + font-size: 0.41rem; + margin-left: 0.2rem; + color: #26BD4B; + font-weight: 600; + } + + .icon-text { + font-size: 0.4rem; + color: #040B29; + } + + ::v-deep .van-field--error .van-field__control::placeholder { + color: #BBBDC7; + } + + .van-text-status { + margin-bottom: 0.3rem; + margin-top: 0.3rem; + } + + .van-collapse-item:last-child { + margin-bottom: 0; + } + + .AcceptedClass { + background: #e9f8ed; + color: #26BD4B; + } + + .RejectedClass { + background: #fdeaea; + color: #E83030; + } + + .TransferClass { + background: #fff6e8; + color: #FDA71C; + } + + .ReturnedClass { + background: #fff6e8; + color: #FDA71C; + } + + .AdoptClass { + background: #e9f8ed; + color: #26BD4B; + } + + .ComplianceClass { + background: #e9f8ed; + color: #26BD4B; + } + + .NonComplianceClass { + background: #fdeaea; + color: #E83030; + } + + .trackedClass { + background: #fff6e8; + color: #FDA71C; + } + + .NAClass { + background: #f1f1f3; + color: #707486; + } \ No newline at end of file