380 lines
18 KiB
Vue
380 lines
18 KiB
Vue
|
<script setup lang="ts">
|
|||
|
|
import { computed, onMounted, reactive, ref, watch } from 'vue'
|
|||
|
|
import { ElMessage, ElMessageBox, type FormInstance, type FormRules } from 'element-plus'
|
|||
|
|
import { Building2, MapPin, Pencil, Plus, Power } from '@lucide/vue'
|
|||
|
|
import ApiErrorMeta from '@/components/ApiErrorMeta.vue'
|
|||
|
|
import DataTable, { type DataTableColumn } from '@/components/common/DataTable.vue'
|
|||
|
|
import QueryToolbar, { type QueryField, type QueryModel } from '@/components/common/QueryToolbar.vue'
|
|||
|
|
import { useUnsavedWorkRegistration } from '@/composables/useUnsavedWorkRegistration'
|
|||
|
|
import { getApiErrorDetails, type ApiErrorDetails } from '@/api/http'
|
|||
|
|
import {
|
|||
|
|
changePlatformPartnerStatus,
|
|||
|
|
createPlatformPartner,
|
|||
|
|
listPlatformPartners,
|
|||
|
|
updatePlatformPartner,
|
|||
|
|
type PlatformPartnerResource,
|
|||
|
|
type PlatformPartnerStatus,
|
|||
|
|
type PlatformPartnerType,
|
|||
|
|
type SavePlatformPartnerRequest,
|
|||
|
|
} from '@/api/platformPartners'
|
|||
|
|
import { useAccessPreviewStore } from '@/stores/accessPreview'
|
|||
|
|
|
|||
|
|
const fixedTenantId = 10001
|
|||
|
|
const pageSize = ref(20)
|
|||
|
|
const access = useAccessPreviewStore()
|
|||
|
|
const loading = ref(false)
|
|||
|
|
const saving = ref(false)
|
|||
|
|
const editorOpen = ref(false)
|
|||
|
|
const formRef = ref<FormInstance>()
|
|||
|
|
const rows = ref<PlatformPartnerResource[]>([])
|
|||
|
|
const page = ref(1)
|
|||
|
|
const total = ref(0)
|
|||
|
|
const loadError = ref<ApiErrorDetails | null>(null)
|
|||
|
|
const statusLoadingIds = ref(new Set<string>())
|
|||
|
|
|
|||
|
|
type PartnerFilters = QueryModel & {
|
|||
|
|
keyword: string
|
|||
|
|
type: PlatformPartnerType | ''
|
|||
|
|
status: PlatformPartnerStatus | ''
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const filters = ref<PartnerFilters>({
|
|||
|
|
keyword: '',
|
|||
|
|
type: '',
|
|||
|
|
status: '',
|
|||
|
|
})
|
|||
|
|
const appliedFilters = ref<PartnerFilters>({ ...filters.value })
|
|||
|
|
const queryFields: QueryField[] = [
|
|||
|
|
{ key: 'keyword', type: 'input', placeholder: '单位名称、编码、联系人或电话' },
|
|||
|
|
{
|
|||
|
|
key: 'type',
|
|||
|
|
type: 'select',
|
|||
|
|
placeholder: '全部类型',
|
|||
|
|
options: [
|
|||
|
|
{ label: '客户', value: 'CUSTOMER' },
|
|||
|
|
{ label: '供应商', value: 'SUPPLIER' },
|
|||
|
|
{ label: '客户 / 供应商', value: 'BOTH' },
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: 'status',
|
|||
|
|
type: 'select',
|
|||
|
|
placeholder: '全部状态',
|
|||
|
|
options: [
|
|||
|
|
{ label: '启用', value: 'ACTIVE' },
|
|||
|
|
{ label: '停用', value: 'INACTIVE' },
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
interface PartnerForm extends SavePlatformPartnerRequest {
|
|||
|
|
id: string
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const emptyForm = (): PartnerForm => ({
|
|||
|
|
id: '',
|
|||
|
|
partnerCode: '',
|
|||
|
|
partnerName: '',
|
|||
|
|
partnerType: 'CUSTOMER',
|
|||
|
|
contactName: '',
|
|||
|
|
contactPhone: '',
|
|||
|
|
contactEmail: null,
|
|||
|
|
countryCode: 'CN',
|
|||
|
|
province: null,
|
|||
|
|
city: '',
|
|||
|
|
district: null,
|
|||
|
|
addressLine: '',
|
|||
|
|
postalCode: null,
|
|||
|
|
status: 'ACTIVE',
|
|||
|
|
})
|
|||
|
|
const form = reactive<PartnerForm>(emptyForm())
|
|||
|
|
const editorLabel = computed(() => form.id ? '编辑往来单位' : '新增往来单位')
|
|||
|
|
const editorPermission = computed(() => form.id ? 'platform:counterparty:edit' : 'platform:counterparty:create')
|
|||
|
|
const { captureBaseline } = useUnsavedWorkRegistration({
|
|||
|
|
key: 'partner-editor',
|
|||
|
|
label: editorLabel,
|
|||
|
|
isOpen: editorOpen,
|
|||
|
|
model: form,
|
|||
|
|
requiredPermission: editorPermission,
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
const rules: FormRules<PartnerForm> = {
|
|||
|
|
partnerCode: [{ required: true, whitespace: true, message: '请输入往来单位编码', trigger: 'blur' }],
|
|||
|
|
partnerName: [{ required: true, whitespace: true, message: '请输入往来单位名称', trigger: 'blur' }],
|
|||
|
|
partnerType: [{ required: true, message: '请选择单位类型', trigger: 'change' }],
|
|||
|
|
contactName: [{ required: true, whitespace: true, message: '请输入联系人', trigger: 'blur' }],
|
|||
|
|
contactPhone: [{ required: true, whitespace: true, message: '请输入联系电话', trigger: 'blur' }],
|
|||
|
|
contactEmail: [{ type: 'email', message: '请输入有效的邮箱地址', trigger: 'blur' }],
|
|||
|
|
countryCode: [
|
|||
|
|
{ required: true, whitespace: true, message: '请输入国家二字码', trigger: 'blur' },
|
|||
|
|
{ pattern: /^[A-Z]{2}$/, message: '国家码须为两个大写英文字母', trigger: 'blur' },
|
|||
|
|
],
|
|||
|
|
city: [{ required: true, whitespace: true, message: '请输入城市', trigger: 'blur' }],
|
|||
|
|
addressLine: [{ required: true, whitespace: true, message: '请输入详细地址', trigger: 'blur' }],
|
|||
|
|
status: [{ required: true, message: '请选择状态', trigger: 'change' }],
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const typeLabels: Record<PlatformPartnerType, string> = {
|
|||
|
|
CUSTOMER: '客户',
|
|||
|
|
SUPPLIER: '供应商',
|
|||
|
|
BOTH: '客户 / 供应商',
|
|||
|
|
}
|
|||
|
|
const partnerColumns: DataTableColumn[] = [
|
|||
|
|
{ key: 'actions', label: '操作', width: 150, fixed: 'left', slotName: 'actions' },
|
|||
|
|
{ key: 'partner', label: '往来单位', minWidth: 210, slotName: 'partner' },
|
|||
|
|
{ key: 'type', label: '类型', minWidth: 115, slotName: 'type' },
|
|||
|
|
{ key: 'contact', label: '联系人', minWidth: 165, slotName: 'contact' },
|
|||
|
|
{ key: 'address', label: '地址', minWidth: 240, slotName: 'address' },
|
|||
|
|
{ key: 'status', label: '状态', width: 90, slotName: 'status' },
|
|||
|
|
{ prop: 'updatedAt', label: '更新时间', minWidth: 140, formatter: (row: PlatformPartnerResource) => formatUpdatedAt(row.updatedAt) },
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
watch(
|
|||
|
|
() => access.can(editorPermission.value),
|
|||
|
|
(canWrite) => {
|
|||
|
|
if (canWrite || !editorOpen.value) return
|
|||
|
|
editorOpen.value = false
|
|||
|
|
Object.assign(form, emptyForm())
|
|||
|
|
},
|
|||
|
|
{ flush: 'sync' },
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
function queryParams() {
|
|||
|
|
return {
|
|||
|
|
page: page.value,
|
|||
|
|
size: pageSize.value,
|
|||
|
|
keyword: appliedFilters.value.keyword.trim() || undefined,
|
|||
|
|
type: appliedFilters.value.type || undefined,
|
|||
|
|
status: appliedFilters.value.status || undefined,
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function loadPartners() {
|
|||
|
|
loading.value = true
|
|||
|
|
loadError.value = null
|
|||
|
|
try {
|
|||
|
|
const result = await listPlatformPartners(fixedTenantId, queryParams())
|
|||
|
|
rows.value = result.records
|
|||
|
|
total.value = result.total
|
|||
|
|
} catch (error) {
|
|||
|
|
loadError.value = getApiErrorDetails(error, '往来单位加载失败，请稍后重试')
|
|||
|
|
} finally {
|
|||
|
|
loading.value = false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function searchPartners(model: QueryModel) {
|
|||
|
|
appliedFilters.value = {
|
|||
|
|
keyword: String(model.keyword || ''),
|
|||
|
|
type: (model.type || '') as PlatformPartnerType | '',
|
|||
|
|
status: (model.status || '') as PlatformPartnerStatus | '',
|
|||
|
|
}
|
|||
|
|
if (page.value === 1) {
|
|||
|
|
void loadPartners()
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
page.value = 1
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function openCreate() {
|
|||
|
|
Object.assign(form, emptyForm())
|
|||
|
|
captureBaseline()
|
|||
|
|
editorOpen.value = true
|
|||
|
|
requestAnimationFrame(() => formRef.value?.clearValidate())
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function nullable(value: string | null) {
|
|||
|
|
return value?.trim() || null
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function openEdit(row: PlatformPartnerResource) {
|
|||
|
|
Object.assign(form, {
|
|||
|
|
id: String(row.id),
|
|||
|
|
partnerCode: row.partnerCode,
|
|||
|
|
partnerName: row.partnerName,
|
|||
|
|
partnerType: row.partnerType,
|
|||
|
|
contactName: row.contactName,
|
|||
|
|
contactPhone: row.contactPhone,
|
|||
|
|
contactEmail: row.contactEmail,
|
|||
|
|
countryCode: row.countryCode,
|
|||
|
|
province: row.province,
|
|||
|
|
city: row.city,
|
|||
|
|
district: row.district,
|
|||
|
|
addressLine: row.addressLine,
|
|||
|
|
postalCode: row.postalCode,
|
|||
|
|
status: row.status,
|
|||
|
|
})
|
|||
|
|
captureBaseline()
|
|||
|
|
editorOpen.value = true
|
|||
|
|
requestAnimationFrame(() => formRef.value?.clearValidate())
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function savePayload(): SavePlatformPartnerRequest {
|
|||
|
|
return {
|
|||
|
|
partnerCode: form.partnerCode.trim(),
|
|||
|
|
partnerName: form.partnerName.trim(),
|
|||
|
|
partnerType: form.partnerType,
|
|||
|
|
contactName: form.contactName.trim(),
|
|||
|
|
contactPhone: form.contactPhone.trim(),
|
|||
|
|
contactEmail: nullable(form.contactEmail),
|
|||
|
|
countryCode: form.countryCode.trim().toUpperCase(),
|
|||
|
|
province: nullable(form.province),
|
|||
|
|
city: form.city.trim(),
|
|||
|
|
district: nullable(form.district),
|
|||
|
|
addressLine: form.addressLine.trim(),
|
|||
|
|
postalCode: nullable(form.postalCode),
|
|||
|
|
status: form.status,
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function savePartner() {
|
|||
|
|
const valid = await formRef.value?.validate().catch(() => false)
|
|||
|
|
if (!valid) return
|
|||
|
|
saving.value = true
|
|||
|
|
try {
|
|||
|
|
const payload = savePayload()
|
|||
|
|
if (form.id) {
|
|||
|
|
await updatePlatformPartner(fixedTenantId, form.id, payload)
|
|||
|
|
ElMessage.success('往来单位已更新')
|
|||
|
|
} else {
|
|||
|
|
await createPlatformPartner(fixedTenantId, payload)
|
|||
|
|
ElMessage.success('往来单位已新增')
|
|||
|
|
}
|
|||
|
|
editorOpen.value = false
|
|||
|
|
await loadPartners()
|
|||
|
|
} catch (error) {
|
|||
|
|
const details = getApiErrorDetails(error, '往来单位保存失败，请重试')
|
|||
|
|
ElMessage.error(details.requestId ? `${details.message}（requestId: ${details.requestId}）` : details.message)
|
|||
|
|
} finally {
|
|||
|
|
saving.value = false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async function toggleStatus(row: PlatformPartnerResource) {
|
|||
|
|
const nextStatus: PlatformPartnerStatus = row.status === 'ACTIVE' ? 'INACTIVE' : 'ACTIVE'
|
|||
|
|
const action = nextStatus === 'ACTIVE' ? '启用' : '停用'
|
|||
|
|
try {
|
|||
|
|
await ElMessageBox.confirm(
|
|||
|
|
`${action}后${nextStatus === 'ACTIVE' ? '可继续用于新业务' : '不再用于新业务，历史数据不受影响'}。`,
|
|||
|
|
`${action}“${row.partnerName}”`,
|
|||
|
|
{ type: nextStatus === 'ACTIVE' ? 'success' : 'warning', confirmButtonText: action, cancelButtonText: '取消' },
|
|||
|
|
)
|
|||
|
|
} catch {
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
const id = String(row.id)
|
|||
|
|
statusLoadingIds.value = new Set(statusLoadingIds.value).add(id)
|
|||
|
|
try {
|
|||
|
|
await changePlatformPartnerStatus(fixedTenantId, row.id, nextStatus)
|
|||
|
|
ElMessage.success(`往来单位已${action}`)
|
|||
|
|
await loadPartners()
|
|||
|
|
} catch (error) {
|
|||
|
|
const details = getApiErrorDetails(error, `往来单位${action}失败，请重试`)
|
|||
|
|
ElMessage.error(details.requestId ? `${details.message}（requestId: ${details.requestId}）` : details.message)
|
|||
|
|
} finally {
|
|||
|
|
const next = new Set(statusLoadingIds.value)
|
|||
|
|
next.delete(id)
|
|||
|
|
statusLoadingIds.value = next
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function formatUpdatedAt(value?: string | null) {
|
|||
|
|
return value ? value.replace('T', ' ').slice(0, 16) : '-'
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
watch([page, pageSize], () => { void loadPartners() })
|
|||
|
|
|
|||
|
|
onMounted(loadPartners)
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<div class="business-page partners-page">
|
|||
|
|
<QueryToolbar v-model="filters" class="surface-panel" ariaLabel="往来单位筛选" :fields="queryFields" @search="searchPartners">
|
|||
|
|
<template #actions>
|
|||
|
|
<el-button v-if="access.can('platform:counterparty:create')" class="create-partner-button" type="primary" :disabled="loading" @click="openCreate"><Plus :size="16" />新增往来单位</el-button>
|
|||
|
|
</template>
|
|||
|
|
</QueryToolbar>
|
|||
|
|
|
|||
|
|
<section v-if="loadError" class="surface-panel partners-error" role="alert">
|
|||
|
|
<div>
|
|||
|
|
<strong>往来单位列表暂时无法加载</strong>
|
|||
|
|
<p>{{ loadError.message }}</p>
|
|||
|
|
<ApiErrorMeta :details="loadError" />
|
|||
|
|
</div>
|
|||
|
|
<el-button type="primary" :loading="loading" @click="loadPartners">重新加载</el-button>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section v-else class="surface-panel table-panel" :aria-busy="loading">
|
|||
|
|
<DataTable
|
|||
|
|
v-model:page="page"
|
|||
|
|
v-model:page-size="pageSize"
|
|||
|
|
:data="rows"
|
|||
|
|
:columns="partnerColumns"
|
|||
|
|
:loading="loading"
|
|||
|
|
:total="total"
|
|||
|
|
:page-sizes="[20, 50, 100]"
|
|||
|
|
aria-label="往来单位列表"
|
|||
|
|
row-key="id"
|
|||
|
|
empty-text="暂无符合条件的往来单位"
|
|||
|
|
>
|
|||
|
|
<template #actions="{ row }">
|
|||
|
|
<div v-if="access.can('platform:counterparty:edit') || access.can('platform:counterparty:status')" class="table-actions">
|
|||
|
|
<el-button v-if="access.can('platform:counterparty:edit')" link type="primary" @click="openEdit(row as PlatformPartnerResource)"><Pencil :size="15" />编辑</el-button>
|
|||
|
|
<el-button v-if="access.can('platform:counterparty:status')" link :type="(row as PlatformPartnerResource).status === 'ACTIVE' ? 'danger' : 'success'" :loading="statusLoadingIds.has(String((row as PlatformPartnerResource).id))" @click="toggleStatus(row as PlatformPartnerResource)"><Power :size="15" />{{ (row as PlatformPartnerResource).status === 'ACTIVE' ? '停用' : '启用' }}</el-button>
|
|||
|
|
</div>
|
|||
|
|
<span v-else class="partner-subline">仅查看</span>
|
|||
|
|
</template>
|
|||
|
|
<template #partner="{ row }"><div class="partner-cell"><span><Building2 :size="18" /></span><div><strong>{{ (row as PlatformPartnerResource).partnerName }}</strong><small>{{ (row as PlatformPartnerResource).partnerCode }}</small></div></div></template>
|
|||
|
|
<template #type="{ row }"><el-tag effect="plain">{{ typeLabels[(row as PlatformPartnerResource).partnerType] }}</el-tag></template>
|
|||
|
|
<template #contact="{ row }"><strong>{{ (row as PlatformPartnerResource).contactName }}</strong><span class="partner-subline">{{ (row as PlatformPartnerResource).contactPhone }}</span><span v-if="(row as PlatformPartnerResource).contactEmail" class="partner-subline">{{ (row as PlatformPartnerResource).contactEmail }}</span></template>
|
|||
|
|
<template #address="{ row }"><div class="partner-address"><MapPin :size="15" /><span>{{ [(row as PlatformPartnerResource).province, (row as PlatformPartnerResource).city, (row as PlatformPartnerResource).district, (row as PlatformPartnerResource).addressLine].filter(Boolean).join(' ') }}</span></div></template>
|
|||
|
|
<template #status="{ row }"><el-tag :type="(row as PlatformPartnerResource).status === 'ACTIVE' ? 'success' : 'info'" effect="light">{{ (row as PlatformPartnerResource).status === 'ACTIVE' ? '启用' : '停用' }}</el-tag></template>
|
|||
|
|
<template #pagination-left>共 {{ total }} 个往来单位</template>
|
|||
|
|
</DataTable>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<el-drawer v-model="editorOpen" :title="editorLabel" size="680px" class="business-drawer editor-drawer" :close-on-click-modal="false">
|
|||
|
|
<el-form ref="formRef" :model="form" :rules="rules" label-position="top" class="drawer-form" :disabled="saving">
|
|||
|
|
<div class="form-section"><h3>单位信息</h3><div class="form-grid two-cols">
|
|||
|
|
<el-form-item label="单位编码" prop="partnerCode" required><el-input v-model="form.partnerCode" placeholder="如：CUS-001" maxlength="50" /></el-form-item>
|
|||
|
|
<el-form-item label="单位名称" prop="partnerName" required><el-input v-model="form.partnerName" placeholder="请输入工商登记或常用单位名称" maxlength="128" /></el-form-item>
|
|||
|
|
<el-form-item label="单位类型" prop="partnerType" required><el-select v-model="form.partnerType"><el-option label="客户" value="CUSTOMER" /><el-option label="供应商" value="SUPPLIER" /><el-option label="客户 / 供应商" value="BOTH" /></el-select></el-form-item>
|
|||
|
|
<el-form-item label="状态" prop="status" required><el-radio-group v-model="form.status"><el-radio-button value="ACTIVE">启用</el-radio-button><el-radio-button value="INACTIVE">停用</el-radio-button></el-radio-group></el-form-item>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="form-section"><h3>联系信息</h3><div class="form-grid two-cols">
|
|||
|
|
<el-form-item label="联系人" prop="contactName" required><el-input v-model="form.contactName" placeholder="请输入主要联系人姓名" maxlength="64" /></el-form-item>
|
|||
|
|
<el-form-item label="联系电话" prop="contactPhone" required><el-input v-model="form.contactPhone" placeholder="请输入手机号或固定电话" maxlength="32" /></el-form-item>
|
|||
|
|
<el-form-item label="联系邮箱" prop="contactEmail"><el-input v-model="form.contactEmail" placeholder="如：contact@example.com" maxlength="128" /></el-form-item>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="form-section"><h3>地址信息</h3><div class="form-grid two-cols">
|
|||
|
|
<el-form-item label="国家二字码" prop="countryCode" required><el-input v-model="form.countryCode" placeholder="如：CN" maxlength="2" @input="form.countryCode = String($event).toUpperCase()" /></el-form-item>
|
|||
|
|
<el-form-item label="省 / 州" prop="province"><el-input v-model="form.province" placeholder="如：广东省" maxlength="64" /></el-form-item>
|
|||
|
|
<el-form-item label="城市" prop="city" required><el-input v-model="form.city" placeholder="如：深圳市" maxlength="64" /></el-form-item>
|
|||
|
|
<el-form-item label="区 / 县" prop="district"><el-input v-model="form.district" placeholder="如：宝安区" maxlength="64" /></el-form-item>
|
|||
|
|
<el-form-item label="邮政编码" prop="postalCode"><el-input v-model="form.postalCode" placeholder="如：518000" maxlength="20" /></el-form-item>
|
|||
|
|
</div><el-form-item label="详细地址" prop="addressLine" required><el-input v-model="form.addressLine" type="textarea" :rows="3" placeholder="请输入街道、园区、楼栋及门牌信息" maxlength="255" show-word-limit /></el-form-item></div>
|
|||
|
|
</el-form>
|
|||
|
|
<template #footer><div class="drawer-footer"><el-button :disabled="saving" @click="editorOpen = false">取消</el-button><el-button type="primary" :loading="saving" @click="savePartner">保存往来单位</el-button></div></template>
|
|||
|
|
</el-drawer>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
.partners-error { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; border-color: #fecdca; background: #fffafa; }
|
|||
|
|
.partners-error strong { color: #7a271a; font-size: 13px; }
|
|||
|
|
.partners-error p { margin: 4px 0 0; color: #b54708; font-size: 12px; overflow-wrap: anywhere; }
|
|||
|
|
.partner-cell { display: flex; align-items: center; gap: 10px; }
|
|||
|
|
.partner-cell > span { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 7px; background: #eef3fa; color: var(--cc-primary); }
|
|||
|
|
.partner-cell > div { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
|
|||
|
|
.partner-cell strong { overflow-wrap: anywhere; }
|
|||
|
|
.partner-cell small, .partner-subline { display: block; color: var(--cc-muted); font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
|
|||
|
|
.partner-address { display: flex; align-items: flex-start; gap: 7px; line-height: 1.55; overflow-wrap: anywhere; }
|
|||
|
|
.partner-address svg { flex: 0 0 15px; margin-top: 3px; color: var(--cc-muted); }
|
|||
|
|
|
|||
|
|
@media (max-width: 720px) {
|
|||
|
|
.partners-page :deep(.query-toolbar__actions .create-partner-button) { grid-column: 1 / -1; width: 100%; }
|
|||
|
|
.partners-error { align-items: stretch; flex-direction: column; }
|
|||
|
|
.partners-error .el-button { min-height: 44px; }
|
|||
|
|
}
|
|||
|
|
</style>
|