refactor: adjust some styles

src/scss/bem/_component.scss

@@ -237,7 +237,7 @@
   display: inline-grid;
   grid-template-columns: max-content minmax(400px, min-content);
   grid-row-gap: 10px;
-  grid-column-gap: 10px;
+  grid-column-gap: 16px;
   align-items: flex-start;
 
   &.medium {
@@ -274,6 +274,11 @@
     }
   }
 
+  &__text {
+    line-height: 1.4;
+    word-break: break-all;
+  }
+
   &__option {
     min-height: 40px;
   }

src/views/bigscreen/ProgramDesigner.vue

@@ -65,14 +65,14 @@
       @confirm="onConfirmAdd"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="program.name"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label required">分辨率：</span>
+        <span class="c-grid-form__label required">分辨率</span>
         <schema-select
           v-model="program.resolutionRatio"
           placeholder="请选择分辨率"
@@ -86,7 +86,7 @@
       @confirm="onConfirmCopy"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="copyProgram.name"
           placeholder="最多50个字符"

src/views/device/detail/components/DeviceInfo.vue

@@ -59,21 +59,21 @@
       @confirm="onSave"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="info.name"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label required">地址：</span>
+        <span class="c-grid-form__label required">地址</span>
         <el-input
           v-model.trim="info.address"
           placeholder="最多100个字符"
           maxlength="100"
           clearable
         />
-        <span class="c-grid-form__label">经度：</span>
+        <span class="c-grid-form__label">经度</span>
         <div class="l-flex--row c-grid-form__option">
           <el-input
             v-model.trim="info.longitude"
@@ -82,10 +82,10 @@
             maxlength="13"
             clearable
           />
-          <span class="c-sibling-item far c-grid-form__label">纬度：</span>
+          <span class="c-sibling-item far c-grid-form__label">纬度</span>
           <el-input
             v-model.trim="info.latitude"
-            class="l-flex__fill c-sibling-item"
+            class="l-flex__fill c-sibling-item far"
             placeholder="-90 ~ +90"
             maxlength="12"
             clearable

src/views/device/detail/components/DeviceInvoke/DeviceNetwork/Wired.vue

@@ -1,18 +1,18 @@
 <template>
   <div class="c-grid-form">
-    <span class="c-grid-form__label u-bold">网口：</span>
+    <span class="c-grid-form__label u-bold">网口</span>
     <schema-select
       :value="eth"
       :schema="ethSchema"
       @change="onChange"
     />
-    <span class="c-grid-form__label u-bold">IP配置方式：</span>
+    <span class="c-grid-form__label u-bold">IP配置方式</span>
     <schema-select
       v-model="wired.mode"
       :schema="modeSchema"
     />
     <template v-if="isMaunal">
-      <!-- <span class="c-grid-form__label u-bold">IPv4：</span>
+      <!-- <span class="c-grid-form__label u-bold">IPv4</span>
       <div class="l-flex--row c-grid-form__option">
         <el-switch
           v-model="wired.ip4.enable"
@@ -21,38 +21,38 @@
         />
       </div> -->
       <template v-if="wired.ip4.enable">
-        <span class="c-grid-form__label required">IP地址：</span>
+        <span class="c-grid-form__label required">IP地址</span>
         <el-input
           v-model.trim="wired.ip4.address"
           placeholder="192.168.0.100"
           maxlength="15"
         />
-        <span class="c-grid-form__label required">子网掩码：</span>
+        <span class="c-grid-form__label required">子网掩码</span>
         <el-input
           v-model.trim="wired.ip4.mask"
           placeholder="255.255.255.0"
           maxlength="15"
         />
-        <span class="c-grid-form__label required">网关：</span>
+        <span class="c-grid-form__label required">网关</span>
         <el-input
           v-model.trim="wired.ip4.gateway"
           placeholder="192.168.0.1"
           maxlength="15"
         />
-        <span class="c-grid-form__label">主DNS：</span>
+        <span class="c-grid-form__label">主DNS</span>
         <el-input
           v-model.trim="wired.ip4.dns1"
           placeholder="192.168.0.10"
           maxlength="15"
         />
-        <span class="c-grid-form__label">备DNS：</span>
+        <span class="c-grid-form__label">备DNS</span>
         <el-input
           v-model.trim="wired.ip4.dns2"
           placeholder="192.168.0.11"
           maxlength="15"
         />
       </template>
