优化需求

MrShi

2024-11-04 b6fde711bf33cede4cb84f85146c32b0c0c61aa5

 company/src/views/index.vue

@@ -1,4 +1,4 @@
<template>
  <template>
  <div class="home">
    <div class="home_inlet">
      <div class="home_inlet_label">快捷入口</div>
@@ -22,7 +22,7 @@
        <div class="home_content_left_item" ref="picture3"></div>
      </div>
      <div class="home_content_right">
        <div class="home_content_right_label" v-if="tabs && tabs.length>0" >代办事项</div>
        <div class="home_content_right_label" v-if="tabs && tabs.length>0" >待办事项</div>
        <el-tabs v-model="activeName" @tab-click="handleClick" >
          <el-tab-pane v-for="a in tabs" :key="a.path" :name="a.name" >
             <span slot="label" title="点击刷新"> {{a.label }}
@@ -330,15 +330,20 @@
      var pemissons = this.userInfo.permissions

      if (pemissons.includes('business:notice:insurance')) {
        this.tabs.push({ name: '0', label: '投保代办' })
        this.tabs.push({ name: '0', label: '投保待办' })
        // this.handleCurrentChange0(0);
      }
      if (pemissons.includes('business:notice:tax') && this.userInfo.type !== 1) {
        this.tabs.push({ name: '1', label: '发票代办' })
        this.tabs.push({ name: '1', label: '发票待办' })
        // this.handleCurrentChange1(0);
      }
      if (pemissons.includes('business:notice:settle')) {
        this.tabs.push({ name: '2', label: '理赔提醒' })
        // this.handleCurrentChange2(0);
      }
      //新增分类
      if (pemissons.includes('business:notice:settle')) {
        this.tabs.push({ name: '3', label: '合同签署提醒' })
        // this.handleCurrentChange2(0);
      }
      /* if (pemissons.includes('business:notice:insurance')) {
@@ -544,22 +549,25 @@
  }
  .home_content {
    width: 100%;
    height: calc(100% - 170px);
    /*height: calc(100% - 170px);*/
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*align-items: center;*/
    /*justify-content: space-between;*/
    .home_content_left {
      width: 350px;
      height: 100%;
      /*height: 100%;*/
      height: auto;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      .home_content_left_item {
        width: 100%;
        height: 32%;
        /*height: 32%;*/
        height: 200px;
        background: #ffffff;
        margin-bottom: 10px;
      }
    }
    .home_content_right {
@@ -584,6 +592,7 @@
          box-sizing: border-box;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border: 1px solid #ececec;
          margin-bottom: 15px;
@@ -619,6 +628,7 @@
            }
          }
          .list_item_right {
            flex-shrink: 0;
            height: 100%;
            display: flex;
            align-items: center;