换皮肤功能完善中

src/api/openApi/type.d.ts

@@ -12,7 +12,8 @@ export declare namespace openApiRes {
             nongDay: string
             score: number
             riYuan: string
-            guoGuanMap:Map<string,string>
+            reportMap: { 潮湿平衡: string; 缺失五行评语: string; 缺失十神评语: string;财运:string }
+            guoGuanMap: { "1": string, "2": string, "3": string }
             ganZhiRowVoList: {
                 gongWei: string
                 xi: string

src/pages/forecast/index.vue

@@ -1,6 +1,8 @@
 <template>
     <view :data-theme="theme" class="bg">
-
+        <view class="categorys">
+            <view class="" v-for="item in categorys">{{ item.text }}</view>
+        </view>
         <view class="content">
             <view class="user">
                 <view style="width:50%">
@@ -119,9 +121,7 @@
                         <view :data-theme="theme" class="row">{{ userData.ganZhiKongWangVoList[3].kongWang }}</view>
 
                     </view>
-
                 </view>
-
             </view>
             <view class="result">
                 <img mode="widthFix" class="imgCircle" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/circle.png">
@@ -130,18 +130,10 @@
                 <view class="result-content">
                     <view class="result-desc result-desc_limit">
                         <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>
+                    <!-- <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">
@@ -150,25 +142,38 @@
                 </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 style="width: 100%;height: 35rpx;"></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-content">
                     <view class="result-desc">
-                        {{ userData.reportMap['缺失十神评语'] }}
+                        {{ 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 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: 35rpx;"></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">
+                        {{ userData.qingGan }}
 
-                    <!-- <view class="result-pay">开通会员立即查看</view> -->
+
+                    </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">
@@ -178,25 +183,142 @@
                 </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 style="width: 100%;height: 35rpx;"></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-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 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: 35rpx;"></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">
+                        {{ userData.reportMap['潮湿平衡'] }}
+
+
+                    </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: 35rpx;"></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">
+                        <view v-for="item in userData.numberYunMap.numberYunList"
+                            style="position: relative;margin-bottom: 10px;" class="">
+                            <image class="result-desc-icon1" mode="widthFix" src="/static/icon/green_rect@2x.png" />
+                            <view class="result-desc-lucktext">数字{{ item.id }}</view>
+                            <text>
+                                {{ item.caiYun }}
+                            </text>
+                            <view>
+                                {{ item.taoHua }}
+                            </view>
+                        </view>
+                        <view>
+                            选用{{ userData.numberYunMap.numberYuns }} 为电话号码，门牌号、车牌号等。
                         </view>
+
+
                     </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: 35rpx;"></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">
+                        <view>{{ userData.piQi }}</view>
+
+
+                    </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: 35rpx;"></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">
+                        <view style="text-align: left;">称骨重量:{{ userData.chenGuMap['称骨重量'] }}</view>
+                        <view>{{ userData.chenGuMap['称骨评语'] }}</view>
+
+
+                    </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: 35rpx;"></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">
+                        <view class="result-disease">
+                            <view v-for="(item, index) in userData.diseasePartList" class="">
+                                <text> {{ item.part }}:</text>
+                                <text> {{ item.symp }}</text>
+                            </view>
+                        </view>
+
 
-                    <view class="result-pay">开通会员立即查看</view>
+                    </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">
@@ -206,6 +328,120 @@
                 </view>
                 <img mode="widthFix" class="imgFooter" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_bottom.png" />
             </view>
+
+            <view style="width: 100%;height: 35rpx;"></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">
+                        {{ userData.xiFangWei }}
+                    </view>
+
+
+                </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> -->
+                <img mode="widthFix" class="imgFooter" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_bottom.png" />
+            </view>
+
+            <view style="width: 100%;height: 35rpx;"></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">
+                        {{ userData.guiren }}
+                    </view>
+
+
+                </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> -->
+                <img mode="widthFix" class="imgFooter" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_bottom.png" />
+            </view>
+            <view style="width: 100%;height: 35rpx;"></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">
+                        {{ userData.industry }}
+                    </view>
+
+
+                </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> -->
+                <img mode="widthFix" class="imgFooter" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_bottom.png" />
+            </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">
+                        {{ 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: 35rpx;"></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">
+                        当我们关注身体健康时，了解各宫位的能量分布可以帮助我们判断可能出现的疾病。请特别留意以下身体部位可能存在的问题，并在早期进行检查，以便及时预防。
+
+
+                    </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>
+                <img mode="widthFix" class="imgFooter" src="https://ndata.zzxcx.net/xpgx-xcx/forecast/bg_bottom.png" />
+            </view> -->
         </view>
     </view>
 </template>
@@ -217,8 +453,22 @@ import responseDecorator from '@/utils/responseDecorator'
 export default Vue.extend({
     data() {
         return {
-            theme: 'yellow',
+            theme: 'red',
             title: '国学',
+            categorys: [{ text: '八字命盘', point: 'bzmp' },
+            { text: '个人特点', point: 'grtd' },
+            { text: '财运分析', point: 'cyfx' },
+            { text: '婚姻情感', point: 'hyqg' },
+            { text: '五行评语', point: 'wxpy' },
+            { text: '潮湿平衡', point: 'csph' },
+            { text: '喜用数字', point: 'xysz' },
+            { text: '格局脾气', point: 'gjpq' },
+            { text: '称骨评语', point: 'cgpy' },
+            { text: '健康预防', point: 'jkyf' },
+            { text: '喜用方位', point: 'xyfw' },
+            { text: '命中贵人', point: 'mzgr' },
+            { text: '推荐行业', point: 'tjhy' }],
+
             form: {
                 birthDay: '1997-05-16 23:00:00',
                 isSave: 0,
@@ -227,13 +477,23 @@ export default Vue.extend({
             },
             userData: {
                 username: '',
+                piQi: '',
+                guiren: '',
+                industry: '',
+                xiFangWei: '',
+                chenGuMap: {
+                    称骨评语: "",
+                    称骨重量: "",
+                },
                 sex: 1,
                 birthDay: '',
                 nongDay: '',
+                qingGan: '',
                 reportMap: {
                     "潮湿平衡": "过于干燥，火特别多，性情比较暴躁，容易上火，内心上火容易产生无名火，容易被“点燃”生气，身体也容易上火。",
                     "缺失五行评语": "五行缺金：放置一些金属质地的装饰品，如金色的花瓶、金属相框等;引入一些金属家具，如金属椅子、桌子等。",
-                    "缺失十神评语": "缺少正财，收入不稳定。"
+                    "缺失十神评语": "缺少正财，收入不稳定。",
+                    "财运": "无"
                 },
                 ganZhiProRowVoList: [[{
                     "gongWei": "",
@@ -491,6 +751,15 @@ export default Vue.extend({
 
 }
 
+.categorys {
+    padding-left: 60rpx;
+    font-size: 34rpx;
+    font-weight: bold;
+    display: inline-block;
+    
+
+}
+
 .content {
     padding: 50rpx 30rpx;
     font-weight: 600;
@@ -684,6 +953,23 @@ export default Vue.extend({
             .result-desc {
                 width: 100%;
                 text-align: left;
+
+                .result-desc-icon1 {
+                    width: 119rpx;
+                    display: inline-block;
+                    margin-right: 15rpx;
+
+                }
+
+                .result-desc-lucktext {
+                    text-align: center;
+                    width: 119rpx;
+                    line-height: 54rpx;
+                    left: 0;
+                    top: 0;
+                    position: absolute;
+
+                }
             }
 
             .result-desc_limit {}