xiaoshi_system/src/views/project/components/view/card.vue

<template>
    <div class="height_100">
      <el-row :gutter="24">
        <el-col :span="6" v-for="(item, index) in tableData" style="padding-bottom:10px">
          <myCard shadow="never">
            <div slot="head" class="clearfix">
              <span># {{ (index + 1) + ((queryParams.current - 1) * queryParams.size) }}</span>
              <el-dropdown class="float_right" @command="handleCommand($event, item)" trigger="click" size="small">
                <span class="el-dropdown-link">
                  <i class="el-icon-more el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown" class="text-align_center">
                  <el-dropdown-item command="0">
                    <el-dropdown @command="handleCommand($event, item)" placement="right-start">
                      <span class="el-dropdown-link"> 专利导入 </span>
                      <el-dropdown-menu  class="children_item">
                          <el-dropdown-item command="0"> Excel导入 </el-dropdown-item>
                          <el-dropdown-item command="1">专利号导入 </el-dropdown-item>
                          <el-dropdown-item command="2"> 检索条件导入 </el-dropdown-item>
                      </el-dropdown-menu>
                    </el-dropdown>
                  </el-dropdown-item>
                  <el-dropdown-item command="12">自定义栏位管理</el-dropdown-item>
                <el-dropdown-item command="11">任务分配</el-dropdown-item>
                  <el-dropdown-item command="3">任务清单</el-dropdown-item>
                <el-dropdown-item command="5">报告管理</el-dropdown-item>
                <el-dropdown-item command="6" v-if="item.isCategory == 1">分类架构</el-dropdown-item>
                <!-- <el-dropdown-item command="7" v-if="$permission('/workspace/event')">事 件</el-dropdown-item> -->
                <!-- <el-dropdown-item command="8" :disabled="!$permission('/workspace/project/other_accessories')">其它附件</el-dropdown-item> -->
                <el-dropdown-item command="9">项目分享</el-dropdown-item>
                <el-dropdown-item command="13">图表分析</el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
            </div>
            <el-form>
              <el-form-item label="名称">
                <div>
                  <el-link type="primary" @click.native="handleClick(item,'name')" :title="item.name">
                    <span v-if="item.volumeNumber">{{ item.volumeNumber }} - </span>
                    <span>{{ item.name }}</span>
                  </el-link>
                </div>
              </el-form-item>
              <el-form-item label="委托方">
                <myTooltip :content="item.entrustName" >
                  <div v-html="$commonJS.getColumnData(item, {type:'String',value:'entrustName'})" class="noWrap"></div>
                </myTooltip>
              </el-form-item>
              <el-form-item label="应用场景">
                <myTooltip :content="$commonJS.getColumnData(item, {type:'Array',value:'scenarioNames'})">
                  <div class="noWrap" v-html="$commonJS.getColumnData(item, {type:'Array',value:'scenarioNames'})"></div>
                </myTooltip>
              </el-form-item>
              <el-form-item label="调查类型">
                <myTooltip :content="$commonJS.getColumnData(item, {type:'Array',value:'matterNames'})">
                  <div class="noWrap" v-html="$commonJS.getColumnData(item, {type:'Array',value:'matterNames'})"></div>
                </myTooltip>
              </el-form-item>
            </el-form>
            <div slot="foot">
              <div class="btn">
                <i class="el-icon-edit" @click="handleCommand('e', item)"></i>
                <i class="el-icon-delete" @click="handleCommand('10', item)"></i>
              </div>
            </div>
          </myCard>
        </el-col>
      </el-row>
    </div>
</template>
  
<script>
  import { mapGetters } from "vuex";
  import { workspaceOptions } from "../mixins";
  export default {
    mixins: [workspaceOptions],
    data() {
      return {
  
      }
    },
    mounted() {
    },
    computed: {
      ...mapGetters(['userinfo'])
    },
    methods: {
      
    }
  }
  </script>
  
  <style lang="scss">
   
  </style>