-      <!-- <span class="c-grid-form__label u-bold">IPv6：</span>
+      <!-- <span class="c-grid-form__label u-bold">IPv6</span>
       <div class="l-flex--row c-grid-form__option">
         <el-switch
           v-model="wired.ip6.enable"
@@ -61,32 +61,32 @@
         />
       </div>
       <template v-if="wired.ip6.enable">
-        <span class="c-grid-form__label required">IP地址：</span>
+        <span class="c-grid-form__label required">IP地址</span>
         <el-input
           v-model.trim="wired.ip4.address"
           placeholder="ffff:0000:0000:0000:0000:0000:0000:0000"
           maxlength="39"
         />
-        <span class="c-grid-form__label required">子网前缀：</span>
+        <span class="c-grid-form__label required">子网前缀</span>
         <el-input-number
           v-model="wired.ip6.mask"
           :min="1"
           :max="32"
           step-strictly
         />
-        <span class="c-grid-form__label">网关：</span>
+        <span class="c-grid-form__label">网关</span>
         <el-input
           v-model.trim="wired.ip6.gateway"
           placeholder="ffff:0000:0000:0000:0000:0000:0000:0000"
           maxlength="39"
         />
-        <span class="c-grid-form__label">主DNS：</span>
+        <span class="c-grid-form__label">主DNS</span>
         <el-input
           v-model.trim="wired.ip6.dns1"
           placeholder="ffff:0000:0000:0000:0000:0000:0000:0000"
           maxlength="39"
         />
-        <span class="c-grid-form__label">备DNS：</span>
+        <span class="c-grid-form__label">备DNS</span>
         <el-input
           v-model.trim="wired.ip6.dns2"
           placeholder="ffff:0000:0000:0000:0000:0000:0000:0000"

src/views/device/detail/components/DeviceInvoke/DeviceNetwork/Wireless.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-grid-form">
-    <span class="c-grid-form__label u-bold">启用WLAN：</span>
+    <span class="c-grid-form__label u-bold">启用WLAN</span>
     <div class="l-flex--row c-grid-form__option">
       <el-switch
         v-model="wireless.enable"
@@ -9,13 +9,13 @@
       />
     </div>
     <template v-if="wireless.enable">
-      <span class="c-grid-form__label required">网络名称：</span>
+      <span class="c-grid-form__label required">网络名称</span>
       <el-input
         v-model.trim="wireless.name"
         placeholder="请输入网络名称"
         maxlength="100"
       />
-      <span class="c-grid-form__label required">密码：</span>
+      <span class="c-grid-form__label required">密码</span>
       <el-input
         v-model.trim="wireless.password"
         style="text-security:disc;"

src/views/device/detail/components/DeviceInvoke/mixins/TaskDialog.vue

@@ -9,7 +9,7 @@
       v-if="task"
       class="c-grid-form mini u-align-self--center"
     >
-      <div class="c-grid-form__label">重复方式：</div>
+      <div class="c-grid-form__label">重复方式</div>
       <div>
         <el-select v-model="task.freq">
           <el-option
@@ -21,7 +21,7 @@
         </el-select>
       </div>
       <template v-if="isWeekly">
-        <div class="c-grid-form__label c-grid-form__auto required">每周：</div>
+        <div class="c-grid-form__label c-grid-form__auto required">每周</div>
         <el-checkbox-group
           v-model="task.dayOfWeek"
           class="c-grid-form__auto l-flex--row"
@@ -37,7 +37,7 @@
           </el-checkbox-button>
         </el-checkbox-group>
       </template>
-      <div class="c-grid-form__label required">触发时间：</div>
+      <div class="c-grid-form__label required">触发时间</div>
       <el-time-picker
         v-model="task.executeTime"
         placeholder="请选择触发时间"

src/views/device/detail/components/external/ReceivingCard/index.vue

@@ -42,7 +42,7 @@
         </div>
         <confirm-dialog
           ref="addDialog"
-          title="新增"
+          title="绑定"
           @confirm="onSave"
         >
           <el-upload
@@ -65,7 +65,7 @@
             </div>
           </el-upload>
           <div class="c-grid-form u-align-self--center">
-            <span class="c-grid-form__label required">厂商：</span>
+            <span class="c-grid-form__label required">厂商</span>
             <el-select
               v-model="receivingCard.manufacturerKey"
               placeholder="请选择厂商"
@@ -79,29 +79,30 @@
                 :value="manufacturer.value"
               />
             </el-select>
