css

src/project/weiyang/AppPatrolReport/Add.vue

@@ -19,7 +19,7 @@
 
         <div class="border-r">
           <u-form-item label="上报位置" prop="mapInfo" required :border-bottom="false" right-icon="arrow-right" class="border">
-            <span @click="chooseAddress" class="right-span" :style="forms.address ? '' : 'color:#999;'">{{ forms.address || '请选择上报位置' }}</span>
+            <span @click="chooseAddress" class="right-span right-address" :style="forms.address ? '' : 'color:#999;'">{{ forms.address || '请选择上报位置' }}</span>
           </u-form-item>
           <u-form-item label="所属网格" prop="girdName" required :border-bottom="false">
             <AiPagePicker type="gird" @select="confirmGird" valueObj nodeKey="id" :params="{formType:2, axiosUrl:'/app/appgirdmemberinfo/queryMyGirdList'}" class="right-span">
@@ -273,6 +273,7 @@ export default {
     width: 100%;
     text-align: right;
 
+
     ::v-deep .u-icon__label {
       font-size: 28px!important;
     }
@@ -281,6 +282,13 @@ export default {
       color: #c0c4cc!important;
     }
   }
+  .right-address {
+    max-width: 460px;
+    vertical-align: middle;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
   ::v-deep .uni-input-placeholder {
     color: #999!important;
     font-size: 28px!important;