舞台编辑更新

acs/qd/src/views/system/logicflow/editor/components/PropertyPanel.vue

@@ -34,6 +34,54 @@
           <div slot="reference" class="border-color" :style="{'backgroundColor': style.gradientColor}" />
         </el-popover>
       </div>
+      <div class="setting-item">
+        <span>设备绑定</span>
+        <el-select
+          filterable
+          v-model="style.device"
+          size="mini"
+          @change="$_changeDevice"
+        >
+          <el-option
+            v-for="item in deviceCodeOptions"
+            :key="item.device_id"
+            :value="item.device_code"
+            :label="item.device_code"
+          >
+            <span style="float: left">{{ item.device_code }}</span>
+            <span style="float: right; color: #8492a6; font-size: 13px">{{ item.device_name }}</span>
+          </el-option>
+        </el-select>
+      </div>
+      <div class="setting-item">
+        <span>旋转角度</span>
+        <el-input-number
+          v-model="style.transform"
+          controls-position="right"
+          size="mini"
+          :min="0"
+          :max="360"
+          :step="90"
+          @change="$_changeTransform"
+        />
+        <span>度</span>
+      </div>
+      <div v-if="showChoice" class="setting-item">
+        <span>设备选择</span>
+        <el-select
+          filterable
+          v-model="style.imageUrl"
+          size="mini"
+          @change="$_changeImageUrl"
+        >
+          <el-option
+            v-for="item in imageUrlOptions"
+            :key="item.image_uuid"
+            :value="item.image_code"
+            :label="item.image_name"
+          />
+        </el-select>
+      </div>
       <div class="setting-item">
         <span>线条样式</span>
         <el-select v-model="style.borderStyle" size="small" @change="$_selectBorder">
@@ -133,54 +181,6 @@
         <el-button size="small" @click="$emit('setZIndex', 'top')">置为顶部</el-button>
         <el-button size="small" @click="$emit('setZIndex', 'bottom')">置为底部</el-button>
       </div>
-      <div class="setting-item">
-        <span>设备绑定</span>
-        <el-select
-          filterable
-          v-model="style.device"
-          size="mini"
-          @change="$_changeDevice"
-        >
-          <el-option
-            v-for="item in deviceCodeOptions"
-            :key="item.device_id"
-            :value="item.device_code"
-            :label="item.device_code"
-          >
-            <span style="float: left">{{ item.device_code }}</span>
-            <span style="float: right; color: #8492a6; font-size: 13px">{{ item.device_name }}</span>
-          </el-option>
-        </el-select>
-      </div>
-      <div class="setting-item">
-        <span>旋转角度</span>
-        <el-input-number
-          v-model="style.transform"
-          controls-position="right"
-          size="mini"
-          :min="0"
-          :max="360"
-          :step="90"
-          @change="$_changeTransform"
-        />
-        <span>度</span>
-      </div>
-      <div v-if="showChoice" class="setting-item">
-        <span>设备选择</span>
-        <el-select
-          filterable
-          v-model="style.imageUrl"
-          size="mini"
-          @change="$_changeImageUrl"
-        >
-          <el-option
-            v-for="item in imageUrlOptions"
-            :key="item.image_uuid"
-            :value="item.image_code"
-            :label="item.image_name"
-          />
-        </el-select>
-      </div>
     </div>
   </div>
 </template>