-            <span class="c-grid-form__label required">设备型号：</span>
+            <span class="c-grid-form__label required">设备型号</span>
             <el-input
               v-model.trim="receivingCard.screen"
               placeholder="最多50个字符"
               maxlength="50"
               clearable
             />
-            <span class="c-grid-form__label">异步盒：</span>
+            <span class="c-grid-form__label">特性</span>
             <div class="l-flex--row c-grid-form__option">
+              <span class="c-sibling-item">异步盒</span>
               <el-switch
                 v-model="receivingCard.async"
                 class="c-sibling-item"
                 active-color="#13ce66"
                 inactive-color="#ff4949"
               />
-              <span class="c-sibling-item far">温度监测：</span>
+              <span class="c-sibling-item far">温度监测</span>
               <el-switch
                 v-model="receivingCard.temperature"
                 class="c-sibling-item"
                 active-color="#13ce66"
                 inactive-color="#ff4949"
               />
-              <span class="c-sibling-item far">电压监测：</span>
+              <span class="c-sibling-item far">电压监测</span>
               <el-switch
                 v-model="receivingCard.voltage"
                 class="c-sibling-item"
@@ -109,7 +110,7 @@
                 inactive-color="#ff4949"
               />
             </div>
-            <span class="c-grid-form__label required">设备IP：</span>
+            <span class="c-grid-form__label required">设备IP</span>
             <el-input
               v-model.trim="receivingCard.ip"
               placeholder="192.168.0.1"

src/views/device/group/index.vue

@@ -15,14 +15,14 @@
       @confirm="onSave"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="currObj.name"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label">备注：</span>
+        <span class="c-grid-form__label">备注</span>
         <el-input
           v-model.trim="currObj.remark"
           type="textarea"

src/views/external/camera/index.vue

@@ -66,14 +66,14 @@
       @confirm="onConfirm"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">设备名称：</span>
+        <span class="c-grid-form__label required">设备名称</span>
         <el-input
           v-model.trim="camera.name"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label required">设备标识：</span>
+        <span class="c-grid-form__label required">设备标识</span>
         <el-input
           v-model.trim="camera.identifier"
           placeholder="最多50个字符"
@@ -81,7 +81,7 @@
           :disabled="isEdit"
           clearable
         />
-        <span class="c-grid-form__label required">账号：</span>
+        <span class="c-grid-form__label required">账号</span>
         <el-input
           v-model.trim="camera.username"
           placeholder="最多50个字符"
@@ -89,7 +89,7 @@
           :disabled="isEdit"
         />
         <template v-if="!isEdit">
-          <span class="c-grid-form__label required">密码：</span>
+          <span class="c-grid-form__label required">密码</span>
           <el-input
             v-model.trim="camera.password"
             class="o-password"
@@ -97,7 +97,7 @@
             maxlength="50"
           />
         </template>
-        <span class="c-grid-form__label">备注：</span>
+        <span class="c-grid-form__label">备注</span>
         <el-input
           v-model.trim="camera.remark"
           type="textarea"

src/views/external/gateway/PLC.vue

@@ -10,21 +10,21 @@
       @confirm="onConfirm"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="plc.name"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label required">地址：</span>
+        <span class="c-grid-form__label required">地址</span>
         <el-input
           v-model.trim="plc.identifier"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label">备注：</span>
+        <span class="c-grid-form__label">备注</span>
         <el-input
           v-model.trim="plc.remark"
           type="textarea"

src/views/external/gateway/index.vue

@@ -15,21 +15,21 @@
       @confirm="onConfirm"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="gateway.name"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label required">地址：</span>
+        <span class="c-grid-form__label required">地址</span>
         <el-input
           v-model.trim="gateway.ip"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label">备注：</span>
+        <span class="c-grid-form__label">备注</span>
         <el-input
           v-model.trim="gateway.remark"
           type="textarea"

src/views/external/transmitter/index.vue

@@ -15,27 +15,27 @@
       @confirm="onConfirm"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">厂商：</span>
+        <span class="c-grid-form__label required">厂商</span>
         <schema-select
           v-model="transmitter.manufacturerKey"
           placeholder="请选择厂商"
           :schema="manufacturerSelectSchema"
         />
-        <span class="c-grid-form__label required">设备名称：</span>
+        <span class="c-grid-form__label required">设备名称</span>
         <el-input
           v-model.trim="transmitter.name"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label required">设备型号：</span>
+        <span class="c-grid-form__label required">设备型号</span>
         <el-input
           v-model.trim="transmitter.type"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label">特性：</span>
