1.9 个股中心模块搭建

unpackage/dist/dev/mp-weixin/pagesStock/stockCenterDetails/stockCenterDetails.js

@@ -39,7 +39,24 @@ const _sfc_main = {
           title: "工商信息"
         }
       ],
-      selectCompanyFiles: 0
+      //公司档案分类
+      selectCompanyFiles: 0,
+      inDepthAnalysisList: [
+        {
+          title: "战略分析"
+        },
+        {
+          title: "业务结构"
+        },
+        {
+          title: "产业链"
+        },
+        {
+          title: "发展历程"
+        }
+      ],
+      //深度分析分类
+      selectInDepthAnalysis: 0
     };
   },
   onLoad() {
@@ -62,16 +79,26 @@ const _sfc_main = {
       if (this.selectCompanyFiles != index) {
         this.selectCompanyFiles = index;
       }
+    },
+    /**
+     * @param {Object} index
+     */
+    clickInDepthAnalysisItem(index) {
+      if (this.selectInDepthAnalysis != index) {
+        this.selectInDepthAnalysis = index;
+      }
     }
   }
 };
 if (!Array) {
   const _easycom_navBar2 = common_vendor.resolveComponent("navBar");
-  _easycom_navBar2();
+  const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
+  (_easycom_navBar2 + _easycom_uni_popup2)();
 }
 const _easycom_navBar = () => "../../components/navBar/navBar.js";
+const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
 if (!Math) {
-  _easycom_navBar();
+  (_easycom_navBar + _easycom_uni_popup)();
 }
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return common_vendor.e({
@@ -107,19 +134,46 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         d: common_vendor.o(($event) => $options.clickCompanyFilesItem(index), index)
       };
     }),
-    o: $data.selectCompanyFiles == 2
-  }, $data.selectCompanyFiles == 2 ? {} : {}, {
-    p: $data.selectCompanyFiles == 3
+    o: $data.selectCompanyFiles == 0
+  }, $data.selectCompanyFiles == 0 ? {} : {}, {
+    p: $data.selectCompanyFiles == 1
+  }, $data.selectCompanyFiles == 1 ? {
+    q: common_assets._imports_6$2,
+    r: common_assets._imports_7$2
+  } : {}, {
+    s: $data.selectCompanyFiles == 2
+  }, $data.selectCompanyFiles == 2 ? {
+    t: common_assets._imports_8$5
+  } : {}, {
+    v: $data.selectCompanyFiles == 3
   }, $data.selectCompanyFiles == 3 ? {} : {}) : {}, {
-    q: common_vendor.s("top:" + $data.contentTop + "px;"),
-    r: common_vendor.o(($event) => _ctx.sendEventComment()),
-    s: _ctx.eventComment,
-    t: common_vendor.o(($event) => _ctx.eventComment = $event.detail.value),
-    v: common_assets._imports_6$2,
-    w: common_assets._imports_7$2,
-    x: common_vendor.o(($event) => _ctx.clickComment()),
-    y: common_assets._imports_8$5,
-    z: common_vendor.o(($event) => _ctx.clickFollow())
+    w: $data.selectTab == 1
+  }, $data.selectTab == 1 ? common_vendor.e({
+    x: common_vendor.f($data.inDepthAnalysisList, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.title),
+        b: common_vendor.n("item " + ($data.selectInDepthAnalysis == index ? "select" : "")),
+        c: index,
+        d: common_vendor.o(($event) => $options.clickInDepthAnalysisItem(index), index)
+      };
+    }),
+    y: $data.selectInDepthAnalysis == 0
+  }, $data.selectInDepthAnalysis == 0 ? {} : {}, {
+    z: $data.selectInDepthAnalysis == 1
+  }, $data.selectInDepthAnalysis == 1 ? {} : {}) : {}, {
+    A: common_vendor.s("top:" + $data.contentTop + "px;"),
+    B: common_vendor.o(($event) => _ctx.sendEventComment()),
+    C: _ctx.eventComment,
+    D: common_vendor.o(($event) => _ctx.eventComment = $event.detail.value),
+    E: common_assets._imports_9$3,
+    F: common_assets._imports_10$4,
+    G: common_vendor.o(($event) => _ctx.clickComment()),
+    H: common_assets._imports_11$4,
+    I: common_vendor.o(($event) => _ctx.clickFollow()),
+    J: common_vendor.sr("industryRank", "817d6950-1"),
+    K: common_vendor.p({
+      type: "bottom"
+    })
   });
 }
 const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);

unpackage/dist/dev/mp-weixin/pagesStock/stockCenterDetails/stockCenterDetails.json

@@ -1,6 +1,7 @@
 {
   "navigationBarTitleText": "",
   "usingComponents": {
-    "nav-bar": "../../components/navBar/navBar"
+    "nav-bar": "../../components/navBar/navBar",
+    "uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup"
   }
 }

unpackage/dist/dev/mp-weixin/pagesStock/stockCenterDetails/stockCenterDetails.wxss

