完善巡检

src/views/fill/gather/modules/BaseForm.vue

@@ -97,11 +97,12 @@
               v-decorator="['infoIds']"
             >
               <br />
-              <div v-for="option in options " :key="option.id">
-                <a-checkbox style="display: inline-block;width:500px;" :value="option.id">
-                  <span >{{ option.name }}---{{ option.remark }}</span>
+              <br />
+
+              <div v-for="(option,i) in options " :key="option.id">
+                <a-checkbox class="checkbox" :class="i==(options.length-1) ?'border':''" :value="option.id">
+                  <div >{{ option.name }} —— {{ option.remark }}</div>
                 </a-checkbox>
-                <br />
               </div>
             </a-checkbox-group>
           </a-form-item>
@@ -211,5 +212,28 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-
+  .checkbox{
+    display: flex;
+    align-items: center;
+    width:500px;
+    padding:10px;
+    border: 1px solid #ccc;
+    border-bottom:none;
+    // /deep/.ant-checkbox{
+    //   top: -0.5em;
+    // }
+  div{
+    display: inline-block;
+    width:440px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    &:hover {
+      white-space:normal;
+    }
+  }
+  }
+.border{
+  border-bottom: 1px solid #ccc;
+}
 </style>