<style>
|
.content {
|
/* display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: center; */
|
width: 100vw;
|
height: 100vh;
|
background: #EAEAEA;
|
padding: 1rpx 0rpx;
|
}
|
.v-area{
|
border-radius: 12rpx;
|
margin: 30rpx;
|
padding: 10rpx;
|
background: #FFFFFF;
|
}
|
.areaList{
|
padding: 0;
|
}
|
.areaList li{
|
/* border: 1px solid #0062CC; */
|
list-style: none;
|
/* width: 120rpx; */
|
display: inline-block;
|
padding: 30rpx 16rpx 16rpx 20rpx;
|
text-align: center;
|
font-size: 14px;
|
}
|
.logo {
|
height: 120rpx;
|
width: 120rpx;
|
border-radius: 20rpx;
|
display: inline-block;
|
text-align: center;
|
padding: 18rpx;
|
color: #000000;
|
border: 0px solid rgb(221, 221, 221);
|
}
|
.logo i{
|
color: #000000;
|
font-size: 40px;
|
line-height: 53px;
|
}
|
|
</style>
|
|
<template>
|
<view class="content">
|
<!-- <view class="v-area">
|
<p>tttttttttt</p>
|
<ul class="areaList">
|
<li>
|
<a href="javascript:;" class="logo" >
|
<i class="fu-sys_log"></i>
|
</a>
|
<p >新增元数据</p>
|
</li>
|
</ul>
|
</view> -->
|
|
<view class="v-area" v-for="(area,index) in data">
|
<p :data-key="area.ID">{{ area.Name }}</p>
|
<ul class="areaList">
|
<li v-for="(app,key) in area.App">
|
<a href="javascript:;" @tap="appCreate(app)" class="logo" :style="{'background-color':app.BkColor,'color':app.BkColor}">
|
<i :class="app.ImgFontStyle" :style="{'color':app.TxtColor}"></i>
|
</a>
|
<p :data-key="area.ID">{{ app.Name }}</p>
|
</li>
|
</ul>
|
</view>
|
|
<!-- <image class="logo" src="/static/logo.png"></image>
|
<view class="text-area">
|
<text class="title">{{title}}</text>
|
</view>
|
<view class="" v-for="(v,index) in data">
|
<input type="text" :value="v" @focus="ontap" :data-key="index" :key="index"/>
|
</view> -->
|
</view>
|
</template>
|
|
<script>
|
export default {
|
onNavigationBarButtonTap(e) {
|
// console.log(e.text);
|
// console.log(e.fontSize);
|
this.$store.state.areaFunc='';
|
this.$store.commit("classAttrList",null);
|
this.$store.commit("classGridStyleInfo",null);
|
this.$store.commit("dicValueInfo",null);
|
//刷新当前页面
|
// location.reload();
|
uni.redirectTo({
|
url:'../index/index?args=9999999999'
|
})
|
},
|
data() {
|
return {
|
title: 'Hello',
|
data:[]
|
}
|
},
|
onLoad(options) {
|
console.log(options);
|
|
// 获取所有AppType="MES",ClientType="2"(PDA)的引用领域功能点信息
|
if(this.$store.state.areaFunc)
|
this.data = this.$store.state.areaFunc.data;
|
else
|
this.$store.dispatch('areaFunc',{}).then(success=>{
|
console.log(success);
|
if (success.code=='00000') {
|
this.data = success.data;
|
}else{
|
uni.showModal({title:"错误",content:success.msg,showCancel:false,confirmText:"取消"});
|
}
|
}).catch(ex=>{
|
// console.log(ex);
|
uni.showModal({title:"错误",content:ex.errMsg,showCancel:false,confirmText:"取消"});
|
});
|
|
// var data = {
|
// in1:"ll1",
|
// in2:"ll2",
|
// in3:"ll3",
|
// in4:"ll4",
|
// in5:"ll5",
|
// in6:"ll6",
|
// };
|
// for(var i in data)
|
// this.$data.keys.push(i)
|
// this.$data.data = data;
|
// console.log(this.$data.keys);
|
},
|
methods: {
|
appCreate(app){ //点击功能点跳转页面
|
console.log(app);
|
if(!app.Param){
|
uni.showModal({title:"提示",content:"该功能点未配置参数，请重新配置参数！",showCancel:false,confirmText:"取消"});
|
return;
|
}
|
if(app.DefCode == '3018'){
|
uni.navigateTo({
|
url:'../modal/classAttr?param='+app.Param+"&titlename="+app.Name
|
})
|
} else if(app.DefCode == '3037'){
|
uni.navigateTo({
|
url:'../modal/ms_classAttr?param='+app.Param+"&titlename="+app.Name
|
})
|
}
|
// uni.redirectTo({
|
// url:'../index/index?args=9999999999'
|
// });
|
},
|
ontap(e){ //扫码功能
|
// console.log(e.target)
|
getApp().onScan((result)=>{
|
// console.log(result.decodedata);
|
this.$data.data[e.target.dataset['key']]=result.decodedata;
|
})
|
}
|
|
}
|
}
|
</script>
|
