20231124

src/api/index.ts

@@ -1,2 +1,4 @@
 export * from './module/login'
 export * from './module/user'
+export * from './module/company'
+

src/api/module/company.ts

@@ -0,0 +1,18 @@
+
+import $http from '@/utils/index'
+
+// 公司列表树
+export const companyDept = (params: any) => $http.get('/dept', params)
+
+
+// 公司列表树-添加
+export const postTree = (params: any) => $http.post('/dept', params)
+
+// 公司列表树-删除
+export const deleteTree = (params: any) => $http.delete('/dept', params)
+
+// 公司列表树-编辑
+export const putTree = (params: any) => $http.put('/dept', params)
+
+// 公司列表树-进入
+export const postEnter = (params: any) => $http.post('/dept/enter', params)

src/api/module/user.ts

@@ -11,4 +11,7 @@ export const sysNewuser = (params: any) => $http.post('/sys-user', params)
 export const sysDeluser = (params: any) => $http.delete('/sys-user', params)
 
 // 更新用户
-export const sysputuser = (params: any) => $http.put('/sys-user', params)
+export const sysputuser = (params: any) => $http.put('/sys-user', params)
+
+// 获取个人信息
+export const userInfo = (params: any) => $http.get('/user/info', params)

src/components/popover.vue

@@ -1,13 +1,13 @@
 <!--  -->
 <template>
     <div class="demo-ico__desc">
-        <div class="demo-ico__desc_item" @click="exitFun(3)">
+        <div class="demo-ico__desc_item" @click="exitFun(1)">
             <img src="@/assets/img/userInfo.gif" style="width: 30px;height: 30px;border-radius: 50%;cursor: pointer">
                     <p class="demo-ico__desc_item_p">{{data.username}}，你好</p>
         </div>
 
         <el-divider direction="vertical" />
-        <div class="demo-ico__desc_item demo-ico__desc_hover" @click="exitFun(3)">
+        <div class="demo-ico__desc_item demo-ico__desc_hover" @click="exitFun(2)">
             <el-icon size="16">
                 <Bell />
             </el-icon>

src/components/searchAdd.vue

