增加获取控件属性到变量的前端UI入口能力

Author: caofengbin

src/components/StepShow.vue

@@ -468,6 +468,21 @@ const getNotes = (text, type) => {
     >
     获取到变量：{{ step.content }}
   </span>
+  <span
+    v-if="
+      step.stepType === 'obtainElementAttr' ||
+      step.stepType === 'obtainPocoElementAttr'
+    "
+  >
+    <el-tag size="small">获取{{ getEleResult(step.stepType) }}控件属性</el-tag>
+    <el-tag
+      type="info"
+      size="small"
+      style="margin-left: 10px; margin-right: 10px"
+      >{{ step.elements[0]['eleName'] }}</el-tag
+    >
+    的 {{ step.text }} 属性到变量：{{ step.content }}
+  </span>
   <span v-if="step.stepType === 'getClipperByKeyboard'">
     <el-tag size="small">获取剪切板文本</el-tag>
     获取到变量：{{ step.content }}

src/components/StepUpdate.vue

@@ -553,6 +553,10 @@ const androidOptions = ref([
             value: 'clear',
             label: '清空输入框',
           },
+          {
+            value: 'obtainElementAttr',
+            label: '获取控件属性',
+          },
           {
             value: 'getElementAttr',
             label: '验证控件属性',
@@ -711,6 +715,10 @@ const androidOptions = ref([
             value: 'closePocoDriver',
             label: '关闭PocoDriver',
           },
+          {
+            value: 'obtainPocoElementAttr',
+            label: '获取控件属性',
+          },
           {
             value: 'getPocoElementAttr',
             label: '验证控件属性',
@@ -959,6 +967,10 @@ const iOSOptions = ref([
             value: 'clear',
             label: '清空输入框',
           },
+          {
+            value: 'obtainElementAttr',
+            label: '获取控件属性',
+          },
           {
             value: 'getElementAttr',
             label: '验证控件属性',
@@ -1051,6 +1063,10 @@ const iOSOptions = ref([
             value: 'closePocoDriver',
             label: '关闭PocoDriver',
           },
+          {
+            value: 'obtainPocoElementAttr',
+            label: '获取控件属性',
+          },
           {
             value: 'getPocoElementAttr',
             label: '验证控件属性',
@@ -2367,7 +2383,15 @@ onMounted(() => {
         </el-form-item>
       </div>
 
-      <div v-if="step.stepType === 'getElementAttr'">
+      <div v-if="step.stepType === 'getElementAttr' || step.stepType === 'obtainElementAttr'">
+        <el-alert
+          v-show="step.stepType === 'obtainElementAttr'"
+          show-icon
+          style="margin-bottom: 10px"
+          close-text="Get!"
+          type="info"
+          title="TIPS: 可以将获取的控件属性放入临时变量中"
+        />
         <element-select
           label="控件元素"
           place="请选择控件元素"
@@ -2431,15 +2455,33 @@ onMounted(() => {
             <el-option value="visible"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="期望值" prop="content">
+        <el-form-item 
+          v-if="step.stepType === 'getElementAttr'"
+          label="期望值" prop="content">
           <el-input
             v-model="step.content"
             placeholder="请输入期望值"
           ></el-input>
         </el-form-item>
+        <el-form-item 
+          v-else
+          label="变量名" prop="content">
+          <el-input
+            v-model="step.content"
+            placeholder="请输入变量名"
+          ></el-input>
+        </el-form-item>
       </div>
 
-      <div v-if="step.stepType === 'getPocoElementAttr'">
+      <div v-if="step.stepType === 'getPocoElementAttr' || step.stepType === 'obtainPocoElementAttr'">
+        <el-alert
+          v-show="step.stepType === 'obtainPocoElementAttr'"
+          show-icon
+          style="margin-bottom: 10px"
+          close-text="Get!"
+          type="info"
+          title="TIPS: 可以将获取的控件属性放入临时变量中"
+        />
         <element-select
           label="控件元素"
           place="请选择控件元素"
@@ -2481,12 +2523,22 @@ onMounted(() => {
             <el-option value="clickable"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="期望值" prop="content">
+        <el-form-item 
+          v-if="step.stepType === 'getPocoElementAttr'"
+          label="期望值" prop="content">
           <el-input
             v-model="step.content"
             placeholder="请输入期望值"
           ></el-input>
         </el-form-item>
+        <el-form-item 
+          v-else
+          label="变量名" prop="content">
+          <el-input
+            v-model="step.content"
+            placeholder="请输入变量名"
+          ></el-input>
+        </el-form-item>
       </div>
 
       <div v-if="step.stepType === 'siriCommand'">