Przeglądaj źródła

fix(upgrade): unable to select target device

Casper Dai 3 lat temu
rodzic
commit
43cfc6ee01
1 zmienionych plików z 34 dodań i 48 usunięć
  1. 34 48
      src/views/basic/upgrade/deploy/index.vue

+ 34 - 48
src/views/basic/upgrade/deploy/index.vue

@@ -139,54 +139,40 @@
       title="新增升级"
       @confirm="onDeploy"
     >
-      <div class="c-form">
-        <div class="c-form__section">
-          <span class="c-form__label required">升级名称:</span>
-          <el-input
-            v-model.trim="version.name"
-            class="c-form__item"
-            maxlength="50"
-            show-word-limit
-          />
-        </div>
-        <div class="c-form__section">
-          <span class="c-form__label required">目标版本:</span>
-          <input
-            class="c-form__item el-input__inner u-pointer u-ellipsis"
-            :value="apk"
-            placeholder="请选择目标版本"
-            readonly
-            @click="chooseApk"
-          >
-        </div>
-        <div class="c-form__section">
-          <span class="c-form__label required">目标设备:</span>
-          <input
-            class="c-form__item el-input__inner u-pointer u-ellipsis"
-            :value="devices"
-            placeholder="请选择目标设备"
-            readonly
-            @click="chooseDevices"
-          >
-        </div>
-        <div class="c-form__section">
-          <span class="c-form__label">升级方式:</span>
-          <div class="c-form__item">
-            <el-radio>
-              强制升级
-            </el-radio>
-          </div>
-        </div>
-        <div class="c-form__section">
-          <span class="c-form__label">描述:</span>
-          <el-input
-            v-model="version.remark"
-            class="c-form__item"
-            type="textarea"
-            maxlength="100"
-            show-word-limit
-          />
+      <div class="c-grid-form u-align-self--center">
+        <span class="c-grid-form__label required">升级名称:</span>
+        <el-input
+          v-model.trim="version.name"
+          maxlength="50"
+          show-word-limit
+        />
+        <span class="c-grid-form__label required">目标版本:</span>
+        <input
+          class="el-input__inner u-pointer u-ellipsis"
+          :value="apk"
+          placeholder="请选择目标版本"
+          readonly
+          @click="chooseApk"
+        >
+        <span class="c-grid-form__label required">目标设备:</span>
+        <input
+          class="el-input__inner u-pointer u-ellipsis"
+          :value="devices"
+          placeholder="请选择目标设备"
+          readonly
+          @click="chooseDevices"
+        >
+        <span class="c-grid-form__label">升级方式:</span>
+        <div class="l-flex--row">
+          <el-radio>强制升级</el-radio>
         </div>
+        <span class="c-grid-form__label">描述:</span>
+        <el-input
+          v-model="version.remark"
+          type="textarea"
+          maxlength="100"
+          show-word-limit
+        />
       </div>
     </confirm-dialog>
     <el-dialog
@@ -239,7 +225,7 @@
       append-to-body
     >
       <device-tree
-        v-if="show"
+        v-if="choosingDevice"
         class="l-flex__auto list"
         @change="onChange"
       />