Fix disabled-ui for input-boxes

Step/wwwroot/assets/styles/base/card.less

@@ -168,11 +168,19 @@
           color: @color-greyish-brown;
           padding: 0 5px;
           box-sizing: border-box;
+          border: solid 1px #ccc;
 
           &[type=number]{
               text-align: right;
           }
-
+      }
+      input:read-only{
+        border: none;
+      }
+      select:disabled{
+        border: none;
+        -webkit-appearance: none;
+        -moz-appearance: none;
       }
   }
 }

Step/wwwroot/assets/styles/style.css

@@ -2799,11 +2799,20 @@ footer .container button.big:before {
   color: #4b4b4b;
   padding: 0 5px;
   box-sizing: border-box;
+  border: solid 1px #ccc;
 }
 .input-box .control input[type=number],
 .input-box .control select[type=number] {
   text-align: right;
 }
+.input-box .control input:read-only {
+  border: none;
+}
+.input-box .control select:disabled {
+  border: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
 .load-equipment {
   width: 495px;
   height: 64px;

Step/wwwroot/src/modules/base-components/cards/input-box.vue

@@ -5,7 +5,7 @@
           </div>
           <div class="control">
               <input v-if="type=='string'" v-model="bindingValue" :readonly="readOnly">
-              <select class="arrow" v-model="bindingValue" v-if="type=='select'" :readonly="readOnly">
+              <select class="arrow" v-model="bindingValue" v-if="type=='select'" :disabled="readOnly">
                 <slot></slot>
               </select>
               <input v-if="type=='int' || type=='double'" v-model.number="bindingValue" type="number" :readonly="readOnly">