refactor: jira添加图片提示

This commit is contained in:
chenjianxing 2021-06-25 12:04:11 +08:00 committed by jianxing
parent 79630507a5
commit 7695f5547d
6 changed files with 47 additions and 4 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -1,7 +1,9 @@
<template>
<el-tooltip class="instructions-icon" :effect="effect" :placement="placement">
<template v-slot:content>
{{content}}
<slot>
{{content}}
</slot>
</template>
<i :style="{'font-size': size + 'px'}" class="el-icon-info"></i>
</el-tooltip>
@ -50,4 +52,8 @@
color: #409EFF;
}
.instructions-icon {
margin-left: 5px;
}
</style>

View File

@ -15,9 +15,19 @@
</el-form-item>
<el-form-item :label="$t('organization.integration.jira_issuetype')" prop="issuetype">
<el-input v-model="form.issuetype" :placeholder="$t('organization.integration.input_jira_issuetype')"/>
<ms-instructions-icon effect="light">
<template>
<img class="jira-image" src="../../../../../assets/jira-type.png"/>
</template>
</ms-instructions-icon>
</el-form-item>
<el-form-item :label="$t('organization.integration.jira_storytype')" prop="storytype">
<el-input v-model="form.storytype" :placeholder="$t('organization.integration.input_jira_storytype')"/>
<ms-instructions-icon effect="light">
<template>
<img class="jira-image" src="../../../../../assets/jira-type.png"/>
</template>
</ms-instructions-icon>
</el-form-item>
</el-form>
</div>
@ -50,10 +60,11 @@
import BugManageBtn from "@/business/components/settings/organization/components/BugManageBtn";
import {getCurrentUser} from "@/common/js/utils";
import {JIRA} from "@/common/js/constants";
import MsInstructionsIcon from "@/business/components/common/components/MsInstructionsIcon";
export default {
name: "JiraSetting",
components: {BugManageBtn},
components: {MsInstructionsIcon, BugManageBtn},
created() {
this.init();
},
@ -203,4 +214,8 @@ export default {
padding: 10px;
border-radius: 3px;
}
.el-input {
width: 80%;
}
</style>

View File

@ -104,7 +104,12 @@
<el-input v-model="form.tapdId" autocomplete="off"></el-input>
</el-form-item>
<el-form-item :label="$t('project.jira_key')" v-if="jira">
<el-input v-model="form.jiraKey" autocomplete="off"></el-input>
<el-input v-model="form.jiraKey" autocomplete="off"/>
<ms-instructions-icon effect="light">
<template>
<img class="jira-image" src="../../../../assets/jira-key.png"/>
</template>
</ms-instructions-icon>
</el-form-item>
<el-form-item :label="$t('project.zentao_id')" v-if="zentao">
<el-input v-model="form.zentaoId" autocomplete="off"></el-input>
@ -165,10 +170,12 @@ import {_filter, _sort} from "@/common/js/tableUtils";
import MsResourceFiles from "@/business/components/performance/test/components/ResourceFiles";
import TemplateSelect from "@/business/components/settings/workspace/template/TemplateSelect";
import {PROJECT_CONFIGS} from "@/business/components/common/components/search/search-components";
import MsInstructionsIcon from "@/business/components/common/components/MsInstructionsIcon";
export default {
name: "MsProject",
components: {
MsInstructionsIcon,
TemplateSelect,
MsResourceFiles,
MsTableButton,
@ -382,4 +389,8 @@ pre {
margin: 0 0;
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
}
.el-input,.el-textarea {
width: 95%;
}
</style>

View File

@ -110,7 +110,12 @@
<el-input v-model="form.tapdId" autocomplete="off"></el-input>
</el-form-item>
<el-form-item :label="$t('project.jira_key')" v-if="jira">
<el-input v-model="form.jiraKey" autocomplete="off"></el-input>
<el-input v-model="form.jiraKey" autocomplete="off"/>
<ms-instructions-icon effect="light">
<template>
<img class="jira-image" src="../../../../assets/jira-key.png"/>
</template>
</ms-instructions-icon>
</el-form-item>
<el-form-item :label="$t('project.zentao_id')" v-if="zentao">
<el-input v-model="form.zentaoId" autocomplete="off"></el-input>
@ -241,10 +246,12 @@ import TemplateSelect from "@/business/components/settings/workspace/template/Te
import {PROJECT_CONFIGS} from "@/business/components/common/components/search/search-components";
import MsRolesTag from "@/business/components/common/components/MsRolesTag";
import AddMember from "@/business/components/settings/common/AddMember";
import MsInstructionsIcon from "@/business/components/common/components/MsInstructionsIcon";
export default {
name: "MsProject",
components: {
MsInstructionsIcon,
TemplateSelect,
MsResourceFiles,
MsTableButton,
@ -638,4 +645,8 @@ pre {
color: #8492a6;
font-size: 13px;
}
.el-input,.el-textarea {
width: 95%;
}
</style>