// 申办时是否允许修改OCR识别出来的车辆信息数据 | // 申办时是否允许修改OCR识别出来的车辆信息数据 | ||||
if(getCodeName('IS_ENABLE',data.setGray)=='启用'){ | if(getCodeName('IS_ENABLE',data.setGray)=='启用'){ | ||||
// this.isEnableSetGray=true; | // this.isEnableSetGray=true; | ||||
// uni.setCssVar(this.$refs.element, 'filter', 'grayscale(1)'); | |||||
// uni.setGlobalCSSVar('--element-filter', 'grayscale(1)'); | |||||
const pageStyle = ` font-family: "Microsoft Yahei"; filter: grayscale(1); `; | |||||
uni.setPageStyle({ style: pageStyle, }); | |||||
} | } | ||||
} | } | ||||
<template> | <template> | ||||
<view style="filter: grayscale(1)"> | |||||
<!-- style="filter: grayscale(1)" --> | |||||
<view :class="state.isEnableSetGray?'setGray':''"> | |||||
<slot></slot> | <slot></slot> | ||||
</view> | </view> | ||||
</template> | </template> | ||||
<script> | |||||
export default { | |||||
name:"filter", | |||||
data() { | |||||
return { | |||||
}; | |||||
<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> | </script> | ||||
<style> | |||||
<style > | |||||
.setGray{ | |||||
filter: grayscale(1) !important; | |||||
} | |||||
</style> | </style> |
"pageSize":params.pageSize | "pageSize":params.pageSize | ||||
}, | }, | ||||
method:'POST', | method:'POST', | ||||
showLoading: isLoading ? (params.pageNum === 1 ? true : false) : false , | |||||
// showLoading: isLoading ? (params.pageNum === 1 ? true : false) : false , | |||||
} | } | ||||
try{ | try{ |
<!-- 订单列表2 --> | <!-- 订单列表2 --> | ||||
<template> | <template> | ||||
<empty-view v-if="!data.login" mode="permission" content="请先登录再查看订单" btnTxt="立即登录" | |||||
@btnClick="$util.navTo('/login/login')"> | |||||
</empty-view> | |||||
<filter> | |||||
<empty-view v-if="!data.login" mode="permission" content="请先登录再查看订单" btnTxt="立即登录" | |||||
@btnClick="$util.navTo('/login/login')"> | |||||
</empty-view> | |||||
<view class="list-wrapper" v-else> | |||||
<order-tabbar ref="tabbarRef" :tabs="data.tabsList" v-model:curIndex="data.tabIndex" | |||||
v-if="data.tabsList.length > 0"></order-tabbar> | |||||
<order-list-item ref="mescrollItem" :index="data.tabIndex" :refresh="data.refresh"> | |||||
</order-list-item> | |||||
</view> | |||||
<view class="list-wrapper" v-else> | |||||
<order-tabbar ref="tabbarRef" :tabs="data.tabsList" v-model:curIndex="data.tabIndex" | |||||
v-if="data.tabsList.length > 0"></order-tabbar> | |||||
<order-list-item ref="mescrollItem" :index="data.tabIndex" :refresh="data.refresh"> | |||||
</order-list-item> | |||||
</view> | |||||
</filter> | |||||
</template> | </template> | ||||
<script setup lang="ts"> | <script setup lang="ts"> | ||||
import orderTabbar from "./components/order-tabbar.vue"; | import orderTabbar from "./components/order-tabbar.vue"; | ||||
import orderListItem from "./components/order-list-item"; | import orderListItem from "./components/order-list-item"; | ||||
import useOrderList from "@/composables/order/useOrderList"; | import useOrderList from "@/composables/order/useOrderList"; | ||||
import filter from '@/components/filter/filter.vue'; | |||||
const { | const { | ||||
data, | data, | ||||
tabbarRef | tabbarRef |
<template> | <template> | ||||
<navBar title="九州ETC" :scrollTop="scrollTop" :isBack="isBack"></navBar> | <navBar title="九州ETC" :scrollTop="scrollTop" :isBack="isBack"></navBar> | ||||
<filter> | |||||
<view class="wrapper"> | <view class="wrapper"> | ||||
<image :src="`${$imgUrl}user/bg-user-2.png`" class="bg-head" mode="widthFix"></image> | <image :src="`${$imgUrl}user/bg-user-2.png`" class="bg-head" mode="widthFix"></image> | ||||
<!-- <view class="bar" :style="{ top: top, height: height, lineHeight: height }">我的-九州ETC</view> --> | <!-- <view class="bar" :style="{ top: top, height: height, lineHeight: height }">我的-九州ETC</view> --> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
</filter> | |||||
</template> | </template> | ||||
<script lang="ts" setup> | <script lang="ts" setup> | ||||
import { | import { | ||||
stringToJson | stringToJson | ||||
} from "@/utils/network/encryption.js"; | } from "@/utils/network/encryption.js"; | ||||
import filter from '@/components/filter/filter.vue'; | |||||
const height = ref(null); | const height = ref(null); | ||||
const top = ref(null); | const top = ref(null); | ||||
const margin = ref(null); | const margin = ref(null); | ||||
openId: state.data.opId | openId: state.data.opId | ||||
}, | }, | ||||
method: "POST", | method: "POST", | ||||
showLoading: true, | |||||
// showLoading: true, | |||||
}; | }; | ||||
//调用方式 | //调用方式 | ||||
request(userInfoIndex, options) | request(userInfoIndex, options) |
numberplateColorList:[], | numberplateColorList:[], | ||||
allColorList:[//车牌颜色 | allColorList:[//车牌颜色 | ||||
{src:'bg-blue',checkSrc:'icon-select-blue',id:0,color:'#ffffff',title:'蓝色'}, | {src:'bg-blue',checkSrc:'icon-select-blue',id:0,color:'#ffffff',title:'蓝色'}, | ||||
{src:'bg-green',checkSrc:'icon-select-green',id:4,color:'#000000',title:'渐变绿色'}, | |||||
{src:'bg-orange',checkSrc:'icon-select-orange',id:1,color:'#000000',title:'黄色'}, | |||||
{src:'bg-yellow_green',checkSrc:'icon-select-yellow_green',id:5,color:'#000000',title:'黄绿双拼'}, | |||||
{src:'bg-green',checkSrc:'icon-select-green',id:4,color:'#ffffff',title:'渐变绿色'}, | |||||
{src:'bg-orange',checkSrc:'icon-select-orange',id:1,color:'#ffffff',title:'黄色'}, | |||||
{src:'bg-yellow_green',checkSrc:'icon-select-yellow_green',id:5,color:'#ffffff',title:'黄绿双拼色'}, | |||||
{src:'bg-black',checkSrc:'icon-select-black',id:2,color:'#ffffff',title:'黑色'}, | {src:'bg-black',checkSrc:'icon-select-black',id:2,color:'#ffffff',title:'黑色'}, | ||||
{src:'bg-white',checkSrc:'icon-select-white',id:3,color:'#000000',title:'白色'}, | {src:'bg-white',checkSrc:'icon-select-white',id:3,color:'#000000',title:'白色'}, | ||||
{src:'bg-white_blue',checkSrc:'icon-select-blue',id:6,color:'#000000',title:'蓝白渐变'}, | |||||
{src:'bg-white_blue',checkSrc:'icon-select-blue',id:6,color:'#ffffff',title:'蓝白渐变'}, | |||||
{src:'bg-green',checkSrc:'icon-select-green',id:11,color:'#ffffff',title:'绿色'}, | {src:'bg-green',checkSrc:'icon-select-green',id:11,color:'#ffffff',title:'绿色'}, | ||||
{src:'bg-green',checkSrc:'icon-select-green',id:12,color:'#ffffff',title:'红色'}, | {src:'bg-green',checkSrc:'icon-select-green',id:12,color:'#ffffff',title:'红色'}, | ||||
] | ] | ||||
}else{ | }else{ | ||||
for(var i=0;i<data.trucksPlateColorType.length;i++){ | for(var i=0;i<data.trucksPlateColorType.length;i++){ | ||||
for(var j=0;j<state.allColorList.length;j++){ | for(var j=0;j<state.allColorList.length;j++){ | ||||
console.log("23",getCodeName('VEHICLE_COLOR_TYPE',data.trucksPlateColorType[i])) | |||||
if(state.allColorList[j].title==getCodeName('VEHICLE_COLOR_TYPE',data.trucksPlateColorType[i])){ | if(state.allColorList[j].title==getCodeName('VEHICLE_COLOR_TYPE',data.trucksPlateColorType[i])){ | ||||
state.numberplateColorList.push(state.allColorList[j]) | state.numberplateColorList.push(state.allColorList[j]) | ||||
} | } |
state.isSign=option.isSign; | state.isSign=option.isSign; | ||||
//state.fromOrder = option.fromOrder //是否来自订单-修改资料 | //state.fromOrder = option.fromOrder //是否来自订单-修改资料 | ||||
getGlobalParam(); //全局配置数据 | getGlobalParam(); //全局配置数据 | ||||
queryUserMsg(); //通过opneId查询用户信息 | |||||
}); | }); | ||||
//监听页面滚动 | //监听页面滚动 | ||||
}; | }; | ||||
//orc接口调用 | //orc接口调用 | ||||
const cardImageOcr = (val : any) => { | const cardImageOcr = (val : any) => { | ||||
if(state.isEnableOCRData){ | |||||
return; | |||||
} | |||||
console.log("点击了"); | console.log("点击了"); | ||||
var imageType = val; | var imageType = val; | ||||
uni.chooseImage({ | uni.chooseImage({ | ||||
// 小程序信息带出 | // 小程序信息带出 | ||||
if(getCodeName('IS_ENABLE',data.miniInfoShow)=='启用'){ | if(getCodeName('IS_ENABLE',data.miniInfoShow)=='启用'){ | ||||
state.isEnableInfo=true; | state.isEnableInfo=true; | ||||
queryUserMsg(); //通过opneId查询用户信息 | |||||
}else{ | }else{ | ||||
state.isEnableInfo=false; | state.isEnableInfo=false; | ||||
} | } | ||||
}; | }; | ||||
request(getUserMsg, options).then((res) => { | request(getUserMsg, options).then((res) => { | ||||
console.log("通过opneId查询用户信息",stringToJson(res.bizContent)) | console.log("通过opneId查询用户信息",stringToJson(res.bizContent)) | ||||
const data=stringToJson(res.bizContent); | |||||
state.form.userPosImgUrl=data.customerPosImgUrl; | |||||
state.form.userNegImgUrl=data.customerNegImgUrl; | |||||
state.form.userName=data.customerName; | |||||
state.form.userIdNum=data.customerIdNum; | |||||
state.form.address=data.customerAddress; | |||||
state.form.tel=data.customerTel; | |||||
}) | }) | ||||
} | } | ||||
</script> | </script> |