Merge remote-tracking branch 'origin/master'

jiangping

2024-02-02 f8b1073fbb28d37e08016eed32c682f8c5eae391

 company/src/views/index.vue

@@ -16,11 +16,11 @@
        <div class="home_content_left_item" ref="picture3"></div>
      </div>
      <div class="home_content_right">
        <div class="home_content_right_label">代办事项</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 label="保单代办" name="first"></el-tab-pane>
          <el-tab-pane label="理赔提醒" name="second"></el-tab-pane>
          <el-tab-pane v-for="a in tabs" :key="a.path" :label="a.label" :name="a.name"></el-tab-pane>
        </el-tabs>
        <div v-if="activeName === '0'"  v-permissions="['business:notice:insurance']" >
        <div class="home_content_right_list">
          <div class="list_item" v-for="(item, index) in 1" :key="index">
            <div class="list_item_left">
@@ -46,18 +46,74 @@
          </el-pagination>
        </div>
      </div>
        <div v-if="activeName === '1'"  v-permissions="['business:notice:tax']">
          <div class="home_content_right_list">
            <div class="list_item" v-for="(item, index) in 1" :key="index">
              <div class="list_item_left">
                <span>投保申请（待签署1）</span>
                <span>保险方案（雇主责任险A）</span>
              </div>
              <div class="list_item_center">
                <span>安徽平安人力资源有限公司</span>
                <span>提交时间  2023-09-11 00:00:00</span>
              </div>
              <div class="list_item_right">
                <span>查看详情</span>
              </div>
            </div>
          </div>
          <div class="home_content_right_page">
            <el-pagination
                @current-change="handleCurrentChange"
                :current-page="page"
                :page-size="5"
                layout="total, prev, pager, next, jumper"
                :total="0">
            </el-pagination>
          </div>
        </div>
        <div v-if="activeName === '2'"  v-permissions="['business:notice:settle']">
          <div class="home_content_right_list">
            <div class="list_item" v-for="(item, index) in 1" :key="index">
              <div class="list_item_left">
                <span>投保申请（待签署2）</span>
                <span>保险方案（雇主责任险A）</span>
              </div>
              <div class="list_item_center">
                <span>安徽平安人力资源有限公司</span>
                <span>提交时间  2023-09-11 00:00:00</span>
              </div>
              <div class="list_item_right">
                <span>查看详情</span>
              </div>
            </div>
          </div>
          <div class="home_content_right_page">
            <el-pagination
                @current-change="handleCurrentChange"
                :current-page="page"
                :page-size="5"
                layout="total, prev, pager, next, jumper"
                :total="0">
            </el-pagination>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import * as echarts from 'echarts';
import {mapState} from "vuex";
export default {
  name: 'Index',
  data () {
    return {
      activeName: 'first',
      activeName: '0',
      tabs:[],
      page: 1,
      table:null,
      cate: [
        {
          name: '投保申请',
@@ -87,12 +143,28 @@
      ]
    }
  },
  computed: {
    ...mapState(['userInfo'])
  },
  mounted() {
    this.setPicture1()
    this.setPicture2()
    this.setPicture3()
    this.initPanel()
  },
  methods: {
    initPanel(){
      var pemissons = this.userInfo.permissions;
      if(pemissons.includes("business:notice:insurance")){
        this.tabs.push( {name:"0",label:"投保代办"})
      }
      if(pemissons.includes("business:notice:tax")){
        this.tabs.push( {name:"1",label:"发票代办"})
      }
      if(pemissons.includes("business:notice:settle")){
        this.tabs.push( {name:"2",label:"理赔代办"})
      }
    },
    handleClick(e) {
      this.activeName = e.name
    },