<!
-- * @功能描述 客户端绑定密钥列表
--> <script setup> import { Message } from '@plmcsdk/common
-ui'; import { ref, getCurrentInstance, watch, computed } from 'vue'; import { useI18n } from 'vue
-i18n'; import { useRoute } from 'vue
-router'; import AddKeyDialog from '
./AddKeyDialog
.vue'; import CommonTable from '@/components/common
-table/CommonTable
.vue'; import UEBut
ton from '@/components/user
-experience
-components/UEBut
ton
.vue'; import { useHsmTypeList, signSchemaList } from '@/constants'; import useProcessS
tore from '@/s
tore/modules/process'; import { reConfirm } from '@/utils'; const { hsmTypeList } = useHsmTypeList(); const route = useRoute(); const props = defineProps({ tableList
: Array, isEdit
: Boolean, isShowGroup
: Boolean, // 展示群组 }); const { t } = useI18n(); const columnList = computed(() => { const initColumns = [ { label
: t('process
.type'), key
: 'type', prop
: 'type', width
: 200, check
: true, contentSlotName
: 'typeSlot', hidden
: !(isChangeFlow
.value || props
.isShowGroup), }, { label
: t('bgManagement
.bgName'), key
: 'bgName', prop
: 'bgName', check
: true, }, { label
: t('buManagement
.buName'), key
: 'buName', prop
: 'buName', check
: true, }, { label
: t('common
.signStandard'), key
: 'signType', prop
: 'signType', check
: true, contentSlotName
: 'signTypeSlot', }, { label
: t('common
.signatureKey'), key
: 'certAlias', prop
: 'certAlias', check
: true, }, { label
: t('process
.keyUsage'), key
: 'keyUsage', prop
: 'keyUsage', check
: true, }, { label
: t('common
.key
ExpDate'), key
: '
expDate', prop
: '
expDate', check
: true, }, { label
: t('common
.encryp
torType'), key
: 'hsmType', prop
: 'hsmType', check
: true, contentSlotName
: 'hsmTypeSlot', }, { key
: 'operation', prop
: 'operation', width
: '80', label
: t('common
.opt'), contentSlotName
: 'operationContentSlot', check
: true, hidden
: !(props
.isEdit && (isChangeFlow
.value || props
.isShowGroup)), // 更新编辑或者注册构建编辑时 }, ]; if (props
.isShowGroup) { // 在签名密钥后面增加群组展示 const index = initColumns
.findIndex(item => item
.prop === 'certAlias'); initColumns
.splice(index + 1, 0, { label
: t('process
.cloudGroup'), key
: 'groupName', prop
: 'groupName', contentSlotName
: 'groupName', check
: true, }); } return initColumns; }); const baseConfig = computed(() => { return { showPage
: false, showSeq
: true, showSelection
: props
.isEdit, }; }); const isChangeFlow = computed(() => { return route
.fullPath
.includes('clientChange'); }); const data = ref([]); const showDialog = ref(false); const { proxy } = getCurrentInstance(); // bu下拉选项 const buList = ref([]); const selectData = ref([]); const refTable = ref(null); const fillTable = val => { data
.value = [
...val]; }; watch( () => props
.tableList, val => { fillTable(val); }, { immediate
: true, deep
: true, } ); function valida
tor() { return data
.value
.length; } // 将基础信息传递过来的产品线进行记录 const curProductLine = computed(() => { return useProcessS
tore()
.productLineCode; }); // 添加 function handleAdd() { if (!curProductLine
.value) { Message
.error(t('process
.notSelectProductLineMsg')); return; } showDialog
.value = true; } // 删除 function handleDelete() { reConfirm({ content
: t('process
.deleteKeyTip') })
.then(() => { const list = [
...data
.value]; if (isChangeFlow
.value || props
.isShowGroup) { const selAddList = selectData
.value
.filter(item => item
.isDeleted === '2'); const selOldList = selectData
.value
.filter(item => item
.isDeleted !== '2'); const list2 = list
.map(item => { const sel = selOldList
.find( selData => item
.buId === selData
.buId && item
.certAlias === selData
.certAlias && item
.bgName === selData
.bgName && item
.groupId === selData
.groupId && selData
.isDeleted === '0' ); if (sel) { return {
...item, isDeleted
: '1', }; } else { return item; } }); data
.value = list2
.filter(item => { return !selAddList
.some( selData => item
.buId === selData
.buId && item
.certAlias === selData
.certAlias && item
.bgName === selData
.bgName && item
.groupId === selData
.groupId ); }); } else { data
.value = list
.filter(item => { return !selectData
.value
.some(selData => item
.buId === selData
.buId && item
.certAlias === selData
.certAlias && item
.bgName === selData
.bgName); }); } refTable
.value
.elTableRef
.$el
.clearSelection(); proxy
.$bus
.$emit('applyCertList', data
.value); }); } /** * 更新表格数据 * @param key 添加的密钥信息 */ const updateList = key => { const updateData = itemKey => { if (isChangeFlow
.value || props
.isShowGroup) { data
.value
.push({
...itemKey, isDeleted
: '2' }); proxy
.$bus
.$emit('applyCertList', data
.value); } else { data
.value
.push(key); } }; // groupId修改为多选,需要将多选构建为多条数据 const copyKey = {
...key }; if (key?
.groupName?
.length) { key
.groupName
.forEach(item => { copyKey
.groupId = item
.id; copyKey
.groupName = item
.name; updateData(copyKey); }); } else { updateData(key); } refTable
.value
.elTableRef
.$el
.clearSelection(); }; const handleTableSelect = val => { selectData
.value = val; }; const cellClassName = ({ row, column }) => { if (row
.isDeleted === '1' && column
.property !== 'operation') { return 'client
-change
-del
-cell'; } if (row
.isDeleted === '2') { return 'client
-change
-add
-cell'; } return ''; }; const rollback = row => { row
.isDeleted = '0'; }; define
Expose({ valida
tor, data, }); </script> <template> <div> <ElCollapse model
-value="applicationInstructions" class="over
-hide p
-0
-20 bt
-line"> <ElCollapseItem
:title="$t('process
.clientKeyTableTitle')" name="applicationInstructions"> <div v
-if="isEdit" class="but
ton
-group mb
-12"> <UEBut
ton type="primary" @click="handleAdd">{{ $t('common
.add') }}</UEBut
ton> <El
Tooltip
:content="selectData
.length === 0 ? $t('common
.selectDataTip')
: ''" placement="
top"> <UEBut
ton
:disabled="selectData
.length === 0" @click="handleDelete">{{ $t('common
.del') }}</UEBut
ton> </El
Tooltip> </div> <div style="height
: 200px; margin
-bot
tom
: var(
--ue
-element
-spacing)"> <CommonTable ref="refTable"
:height="'100%'"
:cell
-class
-name="cellClassName"
:base
-config="baseConfig"
:data="data"
:column
-list="columnList" no
-scroll
-x @select="handleTableSelect" > <template #groupName="scope"> <span>{{ `${scope
.row
.groupName} | ${scope
.row
.groupId}` }}</span> </template> <template #typeSlot="scope"> <span v
-if="scope
.row
.isDeleted === '0'">{{ $t('common
.alreadyHave') }}</span> <span v
-if="scope
.row
.isDeleted === '1'">{{ $t('common
.removed') }}</span> <span v
-if="scope
.row
.isDeleted === '2'">{{ $t('common
.newAdd') }}</span> </template> <template #signTypeSlot="scope"> <span>{{ signSchemaList
.find(item => item
.value === scope
.row
.signType)?
.name }}</span> </template> <template #hsmTypeSlot="scope"> <span>{{ hsmTypeList
.find(item => item
.value === scope
.row
.hsmType)?
.name }}</span> </template> <template #operationContentSlot="scope"> <i v
-if="scope
.row
.isDeleted === '1'"
:title="$t('process
.undoDelete')" class="ipd
-font
-icon icon
-revoke" @click="rollback(scope
.row)"></i> </template> </CommonTable> </div> <!
-- 添加密钥弹窗
--> <AddKeyDialog v
-if="showDialog" v
-model="showDialog"
:product
-line
-code="curProductLine"
:key
-list="data"
:is
-show
-group="isShowGroup" @update
-key
-list="updateList" /> </ElCollapseItem> </ElCollapse> </div> </template> <style lang="less" scoped>
.ipd
-font
-icon { color
: var(
--ue
-main
-primary
-color); } </style>
这是BindKey组件的内容，结合这个组件分析刚才的问题，并且分析出appCertList对象的属性有哪些
本文介绍如何使用EXP命令备份Oracle数据库，并确保备份文件名包含日期格式。通过调整系统时间格式为“YYYY-M-D”，可以避免因时间格式不匹配而导致的错误。
扫一扫
765
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
