mirror of
				https://github.com/pure-admin/vue-pure-admin.git
				synced 2025-11-03 13:44:47 +08:00 
			
		
		
		
	fix: 右键菜单z-index问题
This commit is contained in:
		
							parent
							
								
									639a69d579
								
							
						
					
					
						commit
						7013e57d1e
					
				@ -1,8 +1,8 @@
 | 
				
			|||||||
import { MockMethod } from "vite-plugin-mock";
 | 
					import { MockMethod } from "vite-plugin-mock";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// http://mockjs.com/examples.html#Object
 | 
					// http://mockjs.com/examples.html#Object
 | 
				
			||||||
const echartsList = (): any => {
 | 
					const echartsList = () => {
 | 
				
			||||||
  const result: any[] = [];
 | 
					  const result = [];
 | 
				
			||||||
  for (let index = 0; index < 200; index++) {
 | 
					  for (let index = 0; index < 200; index++) {
 | 
				
			||||||
    result.push(["@date", Math.floor(Math.random() * 300)]);
 | 
					    result.push(["@date", Math.floor(Math.random() * 300)]);
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
				
			|||||||
							
								
								
									
										12
									
								
								mock/map.ts
									
									
									
									
									
								
							
							
						
						
									
										12
									
								
								mock/map.ts
									
									
									
									
									
								
							@ -1,8 +1,16 @@
 | 
				
			|||||||
import { MockMethod } from "vite-plugin-mock";
 | 
					import { MockMethod } from "vite-plugin-mock";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					type mapType = {
 | 
				
			||||||
 | 
					  plateNumber: string;
 | 
				
			||||||
 | 
					  driver: string;
 | 
				
			||||||
 | 
					  "orientation|1-360": number;
 | 
				
			||||||
 | 
					  "lng|113-114.1-10": number;
 | 
				
			||||||
 | 
					  "lat|34-35.1-10": number;
 | 
				
			||||||
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// http://mockjs.com/examples.html#Object
 | 
					// http://mockjs.com/examples.html#Object
 | 
				
			||||||
const mapList = (): any => {
 | 
					const mapList = (): Array<mapType> => {
 | 
				
			||||||
  const result: any[] = [];
 | 
					  const result: Array<mapType> = [];
 | 
				
			||||||
  for (let index = 0; index < 200; index++) {
 | 
					  for (let index = 0; index < 200; index++) {
 | 
				
			||||||
    result.push({
 | 
					    result.push({
 | 
				
			||||||
      plateNumber: "豫A@natural(11111, 99999)@character('upper')",
 | 
					      plateNumber: "豫A@natural(11111, 99999)@character('upper')",
 | 
				
			||||||
 | 
				
			|||||||
@ -1,4 +1,5 @@
 | 
				
			|||||||
<script setup lang="ts">
 | 
					<script setup lang="ts">
 | 
				
			||||||
 | 
					import { FormRulesMap } from "element-plus/lib/components/form/src/form.type";
 | 
				
			||||||
import { ref, PropType, getCurrentInstance, watch, nextTick, toRef } from "vue";
 | 
					import { ref, PropType, getCurrentInstance, watch, nextTick, toRef } from "vue";
 | 
				
			||||||
import { useRouter, useRoute } from "vue-router";
 | 
					import { useRouter, useRoute } from "vue-router";
 | 
				
			||||||
import { initRouter } from "/@/router";
 | 
					import { initRouter } from "/@/router";
 | 
				
			||||||
@ -44,7 +45,7 @@ watch(
 | 
				
			|||||||
  { immediate: true }
 | 
					  { immediate: true }
 | 
				
			||||||
);
 | 
					);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const rules: Object = ref({
 | 
					const rules = ref<FormRulesMap>({
 | 
				
			||||||
  userName: [{ required: true, message: "请输入用户名", trigger: "blur" }],
 | 
					  userName: [{ required: true, message: "请输入用户名", trigger: "blur" }],
 | 
				
			||||||
  passWord: [
 | 
					  passWord: [
 | 
				
			||||||
    { required: true, message: "请输入密码", trigger: "blur" },
 | 
					    { required: true, message: "请输入密码", trigger: "blur" },
 | 
				
			||||||
 | 
				
			|||||||
@ -670,7 +670,6 @@ onBeforeMount(() => {
 | 
				
			|||||||
  .contextmenu {
 | 
					  .contextmenu {
 | 
				
			||||||
    margin: 0;
 | 
					    margin: 0;
 | 
				
			||||||
    background: #fff;
 | 
					    background: #fff;
 | 
				
			||||||
    z-index: 3000;
 | 
					 | 
				
			||||||
    position: absolute;
 | 
					    position: absolute;
 | 
				
			||||||
    list-style-type: none;
 | 
					    list-style-type: none;
 | 
				
			||||||
    padding: 5px 0;
 | 
					    padding: 5px 0;
 | 
				
			||||||
 | 
				
			|||||||
@ -27,7 +27,7 @@
 | 
				
			|||||||
    position: fixed;
 | 
					    position: fixed;
 | 
				
			||||||
    top: 0;
 | 
					    top: 0;
 | 
				
			||||||
    right: 0;
 | 
					    right: 0;
 | 
				
			||||||
    z-index: 9;
 | 
					    z-index: 1000;
 | 
				
			||||||
    width: calc(100% - 210px);
 | 
					    width: calc(100% - 210px);
 | 
				
			||||||
    transition: width 0.28s;
 | 
					    transition: width 0.28s;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
				
			|||||||
@ -9,7 +9,7 @@ import svgLoader from "vite-svg-loader";
 | 
				
			|||||||
import styleImport from "vite-plugin-style-import";
 | 
					import styleImport from "vite-plugin-style-import";
 | 
				
			||||||
import ElementPlus from "unplugin-element-plus/vite";
 | 
					import ElementPlus from "unplugin-element-plus/vite";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const pathResolve = (dir: string): any => {
 | 
					const pathResolve = (dir: string): string => {
 | 
				
			||||||
  return resolve(__dirname, ".", dir);
 | 
					  return resolve(__dirname, ".", dir);
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user