Merge branch 'ldx' into dev

src/components/service-info/app-info.vue

@@ -37,27 +37,20 @@
         <div class="and_wid">
           <div class="dbn_wkdn">
             价&nbsp;&nbsp;格：
-            <span class="ndwa_indowa"> {{ specification && specification.single_money ? specification.single_money * duration : 0 }} </span>
+            <span class="ndwa_indowa"> {{ data.price * duration }} </span>
             <span class="kfdf_jffa">金币</span>
           </div>
           <div class="nmd_kwd">
             月售：
-            <span class="ndwa_dn"> {{ data.mount_count }} 笔 </span>
+            <span class="ndwa_dn"> {{ data.sale }} 笔 </span>
             <img src="@/assets/imgs/shop_ic_star.png" class="dwin_diwa" />
-            <span class="dn_wjd"> {{ data.scoreDetail.avgScore }} </span>
+            <span class="dn_wjd"> {{ data.star }} </span>
           </div>
         </div>
         <div class="commodity_information">
           <span>规&emsp;&emsp;格：</span>
-          <div class="btn_container">
-            <el-button
-              v-for="(item, index) in specifications"
-              :key="'specifications_' + index"
-              :type="item.value === specificationID ? 'primary' : 'default'"
-              @click="changeSpecification(item)"
-            >
-              {{ item.name }}
-            </el-button>
+          <div class="btn_container_ddaw">
+              {{ data.price }} 金币/月
           </div>
         </div>
         <div class="commodity_information">
@@ -67,7 +60,7 @@
               v-model="duration"
               :min="1"
               :disabled="actionDisabled"
-            ></el-input-number>
+            ></el-input-number>月
           </div>
         </div>
         <div class="commodity_action">
