fix(接口测试): 修复TCP用例和JDBC用例copy显示问题

--bug=1013754 --user=赵勇 【接口测试】TCP接口case 和 sql接口case 复制显示异常。复制完之后再打开可以正常编辑 https://www.tapd.cn/55049933/s/1171876

frontend/src/business/components/api/definition/components/case/ApiCaseItem.vue

@@ -149,7 +149,7 @@
           :showScript="true"
           :request="apiCase.request"
           :response="apiCase.responseData"
-          v-if="api.protocol==='SQL'"/>
+          v-if="api.method==='SQL'"/>
         <ms-dubbo-basis-parameters
           :showScript="true"
           :request="apiCase.request"

frontend/src/business/components/api/definition/components/list/ApiCaseSimpleList.vue

@@ -864,6 +864,11 @@ export default {
         let uuid = getUUID();
         let apiCaseRequest = JSON.parse(data.request);
         apiCaseRequest.id = uuid;
+        if(apiCaseRequest.type === "TCPSampler"){
+          apiCaseRequest.method = "TCP";
+        }else if(apiCaseRequest.type === "JDBCSampler"){
+          apiCaseRequest.method = "SQL";
+        }
         let obj = {
           name: "copy_" + data.name,
           apiDefinitionId: row.apiDefinitionId,