添加数据使用量和分发数据量的单位

@@ -77,8 +77,9 @@
       <template #default="scope">
       <template #default="scope">
         <el-input
         <el-input
           v-if="!isLook && !(productFieldList != null && (scope.row.constraintEnName == 'limitedDeliveryConnector' || scope.row.constraintEnName == 'limitedUseConnector' || scope.row.constraintEnName == 'dataField' || scope.row.constraintEnName == 'limitedState' || scope.row.constraintEnName == 'areaAddress'))"
           v-if="!isLook && !(productFieldList != null && (scope.row.constraintEnName == 'limitedDeliveryConnector' || scope.row.constraintEnName == 'limitedUseConnector' || scope.row.constraintEnName == 'dataField' || scope.row.constraintEnName == 'limitedState' || scope.row.constraintEnName == 'areaAddress'))"
-          v-model="scope.row['constraintValue']" placeholder="请输入" :maxlength="200"
+          v-model="scope.row['constraintValue']" placeholder="请输入" :maxlength="200" :class="scope.row.constraintEnName == 'limitedDistributeVolume' || scope.row.constraintEnName == 'limitedUsage' ? 'wid-left-input' : ''"
           @change="(val) => handleOperatorSelectChange(val, scope, 'constraintValue')" clearable></el-input>
           @change="(val) => handleOperatorSelectChange(val, scope, 'constraintValue')" clearable></el-input>
+        <span v-if="scope.row.constraintEnName == 'limitedDistributeVolume' || scope.row.constraintEnName == 'limitedUsage'">KB</span>
         <!-- 限定连接器 -->
         <!-- 限定连接器 -->
         <el-select
         <el-select
           v-else-if="!isLook && productFieldList != null && (scope.row.constraintEnName == 'limitedDeliveryConnector' || scope.row.constraintEnName == 'limitedUseConnector')"
           v-else-if="!isLook && productFieldList != null && (scope.row.constraintEnName == 'limitedDeliveryConnector' || scope.row.constraintEnName == 'limitedUseConnector')"
@@ -117,7 +118,7 @@
             'limitedDeliveryConnector' || scope.row.constraintEnName == 'limitedUseConnector') ?
             'limitedDeliveryConnector' || scope.row.constraintEnName == 'limitedUseConnector') ?
             scope.row.additionValue?.map(a => a.tenantName)?.join(',') : (scope.row.constraintEnName == 'limitedState' ||
             scope.row.additionValue?.map(a => a.tenantName)?.join(',') : (scope.row.constraintEnName == 'limitedState' ||
               scope.row.constraintEnName == 'areaAddress' ? scope.row.additionValue?.map(a => a.label)?.join(',') :
               scope.row.constraintEnName == 'areaAddress' ? scope.row.additionValue?.map(a => a.label)?.join(',') :
-              scope.row['constraintValue']))) || '--'}}</span>
+              (scope.row['constraintValue'] + (scope.row.constraintEnName == 'limitedDistributeVolume' || scope.row.constraintEnName == 'limitedUsage' ? 'KB' : '') )))) || '--'}}</span>
       </template>
       </template>
     </el-table-column>
     </el-table-column>
     <el-table-column v-if="!isLook" label="操作" width="140px" align="left" fixed="right" show-overflow-tooltip>
     <el-table-column v-if="!isLook" label="操作" width="140px" align="left" fixed="right" show-overflow-tooltip>
@@ -822,4 +823,9 @@ defineExpose({
   font-weight: 600;
   font-weight: 600;
   margin-right: 8px;
   margin-right: 8px;
 }
 }
+
+.wid-left-input {
+  width: calc(100% - 18px) !important;
+  margin-right: 2px;
+}
 </style>
 </style>
\ No newline at end of file