@@ -273,6 +266,10 @@ export default {
 .commodity_information > .btn_container > .el-input-number {
   margin: 0 20px 15px 0;
 }
+.btn_container_ddaw {
+  line-height: 40px;
+  margin-left: 5px;
+}
 .commodity_action {
   margin-top: 60px;
   text-align: right;

src/components/service-info/service-info.vue

@@ -64,45 +64,59 @@
         <div class="and_wid">
           <div class="dbn_wkdn">
             价&nbsp;&nbsp;格：<span class="ndwa_indowa">
-              {{ specification && specification.single_money ? specification.single_money : 0 }}
+              {{
+                specification && specification.money
+                  ? specification.money * (showTime ? duration : 1)
+                  : 0
+              }}
             </span>
             <span class="kfdf_jffa">金币</span>
           </div>
           <div class="nmd_kwd">
-            月售：<span class="ndwa_dn">{{ data.mount_count }} 笔 </span
+            月售：<span class="ndwa_dn">{{ data.month_sale }} 笔 </span
             ><img src="@/assets/imgs/shop_ic_star.png" class="dwin_diwa" />
             <span class="dn_wjd">{{ data.scoreDetail.avgScore }}</span>
           </div>
         </div>
         <div class="commodity_information">
           <span>计次收费规格：</span>
-          <span v-if="data.spce_type_1 && data.spce_type_1.length == 0" class="commodity_text"
+          <span
+            v-if="
+              data.serviceRequestSpcs.spcs_type_1 &&
+              data.serviceRequestSpcs.spcs_type_1.length == 0
+            "
+            class="commodity_text"
             >暂无</span
           >
           <div v-else class="btn_container">
             <el-button
-              v-for="(item, index) in data.spce_type_1"
+              v-for="(item, index) in data.serviceRequestSpcs.spcs_type_1"
               :key="'spcs_' + index"
               :type="item.id === specification.id ? 'primary' : 'default'"
               @click="changeSpecification(item, 0)"
             >
-              {{ item.name }}
+              {{ item.money }}金币/{{ item.spcs_count }}次
             </el-button>
           </div>
         </div>
         <div class="commodity_information">
           <span>时长收费规格：</span>
-          <span v-if="data.spce_type_2 && data.spce_type_2.length == 0" class="commodity_text"
+          <span
+            v-if="
+              data.serviceRequestSpcs.spcs_type_2 &&
+              data.serviceRequestSpcs.spcs_type_2.length == 0
+            "
+            class="commodity_text"
             >暂无</span
           >
           <div v-else class="btn_container">
             <el-button
-              v-for="(item, index) in data.spce_type_2"
+              v-for="(item, index) in data.serviceRequestSpcs.spcs_type_2"
               :key="'spcs_' + index"
               :type="item.id === specification.id ? 'primary' : 'default'"
               @click="changeSpecification(item, 1)"
             >
-              {{ item.name }}
+              {{ item.money }}金币/月
             </el-button>
           </div>
         </div>
@@ -122,8 +136,8 @@
               v-model="duration"
               :min="1"
               :disabled="actionDisabled"
-            ></el-input-number
-            >月
+            ></el-input-number>
+            月
           </div>
           <div v-else class="btn_container">
             <el-button type="primary"> 不限时长 </el-button>
@@ -177,25 +191,12 @@ export default {
     showTime: false,
   }),
   computed: {
-    specifications() {
-      let specifications = (this.data.serviceRequestSpcs || []).filter(
-        (item) => item.type == this.type || item.type == 3
-      );
-
-      return specifications;
-    },
     actionDisabled() {
-      return this.specifications.length == 0;
-    },
-  },
-  watch: {
-    specifications: {
-      handler() {
-        this.specification = this.specifications[0];
-      },
-      deep: true,
+      let a = this.data.serviceRequestSpcs;
+      return a.spcs_type_1.length == 0 && a.spcs_type_2.length == 0;
     },
   },
+  watch: {},
   methods: {
     dateTransform(datestr = "") {
       return helper.dateStringTransform(datestr);
@@ -210,9 +211,6 @@ export default {
     },
     changeType({ value }) {
       this.type = value;
-      if (this.specifications.length > 0) {
-        this.specification = this.specifications[0];
-      }
     },
     addToCart() {
       // console.log("addToCart");
@@ -296,8 +294,10 @@ export default {
     }
 
     // 初始化规格
-    if (this.specifications.length > 0) {
-      this.specification = this.specifications[0];
+    if (this.data.serviceRequestSpcs.spcs_type_1.length > 0) {
+      this.specification = this.data.serviceRequestSpcs.spcs_type_1[0];
+    } else if (this.data.serviceRequestSpcs.spcs_type_2.length > 0) {
+      this.specification = this.data.serviceRequestSpcs.spcs_type_2[0];
     }
   },
 };

src/components/shop-car-apply/apply_service_state.vue

@@ -37,10 +37,10 @@
         </div>
       </div>
       <div class="size">
-        <p>{{ data.size }}</p>
-        <P>{{ data.applytype }}</P>
+        <p>计次收费：200金币/1000次</p>
       </div>
-      <div class="num">{{ data.num }}</div>
+      <div class="num">22222{{ data.num }}</div>
+      <div class="num">22222{{ data.num }}</div>
       <div class="oprate">
         <upload-file
           v-if="data.isMg"
@@ -155,19 +155,19 @@ export default {
   float: left;
 }
 .serviceinfo {
-  width: 415px;
-  margin-right: 90px;
+  width: 370px;
+  margin-right: 15px;
 }
 .pic {
   width: 116px;
   height: 116px;
   float: left;
   background-size: contain;
-  margin-right: 20px;
+  margin-right: 15px;
 }
 .info {
   float: left;
-  width: 270px;
+  width: 230px;
 }
 .info p {
   color: rgba(136, 144, 167, 1);
@@ -193,27 +193,21 @@ export default {
 .size {
   width: 240px;
   height: 107px;
-  background-color: rgba(249, 250, 252, 1);
-  border-radius: 8px;
-  margin-right: 70px;
-  padding: 20px;
-  color: rgba(136, 144, 167, 1);
-}
-.size p:nth-of-type(1) {
-  line-height: 22px;
-  margin-bottom: 10px;
+  margin-right: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 .num {
   width: 138px;
   height: 107px;
-  line-height: 107px;
-  font-size: 16px;
-  color: rgba(88, 97, 122, 1);
-  margin-right: 55px;
-  text-align: center;
+  margin-right: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 .oprate {
-  width: 130px;
+  width: 170px;
   height: 107px;
   padding-top: 34px;
   padding-left: 30px;

src/components/shop-car-apply/service_list.vue

@@ -3,7 +3,8 @@
         <p class="list_title">
             <span>服务信息</span>
             <span>规格</span>
-            <span>数量</span>
+            <span>购买时长</span>
+            <span>小计</span>
             <span>操作</span>
         </p>
         <apply-service-state  ref="apply_service_state" v-for="(item,index) in service_arr" :idx="index" :key="index+5000" :data="item"></apply-service-state>
@@ -67,13 +68,15 @@ export default {
     font-weight: bold;
 }
 .list_title span:nth-of-type(1){
-    margin-right: 460px;
+    margin-right: 420px;
 }
 .list_title span:nth-of-type(2){
-    margin-right: 315px;
+    margin-right: 165px;
 }
 .list_title span:nth-of-type(3){
-    margin-right: 155px;
+    margin-right: 112px;
+}
+.list_title span:nth-of-type(4){
+    margin-right: 130px;
 }
-
 </style>

src/components/shop-cloud/shop-cloud.vue

@@ -1047,7 +1047,9 @@ export default {
     getSumCoin() {
       let sumCM = 0;
       let sumDisk = 0;
+      let a_deductions = 0;
       if (this.activeName == "0") {
+        a_deductions = this.deductions;
         if (this.formNew.cpu == "8") {
           if (this.formNew.memory == "16") {
             sumCM += 10880;
@@ -1094,6 +1096,7 @@ export default {
           this.formNew.appDuration >= 1 ? this.formNew.appDuration : 0
         }个月`;
       } else if (this.activeName == "1") {
+        a_deductions = this.deductions;
         if (this.formOld.cpu == "8") {
           if (this.formOld.memory == "16") {
             sumCM += 10880;
@@ -1140,7 +1143,9 @@ export default {
           this.formOld.appDuration >= 1 ? this.formOld.appDuration : 0
         }个月`;
       }
-      return sumCM + sumDisk;
+      this.amounts_payable = sumCM + sumDisk;
+      this.total_money = sumCM + sumDisk - a_deductions;
+      return this.total_money;
     },
   },
   data() {
@@ -1170,6 +1175,11 @@ export default {
       }
     };
     return {
+      total_money: 0,
+      disk_single_money: 0,
+      eci_single_money: 0,
+      amounts_payable: 0,
+      deductions: 0,
       helper,
       form: {
         department_name: "",
@@ -1490,6 +1500,19 @@ export default {
       this.formOld.apply_file = val[0].url;
     },
     handleChange() {},
+    getSpecifications() {
+      this.$api.serviceShop.getSpecifications().then((response) => {
+        if (response.data.success == 1) {
+          this.amounts_payable = 1000;
+          this.amounts_payable = 1000;
+        } else {
+          this.$message({
+            message: "获取资源规格失败，请刷新网页",
+            type: "error",
+          });
+        }
+      });
+    },
     getForm(val) {
       if (val !== "") {
         let paramsOld = this.workSpaceOptions[val];
@@ -1542,6 +1565,7 @@ export default {
             sum: "2000金币",
           },
         ];
+        this.deductions = 20000;
       } else {
         this.formShow = false;
       }
@@ -1627,6 +1651,12 @@ export default {
                 store_type: this.formNew.store_type,
               },
             ],
+            payment: {
+              total_money: this.total_money,
+              disk_single_money: this.disk_single_money,
+              eci_single_money: this.eci_single_money,
+              amounts_payable: this.amounts_payable,
+            },
           };
           this.$api.serviceShop.applicationCloud(query).then((response) => {
             if (response.data.success == 1) {

src/components/shopping-cart/shopping-cart-cell.vue

@@ -2,43 +2,74 @@
   <div class="shopping_cell">
     <el-row class="shopping_cell_row">
       <el-col :span="2" class="shopping_cell_check">
-        <el-checkbox v-if="!readOnly" v-model="checkedItem" @change="getState"></el-checkbox>
+        <el-checkbox
+          v-if="!readOnly"
+          v-model="checkedItem"
+          @change="getState"
+        ></el-checkbox>
         <div v-else class="shopping_cell_expired">
           <span>已下架</span>
         </div>
       </el-col>
-      <el-col :span="9">
+      <el-col :span="8">
         <div class="shopping_cell_item">
           <img
-            :src="cellIsService ? cellItems.service.cover:cellItems.application.logo"
+            :src="
+              cellIsService
+                ? cellItems.service.cover
+                : cellItems.application.logo
+            "
             class="shopping_cell_img"
           />
           <div class="shopping_cell_msg">
             <div class="shopping_cell_name">
-              {{ cellIsService ? cellItems.service.name:cellItems.application.app_name }}
+              {{
+                cellIsService
+                  ? cellItems.service.name
+                  : cellItems.application.app_name
+              }}
               <span
-                v-if="cellIsService && cellItems.service.data_service_type1_name == '时空服务'"
+                v-if="
+                  cellIsService &&
+                  cellItems.service.data_service_type1_name == '时空服务'
+                "
                 class="tags map_service"
-              >mapService</span>
-              <span v-if="cellIsService && cellItems.service.openness == 1" class="tags shared">共享</span>
+              >
+                mapService
+              </span>
+              <span
+                v-if="cellIsService && cellItems.service.openness == 1"
+                class="tags shared"
+              >
+                共享
+              </span>
               <span
                 v-else-if="cellIsService && cellItems.service.openness == 2"
                 class="tags restricted"
-              >受限</span>
+              >
+                受限
+              </span>
               <span
                 v-else-if="cellIsService && cellItems.service.openness == 3"
                 class="tags sensitive"
-              >敏感</span>
+              >
+                敏感
+              </span>
             </div>
             <div class="shopping_cell_msg_other">
-              <div
-                v-if="cellIsService"
-                class="shopping_cell_type"
-              >{{ cellItems.service.sectors_name }}</div>
-              <div v-else class="shopping_cell_type">{{ cellItems.application.ywly_name }}</div>
-              <div
-                class="shopping_cell_creator"
-              >{{ cellIsService ? cellItems.service.organization_name:cellItems.application.org_name }}</div>
+              <div v-if="cellIsService" class="shopping_cell_type">
+                {{ cellItems.service.sectors_name }}
+              </div>
+              <div v-else class="shopping_cell_type">
+                {{ cellItems.application.ywly_name }}
+              </div>
+              <div class="shopping_cell_creator">
+                {{
+                  cellIsService
+                    ? cellItems.service.organization_name
+                    : cellItems.application.org_name
+                }}
+              </div>
             </div>
           </div>
         </div>
@@ -46,11 +77,9 @@
       <el-col :span="5">
         <div class="shopping_cell_specification">
           <div class="shopping_cell_specification_val">
-            <div class="shopping_cell_specification_val_specification">规格：{{ getSpecification }}</div>
-            <div
-              class="shopping_cell_specification_val_type"
-              v-if="cellIsService"
-            >申请方式：{{ cellItems.duration_method == 1 ? "按月":"按年" }}</div>
+            <div class="shopping_cell_specification_val_specification">
+              计次收费：{{ getSpecification }}
+            </div>
             <div class="shopping_cell_specification_edit">
               <el-popover
                 placement="right-start"
@@ -62,21 +91,34 @@
                   <div v-if="cellIsService">
                     <div class="shopping_cell_specification_title">规格：</div>
                     <div
-                      v-if="cellItems.service.request_spcs_info && cellItems.service.request_spcs_info.length != 0"
+                      v-if="
+                        cellItems.service.request_spcs_info &&
+                        cellItems.service.request_spcs_info.length != 0
+                      "
                     >
                       <el-button
-                        v-for="(item, index) in cellItems.service.request_spcs_info"
+                        v-for="(item, index) in cellItems.service
+                          .request_spcs_info"
                         :key="'specification' + index"
-                        :class="specificationPop == item.id ? 'shopping_cell_specification_btn active' : 'shopping_cell_specification_btn'"
+                        :class="
+                          specificationPop == item.id
+                            ? 'shopping_cell_specification_btn active'
+                            : 'shopping_cell_specification_btn'
+                        "
                         size="mini"
                         @click="changeSpecification(item.id)"
                       >
-                        {{ index + 1 + ". " + "访问次数：" +
+                        {{
+                          index +
+                          1 +
+                          ". " +
+                          "访问次数：" +
                           item.pv +
                           "/日，" +
                           "访问量：" +
                           item.count +
-                        "/日" }}
+                          "/日"
+                        }}
                       </el-button>
                     </div>
                     <div class="no_option" v-else>暂无规格</div>
@@ -87,22 +129,18 @@
                       <el-button
                         v-for="(item, index) in appSpecificationBtns"
                         :key="'specification' + index"
-                        :class="specificationPop == item.id ? 'shopping_cell_specification_btn active' : 'shopping_cell_specification_btn'"
+                        :class="
+                          specificationPop == item.id
+                            ? 'shopping_cell_specification_btn active'
+                            : 'shopping_cell_specification_btn'
+                        "
                         size="mini"
-                        @click="changeSpecification(item.id)"
-                      >{{ index + 1 + ". " + item.value }}</el-button>
+                        @click="changeSpecification(item)"
+                      >
+                        {{ index + 1 + ". " + item.value }}
+                      </el-button>
                     </div>
                   </div>
-                  <div v-if="cellIsService" class="shopping_cell_specification_title">申请方式：</div>
-                  <div v-if="cellIsService">
-                    <el-button
-                      v-for="(item, index) in specificationApplicationBtns"
-                      :key="'specification' + index"
-                      :class="specificationApplicationPop == item.id ? 'shopping_cell_specification_btn active' : 'shopping_cell_specification_btn'"
-                      size="mini"
-                      @click="changeSpecificationApplication(item.id)"
-                    >{{ item.value }}购买</el-button>
-                  </div>
                 </div>
                 <div class="pop_footer">
                   <el-button
@@ -110,12 +148,16 @@
                     size="mini"
                     type="text"
                     @click="visible = false"
-                  >取消</el-button>
+                  >
+                    取消
+                  </el-button>
                   <el-button
                     class="shopping_cell_specification_submit"
                     size="mini"
                     @click="submitPop"
-                  >确定</el-button>
+                  >
+                    确定
+                  </el-button>
                 </div>
                 <el-button v-if="!readOnly" circle size="mini" slot="reference">
                   <img :src="specificationEdit" />
@@ -126,18 +168,8 @@
         </div>
       </el-col>
       <el-col :span="3" class="shopping_cell_num">
-        <div v-if="cellIsService">
-          <el-input-number
-            :disabled="readOnly"
-            v-model="cellItems.duration"
-            @change="changeNum"
-            size="mini"
-            :min="1"
-          ></el-input-number>
-        </div>
-      </el-col>
-      <el-col :span="2" class="shopping_cell_num">
-        <div v-if="cellIsService">
+        <div v-if="cellIsService && specificationPop.spec_type == 1">不限时长</div>
+        <div v-else>
           <el-input-number
             :disabled="readOnly"
             v-model="cellItems.duration"
@@ -146,13 +178,17 @@
             :min="1"
           ></el-input-number>
         </div>
+        
       </el-col>
+      <el-col :span="3" class="shopping_cell_num"> 200000000金币 </el-col>
       <el-col :span="3" class="shopping_cell_options">
         <el-checkbox
           v-if="!readOnly"
           v-model="cellItems.is_subscribe"
           @change="changeSubscription"
-        >订阅该服务</el-checkbox>
+        >
+          订阅该服务
+        </el-checkbox>
         <div class="shopping_cell_options_del">
           <el-button @click="delCellItem" size="mini">删除</el-button>
         </div>

src/components/shopping-cart/shopping-cart-com.vue

@@ -8,10 +8,10 @@
               >全选</el-checkbox
             >
           </el-col>
-          <el-col :span="9" class="shopping_all_head_item">服务信息</el-col>
+          <el-col :span="8" class="shopping_all_head_item">服务信息</el-col>
           <el-col :span="5" class="shopping_all_head_item">规格</el-col>
           <el-col :span="3" class="shopping_all_head_item">购买时长</el-col>
-          <el-col :span="2" class="shopping_all_head_item">小计</el-col>
+          <el-col :span="3" class="shopping_all_head_item">小计</el-col>
           <el-col :span="3" class="shopping_all_head_item">操作</el-col>
         </el-row>
       </div>
@@ -58,8 +58,24 @@
             >
           </el-col>
           <el-col :span="15" class="shopping_cart_options_num">
-            共 {{ list.length }} 项服务，已选择 <span>{{ getNum }}</span> 项，共
-            <span>{{ getSumCoin }}</span> 金币
+            <div class="fyzj">
+              <p class="fyzj_p">
+                <span v-if="getSumCoin > 20000" class="yebz">
+                  余额不足，请联系超级管理员进行充值
+                </span>
+                费用总计：<span class="fyzj_span">
+                  {{ getSumCoin }}
+                </span>
+                <span class="fyzj_qian">金币</span>
+              </p>
+              <div class="ckfymx">
+                <p class="ckfymx_a">
+                  共 {{ list.length }} 项服务，已选择
+                  <span class="dwa_djf">{{ getNum }}</span> 项
+                  <span class="ckfymx_qian">账户余额：20,000 金币</span>
+                </p>
+              </div>
+            </div>
           </el-col>
           <el-col :span="4" class="shopping_cart_options_cell">
             <el-button
@@ -110,7 +126,7 @@ export default {
       let sum = 0;
       this.checkList.forEach((item, index) => {
         if (item) {
-          sum += 10;
+          sum += item.total_money;
         }
       });
       return sum;
@@ -253,7 +269,7 @@ export default {
   font-weight: 500;
   color: #58617a;
 }
-.shopping_cart_options_num span {
+.dwa_djf {
   color: #e56600;
 }
 .shopping_cart_options_cell_btn {
@@ -279,6 +295,52 @@ export default {
 .shopping_list_page {
   padding: 10px 20px 0;
 }
+.fyzj_item {
+  position: relative;
+}
+.fyzj {
+  color: #242c43;
+  font-size: 18px;
+  margin-right: 10px;
+  text-align: right;
+  position: relative;
+  top: 8px;
+  line-height: 26px;
+}
+.fyzj_p {
+  margin-bottom: 6px;
+}
+.fyzj_span {
+  color: #e56600;
+  font-size: 24px;
+  font-weight: bold;
+}
+.fyzj_qian {
+  color: #e56600;
+  font-size: 14px;
+}
+.ckfymx {
+  color: #58617a;
+  font-size: 14px;
+}
+.ckfymx_a {
+  color: #58617a;
+}
+.ckfymx_qian {
+  display: inline-block;
+  margin-left: 20px;
+  position: relative;
+  color: #a9aec0;
+}
+.ckfymx_qian::after {
+  content: "";
+  position: absolute;
+  width: 1px;
+  height: 16px;
+  background: #bcc1d0;
+  left: -10px;
+  top: 2px;
+}
 </style>
 <style>
 .shopping_cart_options_cell .el-checkbox {

src/pages/service_shop/shop_car_apply.vue

 <template>
   <div class="apply_container">
     <info-list :list_arr="module_arr">
-      <apply-form :formInline="formInline" ref="apply_info" slot="apply_info"></apply-form>
-      <service-list ref="apply_service" slot="apply_service" :service_arr="service_arr"></service-list>
+      <apply-form
+        :formInline="formInline"
+        ref="apply_info"
+        slot="apply_info"
+      ></apply-form>
+      <service-list
+        ref="apply_service"
+        slot="apply_service"
+        :service_arr="service_arr"
+      ></service-list>
     </info-list>
 
     <div class="footout">
-      <span>共{{service_arr.length}}项服务</span>
+      <div class="fyzj">
+        <p class="fyzj_p">
+          <span v-if="getSumCoin > 20000" class="yebz">
+            余额不足，请联系超级管理员进行充值
+          </span>
+          费用总计：<span class="fyzj_span">
+            {{ getSumCoin }}
+          </span>
+          <span class="fyzj_qian">金币</span>
+        </p>
+        <div class="ckfymx">
+          <p class="ckfymx_a">
+            共 {{ service_arr.length }} 项服务
+            <span class="ckfymx_qian">账户余额：20,000 金币</span>
+          </p>
+        </div>
+      </div>
       <span class="applybtn" @click="sub_service()">提交申请</span>
     </div>
   </div>
@@ -23,6 +47,17 @@ export default {
     applyForm,
     serviceList,
   },
+  computed: {
+    getSumCoin() {
+      let sum = 0;
+      this.service_arr.forEach((item, index) => {
+        if (item) {
+          sum += item.total_money;
+        }
+      });
+      return sum;
+    },
+  },
   data() {
     return {
       formInline: {
@@ -106,7 +141,6 @@ export default {
     };
   },
   watch: {},
-  computed: {},
   created() {
     if (this.$route.query.service_id) {
       this.get_one_service(this.$route.query);
@@ -410,6 +444,7 @@ export default {
   padding: 20px;
   text-align: right;
   margin: 20px 0;
+  position: relative;
 }
 .applybtn {
   color: rgba(252, 239, 214, 1);
@@ -422,5 +457,55 @@ export default {
   border-radius: 8px;
   margin-left: 20px;
   cursor: pointer;
+  position: absolute;
+  top: 20px;
+  right: 20px;
+}
+.fyzj_item {
+  position: relative;
+}
+.fyzj {
+  color: #242c43;
+  font-size: 18px;
+  margin-right: 10px;
+  text-align: right;
+  position: relative;
+  top: -8px;
+  right: 210px;
+  line-height: 26px;
+}
+.fyzj_p {
+  margin-bottom: 6px;
+}
+.fyzj_span {
+  color: #e56600;
+  font-size: 24px;
+  font-weight: bold;
+}
+.fyzj_qian {
+  color: #e56600;
+  font-size: 14px;
+}
+.ckfymx {
+  color: #58617a;
+  font-size: 14px;
+}
+.ckfymx_a {
+  color: #58617a;
+}
+.ckfymx_qian {
+  display: inline-block;
+  margin-left: 20px;
+  position: relative;
+  color: #a9aec0;
+}
+.ckfymx_qian::after {
+  content: "";
+  position: absolute;
+  width: 1px;
+  height: 16px;
+  background: #bcc1d0;
+  left: -10px;
+  top: 2px;
 }
 </style>

src/pages/service_shop/sjfwDetail.vue

@@ -14,7 +14,6 @@
 
     <service-tabs
       :detail-data="detailData"
-      :specification-data="specificationData"
       :provider-data="providerData"
       :comments-data="commentsData"
       :comments-url="commentsUrl"
@@ -34,7 +33,6 @@ export default {
   data: () => ({
     baseInfo: null,
     detailData: null,
-    specificationData: null,
     providerData: null,
     commentsData: null,
   }),
@@ -56,18 +54,6 @@ export default {
         })
         .then(({ data }) => {
           let datas = data.data;
-          let specificationData =
-            (datas.serviceRequestSpcs &&
-              datas.serviceRequestSpcs.map((item) => ({
-                id: item.id,
-                type: item.type,
-                pv: item.pv,
-                count: item.count,
-                name: `访问次数：${item.pv}次/日 访问量：${item.count}次/日`,
-                descript: item.des,
-              }))) ||
-            [];
-
           this.baseInfo = {
             service_id: this.id,
             app_id: 0,
@@ -87,7 +73,7 @@ export default {
               datas.data_service_type3_name,
             ],
             descript: datas.descript,
-            serviceRequestSpcs: specificationData,
+            serviceRequestSpcs: datas.serviceRequestSpcs,
             scoreDetail: datas.scoreDetail,
           };
 
@@ -185,7 +171,6 @@ export default {
               },
             },
           ];
-          this.specificationData = specificationData;
           this.providerData = {
             organization_name: datas.organization_name,
             picture_path: datas.organization_picture,

src/pages/service_shop/yysdDetail.vue

@@ -55,9 +55,12 @@ export default {
           },
         })
         .then(({ data }) => {
+          this.$api.serviceShop.getExtendedInfo({ id: this.id }).then((response) => {
             this.baseInfo = data.data;
+            this.baseInfo = Object.assign(this.baseInfo, response.data.data);
+          });
         })
-        .catch(function(error) {
+        .catch(function (error) {
           console.log(error);
         });
 
@@ -100,7 +103,7 @@ export default {
           );
           this.detailData = detailData;
         })
-        .catch(function(error) {
+        .catch(function (error) {
           console.log(error);
         });
 
@@ -114,7 +117,7 @@ export default {
             phone: data.data.phone,
           };
         })
-        .catch(function(error) {
+        .catch(function (error) {
           console.log(error);
         });
     },

src/request/api/service-shop.js

@@ -46,6 +46,9 @@ businessArea=${params.businessArea}&developable=${params.developable}&orgSource=
     checkNameSpaceCouldUse(params) {
         return axios.get(`/apaas/service/v3/resource/apply/checkNs?namespace=${params.id}`)
     },
+    getSpecifications() {
+        return axios.get(``)
+    },
 
     // shopping cart
     addShoppingCart(params) {
@@ -77,7 +80,12 @@ businessArea=${params.businessArea}&developable=${params.developable}&orgSource=
     },
     getGeneralOverview() {
         return axios.get(`/apaas/service/v3/statistics/other/index`);
-    }
+    },
+
+    // app 
+    getExtendedInfo(params) {
+        return axios.get(`/apaas/hubApi/market/extendedInfo?id=${params.id}`);
+    },
 }
 
 export default serviceShop;