企业-发票抬头管理新增信息

src/router/modules/components/recruit/enterprise.js

@@ -323,7 +323,7 @@ const enterprise = [
       {
         path: '/recruit/enterprise/invoiceManagement',
         meta: {
-          title: '发票管理',
+          title: '发票抬头管理',
           enName: 'Invoice Management '
         },
         component: () => import('@/views/recruit/enterprise/invoiceManagement/index.vue')

src/views/recruit/enterprise/invoiceManagement/index.vue

@@ -15,6 +15,41 @@
       @edit="handleEdit"
       @del="handleDelete"
     >
+      <template #code="{ item }">
+        <v-tooltip :text="item.code" location="top">
+          <template v-slot:activator="{ props }">
+            <div v-bind="props" class="mw ellipsis">{{ item.code }}</div>
+          </template>
+        </v-tooltip>
+      </template>
+      <template #email="{ item }">
+        <v-tooltip :text="item.email" location="top">
+          <template v-slot:activator="{ props }">
+            <div v-bind="props" class="mw ellipsis">{{ item.email }}</div>
+          </template>
+        </v-tooltip>
+      </template>
+      <template #enterpriseAddress="{ item }">
+        <v-tooltip :text="item.enterpriseAddress" location="top">
+          <template v-slot:activator="{ props }">
+            <div v-bind="props" class="mw ellipsis">{{ item.enterpriseAddress }}</div>
+          </template>
+        </v-tooltip>
+      </template>
+      <template #enterpriseBankTitle="{ item }">
+        <v-tooltip :text="item.enterpriseBankTitle" location="top">
+          <template v-slot:activator="{ props }">
+            <div v-bind="props" class="mw ellipsis">{{ item.enterpriseBankTitle }}</div>
+          </template>
+        </v-tooltip>
+      </template>
+      <template #enterpriseBankNo="{ item }">
+        <v-tooltip :text="item.enterpriseBankNo" location="top">
+          <template v-slot:activator="{ props }">
+            <div v-bind="props" class="mw ellipsis">{{ item.enterpriseBankNo }}</div>
+          </template>
+        </v-tooltip>
+      </template>
     </CtTable>
   </v-card>
 
@@ -41,6 +76,10 @@ const headers = [
   { title: '税号', key: 'code', sortable: false },
   { title: '联系邮箱', key: 'email', sortable: false },
   { title: '联系电话', key: 'phone', sortable: false },
+  { title: '单位电话', key: 'enterprisePhone', sortable: false },
+  { title: '单位地址', key: 'enterpriseAddress', sortable: false },
+  { title: '开户银行', key: 'enterpriseBankTitle', sortable: false },
+  { title: '银行账号', key: 'enterpriseBankNo', sortable: false },
   { title: '操作', key: 'actions', sortable: false }
 ]
 
@@ -51,6 +90,12 @@ const query = ref({
 const CtFormRef = ref()
 const show = ref(false)
 const editId = ref(null)
+
+// 抬头类型
+const handleChangeType = (e) => {
+  const code = formItems.value.options.find(item => item.key === 'code')
+  code.hide = e ? false : true
+}
 const formItems = ref({
   options: [
     {
@@ -62,7 +107,8 @@ const formItems = ref({
       items: [
         { label: '个人', value: 0 },
         { label: '企业', value: 1 }
-      ]
+      ],
+      change: handleChangeType
     },
     {
       type: 'text',
@@ -76,6 +122,7 @@ const formItems = ref({
       key: 'code',
       value: '',
       label: '税号 *',
+      hide: true,
       outlined: true,
       rules: [
         value => {
@@ -105,11 +152,39 @@ const formItems = ref({
       ]
     },
     {
-      type: 'number',
+      type: 'phoneNumber',
       key: 'phone',
       value: null,
       label: '联系电话',
       outlined: true
+    },
+    {
+      type: 'text',
+      key: 'enterpriseAddress',
+      value: null,
+      label: '单位地址',
+      outlined: true
+    },
+    {
+      type: 'phoneNumber',
+      key: 'enterprisePhone',
+      value: null,
+      label: '单位电话',
+      outlined: true
+    },
+    {
+      type: 'text',
+      key: 'enterpriseBankTitle',
+      value: null,
+      label: '开户银行',
+      outlined: true
+    },
+    {
+      type: 'number',
+      key: 'enterpriseBankNo',
+      value: null,
+      label: '银行账号',
+      outlined: true
     }
   ]
 })
@@ -130,8 +205,10 @@ const handleChangePage = (e) => {
 // 新增
 const handleAdd = () => {
   formItems.value.options.forEach(e => {
-    if (e.key === 'category') e.value = 0
-    else e.value = null
+    if (e.key === 'category') {
+      e.value = 0
+      e.change(e.value)
+    } else e.value = null
   })
   show.value = true
   editId.value = null
@@ -142,6 +219,7 @@ const handleEdit = (item) => {
   editId.value = item.id
   formItems.value.options.forEach(e => {
     e.value = item[e.key]
+    if (e?.change) e.change(item[e.key])
   })
   show.value = true
 }
@@ -182,5 +260,7 @@ const handleSubmit = async () => {
 </script>
 
 <style scoped lang="scss">
-
+.mw {
+  max-width: 80px;
+}
 </style>