From 10bb9cbc375adac6730a9574c9f772675e81ad0c Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Sat, 21 Sep 2024 15:39:45 +0800
Subject: [PATCH] =?UTF-8?q?feat=20:=20=E7=A0=94=E5=8F=91=E6=8A=95=E5=85=A5?=
 =?UTF-8?q?=E8=B5=84=E9=87=91=E5=92=8C=E6=96=87=E7=AB=A0=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/svg/home1.svg               |   6 -
 src/assets/svg/home2.svg               |   6 -
 src/assets/svg/home3.svg               |   6 -
 src/assets/svg/home4.svg               |   6 -
 src/assets/svg/research_fund.svg       |   1 +
 src/views/article-management/index.vue | 235 +++++++++++++++++++++++++
 src/views/research-fund/index.vue      | 197 +++++++++++++++++++++
 7 files changed, 433 insertions(+), 24 deletions(-)
 delete mode 100644 src/assets/svg/home1.svg
 delete mode 100644 src/assets/svg/home2.svg
 delete mode 100644 src/assets/svg/home3.svg
 delete mode 100644 src/assets/svg/home4.svg
 create mode 100644 src/assets/svg/research_fund.svg
 create mode 100644 src/views/article-management/index.vue
 create mode 100644 src/views/research-fund/index.vue

