yangfeng
2023-10-21 508f805bae4f74c9432d82c045d895a62ea1f099
src/views/overview/index.vue
@@ -20,17 +20,24 @@
            <div class="label">
              <span style="cursor: pointer">{{ item.name }}</span>
            </div>
            <div class="set">...</div>
            <el-dropdown class="set" placement="bottom" trigger="click" @command="handleCommand">
              <div @click.stop="moreClick()">...</div>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item :command="{ command: '全部', item }">全部</el-dropdown-item>
                <el-dropdown-item :command="{ command: '就绪', item }">就绪</el-dropdown-item>
                <el-dropdown-item :command="{ command: '完成', item }">完成</el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <div class="bottom">
            <div class="left">
              <div class="left_view">
              <div class="left_view" @click.stop="statusClick(item, '就绪')">
                <span>{{ item.readyCount }}</span>
                <span style="margin-left: 5px">就绪</span>
              </div>
            </div>
            <div class="right">
              <div class="right_status">
              <div class="right_status" @click.stop="statusClick(item, '完成')">
                <span style="cursor: pointer">{{ item.finishCount + " 完成" }}</span>
              </div>
              <!-- <div class="right_status" style="margin-top: 5px">
@@ -79,11 +86,11 @@
      this.keyword = val
      this.getData()
    },
    labelClick(item) {
    labelClick(item, status) {
      console.log(item)
      this.$router.push({
        name: "overviewList",
        params: { name: item.name, workType: item.baseOperationType, id: item.id }
        params: { name: item.name, workType: item.baseOperationType, id: item.id, status: status }
      })
    },
    async getData() {
@@ -103,6 +110,21 @@
          this.pagerOptions.totalCount = res.data.total
        }
      })
    },
    handleCommand(val) {
      console.log(val)
      if (val.command === "全部") {
        this.labelClick(val.item, "")
      } else {
        this.labelClick(val.item, val.command)
      }
    },
    // 更多
    moreClick() {},
    // 状态
    statusClick(item, status) {
      console.log(item)
      this.labelClick(item, status)
    }
  }
}
@@ -143,7 +165,7 @@
          margin-left: auto;
          margin-right: 20px;
          font-size: 20px;
          cursor: no-drop;
          // cursor: no-drop;
          color: #000;
          transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
@@ -153,6 +175,7 @@
      .bottom {
        display: flex;
        font-size: 13px;
        margin-top: 30px;
        .left {
          width: 50%;
          // background: #1d80e2;