+        <span class="c-grid-form__label">特性</span>
         <div class="l-flex--row c-grid-form__option">
           <el-checkbox v-model="flag.async">异步盒</el-checkbox>
           <el-checkbox v-model="flag.detection">设备监测</el-checkbox>
@@ -47,21 +47,21 @@
             active-color="#13ce66"
             inactive-color="#ff4949"
           />
-          <span class="c-sibling-item far">设备监测：</span>
+          <span class="c-sibling-item far">设备监测</span>
           <el-switch
             v-model="flag.detection"
             class="c-sibling-item"
             active-color="#13ce66"
             inactive-color="#ff4949"
           />
-          <span class="c-sibling-item far">内容保护：</span>
+          <span class="c-sibling-item far">内容保护</span>
           <el-switch
             v-model="flag.contentProtection"
             class="c-sibling-item"
             active-color="#13ce66"
             inactive-color="#ff4949"
           />
-          <span class="c-sibling-item far">回采卡：</span>
+          <span class="c-sibling-item far">回采卡</span>
           <el-switch
             v-model="flag.recoveryCard"
             class="c-sibling-item"
@@ -69,7 +69,7 @@
             inactive-color="#ff4949"
           /> -->
         </div>
-        <span class="c-grid-form__label">备注：</span>
+        <span class="c-grid-form__label">备注</span>
         <el-input
           v-model.trim="transmitter.remark"
           type="textarea"

src/views/platform/profile/components/UserInfoItem.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="l-flex--col">
     <div class="l-flex--row c-sibling-item--v c-line">
-      <div class="c-grid-form__label c-line__left u-color--black u-bold">{{ config.label }}：</div>
+      <div class="c-line__left u-color--black u-bold">{{ config.label }}</div>
       <el-input
         v-if="initial || expanded"
         v-model="cValue"
