| | |
| | | border |
| | | height="calc(100% - 10px)" |
| | | @selection-change="handleSelectionChange" |
| | | @cell-dblclick="copyText" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | |
| | | <el-table-column |
| | | align="center" |
| | | prop="cnName" |
| | | :label="$t('dataManage.layerObj.layerName')" |
| | | :label="$t('dataManage.layerObj.resourceName')" |
| | | width="150" |
| | | /> |
| | | <el-table-column |
| | | <!-- <el-table-column |
| | | align="center" |
| | | prop="enName" |
| | | :label="$t('dataManage.layerObj.englishName')" |
| | | width="170" |
| | | /> |
| | | /> --> |
| | | <el-table-column |
| | | align="center" |
| | | prop="status" |
| | |
| | | prop="proxy" |
| | | :label="$t('dataManage.layerObj.proxyAddress')" |
| | | width="300" |
| | | :formatter="formatProxy" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="createUser" |
| | | prop="createName" |
| | | :label="$t('dataManage.vmobj.createonuser')" |
| | | width="200" |
| | | /> |
| | |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="updateUser" |
| | | prop="updateName" |
| | | :label="$t('dataManage.vmobj.updateonuser')" |
| | | width="200" |
| | | /> |
| | |
| | | class="insertWidth" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.layerObj.englishName')"> |
| | | <!-- <el-form-item :label="$t('dataManage.layerObj.englishName')"> |
| | | <el-input |
| | | v-model="insertData.enName" |
| | | :placeholder="$t('dataManage.layerObj.prompt14')" |
| | | class="insertWidth" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form-item> --> |
| | | <el-form-item :label="$t('dataManage.layerObj.serviceType')"> |
| | | <el-select |
| | | class="insertWidth" |
| | |
| | | <el-radio |
| | | v-model="insertData.status" |
| | | label="0" |
| | | >{{$t('dataManage.layerObj.isStop')}}</el-radio> |
| | | >{{$t('dataManage.layerObj.disable')}}</el-radio> |
| | | <el-radio |
| | | v-model="insertData.status" |
| | | label="1" |
| | | > {{$t('dataManage.layerObj.isEnable')}}</el-radio> |
| | | > {{$t('dataManage.layerObj.enableOriginalAddress')}}</el-radio> |
| | | <el-radio |
| | | v-model="insertData.status" |
| | | label="2" |
| | | > {{$t('dataManage.layerObj.enableProxy')}}</el-radio> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.layerObj.descr')"> |
| | |
| | | class="insertWidth" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.layerObj.englishName')"> |
| | | <!-- <el-form-item :label="$t('dataManage.layerObj.englishName')"> |
| | | <el-input |
| | | v-model="editData.enName" |
| | | :placeholder="$t('dataManage.layerObj.prompt14')" |
| | | class="insertWidth" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form-item> --> |
| | | <el-form-item :label="$t('dataManage.layerObj.serviceType')"> |
| | | <el-select |
| | | class="insertWidth" |
| | |
| | | <el-radio |
| | | v-model="editData.status" |
| | | label="0" |
| | | >{{$t('dataManage.layerObj.isStop')}}</el-radio> |
| | | >{{$t('dataManage.layerObj.disable')}}</el-radio> |
| | | <el-radio |
| | | v-model="editData.status" |
| | | label="1" |
| | | > {{$t('dataManage.layerObj.isEnable')}}</el-radio> |
| | | > {{$t('dataManage.layerObj.enableOriginalAddress')}}</el-radio> |
| | | <el-radio |
| | | v-model="editData.status" |
| | | label="2" |
| | | > {{$t('dataManage.layerObj.enableProxy')}}</el-radio> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.layerObj.descr')"> |
| | |
| | | multipleSelection: [], |
| | | editData: {}, |
| | | copyData: null, |
| | | insertData: {}, |
| | | insertData: { |
| | | status: "2" |
| | | }, |
| | | editDialog: false, |
| | | insertDialog: false, |
| | | dataType: [], |
| | |
| | | }, |
| | | closeInsertDialog() { |
| | | this.insertDialog = false; |
| | | this.insertData = {} |
| | | this.insertData = { |
| | | status: '2' |
| | | } |
| | | }, |
| | | setInsertCannel() { |
| | | var that = this; |
| | |
| | | this.editData.status = this.editData.status.toString() |
| | | this.editDialog = true |
| | | }, |
| | | formatProxy(row, column) { |
| | | var token = getToken() |
| | | var val = row.proxy.replaceAll('{token}', token) |
| | | return BASE_URL + val |
| | | }, |
| | | copyText(row, column, cell, event) { |
| | | // 双击复制 |
| | | let save = function (e) { |
| | | e.clipboardData.setData('text/plain', event.target.innerText); |
| | | e.preventDefault(); //阻止默认行为 |
| | | } |
| | | document.addEventListener('copy', save);//添加一个copy事件 |
| | | document.execCommand("copy");//执行copy方法 |
| | | this.$message({ message: '复制成功', type: 'success' })//提示 |
| | | }, |
| | | |
| | | //格式化列表 |
| | | formatData(row, column) { |
| | | let data = row[column.property]; |
| | |
| | | } |
| | | }, |
| | | setResStatus(row, column) { |
| | | |
| | | switch (row.status) { |
| | | case 0: |
| | | return "停用" |
| | | return "禁用" |
| | | break; |
| | | case 1: |
| | | return "启用" |
| | | return "启用原始地址" |
| | | break; |
| | | case 2: |
| | | return "启用代理" |
| | | return "启用代理地址" |
| | | break; |
| | | default: |
| | | return "" |
| | |
| | | type: "warning", |
| | | }); |
| | | } |
| | | |
| | | this.tableData = data.result; |
| | | this.listData.count = data.count; |
| | | }, |