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

EricJin-git · Jun 30, 2023 · 81845d6 · 81845d6
1 parent 0588656
commit 81845d6
Show file tree

Hide file tree

Showing 2 changed files with 71 additions and 4 deletions.
diff --git a/src/components/StepShow.vue b/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 }}

diff --git a/src/components/StepUpdate.vue b/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'">