@@ -265,6 +265,9 @@ export default {
 
   &__left {
     flex: 0 0 116px;
+    padding-right: $spacing;
+    font-size: 14px;
+    text-align: right;
   }
 
   &__right {

src/views/realm/ai-stock/Assign.vue

@@ -27,13 +27,13 @@
           @confirm="onSave"
         >
           <div class="c-grid-form u-align-self--center">
-            <span class="c-grid-form__label">类型：</span>
+            <span class="c-grid-form__label">类型</span>
             <schema-select
               v-model="credit.auditType"
               :schema="auditTypeSchema"
               disabled
             />
-            <span class="c-grid-form__label">次数：</span>
+            <span class="c-grid-form__label">次数</span>
             <div class="l-flex--row">
               <el-input-number
                 v-model="credit.initialAmount"
@@ -44,7 +44,7 @@
               />
               <span class="c-sibling-item u-color--info light">1 ~ {{ remaining }}</span>
             </div>
-            <span class="c-grid-form__label required">有效期：</span>
+            <span class="c-grid-form__label required">有效期</span>
             <el-date-picker
               v-model="credit.date"
               class="u-width--auto"

src/views/realm/ai-stock/Stock.vue

@@ -9,19 +9,19 @@
       @confirm="onSave"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label">类型：</span>
+        <span class="c-grid-form__label">类型</span>
         <schema-select
           v-model="credit.auditType"
           :schema="auditTypeSchema"
         />
-        <span class="c-grid-form__label">次数：</span>
+        <span class="c-grid-form__label">次数</span>
         <el-input-number
           v-model="credit.initialAmount"
           :min="1"
           :max="999999"
           step-strictly
         />
-        <span class="c-grid-form__label required">有效期：</span>
+        <span class="c-grid-form__label required">有效期</span>
         <el-date-picker
           v-model="credit.date"
           class="u-width--auto"

src/views/realm/ai-stock/components/CreditConfigDialog.vue

@@ -5,7 +5,7 @@
     @confirm="onSave"
   >
     <div class="c-grid-form mini u-align-self--center">
-      <span class="c-grid-form__label">阈值：</span>
+      <span class="c-grid-form__label">阈值</span>
       <el-input-number
         v-model="threshold"
         :min="1"

src/views/realm/ai-timing/components/DeviceServiceConfigDialog.vue

@@ -5,7 +5,7 @@
     @confirm="onSave"
   >
     <div class="c-grid-form mini u-align-self--center">
-      <span class="c-grid-form__label u-bold">开启：</span>
+      <span class="c-grid-form__label u-bold">开启</span>
       <div class="l-flex--row c-grid-form__option">
         <el-switch
           v-model="deviceServiceConfig.enabled"
@@ -13,7 +13,7 @@
           inactive-color="#ff4949"
         />
       </div>
-      <span class="c-grid-form__label">抽帧间隔：</span>
+      <span class="c-grid-form__label">抽帧间隔</span>
       <div class="c-grid-form__option">
         <el-input-number
           v-model="deviceServiceConfig.offset"
@@ -23,13 +23,13 @@
         />
         秒（10~3600）
       </div>
-      <span class="c-grid-form__label required">开始时间：</span>
+      <span class="c-grid-form__label required">开始时间</span>
       <el-time-picker
         v-model="deviceServiceConfig.startTime"
         value-format="HH:mm:ss"
         :clearable="false"
       />
-      <span class="c-grid-form__label required">结束时间：</span>
+      <span class="c-grid-form__label required">结束时间</span>
       <el-time-picker
         v-model="deviceServiceConfig.endTime"
         value-format="HH:mm:ss"

src/views/realm/ai-timing/components/StratConfigDialog.vue

@@ -5,7 +5,7 @@
     @confirm="onSave"
   >
     <div class="c-grid-form mini u-align-self--center">
-      <span class="c-grid-form__label u-bold">开启：</span>
+      <span class="c-grid-form__label u-bold">开启</span>
       <div class="l-flex--row c-grid-form__option">
         <el-switch
           v-model="tenantStratConfig.enabled"
@@ -13,7 +13,7 @@
           inactive-color="#ff4949"
         />
       </div>
-      <span class="c-grid-form__label">图片保存：</span>
+      <span class="c-grid-form__label">图片保存</span>
       <div
         class="l-flex--row c-grid-form__option c-grid-form__info"
         data-info="开启将保存至多1000张合格图片"
@@ -24,7 +24,7 @@
           inactive-color="#ff4949"
         />
       </div>
-      <span class="c-grid-form__label">库存阈值：</span>
+      <span class="c-grid-form__label">库存阈值</span>
       <div
         class="l-flex--row c-grid-form__option c-grid-form__info"
         data-info="库存低于阈值后将关闭抽帧检测"
@@ -36,14 +36,14 @@
           step-strictly
         />
       </div>
-      <span class="c-grid-form__label u-bold">疑似处理：</span>
+      <span class="c-grid-form__label u-bold">疑似处理</span>
       <div class="l-flex--row c-grid-form__option">
         <schema-select
           v-model="tenantStratConfig.suspectedStrategy"
           :schema="suspectedStrategySelectSchema"
         />
       </div>
-      <span class="c-grid-form__label u-bold">不合规处理：</span>
+      <span class="c-grid-form__label u-bold">不合规处理</span>
       <div class="l-flex--row c-grid-form__option">
         <schema-select
           v-model="tenantStratConfig.nonComplianceStrategy"

src/views/realm/debug/index.vue

@@ -8,7 +8,7 @@
   >
     <div class="l-flex__none l-flex--row has-bottom-padding">
       <div class="l-flex__auto l-flex--row c-sibling-item">
-        <span>开启：</span>
+        <span>开启</span>
         <el-switch
           v-model="opend"
           class="l-flex__none c-sibling-item"
@@ -61,15 +61,15 @@
       custom-class="c-dialog mini"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">topic：</span>
+        <span class="c-grid-form__label required">topic</span>
         <el-input v-model.trim="mqtt.topic" />
-        <span class="c-grid-form__label">message：</span>
+        <span class="c-grid-form__label">message</span>
         <el-input
           v-model.trim="mqtt.message"
           type="textarea"
           :rows="6"
         />
-        <span class="c-grid-form__label">加密：</span>
+        <span class="c-grid-form__label">加密</span>
         <div class="l-flex--row c-grid-form__option">
           <el-switch
             v-model="mqtt.encode"

src/views/realm/device/Device.vue

@@ -11,43 +11,44 @@
       @confirm="onSave"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="currObj.name"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label required">产品：</span>
+        <span class="c-grid-form__label required">产品</span>
         <schema-select
           v-model="currObj.productId"
           placeholder="请选择产品"
           :schema="productSelectSchema"
           :disabled="isSub"
         />
-        <span class="c-grid-form__label required">序列号：</span>
+        <span class="c-grid-form__label required">序列号</span>
         <el-input
           v-model.trim="currObj.serialNumber"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label required">MAC：</span>
+        <span class="c-grid-form__label required">MAC</span>
         <el-input
           v-model.trim="currObj.mac"
           placeholder="ff:ff:ff:ff:ff:ff"
           maxlength="17"
           clearable
         />
-        <span class="c-grid-form__label required">地址：</span>
+        <span class="c-grid-form__label required">地址</span>
         <el-input
           v-model.trim="currObj.address"
           placeholder="最多100个字符"
           maxlength="100"
           clearable
         />
-        <span class="c-grid-form__label">经度：</span>
+        <span class="c-grid-form__label">坐标</span>
         <div class="l-flex--row c-grid-form__option">
+          <span class="c-sibling-item">经度</span>
           <el-input
             v-model.trim="currObj.longitude"
             class="l-flex__fill c-sibling-item"
@@ -55,7 +56,7 @@
             maxlength="13"
             clearable
           />
-          <span class="c-sibling-item far c-grid-form__label">纬度：</span>
+          <span class="c-sibling-item far c-grid-form__label">纬度</span>
           <el-input
             v-model.trim="currObj.latitude"
             class="l-flex__fill c-sibling-item"

src/views/realm/device/Product.vue

@@ -9,42 +9,42 @@
       @confirm="onSave"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="currObj.name"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label required">类型：</span>
+        <span class="c-grid-form__label required">类型</span>
         <schema-select
           v-model="currObj.productTypeId"
           placeholder="请选择产品类型"
           :disabled="!isAdd"
           :schema="productTypeSelectSchema"
         />
-        <span class="c-grid-form__label required">分辨率：</span>
+        <span class="c-grid-form__label required">分辨率</span>
         <div class="l-flex--row c-grid-form__option">
-          <span class="has-padding--h">宽</span>
+          <span class="c-sibling-item">宽</span>
           <el-input-number
             v-model="currObj.wide"
-            class="l-flex__auto"
+            class="l-flex__auto c-sibling-item"
             :min="1"
             :max="999999"
             :disabled="!isAdd"
             step-strictly
           />
-          <span class="has-padding--h">高</span>
+          <span class="c-sibling-item far">高</span>
           <el-input-number
             v-model="currObj.high"
-            class="l-flex__auto"
+            class="l-flex__auto c-sibling-item"
             :min="1"
             :max="999999"
             :disabled="!isAdd"
             step-strictly
           />
         </div>
-        <span class="c-grid-form__label c-grid-form__auto">分割器：</span>
+        <span class="c-grid-form__label c-grid-form__auto">分割器</span>
         <div class="l-flex--row c-grid-form__option">
           <el-switch
             v-model="currObj.fpga"
@@ -53,7 +53,7 @@
             :disabled="!isAdd"
           />
         </div>
-        <span class="c-grid-form__label">备注：</span>
+        <span class="c-grid-form__label">备注</span>
         <el-input
           v-model.trim="currObj.remark"
           type="textarea"

src/views/realm/device/ProductType.vue

@@ -9,14 +9,14 @@
       @confirm="onSave"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="currObj.name"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label">备注：</span>
+        <span class="c-grid-form__label">备注</span>
         <el-input
           v-model.trim="currObj.remark"
           type="textarea"

src/views/realm/device/settings/components/AttributeConfigDialog.vue

@@ -5,7 +5,7 @@
     @confirm="onSave"
   >
     <div class="c-grid-form mini u-align-self--center">
-      <span class="c-grid-form__label">回采卡IP：</span>
+      <span class="c-grid-form__label">回采卡IP</span>
       <div class="l-flex--row c-grid-form__option">
         <el-input
           v-model.trim="attributes.recoveryCardIP"

src/views/realm/device/settings/components/ContentProtectionConfigDialog.vue

@@ -5,7 +5,7 @@
     @confirm="onSave"
   >
     <div class="c-grid-form mini u-align-self--center">
-      <span class="c-grid-form__label">启用：</span>
+      <span class="c-grid-form__label">启用</span>
       <div class="l-flex--row c-grid-form__option">
         <el-switch
           v-model="config.protect"
@@ -14,7 +14,7 @@
           inactive-color="#ff4949"
         />
       </div>
-      <span class="c-grid-form__label">主卡：</span>
+      <span class="c-grid-form__label">主卡</span>
       <div class="l-flex--row c-grid-form__option">
         <el-input-number
           v-model="config.cardId"
@@ -24,7 +24,7 @@
         />
         &nbsp;0~255
       </div>
-      <span class="c-grid-form__label">子卡：</span>
+      <span class="c-grid-form__label">子卡</span>
       <div class="l-flex--row c-grid-form__option">
         <el-input-number
           v-model="config.srcId"

src/views/realm/device/settings/components/RecordConfigDialog.vue

@@ -5,21 +5,21 @@
     @confirm="onSave"
   >
     <div class="c-grid-form mini u-align-self--center">
-      <span class="c-grid-form__label">宽度：</span>
+      <span class="c-grid-form__label">宽度</span>
       <el-input-number
         v-model="recordConfig.videoWidth"
         :min="240"
         :max="999999"
         step-strictly
       />
-      <span class="c-grid-form__label">高度：</span>
+      <span class="c-grid-form__label">高度</span>
       <el-input-number
         v-model="recordConfig.videoHeight"
         :min="240"
         :max="999999"
         step-strictly
       />
-      <span class="c-grid-form__label">码率：</span>
+      <span class="c-grid-form__label">码率</span>
       <div class="l-flex--row c-grid-form__option">
         <el-input-number
           v-model="recordConfig.videoBitRate"
@@ -29,7 +29,7 @@
         />
         &nbsp;Kbps（最低36Kbps)
       </div>
-      <span class="c-grid-form__label">帧率：</span>
+      <span class="c-grid-form__label">帧率</span>
       <div class="l-flex--row c-grid-form__option">
         <el-input-number
           v-model="recordConfig.frameRate"

src/views/realm/settings/components/ServiceConfigDialog.vue

@@ -5,7 +5,7 @@
     @confirm="onSave"
   >
     <div class="c-grid-form mini u-align-self--center">
-      <span class="c-grid-form__label u-bold">开启：</span>
+      <span class="c-grid-form__label u-bold">开启</span>
       <div class="l-flex--row c-grid-form__option">
         <el-switch
           v-model="tenantServiceConfig.enabled"

src/views/realm/tenant/Group.vue

@@ -16,7 +16,7 @@
     >
       <div class="c-grid-form u-align-self--center">
         <template v-if="isAdd">
-          <span class="c-grid-form__label required">标识：</span>
+          <span class="c-grid-form__label required">标识</span>
           <div
             class="c-grid-form__info"
             data-info="仅可包含数字、字母和-_符号"
@@ -29,7 +29,7 @@
             />
           </div>
         </template>
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="group.remark"
           placeholder="最多50个字符"

src/views/realm/tenant/Tenant.vue

@@ -19,7 +19,7 @@
     >
       <div class="c-grid-form u-align-self--center">
         <template v-if="isAdd">
-          <span class="c-grid-form__label required">标识：</span>
+          <span class="c-grid-form__label required">标识</span>
           <div
             class="c-grid-form__info"
             data-info="仅可包含数字、字母和-_符号"
@@ -32,7 +32,7 @@
             />
           </div>
         </template>
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="group.remark"
           placeholder="最多50个字符"

src/views/realm/upgrade/deploy/index.vue

@@ -15,14 +15,14 @@
       @confirm="onDeploy"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">升级名称：</span>
+        <span class="c-grid-form__label required">升级名称</span>
         <el-input
           v-model.trim="version.name"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label required">目标版本：</span>
+        <span class="c-grid-form__label required">目标版本</span>
         <input
           class="el-input__inner u-pointer u-ellipsis"
           :value="apk"
@@ -30,7 +30,7 @@
           readonly
           @click="onChooseApk"
         >
-        <span class="c-grid-form__label required">目标设备：</span>
+        <span class="c-grid-form__label required">目标设备</span>
         <input
           class="el-input__inner u-pointer u-ellipsis"
           :value="devices"
@@ -38,11 +38,11 @@
           readonly
           @click="chooseDevices"
         >
-        <span class="c-grid-form__label">升级方式：</span>
+        <span class="c-grid-form__label">升级方式</span>
         <div class="l-flex--row c-grid-form__option">
           <el-radio>强制升级</el-radio>
         </div>
-        <span class="c-grid-form__label">描述：</span>
+        <span class="c-grid-form__label">描述</span>
         <el-input
           v-model.trim="version.remark"
           type="textarea"

src/views/realm/upgrade/index.vue

@@ -36,14 +36,14 @@
         </div>
       </el-upload>
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">文件名：</span>
+        <span class="c-grid-form__label required">文件名</span>
         <el-input
           v-model.trim="apk.name"
           placeholder="最多100个字符"
           maxlength="100"
           clearable
         />
-        <span class="c-grid-form__label required">版本名称：</span>
+        <span class="c-grid-form__label required">版本名称</span>
         <div
           class="c-grid-form__info"
           data-info="例：1.0.0"
@@ -56,7 +56,7 @@
             clearable
           />
         </div>
-        <span class="c-grid-form__label">版本号：</span>
+        <span class="c-grid-form__label">版本号</span>
         <div
           class="c-grid-form__info"
           data-info="只能由小往大升"
@@ -69,14 +69,14 @@
             step-strictly
           />
         </div>
-        <span class="c-grid-form__label">备注：</span>
+        <span class="c-grid-form__label">备注</span>
         <el-input
           v-model.trim="apk.remark"
           type="textarea"
           maxlength="100"
           show-word-limit
         />
-        <span class="c-grid-form__label">状态：</span>
+        <span class="c-grid-form__label">状态</span>
         <div class="l-flex--row c-grid-form__option">
           <el-radio
             v-model="apk.status"

src/views/realm/user/Account.vue

@@ -51,7 +51,7 @@
         v-if="account"
         class="c-grid-form u-align-self--center"
       >
-        <span class="c-grid-form__label required">账号：</span>
+        <span class="c-grid-form__label required">账号</span>
         <div
           class="c-grid-form__info"
           data-info="仅可包含数字、字母"
@@ -63,7 +63,7 @@
             clearable
           />
         </div>
-        <span class="c-grid-form__label c-grid-form__auto">分组：</span>
+        <span class="c-grid-form__label c-grid-form__auto">分组</span>
         <div class="c-grid-form__auto u-bold">
           {{ group.label }}
         </div>

src/views/review/index.vue

@@ -42,7 +42,7 @@
       @confirm="onConfirmReject"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label">审核意见：</span>
+        <span class="c-grid-form__label">审核意见</span>
         <el-select
           v-model="review.type"
           placeholder="请选择"
@@ -55,7 +55,7 @@
           />
         </el-select>
         <template v-if="review.type === 'reject'">
-          <span class="c-grid-form__label required">原因：</span>
+          <span class="c-grid-form__label required">原因</span>
           <el-input
             v-model.trim="review.reason"
             type="textarea"

src/views/review/workflow/detail/components/ReviewDialog.vue

@@ -30,7 +30,7 @@
         </div>
         <div class="l-flex--col has-top-padding">
           <div class="c-grid-form u-align-self--center has-bottom-padding">
-            <span class="c-grid-form__label">审核意见：</span>
+            <span class="c-grid-form__label">审核意见</span>
             <el-select
               v-model="review.type"
               placeholder="请选择"
@@ -43,7 +43,7 @@
               />
             </el-select>
             <template v-if="review.type === 'reject'">
-              <span class="c-grid-form__label required">原因：</span>
+              <span class="c-grid-form__label required">原因</span>
               <el-input
                 v-model.trim="review.reason"
                 type="textarea"

src/views/review/workflow/detail/index.vue

@@ -78,7 +78,7 @@
         @confirm="onConfirmReject"
       >
         <div class="c-grid-form u-align-self--center">
-          <span class="c-grid-form__label">审核意见：</span>
+          <span class="c-grid-form__label">审核意见</span>
           <el-select
             v-model="review.type"
             placeholder="请选择"
@@ -91,7 +91,7 @@
             />
           </el-select>
           <template v-if="review.type === 'reject'">
-            <span class="c-grid-form__label required">原因：</span>
+            <span class="c-grid-form__label required">原因</span>
             <el-input
               v-model.trim="review.reason"
               type="textarea"

src/views/schedule/ScheduleDesigner.vue

@@ -44,14 +44,14 @@
       @confirm="onConfirmAdd"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="schedule.name"
           placeholder="最多50个字符"
           maxlength="50"
           clearable
         />
-        <span class="c-grid-form__label required">分辨率：</span>
+        <span class="c-grid-form__label required">分辨率</span>
         <schema-select
           v-model="schedule.resolutionRatio"
           placeholder="请选择分辨率"
@@ -65,7 +65,7 @@
       @confirm="onConfirmCopy"
     >
       <div class="c-grid-form u-align-self--center">
-        <span class="c-grid-form__label required">名称：</span>
+        <span class="c-grid-form__label required">名称</span>
         <el-input
           v-model.trim="copySchedule.name"
           placeholder="最多500个字符"