@@ -192,6 +192,7 @@ page {
   margin-right: 20rpx;
   padding: 0 12rpx;
   line-height: 46rpx;
+  border-radius: 5rpx;
   font-size: 24rpx;
   font-weight: 500;
   color: #939393;
@@ -201,10 +202,178 @@ page {
   font-weight: bold;
   color: #070707;
 }
+.stockDetailsC .otherInfoC .managementTeamList {
+  padding: 0 20rpx;
+}
+.stockDetailsC .otherInfoC .managementTeamList .positionNumC {
+  height: 70rpx;
+}
+.stockDetailsC .otherInfoC .managementTeamList .positionNumC .position {
+  margin-right: 11rpx;
+  font-size: 28rpx;
+  font-weight: bold;
+}
+.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num {
+  padding: 0 14rpx;
+  line-height: 30rpx;
+  border-radius: 5rpx;
+  font-size: 20rpx;
+  font-weight: bold;
+  color: white;
+}
+.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num.director {
+  background-color: #99AFEC;
+}
+.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num.supervisor {
+  background-color: #B499EC;
+}
+.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num.other {
+  background-color: #B5B5C9;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item {
+  background-color: #FAFAFC;
+  margin-bottom: 20rpx;
+  padding: 20rpx 25rpx 20rpx 20rpx;
+  border-radius: 10rpx;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC {
+  margin-right: 18rpx;
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: white;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC {
+  right: 0;
+  bottom: 0;
+  width: 30rpx;
+  height: 30rpx;
+  border-radius: 50%;
+  border: solid 2rpx white;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC .icon {
+  width: 16rpx;
+  height: auto;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC.female {
+  background-color: #FA5A93;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC.male {
+  background-color: #3E6CFC;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC.director {
+  background-color: #99AFEC;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC.supervisor {
+  background-color: #B499EC;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .avatarC.other {
+  background-color: #B5B5C9;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .name {
+  margin-right: 13rpx;
+  font-size: 24rpx;
+  font-weight: bold;
+  color: #666;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .position {
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #999;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .date {
+  font-size: 20rpx;
+  font-weight: 500;
+  color: #999;
+  text-align: right;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .educationAgeC {
+  margin-top: 8rpx;
+}
+.stockDetailsC .otherInfoC .managementTeamList .item .educationAgeC .label {
+  margin-right: 10rpx;
+  background-color: #F1F1F1;
+  line-height: 30rpx;
+  padding: 0 16rpx;
+  font-size: 20rpx;
+  font-weight: 500;
+  color: #999;
+}
+.stockDetailsC .otherInfoC .managementTeamList .expandMoreC {
+  height: 80rpx;
+  border-bottom: solid 1rpx #E7E7E7;
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #C9C9C9;
+}
+.stockDetailsC .otherInfoC .managementTeamList .expandMoreC .arrow {
+  margin-left: 18rpx;
+  width: 11rpx;
+  height: auto;
+}
+.stockDetailsC .otherInfoC .branchList {
+  margin-top: 38rpx;
+  padding: 0 20rpx;
+}
+.stockDetailsC .otherInfoC .branchList .item {
+  background-color: #FAFAFC;
+  margin-bottom: 20rpx;
+  padding: 20rpx;
+  border-radius: 10rpx;
+}
+.stockDetailsC .otherInfoC .branchList .item .titleStatusC {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #2B2B2B;
+}
+.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC {
+  padding: 0 10rpx;
+  line-height: 28rpx;
+  border-radius: 15rpx;
+  font-size: 20rpx;
+  font-weight: 500;
+}
+.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC.exist {
+  background-color: #FFF7E9;
+  border: solid 1rpx #F2C369;
+  color: #F2C369;
+}
+.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC.exist .icon {
+  margin-right: 3rpx;
+  width: 16rpx;
+  height: auto;
+}
+.stockDetailsC .otherInfoC .branchList .item .infoC {
+  height: 50rpx;
+}
+.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem .title {
+  margin-right: 16rpx;
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #999;
+}
+.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem .content {
+  font-size: 24rpx;
+  font-weight: bold;
+  color: #2A2A2A;
+  text-align: right;
+}
+.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem.leftInfo {
+  margin-right: 20rpx;
+}
+.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem.rightInfo {
+  margin-left: 20rpx;
+}
+.stockDetailsC .otherInfoC .branchList .item .infoC.topInfo {
+  margin-top: 10rpx;
+}
 .stockDetailsC .otherInfoC .businessInfoList {
   padding: 0 20rpx;
 }
 .stockDetailsC .otherInfoC .businessInfoList .section {
+  line-height: 72rpx;
   font-size: 28rpx;
   font-weight: bold;
   color: #2B2B2B;
@@ -212,13 +381,65 @@ page {
 .stockDetailsC .otherInfoC .businessInfoList .infoC {
   background-color: #FAFAFC;
   border-radius: 10rpx;
-  padding: 20rpx;
+  padding: 12rpx 20rpx;
+}
+.stockDetailsC .otherInfoC .businessInfoList .infoC .infoItem {
+  line-height: 40rpx;
 }
 .stockDetailsC .otherInfoC .businessInfoList .infoC .title {
   font-size: 22rpx;
   font-weight: 500;
   color: #999;
 }
+.stockDetailsC .otherInfoC .businessInfoList .infoC .content {
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #2A2A2A;
+}
+.stockDetailsC .otherInfoC .businessInfoList .infoC .content.code {
+  color: #BB8520;
+}
+.stockDetailsC .otherInfoC .businessInfoList .infoC .content.rightAlign {
+  text-align: right;
+}
+.stockDetailsC .otherInfoC .businessInfoList .infoC.mainBussiness {
+  padding: 20rpx;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList {
+  padding: 0 20rpx;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .section {
+  line-height: 72rpx;
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #2B2B2B;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .infoC {
+  background-color: #FAFAFC;
+  border-radius: 10rpx;
+  padding: 12rpx 20rpx;
+  margin-bottom: 20rpx;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .infoItem {
+  line-height: 40rpx;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .title {
+  font-size: 22rpx;
+  font-weight: 500;
+  color: #2A2A2A;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .content {
+  margin-top: 10rpx;
+  font-size: 20rpx;
+  font-weight: 500;
+  color: #999;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .content.code {
+  color: #BB8520;
+}
+.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .content.rightAlign {
+  text-align: right;
+}
 .bottomC {
   background-color: black;
   padding: 20rpx 25rpx calc(20rpx + env(safe-area-inset-bottom));