diff --git a/backend/src/main/java/io/metersphere/base/domain/TestCaseIssues.java b/backend/src/main/java/io/metersphere/base/domain/TestCaseIssues.java
new file mode 100644
index 0000000000..c658c42f84
--- /dev/null
+++ b/backend/src/main/java/io/metersphere/base/domain/TestCaseIssues.java
@@ -0,0 +1,17 @@
+package io.metersphere.base.domain;
+
+import java.io.Serializable;
+import lombok.Data;
+
+@Data
+public class TestCaseIssues implements Serializable {
+    private String id;
+
+    private String testCaseId;
+
+    private String issuesId;
+
+    private String platform;
+
+    private static final long serialVersionUID = 1L;
+}
\ No newline at end of file
diff --git a/backend/src/main/java/io/metersphere/base/domain/TestCaseIssuesExample.java b/backend/src/main/java/io/metersphere/base/domain/TestCaseIssuesExample.java
new file mode 100644
index 0000000000..4870ff4ad4
--- /dev/null
+++ b/backend/src/main/java/io/metersphere/base/domain/TestCaseIssuesExample.java
@@ -0,0 +1,480 @@
+package io.metersphere.base.domain;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class TestCaseIssuesExample {
+    protected String orderByClause;
+
+    protected boolean distinct;
+
+    protected List<Criteria> oredCriteria;
+
+    public TestCaseIssuesExample() {
+        oredCriteria = new ArrayList<Criteria>();
+    }
+
+    public void setOrderByClause(String orderByClause) {
+        this.orderByClause = orderByClause;
+    }
+
+    public String getOrderByClause() {
+        return orderByClause;
+    }
+
+    public void setDistinct(boolean distinct) {
+        this.distinct = distinct;
+    }
+
+    public boolean isDistinct() {
+        return distinct;
+    }
+
+    public List<Criteria> getOredCriteria() {
+        return oredCriteria;
+    }
+
+    public void or(Criteria criteria) {
+        oredCriteria.add(criteria);
+    }
+
+    public Criteria or() {
+        Criteria criteria = createCriteriaInternal();
+        oredCriteria.add(criteria);
+        return criteria;
+    }
+
+    public Criteria createCriteria() {
+        Criteria criteria = createCriteriaInternal();
+        if (oredCriteria.size() == 0) {
+            oredCriteria.add(criteria);
+        }
+        return criteria;
+    }
+
+    protected Criteria createCriteriaInternal() {
+        Criteria criteria = new Criteria();
+        return criteria;
+    }
+
+    public void clear() {
+        oredCriteria.clear();
+        orderByClause = null;
+        distinct = false;
+    }
+
+    protected abstract static class GeneratedCriteria {
+        protected List<Criterion> criteria;
+
+        protected GeneratedCriteria() {
+            super();
+            criteria = new ArrayList<Criterion>();
+        }
+
+        public boolean isValid() {
+            return criteria.size() > 0;
+        }
+
+        public List<Criterion> getAllCriteria() {
+            return criteria;
+        }
+
+        public List<Criterion> getCriteria() {
+            return criteria;
+        }
+
+        protected void addCriterion(String condition) {
+            if (condition == null) {
+                throw new RuntimeException("Value for condition cannot be null");
+            }
+            criteria.add(new Criterion(condition));
+        }
+
+        protected void addCriterion(String condition, Object value, String property) {
+            if (value == null) {
+                throw new RuntimeException("Value for " + property + " cannot be null");
+            }
+            criteria.add(new Criterion(condition, value));
+        }
+
+        protected void addCriterion(String condition, Object value1, Object value2, String property) {
+            if (value1 == null || value2 == null) {
+                throw new RuntimeException("Between values for " + property + " cannot be null");
+            }
+            criteria.add(new Criterion(condition, value1, value2));
+        }
+
+        public Criteria andIdIsNull() {
+            addCriterion("id is null");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdIsNotNull() {
+            addCriterion("id is not null");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdEqualTo(String value) {
+            addCriterion("id =", value, "id");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdNotEqualTo(String value) {
+            addCriterion("id <>", value, "id");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdGreaterThan(String value) {
+            addCriterion("id >", value, "id");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdGreaterThanOrEqualTo(String value) {
+            addCriterion("id >=", value, "id");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdLessThan(String value) {
+            addCriterion("id <", value, "id");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdLessThanOrEqualTo(String value) {
+            addCriterion("id <=", value, "id");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdLike(String value) {
+            addCriterion("id like", value, "id");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdNotLike(String value) {
+            addCriterion("id not like", value, "id");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdIn(List<String> values) {
+            addCriterion("id in", values, "id");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdNotIn(List<String> values) {
+            addCriterion("id not in", values, "id");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdBetween(String value1, String value2) {
+            addCriterion("id between", value1, value2, "id");
+            return (Criteria) this;
+        }
+
+        public Criteria andIdNotBetween(String value1, String value2) {
+            addCriterion("id not between", value1, value2, "id");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdIsNull() {
+            addCriterion("test_case_id is null");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdIsNotNull() {
+            addCriterion("test_case_id is not null");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdEqualTo(String value) {
+            addCriterion("test_case_id =", value, "testCaseId");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdNotEqualTo(String value) {
+            addCriterion("test_case_id <>", value, "testCaseId");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdGreaterThan(String value) {
+            addCriterion("test_case_id >", value, "testCaseId");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdGreaterThanOrEqualTo(String value) {
+            addCriterion("test_case_id >=", value, "testCaseId");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdLessThan(String value) {
+            addCriterion("test_case_id <", value, "testCaseId");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdLessThanOrEqualTo(String value) {
+            addCriterion("test_case_id <=", value, "testCaseId");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdLike(String value) {
+            addCriterion("test_case_id like", value, "testCaseId");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdNotLike(String value) {
+            addCriterion("test_case_id not like", value, "testCaseId");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdIn(List<String> values) {
+            addCriterion("test_case_id in", values, "testCaseId");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdNotIn(List<String> values) {
+            addCriterion("test_case_id not in", values, "testCaseId");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdBetween(String value1, String value2) {
+            addCriterion("test_case_id between", value1, value2, "testCaseId");
+            return (Criteria) this;
+        }
+
+        public Criteria andTestCaseIdNotBetween(String value1, String value2) {
+            addCriterion("test_case_id not between", value1, value2, "testCaseId");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdIsNull() {
+            addCriterion("issues_id is null");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdIsNotNull() {
+            addCriterion("issues_id is not null");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdEqualTo(String value) {
+            addCriterion("issues_id =", value, "issuesId");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdNotEqualTo(String value) {
+            addCriterion("issues_id <>", value, "issuesId");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdGreaterThan(String value) {
+            addCriterion("issues_id >", value, "issuesId");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdGreaterThanOrEqualTo(String value) {
+            addCriterion("issues_id >=", value, "issuesId");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdLessThan(String value) {
+            addCriterion("issues_id <", value, "issuesId");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdLessThanOrEqualTo(String value) {
+            addCriterion("issues_id <=", value, "issuesId");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdLike(String value) {
+            addCriterion("issues_id like", value, "issuesId");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdNotLike(String value) {
+            addCriterion("issues_id not like", value, "issuesId");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdIn(List<String> values) {
+            addCriterion("issues_id in", values, "issuesId");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdNotIn(List<String> values) {
+            addCriterion("issues_id not in", values, "issuesId");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdBetween(String value1, String value2) {
+            addCriterion("issues_id between", value1, value2, "issuesId");
+            return (Criteria) this;
+        }
+
+        public Criteria andIssuesIdNotBetween(String value1, String value2) {
+            addCriterion("issues_id not between", value1, value2, "issuesId");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformIsNull() {
+            addCriterion("platform is null");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformIsNotNull() {
+            addCriterion("platform is not null");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformEqualTo(String value) {
+            addCriterion("platform =", value, "platform");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformNotEqualTo(String value) {
+            addCriterion("platform <>", value, "platform");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformGreaterThan(String value) {
+            addCriterion("platform >", value, "platform");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformGreaterThanOrEqualTo(String value) {
+            addCriterion("platform >=", value, "platform");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformLessThan(String value) {
+            addCriterion("platform <", value, "platform");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformLessThanOrEqualTo(String value) {
+            addCriterion("platform <=", value, "platform");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformLike(String value) {
+            addCriterion("platform like", value, "platform");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformNotLike(String value) {
+            addCriterion("platform not like", value, "platform");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformIn(List<String> values) {
+            addCriterion("platform in", values, "platform");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformNotIn(List<String> values) {
+            addCriterion("platform not in", values, "platform");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformBetween(String value1, String value2) {
+            addCriterion("platform between", value1, value2, "platform");
+            return (Criteria) this;
+        }
+
+        public Criteria andPlatformNotBetween(String value1, String value2) {
+            addCriterion("platform not between", value1, value2, "platform");
+            return (Criteria) this;
+        }
+    }
+
+    public static class Criteria extends GeneratedCriteria {
+
+        protected Criteria() {
+            super();
+        }
+    }
+
+    public static class Criterion {
+        private String condition;
+
+        private Object value;
+
+        private Object secondValue;
+
+        private boolean noValue;
+
+        private boolean singleValue;
+
+        private boolean betweenValue;
+
+        private boolean listValue;
+
+        private String typeHandler;
+
+        public String getCondition() {
+            return condition;
+        }
+
+        public Object getValue() {
+            return value;
+        }
+
+        public Object getSecondValue() {
+            return secondValue;
+        }
+
+        public boolean isNoValue() {
+            return noValue;
+        }
+
+        public boolean isSingleValue() {
+            return singleValue;
+        }
+
+        public boolean isBetweenValue() {
+            return betweenValue;
+        }
+
+        public boolean isListValue() {
+            return listValue;
+        }
+
+        public String getTypeHandler() {
+            return typeHandler;
+        }
+
+        protected Criterion(String condition) {
+            super();
+            this.condition = condition;
+            this.typeHandler = null;
+            this.noValue = true;
+        }
+
+        protected Criterion(String condition, Object value, String typeHandler) {
+            super();
+            this.condition = condition;
+            this.value = value;
+            this.typeHandler = typeHandler;
+            if (value instanceof List<?>) {
+                this.listValue = true;
+            } else {
+                this.singleValue = true;
+            }
+        }
+
+        protected Criterion(String condition, Object value) {
+            this(condition, value, null);
+        }
+
+        protected Criterion(String condition, Object value, Object secondValue, String typeHandler) {
+            super();
+            this.condition = condition;
+            this.value = value;
+            this.secondValue = secondValue;
+            this.typeHandler = typeHandler;
+            this.betweenValue = true;
+        }
+
+        protected Criterion(String condition, Object value, Object secondValue) {
+            this(condition, value, secondValue, null);
+        }
+    }
+}
\ No newline at end of file
diff --git a/backend/src/main/java/io/metersphere/base/mapper/TestCaseIssuesMapper.java b/backend/src/main/java/io/metersphere/base/mapper/TestCaseIssuesMapper.java
new file mode 100644
index 0000000000..e0b9e56c33
--- /dev/null
+++ b/backend/src/main/java/io/metersphere/base/mapper/TestCaseIssuesMapper.java
@@ -0,0 +1,30 @@
+package io.metersphere.base.mapper;
+
+import io.metersphere.base.domain.TestCaseIssues;
+import io.metersphere.base.domain.TestCaseIssuesExample;
+import java.util.List;
+import org.apache.ibatis.annotations.Param;
+
+public interface TestCaseIssuesMapper {
+    long countByExample(TestCaseIssuesExample example);
+
+    int deleteByExample(TestCaseIssuesExample example);
+
+    int deleteByPrimaryKey(String id);
+
+    int insert(TestCaseIssues record);
+
+    int insertSelective(TestCaseIssues record);
+
+    List<TestCaseIssues> selectByExample(TestCaseIssuesExample example);
+
+    TestCaseIssues selectByPrimaryKey(String id);
+
+    int updateByExampleSelective(@Param("record") TestCaseIssues record, @Param("example") TestCaseIssuesExample example);
+
+    int updateByExample(@Param("record") TestCaseIssues record, @Param("example") TestCaseIssuesExample example);
+
+    int updateByPrimaryKeySelective(TestCaseIssues record);
+
+    int updateByPrimaryKey(TestCaseIssues record);
+}
\ No newline at end of file
diff --git a/backend/src/main/java/io/metersphere/base/mapper/TestCaseIssuesMapper.xml b/backend/src/main/java/io/metersphere/base/mapper/TestCaseIssuesMapper.xml
new file mode 100644
index 0000000000..9a4bd3460f
--- /dev/null
+++ b/backend/src/main/java/io/metersphere/base/mapper/TestCaseIssuesMapper.xml
@@ -0,0 +1,196 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="io.metersphere.base.mapper.TestCaseIssuesMapper">
+  <resultMap id="BaseResultMap" type="io.metersphere.base.domain.TestCaseIssues">
+    <id column="id" jdbcType="VARCHAR" property="id" />
+    <result column="test_case_id" jdbcType="VARCHAR" property="testCaseId" />
+    <result column="issues_id" jdbcType="VARCHAR" property="issuesId" />
+    <result column="platform" jdbcType="VARCHAR" property="platform" />
+  </resultMap>
+  <sql id="Example_Where_Clause">
+    <where>
+      <foreach collection="oredCriteria" item="criteria" separator="or">
+        <if test="criteria.valid">
+          <trim prefix="(" prefixOverrides="and" suffix=")">
+            <foreach collection="criteria.criteria" item="criterion">
+              <choose>
+                <when test="criterion.noValue">
+                  and ${criterion.condition}
+                </when>
+                <when test="criterion.singleValue">
+                  and ${criterion.condition} #{criterion.value}
+                </when>
+                <when test="criterion.betweenValue">
+                  and ${criterion.condition} #{criterion.value} and #{criterion.secondValue}
+                </when>
+                <when test="criterion.listValue">
+                  and ${criterion.condition}
+                  <foreach close=")" collection="criterion.value" item="listItem" open="(" separator=",">
+                    #{listItem}
+                  </foreach>
+                </when>
+              </choose>
+            </foreach>
+          </trim>
+        </if>
+      </foreach>
+    </where>
+  </sql>
+  <sql id="Update_By_Example_Where_Clause">
+    <where>
+      <foreach collection="example.oredCriteria" item="criteria" separator="or">
+        <if test="criteria.valid">
+          <trim prefix="(" prefixOverrides="and" suffix=")">
+            <foreach collection="criteria.criteria" item="criterion">
+              <choose>
+                <when test="criterion.noValue">
+                  and ${criterion.condition}
+                </when>
+                <when test="criterion.singleValue">
+                  and ${criterion.condition} #{criterion.value}
+                </when>
+                <when test="criterion.betweenValue">
+                  and ${criterion.condition} #{criterion.value} and #{criterion.secondValue}
+                </when>
+                <when test="criterion.listValue">
+                  and ${criterion.condition}
+                  <foreach close=")" collection="criterion.value" item="listItem" open="(" separator=",">
+                    #{listItem}
+                  </foreach>
+                </when>
+              </choose>
+            </foreach>
+          </trim>
+        </if>
+      </foreach>
+    </where>
+  </sql>
+  <sql id="Base_Column_List">
+    id, test_case_id, issues_id, platform
+  </sql>
+  <select id="selectByExample" parameterType="io.metersphere.base.domain.TestCaseIssuesExample" resultMap="BaseResultMap">
+    select
+    <if test="distinct">
+      distinct
+    </if>
+    <include refid="Base_Column_List" />
+    from test_case_issues
+    <if test="_parameter != null">
+      <include refid="Example_Where_Clause" />
+    </if>
+    <if test="orderByClause != null">
+      order by ${orderByClause}
+    </if>
+  </select>
+  <select id="selectByPrimaryKey" parameterType="java.lang.String" resultMap="BaseResultMap">
+    select 
+    <include refid="Base_Column_List" />
+    from test_case_issues
+    where id = #{id,jdbcType=VARCHAR}
+  </select>
+  <delete id="deleteByPrimaryKey" parameterType="java.lang.String">
+    delete from test_case_issues
+    where id = #{id,jdbcType=VARCHAR}
+  </delete>
+  <delete id="deleteByExample" parameterType="io.metersphere.base.domain.TestCaseIssuesExample">
+    delete from test_case_issues
+    <if test="_parameter != null">
+      <include refid="Example_Where_Clause" />
+    </if>
+  </delete>
+  <insert id="insert" parameterType="io.metersphere.base.domain.TestCaseIssues">
+    insert into test_case_issues (id, test_case_id, issues_id, 
+      platform)
+    values (#{id,jdbcType=VARCHAR}, #{testCaseId,jdbcType=VARCHAR}, #{issuesId,jdbcType=VARCHAR}, 
+      #{platform,jdbcType=VARCHAR})
+  </insert>
+  <insert id="insertSelective" parameterType="io.metersphere.base.domain.TestCaseIssues">
+    insert into test_case_issues
+    <trim prefix="(" suffix=")" suffixOverrides=",">
+      <if test="id != null">
+        id,
+      </if>
+      <if test="testCaseId != null">
+        test_case_id,
+      </if>
+      <if test="issuesId != null">
+        issues_id,
+      </if>
+      <if test="platform != null">
+        platform,
+      </if>
+    </trim>
+    <trim prefix="values (" suffix=")" suffixOverrides=",">
+      <if test="id != null">
+        #{id,jdbcType=VARCHAR},
+      </if>
+      <if test="testCaseId != null">
+        #{testCaseId,jdbcType=VARCHAR},
+      </if>
+      <if test="issuesId != null">
+        #{issuesId,jdbcType=VARCHAR},
+      </if>
+      <if test="platform != null">
+        #{platform,jdbcType=VARCHAR},
+      </if>
+    </trim>
+  </insert>
+  <select id="countByExample" parameterType="io.metersphere.base.domain.TestCaseIssuesExample" resultType="java.lang.Long">
+    select count(*) from test_case_issues
+    <if test="_parameter != null">
+      <include refid="Example_Where_Clause" />
+    </if>
+  </select>
+  <update id="updateByExampleSelective" parameterType="map">
+    update test_case_issues
+    <set>
+      <if test="record.id != null">
+        id = #{record.id,jdbcType=VARCHAR},
+      </if>
+      <if test="record.testCaseId != null">
+        test_case_id = #{record.testCaseId,jdbcType=VARCHAR},
+      </if>
+      <if test="record.issuesId != null">
+        issues_id = #{record.issuesId,jdbcType=VARCHAR},
+      </if>
+      <if test="record.platform != null">
+        platform = #{record.platform,jdbcType=VARCHAR},
+      </if>
+    </set>
+    <if test="_parameter != null">
+      <include refid="Update_By_Example_Where_Clause" />
+    </if>
+  </update>
+  <update id="updateByExample" parameterType="map">
+    update test_case_issues
+    set id = #{record.id,jdbcType=VARCHAR},
+      test_case_id = #{record.testCaseId,jdbcType=VARCHAR},
+      issues_id = #{record.issuesId,jdbcType=VARCHAR},
+      platform = #{record.platform,jdbcType=VARCHAR}
+    <if test="_parameter != null">
+      <include refid="Update_By_Example_Where_Clause" />
+    </if>
+  </update>
+  <update id="updateByPrimaryKeySelective" parameterType="io.metersphere.base.domain.TestCaseIssues">
+    update test_case_issues
+    <set>
+      <if test="testCaseId != null">
+        test_case_id = #{testCaseId,jdbcType=VARCHAR},
+      </if>
+      <if test="issuesId != null">
+        issues_id = #{issuesId,jdbcType=VARCHAR},
+      </if>
+      <if test="platform != null">
+        platform = #{platform,jdbcType=VARCHAR},
+      </if>
+    </set>
+    where id = #{id,jdbcType=VARCHAR}
+  </update>
+  <update id="updateByPrimaryKey" parameterType="io.metersphere.base.domain.TestCaseIssues">
+    update test_case_issues
+    set test_case_id = #{testCaseId,jdbcType=VARCHAR},
+      issues_id = #{issuesId,jdbcType=VARCHAR},
+      platform = #{platform,jdbcType=VARCHAR}
+    where id = #{id,jdbcType=VARCHAR}
+  </update>
+</mapper>
\ No newline at end of file
diff --git a/backend/src/main/java/io/metersphere/commons/constants/DedectManagePlatform.java b/backend/src/main/java/io/metersphere/commons/constants/IssuesManagePlatform.java
similarity index 63%
rename from backend/src/main/java/io/metersphere/commons/constants/DedectManagePlatform.java
rename to backend/src/main/java/io/metersphere/commons/constants/IssuesManagePlatform.java
index 4daa6e514a..e898914154 100644
--- a/backend/src/main/java/io/metersphere/commons/constants/DedectManagePlatform.java
+++ b/backend/src/main/java/io/metersphere/commons/constants/IssuesManagePlatform.java
@@ -1,5 +1,5 @@
 package io.metersphere.commons.constants;
 
-public enum DedectManagePlatform {
+public enum IssuesManagePlatform {
     Tapd, Jira
 }
diff --git a/backend/src/main/java/io/metersphere/commons/utils/RestTemplateUtils.java b/backend/src/main/java/io/metersphere/commons/utils/RestTemplateUtils.java
new file mode 100644
index 0000000000..20a1b9323e
--- /dev/null
+++ b/backend/src/main/java/io/metersphere/commons/utils/RestTemplateUtils.java
@@ -0,0 +1,42 @@
+package io.metersphere.commons.utils;
+
+import org.springframework.http.HttpEntity;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.HttpMethod;
+import org.springframework.http.ResponseEntity;
+import org.springframework.util.MultiValueMap;
+import org.springframework.web.client.RestTemplate;
+
+public class RestTemplateUtils {
+
+    private static RestTemplate restTemplate;
+
+    private static void getTemplate() {
+        restTemplate = (RestTemplate) CommonBeanFactory.getBean("restTemplate");
+    }
+
+    public static String get(String url, HttpHeaders httpHeaders) {
+        getTemplate();
+        try {
+            HttpEntity<MultiValueMap> requestEntity = new HttpEntity<>(httpHeaders);
+            ResponseEntity<String> responseEntity = restTemplate.exchange(url, HttpMethod.GET, requestEntity, String.class);
+            return responseEntity.getBody();
+        } catch (Exception e) {
+            throw new RuntimeException("调用接口失败", e);
+        }
+    }
+
+    public static String post(String url, Object paramMap, HttpHeaders httpHeaders) {
+        getTemplate();
+        try {
+            HttpEntity<MultiValueMap> requestEntity = new HttpEntity<>((MultiValueMap) paramMap, httpHeaders);
+            RestTemplate restTemplate = new RestTemplate();
+            ResponseEntity<String> responseEntity = restTemplate.exchange(url, HttpMethod.POST, requestEntity, String.class);
+            return responseEntity.getBody();
+        } catch (Exception e) {
+            throw new RuntimeException("调用接口失败", e);
+        }
+
+    }
+
+}
diff --git a/backend/src/main/java/io/metersphere/service/IssuesService.java b/backend/src/main/java/io/metersphere/service/IssuesService.java
new file mode 100644
index 0000000000..d8135f9222
--- /dev/null
+++ b/backend/src/main/java/io/metersphere/service/IssuesService.java
@@ -0,0 +1,177 @@
+package io.metersphere.service;
+
+import com.alibaba.fastjson.JSON;
+import com.alibaba.fastjson.JSONObject;
+import io.metersphere.base.domain.*;
+import io.metersphere.base.mapper.TestCaseIssuesMapper;
+import io.metersphere.commons.constants.IssuesManagePlatform;
+import io.metersphere.commons.exception.MSException;
+import io.metersphere.commons.user.SessionUser;
+import io.metersphere.commons.utils.EncryptUtils;
+import io.metersphere.commons.utils.RestTemplateUtils;
+import io.metersphere.commons.utils.SessionUtils;
+import io.metersphere.controller.ResultHolder;
+import io.metersphere.controller.request.IntegrationRequest;
+import io.metersphere.track.dto.IssuesDTO;
+import io.metersphere.track.request.testcase.IssuesRequest;
+import io.metersphere.track.service.TestCaseService;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.HttpMethod;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.springframework.util.LinkedMultiValueMap;
+import org.springframework.util.MultiValueMap;
+import org.apache.commons.lang3.StringUtils;
+
+import javax.annotation.Resource;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.UUID;
+import java.util.stream.Collectors;
+
+@Service
+@Transactional(rollbackFor = Exception.class)
+public class IssuesService {
+
+    @Resource
+    private IntegrationService integrationService;
+    @Resource
+    private TestCaseIssuesMapper testCaseIssuesMapper;
+    @Resource
+    private ProjectService projectService;
+    @Resource
+    private TestCaseService testCaseService;
+
+
+    public void testAuth() {
+        String url = "https://api.tapd.cn/quickstart/testauth";
+        ResultHolder call = call(url);
+        System.out.println(call.getData());
+    }
+
+    public void addIssues(IssuesRequest issuesRequest) {
+        String url = "https://api.tapd.cn/bugs";
+        String testCaseId = issuesRequest.getTestCaseId();
+        String tapdId = getTapdProjectId(testCaseId);
+
+        if (StringUtils.isBlank(tapdId)) {
+            MSException.throwException("未关联Tapd 项目ID");
+        }
+
+        MultiValueMap<String, Object> paramMap = new LinkedMultiValueMap<>();
+        paramMap.add("title", issuesRequest.getTitle());
+        paramMap.add("workspace_id", tapdId);
+        paramMap.add("description", issuesRequest.getContent());
+
+        ResultHolder result = call(url, HttpMethod.POST, paramMap);
+
+        String listJson = JSON.toJSONString(result.getData());
+        JSONObject jsonObject = JSONObject.parseObject(listJson);
+        String issuesId = jsonObject.getObject("Bug", IssuesDTO.class).getId();
+
+        // 用例与第三方缺陷平台中的缺陷关联
+        TestCaseIssues issues = new TestCaseIssues();
+        issues.setId(UUID.randomUUID().toString());
+        issues.setIssuesId(issuesId);
+        issues.setTestCaseId(testCaseId);
+        testCaseIssuesMapper.insert(issues);
+    }
+
+    private ResultHolder call(String url) {
+        return call(url, HttpMethod.GET, null);
+    }
+
+    private ResultHolder call(String url, HttpMethod httpMethod, Object params) {
+        String responseJson;
+
+        String config = tapdConfig();
+        JSONObject object = JSON.parseObject(config);
+
+        if (object == null) {
+            MSException.throwException("tapd config is null");
+        }
+
+        String account = object.getString("account");
+        String password = object.getString("password");
+
+        HttpHeaders header = tapdAuth(account, password);
+
+        if (httpMethod.equals(HttpMethod.GET)) {
+            responseJson = RestTemplateUtils.get(url, header);
+        } else {
+            responseJson = RestTemplateUtils.post(url, params, header);
+        }
+
+        ResultHolder result = JSON.parseObject(responseJson, ResultHolder.class);
+
+        if (!result.isSuccess()) {
+            MSException.throwException(result.getMessage());
+        }
+        return JSON.parseObject(responseJson, ResultHolder.class);
+
+    }
+
+    private String tapdConfig() {
+        SessionUser user = SessionUtils.getUser();
+        String orgId = user.getLastOrganizationId();
+
+        IntegrationRequest request = new IntegrationRequest();
+        if (StringUtils.isBlank(orgId)) {
+            MSException.throwException("organization id is null");
+        }
+        request.setOrgId(orgId);
+        request.setPlatform(IssuesManagePlatform.Tapd.toString());
+
+        ServiceIntegration integration = integrationService.get(request);
+        return integration.getConfiguration();
+    }
+
+    private HttpHeaders tapdAuth(String apiUser, String password) {
+        String authKey = EncryptUtils.base64Encoding(apiUser + ":" + password);
+        HttpHeaders headers = new HttpHeaders();
+        headers.add("Authorization", "Basic " + authKey);
+        return headers;
+    }
+
+    public IssuesDTO getTapdIssues(String projectId, String issuesId) {
+        String url = "https://api.tapd.cn/bugs?workspace_id=" + projectId + "&id=" + issuesId;
+        ResultHolder call = call(url);
+        String listJson = JSON.toJSONString(call.getData());
+        if (StringUtils.equals(Boolean.FALSE.toString(), listJson)) {
+            return new IssuesDTO();
+        }
+        JSONObject jsonObject = JSONObject.parseObject(listJson);
+        return jsonObject.getObject("Bug", IssuesDTO.class);
+    }
+
+    public List<IssuesDTO> getIssues(String caseId) {
+        List<IssuesDTO> list = new ArrayList<>();
+        String tapdId = getTapdProjectId(caseId);
+
+        TestCaseIssuesExample example = new TestCaseIssuesExample();
+        example.createCriteria().andTestCaseIdEqualTo(caseId);
+
+        List<TestCaseIssues> issues = testCaseIssuesMapper.selectByExample(example);
+        List<String> issuesIds = issues.stream().map(issue -> issue.getIssuesId()).collect(Collectors.toList());
+        issuesIds.forEach(issuesId -> {
+            IssuesDTO dto = getTapdIssues(tapdId, issuesId);
+            if (StringUtils.isBlank(dto.getId())) {
+                // 缺陷不存在，解除用例和缺陷的关联
+                TestCaseIssuesExample issuesExample = new TestCaseIssuesExample();
+                issuesExample.createCriteria()
+                        .andTestCaseIdEqualTo(caseId)
+                        .andIssuesIdEqualTo(issuesId);
+                testCaseIssuesMapper.deleteByExample(issuesExample);
+            } else {
+                list.add(dto);
+            }
+        });
+        return list;
+    }
+
+    public String getTapdProjectId(String testCaseId) {
+        TestCaseWithBLOBs testCase = testCaseService.getTestCase(testCaseId);
+        Project project = projectService.getProjectById(testCase.getProjectId());
+        return project.getTapdId();
+    }
+}
diff --git a/backend/src/main/java/io/metersphere/track/controller/TestCaseIssuesController.java b/backend/src/main/java/io/metersphere/track/controller/TestCaseIssuesController.java
new file mode 100644
index 0000000000..f832b05940
--- /dev/null
+++ b/backend/src/main/java/io/metersphere/track/controller/TestCaseIssuesController.java
@@ -0,0 +1,27 @@
+package io.metersphere.track.controller;
+
+import io.metersphere.service.IssuesService;
+import io.metersphere.track.dto.IssuesDTO;
+import io.metersphere.track.request.testcase.IssuesRequest;
+import org.springframework.web.bind.annotation.*;
+
+import javax.annotation.Resource;
+import java.util.List;
+
+@RequestMapping("issues")
+@RestController
+public class TestCaseIssuesController {
+
+    @Resource
+    private IssuesService issuesService;
+
+    @PostMapping("/add")
+    public void addIssues(@RequestBody IssuesRequest issuesRequest) {
+        issuesService.addIssues(issuesRequest);
+    }
+
+    @GetMapping("/get/{id}")
+    public List<IssuesDTO> getIssues(@PathVariable String id) {
+        return issuesService.getIssues(id);
+    }
+}
diff --git a/backend/src/main/java/io/metersphere/track/dto/IssuesDTO.java b/backend/src/main/java/io/metersphere/track/dto/IssuesDTO.java
new file mode 100644
index 0000000000..c9dc0a985b
--- /dev/null
+++ b/backend/src/main/java/io/metersphere/track/dto/IssuesDTO.java
@@ -0,0 +1,13 @@
+package io.metersphere.track.dto;
+
+import lombok.Getter;
+import lombok.Setter;
+
+@Getter
+@Setter
+public class IssuesDTO {
+    private String id;
+    private String title;
+    private String status;
+    private String description;
+}
diff --git a/backend/src/main/java/io/metersphere/track/request/testcase/IssuesRequest.java b/backend/src/main/java/io/metersphere/track/request/testcase/IssuesRequest.java
new file mode 100644
index 0000000000..e5658e3684
--- /dev/null
+++ b/backend/src/main/java/io/metersphere/track/request/testcase/IssuesRequest.java
@@ -0,0 +1,13 @@
+package io.metersphere.track.request.testcase;
+
+import lombok.Getter;
+import lombok.Setter;
+
+@Getter
+@Setter
+public class IssuesRequest {
+    private String title;
+    private String content;
+    private String projectId;
+    private String testCaseId;
+}
diff --git a/backend/src/main/resources/db/migration/V13__service_integration.sql b/backend/src/main/resources/db/migration/V13__service_integration.sql
index fbf6627134..c48d2d627c 100644
--- a/backend/src/main/resources/db/migration/V13__service_integration.sql
+++ b/backend/src/main/resources/db/migration/V13__service_integration.sql
@@ -8,4 +8,11 @@ create table service_integration
 		primary key (id)
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
 
-
+create table if not exists test_case_issues
+(
+	id varchar(50) not null
+		primary key,
+	test_case_id varchar(50) not null,
+	issues_id varchar(100) not null,
+	platform varchar(50) not null
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
\ No newline at end of file
diff --git a/frontend/src/business/components/api/test/components/ApiBody.vue b/frontend/src/business/components/api/test/components/ApiBody.vue
index 64dad3d17a..96fb5dcbaa 100644
--- a/frontend/src/business/components/api/test/components/ApiBody.vue
+++ b/frontend/src/business/components/api/test/components/ApiBody.vue
@@ -11,7 +11,7 @@
 
     <ms-dropdown :default-command="body.format" v-if="body.type == 'Raw'" :commands="modes" @command="modeChange"/>
 
-    <ms-api-key-value :is-read-only="isReadOnly" :items="body.kvs" v-if="body.isKV()"/>
+    <ms-api-variable :is-read-only="isReadOnly" :items="body.kvs" v-if="body.isKV()"/>
 
     <div class="body-raw" v-if="body.type == 'Raw'">
       <ms-code-edit :mode="body.format" :read-only="isReadOnly" :data.sync="body.raw" :modes="modes" ref="codeEdit"/>
@@ -21,24 +21,25 @@
 </template>
 
 <script>
-  import MsApiKeyValue from "./ApiKeyValue";
-  import {Body, BODY_FORMAT, BODY_TYPE} from "../model/ScenarioModel";
-  import MsCodeEdit from "../../../common/components/MsCodeEdit";
-  import MsDropdown from "../../../common/components/MsDropdown";
+import MsApiKeyValue from "./ApiKeyValue";
+import {Body, BODY_FORMAT, BODY_TYPE} from "../model/ScenarioModel";
+import MsCodeEdit from "../../../common/components/MsCodeEdit";
+import MsDropdown from "../../../common/components/MsDropdown";
+import MsApiVariable from "@/business/components/api/test/components/ApiVariable";
 
-  export default {
-    name: "MsApiBody",
-    components: {MsDropdown, MsCodeEdit, MsApiKeyValue},
-    props: {
-      body: Body,
-      isReadOnly: {
-        type: Boolean,
-        default: false
-      }
-    },
+export default {
+  name: "MsApiBody",
+  components: {MsApiVariable, MsDropdown, MsCodeEdit, MsApiKeyValue},
+  props: {
+    body: Body,
+    isReadOnly: {
+      type: Boolean,
+      default: false
+    }
+  },
 
-    data() {
-      return {
+  data() {
+    return {
         type: BODY_TYPE,
         modes: ['text', 'json', 'xml', 'html']
       };
diff --git a/frontend/src/business/components/api/test/components/ApiKeyValue.vue b/frontend/src/business/components/api/test/components/ApiKeyValue.vue
index d3632a17d2..4d13eac53f 100644
--- a/frontend/src/business/components/api/test/components/ApiKeyValue.vue
+++ b/frontend/src/business/components/api/test/components/ApiKeyValue.vue
@@ -15,18 +15,8 @@
 
         </el-col>
         <el-col>
-          <el-autocomplete
-            :disabled="isReadOnly"
-            size="small"
-            class="input-with-autocomplete"
-            v-model="item.value"
-            :fetch-suggestions="funcSearch"
-            :placeholder="valueText"
-            value-key="name"
-            highlight-first-item
-            @select="change">
-            <i slot="suffix" class="el-input__icon el-icon-edit" style="cursor: pointer;" @click="advanced(item)"></i>
-          </el-autocomplete>
+          <el-input :disabled="isReadOnly" v-model="item.value" size="small" @change="change"
+                    :placeholder="valueText" show-word-limit/>
         </el-col>
         <el-col class="kv-delete">
           <el-button size="mini" class="el-icon-delete-solid" circle @click="remove(index)"
@@ -34,59 +24,11 @@
         </el-col>
       </el-row>
     </div>
-
-    <el-dialog :title="$t('api_test.request.parameters_advance')"
-               :visible.sync="itemValueVisible"
-               class="advanced-item-value"
-               width="50%">
-      <el-form>
-        <el-form-item>
-          <el-input :autosize="{ minRows: 2, maxRows: 4}" type="textarea" :placeholder="valueText"
-                    v-model="itemValue"/>
-        </el-form-item>
-      </el-form>
-      <div>
-        <el-row type="flex" align="middle">
-          <el-col :span="6">
-            <el-button size="small" type="primary" plain @click="saveAdvanced()">
-              {{ $t('commons.save') }}
-            </el-button>
-            <el-button size="small" type="success" plain @click="showPreview(itemValue)">
-              {{ $t('api_test.request.parameters_preview') }}
-            </el-button>
-          </el-col>
-          <el-col>
-            <div> {{ itemValuePreview }}</div>
-          </el-col>
-        </el-row>
-      </div>
-
-      <div class="format-tip">
-        <div>
-          <p>{{ $t('api_test.request.parameters_filter') }}：
-            <el-tag size="mini" v-for="func in funcs" :key="func" @click="appendFunc(func)"
-                    style="margin-left: 2px;cursor: pointer;">
-              <span>{{ func }}</span>
-            </el-tag>
-          </p>
-        </div>
-        <div>
-          <span>{{ $t('api_test.request.parameters_filter_desc') }}：
-            <el-link href="http://mockjs.com/examples.html" target="_blank">http://mockjs.com/examples.html</el-link>
-          </span>
-          <p>{{ $t('api_test.request.parameters_filter_example') }}：@string(10) | md5 | substr: 1, 3</p>
-          <p>{{ $t('api_test.request.parameters_filter_example') }}：@integer(1, 5) | concat:_metersphere</p>
-          <p><strong>{{ $t('api_test.request.parameters_filter_tips') }}</strong></p>
-        </div>
-      </div>
-    </el-dialog>
   </div>
 </template>
 
 <script>
 import {KeyValue} from "../model/ScenarioModel";
-import {JMETER_FUNC, MOCKJS_FUNC} from "@/common/js/constants";
-import {calculate} from "@/business/components/api/test/model/ScenarioModel";
 
 export default {
   name: "MsApiKeyValue",
@@ -103,16 +45,6 @@ export default {
     suggestions: Array
   },
 
-  data() {
-    return {
-      itemValueVisible: false,
-      itemValue: null,
-      funcs: ["md5", "sha1", "sha224", "sha256", "sha384", "sha512", "base64",
-        "unbase64", "substr", "concat", "lconcat", "lower", "upper", "length", "number"],
-      itemValuePreview: null
-    }
-  },
-
   computed: {
     keyText() {
       return this.keyPlaceholder || this.$t("api_test.key");
@@ -159,37 +91,6 @@ export default {
         return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
       };
     },
-    funcSearch(queryString, cb) {
-      let funcs = MOCKJS_FUNC.concat(JMETER_FUNC);
-      let results = queryString ? funcs.filter(this.funcFilter(queryString)) : funcs;
-      // 调用 callback 返回建议列表的数据
-      cb(results);
-    },
-    funcFilter(queryString) {
-      return (func) => {
-        return (func.name.toLowerCase().indexOf(queryString.toLowerCase()) > -1);
-      };
-    },
-    showPreview(itemValue) {
-      this.itemValuePreview = calculate(itemValue);
-    },
-    appendFunc(func) {
-      if (this.itemValue) {
-        this.itemValue += " | " + func;
-      } else {
-        this.$warning(this.$t("api_test.request.parameters_preview_warning"));
-      }
-    },
-    advanced(item) {
-      this.currentItem = item;
-      this.itemValueVisible = true;
-      this.itemValue = item.value;
-      this.itemValuePreview = null;
-    },
-    saveAdvanced() {
-      this.currentItem.value = this.itemValue;
-      this.itemValueVisible = false;
-    }
   },
   created() {
     if (this.items.length === 0) {
@@ -215,19 +116,4 @@ export default {
 .el-autocomplete {
   width: 100%;
 }
-
-.advanced-item-value >>> .el-dialog__body {
-  padding: 15px 25px;
-}
-
-.format-tip {
-  background: #EDEDED;
-}
-
-.format-tip {
-  border: solid #E1E1E1 1px;
-  margin: 10px 0;
-  padding: 10px;
-  border-radius: 3px;
-}
 </style>
diff --git a/frontend/src/business/components/api/test/components/ApiScenarioConfig.vue b/frontend/src/business/components/api/test/components/ApiScenarioConfig.vue
index 8bd4b8d08f..1e9dee1661 100644
--- a/frontend/src/business/components/api/test/components/ApiScenarioConfig.vue
+++ b/frontend/src/business/components/api/test/components/ApiScenarioConfig.vue
@@ -36,7 +36,8 @@
     <el-main class="scenario-main">
       <div class="scenario-form">
         <ms-api-scenario-form :is-read-only="isReadOnly" :scenario="selected" :project-id="projectId" v-if="isScenario"/>
-        <ms-api-request-form :debug-report-id="debugReportId" @runDebug="runDebug" :is-read-only="isReadOnly" :request="selected" v-if="isRequest"/>
+        <ms-api-request-form :debug-report-id="debugReportId" @runDebug="runDebug" :is-read-only="isReadOnly"
+                             :request="selected" :scenario="currentScenario" v-if="isRequest"/>
       </div>
     </el-main>
   </el-container>
@@ -44,25 +45,25 @@
 
 <script>
 
-  import MsApiCollapseItem from "./collapse/ApiCollapseItem";
-  import MsApiCollapse from "./collapse/ApiCollapse";
-  import MsApiRequestConfig from "./request/ApiRequestConfig";
-  import MsApiRequestForm from "./request/ApiRequestForm";
-  import MsApiScenarioForm from "./ApiScenarioForm";
-  import {Scenario, Request} from "../model/ScenarioModel";
-  import draggable from 'vuedraggable';
+import MsApiCollapseItem from "./collapse/ApiCollapseItem";
+import MsApiCollapse from "./collapse/ApiCollapse";
+import MsApiRequestConfig from "./request/ApiRequestConfig";
+import MsApiRequestForm from "./request/ApiRequestForm";
+import MsApiScenarioForm from "./ApiScenarioForm";
+import {Request, Scenario} from "../model/ScenarioModel";
+import draggable from 'vuedraggable';
 
-  export default {
-    name: "MsApiScenarioConfig",
+export default {
+  name: "MsApiScenarioConfig",
 
-    components: {
-      MsApiRequestConfig,
-      MsApiScenarioForm,
-      MsApiRequestForm,
-      MsApiCollapse,
-      MsApiCollapseItem,
-      draggable
-    },
+  components: {
+    MsApiRequestConfig,
+    MsApiScenarioForm,
+    MsApiRequestForm,
+    MsApiCollapse,
+    MsApiCollapseItem,
+    draggable
+  },
 
     props: {
       scenarios: Array,
diff --git a/frontend/src/business/components/api/test/components/ApiScenarioForm.vue b/frontend/src/business/components/api/test/components/ApiScenarioForm.vue
index 461e398ab3..0d506e85e4 100644
--- a/frontend/src/business/components/api/test/components/ApiScenarioForm.vue
+++ b/frontend/src/business/components/api/test/components/ApiScenarioForm.vue
@@ -11,18 +11,18 @@
                    :label="environment.name + ': ' + environment.protocol + '://' + environment.socket"
                    :value="environment.id"/>
         <el-button class="environment-button" size="mini" type="primary" @click="openEnvironmentConfig">
-          {{$t('api_test.environment.environment_config')}}
+          {{ $t('api_test.environment.environment_config') }}
         </el-button>
         <template v-slot:empty>
           <div class="empty-environment">
             <el-button class="environment-button" size="mini" type="primary" @click="openEnvironmentConfig">
-              {{$t('api_test.environment.environment_config')}}
+              {{ $t('api_test.environment.environment_config') }}
             </el-button>
           </div>
         </template>
       </el-select>
       <el-form-item class="cookie-item">
-        <el-checkbox v-model="scenario.enableCookieShare">{{'共享 Cookie'}}</el-checkbox>
+        <el-checkbox v-model="scenario.enableCookieShare">{{ '共享 Cookie' }}</el-checkbox>
       </el-form-item>
     </el-form-item>
 
@@ -33,6 +33,7 @@
       </el-tab-pane>
       <el-tab-pane :label="$t('api_test.scenario.headers')" name="headers">
         <ms-api-key-value :is-read-only="isReadOnly" :items="scenario.headers" :suggestions="headerSuggestions"
+                          :environment="scenario.environment"
                           :description="$t('api_test.scenario.kv_description')"/>
       </el-tab-pane>
       <el-tab-pane :label="$t('api_test.scenario.dubbo')" name="dubbo">
@@ -52,127 +53,127 @@
 </template>
 
 <script>
-  import MsApiKeyValue from "./ApiKeyValue";
-  import {Scenario} from "../model/ScenarioModel";
-  import MsApiScenarioVariables from "./ApiScenarioVariables";
-  import ApiEnvironmentConfig from "./ApiEnvironmentConfig";
-  import {REQUEST_HEADERS} from "@/common/js/constants";
-  import MsDubboRegistryCenter from "@/business/components/api/test/components/request/dubbo/RegistryCenter";
-  import MsDubboConfigCenter from "@/business/components/api/test/components/request/dubbo/ConfigCenter";
-  import MsDubboConsumerService from "@/business/components/api/test/components/request/dubbo/ConsumerAndService";
+import MsApiKeyValue from "./ApiKeyValue";
+import {Scenario} from "../model/ScenarioModel";
+import MsApiScenarioVariables from "./ApiScenarioVariables";
+import ApiEnvironmentConfig from "./ApiEnvironmentConfig";
+import {REQUEST_HEADERS} from "@/common/js/constants";
+import MsDubboRegistryCenter from "@/business/components/api/test/components/request/dubbo/RegistryCenter";
+import MsDubboConfigCenter from "@/business/components/api/test/components/request/dubbo/ConfigCenter";
+import MsDubboConsumerService from "@/business/components/api/test/components/request/dubbo/ConsumerAndService";
 
-  export default {
-    name: "MsApiScenarioForm",
-    components: {
-      MsDubboConsumerService,
-      MsDubboConfigCenter, MsDubboRegistryCenter, ApiEnvironmentConfig, MsApiScenarioVariables, MsApiKeyValue
-    },
-    props: {
-      scenario: Scenario,
-      projectId: String,
-      isReadOnly: {
-        type: Boolean,
-        default: false
-      }
-    },
-    created() {
+export default {
+  name: "MsApiScenarioForm",
+  components: {
+    MsDubboConsumerService,
+    MsDubboConfigCenter, MsDubboRegistryCenter, ApiEnvironmentConfig, MsApiScenarioVariables, MsApiKeyValue
+  },
+  props: {
+    scenario: Scenario,
+    projectId: String,
+    isReadOnly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  created() {
+    this.getEnvironments();
+  },
+  data() {
+    return {
+      result: {},
+      activeName: "parameters",
+      environments: [],
+      rules: {
+        name: [
+          {max: 100, message: this.$t('commons.input_limit', [1, 100]), trigger: 'blur'}
+        ],
+        url: [
+          {max: 100, message: this.$t('commons.input_limit', [1, 100]), trigger: 'blur'}
+        ]
+      },
+      headerSuggestions: REQUEST_HEADERS
+    }
+  },
+  watch: {
+    projectId() {
       this.getEnvironments();
-    },
-    data() {
-      return {
-        result: {},
-        activeName: "parameters",
-        environments: [],
-        rules: {
-          name: [
-            {max: 100, message: this.$t('commons.input_limit', [1, 100]), trigger: 'blur'}
-          ],
-          url: [
-            {max: 100, message: this.$t('commons.input_limit', [1, 100]), trigger: 'blur'}
-          ]
-        },
-        headerSuggestions: REQUEST_HEADERS
-      }
-    },
-    watch: {
-      projectId() {
-        this.getEnvironments();
-      }
-    },
-    methods: {
-      getEnvironments() {
-        if (this.projectId) {
-          this.result = this.$get('/api/environment/list/' + this.projectId, response => {
-            this.environments = response.data;
-            let hasEnvironment = false;
-            for (let i in this.environments) {
-              if (this.environments[i].id === this.scenario.environmentId) {
-                this.scenario.environment = this.environments[i];
-                hasEnvironment = true;
-                break;
-              }
+    }
+  },
+  methods: {
+    getEnvironments() {
+      if (this.projectId) {
+        this.result = this.$get('/api/environment/list/' + this.projectId, response => {
+          this.environments = response.data;
+          let hasEnvironment = false;
+          for (let i in this.environments) {
+            if (this.environments[i].id === this.scenario.environmentId) {
+              this.scenario.environment = this.environments[i];
+              hasEnvironment = true;
+              break;
             }
-            if (!hasEnvironment) {
-              this.scenario.environmentId = '';
-              this.scenario.environment = undefined;
-            }
-          });
-        } else {
-          this.scenario.environmentId = '';
-          this.scenario.environment = undefined;
-        }
-      },
-      environmentChange(value) {
-        for (let i in this.environments) {
-          if (this.environments[i].id === value) {
-            this.scenario.environment = this.environments[i];
-            break;
           }
-        }
-        if (!value) {
-          this.scenario.environment = undefined;
-          this.scenario.requests.forEach(request => {
-            request.environment = undefined;
-          });
-        }
-      },
-      openEnvironmentConfig() {
-        if (!this.projectId) {
-          this.$error(this.$t('api_test.select_project'));
-          return;
-        }
-        this.$refs.environmentConfig.open(this.projectId);
-      },
-      environmentConfigClose() {
-        this.getEnvironments();
+          if (!hasEnvironment) {
+            this.scenario.environmentId = '';
+            this.scenario.environment = undefined;
+          }
+        });
+      } else {
+        this.scenario.environmentId = '';
+        this.scenario.environment = undefined;
       }
+    },
+    environmentChange(value) {
+      for (let i in this.environments) {
+        if (this.environments[i].id === value) {
+          this.scenario.environment = this.environments[i];
+          break;
+        }
+      }
+      if (!value) {
+        this.scenario.environment = undefined;
+        this.scenario.requests.forEach(request => {
+          request.environment = undefined;
+        });
+      }
+    },
+    openEnvironmentConfig() {
+      if (!this.projectId) {
+        this.$error(this.$t('api_test.select_project'));
+        return;
+      }
+      this.$refs.environmentConfig.open(this.projectId);
+    },
+    environmentConfigClose() {
+      this.getEnvironments();
     }
   }
+}
 </script>
 
 <style scoped>
 
-  .environment-select {
-    width: 100%;
-  }
+.environment-select {
+  width: 100%;
+}
 
-  .environment-button {
-    margin-left: 20px;
-    padding: 7px;
-  }
+.environment-button {
+  margin-left: 20px;
+  padding: 7px;
+}
 
-  .empty-environment {
-    padding: 10px 0;
-  }
+.empty-environment {
+  padding: 10px 0;
+}
 
-  .dubbo-config-title {
-    margin-bottom: 10px;
-    font-size: 15px;
-    font-weight: 600;
-  }
+.dubbo-config-title {
+  margin-bottom: 10px;
+  font-size: 15px;
+  font-weight: 600;
+}
 
-  .cookie-item {
-    margin-top: 15px;
-  }
+.cookie-item {
+  margin-top: 15px;
+}
 
 </style>
diff --git a/frontend/src/business/components/api/test/components/ApiVariable.vue b/frontend/src/business/components/api/test/components/ApiVariable.vue
new file mode 100644
index 0000000000..20877c661d
--- /dev/null
+++ b/frontend/src/business/components/api/test/components/ApiVariable.vue
@@ -0,0 +1,343 @@
+<template>
+  <div>
+    <span class="kv-description" v-if="description">
+      {{ description }}
+    </span>
+    <div class="kv-row" v-for="(item, index) in items" :key="index">
+      <el-row type="flex" :gutter="20" justify="space-between" align="middle">
+        <el-col>
+          <el-input v-if="!suggestions" :disabled="isReadOnly" v-model="item.name" size="small" maxlength="200"
+                    @change="change"
+                    :placeholder="keyText" show-word-limit/>
+          <el-autocomplete :disabled="isReadOnly" :maxlength="200" v-if="suggestions" v-model="item.name" size="small"
+                           :fetch-suggestions="querySearch" @change="change" :placeholder="keyText"
+                           show-word-limit/>
+
+        </el-col>
+        <el-col>
+          <el-autocomplete
+            :disabled="isReadOnly"
+            size="small"
+            class="input-with-autocomplete"
+            v-model="item.value"
+            :fetch-suggestions="funcSearch"
+            :placeholder="valueText"
+            value-key="name"
+            highlight-first-item
+            @select="change">
+            <i slot="suffix" class="el-input__icon el-icon-edit" style="cursor: pointer;" @click="advanced(item)"></i>
+          </el-autocomplete>
+        </el-col>
+        <el-col class="kv-delete">
+          <el-button size="mini" class="el-icon-delete-solid" circle @click="remove(index)"
+                     :disabled="isDisable(index) || isReadOnly"/>
+        </el-col>
+      </el-row>
+    </div>
+
+    <el-dialog :title="$t('api_test.request.parameters_advance')"
+               :visible.sync="itemValueVisible"
+               class="advanced-item-value"
+               width="70%">
+      <el-tabs tab-position="top" style="height: 50vh;">
+        <el-tab-pane :label="$t('api_test.request.parameters_advance_mock')">
+          <el-row type="flex" :gutter="20" style="overflow-x: auto;">
+            <el-col :span="6">
+              <el-autocomplete
+                :disabled="isReadOnly"
+                size="small"
+                class="input-with-autocomplete"
+                v-model="itemValue"
+                :fetch-suggestions="funcSearch"
+                :placeholder="valueText"
+                value-key="name"
+                highlight-first-item
+                @select="change">
+              </el-autocomplete>
+            </el-col>
+            <el-col :span="6" v-for="(itemFunc, itemIndex) in itemFuncs" :key="itemIndex">
+              <div v-for="(func, funcIndex) in funcs"
+                   :key="`${itemIndex}-${funcIndex}`">
+                <el-row>
+                  <el-col :span="12">
+                    <el-radio size="mini" v-model="itemFunc.name" :label="func.name"
+                              @change="methodChange(itemFunc, func)"/>
+                  </el-col>
+                  <el-col :span="12" v-if="itemFunc.name === func.name">
+                    <div v-for="(p, pIndex) in itemFunc.params" :key="`${itemIndex}-${funcIndex}-${pIndex}`">
+                      <el-input :placeholder="p.name" size="mini" v-model="p.value" @change="showPreview"/>
+                    </div>
+                  </el-col>
+                </el-row>
+              </div>
+            </el-col>
+          </el-row>
+        </el-tab-pane>
+        <el-tab-pane label="变量">
+          <el-row>
+            <el-col :span="6">
+              <div v-if="environment">
+                <el-tree :data="environmentParams" :props="{ children: 'children', label: 'name'}"></el-tree>
+              </div>
+              <div v-if="scenario">
+                <el-tree :data="scenarioParams" :props="{ children: 'children', label: 'name'}"></el-tree>
+              </div>
+            </el-col>
+          </el-row>
+        </el-tab-pane>
+      </el-tabs>
+
+      <div style="padding-top: 10px;">
+        <el-row type="flex" align="middle">
+          <el-col :span="12">
+            <el-button size="small" type="primary" plain @click="saveAdvanced()">
+              {{ $t('commons.save') }}
+            </el-button>
+            <el-button size="small" type="info" plain @click="addFunc()">
+              {{ $t('api_test.request.parameters_advance_add_func') }}
+            </el-button>
+            <el-button size="small" type="success" plain @click="showPreview()">
+              {{ $t('api_test.request.parameters_preview') }}
+            </el-button>
+          </el-col>
+          <el-col>
+            <div> {{ itemValuePreview }}</div>
+          </el-col>
+        </el-row>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {KeyValue, Scenario} from "../model/ScenarioModel";
+import {MOCKJS_FUNC} from "@/common/js/constants";
+import {calculate} from "@/business/components/api/test/model/ScenarioModel";
+
+export default {
+  name: "MsApiVariable",
+
+  props: {
+    keyPlaceholder: String,
+    valuePlaceholder: String,
+    description: String,
+    items: Array,
+    environment: Object,
+    scenario: Scenario,
+    isReadOnly: {
+      type: Boolean,
+      default: false
+    },
+    suggestions: Array
+  },
+  mounted() {
+    if (this.scenario) {
+      let variables = this.scenario.variables;
+      this.scenarioParams = [
+        {
+          name: this.scenario.name,
+          children: variables.filter(v => v.name),
+        }
+      ];
+    }
+    if (this.environment) {
+      let variables = JSON.parse(this.environment.variables);
+      this.environmentParams = [
+        {
+          name: this.environment.name,
+          children: variables.filter(v => v.name),
+        }
+      ];
+    }
+  },
+  data() {
+    return {
+      itemValueVisible: false,
+      itemValue: null,
+      funcs: [
+        {name: "md5"},
+        {name: "base64"},
+        {name: "unbase64"},
+        {
+          name: "substr",
+          params: [{name: "start"}, {name: "length"}]
+        },
+        {
+          name: "concat",
+          params: [{name: "suffix"}]
+        },
+        {name: "lconcat", params: [{name: "prefix"}]},
+        {name: "sha1"},
+        {name: "sha224"},
+        {name: "sha256"},
+        {name: "sha384"},
+        {name: "sha512"},
+        {name: "lower"},
+        {name: "upper"},
+        {name: "length"},
+        {name: "number"}
+      ],
+      itemValuePreview: null,
+      itemFuncs: [],
+      currentFunc: "",
+      mockFuncs: MOCKJS_FUNC,
+      environmentParams: [],
+      scenarioParams: [],
+    }
+  },
+
+  computed: {
+    keyText() {
+      return this.keyPlaceholder || this.$t("api_test.key");
+    },
+    valueText() {
+      return this.valuePlaceholder || this.$t("api_test.value");
+    }
+  },
+
+  methods: {
+    remove: function (index) {
+      this.items.splice(index, 1);
+      this.$emit('change', this.items);
+    },
+    change: function () {
+      let isNeedCreate = true;
+      let removeIndex = -1;
+      this.items.forEach((item, index) => {
+        if (!item.name && !item.value) {
+          // 多余的空行
+          if (index !== this.items.length - 1) {
+            removeIndex = index;
+          }
+          // 没有空行，需要创建空行
+          isNeedCreate = false;
+        }
+      });
+      if (isNeedCreate) {
+        this.items.push(new KeyValue());
+      }
+      this.$emit('change', this.items);
+      // TODO 检查key重复
+    },
+    isDisable: function (index) {
+      return this.items.length - 1 === index;
+    },
+    querySearch(queryString, cb) {
+      let suggestions = this.suggestions;
+      let results = queryString ? suggestions.filter(this.createFilter(queryString)) : suggestions;
+      cb(results);
+    },
+    createFilter(queryString) {
+      return (restaurant) => {
+        return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+      };
+    },
+    funcSearch(queryString, cb) {
+      let funcs = MOCKJS_FUNC;
+      let results = queryString ? funcs.filter(this.funcFilter(queryString)) : funcs;
+      // 调用 callback 返回建议列表的数据
+      cb(results);
+    },
+    funcFilter(queryString) {
+      return (func) => {
+        return (func.name.toLowerCase().indexOf(queryString.toLowerCase()) > -1);
+      };
+    },
+    showPreview() {
+      // 找到变量本身
+      if (!this.itemValue) {
+        return;
+      }
+      let index = this.itemValue.indexOf("|");
+      if (index > -1) {
+        this.itemValue = this.itemValue.substring(0, index).trim();
+      }
+
+      this.itemFuncs.forEach(f => {
+        if (!f.name) {
+          return;
+        }
+        this.itemValue += "|" + f.name;
+        if (f.params) {
+          this.itemValue += ":" + f.params.map(p => p.value).join(",");
+        }
+      });
+
+      this.itemValuePreview = calculate(this.itemValue);
+    },
+    methodChange(itemFunc, func) {
+      let index = this.itemFuncs.indexOf(itemFunc);
+      this.itemFuncs = this.itemFuncs.slice(0, index);
+      // 这里要用 deep copy
+      this.itemFuncs.push(JSON.parse(JSON.stringify(func)));
+      this.showPreview();
+    },
+    addFunc() {
+      if (this.itemFuncs.length > 4) {
+        this.$info(this.$t('api_test.request.parameters_advance_add_func_limit'));
+        return;
+      }
+      if (this.itemFuncs.length > 0) {
+        let func = this.itemFuncs[this.itemFuncs.length - 1];
+        if (!func.name) {
+          this.$warning(this.$t('api_test.request.parameters_advance_add_func_error'));
+          return;
+        }
+        if (func.params) {
+          for (let j = 0; j < func.params.length; j++) {
+            if (!func.params[j].value) {
+              this.$warning(this.$t('api_test.request.parameters_advance_add_param_error'));
+              return;
+            }
+          }
+        }
+      }
+      this.itemFuncs.push({name: '', params: []});
+    },
+    advanced(item) {
+      this.currentItem = item;
+      this.itemValueVisible = true;
+      this.itemValue = '';
+      this.itemValuePreview = null;
+      this.itemFuncs = [];
+    },
+    saveAdvanced() {
+      this.currentItem.value = this.itemValue;
+      this.itemValueVisible = false;
+      this.itemFuncs = [];
+    }
+  },
+  created() {
+    if (this.items.length === 0) {
+      this.items.push(new KeyValue());
+    }
+  }
+}
+</script>
+
+<style scoped>
+.kv-description {
+  font-size: 13px;
+}
+
+.kv-row {
+  margin-top: 10px;
+}
+
+.kv-delete {
+  width: 60px;
+}
+
+.el-autocomplete {
+  width: 100%;
+}
+
+.advanced-item-value >>> .el-dialog__body {
+  padding: 15px 25px;
+}
+
+.el-row {
+  margin-bottom: 5px;
+}
+
+</style>
diff --git a/frontend/src/business/components/api/test/components/request/ApiHttpRequestForm.vue b/frontend/src/business/components/api/test/components/request/ApiHttpRequestForm.vue
index c85e6213ce..62e09b6fd7 100644
--- a/frontend/src/business/components/api/test/components/request/ApiHttpRequestForm.vue
+++ b/frontend/src/business/components/api/test/components/request/ApiHttpRequestForm.vue
@@ -26,9 +26,10 @@
 
     <el-form-item v-if="request.useEnvironment" :label="$t('api_test.request.address')" class="adjust-margin-bottom">
       <el-tag class="environment-display">
-        <span class="environment-name">{{request.environment ? request.environment.name + ': ' : ''}}</span>
-        <span class="environment-url">{{displayUrl}}</span>
-        <span v-if="!displayUrl" class="environment-url-tip">{{$t('api_test.request.please_configure_environment_in_scenario')}}</span>
+        <span class="environment-name">{{ request.environment ? request.environment.name + ': ' : '' }}</span>
+        <span class="environment-url">{{ displayUrl }}</span>
+        <span v-if="!displayUrl"
+              class="environment-url-tip">{{ $t('api_test.request.please_configure_environment_in_scenario') }}</span>
       </el-tag>
     </el-form-item>
 
@@ -39,12 +40,15 @@
       </el-switch>
     </el-form-item>
 
-    <el-button class="debug-button" size="small" type="primary" @click="runDebug">{{$t('load_test.save_and_run')}}</el-button>
+    <el-button class="debug-button" size="small" type="primary" @click="runDebug">{{ $t('load_test.save_and_run') }}
+    </el-button>
 
     <el-tabs v-model="activeName">
       <el-tab-pane :label="$t('api_test.request.parameters')" name="parameters">
-        <ms-api-key-value :is-read-only="isReadOnly" :items="request.parameters"
-                          :description="$t('api_test.request.parameters_desc')"/>
+        <ms-api-variable :is-read-only="isReadOnly" :items="request.parameters"
+                         :environment="request.environment"
+                         :scenario="scenario"
+                         :description="$t('api_test.request.parameters_desc')"/>
       </el-tab-pane>
       <el-tab-pane :label="$t('api_test.request.headers')" name="headers">
         <ms-api-key-value :is-read-only="isReadOnly" :suggestions="headerSuggestions" :items="request.headers"/>
@@ -66,16 +70,18 @@
 import MsApiKeyValue from "../ApiKeyValue";
 import MsApiBody from "../ApiBody";
 import MsApiAssertions from "../assertion/ApiAssertions";
-import {HttpRequest, KeyValue} from "../../model/ScenarioModel";
+import {HttpRequest, KeyValue, Scenario} from "../../model/ScenarioModel";
 import MsApiExtract from "../extract/ApiExtract";
 import ApiRequestMethodSelect from "../collapse/ApiRequestMethodSelect";
 import {REQUEST_HEADERS} from "@/common/js/constants";
+import MsApiVariable from "@/business/components/api/test/components/ApiVariable";
 
 export default {
   name: "MsApiHttpRequestForm",
-  components: {ApiRequestMethodSelect, MsApiExtract, MsApiAssertions, MsApiBody, MsApiKeyValue},
+  components: {MsApiVariable, ApiRequestMethodSelect, MsApiExtract, MsApiAssertions, MsApiBody, MsApiKeyValue},
   props: {
     request: HttpRequest,
+    scenario: Scenario,
     isReadOnly: {
       type: Boolean,
       default: false
@@ -91,109 +97,109 @@ export default {
       }
     };
     return {
-        activeName: "parameters",
-        rules: {
-          name: [
-            {max: 300, message: this.$t('commons.input_limit', [1, 300]), trigger: 'blur'}
-          ],
-          url: [
-            {max: 500, required: true, message: this.$t('commons.input_limit', [1, 500]), trigger: 'blur'},
-            {validator: validateURL, trigger: 'blur'}
-          ],
-          path: [
-            {max: 500, message: this.$t('commons.input_limit', [0, 500]), trigger: 'blur'},
-          ]
-        },
-        headerSuggestions: REQUEST_HEADERS
+      activeName: "parameters",
+      rules: {
+        name: [
+          {max: 300, message: this.$t('commons.input_limit', [1, 300]), trigger: 'blur'}
+        ],
+        url: [
+          {max: 500, required: true, message: this.$t('commons.input_limit', [1, 500]), trigger: 'blur'},
+          {validator: validateURL, trigger: 'blur'}
+        ],
+        path: [
+          {max: 500, message: this.$t('commons.input_limit', [0, 500]), trigger: 'blur'},
+        ]
+      },
+      headerSuggestions: REQUEST_HEADERS
+    }
+  },
+
+  methods: {
+    urlChange() {
+      if (!this.request.url) return;
+      let url = this.getURL(this.addProtocol(this.request.url));
+      if (url) {
+        this.request.url = decodeURIComponent(url.origin + url.pathname);
       }
     },
-
-    methods: {
-      urlChange() {
-        if (!this.request.url) return;
-        let url = this.getURL(this.addProtocol(this.request.url));
-        if (url) {
-          this.request.url = decodeURIComponent(url.origin + url.pathname);
-        }
-      },
-      pathChange() {
-        if (!this.request.path) return;
-        let url = this.getURL(this.displayUrl);
-        let urlStr = url.origin + url.pathname;
-        let envUrl = this.request.environment.protocol + '://' + this.request.environment.socket;
-        this.request.path = decodeURIComponent(urlStr.substring(envUrl.length, urlStr.length));
-      },
-      getURL(urlStr) {
-        try {
-          let url = new URL(urlStr);
-          url.searchParams.forEach((value, key) => {
-            if (key && value) {
-              this.request.parameters.splice(0, 0, new KeyValue(key, value));
-            }
-          });
-          return url;
-        } catch (e) {
-          this.$error(this.$t('api_test.request.url_invalid'), 2000);
-        }
-      },
-      methodChange(value) {
-        if (value === 'GET' && this.activeName === 'body') {
-          this.activeName = 'parameters';
-        }
-      },
-      useEnvironmentChange(value) {
-        if (value && !this.request.environment) {
-          this.$error(this.$t('api_test.request.please_add_environment_to_scenario'), 2000);
-          this.request.useEnvironment = false;
-        }
-        this.$refs["request"].clearValidate();
-      },
-      addProtocol(url) {
-        if (url) {
-          if (!url.toLowerCase().startsWith("https") && !url.toLowerCase().startsWith("http")) {
-            return "https://" + url;
+    pathChange() {
+      if (!this.request.path) return;
+      let url = this.getURL(this.displayUrl);
+      let urlStr = url.origin + url.pathname;
+      let envUrl = this.request.environment.protocol + '://' + this.request.environment.socket;
+      this.request.path = decodeURIComponent(urlStr.substring(envUrl.length, urlStr.length));
+    },
+    getURL(urlStr) {
+      try {
+        let url = new URL(urlStr);
+        url.searchParams.forEach((value, key) => {
+          if (key && value) {
+            this.request.parameters.splice(0, 0, new KeyValue(key, value));
           }
-        }
+        });
         return url;
-      },
-      runDebug() {
-        this.$emit('runDebug');
+      } catch (e) {
+        this.$error(this.$t('api_test.request.url_invalid'), 2000);
       }
     },
-
-    computed: {
-      isNotGet() {
-        return this.request.method !== "GET";
-      },
-      displayUrl() {
-        return this.request.environment ? this.request.environment.protocol + '://' + this.request.environment.socket + (this.request.path ? this.request.path : '') : '';
+    methodChange(value) {
+      if (value === 'GET' && this.activeName === 'body') {
+        this.activeName = 'parameters';
       }
+    },
+    useEnvironmentChange(value) {
+      if (value && !this.request.environment) {
+        this.$error(this.$t('api_test.request.please_add_environment_to_scenario'), 2000);
+        this.request.useEnvironment = false;
+      }
+      this.$refs["request"].clearValidate();
+    },
+    addProtocol(url) {
+      if (url) {
+        if (!url.toLowerCase().startsWith("https") && !url.toLowerCase().startsWith("http")) {
+          return "https://" + url;
+        }
+      }
+      return url;
+    },
+    runDebug() {
+      this.$emit('runDebug');
+    }
+  },
+
+  computed: {
+    isNotGet() {
+      return this.request.method !== "GET";
+    },
+    displayUrl() {
+      return this.request.environment ? this.request.environment.protocol + '://' + this.request.environment.socket + (this.request.path ? this.request.path : '') : '';
     }
   }
+}
 </script>
 
 <style scoped>
-  .el-tag {
-    width: 100%;
-    height: 40px;
-    line-height: 40px;
-  }
+.el-tag {
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+}
 
-  .environment-display {
-    font-size: 14px;
-  }
+.environment-display {
+  font-size: 14px;
+}
 
-  .environment-name {
-    font-weight: bold;
-    font-style: italic;
-  }
+.environment-name {
+  font-weight: bold;
+  font-style: italic;
+}
 
-  .adjust-margin-bottom {
-    margin-bottom: 10px;
-  }
+.adjust-margin-bottom {
+  margin-bottom: 10px;
+}
 
-  .environment-url-tip {
-    color: #F56C6C;
-  }
+.environment-url-tip {
+  color: #F56C6C;
+}
 
 </style>
diff --git a/frontend/src/business/components/api/test/components/request/ApiRequestForm.vue b/frontend/src/business/components/api/test/components/request/ApiRequestForm.vue
index 0455d26f69..0172dac219 100644
--- a/frontend/src/business/components/api/test/components/request/ApiRequestForm.vue
+++ b/frontend/src/business/components/api/test/components/request/ApiRequestForm.vue
@@ -1,27 +1,28 @@
 <template>
   <div class="request-form">
-    <component @runDebug="runDebug" :is="component" :is-read-only="isReadOnly" :request="request"/>
+    <component @runDebug="runDebug" :is="component" :is-read-only="isReadOnly" :request="request" :scenario="scenario"/>
     <ms-scenario-results v-loading="debugReportLoading" v-if="isCompleted" :scenarios="isCompleted ? request.debugReport.scenarios : []"/>
   </div>
 </template>
 
 <script>
-  import {Request, RequestFactory} from "../../model/ScenarioModel";
-  import MsApiHttpRequestForm from "./ApiHttpRequestForm";
-  import MsApiDubboRequestForm from "./ApiDubboRequestForm";
-  import MsScenarioResults from "../../../report/components/ScenarioResults";
+import {Request, RequestFactory, Scenario} from "../../model/ScenarioModel";
+import MsApiHttpRequestForm from "./ApiHttpRequestForm";
+import MsApiDubboRequestForm from "./ApiDubboRequestForm";
+import MsScenarioResults from "../../../report/components/ScenarioResults";
 
-  export default {
-    name: "MsApiRequestForm",
-    components: {MsScenarioResults, MsApiDubboRequestForm, MsApiHttpRequestForm},
-    props: {
-      request: Request,
-      isReadOnly: {
-        type: Boolean,
-        default: false
-      },
-      debugReportId: String
+export default {
+  name: "MsApiRequestForm",
+  components: {MsScenarioResults, MsApiDubboRequestForm, MsApiHttpRequestForm},
+  props: {
+    scenario: Scenario,
+    request: Request,
+    isReadOnly: {
+      type: Boolean,
+      default: false
     },
+    debugReportId: String
+  },
     data() {
       return {
         reportId: "",
diff --git a/frontend/src/business/components/api/test/model/ScenarioModel.js b/frontend/src/business/components/api/test/model/ScenarioModel.js
index cae30e5ad5..82d8363730 100644
--- a/frontend/src/business/components/api/test/model/ScenarioModel.js
+++ b/frontend/src/business/components/api/test/model/ScenarioModel.js
@@ -873,9 +873,6 @@ class JMXGenerator {
       this.addEnvironments(environment.headers, scenario.headers)
     }
     let headers = this.filterKV(scenario.headers);
-    headers.forEach(h => {
-      h.value = calculate(h.value);
-    });
     if (headers.length > 0) {
       let name = scenario.name + " Headers"
       threadGroup.put(new HeaderManager(name, headers));
@@ -886,9 +883,6 @@ class JMXGenerator {
     let name = request.name + " Headers";
     this.addBodyFormat(request);
     let headers = this.filterKV(request.headers);
-    headers.forEach(h => {
-      h.value = calculate(h.value);
-    });
     if (headers.length > 0) {
       httpSamplerProxy.put(new HeaderManager(name, headers));
     }
diff --git a/frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseEdit.vue b/frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseEdit.vue
index 99d00f7e6a..4603afece3 100644
--- a/frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseEdit.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseEdit.vue
@@ -172,21 +172,46 @@
               </el-col>
             </el-row>
 
-            <el-row v-if="testCase.issues">
+            <el-row>
               <el-col :span="5" :offset="1">
                 <el-switch
                   :disabled="isReadOnly"
-                  v-model="testCase.issues.hasIssues"
+                  v-model="issuesSwitch"
                   @change="issuesChange"
                   :active-text="$t('test_track.plan_view.submit_issues')">
                 </el-switch>
+                <el-tooltip class="item" effect="dark"
+                            content="在系统设置-组织-服务集成中集成缺陷管理平台可以自动提交缺陷到指定缺陷管理平台"
+                            placement="right">
+                  <i class="el-icon-info"/>
+                </el-tooltip>
               </el-col>
             </el-row>
 
-            <el-row v-if="testCase.issues && testCase.issues.hasIssues">
+            <el-row v-if="issuesSwitch">
               <el-col :span="20" :offset="1" class="issues-edit">
+                <el-input
+                  type="text"
+                  placeholder="请输入标题"
+                  v-model="testCase.issues.title"
+                  maxlength="100"
+                  show-word-limit
+                />
                 <ckeditor :editor="editor" :disabled="isReadOnly" :config="editorConfig"
                           v-model="testCase.issues.content"/>
+                <el-button type="primary" size="small" @click="saveIssues">{{$t('commons.save')}}</el-button>
+                <el-button size="small" @click="issuesSwitch=false">{{$t('commons.cancel')}}</el-button>
+              </el-col>
+            </el-row>
+
+            <el-row>
+              <el-col :span="20" :offset="1" class="issues-edit">
+                <el-table border class="adjust-table" :data="issues" style="width: 100%">
+                  <el-table-column prop="id" label="缺陷ID"/>
+                  <el-table-column prop="title" label="缺陷标题"/>
+                  <el-table-column prop="status" label="缺陷状态"/>
+                  <el-table-column prop="description" label="缺陷描述" show-overflow-tooltip/>
+                </el-table>
               </el-col>
             </el-row>
 
@@ -226,6 +251,7 @@
   import PerformanceTestDetail from "./test/PerformanceTestDetail";
   import PerformanceTestResult from "./test/PerformanceTestResult";
   import {listenGoBack, removeGoBackListener} from "../../../../../../common/js/utils";
+  import {CURRENT_PROJECT} from "../../../../../../common/js/constants";
 
   export default {
     name: "TestPlanTestCaseEdit",
@@ -242,7 +268,9 @@
         showDialog: false,
         testCase: {},
         index: 0,
+        issuesSwitch: false,
         testCases: [],
+        issues: [],
         editor: ClassicEditor,
         editorConfig: {
           // 'increaseIndent','decreaseIndent'
@@ -351,6 +379,7 @@
         this.activeTab = 'detail';
         listenGoBack(this.handleClose);
         this.initData(testCase);
+        this.getIssues(testCase.caseId);
       },
       initTest() {
         this.$nextTick(() => {
@@ -403,18 +432,18 @@
         }
       },
       issuesChange() {
-        if (this.testCase.issues.hasIssues) {
-          let desc = this.addPLabel('[' + this.$t('test_track.plan_view.operate_step') + ']');
-          let result = this.addPLabel('[' + this.$t('test_track.case.expected_results') + ']');
-          let executeResult = this.addPLabel('[' + this.$t('test_track.plan_view.actual_result') + ']');
-          this.testCase.steps.forEach(step => {
-            let stepPrefix = this.$t('test_track.plan_view.step') + step.num + ':';
-            desc += this.addPLabel(stepPrefix + (step.desc == undefined ? '' : step.desc));
-            result += this.addPLabel(stepPrefix + (step.result == undefined ? '' : step.result));
-            executeResult += this.addPLabel(stepPrefix + (step.executeResult == undefined ? '' : step.executeResult));
-          });
-          this.testCase.issues.content = desc + this.addPLabel('') + result + this.addPLabel('') + executeResult + this.addPLabel('');
-        }
+        // if (this.testCase.issues.hasIssues) {
+        //   let desc = this.addPLabel('[' + this.$t('test_track.plan_view.operate_step') + ']');
+        //   let result = this.addPLabel('[' + this.$t('test_track.case.expected_results') + ']');
+        //   let executeResult = this.addPLabel('[' + this.$t('test_track.plan_view.actual_result') + ']');
+        //   this.testCase.steps.forEach(step => {
+        //     let stepPrefix = this.$t('test_track.plan_view.step') + step.num + ':';
+        //     desc += this.addPLabel(stepPrefix + (step.desc == undefined ? '' : step.desc));
+        //     result += this.addPLabel(stepPrefix + (step.result == undefined ? '' : step.result));
+        //     executeResult += this.addPLabel(stepPrefix + (step.executeResult == undefined ? '' : step.executeResult));
+        //   });
+        //   this.testCase.issues.content = desc + this.addPLabel('') + result + this.addPLabel('') + executeResult + this.addPLabel('');
+        // }
       },
       addPLabel(str) {
         return "<p>" + str + "</p>";
@@ -429,6 +458,27 @@
           }).length > 0;
         }
 
+      },
+      saveIssues() {
+        if (!this.testCase.issues.title || !this.testCase.issues.content) {
+          this.$warning("标题和描述必填");
+          return;
+        }
+        let param = {};
+        param.title = this.testCase.issues.title;
+        param.content = this.testCase.issues.content;
+        param.testCaseId = this.testCase.caseId;
+        this.result = this.$post("/issues/add", param, () => {
+          this.$success(this.$t('commons.save_success'));
+          this.getIssues(param.testCaseId);
+        })
+      },
+      getIssues(caseId) {
+        this.result = this.$get("/issues/get/"+caseId,response => {
+          let data = response.data;
+          this.issues = data;
+          console.log(data);
+        })
       }
     }
   }
diff --git a/frontend/src/common/js/func-filter.js b/frontend/src/common/js/func-filter.js
index 5d8dc48c28..c3fd151e64 100644
--- a/frontend/src/common/js/func-filter.js
+++ b/frontend/src/common/js/func-filter.js
@@ -73,7 +73,7 @@ export const funcFilters = {
 
   lconcat: function (str, ...args) {
     args.forEach(item => {
-      str = item + this._string;
+      str = item + str;
     });
     return str;
   },
diff --git a/frontend/src/i18n/en-US.js b/frontend/src/i18n/en-US.js
index b44b6b3059..bee8cb3353 100644
--- a/frontend/src/i18n/en-US.js
+++ b/frontend/src/i18n/en-US.js
@@ -403,6 +403,11 @@ export default {
       parameters_advance: "Advanced parameter settings",
       parameters_preview: "Preview",
       parameters_preview_warning: "Please enter the template first",
+      parameters_advance_mock: "Mock Data",
+      parameters_advance_add_func: "Add Function",
+      parameters_advance_add_func_limit: "Support up to 5 functions",
+      parameters_advance_add_func_error: "Please select function first",
+      parameters_advance_add_param_error: "Please enter function parameters",
       parameters_desc: "Parameters will be appended to the URL e.g. https://fit2cloud.com?Name=Value&Name2=Value2",
       headers: "Headers",
       body: "Body",
diff --git a/frontend/src/i18n/zh-CN.js b/frontend/src/i18n/zh-CN.js
index 9467935821..ed995f7b40 100644
--- a/frontend/src/i18n/zh-CN.js
+++ b/frontend/src/i18n/zh-CN.js
@@ -406,6 +406,11 @@ export default {
       parameters_advance: "高级参数设置",
       parameters_preview: "预览",
       parameters_preview_warning: "请先输入模版",
+      parameters_advance_mock: "Mock 数据",
+      parameters_advance_add_func: "添加函数",
+      parameters_advance_add_func_limit: "最多支持5个函数",
+      parameters_advance_add_func_error: "请先选择函数",
+      parameters_advance_add_param_error: "请输入函数参数",
       parameters_desc: "参数追加到URL，例如https://fit2cloud.com/entries?key1=Value1&Key2=Value2",
       headers: "请求头",
       body: "请求内容",
diff --git a/frontend/src/i18n/zh-TW.js b/frontend/src/i18n/zh-TW.js
index 41a7c70dd4..8cc3789b1a 100644
--- a/frontend/src/i18n/zh-TW.js
+++ b/frontend/src/i18n/zh-TW.js
@@ -403,6 +403,11 @@ export default {
       parameters_advance: "高級參數設置",
       parameters_preview: "預覽",
       parameters_preview_warning: "請先輸入模版",
+      parameters_advance_mock: "Mock 數據",
+      parameters_advance_add_func: "添加函數",
+      parameters_advance_add_func_limit: "最多支持5個函數",
+      parameters_advance_add_func_error: "請先選擇函數",
+      parameters_advance_add_param_error: "請輸入函數參數",
       parameters_desc: "參數追加到URL,例如https://fit2cloud.com/entries？key1=Value1&amp;Key2=Value2",
       headers: "請求頭",
       body: "請求內容",