对接手机端

jero-web/src/views/phoneView/processManagement.vue

@@ -75,6 +75,8 @@
             <div class="vanStepBox">
               <div class="van-text">
                 {{item.name}}
+              </div>
+              <div class="van-text-status">
                 <span class="van-text-color" :class="statusClass[item.operatorResult]" v-if="item.operatorResultName">
                  {{item.operatorResultName}}
                 </span>
@@ -102,6 +104,7 @@
       <van-collapse-item :title="examineTitle" name="4" v-if="!queryData.isDisplay">
         <van-form @submit="onSubmit" ref="form">
           <van-field name="disposeResult"
+                     class="uploader"
                      :rules="[{ required: true, message: $t('resultofhandling') + $t('cannotEmpty') }]"
                      :label="$t('resultofhandling')">
             <template #input>
@@ -112,7 +115,8 @@
                 <van-radio name="Rejected" v-if="queryData.TaskKey == 'zrrqr'">
                   {{$t('refuse')}}
                 </van-radio>
-                <van-radio name="Adopt" :disabled="isAdopt" v-if="queryData.TaskKey == 'fggcssh' || queryData.TaskKey == 'fggcsbcsh'">
+                <van-radio name="Adopt" :disabled="isAdopt"
+                           v-if="queryData.TaskKey == 'fggcssh' || queryData.TaskKey == 'fggcsbcsh'">
                   {{$t('adopt')}}
                 </van-radio>
                 <van-radio name="Compliance"
@@ -235,7 +239,7 @@
         fileList: [],
         uploadAction: window._CONFIG['domianURL'] + '/sys/common/upload',
         examineTitle: '',
-        isAdopt:false,
+        isAdopt: false
       }
     },
     mounted() {
@@ -472,6 +476,14 @@
     color: #040B29;
     margin-left: 0.2rem;
     word-break: break-all;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
   }
 
   .collapse {
@@ -604,7 +616,6 @@
     font-size: 0.34rem;
     background: rgba(38, 189, 75, 0.12);
     border-radius: 0.1rem;
-    margin-left: 0.2rem;
   }
 
   .van-time {
@@ -650,9 +661,11 @@
     font-family: PingFang SC-Regular, PingFang SC;
     font-weight: 500;
     color: #595E72;
-    width: 2rem;
+    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;
@@ -789,9 +802,15 @@
     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;
@@ -831,6 +850,7 @@
     background: #fff6e8;
     color: #FDA71C;
   }
+
   .NAClass {
     background: #f1f1f3;
     color: #707486;