|
2 | 2 | <el-dialog |
3 | 3 | :visible.sync="dialogVisible" |
4 | 4 | width="900px" |
5 | | - title="编辑源" |
| 5 | + :title="$t('contextProviderDialog.title')" |
6 | 6 | :close-on-click-modal="false" |
7 | 7 | custom-class="context-provider-dialog" |
8 | 8 | append-to-body |
9 | 9 | > |
10 | 10 | <div class="dialog-content"> |
11 | | - <el-empty v-if="localProviders.length === 0" description="暂无上下文API"> |
12 | | - <el-button type="primary" icon="el-icon-plus" @click="addProvider(0)">添加</el-button> |
| 11 | + <el-empty v-if="localProviders.length === 0" :description="$t('contextProviderDialog.noContextApi')"> |
| 12 | + <el-button type="primary" icon="el-icon-plus" @click="addProvider(0)">{{ $t('contextProviderDialog.add') }}</el-button> |
13 | 13 | </el-empty> |
14 | 14 |
|
15 | 15 | <div |
|
20 | 20 | <el-card class="provider-card" shadow="hover" :body-style="{ padding: '15px 20px' }"> |
21 | 21 | <!-- URL Row --> |
22 | 22 | <div class="input-row"> |
23 | | - <span class="label-text">接口地址</span> |
| 23 | + <span class="label-text">{{ $t('contextProviderDialog.apiUrl') }}</span> |
24 | 24 | <el-input |
25 | 25 | v-model="provider.url" |
26 | | - placeholder="http://api.example.com/data" |
| 26 | + :placeholder="$t('contextProviderDialog.apiUrlPlaceholder')" |
27 | 27 | size="small" |
28 | 28 | class="flex-1" |
29 | 29 | ></el-input> |
30 | 30 | </div> |
31 | 31 |
|
32 | 32 | <!-- Headers Section --> |
33 | 33 | <div class="headers-section"> |
34 | | - <div class="label-text" style="margin-top: 6px;">请求头</div> |
| 34 | + <div class="label-text" style="margin-top: 6px;">{{ $t('contextProviderDialog.requestHeaders') }}</div> |
35 | 35 | <div class="headers-list"> |
36 | 36 | <div |
37 | 37 | v-for="(header, hIndex) in provider.headers" |
|
40 | 40 | > |
41 | 41 | <el-input |
42 | 42 | v-model="header.key" |
43 | | - placeholder="Key" |
| 43 | + :placeholder="$t('contextProviderDialog.headerKeyPlaceholder')" |
44 | 44 | size="small" |
45 | 45 | style="width: 180px;" |
46 | 46 | ></el-input> |
47 | 47 | <span class="separator">:</span> |
48 | 48 | <el-input |
49 | 49 | v-model="header.value" |
50 | | - placeholder="Value" |
| 50 | + :placeholder="$t('contextProviderDialog.headerValuePlaceholder')" |
51 | 51 | size="small" |
52 | 52 | class="flex-1" |
53 | 53 | ></el-input> |
|
73 | 73 | </div> |
74 | 74 | <!-- Empty Headers State --> |
75 | 75 | <div v-if="provider.headers.length === 0" class="header-row empty-header"> |
76 | | - <span class="no-header-text">暂无 Headers</span> |
| 76 | + <span class="no-header-text">{{ $t('contextProviderDialog.noHeaders') }}</span> |
77 | 77 | <el-button |
78 | 78 | type="text" |
79 | 79 | icon="el-icon-plus" |
80 | 80 | size="mini" |
81 | 81 | @click="addHeader(pIndex, 0)" |
82 | | - >添加 Header</el-button> |
| 82 | + >{{ $t('contextProviderDialog.addHeader') }}</el-button> |
83 | 83 | </div> |
84 | 84 | </div> |
85 | 85 | </div> |
|
106 | 106 | </div> |
107 | 107 |
|
108 | 108 | <span slot="footer" class="dialog-footer"> |
109 | | - <el-button @click="dialogVisible = false">取消</el-button> |
110 | | - <el-button type="primary" @click="handleConfirm">确定</el-button> |
| 109 | + <el-button @click="dialogVisible = false">{{ $t('contextProviderDialog.cancel') }}</el-button> |
| 110 | + <el-button type="primary" @click="handleConfirm">{{ $t('contextProviderDialog.confirm') }}</el-button> |
111 | 111 | </span> |
112 | 112 | </el-dialog> |
113 | 113 | </template> |
|
0 commit comments