|
|
@@ -18,9 +18,12 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankOverview
|
|
|
</view>
|
|
|
|
|
|
<view class="mid uni-column">
|
|
|
- <view class="mid-0 uni-row uni-jcsb">
|
|
|
- <e-select class="" v-model="ocaId" :options="mapList" :search="false" :inputClick="true"
|
|
|
- maxHeight="300px" :clearable="false" @change="eSelectChange"></e-select>
|
|
|
+ <view class="mid-0 uni-row uni-jcc">
|
|
|
+ <view class="mid-0-select">
|
|
|
+ <e-select v-model="ocaId" :options="mapList" :search="false" :inputClick="true"
|
|
|
+ maxHeight="300px" :clearable="false" @change="eSelectChange"></e-select>
|
|
|
+ </view>
|
|
|
+ <text v-if="popupHelpList.length > 0" class="mid-0-help" @click="btnHelp">帮助</text>
|
|
|
</view>
|
|
|
<view class="mid-1 uni-row uni-jcsa">
|
|
|
<text class="mid-1-text">{{nickName}}</text>
|
|
|
@@ -61,6 +64,7 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankOverview
|
|
|
</view>
|
|
|
|
|
|
<my-popup ref="mypopup" :config="popupRuleConfig" :dataList="popupDataList" :acttime="acttime"></my-popup>
|
|
|
+ <my-popup ref="mypopupHelp" :config="popupHelpConfig" :dataList="popupHelpList"></my-popup>
|
|
|
<!-- <my-popup-map ref="mypopupmap" :point="navPoint"></my-popup-map> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -129,7 +133,9 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankOverview
|
|
|
pathList: {},
|
|
|
pathListStyle: {},
|
|
|
popupRuleConfig: {}, // 规则弹窗配置
|
|
|
+ popupHelpConfig: {}, // 帮助弹窗配置
|
|
|
popupDataList: [],
|
|
|
+ popupHelpList: [],
|
|
|
navPoint: {},
|
|
|
configParam: {
|
|
|
subTitle: ""
|
|
|
@@ -310,6 +316,13 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankOverview
|
|
|
}
|
|
|
// console.log("[loadConfig] popupRuleConfig:", this.popupRuleConfig);
|
|
|
|
|
|
+ // 加载帮助弹窗配置
|
|
|
+ const popupHelpConfig = config.popupHelpConfig;
|
|
|
+ if (popupHelpConfig != undefined) {
|
|
|
+ this.popupHelpConfig = popupHelpConfig;
|
|
|
+ }
|
|
|
+ // console.log("[loadConfig] popupHelpConfig:", this.popupHelpConfig);
|
|
|
+
|
|
|
// 加载弹窗数据
|
|
|
const popupDataList = config.popupDataList;
|
|
|
// console.log("[loadConfig] popupDataList:", popupDataList);
|
|
|
@@ -330,6 +343,16 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankOverview
|
|
|
}
|
|
|
// console.log("[loadConfig] popupDataList:", this.popupDataList);
|
|
|
|
|
|
+ // 加载弹窗(帮助)数据
|
|
|
+ const popupHelpList = config.popupHelpList;
|
|
|
+ if (popupHelpList != undefined && popupHelpList.length > 0) {
|
|
|
+ for (var i = 0; i < popupHelpList.length; i++) {
|
|
|
+ // console.log("[loadConfig] popupHelpList", i, popupHelpList[i]);
|
|
|
+ this.popupHelpList.push(popupHelpList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // console.log("[loadConfig] popupHelpList:", this.popupHelpList);
|
|
|
+
|
|
|
// 加载页面参数
|
|
|
const param = config.param;
|
|
|
if (param != undefined) {
|
|
|
@@ -717,6 +740,21 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankOverview
|
|
|
}
|
|
|
}
|
|
|
],
|
|
|
+ "popupHelpConfig": {
|
|
|
+ "height": "539px"
|
|
|
+ },
|
|
|
+ "popupHelpList": [
|
|
|
+ {
|
|
|
+ "type": 2,
|
|
|
+ "data": {
|
|
|
+ "title": "帮助",
|
|
|
+ "img": "/static/common/qrcode_help.png",
|
|
|
+ "imgParam": {
|
|
|
+ "height": "370px"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ],
|
|
|
"param": {
|
|
|
"subTitle": "山东大学123周年庆"
|
|
|
}
|
|
|
@@ -862,6 +900,9 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankOverview
|
|
|
// console.log(this.$refs.mypopup);
|
|
|
this.$refs.mypopup.popupOpen();
|
|
|
},
|
|
|
+ btnHelp() {
|
|
|
+ this.$refs.mypopupHelp.popupOpen();
|
|
|
+ },
|
|
|
btnReGroup() {
|
|
|
this.queryObj.from = "rankOverview";
|
|
|
this.queryString = tools.objectToQueryString(this.queryObj);
|
|
|
@@ -1002,17 +1043,28 @@ https://oss-mbh5.colormaprun.com/card/#/pages/bm/style4/rankOverview
|
|
|
}
|
|
|
|
|
|
.mid-0 {
|
|
|
- width: 56%;
|
|
|
+ width: 90%;
|
|
|
margin: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mid-0-select {
|
|
|
+ width: 60%;
|
|
|
font-weight: 500;
|
|
|
color: #8e8e8e;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
+
|
|
|
+ .mid-0-help {
|
|
|
+ position: absolute;
|
|
|
+ right: 30px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #992900;
|
|
|
+ }
|
|
|
|
|
|
.mid-1 {
|
|
|
width: 90%;
|
|
|
margin-bottom: 12px;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.mid-1-text {
|