feat: 功能用例版本对比初步提交
This commit is contained in:
zhangdahai112
zhangdahai112
parent
b2b7b8e095
commit
f4be6257e4
|
|
@ -80,7 +80,8 @@
|
||||||
<!-- 自定义字段 -->
|
<!-- 自定义字段 -->
|
||||||
<el-form v-if="isFormAlive" :model="customFieldForm" :rules="customFieldRules" ref="customFieldForm"
|
<el-form v-if="isFormAlive" :model="customFieldForm" :rules="customFieldRules" ref="customFieldForm"
|
||||||
class="case-form">
|
class="case-form">
|
||||||
<custom-filed-form-item :form="customFieldForm" :form-label-width="formLabelWidth" :issue-template="testCaseTemplate"/>
|
<custom-filed-form-item :form="customFieldForm" :form-label-width="formLabelWidth"
|
||||||
|
:issue-template="testCaseTemplate"/>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
<el-row v-if="isCustomNum">
|
<el-row v-if="isCustomNum">
|
||||||
|
|
@ -140,7 +141,19 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<ms-change-history ref="changeHistory"/>
|
<ms-change-history ref="changeHistory"/>
|
||||||
|
<el-dialog
|
||||||
|
:fullscreen="true"
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
width="100%"
|
||||||
|
>
|
||||||
|
<test-case-version-diff :old-data="oldData" :new-data="newData"
|
||||||
|
:tree-nodes="treeNodes"></test-case-version-diff>
|
||||||
|
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialogVisible=false">取 消</el-button>
|
||||||
|
<el-button type="primary">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
|
|
@ -153,8 +166,11 @@ import MsDialogFooter from '../../../common/components/MsDialogFooter'
|
||||||
import {
|
import {
|
||||||
getCurrentProjectID,
|
getCurrentProjectID,
|
||||||
getCurrentUser,
|
getCurrentUser,
|
||||||
getNodePath, getUUID,
|
getNodePath,
|
||||||
handleCtrlSEvent, hasLicense, hasPermission,
|
getUUID,
|
||||||
|
handleCtrlSEvent,
|
||||||
|
hasLicense,
|
||||||
|
hasPermission,
|
||||||
listenGoBack,
|
listenGoBack,
|
||||||
removeGoBackListener
|
removeGoBackListener
|
||||||
} from "@/common/js/utils";
|
} from "@/common/js/utils";
|
||||||
|
|
@ -170,12 +186,7 @@ import MsTableButton from "@/business/components/common/components/MsTableButton
|
||||||
import MsSelectTree from "../../../common/select-tree/SelectTree";
|
import MsSelectTree from "../../../common/select-tree/SelectTree";
|
||||||
import MsTestCaseStepRichText from "./MsRichText";
|
import MsTestCaseStepRichText from "./MsRichText";
|
||||||
import CustomFiledComponent from "@/business/components/settings/workspace/template/CustomFiledComponent";
|
import CustomFiledComponent from "@/business/components/settings/workspace/template/CustomFiledComponent";
|
||||||
import {
|
import {buildCustomFields, buildTestCaseOldFields, getTemplate, parseCustomField} from "@/common/js/custom_field";
|
||||||
buildCustomFields,
|
|
||||||
buildTestCaseOldFields,
|
|
||||||
getTemplate,
|
|
||||||
parseCustomField
|
|
||||||
} from "@/common/js/custom_field";
|
|
||||||
import MsFormDivider from "@/business/components/common/components/MsFormDivider";
|
import MsFormDivider from "@/business/components/common/components/MsFormDivider";
|
||||||
import TestCaseEditOtherInfo from "@/business/components/track/case/components/TestCaseEditOtherInfo";
|
import TestCaseEditOtherInfo from "@/business/components/track/case/components/TestCaseEditOtherInfo";
|
||||||
import FormRichTextItem from "@/business/components/track/case/components/FormRichTextItem";
|
import FormRichTextItem from "@/business/components/track/case/components/FormRichTextItem";
|
||||||
|
|
@ -184,6 +195,7 @@ import StepChangeItem from "@/business/components/track/case/components/StepChan
|
||||||
import MsChangeHistory from "../../../history/ChangeHistory";
|
import MsChangeHistory from "../../../history/ChangeHistory";
|
||||||
import {getTestTemplate} from "@/network/custom-field-template";
|
import {getTestTemplate} from "@/network/custom-field-template";
|
||||||
import CustomFiledFormItem from "@/business/components/common/components/form/CustomFiledFormItem";
|
import CustomFiledFormItem from "@/business/components/common/components/form/CustomFiledFormItem";
|
||||||
|
import TestCaseVersionDiff from "@/business/components/track/case/version/TestCaseVersionDiff";
|
||||||
|
|
||||||
const requireComponent = require.context('@/business/components/xpack/', true, /\.vue$/);
|
const requireComponent = require.context('@/business/components/xpack/', true, /\.vue$/);
|
||||||
const versionHistory = requireComponent.keys().length > 0 ? requireComponent("./version/VersionHistory.vue") : {};
|
const versionHistory = requireComponent.keys().length > 0 ? requireComponent("./version/VersionHistory.vue") : {};
|
||||||
|
|
@ -205,6 +217,7 @@ export default {
|
||||||
MsTestCaseStepRichText,
|
MsTestCaseStepRichText,
|
||||||
MsChangeHistory,
|
MsChangeHistory,
|
||||||
'MsVersionHistory': versionHistory.default,
|
'MsVersionHistory': versionHistory.default,
|
||||||
|
TestCaseVersionDiff
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
@ -294,6 +307,9 @@ export default {
|
||||||
},
|
},
|
||||||
tabId: getUUID(),
|
tabId: getUUID(),
|
||||||
versionData: [],
|
versionData: [],
|
||||||
|
dialogVisible: false,
|
||||||
|
oldData: null,
|
||||||
|
newData: null
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
|
|
@ -438,7 +454,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
alert:alert,
|
alert: alert,
|
||||||
currentUser: () => {
|
currentUser: () => {
|
||||||
return getCurrentUser();
|
return getCurrentUser();
|
||||||
},
|
},
|
||||||
|
|
@ -932,8 +948,28 @@ export default {
|
||||||
this.$refs.versionHistory.loading = false;
|
this.$refs.versionHistory.loading = false;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
setSpecialPropForCompare: function (that) {
|
||||||
|
that.newData.tags = JSON.parse(that.newData.tags || "");
|
||||||
|
that.newData.steps = JSON.parse(that.newData.steps || "");
|
||||||
|
that.oldData.tags = JSON.parse(that.oldData.tags || "");
|
||||||
|
that.oldData.steps = JSON.parse(that.oldData.steps || "");
|
||||||
|
that.newData.readOnly = false;
|
||||||
|
that.oldData.readOnly = false;
|
||||||
|
},
|
||||||
compare(row) {
|
compare(row) {
|
||||||
// console.log(row);
|
this.$get('/test/case/get/' + row.id + "/" + this.currentTestCaseInfo.refId, response => {
|
||||||
|
let p1 = this.$get('/test/case/get/' + response.data.id);
|
||||||
|
let p2 = this.$get('/test/case/get/' + this.currentTestCaseInfo.id);
|
||||||
|
let that = this;
|
||||||
|
Promise.all([p1, p2]).then(data => {
|
||||||
|
if (data[0] && data[1]) {
|
||||||
|
that.newData = data[0].data.data;
|
||||||
|
that.oldData = data[1].data.data;
|
||||||
|
this.setSpecialPropForCompare(that);
|
||||||
|
that.dialogVisible = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
},
|
},
|
||||||
checkout(row) {
|
checkout(row) {
|
||||||
this.$refs.versionHistory.loading = true;
|
this.$refs.versionHistory.loading = true;
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,506 @@
|
||||||
|
<template>
|
||||||
|
<div class="compare-class">
|
||||||
|
<el-card style="width: 50%;" ref="old">
|
||||||
|
<el-form :model="oldData" ref="old" class="case-form" v-loading="oldLoading">
|
||||||
|
<ms-form-divider :title="$t('test_track.plan_view.base_info')"/>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item
|
||||||
|
:placeholder="$t('test_track.case.input_name')"
|
||||||
|
:label="$t('test_track.case.name')"
|
||||||
|
:label-width="oldData.formLabelWidth"
|
||||||
|
prop="name">
|
||||||
|
<el-input :disabled="oldData.readOnly" v-model="oldData.name" size="small"
|
||||||
|
class="ms-case-input"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item :label="$t('test_track.case.module')" :label-width="oldData.formLabelWidth" prop="module">
|
||||||
|
<ms-select-tree :disabled="oldData.readOnly" :data="treeNodes" :defaultKey="oldData.module"
|
||||||
|
:obj="moduleObj"
|
||||||
|
@getValue="setModule" clearable checkStrictly size="small"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item :label="$t('test_track.case.project')" :label-width="oldData.formLabelWidth" prop="projectId"
|
||||||
|
v-if="publicEnable">
|
||||||
|
<el-select v-model="oldData.projectId" filterable clearable>
|
||||||
|
<el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item :label="$t('commons.tag')" :label-width="oldData.formLabelWidth" prop="tag">
|
||||||
|
<ms-input-tag :read-only="oldData.readOnly" :currentScenario="oldData" v-if="showInputTag" ref="tag"
|
||||||
|
class="ms-case-input"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 自定义字段 -->
|
||||||
|
<el-form v-if="oldData.isFormAlive" :model="oldData.customFieldForm" :rules="oldData.customFieldRules"
|
||||||
|
ref="oldCustomFieldForm"
|
||||||
|
class="case-form">
|
||||||
|
<custom-filed-form-item :form="oldData.customFieldForm" :form-label-width="oldData.formLabelWidth"
|
||||||
|
:issue-template="oldData.testCaseTemplate"/>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-row v-if="oldData.isCustomNum">
|
||||||
|
<el-col :span="7">
|
||||||
|
<el-form-item label="ID" :label-width="oldData.formLabelWidth" prop="customNum">
|
||||||
|
<el-input :disabled="oldData.readOnly" v-model.trim="oldData.customNum" size="small"
|
||||||
|
class="ms-case-input"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
|
||||||
|
<ms-form-divider :title="$t('test_track.case.step_info')"/>
|
||||||
|
|
||||||
|
<form-rich-text-item :disabled="oldData.readOnly" :label-width="oldData.formLabelWidth"
|
||||||
|
:title="$t('test_track.case.prerequisite')" :data="oldData" prop="prerequisite"/>
|
||||||
|
|
||||||
|
<step-change-item :label-width="oldData.formLabelWidth" :form="oldData"/>
|
||||||
|
<form-rich-text-item :disabled="oldData.readOnly" :label-width="oldData.formLabelWidth"
|
||||||
|
v-if="oldData.stepModel === 'TEXT'"
|
||||||
|
:title="$t('test_track.case.step_desc')" :data="oldData" prop="stepDescription"/>
|
||||||
|
<form-rich-text-item :disabled="oldData.readOnly" :label-width="oldData.formLabelWidth"
|
||||||
|
v-if="oldData.stepModel === 'TEXT'"
|
||||||
|
:title="$t('test_track.case.expected_results')" :data="oldData" prop="expectedResult"/>
|
||||||
|
|
||||||
|
<test-case-step-item :label-width="oldData.formLabelWidth"
|
||||||
|
v-if="oldData.stepModel === 'STEP' || !oldData.stepModel"
|
||||||
|
:form="oldData" :read-only="oldData.readOnly"/>
|
||||||
|
|
||||||
|
<ms-form-divider :title="$t('test_track.case.other_info')"/>
|
||||||
|
|
||||||
|
<test-case-edit-other-info :read-only="oldData.readOnly" :project-id="projectIds" :form="oldData"
|
||||||
|
:label-width="oldData.formLabelWidth" :case-id="oldData.id" ref="otherInfo"/>
|
||||||
|
|
||||||
|
<el-row style="margin-top: 10px">
|
||||||
|
<el-col :span="20" :offset="1">{{ $t('test_track.review.comment') }}:
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="20" :offset="1">
|
||||||
|
|
||||||
|
<review-comment-item v-for="(comment,index) in oldData.comments"
|
||||||
|
:key="index"
|
||||||
|
:comment="comment"
|
||||||
|
@refresh="getComments" api-url="/test/case"/>
|
||||||
|
<div v-if="oldData.comments.length === 0" style="text-align: center">
|
||||||
|
<i class="el-icon-chat-line-square" style="font-size: 15px;color: #8a8b8d;">
|
||||||
|
<span style="font-size: 15px; color: #8a8b8d;">
|
||||||
|
{{ $t('test_track.comment.no_comment') }}
|
||||||
|
</span>
|
||||||
|
</i>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<test-case-comment :case-id="oldData.id"
|
||||||
|
@getComments="getComments" ref="testCaseComment"/>
|
||||||
|
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
<el-card style="width: 50%;" ref="new">
|
||||||
|
<el-form :model="newData" ref="new" class="case-form" v-loading="newLoading">
|
||||||
|
<ms-form-divider :title="$t('test_track.plan_view.base_info')"/>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item
|
||||||
|
:placeholder="$t('test_track.case.input_name')"
|
||||||
|
:label="$t('test_track.case.name')"
|
||||||
|
:label-width="newData.formLabelWidth"
|
||||||
|
prop="name">
|
||||||
|
<el-input :disabled="newData.readOnly" v-model="newData.name" size="small"
|
||||||
|
class="ms-case-input"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item :label="$t('test_track.case.module')" :label-width="newData.formLabelWidth" prop="module">
|
||||||
|
<ms-select-tree :disabled="newData.readOnly" :data="treeNodes" :defaultKey="newData.module"
|
||||||
|
:obj="moduleObj"
|
||||||
|
@getValue="setModule" clearable checkStrictly size="small"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item :label="$t('test_track.case.project')" :label-width="newData.formLabelWidth" prop="projectId"
|
||||||
|
v-if="publicEnable">
|
||||||
|
<el-select v-model="newData.projectId" filterable clearable>
|
||||||
|
<el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item :label="$t('commons.tag')" :label-width="newData.formLabelWidth" prop="tag">
|
||||||
|
<ms-input-tag :read-only="newData.readOnly" :currentScenario="newData" v-if="showInputTag" ref="tag"
|
||||||
|
class="ms-case-input"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 自定义字段 -->
|
||||||
|
<el-form v-if="newData.isFormAlive" :model="newData.customFieldForm" :rules="newData.customFieldRules"
|
||||||
|
ref="newCustomFieldForm"
|
||||||
|
class="case-form">
|
||||||
|
<custom-filed-form-item :form="newData.customFieldForm" :form-label-width="newData.formLabelWidth"
|
||||||
|
:issue-template="newData.testCaseTemplate"/>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-row v-if="newData.isCustomNum">
|
||||||
|
<el-col :span="7">
|
||||||
|
<el-form-item label="ID" :label-width="newData.formLabelWidth" prop="customNum">
|
||||||
|
<el-input :disabled="newData.readOnly" v-model.trim="newData.customNum" size="small"
|
||||||
|
class="ms-case-input"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
|
||||||
|
<ms-form-divider :title="$t('test_track.case.step_info')"/>
|
||||||
|
|
||||||
|
<form-rich-text-item :disabled="newData.readOnly" :label-width="newData.formLabelWidth"
|
||||||
|
:title="$t('test_track.case.prerequisite')" :data="newData" prop="prerequisite"/>
|
||||||
|
|
||||||
|
<step-change-item :label-width="newData.formLabelWidth" :form="newData"/>
|
||||||
|
<form-rich-text-item :disabled="newData.readOnly" :label-width="newData.formLabelWidth"
|
||||||
|
v-if="newData.stepModel === 'TEXT'"
|
||||||
|
:title="$t('test_track.case.step_desc')" :data="newData" prop="stepDescription"/>
|
||||||
|
<form-rich-text-item :disabled="newData.readOnly" :label-width="newData.formLabelWidth"
|
||||||
|
v-if="newData.stepModel === 'TEXT'"
|
||||||
|
:title="$t('test_track.case.expected_results')" :data="newData" prop="expectedResult"/>
|
||||||
|
|
||||||
|
<test-case-step-item :label-width="newData.formLabelWidth"
|
||||||
|
v-if="newData.stepModel === 'STEP' || !newData.stepModel"
|
||||||
|
:form="newData" :read-only="newData.readOnly"/>
|
||||||
|
|
||||||
|
<ms-form-divider :title="$t('test_track.case.other_info')"/>
|
||||||
|
|
||||||
|
<test-case-edit-other-info :read-only="newData.readOnly" :project-id="projectIds" :form="newData"
|
||||||
|
:label-width="newData.formLabelWidth" :case-id="newData.id" ref="otherInfo"/>
|
||||||
|
|
||||||
|
<el-row style="margin-top: 10px">
|
||||||
|
<el-col :span="20" :offset="1">{{ $t('test_track.review.comment') }}:
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="20" :offset="1">
|
||||||
|
|
||||||
|
<review-comment-item v-for="(comment,index) in newData.comments"
|
||||||
|
:key="index"
|
||||||
|
:comment="comment"
|
||||||
|
@refresh="getComments" api-url="/test/case"/>
|
||||||
|
<div v-if="newData.comments.length === 0" style="text-align: center">
|
||||||
|
<i class="el-icon-chat-line-square" style="font-size: 15px;color: #8a8b8d;">
|
||||||
|
<span style="font-size: 15px; color: #8a8b8d;">
|
||||||
|
{{ $t('test_track.comment.no_comment') }}
|
||||||
|
</span>
|
||||||
|
</i>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<test-case-comment :case-id="newData.id"
|
||||||
|
@getComments="getComments" ref="testCaseComment"/>
|
||||||
|
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
</el-card>
|
||||||
|
<button @click="getDiff"></button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import MsFormDivider from "@/business/components/common/components/MsFormDivider";
|
||||||
|
import MsInputTag from "@/business/components/api/automation/scenario/MsInputTag";
|
||||||
|
import {getCurrentProjectID, getCurrentUser, removeGoBackListener} from "@/common/js/utils";
|
||||||
|
import {buildTestCaseOldFields, getTemplate, parseCustomField} from "@/common/js/custom_field";
|
||||||
|
import {STEP} from "@/business/components/api/automation/scenario/Setting";
|
||||||
|
import TestCaseEditOtherInfo from "@/business/components/track/case/components/TestCaseEditOtherInfo";
|
||||||
|
import TestCaseStepItem from "@/business/components/track/case/components/TestCaseStepItem";
|
||||||
|
import StepChangeItem from "@/business/components/track/case/components/StepChangeItem";
|
||||||
|
import TestCaseComment from "@/business/components/track/case/components/TestCaseComment";
|
||||||
|
import FormRichTextItem from "@/business/components/track/case/components/FormRichTextItem";
|
||||||
|
import MsSelectTree from "../../../common/select-tree/SelectTree";
|
||||||
|
import CustomFiledFormItem from "@/business/components/common/components/form/CustomFiledFormItem";
|
||||||
|
import ReviewCommentItem from "@/business/components/track/review/commom/ReviewCommentItem";
|
||||||
|
|
||||||
|
const {diff} = require("@/business/components/performance/v_node_diff");
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "TestCaseVersionDiff",
|
||||||
|
components: {
|
||||||
|
MsFormDivider,
|
||||||
|
MsInputTag,
|
||||||
|
TestCaseEditOtherInfo,
|
||||||
|
TestCaseStepItem,
|
||||||
|
StepChangeItem,
|
||||||
|
TestCaseComment,
|
||||||
|
FormRichTextItem,
|
||||||
|
MsSelectTree,
|
||||||
|
CustomFiledFormItem,
|
||||||
|
ReviewCommentItem,
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
oldData: {
|
||||||
|
type: Object
|
||||||
|
},
|
||||||
|
newData: {
|
||||||
|
type: Object
|
||||||
|
},
|
||||||
|
treeNodes: [],
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
projectIds() {
|
||||||
|
return getCurrentProjectID();
|
||||||
|
},
|
||||||
|
moduleOptions() {
|
||||||
|
return this.$store.state.testCaseModuleOptions;
|
||||||
|
},
|
||||||
|
isCustomNum() {
|
||||||
|
return this.$store.state.currentProjectIsCustomNum;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
path: "/test/case/add",
|
||||||
|
isPublic: false,
|
||||||
|
isXpack: false,
|
||||||
|
projectList: [],
|
||||||
|
result: {},
|
||||||
|
dialogFormVisible: false,
|
||||||
|
workspaceId: '',
|
||||||
|
formLabelWidth: "100px",
|
||||||
|
operationType: '',
|
||||||
|
methodOptions: [
|
||||||
|
{value: 'auto', label: this.$t('test_track.case.auto')},
|
||||||
|
{value: 'manual', label: this.$t('test_track.case.manual')}
|
||||||
|
],
|
||||||
|
testCase: {},
|
||||||
|
testCases: [],
|
||||||
|
index: 0,
|
||||||
|
showInputTag: true,
|
||||||
|
tableType: "",
|
||||||
|
stepFilter: new STEP,
|
||||||
|
moduleObj: {
|
||||||
|
id: 'id',
|
||||||
|
label: 'name',
|
||||||
|
},
|
||||||
|
versionData: [],
|
||||||
|
dialogVisible: false,
|
||||||
|
publicEnable: false,
|
||||||
|
maintainerOptions: [],
|
||||||
|
oldLoading: null,
|
||||||
|
newLoading: null,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.oldLoading = true;
|
||||||
|
this.oldLoading = true;
|
||||||
|
this.getProjectList();
|
||||||
|
this.getComments("newData");
|
||||||
|
this.getComments("oldData");
|
||||||
|
this.open("oldData");
|
||||||
|
this.open("newData");
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getDiff() {
|
||||||
|
let oldVnode = this.$refs.old
|
||||||
|
let vnode = this.$refs.new
|
||||||
|
//oldVnode.style.backgroundColor = "rgb(241,200,196)";
|
||||||
|
diff(oldVnode, vnode);
|
||||||
|
},
|
||||||
|
alert: alert,
|
||||||
|
currentUser: () => {
|
||||||
|
return getCurrentUser();
|
||||||
|
},
|
||||||
|
setModule(id, data) {
|
||||||
|
this.form.module = id;
|
||||||
|
this.form.nodePath = data.path;
|
||||||
|
},
|
||||||
|
setDefaultValue(prop) {
|
||||||
|
if (!this[prop].prerequisite) {
|
||||||
|
this[prop].prerequisite = "";
|
||||||
|
}
|
||||||
|
if (!this[prop].stepDescription) {
|
||||||
|
this[prop].stepDescription = "";
|
||||||
|
}
|
||||||
|
if (!this[prop].expectedResult) {
|
||||||
|
this[prop].expectedResult = "";
|
||||||
|
}
|
||||||
|
if (!this[prop].remark) {
|
||||||
|
this[prop].remark = "";
|
||||||
|
}
|
||||||
|
this.$store.state.testCaseMap.set(this[prop].id, 0);
|
||||||
|
},
|
||||||
|
openComment() {
|
||||||
|
this.$refs.testCaseComment.open()
|
||||||
|
},
|
||||||
|
getComments(prop, callback) {
|
||||||
|
let id = '';
|
||||||
|
if (this[prop]) {
|
||||||
|
id = this[prop].id;
|
||||||
|
} else {
|
||||||
|
id = this.form.id;
|
||||||
|
}
|
||||||
|
this.result = this.$get('/test/case/comment/list/' + id, res => {
|
||||||
|
this[prop].comments = res.data;
|
||||||
|
if (callback) {
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
reloadForm(prop) {
|
||||||
|
this[prop].isFormAlive = false;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this[prop].isFormAlive = true;
|
||||||
|
if (prop.indexOf("new") != -1) {
|
||||||
|
this.newLoading = false;
|
||||||
|
} else {
|
||||||
|
this.oldLoading = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
open(prop) {
|
||||||
|
this[prop].projectId = this.projectIds;
|
||||||
|
let initFuc = this.initEdit;
|
||||||
|
this[prop].$get = this.$get;
|
||||||
|
let that = this;
|
||||||
|
getTemplate('field/template/case/get/relate/', this[prop])
|
||||||
|
.then((template) => {
|
||||||
|
this[prop].testCaseTemplate = template;
|
||||||
|
initFuc(prop, () => {
|
||||||
|
that.reloadForm(prop);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
initEdit(prop, callback) {
|
||||||
|
this.setFormData(prop);
|
||||||
|
// this.setTestCaseExtInfo(prop);
|
||||||
|
this.getSelectOptions();
|
||||||
|
if (callback) {
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setFormData(prop) {
|
||||||
|
try {
|
||||||
|
this[prop].selected = JSON.parse(this[prop].testId);
|
||||||
|
} catch (error) {
|
||||||
|
this[prop].selected = this[prop].testId
|
||||||
|
}
|
||||||
|
let tmp = {};
|
||||||
|
Object.assign(tmp, this[prop]);
|
||||||
|
if (!tmp.steps || tmp.steps.length < 1) {
|
||||||
|
tmp.steps = [{
|
||||||
|
num: 1,
|
||||||
|
desc: '',
|
||||||
|
result: ''
|
||||||
|
}];
|
||||||
|
}
|
||||||
|
Object.assign(this[prop], tmp);
|
||||||
|
if (!this[prop].stepModel) {
|
||||||
|
this[prop].stepModel = "STEP";
|
||||||
|
}
|
||||||
|
this[prop].module = this[prop].nodeId;
|
||||||
|
//设置自定义熟悉默认值
|
||||||
|
this[prop].customFieldForm = parseCustomField(this[prop], this[prop].testCaseTemplate, null, this[prop] ? buildTestCaseOldFields(this[prop]) : null);
|
||||||
|
},
|
||||||
|
setTestCaseExtInfo(prop) {
|
||||||
|
this[prop] = {};
|
||||||
|
if (this[prop]) {
|
||||||
|
// 复制 不查询评论
|
||||||
|
this[prop] = this[prop].isCopy ? {} : this[prop];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
,
|
||||||
|
close() {
|
||||||
|
//移除监听，防止监听其他页面
|
||||||
|
removeGoBackListener(this.close);
|
||||||
|
this.dialogFormVisible = false;
|
||||||
|
}
|
||||||
|
,
|
||||||
|
getOption(param) {
|
||||||
|
let formData = new FormData();
|
||||||
|
if (this.$refs.otherInfo && this.$refs.otherInfo.uploadList) {
|
||||||
|
this.$refs.otherInfo.uploadList.forEach(f => {
|
||||||
|
formData.append("file", f);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.$refs.otherInfo && this.$refs.otherInfo.fileList) {
|
||||||
|
if (param.isCopy) {
|
||||||
|
// 如果是copy，则把文件的ID传到后台进行文件复制
|
||||||
|
param.fileIds = this.$refs.otherInfo.fileList.map(f => f.id);
|
||||||
|
}
|
||||||
|
param.updatedFileList = this.$refs.otherInfo.fileList;
|
||||||
|
} else {
|
||||||
|
param.fileIds = [];
|
||||||
|
param.updatedFileList = [];
|
||||||
|
}
|
||||||
|
|
||||||
|
let requestJson = JSON.stringify(param, function (key, value) {
|
||||||
|
return key === "file" ? undefined : value
|
||||||
|
});
|
||||||
|
|
||||||
|
formData.append('request', new Blob([requestJson], {
|
||||||
|
type: "application/json"
|
||||||
|
}));
|
||||||
|
return {
|
||||||
|
method: 'POST',
|
||||||
|
url: this.path,
|
||||||
|
data: formData,
|
||||||
|
headers: {
|
||||||
|
'Content-Type': undefined
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
,
|
||||||
|
getMaintainerOptions() {
|
||||||
|
this.$post('/user/project/member/tester/list', {projectId: getCurrentProjectID()}, response => {
|
||||||
|
this.maintainerOptions = response.data;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
,
|
||||||
|
getSelectOptions() {
|
||||||
|
this.getMaintainerOptions();
|
||||||
|
}
|
||||||
|
,
|
||||||
|
resetForm(prop) {
|
||||||
|
this[prop].name = '';
|
||||||
|
this[prop].module = '';
|
||||||
|
this[prop].type = '';
|
||||||
|
this[prop].method = '';
|
||||||
|
this[prop].maintainer = '';
|
||||||
|
this[prop].priority = '';
|
||||||
|
this[prop].prerequisite = '';
|
||||||
|
this[prop].remark = '';
|
||||||
|
this[prop].testId = '';
|
||||||
|
this[prop].testName = '';
|
||||||
|
this[prop].steps = [{
|
||||||
|
num: 1,
|
||||||
|
desc: '',
|
||||||
|
result: ''
|
||||||
|
}];
|
||||||
|
this[prop].customNum = '';
|
||||||
|
}
|
||||||
|
,
|
||||||
|
getProjectList() {
|
||||||
|
if (!this.projectList || this.projectList.length === 0) { //没有项目数据的话请求项目数据
|
||||||
|
this.$get("/project/listAll", (response) => {
|
||||||
|
this.projectList = response.data; //获取当前工作空间所拥有的项目,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.compare-class {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue