gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：补充issue详情页面缺少的国际化

Browse Source
This commit is contained in:
wenzhijie
2022-09-02 17:20:52 +08:00
parent d545fcd411
commit f36a73c9ef
1 changed files with 44 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
nezha-fronted/src/components/common/bottomBox/tabs/issueTab.vue
View File

@@ -68,39 +68,50 @@
<!-- <el-footer>Footer</el-footer> --> <!-- <el-footer>Footer</el-footer> -->
</el-container> </el-container>
<el-aside width="400px" class="issuetab-aside"> <el-aside width="400px" class="issuetab-aside">
<span>动态</span> <span>{{$t("issueTab.dynamic")}} </span>
<template> <template>
<el-tabs v-model="activeName" @tab-click="handleClick" class="issuetab-eltabs"> <el-tabs v-model="activeName" @tab-click="handleClick" class="issuetab-eltabs">
<el-tab-pane label="全部" name="first" class="tab-pane"> <el-tab-pane :label="$t('issueTab.whole')" name="first" class="tab-pane">
<div class="change "> <div class="change ">
<i class="nz-icon nz-icon-edit"></i> <i class="nz-icon nz-icon-edit"></i>
<span>老王 Created issue {{this.time}}</span> <span>老王</span>
<span>Created issue</span>
<span>2022-09-02</span>
<!-- <div v-for="(item, index) in changeData" :key="index" v-html="item.content" ></div> --> <!-- <div v-for="(item, index) in changeData" :key="index" v-html="item.content" ></div> -->
</div> </div>
<div class="content first-content"> <div class="content first-content" >
<i class="nz-icon nz-icon-edit"></i> <div v-for="(item, index) in this.contentData" :key="index">
<span>老王 Add comment {{this.time}}</span> <i class="nz-icon nz-icon-edit"></i>
<div class="content-data" v-for="(item, index) in contentData" :key="index" v-html="item.content" ></div> <span>{{item.createUser.name}}</span>
<span>{{typeEnums(item.type)}}</span>
<span>{{timezoneToUtcTimeStr(item.cts)}}</span>
<div class="content-data" v-for="(item, index) in contentData" :key="index" v-html="item.content" ></div>
</div>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="评论" name="content" class="tab-pane"> <el-tab-pane :label="$t('issueTab.comment')" name="content" class="tab-pane">
<div class="content"> <div class="content " >
<i class="nz-icon nz-icon-edit"></i> <div v-for="(item, index) in this.contentData" :key="index">
<span>老王 Add comment {{this.time}}</span> <i class="nz-icon nz-icon-edit"></i>
<div class="content-data" v-for="(item, index) in contentData" :key="index" v-html="item.content" ></div> <span>{{item.createUser.name}}</span>
<span>{{typeEnums(item.type)}}</span>
<span>{{timezoneToUtcTimeStr(item.cts)}}</span>
<div class="content-data" v-for="(item, index) in contentData" :key="index" v-html="item.content" ></div>
</div>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="变更记录" name="change" class="tab-pane"> <el-tab-pane :label="$t('issueTab.changeRecord')" name="change" class="tab-pane">
<div class="change"> <div class="change">
<i class="nz-icon nz-icon-edit"></i> <i class="nz-icon nz-icon-edit"></i>
<span>老王 Created issue {{this.time}}</span> <span>老王</span>
<!-- <div v-html="this.changeData" ></div> --> <span>Created issue</span>
<span>2022-09-02</span>
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</template> </template>
<div class="add-comment-btn"> <div class="add-comment-btn">
<el-button type="text" v-if="addcommentShow" @click="addcommentBtn">Add comment</el-button> <el-button type="text" v-if="addcommentShow" @click="addcommentBtn">{{$t("issueTab.addComment")}}</el-button>
</div> </div>
<div v-if="textareaShow" class="textareas"> <div v-if="textareaShow" class="textareas">
@@ -112,8 +123,8 @@
v-model="textarea"> v-model="textarea">
</el-input> </el-input>
<div class="btn-box"> <div class="btn-box">
<el-button size="mini" @click="addFun">Add</el-button> <el-button size="mini" @click="addFun">{{$t("issueTab.Add")}}</el-button>
<el-button size="mini" @click="cancelBtn">Cancel</el-button> <el-button size="mini" @click="cancelBtn">{{$t("issueTab.Cencel")}}</el-button>
</div> </div>
</div> </div>
</el-aside> </el-aside>
@@ -122,8 +133,10 @@
</template> </template>
<script> <script>
import mainMixinFun from '@/components/common/mixin/mainMixinFun'
export default { export default {
name: 'issueTab', name: 'issueTab',
mixins: [mainMixinFun],
data () { data () {
return { return {
url: '/issue', url: '/issue',
@@ -140,6 +153,8 @@ export default {
contentData: [], // 评论data contentData: [], // 评论data
assets: [], assets: [],
contents: [], contents: [],
createUser: [],
updateUser: [],
time: '', time: '',
defaultProps: { defaultProps: {
children: 'children', children: 'children',
@@ -195,14 +210,14 @@ export default {
this.changeData = response.data.list this.changeData = response.data.list
this.time = response.time this.time = response.time
console.log(response.time) console.log(response.time)
// console.log(this.changeData, 1) console.log(response.data, 1)
// console.log(response.data, 2) // console.log(response.data, 2)
} }
}) })
this.$get(`${this.url}/activity?issueId=1&type=2&pageSize=-1`).then(response => { // issue动态详情接口-评论 this.$get(`${this.url}/activity?issueId=1&type=2&pageSize=-1`).then(response => { // issue动态详情接口-评论
if (response.code === 200) { if (response.code === 200) {
this.contentData = response.data.list this.contentData = response.data.list
// console.log(this.contentData, 2) this.time = response.time
} }
}) })
}, },
@@ -236,6 +251,15 @@ export default {
} }
return data return data
}, },
// type 处理
typeEnums (data) {
if (data == 1) {
data = 'changed issue'
} else if (data == 2) {
data = 'created issue'
}
return data
},
foldFun () { foldFun () {
this.openShow = true this.openShow = true
this.foldShow = false this.foldShow = false