1.采购收货单新增查看详情功能

loulijun2021

2023-04-22 e3edb24ee6b15cb7e67abf6c0ebfe731fbcb4a4c

 src/layout/components/TagsView/index.vue

@@ -1,20 +1,23 @@
<template>
  <div id="tags-view-container" class="tags-view-container">
    <scroll-pane ref="scrollPane" class="tags-view-wrapper" @scroll="handleScroll">
      <router-link
        v-for="tag in visitedViews"
        ref="tag"
        :key="tag.path"
        :class="isActive(tag)?'active':''"
        :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
        tag="span"
        class="tags-view-item"
        @click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
        @contextmenu.prevent.native="openMenu(tag,$event)"
      >
        {{ tag.title }}
        <span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
      </router-link>
      <draggable :list="visitedViews" animation="300">
        <router-link
          v-for="tag in visitedViews"
          ref="tag"
          :key="tag.path"
          :class="isActive(tag)?'active':''"
          :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
          tag="span"
          class="tags-view-item"
          :style="{background:isActive(tag)?$store.state.settings.theme:'',border:isActive(tag)?'1px solid'+$store.state.settings.theme:''}"
          @click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
          @contextmenu.prevent.native="openMenu(tag,$event)"
        >
          {{ tag.title }}
          <span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
        </router-link>
      </draggable>
    </scroll-pane>
    <ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu">
      <li @click="refreshSelectedTag(selectedTag)">刷新</li>
@@ -22,6 +25,23 @@
      <li @click="closeOthersTags">关闭其他</li>
      <li @click="closeAllTags(selectedTag)">关闭所有</li>
    </ul>

    <el-dialog
      title="提示"
      :visible.sync="dialogVisible"
      width="500px"
      :close-on-click-modal="false"
    >
      <div>
        现页签打开超过10个，请关闭其它标签
      </div>
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
          <el-button @click="dialogVisibleCancel">返回</el-button>
        </div>
      </span>
    </el-dialog>

  </div>
</template>

@@ -30,20 +50,26 @@
import path from 'path'
import { getCookie } from '@/utils/auth'
import $ from 'jquery'

import draggable from 'vuedraggable'
export default {
  components: { ScrollPane },
  components: { ScrollPane, draggable },
  data() {
    return {
      visible: false,
      top: 0,
      left: 0,
      selectedTag: {},
      affixTags: []
      affixTags: [],
      dialogVisible: false
    }
  },
  computed: {
    visitedViews() {
      // 暂时取消十个标签页限制提示
      // if (this.$store.state.tagsView.visitedViews.length > 10) {
      //   // eslint-disable-next-line vue/no-side-effects-in-computed-properties
      //   this.dialogVisible = true
      // }
      return this.$store.state.tagsView.visitedViews
    },
    routes() {
@@ -95,16 +121,22 @@
        this.$store.state.tagsView.visitedViews = oldViews
      }
    },

    // 对话框返回
    dialogVisibleCancel() {
      this.dialogVisible = false
    },

    isActive(route) {
      if (this.$route.path === '/scgl/sckbg') {
        const time = setInterval(() => {
          this.$nextTick(() => {
            $("input[name='produceCode']")[0].focus()
            $("input[name='WXproduceCode']")[0].focus()
            clearInterval(time)
          })
        })
      }
      // if (this.$route.path === '/scgl/sckbg') {
      //   const time = setInterval(() => {
      //     this.$nextTick(() => {
      //       $("input[name='produceCode']")[0].focus()
      //       $("input[name='WXproduceCode']")[0].focus()
      //       clearInterval(time)
      //     })
      //   })
      // }
      return route.path === this.$route.path
    },
    isAffix(tag) {
@@ -235,7 +267,7 @@
}
</script>

<style lang="scss" scoped>
<style lang="scss">
$main_color: #42b983;
.tags-view-container {
  height: 34px;