update src/views/charge/components/OverwriteOCPI.vue

Strides-Admin/src/views/charge/components/OverwriteOCPI.vue

@@ -10,6 +10,22 @@
       :rules="rules"
       label-position="right"
       label-width="240px">
+      <el-form-item
+        label="Charge Box ID:">
+        <el-input
+          v-model="item.chargeBoxId"
+          class="flex-item"
+          readonly
+          style="max-width: 320px;"/>
+      </el-form-item>
+      <el-form-item
+        label="Connector ID:">
+        <el-input
+          v-model="item.connectorId"
+          class="flex-item"
+          readonly
+          style="max-width: 320px;"/>
+      </el-form-item>
       <el-form-item
         label="Current OCPP Status:"
         prop="transactionId">
@@ -29,7 +45,7 @@
           style="max-width: 320px;"/>
       </el-form-item>
       <el-form-item
-        label="Latest OCPI Status:"
+        label="Target OCPI Status:"
         prop="latestOcpiStatus">
         <el-select
           v-model="form.latestOcpiStatus"
@@ -43,7 +59,7 @@
         </el-select>
       </el-form-item>
       <el-form-item
-        label="Latest OCPI Status Expire Time:"
+        label="TTL / Expected Recovery Time:"
         prop="latestOcpiStatusExpireTime">
         <el-date-picker
           v-model="form.latestOcpiStatusExpireTime"
@@ -51,7 +67,8 @@
           type="datetime"
           format="yyyy-MM-dd HH:mm"
           value-format="yyyy-MM-dd HH:mm"
-          style="width: 100%; max-width: 320px;"/>
+          style="width: 100%; max-width: 320px;"
+          :picker-options="pickerOptions"/>
       </el-form-item>
       <el-form-item
         label="Action Reason:"
@@ -120,6 +137,11 @@ export default {
           trigger: 'change',
           message: 'Please select date time'
         },
+        actionReason: {
+          required: true,
+          trigger: 'blur',
+          message: 'Please input action reason'
+        }
       },
       options: {
         status: []
@@ -128,6 +150,11 @@ export default {
         minRows: 3,
         maxRows: 10,
       },
+      pickerOptions: {
+        disabledDate: time => {
+          return time.getTime() < new Date().setHours(0, 0, 0, 0);
+        }
+      }
     };
   },
   mounted() {