diff --git a/src/assets/svg/home1.svg b/src/assets/svg/home1.svg
deleted file mode 100644
index 0a99452..0000000
--- a/src/assets/svg/home1.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="71" height="68" viewBox="0 0 71 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 229">
-<ellipse id="Ellipse 12" cx="35.3747" cy="33.663" rx="35.3747" ry="33.663" fill="#87C3ED"/>
-<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M23.3174 21.8325C23.3174 20.7279 24.2128 19.8325 25.3174 19.8325H28.485V23.3688C28.485 23.9211 28.9327 24.3688 29.485 24.3688H32.7358C33.288 24.3688 33.7358 23.9211 33.7358 23.3688V19.8325H45.4049C46.5094 19.8325 47.4049 20.7279 47.4049 21.8325V44.741C47.4049 45.8456 46.5094 46.741 45.4049 46.741H25.3174C24.2128 46.741 23.3174 45.8456 23.3174 44.741V21.8325ZM32.7358 19.8325H29.485V23.3688L32.7358 23.3688V19.8325ZM28.876 29.1297H39.9933V28.1297H28.876V29.1297ZM41.8462 34.4079H28.876V33.4079H41.8462V34.4079ZM41.8462 39.6862H28.876V38.6862H41.8462V39.6862Z" fill="#0043C5"/>
-</g>
-</svg>
diff --git a/src/assets/svg/home2.svg b/src/assets/svg/home2.svg
deleted file mode 100644
index a71b307..0000000
--- a/src/assets/svg/home2.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="71" height="68" viewBox="0 0 71 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 230">
-<ellipse id="Ellipse 13" cx="35.3747" cy="33.663" rx="35.3747" ry="33.663" fill="#B487ED"/>
-<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M41.1045 20.8325C41.1045 20.2802 40.6568 19.8325 40.1045 19.8325H26.1016C24.997 19.8325 24.1016 20.7279 24.1016 21.8325V44.741C24.1016 45.8456 24.997 46.741 26.1016 46.741H46.189C47.2936 46.741 48.189 45.8456 48.189 44.741V27.5596C48.189 27.0073 47.7413 26.5596 47.189 26.5596H42.1045C41.5522 26.5596 41.1045 26.1118 41.1045 25.5596V20.8325ZM43.9383 31.0958H31.1861V30.0958H43.9383V31.0958ZM35.4369 23.0234H39.6876V22.0234H35.4369V23.0234ZM43.9383 36.4777H31.1861V35.4777H43.9383V36.4777ZM31.1861 41.8593H43.9383V40.8593H31.1861V41.8593Z" fill="#8600C5"/>
-</g>
-</svg>
diff --git a/src/assets/svg/home3.svg b/src/assets/svg/home3.svg
deleted file mode 100644
index 98d2c13..0000000
--- a/src/assets/svg/home3.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="71" height="68" viewBox="0 0 71 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 231">
-<ellipse id="Ellipse 14" cx="35.3747" cy="33.663" rx="35.3747" ry="33.663" fill="#FDCB9D"/>
-<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M54.4044 32.614C54.4044 40.4161 46.1575 46.741 35.9845 46.741C32.9189 46.741 30.0281 46.1666 27.4852 45.1505C27.3501 45.3211 27.1528 45.4524 26.9047 45.5078L19.6131 47.1386C18.844 47.3106 18.1654 46.6256 18.393 45.9072L20.2692 39.9868C18.5537 37.8406 17.5647 35.3159 17.5647 32.614C17.5647 24.8119 25.8115 18.4871 35.9845 18.4871C46.1575 18.4871 54.4044 24.8119 54.4044 32.614ZM28.1916 34.6321C29.3654 34.6321 30.317 33.7286 30.317 32.614C30.317 31.4994 29.3654 30.5958 28.1916 30.5958C27.0178 30.5958 26.0662 31.4994 26.0662 32.614C26.0662 33.7286 27.0178 34.6321 28.1916 34.6321ZM38.8184 32.614C38.8184 33.7286 37.8669 34.6321 36.6931 34.6321C35.5193 34.6321 34.5677 33.7286 34.5677 32.614C34.5677 31.4994 35.5193 30.5958 36.6931 30.5958C37.8669 30.5958 38.8184 31.4994 38.8184 32.614ZM45.1945 34.6321C46.3683 34.6321 47.3198 33.7286 47.3198 32.614C47.3198 31.4994 46.3683 30.5958 45.1945 30.5958C44.0207 30.5958 43.0691 31.4994 43.0691 32.614C43.0691 33.7286 44.0207 34.6321 45.1945 34.6321Z" fill="#F47D0E"/>
-</g>
-</svg>
diff --git a/src/assets/svg/home4.svg b/src/assets/svg/home4.svg
deleted file mode 100644
index d9206cd..0000000
--- a/src/assets/svg/home4.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="71" height="68" viewBox="0 0 71 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 232">
-<ellipse id="Ellipse 19" cx="35.3747" cy="33.663" rx="35.3747" ry="33.663" fill="#87EDBC"/>
-<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M18.7023 20.134C18.1358 20.4872 17.7588 21.1158 17.7588 21.8325V42.0502C17.7588 43.1547 18.6542 44.0502 19.7588 44.0502H48.3477C49.4523 44.0502 50.3477 43.1547 50.3477 42.0502V21.8325C50.3477 21.1082 49.9627 20.4738 49.3861 20.1229L49.9153 20.9221L35.7553 30.2976C34.9339 30.8415 33.8697 30.8523 33.0374 30.3252L18.1997 20.9276L18.7023 20.134ZM18.7605 20.0991L33.5725 29.4804C34.0718 29.7966 34.7104 29.7902 35.2032 29.4638L49.3465 20.0993C49.0526 19.9296 48.7115 19.8325 48.3477 19.8325H19.7588C19.3952 19.8325 19.0543 19.9295 18.7605 20.0991Z" fill="#01A054"/>
-</g>
-</svg>
diff --git a/src/assets/svg/research_fund.svg b/src/assets/svg/research_fund.svg
new file mode 100644
index 0000000..1c7ac18
--- /dev/null
+++ b/src/assets/svg/research_fund.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1726897356959" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4330" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M26.293 1022.219c-14.41 0-26.122-11.652-26.122-26.006 0-14.41 11.712-26.182 26.122-26.182h818.455c69.64 0 126.306-58.5 126.306-130.379l-0.174-679.348c0-14.525 11.654-26.236 26.009-26.236 14.41 0 26.178 11.711 26.178 26.236l0.115 679.348c0 100.699-80.03 182.566-178.434 182.566H26.293z" fill="#2c2c2c" p-id="4331"></path><path d="M679.977 873.811c-14.41 0-26.063-11.654-26.063-26.006V674.537c0-14.352 11.653-26.006 26.063-26.006s26.124 11.654 26.124 26.006v173.268c0 14.351-11.714 26.006-26.124 26.006zM504.759 873.811c-14.354 0-26.009-11.654-26.009-26.006v-186.76c0-14.352 11.655-26.006 26.009-26.006 14.41 0 26.065 11.654 26.065 26.006v186.76c0 14.351-11.655 26.006-26.065 26.006zM336.313 873.811c-14.41 0-26.122-11.654-26.122-26.006v-92.26c0-14.412 11.712-26.123 26.122-26.123 14.354 0 25.894 11.711 25.894 26.123v92.26c0 14.351-11.54 26.006-25.894 26.006zM174.357 873.811c-14.354 0-26.009-11.654-26.009-26.006v-85.658c0-14.352 11.655-25.949 26.009-25.949 14.41 0 26.178 11.598 26.178 25.949v85.658c0 14.351-11.767 26.006-26.178 26.006zM50.637 873.811c-14.354 0-26.01-11.654-26.01-26.006v-85.658c0-14.352 11.655-25.949 26.01-25.949 14.41 0 26.121 11.598 26.121 25.949v85.658c0 14.351-11.711 26.006-26.121 26.006zM848.652 873.754c-14.41 0-26.124-11.598-26.124-25.949V573.379c0-14.354 11.714-26.006 26.124-26.006 14.352 0 26.007 11.652 26.007 26.006v274.426c0 14.351-11.655 25.949-26.007 25.949zM26.121 675.111C11.711 675.111 0 663.514 0 649.219c0-14.41 11.711-26.121 26.121-26.121h289.696l169.65-186.988c5.053-5.453 12.172-8.555 19.406-8.555 4.132 0 8.209 1.033 12.169 3.041l142.667 77.391 168.503-212.135c4.65-6.313 12.573-10.217 20.782-10.217 12.287 1.436 20.555 7.348 24.229 16.648 3.331 8.783 1.722 18.717-4.134 25.951l-182.05 229.299c-5.111 6.201-12.458 9.76-20.381 9.76-4.42 0-8.67-1.09-12.517-3.271L510.385 486.4 346.59 666.729c-4.648 5.283-11.768 8.383-19.289 8.383H26.121zM245.316 381.566c-10.333 0-18.716-8.439-18.716-18.715v-57.697h-62.578c-10.276 0-18.716-8.439-18.716-18.717 0-10.334 8.439-18.658 18.716-18.658h62.637v-38.064h-62.637c-10.22 0-18.659-8.439-18.659-18.715 0-10.221 8.439-18.604 18.659-18.604h66.884l-63.21-58.846c-5.109-4.592-7.291-11.369-5.741-17.854 1.379-6.717 6.258-12 12.688-13.896 1.551-0.112 3.042-0.112 4.362-0.112 7.234 0 10.967 1.662 13.896 4.535l51.842 47.994 45.986-47.307c3.445-3.673 8.268-5.625 13.32-5.625 4.878 0 9.588 1.837 12.975 5.28 3.674 3.446 5.626 8.097 5.74 12.976 0.057 4.996-1.78 9.818-5.282 13.436l-57.983 59.418h60.912c10.218 0 18.657 8.383 18.657 18.604 0 10.275-8.439 18.715-18.657 18.715h-56.436v38.064h56.436c10.218 0 18.657 8.324 18.657 18.658 0 10.277-8.439 18.717-18.657 18.717h-56.436v57.697c0.001 10.277-8.382 18.716-18.659 18.716z" fill="#2c2c2c" p-id="4332"></path><path d="M241.699 476.182c-61.602 0-121.94-25.145-165.517-68.721C16.648 348.27-6.89 261.291 14.696 180.229c21.586-80.896 85.313-144.619 166.32-166.38 19.808-5.282 40.015-7.866 60.455-7.866 62.176 0 122.858 25.262 166.606 69.411 67.459 67.284 87.438 167.755 50.866 255.882-36.341 87.955-121.482 144.906-216.785 144.906h-0.459z m0.46-432.193c-108.853 0-197.379 88.528-197.379 197.382 0 108.965 88.526 197.494 197.379 197.494 108.909 0 197.438-88.529 197.438-197.494 0-108.853-88.529-197.382-197.438-197.382z" fill="#2c2c2c" p-id="4333"></path></svg>
\ No newline at end of file
diff --git a/src/views/article-management/index.vue b/src/views/article-management/index.vue
new file mode 100644
index 0000000..a9102e3
--- /dev/null
+++ b/src/views/article-management/index.vue
@@ -0,0 +1,235 @@
+<template>
+  <fvSearchForm :searchConfig="researchFundSearchConfig" @search="searchResearchFund"
+                style="margin-left: 16px"></fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="researchFundTableConfig" @headBtnClick="headBtnClick">
+    <template #empty>
+      <el-empty description="暂无数据"/>
+    </template>
+  </fvTable>
+</template>
+
+<script setup lang="jsx">
+import {ElNotification} from "element-plus";
+import {deleteAllocation} from "@/api/expense-manage";
+import fvSelect from '@/fvcomponents/fvSelect/index.vue'
+
+const router = useRouter();
+const researchFundSearchConfig = reactive([
+  {
+    label: '文章标题',
+    prop: 'projectName',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入文章标题查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '文章类型',
+    prop: 'state',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择文章类型',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true,
+      cacheKey: 'article_type',
+      remote: true
+    }
+  },
+  {
+    label: '时间',
+    prop: 'apportionmentMonth',
+    component: 'el-date-picker',
+    props: {
+      placeholder: '请选择时间',
+      clearable: true,
+      type: 'month',
+      format: 'YYYY-MM',
+      valueFormat: "YYYY-MM"
+    },
+    colProps: {}
+  },
+  {
+    label: '阅读状态',
+    prop: 'state',
+    component: shallowRef(fvSelect),
+    props: {
+      placeholder: '请选择阅读状态',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true,
+      cacheKey: 'read_state',
+      remote: true
+    }
+  },
+])
+const tableIns = ref()
+const researchFundTableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: 85,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
+    },
+    {
+      prop: 'shareName',
+      label: '文章标题',
+      align: 'center'
+    },
+    {
+      prop: 'state',
+      label: '文章类型',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        if (row.state == undefined || row.state == 0) {
+          return '--'
+        } else {
+          return (<Tag dictType={'article_type'} value={row.state}/>)
+        }
+      }
+    },
+    {
+      prop: 'state',
+      label: '阅读状态',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        if (row.state == undefined || row.state == 0) {
+          return '--'
+        } else {
+          return (<Tag dictType={'read_state'} value={row.state}/>)
+        }
+      }
+    },
+    {
+      prop: 'apportionmentMonth',
+      label: '时间',
+      align: 'center'
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      fixed: 'right',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        let btn = []
+        let buttons
+        if (row.buttons) {
+          buttons = new Set(Array.from(row.buttons))
+        }
+        btn.push({label: '详情', prem: ['mosr:requirement:info'], func: () => handleDetail(row), type: 'primary'})
+        btn.push({label: '编辑', prem: ['mosr:requirement:resubmit'], func: () => handleEdit(row), type: 'primary'})
+        return (
+            <div style={{width: '100%'}}>
+              {
+                btn.map(item => (
+                    <el-button
+                        type={item.type}
+                        // v-perm={item.prem}
+                        onClick={() => item.func()}
+                        link
+                    >
+                      {item.label}
+                    </el-button>
+                ))
+              }
+              {
+                <popover-delete name={row.shareName} type={'研发投入资金'} btnType={'danger'}
+                                onDelete={() => handleDelete(row)}/>
+
+              }
+            </div>
+        )
+      }
+    }
+  ],
+  api: '',
+  btns: [
+    {name: '新增', key: 'add', color: '#DED0B2'}
+  ],
+  params: {}
+})
+const searchResearchFund = (val) => {
+  let obj = {...val}
+  if (obj.dateValue) {
+    obj.startGenerationTime = obj.dateValue[0]
+    obj.endGenerationTime = obj.dateValue[1]
+    delete obj.dateValue
+  }
+  researchFundTableConfig.params = obj
+  tableIns.value.refresh()
+}
+const headBtnClick = (key) => {
+  switch (key) {
+    case 'add':
+      handleAdd()
+      break;
+  }
+}
+const handleAdd = () => {
+  router.push({
+    name: 'Share/add',
+    query: {}
+  })
+}
+const handleDetail = (row) => {
+  router.push({
+    name: 'Share/detail',
+    query: {
+      id: row.allocationId
+    }
+  })
+}
+const handleEdit = (row) => {
+  router.push({
+    name: 'Share/edit',
+    query: {
+      id: row.allocationId
+    }
+  })
+}
+const handleDelete = (row) => {
+  deleteAllocation(row.allocationId).then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      tableIns.value.refresh()
+    }
+  });
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.el-table__header) {
+  .is-leaf:first-child {
+    .cell {
+      margin-left: -25px !important;
+    }
+  }
+}
+
+:deep(.el-table__body) {
+  .el-table__cell:first-child {
+    .cell {
+      margin-left: -13px !important;
+    }
+  }
+}
+
+:deep(.el-date-editor--month) {
+  width: 100%;
+}
+</style>
diff --git a/src/views/research-fund/index.vue b/src/views/research-fund/index.vue
new file mode 100644
index 0000000..0f91849
--- /dev/null
+++ b/src/views/research-fund/index.vue
@@ -0,0 +1,197 @@
+<template>
+  <fvSearchForm :searchConfig="researchFundSearchConfig" @search="searchResearchFund" style="margin-left: 16px"></fvSearchForm>
+  <fvTable ref="tableIns" :tableConfig="researchFundTableConfig" @headBtnClick="headBtnClick">
+    <template #empty>
+      <el-empty description="暂无数据"/>
+    </template>
+  </fvTable>
+</template>
+
+<script setup lang="jsx">
+import { ElNotification} from "element-plus";
+import {deleteAllocation} from "@/api/expense-manage";
+
+const router = useRouter();
+const researchFundSearchConfig = reactive([
+  {
+    label: '公司名称',
+    prop: 'afterTax',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入公司名称查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+  {
+    label: '时间',
+    prop: 'apportionmentMonth',
+    component: 'el-date-picker',
+    props: {
+      placeholder: '请选择时间',
+      clearable: true,
+      type:'month',
+      format: 'YYYY-MM',
+      valueFormat:"YYYY-MM"
+    },
+    colProps: {}
+  },
+  {
+    label: '金额',
+    prop: 'afterTax',
+    component: 'el-input',
+    props: {
+      placeholder: '请输入金额查询',
+      clearable: true,
+      filterable: true,
+      checkStrictly: true
+    }
+  },
+])
+const tableIns = ref()
+const researchFundTableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width:85,
+      index: index => {
+        return (tableIns.value.getQuery().pageNum - 1) * tableIns.value.getQuery().pageSize + index + 1
+      }
+    },
+    {
+      prop: 'shareName',
+      label: '公司名称',
+      align: 'center'
+    },
+    {
+      prop: 'apportionmentMonth',
+      label: '时间',
+      align: 'center'
+    },
+    {
+      prop: 'generationTime',
+      label: '金额',
+      align: 'center'
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      fixed:'right',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        let btn = []
+        let buttons
+        if (row.buttons) {
+          buttons = new Set(Array.from(row.buttons))
+        }
+          btn.push({label: '详情', prem: ['mosr:requirement:info'], func: () => handleDetail(row), type: 'primary'})
+          btn.push({label: '编辑', prem: ['mosr:requirement:resubmit'], func: () => handleEdit(row), type: 'primary'})
+        return (
+            <div style={{width: '100%'}}>
+              {
+                btn.map(item => (
+                    <el-button
+                        type={item.type}
+                        // v-perm={item.prem}
+                        onClick={() => item.func()}
+                        link
+                    >
+                      {item.label}
+                    </el-button>
+                ))
+              }
+              {
+                    <popover-delete name={row.shareName} type={'研发投入资金'} btnType={'danger'}
+                                    onDelete={() => handleDelete(row)}/>
+
+              }
+            </div>
+        )
+      }
+    }
+  ],
+  api: '',
+  btns: [
+    {name: '新增', key: 'add', color: '#DED0B2'}
+  ],
+  params: {}
+})
+const searchResearchFund = (val) => {
+  let obj = {...val}
+  if (obj.dateValue) {
+    obj.startGenerationTime = obj.dateValue[0]
+    obj.endGenerationTime = obj.dateValue[1]
+    delete obj.dateValue
+  }
+  researchFundTableConfig.params = obj
+  tableIns.value.refresh()
+}
+const headBtnClick = (key) => {
+  switch (key) {
+    case 'add':
+      handleAdd()
+      break;
+  }
+}
+const handleAdd = () => {
+  router.push({
+    name: 'Share/add',
+    query: {}
+  })
+}
+const handleDetail = (row) => {
+  router.push({
+    name: 'Share/detail',
+    query: {
+      id: row.allocationId
+    }
+  })
+}
+const handleEdit = (row) => {
+  router.push({
+    name: 'Share/edit',
+    query: {
+      id: row.allocationId
+    }
+  })
+}
+const handleDelete = (row) => {
+  deleteAllocation(row.allocationId).then(res => {
+    ElNotification({
+      title: '提示',
+      message: res.msg,
+      type: res.code === 1000 ? 'success' : 'error'
+    })
+    if (res.code === 1000) {
+      tableIns.value.refresh()
+    }
+  });
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.el-table__header) {
+  .is-leaf:first-child {
+    .cell {
+      margin-left: -25px !important;
+    }
+  }
+}
+
+:deep(.el-table__body) {
+  .el-table__cell:first-child {
+    .cell {
+      margin-left: -13px !important;
+    }
+  }
+}
+
+:deep(.el-date-editor--month) {
+  width: 100%;
+}
+</style>