@@ -24,6 +24,10 @@ const props = defineProps({
     type: String,
     default: () => '',
   },
+  labelWidth: {
+    type: String,
+    default: () => '100',
+  },
   inline: {
     type: Boolean,
     default: () => true,

src/components/statistics.vue

@@ -5,7 +5,7 @@
             <img :src="props.imgUrl" style="width: 60px;height: 60px;">
         </div>
         <div class="statistics-right">
-            <el-statistic :title="props.titles" :value="props.subhea" />
+            <el-statistic :title="props.titles" :value="Number(props.subhea)" />
         </div>
     </div>
 </template>

src/hooks/useTable.ts

@@ -39,7 +39,7 @@ export const useTable = (
       // 当前页数
       pageNum: 1,
       // 每页显示条数
-      pageSize: 5,
+      pageSize: 10,
       // 总条数
       total: 0,
       RemainingTime: 0,

src/plugins/setFun.ts

@@ -1,15 +1,22 @@
 import router from '@/router';
-import { ElMessageBox,ElMessage } from "element-plus";
+import { ElMessageBox,ElMessage,ElNotification } from "element-plus";
 /**
  * 
  * @param key 操作顶部头像按钮
  */
 export function exitFun (key:any) {
-    console.log('')
     switch (key) {
         case 1:
             break;
         case 2:
+            ElNotification({
+                title: '提示',
+                message: '哎呀，暂无新消息哦！',
+                type: 'info',
+                showClose: false,
+                duration: 2000,
+                offset: 80,
+            })
             break; 
         case 3:
             if (window.innerHeight === window.screen.height) {// 利用屏幕分辨率和window对象的内高度来判断兼容IE
@@ -19,22 +26,17 @@ export function exitFun (key:any) {
             }
             break;
         default:
-            ElMessageBox.confirm(
-                '登录账号操作，是否退出当前登录账号?',
-                '警告',
-                {
-                  confirmButtonText: '退出登录',
-                  cancelButtonText: '在想一想',
-                  type: 'warning',
-                  center: true,
-                }
-              ).then(() => {
-                sessionStorage.setItem('token','')
+            ElMessageBox.confirm('登录账号操作，是否退出当前登录账号?','警告',{
+                confirmButtonText: '退出登录',
+                cancelButtonText: '在想一想',
+                type: 'warning',
+                center: true,
+            }).then(() => {
+                sessionStorage.setItem('token','') 
                 router.replace('/')
-                })
-                .catch(() => {
-                    ElMessage.info('已取消退出')
-                })
+            }).catch(() => {
+                ElMessage.info('已取消退出')
+            })
             break;
     } 
 }

src/router/index.ts

@@ -45,6 +45,7 @@ router.beforeEach((to, from, next) => {
 	}
 	if(to.name=='login'){//直接进入了登录,清除token
 		sessionStorage.setItem('token','')
+		store.commit('setIsUserInfo', null) //存储用户个人信息
 	}
 })
 

src/store/index.ts

@@ -5,7 +5,7 @@ export default createStore({
   plugins: [
     createPersistedState({
       key: 'stort',
-      paths: ['routerTag','userInfo'] //, 'Tags'
+      paths: ['routerTag','userInfo','isuserInfo'] //, 'Tags'
     })
   ],
   state: {
@@ -14,12 +14,18 @@ export default createStore({
       path: '/home',
       name: 'home'
     }],
-    userInfo:null
+    userInfo:null,
+    isfirm:'',//当前公司
+    isuserInfo:null,//api获取的个人信息
   },
   getters: {
     routerTag:state=>state.routerTag,
   },
   mutations: {
+    //api获取的个人信息
+    setIsUserInfo: (state, data:any) => {
+			state.isuserInfo = data
+		},
     //登录存储账号密码
     setUserInfo: (state, data:any) => {
 			state.userInfo = data

src/utils/diffhost/hostData.ts

@@ -4,4 +4,4 @@
  * host2  8110端口
  * 文档host开头的地址需要加入
  */
-export const HostList = ['/login','/sys-user']
+export const HostList = ['/login','/sys-user','/user/info','/dept','/dept/enter']

src/views/company/index.vue

@@ -1,26 +1,26 @@
 <!--  -->
 <template>
     <div class="company">
-        <searchAdd isButtom="查询">
+        <searchAdd isButtom="查询" @event="getDeptApi">
             <template #searchConter>
                 <el-form-item label="公司名称">
-                    <el-input v-model="datas.input" placeholder="请输入公司名称" clearable />
+                    <el-input v-model="datas.search" placeholder="请输入公司名称" clearable style="width: 200px;"/>
                 </el-form-item>
             </template>
         </searchAdd>
         <bg istitle="公司列表">
-            <template #btn>
+            <template #btn v-if="store.state.isuserInfo&&store.state.isuserInfo.deptId==0">
                 <el-form :inline="true" class="demo-form-inline">
                     <el-form-item label="添加一级目录">
-                        <el-input v-model="datas.input" placeholder="请输入添加一级目录" clearable />
+                        <el-input v-model="datas.params.deptName" placeholder="请输入添加一级目录" clearable style="width: 150px;" />
                     </el-form-item>
                     <el-form-item style="margin-right: 20px;">
-                        <el-button type="primary">添加</el-button>
+                        <el-button type="primary" @click="firstOrder">添加</el-button>
                     </el-form-item>
                 </el-form>
             </template>
             <template #bg>
-                <el-tree :data="data" :props="defaultProps" accordion draggable>
+                <el-tree :data="datas.dataTree" :props="defaultProps">
                     <template #default="{ node, data }">
                         <span class="custom-tree-node">
                             <span>
@@ -34,7 +34,7 @@
                                 <el-button @click.stop="addFun(node, data)" type="primary">新增子级</el-button>
                                 <el-button @click.stop="editFun(node, data)" style="margin-left: 20px;"
                                     type="success">编辑</el-button>
-                                <el-button @click.stop="addFun(node, data)" style="margin-left: 20px;"
+                                <el-button @click.stop="EnterFun(node, data)" style="margin-left: 20px;"
                                     type="warning">进入</el-button>
                                 <el-button @click.stop="delFun(node, data)" style="margin-left: 20px;"
                                     type="danger">删除</el-button>
@@ -49,51 +49,91 @@
   
 <script setup lang="ts">
 import bg from '@/components/bg.vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage, ElMessageBox, ElNotification } from 'element-plus'
 import searchAdd from "@/components/searchAdd.vue";
 import { reactive } from "vue";
+import { companyDept, postTree,deleteTree,putTree,postEnter } from "@/api";
+import router from '@/router';
+import { useStore } from "vuex";
+const store = useStore()
 const datas = reactive({
-    input: ''
+    search: '',//搜索
+    params: {//添加目录参数
+        deptName: '',
+        parentId: 0,
+    },
+    dataTree: []
 })
-/**
- * 
- * @param val 子传值
- */
-const eventFn = (val: any) => {
-    console.log('/', val);
+const defaultProps = {
+    children: 'children',
+    label: 'deptName',
+}
+// 公司列表
+const getDeptApi = async () => {
+    const result:any = await companyDept({ deptName: datas.search })
+    if (result.code == 200) datas.dataTree = result.data
+}
+getDeptApi()
+
+
+
+//添加一级目录
+const firstOrder = async () => {
+    if (!datas.params.deptName) {
+        ElNotification({
+            title: '格式错误',
+            message: '哎呀，目录名称输入好像不正确哦',
+            type: 'error',
+        })
+        return
+    }
+    datas.params.parentId = 0
+    posTreeApi()
+}
+//添加目录Api
+const posTreeApi = async () => {
+    const result:any = await postTree(datas.params)
+    if (result.code == 200 && result.msg == '创建成功') getDeptApi()
 }
 /**
  * 新增字节
  */
 const addFun = (node: any, data: any) => {
-    ElMessageBox.prompt('请输入正确子目录名称', '提示', {
+    ElMessageBox.prompt('请输入目录名称', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         inputPattern: /\S/,
-        inputErrorMessage: '子目录不允许为空',
+        inputErrorMessage: '目录不允许为空',
         draggable: true,
-        inputValue: data ? data.label : ''
     }).then(({ value }) => {
-        ElMessage.success(value)
+        datas.params.parentId = data.id
+        datas.params.deptName = value
+        posTreeApi()
     }).catch(() => {
-        ElMessage.info('取消新增子目录')
+        ElMessage.info('取消新增目录')
     })
 }
 /**
- * 新增字节
+ * 编辑字节
  */
 const editFun = (node: any, data: any) => {
-    ElMessageBox.prompt('请输入正确子目录名称', '提示', {
+    ElMessageBox.prompt('请输入目录名称', '提示', {
         draggable: true,
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         inputPattern: /\S/,
-        inputErrorMessage: '子目录不允许为空',
-        inputValue: data.label
-    }).then(({ value }) => {
-        ElMessage.success(value)
+        inputErrorMessage: '目录不允许为空',
+        inputValue: data.deptName ? data.deptName : ''
+    }).then(async ({ value }) => {
+        const params = {
+            id: data.id,
+            deptName:value
+        }
+        const result:any = await putTree(params)
+        console.log('编辑成功',result)
+        if (result.code == 200 && result.msg == '更新成功') getDeptApi()
     }).catch(() => {
-        ElMessage.info('取消新增子目录')
+        ElMessage.info('取消编辑目录')
     })
 }
 /**
@@ -106,77 +146,25 @@ const delFun = (node: any, data: any) => {
         draggable: true,
         type: 'warning',
         center: true,
-    }).then(() => {
-        ElMessage.success('删除成功')
+    }).then(async () => {
+        const result:any = await deleteTree({id:data.id})
+        if (result.code == 200 && result.msg == '删除成功') getDeptApi()
     }).catch(() => {
         ElMessage.info('取消删除')
     })
 }
-interface Tree {
-    label: string
-    children?: Tree[]
-}
-const defaultProps = {
-    children: 'children',
-    label: 'label',
+
+/**
+ * 进入公司
+ * @param node 
+ * @param data 当前行数据
+ */
+const EnterFun = (node: any, data: any) => {
+    postEnter({id:data.id})
+    router.push('/home')
 }
-const data: Tree[] = [
-    {
-        label: '公司名称 one 1',
-        children: [
-            {
-                label: '公司名称 two 1-1',
-                children: [
-                    {
-                        label: '公司名称 three 1-1-1',
-                    },
-                ],
-            },
-        ],
-    },
-    {
-        label: '公司名称 one 2',
-        children: [
-            {
-                label: '公司名称 two 2-1',
-                children: [
-                    {
-                        label: '公司名称 three 2-1-1',
-                    },
-                ],
-            },
-            {
-                label: '公司名称 two 2-2',
-                children: [
-                    {
-                        label: '公司名称 three 2-2-1',
-                    },
-                ],
-            },
-        ],
-    },
-    {
-        label: '公司名称 one 3',
-        children: [
-            {
-                label: '公司名称 two 3-1',
-                children: [
-                    {
-                        label: '公司名称 three 3-1-1',
-                    },
-                ],
-            },
-            {
-                label: '公司名称 two 3-2',
-                children: [
-                    {
-                        label: '公司名称 three 3-2-1',
-                    },
-                ],
-            },
-        ],
-    },
-]
+
+
 
 </script>
 <style lang="scss">

src/views/home/index.vue

@@ -37,14 +37,15 @@
 </template>
 
 <script setup lang="ts">
-import { reactive, provide, ref } from "vue";
+import { reactive, provide, onMounted } from "vue";
 import echartbar from '@/components/echart/echart-bar.vue'
 import echartbarlR from '@/components/echart/echart-bar-LR.vue'
 import echartline from '@/components/echart/echart-line.vue'
 import bgPure from '@/components/bgPure.vue'
 import cards from '@/components/card.vue'
 import statistics from '@/components/statistics.vue'
-
+import { userInfo } from "@/api";
+import { useStore } from "vuex";
 import * as echarts from 'echarts'
 provide('echart', echarts)
 const data = reactive({
@@ -56,8 +57,17 @@ const data = reactive({
     { label: "剂型", name: "fourth" },
     { label: "单位", name: "fourth1" },
   ]
-
 })
+const store = useStore()
+//获取用户信息
+const getuserInfoApi = async ()=>{
+  const result:any = await userInfo({})
+  if(result.code==200)store.commit('setIsUserInfo', result.data) //存储用户个人信息
+} 
+onMounted(()=>{
+  getuserInfoApi()
+})
+
 </script>
 <style lang="scss">
 .home {

src/views/layout/index.vue

@@ -13,7 +13,8 @@
                     </template>
                 </tag> -->
                 <breadcrumb></breadcrumb>
-                <router-view style="flex: 1;overflow-y: auto;" data-aos="fade-left" data-aos-easing="linear" data-aos-duration="0"></router-view>
+                <router-view style="flex: 1;overflow-y: auto;" data-aos="fade-left" data-aos-easing="linear"
+                    data-aos-duration="0"></router-view>
             </div>
 
         </div>
@@ -27,8 +28,6 @@ import routerMenu from "@/components/routerMenu.vue";
 import tag from "@/components/tag.vue";
 import breadcrumb from "@/components/breadcrumb.vue";
 
-
-
 </script>
 <style lang="scss">
 .layout {
@@ -37,7 +36,8 @@ import breadcrumb from "@/components/breadcrumb.vue";
     display: flex;
     flex-direction: column;
     background: #f6f8fa;
-    .menus{
+
+    .menus {
         z-index: 999;
     }
 
@@ -45,15 +45,17 @@ import breadcrumb from "@/components/breadcrumb.vue";
         flex: 1;
         overflow-y: auto;
         display: flex;
-        &-Menu{
+
+        &-Menu {
             flex-shrink: 0;
             background: #fefefe;
             border-radius: 0 0 100px 0;
             overflow-y: hidden;
         }
-        &-views{
+
+        &-views {
             flex: 1;
-            padding:var(--y-padding);
+            padding: var(--y-padding);
             overflow-x: hidden;
         }
     }

src/views/storageInquire/index.vue

@@ -1,25 +1,27 @@
 <!--  -->
 <template>
     <div class="storageInquire">
-        <searchAdd isButtom="查询" :inline="true">
+        <searchAdd isButtom="查询" :inline="true" :labelWidth="labelWidth">
             <template #searchConter>
-                <el-form-item label="疫苗名称">
-                    <el-input v-model="formInline.user" placeholder="疫苗名称" clearable />
+                <el-form-item label="疫苗名称" :label-width="labelWidth">
+                    <el-input v-model="formInline.user" placeholder="疫苗名称" clearable style="width: 150px;" />
                 </el-form-item>
-                <el-form-item label="生产企业">
-                    <el-radio-group v-model="formInline.region">
-                        <el-radio label="Sponsor" />
-                        <el-radio label="Venue" />
-                    </el-radio-group>
+                <el-form-item label="生产企业" :label-width="labelWidth">
+                    <el-select v-model="formInline.region" placeholder="Activity zone" style="width: 150px;">
+                        <el-option label="Zone one" value="shanghai" />
+                        <el-option label="Zone two" value="beijing" />
+                    </el-select>
                 </el-form-item>
-                <el-form-item label="疫苗批号">
-                    <el-input v-model="formInline.user" placeholder="疫苗批号" clearable />
+                <el-form-item label="疫苗批号" :label-width="labelWidth">
+                    <el-input v-model="formInline.user" placeholder="疫苗批号" clearable style="width: 150px;" />
                 </el-form-item>
-                <el-form-item label="疫苗效期">
-                    <el-date-picker v-model="formInline.date" type="date" placeholder="疫苗效期" clearable />
+                <el-form-item label="疫苗效期" :label-width="labelWidth">
+                    <el-date-picker v-model="formInline.date" type="date" placeholder="疫苗效期" clearable
+                        style="width: 150px;" />
                 </el-form-item>
-                <el-form-item label="出/入库日期">
-                    <el-date-picker v-model="formInline.date" type="date" placeholder="出/入库日期" clearable />
+                <el-form-item label="出/入库日期" :label-width="labelWidth">
+                    <el-date-picker v-model="formInline.date" type="date" placeholder="出/入库日期" clearable
+                        style="width: 150px;" />
                 </el-form-item>
             </template>
         </searchAdd>
@@ -49,12 +51,13 @@ import { CompanyTree } from "@/api/index";
 import tables from "@/components/table.vue";
 import bg from '@/components/bg.vue'
 import { Download, Tickets } from '@element-plus/icons-vue'
-import { reactive } from "vue";
+import { reactive, ref } from "vue";
 const formInline = reactive({
     user: '',
     region: '',
     date: '',
 })
+const labelWidth = ref('90px')
 // 渲染表格
 const columns: any = [
     { type: 'index', label: '编号', width: 80, },

src/views/storagePut/index.vue

@@ -4,29 +4,29 @@
         <searchAdd isButtom="查询">
             <template #searchConter>
                 <el-form-item label="疫苗批号">
-                    <el-input v-model="formInline.user" placeholder="疫苗批号" clearable />
+                    <el-input v-model="formInline.user" placeholder="疫苗批号" clearable  style="width: 150px;"/>
                 </el-form-item>
                 <el-form-item label="疫苗名称">
-                    <el-select v-model="formInline.region" placeholder="生产企业" clearable>
+                    <el-select v-model="formInline.region" placeholder="生产企业" clearable style="width: 150px;">
                         <el-option label="Zone one" value="shanghai" />
                         <el-option label="Zone two" value="beijing" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="生产企业">
-                    <el-select v-model="formInline.region" placeholder="生产企业" clearable>
+                    <el-select v-model="formInline.region" placeholder="生产企业" clearable style="width: 150px;">
                         <el-option label="Zone one" value="shanghai" />
                         <el-option label="Zone two" value="beijing" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="疫苗效期">
-                    <el-date-picker v-model="formInline.date" type="date" placeholder="出/入库日期" clearable />
+                    <el-date-picker v-model="formInline.date" type="date" placeholder="出/入库日期" clearable style="width: 150px;" />
                 </el-form-item>
             </template>
         </searchAdd>
         <bg istitle="基本信息">
             <template #btn>
                 <scanCode style="margin-right: 20px;"></scanCode>
-                <Labour></Labour>
+                <!-- <Labour></Labour> -->
             </template>
             <template #bg>
                 <tables ref="TableRef" :requestApi="userList" :columns="columns" :initParam="data.initParam">

src/views/storagePut/scanCode.vue

@@ -1,8 +1,9 @@
 <!-- 扫码 -->
 <template>
     <div class="">
-        <el-button el-button type="primary" icon="Camera" @click="dialogFormVisible = true">扫码</el-button>
-        <el-dialog v-model="dialogFormVisible" title="扫码添加" :append-to-body="true" draggable width="60%">
+        <el-button el-button type="primary" icon="Camera" @click="dialogFormVisible = true">入库</el-button>
+        <el-dialog v-model="dialogFormVisible" title="入库" :append-to-body="true" :before-close="closeFun" draggable
+            :close-on-click-modal="false" :close-on-press-escape="false" width="60%">
             <el-divider content-position="center">药品信息</el-divider>
             <el-form :model="form" :inline="true">
                 <el-form-item label="疫苗名称" :label-width="formLabelWidth">
@@ -78,15 +79,42 @@
                     </el-select>
                 </el-form-item>
             </el-form>
-
             <template #footer>
                 <span class="dialog-footer">
-                    <el-button @click="dialogFormVisible = false">Cancel</el-button>
-                    <el-button type="primary" @click="dialogFormVisible = false">
-                        Confirm
-                    </el-button>
+                    <el-button>加入缓存</el-button>
+                    <el-button type="primary" @click="innerVisible = true">查看缓存</el-button>
                 </span>
             </template>
+            <el-dialog v-model="innerVisible" title="入库数据" width="95%" append-to-body draggable :close-on-click-modal="false" :close-on-press-escape="false">
+                <el-table :data="tableData" style="width: 100%" border max-height="450"   :header-cell-style="{'background-color':'#ccc','color': 'white'}">
+                    <el-table-column fixed prop="date" label="疫苗名称" width="150" />
+                    <el-table-column prop="name" label="生产企业" width="120" />
+                    <el-table-column prop="state" label="批准文号" width="120" />
+                    <el-table-column prop="city" label="批签发合格编号" width="140" />
+                    <el-table-column prop="address" label="规格（剂/支或粒）" width="150" />
+                    <el-table-column prop="zip" label="生产日期" width="120" />
+                    <el-table-column prop="tag" label="疫苗批号" width="120" />
+                    <el-table-column prop="zip" label="疫苗效期" width="120" />
+                    <el-table-column prop="num" label="数量" width="70" />
+                    <el-table-column prop="danwei" label="单位" width="70" />
+                    <el-table-column prop="leixing" label="剂型" width="120" />
+                    <el-table-column prop="names" label="领苗人" width="80" />
+                    <el-table-column prop="fahuo" label="发货单位" width="120" />
+                    <el-table-column prop="zip" label="入库日期" width="120" />
+                    <el-table-column fixed="right" label="操作" min-width="110">
+                        <template #default="scope">
+                            <el-button type="primary" :icon="Edit" @click="handleClick(scope.row,index)" circle />
+                            <el-button type="danger" :icon="Delete" @click="delClick(scope.row,index)" circle />
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <template #footer>
+                    <span class="dialog-footer">
+                        <el-button @click="innerVisible = false">关闭</el-button>
+                        <el-button type="primary" @click="innerVisible = true">立即入库</el-button>
+                    </span>
+                </template>
+            </el-dialog>
         </el-dialog>
     </div>
 </template>
@@ -94,6 +122,9 @@
 <script setup lang="ts">
 import { reactive, ref } from 'vue'
 const dialogFormVisible = ref(false)
+const innerVisible = ref(false)
+import { ElMessage, ElMessageBox } from 'element-plus'
+import {Delete,Edit,} from '@element-plus/icons-vue'
 const formLabelWidth = '110px'
 const form = reactive({
     name: '',
@@ -105,9 +136,172 @@ const form = reactive({
     resource: '',
     desc: '',
 })
+//函数
+const closeFun = async () => {
+    ElMessageBox.confirm('请检查录入数据是否已经提交，该操作将放弃录入信息，是否放弃?', '提示', {
+        confirmButtonText: '立即去入库',
+        cancelButtonText: '放弃数据',
+        type: 'warning',
+        draggable: true,
+        center: true,
+    }).then(() => {
+        innerVisible.value = true
+    }).catch(() => {
+        dialogFormVisible.value = false
+        ElMessage.success('放弃')
+    })
+}
+
+
+const handleClick = (data:any) => {
+  console.log('click',data)
+}
+const delClick = (data:any,index:any) => {
+  console.log('click',data,index)
+  window.print()
+}
+
+const tableData = [
+  {
+    date: '马蜂二联疫苗',
+    name: '成都生物',
+    state: 'S19980016',
+    city: 'LRA20190005',
+    address: '0.25mg',
+    zip: '2022-11-22',
+    tag: '20141a072',
+    num:'870',
+    danwei:'支',
+    leixing:'注射剂',
+    names:'张xx',
+    fahuo:'疾控中心',
+  },
+  {
+    date: '马蜂二联疫苗',
+    name: '成都生物',
+    state: 'S19980016',
+    city: 'LRA20190005',
+    address: '0.25mg',
+    zip: '2022-11-22',
+    tag: '20141a072',
+    num:'870',
+    danwei:'支',
+    leixing:'注射剂',
+    names:'张xx',
+    fahuo:'疾控中心',
+  },{
+    date: '马蜂二联疫苗',
+    name: '成都生物',
+    state: 'S19980016',
+    city: 'LRA20190005',
+    address: '0.25mg',
+    zip: '2022-11-22',
+    tag: '20141a072',
+    num:'870',
+    danwei:'支',
+    leixing:'注射剂',
+    names:'张xx',
+    fahuo:'疾控中心',
+  },
+  {
+    date: '马蜂二联疫苗',
+    name: '成都生物',
+    state: 'S19980016',
+    city: 'LRA20190005',
+    address: '0.25mg',
+    zip: '2022-11-22',
+    tag: '20141a072',
+    num:'870',
+    danwei:'支',
+    leixing:'注射剂',
+    names:'张xx',
+    fahuo:'疾控中心',
+  },{
+    date: '马蜂二联疫苗',
+    name: '成都生物',
+    state: 'S19980016',
+    city: 'LRA20190005',
+    address: '0.25mg',
+    zip: '2022-11-22',
+    tag: '20141a072',
+    num:'870',
+    danwei:'支',
+    leixing:'注射剂',
+    names:'张xx',
+    fahuo:'疾控中心',
+  },
+  {
+    date: '马蜂二联疫苗',
+    name: '成都生物',
+    state: 'S19980016',
+    city: 'LRA20190005',
+    address: '0.25mg',
+    zip: '2022-11-22',
+    tag: '20141a072',
+    num:'870',
+    danwei:'支',
+    leixing:'注射剂',
+    names:'张xx',
+    fahuo:'疾控中心',
+  },{
+    date: '马蜂二联疫苗',
+    name: '成都生物',
+    state: 'S19980016',
+    city: 'LRA20190005',
+    address: '0.25mg',
+    zip: '2022-11-22',
+    tag: '20141a072',
+    num:'870',
+    danwei:'支',
+    leixing:'注射剂',
+    names:'张xx',
+    fahuo:'疾控中心',
+  },
+  {
+    date: '马蜂二联疫苗',
+    name: '成都生物',
+    state: 'S19980016',
+    city: 'LRA20190005',
+    address: '0.25mg',
+    zip: '2022-11-22',
+    tag: '20141a072',
+    num:'870',
+    danwei:'支',
+    leixing:'注射剂',
+    names:'张xx',
+    fahuo:'疾控中心',
+  },{
+    date: '马蜂二联疫苗',
+    name: '成都生物',
+    state: 'S19980016',
+    city: 'LRA20190005',
+    address: '0.25mg',
+    zip: '2022-11-22',
+    tag: '20141a072',
+    num:'870',
+    danwei:'支',
+    leixing:'注射剂',
+    names:'张xx',
+    fahuo:'疾控中心',
+  },
+  {
+    date: '马蜂二联疫苗',
+    name: '成都生物',
+    state: 'S19980016',
+    city: 'LRA20190005',
+    address: '0.25mg',
+    zip: '2022-11-22',
+    tag: '20141a072',
+    num:'870',
+    danwei:'支',
+    leixing:'注射剂',
+    names:'张xx',
+    fahuo:'疾控中心',
+  },
+]
 </script>
 <style lang="scss">
 .inputWidth {
     width: 200px;
 }
-</style>Labour
+</style>