Merge remote-tracking branch 'origin/zzq'

zzq

2023-09-26 25b727a5dc28f3c2d225c5e017da58f35c6b84b3

 src/views/overview/index.vue

@@ -10,31 +10,32 @@
          v-for="item in tableList"
          :key="item.id"
          :class="{
            overview_active: item.status === 'active',
            overview_done: item.status === 'done',
            overview_todo: item.status === 'todo'
            overview_active: item.baseOperationType === 1,
            overview_done: item.baseOperationType === 2,
            overview_todo: item.baseOperationType === 3
          }"
          @click="labelClick(item)"
        >
          <div class="top">
            <div class="label">
              <span style="cursor: pointer" @click="labelClick(item)">{{ item.name }}</span>
              <span style="cursor: pointer">{{ item.name }}</span>
            </div>
            <div class="set">...</div>
          </div>
          <div class="bottom">
            <div class="left">
              <div class="left_view">
                <span>2</span>
                <span style="margin-left: 5px">待处理</span>
                <span>{{ item.readyCount }}</span>
                <span style="margin-left: 5px">就绪</span>
              </div>
            </div>
            <div class="right">
              <div class="right_status">
                <span style="cursor: pointer">2 正在等待</span>
                <span style="cursor: pointer">{{ item.finishCount + " 完成" }}</span>
              </div>
              <div class="right_status" style="margin-top: 5px">
              <!-- <div class="right_status" style="margin-top: 5px">
                <span style="cursor: pointer">4 延期</span>
              </div>
              </div> -->
            </div>
          </div>
        </div>
@@ -48,6 +49,7 @@

<script>
import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
import { getOperationType } from "@/api/overview/overview"

export default {
  name: "OverView",
@@ -57,48 +59,7 @@
  computed: {},
  data() {
    return {
      tableList: [
        {
          name: "采购入库",
          status: "active",
          workType: "收货"
        },
        {
          name: "内部调拨",
          status: "done",
          workType: "内部调拨"
        },
        {
          name: "订单发货出库",
          status: "done",
          workType: "发货"
        },
        {
          name: "2",
          status: "active",
          workType: "收货"
        },
        {
          name: "3",
          status: "todo",
          workType: "收货"
        },
        {
          name: "2",
          status: "active",
          workType: "收货"
        },
        {
          name: "3",
          status: "todo",
          workType: "收货"
        },
        {
          name: "4444444",
          status: "todo",
          workType: "发货"
        }
      ],
      tableList: [],
      editConfig: {
        visible: false,
        title: "新建",
@@ -106,15 +67,38 @@
      }
    }
  },
  created() {},
  created() {
    this.getData()
  },
  methods: {
    getList(val) {
      console.log(val)
    },
    labelClick(item) {
      this.$router.push({ path: "/overview/overviewList", query: { name: item.name, workType: item.workType } })
      console.log(item)
      this.$router.push({
        name: "overviewList",
        params: { name: item.name, workType: item.baseOperationType, id: item.id }
      })
    },
    getData() {}
    async getData() {
      await getOperationType({
        keyword: "",
        page: this.pagerOptions.currPage,
        pageSize: this.pagerOptions.pageSize
      }).then((res) => {
        console.log(res.data.data)
        if (res.data.code === 200) {
          const list = res.data.data.map((item) => {
            return {
              ...item
            }
          })
          this.tableList = list || []
          this.pagerOptions.totalCount = res.data.total
        }
      })
    }
  }
}
</script>
@@ -122,7 +106,7 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.content {
  height: calc(100% - 150px);
  height: calc(100% - 130px);
  background: #fff;
  border-radius: 12px;
  .list-view {
@@ -142,6 +126,7 @@
      box-shadow: inset 0 0 2px #dee2e6;
      -moz-box-shadow: inset 0 0 2px #dee2e6;
      -webkit-box-shadow: inset 0 0 2px #dee2e6;
      cursor: pointer;
      .top {
        height: 35px;
        line-height: 35px;
@@ -182,6 +167,7 @@
        .right {
          width: 50%;
          .right_status {
            margin-top: 5px;
          }
        }
      }