浏览代码

预测结果显示

JXDS18FUJT 1 年之前
父节点
当前提交
835f41d4e5
共有 2 个文件被更改,包括 54 次插入14 次删除
  1. 1 0
      src/api/openApi/type.d.ts
  2. 53 14
      src/pages/forecast/index.vue

+ 1 - 0
src/api/openApi/type.d.ts

@@ -12,6 +12,7 @@ export declare namespace openApiRes {
             nongDay: string
             score: number
             riYuan: string
+            guoGuanMap:Map<string,string>
             ganZhiRowVoList: {
                 gongWei: string
                 xi: string

+ 53 - 14
src/pages/forecast/index.vue

@@ -125,12 +125,20 @@
             </view>
             <view class="result">
                 <img mode="widthFix" class="imgCircle" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/circle.png">
-                <view :data-theme="theme" class="imgTitle"><text>喜</text><text>用</text><text>数</text><text>字</text></view>
+                <view :data-theme="theme" class="imgTitle"><text>个</text><text>人</text><text>特</text><text>点</text></view>
                 <img mode="widthFix" class="imgHeader" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_top.png" />
                 <view class="result-content">
                     <view class="result-desc result-desc_limit">
-                        尊敬的朋友,请在手机号、门牌号、工号等。尽可能多选用以下数字:
-                        您手握着一个神奇的喜用数字:1, 2, 3, 4, 5, 6, 7, 8, 9, 0!这不仅仅是一串数字,更是您个人财运和桃花运的精彩密码。让我们一同揭示这些数字所蕴含的神秘能量吧!
+                        <div v-for="(item, index) in userData.guoGuanMap">{{ index }}.{{ item }}</div>
+                        <!-- 1: 不太好赚钱,看着别人发财,自己却不容易挣钱。
+                        2: 面部有伤或者头部有伤。
+                        3: 胸部、腹部、屁股身体部位存在伤疤或痣。
+                        4: 如果在当前住所居住满3年以上,东北方、西南方、西北方存在带有翅膀,羽毛,会飞的东西物品或摆件。
+                        5: 如果在当前住所居住满3年以上,南方、北方存在带有女性照片,结婚证,金钱,珠宝,较有价值的物品。
+                        6: 如果在当前住所居住满3年以上,北方、北方存在文件、书籍等物品。
+                        7: 如果在当前住所居住满3年以上,北方、北方存在神佛类物品或摆件(包含中西方诸神,佛主、耶稣等等)。
+                        8: 大概率跟老婆在一个公司或单位,一起工作过。(过去或未来)
+                        9: 十恶大败日生人,入不敷出,花钱多,进钱少。可能欠有银行贷款等外债。 -->
 
                     </view>
                     <view class="result-pay">开通会员立即查看</view>
@@ -145,7 +153,35 @@
             <view style="width: 100%;height: 55rpx;"></view>
             <view class="result">
                 <img mode="widthFix" class="imgCircle" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/circle.png">
-                <view :data-theme="theme" class="imgTitle"><text>易</text><text>发</text><text>疾</text><text>病</text></view>
+                <view :data-theme="theme" class="imgTitle"><text>十</text><text>神</text><text>评</text><text>语</text></view>
+                <img mode="widthFix" class="imgHeader" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_top.png" />
+                <view class="result-content ">
+                    <view class="result-desc">
+                        {{ userData.reportMap['缺失十神评语'] }}
+
+
+                    </view>
+                    <!-- <view class="result-disease">
+                        <view v-for="(item,index) in userData.diseasePartList" class="">
+                            <text style="color: #006494;"> {{ item.part }}:</text>
+                            <text>({{ item.degree }}) {{ item.symp }}</text>
+                        </view>
+                    </view> -->
+
+                    <!-- <view class="result-pay">开通会员立即查看</view> -->
+                    <!-- <view class="result-pay">开通会员立即查看</view> -->
+                    <!-- <img  mode="widthFix" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_middle.png" /> -->
+                    <!-- <view class="result-content-border1">
+                        <view class="result-content-border2">
+                        </view>
+                    </view> -->
+                </view>
+                <img mode="widthFix" class="imgFooter" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_bottom.png" />
+            </view>
+            <view style="width: 100%;height: 55rpx;"></view>
+            <view class="result">
+                <img mode="widthFix" class="imgCircle" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/circle.png">
+                <view :data-theme="theme" class="imgTitle"><text>五</text><text>行</text><text>评</text><text>语</text></view>
                 <img mode="widthFix" class="imgHeader" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_top.png" />
                 <view class="result-content ">
                     <view class="result-desc">
@@ -154,7 +190,7 @@
 
                     </view>
                     <view class="result-disease">
-                        <view v-for="item in userData.diseasePartList" class="">
+                        <view v-for="(item, index) in userData.diseasePartList" class="">
                             <text style="color: #006494;"> {{ item.part }}:</text>
                             <text>({{ item.degree }}) {{ item.symp }}</text>
                         </view>
@@ -194,6 +230,11 @@ export default Vue.extend({
                 sex: 1,
                 birthDay: '',
                 nongDay: '',
+                reportMap: {
+                    "潮湿平衡": "过于干燥,火特别多,性情比较暴躁,容易上火,内心上火容易产生无名火,容易被“点燃”生气,身体也容易上火。",
+                    "缺失五行评语": "五行缺金:放置一些金属质地的装饰品,如金色的花瓶、金属相框等;引入一些金属家具,如金属椅子、桌子等。",
+                    "缺失十神评语": "缺少正财,收入不稳定。"
+                },
                 ganZhiProRowVoList: [[{
                     "gongWei": "",
                     "name": "",
@@ -397,6 +438,9 @@ export default Vue.extend({
                         taoHua: "1的活力能量,可能吸引到与您个性契合的人。"
                     }]
                 },
+                guoGuanMap: {
+                    "1": ""
+                },
                 ganZhiKongWangVoList: [{ kongWang: '', zhu: '' }, { kongWang: '', zhu: '' }, { kongWang: '', zhu: '' }, { kongWang: '', zhu: '' }]
 
 
@@ -639,16 +683,10 @@ export default Vue.extend({
 
             .result-desc {
                 width: 100%;
+                text-align: left;
             }
 
-            .result-desc_limit {
-
-                display: -webkit-box;
-                -webkit-box-orient: vertical;
-                -webkit-line-clamp: 3;
-                overflow: hidden;
-                text-overflow: ellipsis
-            }
+            .result-desc_limit {}
 
             .result-pay {
                 margin: 0 auto;
@@ -723,4 +761,5 @@ export default Vue.extend({
             width: 100%;
         }
     }
-}</style>
+}
+</style>