优化需求

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 }}
@@ -126,6 +126,7 @@
      </div>
    </div>
    <OperaInsuranceApplyWindow ref="operaInsuranceApplyWindow" @success="handleCurrentChange0()"/>
    <OperaWtbApplyShopWindow ref="OperaWtbApplyShopWindow" @success="handleCurrentChange0()"/>
    <dispatchUnitDetailsPlat ref="dispatchUnitDetailsPlat" @success="handleCurrentChange0()"/>
    <OperaSettleClaimsWindow ref="operaSettleClaimsWindow" @success="handleCurrentChange2()"/>
    <OperaApplyChangeUnitDetailWindow ref="operaApplyChangeUnitDetailWindow" @success="handleCurrentChange0()"/>
@@ -144,14 +145,17 @@
import OperaApplyChangeDetailWindow from '@/components/business/OperaApplyChangeDetailWindow'
import OperaTaxesWindow from '@/components/business/OperaTaxesWindow'
import { fetchList as noticeList, deleById } from '@/api/business/notices'
import {getChangeDetail, getDetail} from "@/api/business/insuranceApply";
import OperaWtbApplyShopWindow from "@/components/business/OperaWtbApplyShopWindow";
export default {
  components: {
    OperaWtbApplyShopWindow,
    OperaInsuranceApplyWindow,
    dispatchUnitDetailsPlat,
    OperaTaxesWindow,
    OperaSettleClaimsWindow,
    OperaApplyChangeDetailWindow,
    OperaApplyChangeUnitDetailWindow
    OperaApplyChangeUnitDetailWindow,
  },
  name: 'Index',
  data () {
@@ -241,11 +245,24 @@
  methods: {
    detail (obj) {
      if (obj.objType === 0) {
        this.$refs.operaInsuranceApplyWindow.open('投保申请详情', { id: obj.objId })
        getDetail(obj.objId).then(res => {
          if( res.solutionType == 0){
            this.$refs.operaInsuranceApplyWindow.open('投保申请详情', { id: obj.objId })
          }else{
            this.$refs.OperaWtbApplyShopWindow.open('委托投保申请详情', { id: obj.objId })
          }
        }).catch(err => {
        })
      } else if (obj.objType === 1) {
        this.$refs.operaApplyChangeDetailWindow.open('加减保详情', { id: obj.objId, applyId: obj.param1 })
        getChangeDetail(obj.objId).then(res => {
          this.$refs.operaApplyChangeDetailWindow.open('加减保详情', { id: obj.objId, applyId: res.applyId })
        }).catch(err => {
        })
      } else if (obj.objType === 2) {
        this.$refs.operaApplyChangeUnitDetailWindow.open('更换派遣单位申请详情', { id: obj.objId, applyId: obj.param1 })
        getChangeDetail(obj.objId).then(res => {
          this.$refs.operaApplyChangeUnitDetailWindow.open('更换派遣单位申请详情', { id: obj.objId, applyId: res.applyId })
        }).catch(err => {
        })
      } else if (obj.objType === 3) {
        this.$refs.dispatchUnitDetailsPlat.open('派遣单详情', { id: obj.objId })
      } else if (obj.objType === 4) {
@@ -313,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')) {
@@ -527,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 {
@@ -567,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;
@@ -602,6 +628,7 @@
            }
          }
          .list_item_right {
            flex-shrink: 0;
            height: 100%;
            display: flex;
            align-items: center;