yunzerwebsite/yunzerwebsiteallinone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

做字典管理

Browse Source
This commit is contained in:
hero920103
2026-09-28 23:16:26 +08:00
parent 7c75edcc61
commit c49e8d0d3f
59 changed files with 5005 additions and 4673 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/src/views/apps/erp/supplier/index.vue
+20 -172
View File
@@ -25,26 +25,17 @@
</el-form-item>
<el-form-item label="供应商类型">
<el-select v-model="filters.supplier_type" clearable placeholder="全部" style="width: 140px">
<el-option label="原材料供应商" value="1" />
<el-option label="设备供应商" value="2" />
<el-option label="服务供应商" value="3" />
<el-option label="其他" value="4" />
<el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="供应商等级">
<el-select v-model="filters.supplier_level" clearable placeholder="全部" style="width: 130px">
<el-option label="核心供应商" value="1" />
<el-option label="重要供应商" value="2" />
<el-option label="普通供应商" value="3" />
<el-option label="潜在供应商" value="4" />
<el-option v-for="item in levelOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="filters.status" clearable placeholder="全部" style="width: 110px">
<el-option label="正常" value="1" />
<el-option label="禁用" value="0" />
<el-option label="冻结" value="2" />
<el-option label="已注销" value="3" />
<el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="数据状态">
@@ -134,65 +125,12 @@
@success="fetchList"
/>
<!-- 详情抽屉 -->
<el-drawer
v-model="detailVisible"
:title="detailData?.supplier_name || '供应商详情'"
direction="rtl"
size="560px"
>
<div v-if="detailData" class="detail-content">
<div class="detail-actions">
<el-button type="success" size="small" @click="handleConvertCustomer(detailData)">转为客户</el-button>
<span class="detail-actions-tip">同一家单位可能既是供应商又是客户，转化后原供应商记录保留</span>
</div>
<el-descriptions title="基本信息" :column="2" border size="small" label-width="120px">
<el-descriptions-item label="供应商名称" :span="2">{{ detailData.supplier_name }}</el-descriptions-item>
<el-descriptions-item label="供应商类型">{{ supplierTypeText(detailData.supplier_type) }}</el-descriptions-item>
<el-descriptions-item label="供应商等级">{{ supplierLevelText(detailData.supplier_level) }}</el-descriptions-item>
<el-descriptions-item label="所属行业">{{ detailData.industry || '-' }}</el-descriptions-item>
<el-descriptions-item label="状态">
<el-tag :type="statusTag(detailData.status)" size="small">{{ statusText(detailData.status) }}</el-tag>
</el-descriptions-item>
<el-descriptions-item label="注册资本">{{ detailData.registered_capital ? detailData.registered_capital + ' 万元' : '-' }}</el-descriptions-item>
<el-descriptions-item label="实缴资本">{{ detailData.paid_capital ? detailData.paid_capital + ' 万元' : '-' }}</el-descriptions-item>
<el-descriptions-item label="成立日期">{{ formatDate(detailData.establish_date) }}</el-descriptions-item>
<el-descriptions-item label="行政区划">{{ detailData.administrative_division || '-' }}</el-descriptions-item>
<el-descriptions-item label="企业类型">{{ detailData.enterprise_type || '-' }}</el-descriptions-item>
<el-descriptions-item label="纳税人资质">{{ detailData.taxpayer_qualification || '-' }}</el-descriptions-item>
<el-descriptions-item label="经营范围" :span="2">{{ detailData.business_scope || '-' }}</el-descriptions-item>
<el-descriptions-item label="更新时间" :span="2">{{ formatDateTime(detailData.update_time) }}</el-descriptions-item>
</el-descriptions>
<SupplierDetail
v-model:visible="detailVisible"
:data="detailData"
@convert="handleConvertCustomer"
/>
<el-descriptions title="联系信息" :column="2" border size="small" label-width="120px" style="margin-top: 20px">
<el-descriptions-item label="联系人">{{ detailData.contact_person || '-' }}</el-descriptions-item>
<el-descriptions-item label="联系电话">{{ detailData.contact_phone || '-' }}</el-descriptions-item>
<el-descriptions-item label="联系邮箱" :span="2">{{ detailData.contact_email || '-' }}</el-descriptions-item>
<el-descriptions-item label="供应商地址" :span="2">{{ detailData.address || '-' }}</el-descriptions-item>
</el-descriptions>
<el-descriptions :column="2" border size="small" label-width="120px" style="margin-top: 20px">
<template #title>
<div class="desc-title-row">
<span>开票信息</span>
<el-button link type="primary" size="small" @click="copyInvoiceInfo">一键复制</el-button>
</div>
</template>
<el-descriptions-item label="发票抬头" :span="2">{{ detailData.invoice_title || '-' }}</el-descriptions-item>
<el-descriptions-item label="纳税人识别号">{{ detailData.tax_number || '-' }}</el-descriptions-item>
<el-descriptions-item label="注册电话">{{ detailData.registered_phone || '-' }}</el-descriptions-item>
<el-descriptions-item label="注册地址" :span="2">{{ detailData.registered_address || '-' }}</el-descriptions-item>
<el-descriptions-item label="开户行名称">{{ detailData.bank_name || '-' }}</el-descriptions-item>
<el-descriptions-item label="开户行账号">{{ detailData.bank_account || '-' }}</el-descriptions-item>
</el-descriptions>
<el-descriptions title="备注信息" :column="1" border size="small" label-width="120px" style="margin-top: 20px">
<el-descriptions-item label="备注">{{ detailData.remark || '-' }}</el-descriptions-item>
</el-descriptions>
</div>
</el-drawer>
<!-- 通讯录 -->
<ContactBook
v-model:visible="contactBookVisible"
:company-type="'supplier'"
@@ -209,13 +147,24 @@
</template>
<script setup>
import { ref, reactive, onMounted } from 'vue'
import { computed, ref, reactive, onMounted } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { Plus, Search, Refresh, Cpu } from '@element-plus/icons-vue'
import { getSupplierList, deleteSupplier, toggleSupplierStatus, convertSupplierToCustomer } from '@/api/supplier'
import SupplierEdit from './components/edit.vue'
import SupplierDetail from './components/detail.vue'
import ContactBook from '../components/contactBook.vue'
import SmartAddCompany from '../components/smartAddCompany.vue'
import { useSupplierDict, formatDateTime } from './dict'
import { useDictStore } from '@/stores/dict'
// 类型/等级/状态的文案与标签色统一取自数据字典
const { supplierTypeText, supplierTypeTag, supplierLevelText, supplierLevelTag, statusText, statusTag } = useSupplierDict()
const dictStore = useDictStore()
const typeOptions = computed(() => dictStore.getSelectOptions('erp_supplier_type'))
const levelOptions = computed(() => dictStore.getSelectOptions('common_object_level'))
const statusOptions = computed(() => dictStore.getSelectOptions('common_status'))
const loading = ref(false)
const tableData = ref([])
@@ -299,58 +248,6 @@ function openContactBook(row) {
contactBookVisible.value = true
}
function formatDate(val) {
if (!val) return '-'
const d = new Date(val)
if (isNaN(d.getTime())) return '-'
return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0')
}
function formatDateTime(val) {
if (!val) return '-'
const d = new Date(val)
return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0') + ' ' + String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0')
}
function copyInvoiceInfo() {
const d = detailData.value
if (!d) return
const lines = [
`发票抬头：${d.invoice_title || ''}`,
`纳税人识别号：${d.tax_number || ''}`,
`注册地址：${d.registered_address || ''}`,
`注册电话：${d.registered_phone || ''}`,
`开户行名称：${d.bank_name || ''}`,
`开户行账号：${d.bank_account || ''}`
]
const text = lines.join('\n')
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text).then(() => {
ElMessage.success('开票信息已复制到剪贴板')
}).catch(() => {
fallbackCopy(text)
})
} else {
fallbackCopy(text)
}
}
function fallbackCopy(text) {
const ta = document.createElement('textarea')
ta.value = text
ta.style.position = 'fixed'
ta.style.opacity = '0'
document.body.appendChild(ta)
ta.select()
try {
document.execCommand('copy')
ElMessage.success('开票信息已复制到剪贴板')
} catch {
ElMessage.error('复制失败，请手动复制')
}
document.body.removeChild(ta)
}
async function handleToggleStatus(row) {
const newStatus = row.status === '1' ? '0' : '1'
const action = newStatus === '1' ? '启用' : '禁用'
@@ -411,36 +308,6 @@ async function handleConvertCustomer(row) {
ElMessage.error(e.message || '转化失败')
}
}
function supplierTypeText(type) {
const map = { '1': '原材料供应商', '2': '设备供应商', '3': '服务供应商', '4': '其他' }
return map[type] || type
}
function supplierTypeTag(type) {
const map = { '1': 'primary', '2': 'warning', '3': 'success', '4': 'info' }
return map[type] || 'info'
}
function supplierLevelText(level) {
const map = { '1': '核心供应商', '2': '重要供应商', '3': '普通供应商', '4': '潜在供应商' }
return map[level] || level
}
function supplierLevelTag(level) {
const map = { '1': 'danger', '2': 'warning', '3': 'info', '4': '' }
return map[level] || ''
}
function statusText(status) {
const map = { '0': '禁用', '1': '正常', '2': '冻结', '3': '已注销' }
return map[status] || status
}
function statusTag(status) {
const map = { '0': 'info', '1': 'success', '2': 'warning', '3': 'danger' }
return map[status] || 'info'
}
</script>
<style lang="less" scoped>
@@ -502,28 +369,9 @@ function statusTag(status) {
}
}
.desc-title-row {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.pagination {
margin-top: 16px;
display: flex;
justify-content: flex-end;
}
.detail-actions {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
}
.detail-actions-tip {
font-size: 12px;
color: var(--el-text-color-secondary);
}
</style>