zhywpt-sp/components/filter/filter.vue

<template>
	<!-- style="filter: grayscale(1)" -->
	<view  :class="state.isEnableSetGray?'setGray':''">
		<slot></slot>
	</view>
</template>

<script setup lang="ts">
	import {onLoad} from "@dcloudio/uni-app";
	import {getItem} from "@/utils/storage";
	import {getCodeName} from "@/datas/queryKey.js";
	import {reactive} from "vue";
	const state = reactive({
		isEnableSetGray:false
	})
	onLoad((option : any) => {
		getGlobalParam(); //全局配置数据
	});
	const getGlobalParam=()=>{
		const data=getItem('globalParam')
		// 在那能看到打印
		console.log("全局配置数据1111",getCodeName('IS_ENABLE',data.setGray))
		// 申办时是否允许修改OCR识别出来的车辆信息数据
		if(getCodeName('IS_ENABLE',data.setGray)=='启用'){
			state.isEnableSetGray=true;
		}else{
			state.isEnableSetGray=false;
		}
	}
</script>

<style >
  .setGray{
	  filter: grayscale(1) !important;
  }
</style>