From ce8c8245a6734b5623e8fd68c921ffe5a6a15b3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E4=BC=9F=E5=BA=9A?= <zhaoweigeng@wodcloud.com>
Date: Thu, 24 Feb 2022 18:43:01 +0800
Subject: [PATCH] =?UTF-8?q?fix=20=E5=8E=BB=E9=99=A4=E9=87=91=E5=B8=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/menu.vue                       |   2 +-
 src/components/order-list/order-list-cell.vue |  40 +--
 src/components/order-list/order-list-list.vue |   8 +-
 src/components/service-box.vue                | 181 +++++++++++
 src/components/service-info/app-info.vue      | 134 ++++----
 src/components/service-info/service-info.vue  | 304 +++++-------------
 src/components/shop-car-apply/apply_form.vue  |  31 +-
 .../shop-car-apply/apply_service_state.vue    |  30 +-
 .../shop-car-apply/service_list.vue           |  16 +-
 src/components/shop-cloud/shop-cloud-new.vue  |  39 ---
 .../shopping-cart/shopping-cart-cell.vue      | 197 ++----------
 .../shopping-cart/shopping-cart-com.vue       |  70 +---
 src/pages/service_shop/cpDetail.vue           |  33 +-
 src/pages/service_shop/gzfwDetail.vue         |  41 +--
 src/pages/service_shop/shop_car_apply.vue     |  53 ++-
 src/pages/service_shop/sjfwDetail.vue         |  41 +--
 src/pages/service_shop/skfwDetail.vue         |  41 +--
 src/pages/service_shop/spfwDetail.vue         |  41 +--
 src/pages/service_shop/yysdDetail.vue         |  44 +--
 src/pages/service_shop/zhfwDetail.vue         |  41 +--
 src/pages/user/order/order_detail.vue         |  84 +----
 .../workbench/fwgl/apply_service_detail.vue   |  31 +-
 .../fwgl/approval_service_detail.vue          |   4 +-
 src/pages/workbench/yygl/apply_app_detail.vue |  10 +-
 .../workbench/yygl/approval_app_detail.vue    |  10 +-
 25 files changed, 661 insertions(+), 865 deletions(-)
 create mode 100644 src/components/service-box.vue

diff --git a/src/components/menu.vue b/src/components/menu.vue
index 18505ae..aa94362 100644
--- a/src/components/menu.vue
+++ b/src/components/menu.vue
@@ -127,7 +127,7 @@
             @click="settlement"
             size="small"
             class="shop_settlement"
-          >去购物车申请结算</el-button>
+          >去购物车申请</el-button>
         </div>
       </div>
       <div
diff --git a/src/components/order-list/order-list-cell.vue b/src/components/order-list/order-list-cell.vue
index daf157c..2fcc2eb 100644
--- a/src/components/order-list/order-list-cell.vue
+++ b/src/components/order-list/order-list-cell.vue
@@ -18,7 +18,7 @@
       </div>
     </div>
     <el-row class="cell_row">
-      <el-col :span="7" class="cell_msg">
+      <el-col :span="6" class="cell_msg">
         <img
           v-if="cellItem.order_type != 3"
           :src="cellItem.cover"
@@ -70,27 +70,7 @@
         </div>
       </el-col>
       <el-col :span="5" class="cell_specification">
-        <div v-if="cellItem.order_type == 1">
-          <div>
-            {{ cellItem.spcs_type == 1 ? "计次收费" : "时长收费" }}：
-            {{ cellItem.single_money }}金币/
-            {{ cellItem.spcs_type == 1 ? cellItem.spcs_count + "次" : "月" }}
-          </div>
-        </div>
-        <div v-else-if="cellItem.order_type == 2">
-          <div>
-            {{
-              cellItem.spec_app == 0
-                ? "申请获取应用镜像部署权限：" +
-                  cellItem.single_money +
-                  "金币/月"
-                : "申请获取应用镜像开发权限：" +
-                  cellItem.single_money +
-                  "金币/月"
-            }}
-          </div>
-        </div>
-        <div v-else-if="cellItem.order_type == 3">
+        <div v-if="cellItem.order_type == 3">
           <el-tooltip
             v-if="cellItem.apply_type == 0"
             class="item"
@@ -138,22 +118,24 @@
             {{ cellItem.one_memory_min }}GB；
           </div>
         </div>
+        
+        <div v-else>
+          -
+        </div>
       </el-col>
-      <el-col :span="3" class="cell_specification">
+      <el-col :span="5" class="cell_specification">
         <div>
-          {{
+          <!-- {{
             cellItem.duration != 0 && cellItem.duration_unit == 1
               ? cellItem.duration + "个月"
               : cellItem.duration != 0 && cellItem.duration_unit == 2
               ? cellItem.duration + "年"
               : "不限时长"
-          }}
+          }} -->
+          {{cellItem.order_type == 3? cellItem.duration + '个月' : cellItem.request_start_time && cellItem.request_end_time? cellItem.request_start_time + '~' + cellItem.request_end_time : '-'}}
         </div>
       </el-col>
-      <el-col :span="3" class="cell_specification">
-        <div>{{ cellItem.total_money }}金币</div>
-      </el-col>
-      <el-col :span="3" class="approval_status">
+      <el-col :span="5" class="approval_status">
         <div>
           <div
             v-if="
diff --git a/src/components/order-list/order-list-list.vue b/src/components/order-list/order-list-list.vue
index 66df6ec..9b78e15 100644
--- a/src/components/order-list/order-list-list.vue
+++ b/src/components/order-list/order-list-list.vue
@@ -2,11 +2,11 @@
   <div class="order_list">
     <div class="order_th_pad">
       <el-row class="order_th">
-        <el-col :span="7">服务信息</el-col>
+        <el-col :span="6">服务信息</el-col>
         <el-col :span="5">规格</el-col>
-        <el-col :span="3">购买时长</el-col>
-        <el-col :span="3">总价</el-col>
-        <el-col :span="3">申请状态</el-col>
+        <el-col :span="5">申请使用期限</el-col>
+        <!-- <el-col :span="3">总价</el-col> -->
+        <el-col :span="5">申请状态</el-col>
         <el-col :span="3">操作</el-col>
       </el-row>
     </div>
diff --git a/src/components/service-box.vue b/src/components/service-box.vue
new file mode 100644
index 0000000..4cf6d45
--- /dev/null
+++ b/src/components/service-box.vue
@@ -0,0 +1,181 @@
+<template>
+  <div class="service_info_tab">
+    <!-- 服务详情信息 -->
+      <service-tab-detail
+        class="service_info"
+        :data="detailData"
+      ></service-tab-detail>
+    <!-- 服务评价信息 -->
+      <p class="pj_title">评价信息：</p>
+      <service-tab-comments
+        class="service_info"
+        :data="commentsData"
+        :url="commentsUrl"
+        :is_app_detail="is_app_detail"
+      ></service-tab-comments>
+  </div>
+</template>
+
+<script>
+import serviceTabDetail from "@/components/service-tabs/service-tab-detail";
+import serviceTabComments from "@/components/service-tabs/service-tab-comments";
+
+export default {
+  components: {
+    serviceTabDetail,
+    serviceTabComments,
+  },
+  props: {
+    detailTitle: {
+      type: String,
+      default: () => "服务详情信息",
+    },
+    specificationTitle: {
+      type: String,
+      default: () => "规格说明",
+    },
+    providerTitle: {
+      type: String,
+      default: () => "服务机构及规格信息",
+    },
+    commentsTitle: {
+      type: String,
+      default: () => "服务评价信息",
+    },
+    detailData: {
+      type: Array,
+    },
+    serviceRequestSpcs: {
+      type: Object,
+    },
+    providerData: {
+      type: Object,
+    },
+    commentsData: {
+      type: Object,
+    },
+    commentsUrl: {
+      type: String,
+    },
+    is_app_detail: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data: () => ({
+    tabName: "detail",
+  }),
+  methods: {},
+};
+</script>
+
+<style scoped>
+.service_info_tab {
+  border: none;
+  box-shadow: 0px 4px 8px 0px 
+		rgba(0, 7, 101, 0.04);
+	border-radius: 8px;
+  margin-bottom: 30px;
+  overflow: hidden;
+  background-color: #fff;
+}
+.pj_title {
+    padding: 0 50px;
+    font-size: 14px;
+    color: #8890a7;
+}
+.service_info {
+  padding: 35px 40px 40px;
+  box-sizing: border-box;
+}
+.service_tab-comments {
+  padding: 35px 20px 20px !important;
+}
+</style>
+
+<style>
+.service_info_tab.el-tabs--border-card > .el-tabs__content {
+  padding: 0;
+}
+.service_info_tab.el-tabs--border-card > .el-tabs__header .el-tabs__item {
+  height: 65px !important;
+  line-height: 59px !important;
+  background-color: #fff;
+  border-top: 4px solid #fff;
+  border-bottom: 2px solid #f4f7fc;
+  font-size: 15px;
+  font-weight: normal;
+}
+.service_info_tab.el-tabs--border-card
+  > .el-tabs__header
+  .el-tabs__item.is-active {
+  border-top: 4px solid #fff;
+  border-right: 2px solid #f4f7fc;
+  border-bottom: 2px solid #fff;
+  border-left: 2px solid #f4f7fc;
+  border-radius: 6px 6px 0 0;
+  color: #e56600 !important;
+  font-size: 15px;
+  font-weight: normal;
+  position: relative;
+}
+.service_info_tab.el-tabs--border-card
+  > .el-tabs__header
+  .el-tabs__item.is-active::before {
+  content: "";
+  position: absolute;
+  width: calc(100% + 3px);
+  height: 4px;
+  background-color: #f5ab4c;
+  border-radius: 4px 4px 0 0;
+  left: -2px;
+  top: -3px;
+}
+.service_info_tab.el-tabs--border-card
+  > .el-tabs__header
+  .el-tabs__item:first-child {
+  border-left: none;
+}
+.service_info_tab.el-tabs--border-card
+  > .el-tabs__header
+  .el-tabs__item:last-child {
+  border-right: none;
+}
+.service_info_tab .el-table th > .cell {
+  color: #1a2236;
+}
+.service_info_tab .el-table td,
+.service_info_tab .el-table th.is-leaf {
+  border: none !important;
+  line-height: 23px;
+}
+.service_info_tab .el-table::before {
+  display: none;
+}
+.service_info_tab .el-table {
+  width: 100%;
+  text-align: left;
+}
+.service_info_tab .el-table__row:nth-child(odd) td {
+  background-color: #f8f9fd;
+}
+.service_info_tab .detail-list .el-table__header-wrapper {
+  display: none;
+}
+.service_info_tab .detail-list .el-table__row td {
+  color: #58617a;
+}
+.service_info_tab .detail-list .el-table__row td:first-child {
+  font-weight: bold;
+  color: #1a2236;
+}
+.service_info_tab .detail-list .el-table__row:nth-child(even) td {
+  background-color: #f8f9fd;
+}
+.service_info_tab .detail-list .el-table__row:nth-child(odd) td {
+  background-color: #fff;
+}
+.service_info_tab.el-tabs--border-card > .el-tabs__header .el-tabs__item:hover {
+  color: #e56600;
+}
+</style>
diff --git a/src/components/service-info/app-info.vue b/src/components/service-info/app-info.vue
index 3a0db17..cacaea0 100644
--- a/src/components/service-info/app-info.vue
+++ b/src/components/service-info/app-info.vue
@@ -3,63 +3,50 @@
     :borRadius="8"
     :paddingNum="32"
     class="service_info apaas_button"
-    v-if="data"
+    v-if="datas"
   >
     <div class="main_container">
       <div class="main_container-left">
-        <img :src="data.logo" width="100%" />
+        <img :src="datas.logo" width="100%" />
       </div>
       <div class="main_container-right">
         <div class="service_title">
-          <span class="service_name" v-text="data.app_name"></span>
+          <span class="service_name" v-text="datas.app_name"></span>
+          <div style="margin-right:auto">
+            <span class="service_access_info1">
+              <img :src="require('@/assets/imgs/icon_liulan.png')" />
+              <span v-text="datas.view_count + '次浏览'"></span>
+            </span>
+            <span class="service_access_info1">
+              <img :src="require('@/assets/imgs/icon_huoqu.png')" />
+              <span v-text="'本月' + datas.apply_times + '次获取'"></span>
+            </span>
+          </div>
           <span class="service_access_info">
-            <img :src="require('@/assets/imgs/icon_liulan.png')" />
-            <span v-text="data.view_count + '次浏览'"></span>
+            <el-button class="service_now_buy" @click="applyImmediately">
+              立即申请
+            </el-button>
           </span>
           <span class="service_access_info">
-            <img :src="require('@/assets/imgs/icon_huoqu.png')" />
-            <span v-text="'本月' + data.apply_times + '次获取'"></span>
+            <el-button class="service_add_cart" @click="addToCart">
+              加入购物车
+            </el-button>
           </span>
         </div>
-        <p class="des_p">{{ data.yyjj }}</p>
-        <div class="jiage_d">
-          <div class="dbn_wkdn">
-            价&nbsp;&nbsp;格：
-            <span class="ndwa_indowa"> {{ data.price * duration }} </span>
-            <span class="kfdf_jffa">金币</span>
-          </div>
-          <div class="nmd_kwd">
-            月售：
-            <span class="ndwa_dn"> {{ data.sale }} 笔 </span>
-            <img src="@/assets/imgs/shop_ic_star.png" class="dwin_diwa" />
-            <span class="dn_wjd"> {{ data.star }} </span>
-          </div>
-        </div>
-        <div class="commodity_information">
-          <span class="guige_title">规&emsp;&emsp;格：</span>
-          <div class="spec_btn_act">申请获取应用镜像部署权限</div>
-        </div>
-        <div class="spec_des">
-          {{ `申请获取应用镜像部署权限，每月${data.price}金币。` }}
-        </div>
-        <div class="commodity_information">
-          <span class="guige_title">购买时长：</span>
-          <div class="btn_container">
-            <el-input-number
-              v-model="duration"
-              :min="1"
-              :disabled="actionDisabled"
-            ></el-input-number
-            >月
-          </div>
-        </div>
-        <div class="commodity_action">
-          <el-button class="service_now_buy" @click="applyImmediately">
-            立即申请
-          </el-button>
-          <el-button class="service_add_cart" @click="addToCart">
-            加入购物车
-          </el-button>
+        <div class="baseInfo_box">
+          <tr class="flex_3">
+            <td>部署来源：{{datas.online_state_name}}</td>
+            <td>业务领域：{{datas.ywly_name}}</td>
+            <td>应用类型：{{datas.type_name}}</td>
+          </tr>
+          <tr class="flex_3">
+            <td>提供组织：{{datas.organization_name}}</td>
+            <td>联系人：{{datas.username}}</td>
+            <td>联系方式：{{datas.phone}}</td>
+          </tr>
+          <tr class="flex_3">
+            <td>上线时间：{{helper.dateStringTransform(datas.create_date)}}</td>
+          </tr>
         </div>
       </div>
     </div>
@@ -68,6 +55,7 @@
 
 <script>
 import BlockRadius from "@/components/general/block-radius";
+import helper from "@/services/helper.js";
 export default {
   components: {
     BlockRadius,
@@ -79,6 +67,7 @@ export default {
     },
   },
   data: () => ({
+    helper,
     specifications: [
       {
         name: "1.申请获取应用镜像部署权限",
@@ -91,18 +80,8 @@ export default {
     ],
     specificationID: 1,
     duration: 1,
-    data: {},
   }),
-  watch: {
-    datas: {
-      handler(val) {
-        this.data = val;
-        console.log(this.data);
-      },
-      deep: true,
-      immediate: true,
-    },
-  },
+  watch: {},
   computed: {
     actionDisabled() {
       return this.specifications.length == 0;
@@ -161,7 +140,6 @@ export default {
   },
 };
 </script>
-</script>
 
 <style scoped>
 .main_container {
@@ -201,7 +179,7 @@ export default {
   font-weight: bold;
   color: #0d1847;
   line-height: 36px;
-  margin-right: auto;
+  margin-right: 36px;
 }
 .service_title > .service_type {
   flex-shrink: 0;
@@ -222,6 +200,9 @@ export default {
   color: #58617a;
   margin-left: 20px;
 }
+.service_access_info1 {
+  margin-right: 16px;
+}
 .service_title > .service_access_info > * {
   display: inline-block;
   vertical-align: middle;
@@ -230,6 +211,20 @@ export default {
   width: 12px;
   margin-right: 5px;
 }
+.baseInfo_box {
+  width: 100%;
+  margin-top: 16px;
+}
+.baseInfo_box .flex_3 {
+  display: flex;
+  width: 100%;
+  height: 32px;
+  line-height: 32px;
+  margin-bottom: 16px;
+}
+.baseInfo_box .flex_3 td {
+  flex: 1;
+}
 .service_base_info {
   padding: 18px;
   background-color: #f9fafc;
@@ -359,23 +354,28 @@ export default {
   left: -35px;
 }
 .service_add_cart {
-  width: 192px;
-  height: 40px;
+  width: 104px;
+  height: 28px;
   background-color: #fcefd6;
   border-radius: 6px;
-  border: solid 1px #fac266;
   color: #e56600;
-  font-size: 16px;
+  font-size: 14px;
+  border: none;
+  padding: 0;
+  text-align: center;
+  line-height: 28px;
 }
 .service_now_buy {
-  width: 192px;
-  height: 40px;
+  width: 88px;
+  height: 28px;
   background-color: #e56600;
   border: solid 1px #e56600;
   border-radius: 6px;
   color: #fcefd6;
-  font-size: 16px;
-  margin-right: 24px;
+  font-size: 14px;
+  padding: 0;
+  text-align: center;
+  line-height: 28px;
 }
 .tags {
   display: inline-block;
diff --git a/src/components/service-info/service-info.vue b/src/components/service-info/service-info.vue
index 8bf39de..fa1d2e2 100644
--- a/src/components/service-info/service-info.vue
+++ b/src/components/service-info/service-info.vue
@@ -3,7 +3,7 @@
     :borRadius="8"
     :paddingNum="32"
     class="service_info apaas_button"
-    v-if="data && showItem"
+    v-if="data"
   >
     <div class="main_container">
       <div class="main_container-left" v-if="data.cover">
@@ -38,153 +38,41 @@
           </span>
           <span v-else class="tags sensitive">敏感</span>
           <span class="service_access_info">
-            <img :src="require('@/assets/imgs/icon_liulan.png')" />
-            <span v-text="data.view_count + '次浏览'"></span>
+            <el-button
+              class="service_now_buy"
+              @click="applyImmediately"
+            >
+              立即申请
+            </el-button>
           </span>
           <span class="service_access_info">
-            <img :src="require('@/assets/imgs/icon_huoqu.png')" />
-            <span v-text="data.apply_count + '次获取'"></span>
-          </span>
-        </div>
-        <p class="des_p">{{ data.descript }}</p>
-        <div class="jiage_d">
-          <div class="dbn_wkdn">
-            <span class="gnekg_fwf"
-              ><span style="margin-right: 30px">价</span>格：</span
-            ><span class="ndwa_indowa">
-              {{
-                specification && specification.money
-                  ? specification.money * (showTime ? duration : 1)
-                  : 0
-              }}
-            </span>
-            <span class="kfdf_jffa">金币</span>
-          </div>
-          <div class="nmd_kwd">
-            <span class="bgnerighur"
-              >月售：<span class="ndwa_dn"
-                >{{ data.month_sale }} 笔
-              </span></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 class="guige_title">计次收费：</span>
-          <span
-            v-if="
-              (data.serviceRequestSpcs.spcs_type_1 &&
-                data.serviceRequestSpcs.spcs_type_1.length == 0) ||
-              !data.serviceRequestSpcs.spcs_type_1
-            "
-            class="commodity_text"
-            >暂无</span
-          >
-          <div
-            v-else-if="
-              data.serviceRequestSpcs.spcs_type_1 &&
-              data.serviceRequestSpcs.spcs_type_1.length != 0
-            "
-            class="btn_container"
-          >
-            <div
-              v-for="(item, index) in data.serviceRequestSpcs.spcs_type_1"
-              :key="'spcs_' + index"
-              :class="
-                item.id === specification.id ? 'spec_btn_act' : 'spec_btn'
-              "
-              @click="changeSpecification(item, 0)"
-            >
-              {{ item.money }}金币/{{ item.spcs_count }}次
-            </div>
-          </div>
-        </div>
-        <div class="spec_des">
-          {{
-            specification && specification.spcs_type == 1
-              ? specification.descript
-              : data.serviceRequestSpcs.spcs_type_1 &&
-                data.serviceRequestSpcs.spcs_type_1.length != 0
-              ? data.serviceRequestSpcs.spcs_type_1[0].descript
-              : ""
-          }}
-        </div>
-        <div class="commodity_information">
-          <span class="guige_title">时长收费：</span>
-          <span
-            v-if="
-              (data.serviceRequestSpcs.spcs_type_2 &&
-                data.serviceRequestSpcs.spcs_type_2.length == 0) ||
-              !data.serviceRequestSpcs.spcs_type_2
-            "
-            class="commodity_text"
-            >暂无</span
-          >
-          <div v-else class="btn_container">
-            <div
-              v-for="(item, index) in data.serviceRequestSpcs.spcs_type_2"
-              :key="'spcs_' + index"
-              :class="
-                item.id === specification.id ? 'spec_btn_act' : 'spec_btn'
-              "
-              @click="changeSpecification(item, 1)"
+            <el-button
+              class="service_add_cart"
+              @click="addToCart"
             >
-              {{ item.money }}金币/月
-            </div>
-          </div>
-        </div>
-        <div
-          class="spec_des"
-          v-if="
-            !(
-              (data.serviceRequestSpcs.spcs_type_2 &&
-                data.serviceRequestSpcs.spcs_type_2.length == 0) ||
-              !data.serviceRequestSpcs.spcs_type_2
-            )
-          "
-        >
-          {{ data.serviceRequestSpcs.spcs_type_2[0].descript || "-" }}
-        </div>
-        <!-- <div class="commodity_information">
-          <span class="guige_title">规格说明：</span>
-          <span v-if="actionDisabled" class="commodity_text">暂无</span>
-          <span
-            v-else
-            class="commodity_text"
-            v-text="(specification && specification.descript) || '-'"
-          ></span>
-        </div> -->
-        <div class="commodity_information">
-          <span class="guige_title">购买时长：</span>
-          <div v-if="showTime" class="btn_container">
-            <el-input-number
-              v-model="duration"
-              :min="1"
-              :disabled="actionDisabled"
-            ></el-input-number>
-            月
-          </div>
-          <div v-else class="btn_container">
-            <div class="spec_btn_act">不限时长</div>
-          </div>
+              加入购物车
+            </el-button>
+          </span>
         </div>
-        <div class="commodity_action">
-          <el-button
-            class="service_now_buy"
-            @click="applyImmediately"
-            :disabled="actionDisabled"
-          >
-            立即申请
-          </el-button>
-          <el-button
-            class="service_add_cart"
-            @click="addToCart"
-            :disabled="actionDisabled"
-          >
-            加入购物车
-          </el-button>
+        <div class="baseInfo_box">
+          <tr class="flex_3">
+            <td>服务类型：{{baseInfo.fwlx}}</td>
+            <td>服务领域：{{baseInfo.fwly}}</td>
+            <td>提供组织：{{baseInfo.tgzz}}</td>
+          </tr>
+          <tr class="flex_3">
+            <td>联系人：{{baseInfo.lxr}}</td>
+            <td>联系方式：{{baseInfo.lxfs}}</td>
+            <td>发布时间：{{helper.dateStringTransform(baseInfo.fbsj)}}</td>
+          </tr>
+          <tr class="flex_3">
+            <td>最近更新时间：{{helper.dateStringTransform(baseInfo.zjgxsj)}}</td>
+            <td>服务描述：{{baseInfo.fwms}}</td>
+            <td></td>
+          </tr>
         </div>
+        
+    
       </div>
     </div>
   </BlockRadius>
@@ -211,27 +99,37 @@ export default {
     },
   },
   data: () => ({
+    helper,
     types: [],
     type: 1, // 购买方式 1：按月，2：按年
     specification: {}, // 规格
     duration: 1, // 时长
     showTime: false,
-    showItem: false,
-  }),
-  computed: {
-    actionDisabled() {
-      let a = this.data.serviceRequestSpcs;
-      return (
-        a &&
-        a.spcs_type_1 &&
-        a.spcs_type_1.length == 0 &&
-        a.spcs_type_2 &&
-        a.spcs_type_2.length == 0
-      );
+    baseInfo: {
+      fwlx: '',
+      fwly: '',
+      tgzz: '',
+      lxr: '',
+      lxfs: '',
+      fbsj: '',
+      zjgxsj: '',
+      fwms: ''
     },
-  },
+  }),
+  computed: {},
   watch: {},
   methods: {
+    getBaseInfo() {
+      let data = {...this.data}
+      this.baseInfo.fwlx = data.data_service_type && data.data_service_type.length > 0? data.data_service_type.join(' ') : ''
+      this.baseInfo.fwly = data.sectors_name
+      this.baseInfo.tgzz = data.organization_name
+      this.baseInfo.lxr = data.user_name
+      this.baseInfo.lxfs = data.phone
+      this.baseInfo.fbsj = data.create_time
+      this.baseInfo.zjgxsj = data.update_date
+      this.baseInfo.fwms = data.descript
+    },
     dateTransform(datestr = "") {
       return helper.dateStringTransform(datestr);
     },
@@ -291,63 +189,8 @@ export default {
       });
     },
   },
-  mounted() {
-    // 初始化购买方式
-    if (this.data.serviceRequestSpcs && this.data.serviceRequestSpcs.length) {
-      if (!this.data.serviceRequestSpcs.spcs_type_1) {
-        this.data.serviceRequestSpcs.spcs_type_1 = [];
-      }
-      if (!this.data.serviceRequestSpcs.spcs_type_2) {
-        this.data.serviceRequestSpcs.spcs_type_2 = [];
-      }
-      let types = Array.from(
-        new Set(this.data.serviceRequestSpcs.map((item) => item.type))
-      );
-      if (types.indexOf(3) > -1) {
-        this.types = [
-          {
-            name: "按月",
-            value: 1,
-          },
-          {
-            name: "按年",
-            value: 2,
-          },
-        ];
-      } else if (types.indexOf(2) > -1) {
-        this.types = [
-          {
-            name: "按年",
-            value: 2,
-          },
-        ];
-      } else if (types.indexOf(1) > -1) {
-        this.types = [
-          {
-            name: "按月",
-            value: 1,
-          },
-        ];
-      }
-
-      this.type = (this.types[0] && this.types[0].value) || 0;
-    }
-
-    // 初始化规格
-    if (
-      this.data.serviceRequestSpcs &&
-      this.data.serviceRequestSpcs.spcs_type_1 &&
-      this.data.serviceRequestSpcs.spcs_type_1.length > 0
-    ) {
-      this.specification = this.data.serviceRequestSpcs.spcs_type_1[0];
-    } else if (
-      this.data.serviceRequestSpcs &&
-      this.data.serviceRequestSpcs.spcs_type_2 &&
-      this.data.serviceRequestSpcs.spcs_type_2.length > 0
-    ) {
-      this.specification = this.data.serviceRequestSpcs.spcs_type_2[0];
-    }
-    this.showItem = true;
+  created() {
+    this.getBaseInfo()
   },
 };
 </script>
@@ -425,6 +268,20 @@ export default {
   width: 12px;
   margin-right: 5px;
 }
+.baseInfo_box {
+  width: 100%;
+  margin-top: 16px;
+}
+.baseInfo_box .flex_3 {
+  display: flex;
+  width: 100%;
+  height: 32px;
+  line-height: 32px;
+  margin-bottom: 16px;
+}
+.baseInfo_box .flex_3 td {
+  flex: 1;
+}
 .service_base_info {
   padding: 18px;
   background-color: #f9fafc;
@@ -558,23 +415,28 @@ export default {
   left: -44px;
 }
 .service_add_cart {
-  width: 192px;
-  height: 40px;
+  width: 104px;
+  height: 28px;
   background-color: #fcefd6;
   border-radius: 6px;
-  border: solid 1px #fac266;
   color: #e56600;
-  font-size: 16px;
+  font-size: 14px;
+  border: none;
+  padding: 0;
+  text-align: center;
+  line-height: 28px;
 }
 .service_now_buy {
-  width: 192px;
-  height: 40px;
+  width: 88px;
+  height: 28px;
   background-color: #e56600;
   border: solid 1px #e56600;
   border-radius: 6px;
   color: #fcefd6;
-  font-size: 16px;
-  margin-right: 14px;
+  font-size: 14px;
+  padding: 0;
+  text-align: center;
+  line-height: 28px;
 }
 .tags {
   display: inline-block;
diff --git a/src/components/shop-car-apply/apply_form.vue b/src/components/shop-car-apply/apply_form.vue
index c28bd83..caccd8f 100644
--- a/src/components/shop-car-apply/apply_form.vue
+++ b/src/components/shop-car-apply/apply_form.vue
@@ -20,6 +20,21 @@
         <p class="formname">联系电话：</p>
         <el-input v-model="formInline.phone" placeholder="联系电话"></el-input>
       </el-form-item>
+      <el-form-item prop="date">
+        <p class="formname">申请使用期限</p>
+        <el-date-picker
+          v-model="formInline.date"
+          type="daterange"
+          range-separator="至"
+          value-format="yyyy-MM-dd"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item prop="sqly" class="all_box">
+        <p class="formname">申请理由</p>
+        <el-input v-model="formInline.sqly" placeholder="请输入申请理由" type="textarea"></el-input>
+      </el-form-item>
     </el-form>
   </div>
 </template>
@@ -57,6 +72,13 @@ export default {
           { required: true, message: "请输入联系电话", trigger: "blur" },
           { validator: check_phone, trigger: "blur" },
         ],
+        date: [
+          { required: true, message: "请选择使用期限", trigger: "change" },
+        ],
+        sqly: [
+          { required: true, message: "请输入申请理由", trigger: "blur" },
+          { max: 240, message: "不能超过240个字符", trigger: "blur" },
+        ],
       },
     };
   },
@@ -104,7 +126,14 @@ export default {
 .formout .el-form-item {
   margin-right: 20px;
 }
-.formout .el-form-item:nth-of-type(2) {
+.formout .el-form-item:nth-of-type(even) {
   margin-right: 0px;
 }
+.formout .el-form-item:nth-of-type(5) {
+  margin-right: 0px;
+  width: 100%;
+}
+.formout .all_box /deep/.el-form-item__content {
+  width: 100%;
+}
 </style>
diff --git a/src/components/shop-car-apply/apply_service_state.vue b/src/components/shop-car-apply/apply_service_state.vue
index d6eca15..33dbe34 100644
--- a/src/components/shop-car-apply/apply_service_state.vue
+++ b/src/components/shop-car-apply/apply_service_state.vue
@@ -33,22 +33,23 @@
             >{{ item.tip }}</span>
           </p>
           <p>{{ data.type }}</p>
-          <p>{{ data.auth }}</p>
+          <!-- <p>{{ data.auth }}</p> -->
         </div>
       </div>
       <div class="size">
-        <p>{{data.size}}</p>
+        <p>{{data.auth}}</p>
       </div>
-      <div class="num">{{ data.num }}</div>
-      <div class="count">{{ data.count }}</div>
+      <!-- <div class="num">{{ data.num }}</div>
+      <div class="count">{{ data.count }}</div> -->
       <div class="oprate">
-        <upload-file
+        <!-- <upload-file
           v-if="data.isMg"
           :list="imgList"
           :drag="false"
           @getNewList="getNewList"
           type="default"
-        ></upload-file>
+        ></upload-file> -->
+        <p>{{helper.dateStringTransform(data.fbsj)}}</p>
       </div>
     </div>
     <p class="inputtitle">应用场景：</p>
@@ -78,6 +79,7 @@
 <script>
 import uploadFile from "@/components/general/upload_file";
 import tableUm from "@/components/table/table-um";
+import helper from "@/services/helper.js";
 export default {
   props: ["data", "idx"],
   components: {
@@ -86,6 +88,7 @@ export default {
   },
   data() {
     return {
+      helper,
       sceneinput: "",
       fileList: "",
       imgList: [],
@@ -120,7 +123,9 @@ export default {
   },
   watch: {},
   computed: {},
-  created() {},
+  created() {
+    console.log(this.data,'------')
+  },
   mounted() {},
   methods: {
     getNewList(val) {
@@ -156,7 +161,7 @@ export default {
 }
 .serviceinfo {
   width: 415px;
-  margin-right: 66px;
+  margin-right: 16px;
 }
 .pic {
   width: 116px;
@@ -196,6 +201,8 @@ export default {
   line-height: 107px;
   border-radius: 8px;
   color: #242c43;
+  text-align: center;
+  margin-right: 170px;
 }
 .num {
   width: 138px;
@@ -215,10 +222,11 @@ export default {
   text-align: center;
 }
 .oprate {
-  width: 150px;
+  width: 240px;
   height: 107px;
-  padding-top: 34px;
-  padding-left: 30px;
+  line-height: 107px;
+  font-size: 14px;
+  text-align: center;
 }
 .inputtitle {
   color: rgba(88, 97, 122, 1);
diff --git a/src/components/shop-car-apply/service_list.vue b/src/components/shop-car-apply/service_list.vue
index 8faabc3..d129b78 100644
--- a/src/components/shop-car-apply/service_list.vue
+++ b/src/components/shop-car-apply/service_list.vue
@@ -2,10 +2,8 @@
     <div class="out_list">
         <p class="list_title">
             <span>服务信息</span>
-            <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>
         
@@ -68,15 +66,9 @@ export default {
     font-weight: bold;
 }
 .list_title span:nth-of-type(1){
-    margin-right: 414px;
+    margin-right: 454px;
 }
 .list_title span:nth-of-type(2){
-    margin-right: 246px;
-}
-.list_title span:nth-of-type(3){
-    margin-right: 96px;
-}
-.list_title span:nth-of-type(4){
-    margin-right: 124px;
+    margin-right: 346px;
 }
 </style>
diff --git a/src/components/shop-cloud/shop-cloud-new.vue b/src/components/shop-cloud/shop-cloud-new.vue
index 58f8a81..6e35865 100644
--- a/src/components/shop-cloud/shop-cloud-new.vue
+++ b/src/components/shop-cloud/shop-cloud-new.vue
@@ -611,25 +611,6 @@
     </block-radius>
     <block-radius :borRadius="8" v-if="!(activeName == 1 && !formShow)">
       <div class="btn_footer fyzj_item">
-        <div class="fyzj">
-          <p class="fyzj_p">
-            <span v-if="getSumCoin > user_info.account_balance" class="yebz">
-              余额不足，请联系超级管理员进行充值
-            </span>
-            费用总计：<span class="fyzj_span">
-              {{ getSumCoin }}
-            </span>
-            <span class="fyzj_qian">金币</span>
-          </p>
-          <p class="ckfymx">
-            <span @click="dialogFymx = true" class="ckfymx_a">
-              查看费用明细
-            </span>
-            <span class="ckfymx_qian"
-              >账户余额：{{ user_info.account_balance }} 金币</span
-            >
-          </p>
-        </div>
         <el-button
           :class="
             getSumCoin <= user_info.account_balance ? 'submit' : 'nosubmit'
@@ -929,26 +910,6 @@
         </el-col>
       </el-row>
       <div class="fyzj_dia">
-        <div class="fyzj_dia_init">
-          <p v-if="activeName == '1'" class="fyzj_2">
-            升级费用：<span class="fyzj_2_num">{{ amounts_payable }} 金币</span>
-          </p>
-          <!-- <p v-if="activeName == '1'" class="fyzj_2">
-            原规格抵扣费用：<span class="fyzj_2_num">2000 金币</span>
-          </p> -->
-          <div class="fyzj_1">
-            费用总计：
-            <p>
-              <span class="fyzj_1_num"> {{ getSumCoin }} </span
-              ><span class="fyzj_1_jb">金币</span>
-            </p>
-          </div>
-          <p class="fyzj_2">
-            账户余额：<span class="fyzj_2_num"
-              >{{ user_info.account_balance }} 金币</span
-            >
-          </p>
-        </div>
         <div class="clear_xxx"></div>
       </div>
       <div class="btn_footer acc">
diff --git a/src/components/shopping-cart/shopping-cart-cell.vue b/src/components/shopping-cart/shopping-cart-cell.vue
index 97ea994..1670c5e 100644
--- a/src/components/shopping-cart/shopping-cart-cell.vue
+++ b/src/components/shopping-cart/shopping-cart-cell.vue
@@ -11,7 +11,7 @@
           <span>已下架</span>
         </div>
       </el-col>
-      <el-col :span="8">
+      <el-col :span="10">
         <div class="shopping_cell_item">
           <img
             :src="
@@ -63,156 +63,25 @@
               <div v-else class="shopping_cell_type">
                 {{ cellItems.application.ywly_name }}
               </div>
-              <div class="shopping_cell_creator">
+              <!-- <div class="shopping_cell_creator">
                 {{
                   cellIsService
                     ? cellItems.service.organization_name
                     : cellItems.application.org_name
                 }}
-              </div>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <el-col :span="5">
-        <div
-          v-if="
-            cellItems.service_id != 0 &&
-            cellItems.service.request_spcs_info.spcs_type_1 &&
-            cellItems.service.request_spcs_info.spcs_type_1.length != 0
-          "
-          class="shopping_cell_specification"
-        >
-          <div class="shopping_cell_specification_val">
-            <div class="shopping_cell_specification_val_specification">
-              {{
-                cellItems.service.spcs_info.spcs_type == 1
-                  ? "计次收费"
-                  : "时长收费"
-              }}：{{ cellItems.service.spcs_info.money }}金币/{{
-                cellItems.service.spcs_info.spcs_type == 1
-                  ? cellItems.service.spcs_info.spcs_count + "次"
-                  : "月"
-              }}
-            </div>
-            <div class="shopping_cell_specification_edit">
-              <el-popover
-                placement="right-start"
-                width="300"
-                v-model="visible"
-                @show="setSpecificationPop"
-              >
-                <div>
-                  <div v-if="cellIsService">
-                    <div class="shopping_cell_specification_title">规格：</div>
-                    <div
-                      v-if="
-                        cellItems.service.request_spcs_info &&
-                        cellItems.service.request_spcs_info.spcs_type_1 &&
-                        cellItems.service.request_spcs_info.spcs_type_1
-                          .length != 0
-                      "
-                    >
-                      <el-button
-                        v-for="(item, index) in cellItems.service
-                          .request_spcs_info.spcs_type_1"
-                        :key="'specification' + index"
-                        :class="
-                          specificationPop.id == item.id
-                            ? 'shopping_cell_specification_btn active'
-                            : 'shopping_cell_specification_btn'
-                        "
-                        size="mini"
-                        @click="changeSpecification(item)"
-                      >
-                        {{ item.money }}金币/{{ item.spcs_count }}次
-                      </el-button>
-                      <el-button
-                        v-if="
-                          cellItems.service.request_spcs_info.spcs_type_2 &&
-                          cellItems.service.request_spcs_info.spcs_type_2
-                            .length != 0
-                        "
-                        :class="
-                          specificationPop.spcs_type == 2
-                            ? 'shopping_cell_specification_btn active'
-                            : 'shopping_cell_specification_btn'
-                        "
-                        size="mini"
-                        @click="
-                          changeSpecification(
-                            cellItems.service.request_spcs_info.spcs_type_2[0]
-                          )
-                        "
-                        >{{
-                          cellItems.service.request_spcs_info.spcs_type_2[0]
-                            .money
-                        }}金币/月</el-button
-                      >
-                    </div>
-                    <div class="no_option" v-else>暂无规格</div>
-                  </div>
-                </div>
-                <div class="pop_footer">
-                  <el-button
-                    class="shopping_cell_specification_cancel"
-                    size="mini"
-                    type="text"
-                    @click="visible = false"
-                  >
-                    取消
-                  </el-button>
-                  <el-button
-                    class="shopping_cell_specification_submit"
-                    size="mini"
-                    @click="submitPop"
-                  >
-                    确定
-                  </el-button>
-                </div>
-                <el-button v-if="!readOnly" circle size="mini" slot="reference">
-                  <img :src="specificationEdit" />
-                </el-button>
-              </el-popover>
+              </div> -->
             </div>
           </div>
         </div>
-        <div v-else-if="cellItems.app_id != 0" class="shopping_cell_num">
-          {{ cellItems.application.price }}金币/月
-        </div>
-        <div v-else class="shopping_cell_num">
-          {{
-            cellItems.service.request_spcs_info.spcs_type_2 &&
-            cellItems.service.request_spcs_info.spcs_type_2.length != 0
-              ? cellItems.service.request_spcs_info.spcs_type_2[0].money
-              : 0
-          }}金币/月
-        </div>
       </el-col>
-      <el-col :span="3" class="shopping_cell_num">
-        <div v-if="cellIsService && cellItems.service.spcs_info.spcs_type == 1">
-          不限时长
-        </div>
-        <div v-else>
-          <el-input-number
-            :disabled="readOnly"
-            v-model="cellItems.duration"
-            @change="changeNum"
-            size="mini"
-            :min="1"
-          ></el-input-number>
-        </div>
-      </el-col>
-      <el-col :span="3" class="shopping_cell_num">
+      <el-col :span="8" class="shopping_cell_num">
         {{
-          cellItems.service_id != 0
-            ? (cellItems.service.spcs_info.money * cellItems.duration).toFixed(
-                2
-              )
-            : (cellItems.application.price * cellItems.duration).toFixed(2)
-        }}金币
+          cellIsService
+            ? cellItems.service.organization_name
+            : cellItems.application.org_name
+        }}
       </el-col>
-      <el-col :span="3" class="shopping_cell_options">
+      <el-col :span="4" class="shopping_cell_options">
         <el-checkbox
           v-if="!readOnly"
           v-model="cellItems.is_subscribe"
@@ -304,22 +173,23 @@ export default {
   mounted() {},
   methods: {
     getState(val) {
-      if (
-        this.cellItems.service_id != 0 &&
-        !this.cellItems.service.spcs_info.id
-      ) {
-        this.$message({
-          message:
-            (this.cellItems.service_id == 0
-              ? this.cellItems.application.app_name
-              : this.cellItems.service.name) + "暂不支持购买",
-          type: "error",
-        });
-        this.checkedItem = false;
-        this.$emit("changeState", { state: false, index: this.cellIndex });
-      } else {
-        this.$emit("changeState", { state: val, index: this.cellIndex });
-      }
+      // if (
+      //   this.cellItems.service_id != 0 &&
+      //   !this.cellItems.service.spcs_info.id
+      // ) {
+      //   this.$message({
+      //     message:
+      //       (this.cellItems.service_id == 0
+      //         ? this.cellItems.application.app_name
+      //         : this.cellItems.service.name) + "暂不支持购买",
+      //     type: "error",
+      //   });
+      //   this.checkedItem = false;
+      //   this.$emit("changeState", { state: false, index: this.cellIndex });
+      // } else {
+      //   this.$emit("changeState", { state: val, index: this.cellIndex });
+      // }
+      this.$emit("changeState", { state: val, index: this.cellIndex });
     },
     changeSpecification(val) {
       this.specificationPop = val;
@@ -503,7 +373,7 @@ export default {
   margin-top: 10px;
 }
 .shopping_cell_num {
-  text-align: center;
+  text-align: left;
   padding-top: 32px;
 }
 .shopping_cell_options {
@@ -560,19 +430,6 @@ export default {
   width: 28px;
   height: 28px;
 }
-.shopping_cell_num .el-input-number--mini {
-  width: 100px;
-}
-.shopping_cell_num .el-input-number__decrease {
-  border-radius: 8px 0 0 8px;
-  color: #8390ee;
-  font-size: 16px;
-}
-.shopping_cell_num .el-input-number__increase {
-  border-radius: 0 8px 8px 0;
-  color: #8390ee;
-  font-size: 16px;
-}
 .shopping_cell_options .el-button {
   border: 0;
   font-size: 14px;
diff --git a/src/components/shopping-cart/shopping-cart-com.vue b/src/components/shopping-cart/shopping-cart-com.vue
index 1efa833..a79dd3b 100644
--- a/src/components/shopping-cart/shopping-cart-com.vue
+++ b/src/components/shopping-cart/shopping-cart-com.vue
@@ -8,11 +8,11 @@
               >全选</el-checkbox
             >
           </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="3" class="shopping_all_head_item">小计</el-col>
-          <el-col :span="3" class="shopping_all_head_item">操作</el-col>
+          <el-col :span="10" class="shopping_all_head_item text_left">服务信息</el-col>
+          <el-col :span="8" class="shopping_all_head_item text_left">提供组织</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-col :span="4" class="shopping_all_head_item">操作</el-col>
         </el-row>
       </div>
       <ShoppingCartList
@@ -57,27 +57,11 @@
               >删除选中服务</span
             >
           </el-col>
-          <el-col :span="15" class="shopping_cart_options_num">
-            <div class="fyzj">
-              <p class="fyzj_p">
-                <span v-if="getSumCoin > user_info.account_balance" 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"
-                    >账户余额：{{ user_info.account_balance }} 金币</span
-                  >
-                </p>
-              </div>
-            </div>
+          <el-col :span="15" class="shopping_cart_options_num">  
+            <p class="ckfymx_a">
+              共 {{ list.length }} 项服务，已选择
+              <span class="dwa_djf">{{ getNum }}</span> 项
+            </p>
           </el-col>
           <el-col :span="4" class="shopping_cart_options_cell">
             <el-button
@@ -286,6 +270,8 @@ export default {
   font-size: 14px;
   font-weight: 500;
   color: #58617a;
+  /* height: 100%; */
+  line-height: 80px;
 }
 .dwa_djf {
   color: #e56600;
@@ -310,37 +296,13 @@ export default {
 .shopping_all_head_item {
   text-align: center;
 }
+.text_left {
+  text-align: left;
+  padding-left: 12px;
+}
 .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;
 }
diff --git a/src/pages/service_shop/cpDetail.vue b/src/pages/service_shop/cpDetail.vue
index b952480..b8a9601 100644
--- a/src/pages/service_shop/cpDetail.vue
+++ b/src/pages/service_shop/cpDetail.vue
@@ -12,27 +12,28 @@
 
     <service-info :data="baseInfo" v-if="baseInfo"></service-info>
 
-    <service-tabs
+    <service-box
       :detail-data="detailData"
       :provider-data="providerData"
       :comments-data="commentsData"
       :comments-url="commentsUrl"
-    ></service-tabs>
+    ></service-box>
   </div>
 </template>
 
 <script>
 import serviceInfo from "@/components/service-info/service-info";
 import serviceTabs from "@/components/service-tabs/service-tabs";
-
+import serviceBox from "@/components/service-box"
 export default {
   components: {
     serviceInfo,
     serviceTabs,
+    serviceBox,
   },
   data: () => ({
     baseInfo: null,
-    detailData: null,
+    detailData: [],
     providerData: null,
     commentsData: null,
   }),
@@ -80,6 +81,8 @@ export default {
             scoreDetail: datas.scoreDetail,
             month_sale: datas.month_sale,
             version: datas.version,
+            user_name: datas.register_user_info.user_name,
+            phone: datas.register_user_info.phone,
           };
 
           this.detailData = [
@@ -88,17 +91,17 @@ export default {
               type: "step_cp",
               value: ["产品申请", "信息填写", "审核确认", "获取资源"],
             },
-            {
-              name: "产品信息",
-              type: "cp-list",
-              value: {
-                cp_area: datas.sectors_name,
-                fb_time: datas.update_date,
-                org: datas.system_name,
-                org_url: datas.domain_name,
-                tags: datas.tags,
-              },
-            },
+            // {
+            //   name: "产品信息",
+            //   type: "cp-list",
+            //   value: {
+            //     cp_area: datas.sectors_name,
+            //     fb_time: datas.update_date,
+            //     org: datas.system_name,
+            //     org_url: datas.domain_name,
+            //     tags: datas.tags,
+            //   },
+            // },
             {
               name: "产品详情",
               type: "rich-text",
diff --git a/src/pages/service_shop/gzfwDetail.vue b/src/pages/service_shop/gzfwDetail.vue
index 5445173..5a877c3 100644
--- a/src/pages/service_shop/gzfwDetail.vue
+++ b/src/pages/service_shop/gzfwDetail.vue
@@ -12,27 +12,28 @@
 
     <service-info :data="baseInfo" v-if="baseInfo"></service-info>
 
-    <service-tabs
+    <service-box
       :detail-data="detailData"
       :provider-data="providerData"
       :comments-data="commentsData"
       :comments-url="commentsUrl"
-    ></service-tabs>
+    ></service-box>
   </div>
 </template>
 
 <script>
 import serviceInfo from "@/components/service-info/service-info";
 import serviceTabs from "@/components/service-tabs/service-tabs";
-
+import serviceBox from "@/components/service-box"
 export default {
   components: {
     serviceInfo,
     serviceTabs,
+    serviceBox,
   },
   data: () => ({
     baseInfo: null,
-    detailData: null,
+    detailData: [],
     providerData: null,
     commentsData: null,
   }),
@@ -76,6 +77,8 @@ export default {
             serviceRequestSpcs: datas.serviceRequestSpcs || {spcs_type_1: [],spcs_type_2: []},
             scoreDetail: datas.scoreDetail,
             month_sale: datas.month_sale,
+            user_name: datas.register_user_info.user_name,
+            phone: datas.register_user_info.phone,
           };
 
           this.detailData = [
@@ -84,21 +87,21 @@ export default {
               type: "step",
               value: ["服务申请", "信息填写", "审核确认", "服务获取"],
             },
-            {
-              name: "服务信息",
-              type: "table-list",
-              value: {
-                data_service_type1_name: datas.data_service_type1_name,
-                data_service_type2_name: datas.data_service_type2_name,
-                sectors_name: datas.sectors_name,
-                create_time: datas.create_time,
-                update_date: datas.update_date,
-                req_type: ["-", "GET", "POST", "PUT", "DELETE"][
-                  datas.req_type || 0
-                ],
-                encode_method: datas.encode_method,
-              },
-            },
+            // {
+            //   name: "服务信息",
+            //   type: "table-list",
+            //   value: {
+            //     data_service_type1_name: datas.data_service_type1_name,
+            //     data_service_type2_name: datas.data_service_type2_name,
+            //     sectors_name: datas.sectors_name,
+            //     create_time: datas.create_time,
+            //     update_date: datas.update_date,
+            //     req_type: ["-", "GET", "POST", "PUT", "DELETE"][
+            //       datas.req_type || 0
+            //     ],
+            //     encode_method: datas.encode_method,
+            //   },
+            // },
             // {
             //   name: "请求方式",
             //   type: "text",
diff --git a/src/pages/service_shop/shop_car_apply.vue b/src/pages/service_shop/shop_car_apply.vue
index 6d4b1cd..7f67c85 100644
--- a/src/pages/service_shop/shop_car_apply.vue
+++ b/src/pages/service_shop/shop_car_apply.vue
@@ -19,11 +19,12 @@
         @click="sub_service()"
       >提交申请</span>
       <div class="count_money">
-        <p>
+        <!-- <p>
           费用总计:&nbsp;&nbsp;&nbsp; <span>{{ all_cost }}</span><span>金币</span>
-        </p>
+        </p> -->
         <p>
-          <span>共{{ service_arr.length }}项服务</span><span>|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;账户余额: {{ now_money }}金币</span>
+          <span>共{{ service_arr.length }}项服务</span>
+          <!-- <span>|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;账户余额: {{ now_money }}金币</span> -->
         </p>
       </div>
     </div>
@@ -46,7 +47,9 @@ export default {
       formInline: {
         depart: "",
         preson: "",
-        phone: ""
+        phone: "",
+        date:[],
+        sqly: '',
       },
       all_cost: 0,
       now_money: 0,
@@ -180,6 +183,7 @@ export default {
             this.service_arr[0]["isapp"] = true;
             console.log(data, this.service_arr);
             this.all_cost = app_data.duration * parseFloat(data.price);
+            this.service_arr[0]["fbsj"] = data.create_date;
           }
         });
     },
@@ -205,6 +209,7 @@ export default {
             objs.img = data.cover;
             objs.title = data.name;
             objs.type = data.data_service_type1_name;
+            objs.fbsj = data.create_time;
             objs.tips = [
               {
                 tip: this.share_arr[data.openness].name,
@@ -278,10 +283,10 @@ export default {
       });
     },
     sub_service() {
-      if (parseFloat(this.all_cost) > parseFloat(this.now_money)) {
-        this.$message.error("余额不足，请进行充值");
-        return;
-      }
+      // if (parseFloat(this.all_cost) > parseFloat(this.now_money)) {
+      //   this.$message.error("余额不足，请进行充值");
+      //   return;
+      // }
       let formInline = this.$refs.apply_info.formInline;
       let flag = null;
       this.$refs.apply_info.$refs.ruleForm.validate(valid => {
@@ -292,10 +297,15 @@ export default {
             this.$message.error("输入正确号码");
             return;
           }
+          let request_start_time = formInline.date[0] || ''
+          let request_end_time = formInline.date[1] || ''
           var temp = {
             apply_part: {
               o_name: formInline.preson,
-              o_mobile: formInline.phone
+              o_mobile: formInline.phone,
+              request_start_time: request_start_time,
+              request_end_time: request_end_time,
+              reason_application: formInline.sqly
             },
             carts: []
           };
@@ -347,7 +357,6 @@ export default {
               }
             }
           }
-
           this.$http
             .post(`/apaas/serviceapp/v3/shopcart/apply`, temp)
             .then(response => {
@@ -519,28 +528,12 @@ export default {
 }
 .count_money {
   float: right;
-  margin-top: -10px;
-}
-.count_money p:nth-of-type(1) {
-  font-size: 18px;
-  color: #242c43;
-  margin-bottom: 10px;
-}
-.count_money p:nth-of-type(1) span {
-  color: #e56600;
-}
-.count_money p:nth-of-type(1) span:nth-of-type(1) {
-  font-size: 24px;
-}
-.count_money p:nth-of-type(1) span:nth-of-type(2) {
-  font-size: 14px;
+  /* margin-top: -10px; */
+  height: 44px;
+  line-height: 44px;
 }
-.count_money p:nth-of-type(2) {
+.count_money p {
   font-size: 14px;
   color: #58617a;
 }
-.count_money p:nth-of-type(2) span:nth-of-type(2) {
-  color: #a9aec0;
-  margin-left: 20px;
-}
 </style>
diff --git a/src/pages/service_shop/sjfwDetail.vue b/src/pages/service_shop/sjfwDetail.vue
index dac9071..3d1c9bc 100644
--- a/src/pages/service_shop/sjfwDetail.vue
+++ b/src/pages/service_shop/sjfwDetail.vue
@@ -12,27 +12,28 @@
 
     <service-info :data="baseInfo" v-if="baseInfo"></service-info>
 
-    <service-tabs
+    <service-box
       :detail-data="detailData"
       :provider-data="providerData"
       :comments-data="commentsData"
       :comments-url="commentsUrl"
-    ></service-tabs>
+    ></service-box>
   </div>
 </template>
 
 <script>
 import serviceInfo from "@/components/service-info/service-info";
 import serviceTabs from "@/components/service-tabs/service-tabs";
-
+import serviceBox from "@/components/service-box"
 export default {
   components: {
     serviceInfo,
     serviceTabs,
+    serviceBox,
   },
   data: () => ({
     baseInfo: null,
-    detailData: null,
+    detailData: [],
     providerData: null,
     commentsData: null,
   }),
@@ -76,6 +77,8 @@ export default {
             serviceRequestSpcs: datas.serviceRequestSpcs || {spcs_type_1: [],spcs_type_2: []},
             scoreDetail: datas.scoreDetail,
             month_sale: datas.month_sale,
+            user_name: datas.register_user_info.user_name,
+            phone: datas.register_user_info.phone,
           };
 
           this.detailData = [
@@ -84,21 +87,21 @@ export default {
               type: "step",
               value: ["服务申请", "信息填写", "审核确认", "服务获取"],
             },
-            {
-              name: "服务信息",
-              type: "table-list",
-              value: {
-                data_service_type1_name: datas.data_service_type1_name,
-                data_service_type2_name: datas.data_service_type2_name,
-                sectors_name: datas.sectors_name,
-                create_time: datas.create_time,
-                update_date: datas.update_date,
-                req_type: ["-", "GET", "POST", "PUT", "DELETE"][
-                  datas.req_type || 0
-                ],
-                encode_method: datas.encode_method,
-              },
-            },
+            // {
+            //   name: "服务信息",
+            //   type: "table-list",
+            //   value: {
+            //     data_service_type1_name: datas.data_service_type1_name,
+            //     data_service_type2_name: datas.data_service_type2_name,
+            //     sectors_name: datas.sectors_name,
+            //     create_time: datas.create_time,
+            //     update_date: datas.update_date,
+            //     req_type: ["-", "GET", "POST", "PUT", "DELETE"][
+            //       datas.req_type || 0
+            //     ],
+            //     encode_method: datas.encode_method,
+            //   },
+            // },
             // {
             //   name: "请求方式",
             //   type: "text",
diff --git a/src/pages/service_shop/skfwDetail.vue b/src/pages/service_shop/skfwDetail.vue
index ad30dfa..1a23afd 100644
--- a/src/pages/service_shop/skfwDetail.vue
+++ b/src/pages/service_shop/skfwDetail.vue
@@ -12,27 +12,28 @@
 
     <service-info :data="baseInfo" v-if="baseInfo"></service-info>
 
-    <service-tabs
+    <service-box
       :detail-data="detailData"
       :provider-data="providerData"
       :comments-data="commentsData"
       :comments-url="commentsUrl"
-    ></service-tabs>
+    ></service-box>
   </div>
 </template>
 
 <script>
 import serviceInfo from "@/components/service-info/service-info";
 import serviceTabs from "@/components/service-tabs/service-tabs";
-
+import serviceBox from "@/components/service-box"
 export default {
   components: {
     serviceInfo,
     serviceTabs,
+    serviceBox,
   },
   data: () => ({
     baseInfo: null,
-    detailData: null,
+    detailData: [],
     providerData: null,
     commentsData: null,
   }),
@@ -83,6 +84,8 @@ export default {
             scoreDetail: datas.scoreDetail,
             month_sale: datas.month_sale,
             serviceRequestSpcs: datas.serviceRequestSpcs || {spcs_type_1: [],spcs_type_2: []},
+            user_name: datas.register_user_info.user_name,
+            phone: datas.register_user_info.phone,
           };
 
           this.detailData = [
@@ -91,21 +94,21 @@ export default {
               type: "step",
               value: ["服务申请", "信息填写", "审核确认", "服务获取"],
             },
-            {
-              name: "服务信息",
-              type: "table-list",
-              value: {
-                data_service_type1_name: datas.data_service_type1_name,
-                data_service_type2_name: datas.data_service_type2_name,
-                sectors_name: datas.sectors_name,
-                create_time: datas.create_time,
-                update_date: datas.update_date,
-                req_type: ["-", "GET", "POST", "PUT", "DELETE"][
-                  datas.req_type || 0
-                ],
-                encode_method: datas.encode_method,
-              },
-            },
+            // {
+            //   name: "服务信息",
+            //   type: "table-list",
+            //   value: {
+            //     data_service_type1_name: datas.data_service_type1_name,
+            //     data_service_type2_name: datas.data_service_type2_name,
+            //     sectors_name: datas.sectors_name,
+            //     create_time: datas.create_time,
+            //     update_date: datas.update_date,
+            //     req_type: ["-", "GET", "POST", "PUT", "DELETE"][
+            //       datas.req_type || 0
+            //     ],
+            //     encode_method: datas.encode_method,
+            //   },
+            // },
             /* {
               name: "服务属性", // TODO: replace
               type: "list", 
diff --git a/src/pages/service_shop/spfwDetail.vue b/src/pages/service_shop/spfwDetail.vue
index 262d6d3..d390617 100644
--- a/src/pages/service_shop/spfwDetail.vue
+++ b/src/pages/service_shop/spfwDetail.vue
@@ -12,27 +12,28 @@
 
     <service-info :data="baseInfo" v-if="baseInfo"></service-info>
 
-    <service-tabs
+    <service-box
       :detail-data="detailData"
       :provider-data="providerData"
       :comments-data="commentsData"
       :comments-url="commentsUrl"
-    ></service-tabs>
+    ></service-box>
   </div>
 </template>
 
 <script>
 import serviceInfo from "@/components/service-info/service-info";
 import serviceTabs from "@/components/service-tabs/service-tabs";
-
+import serviceBox from "@/components/service-box"
 export default {
   components: {
     serviceInfo,
     serviceTabs,
+    serviceBox,
   },
   data: () => ({
     baseInfo: null,
-    detailData: null,
+    detailData: [],
     providerData: null,
     commentsData: null,
   }),
@@ -76,6 +77,8 @@ export default {
             serviceRequestSpcs: datas.serviceRequestSpcs || {spcs_type_1: [],spcs_type_2: []},
             scoreDetail: datas.scoreDetail,
             month_sale: datas.month_sale,
+            user_name: datas.register_user_info.user_name,
+            phone: datas.register_user_info.phone,
           };
 
           this.detailData = [
@@ -84,21 +87,21 @@ export default {
               type: "step",
               value: ["服务申请", "信息填写", "审核确认", "服务获取"],
             },
-            {
-              name: "服务信息",
-              type: "table-list",
-              value: {
-                data_service_type1_name: datas.data_service_type1_name,
-                data_service_type2_name: datas.data_service_type2_name,
-                sectors_name: datas.sectors_name,
-                create_time: datas.create_time,
-                update_date: datas.update_date,
-                req_type: ["-", "GET", "POST", "PUT", "DELETE"][
-                  datas.req_type || 0
-                ],
-                encode_method: datas.encode_method,
-              },
-            },
+            // {
+            //   name: "服务信息",
+            //   type: "table-list",
+            //   value: {
+            //     data_service_type1_name: datas.data_service_type1_name,
+            //     data_service_type2_name: datas.data_service_type2_name,
+            //     sectors_name: datas.sectors_name,
+            //     create_time: datas.create_time,
+            //     update_date: datas.update_date,
+            //     req_type: ["-", "GET", "POST", "PUT", "DELETE"][
+            //       datas.req_type || 0
+            //     ],
+            //     encode_method: datas.encode_method,
+            //   },
+            // },
             // {
             //   name: "请求方式",
             //   type: "text",
diff --git a/src/pages/service_shop/yysdDetail.vue b/src/pages/service_shop/yysdDetail.vue
index b58356a..f65d46a 100644
--- a/src/pages/service_shop/yysdDetail.vue
+++ b/src/pages/service_shop/yysdDetail.vue
@@ -10,27 +10,36 @@
       </el-breadcrumb>
     </div>
 
-    <app-info :datas="baseInfo"></app-info>
+    <app-info :datas="baseInfo" v-if="showFlag"></app-info>
 
-    <service-tabs
+    <!-- <service-tabs
       :detail-data="detailData"
       detail-title="应用详情信息"
       :provider-data="providerData"
       :comments-url="commentsUrl"
       comments-title="应用评价信息"
       :is_app_detail="true"
-    ></service-tabs>
+    ></service-tabs> -->
+    <service-box
+      :detail-data="detailData"
+      detail-title="应用详情信息"
+      :provider-data="providerData"
+      comments-title="应用评价信息"
+      :comments-url="commentsUrl"
+      :is_app_detail="true"
+    ></service-box>
   </div>
 </template>
 
 <script>
 import appInfo from "@/components/service-info/app-info";
 import serviceTabs from "@/components/service-tabs/service-tabs";
-
+import serviceBox from "@/components/service-box"
 export default {
   components: {
     appInfo,
     serviceTabs,
+    serviceBox
   },
   data: () => ({
     baseInfo: {
@@ -56,6 +65,8 @@ export default {
       ywly_name: "",
       yyjj: "",
       price: "",
+      phone: "",
+      organization_name: "",
     },
     detailData: [
       {
@@ -63,11 +74,6 @@ export default {
         type: "step_app",
         value: ["应用申请", "信息填写", "审核确认", "应用获取"],
       },
-      {
-        name: "应用信息",
-        type: "app-list",
-        value: {},
-      },
       {
         name: "功能简介",
         type: "text",
@@ -91,6 +97,7 @@ export default {
       phone: "",
       serviceRequestSpcsTable: [],
     },
+    showFlag: false,
   }),
   computed: {
     id() {
@@ -138,13 +145,7 @@ export default {
               this.baseInfo.price_style = response.data.data.price_style;
               this.baseInfo.sale = response.data.data.sale;
               this.baseInfo.star = response.data.data.star;
-              this.detailData[1].value = {
-                online_state_name: data.data.online_state_name,
-                type_name: data.data.type_name,
-                ywly_name: data.data.ywly_name,
-                create_date: data.data.create_date,
-              };
-              console.log(this.baseInfo)
+              
             });
         })
         .catch(function (error) {
@@ -172,9 +173,9 @@ export default {
         .then((response) => {
           let data1 = response[0].data.data;
           let data2 = response[1].data.data;
-          this.detailData[2].value = data1.gnjj;
-          this.detailData[3].value = data1.cjsl;
-          this.detailData[4].value = data2;
+          this.detailData[1].value = data1.gnjj;
+          this.detailData[2].value = data1.cjsl;
+          this.detailData[3].value = data2;
           this.baseInfo.yyjj = data1.yyjj;
         })
         .catch(function (error) {
@@ -188,10 +189,15 @@ export default {
           this.providerData.picture_path = data.data.picture_path;
           this.providerData.user_name = data.data.user_name;
           this.providerData.phone = data.data.phone;
+          this.baseInfo.phone = data.data.phone
+          this.baseInfo.organization_name = data.data.department_name
         })
         .catch(function (error) {
           console.log(error);
         });
+        this.$nextTick(() => {
+          this.showFlag = true  
+        })
     },
   },
   mounted() {
diff --git a/src/pages/service_shop/zhfwDetail.vue b/src/pages/service_shop/zhfwDetail.vue
index 26aacca..fd973c1 100644
--- a/src/pages/service_shop/zhfwDetail.vue
+++ b/src/pages/service_shop/zhfwDetail.vue
@@ -12,27 +12,28 @@
 
     <service-info :data="baseInfo" v-if="baseInfo"></service-info>
 
-    <service-tabs
+    <service-box
       :detail-data="detailData"
       :provider-data="providerData"
       :comments-data="commentsData"
       :comments-url="commentsUrl"
-    ></service-tabs>
+    ></service-box>
   </div>
 </template>
 
 <script>
 import serviceInfo from "@/components/service-info/service-info";
 import serviceTabs from "@/components/service-tabs/service-tabs";
-
+import serviceBox from "@/components/service-box"
 export default {
   components: {
     serviceInfo,
     serviceTabs,
+    serviceBox,
   },
   data: () => ({
     baseInfo: null,
-    detailData: null,
+    detailData: [],
     providerData: null,
     commentsData: null,
   }),
@@ -77,6 +78,8 @@ export default {
             serviceRequestSpcs: datas.serviceRequestSpcs || {spcs_type_1: [],spcs_type_2: []},
             scoreDetail: datas.scoreDetail,
             month_sale: datas.month_sale,
+            user_name: datas.register_user_info.user_name,
+            phone: datas.register_user_info.phone,
           };
           this.detailData = [
             {
@@ -84,21 +87,21 @@ export default {
               type: "step",
               value: ["服务申请", "信息填写", "审核确认", "服务获取"],
             },
-            {
-              name: "服务信息",
-              type: "table-list",
-              value: {
-                data_service_type1_name: datas.data_service_type1_name,
-                data_service_type2_name: datas.data_service_type2_name,
-                sectors_name: datas.sectors_name,
-                create_time: datas.create_time,
-                update_date: datas.update_date,
-                req_type: ["-", "GET", "POST", "PUT", "DELETE"][
-                  datas.req_type || 0
-                ],
-                encode_method: datas.encode_method,
-              },
-            },
+            // {
+            //   name: "服务信息",
+            //   type: "table-list",
+            //   value: {
+            //     data_service_type1_name: datas.data_service_type1_name,
+            //     data_service_type2_name: datas.data_service_type2_name,
+            //     sectors_name: datas.sectors_name,
+            //     create_time: datas.create_time,
+            //     update_date: datas.update_date,
+            //     req_type: ["-", "GET", "POST", "PUT", "DELETE"][
+            //       datas.req_type || 0
+            //     ],
+            //     encode_method: datas.encode_method,
+            //   },
+            // },
             /* {
               name: "微服务响应列表", // TODO: replace
               type: "table",
diff --git a/src/pages/user/order/order_detail.vue b/src/pages/user/order/order_detail.vue
index 00eb69b..8e13452 100644
--- a/src/pages/user/order/order_detail.vue
+++ b/src/pages/user/order/order_detail.vue
@@ -203,7 +203,7 @@
       <div class="detail_service">
         <el-row class="detail_service_row">
           <el-col
-            :span="8"
+            :span="14"
             v-if="orderDetail.order_type == 1"
             class="detail_service_msg"
           >
@@ -234,7 +234,7 @@
             </div>
           </el-col>
           <el-col
-            :span="8"
+            :span="14"
             v-else-if="orderDetail.order_type == 2"
             class="detail_service_msg"
           >
@@ -252,7 +252,7 @@
             </div>
           </el-col>
           <el-col
-            :span="8"
+            :span="10"
             v-else-if="orderDetail.order_type == 3"
             class="detail_service_msg"
           >
@@ -268,76 +268,21 @@
               </div>
             </div>
           </el-col>
-          <el-col :span="6" class="detail_service_specification">
-            <div v-if="orderDetail.order_type == 1">
-              <div>
-                <span class="detail_service_specification_gg">
-                  {{ orderDetail.spcs_type == 0 ? "计次收费：" : "时长收费：" }}
-                </span>
-                <span class="detail_service_specification_val">
-                  {{ orderDetail.single_money }}金币/
-                  {{
-                    orderDetail.spcs_type == 1
-                      ? orderDetail.spcs_count + "次"
-                      : "月"
-                  }}
-                </span>
-              </div>
-            </div>
-            <div v-else-if="orderDetail.order_type == 2">
-              <div>
-                <span class="detail_service_specification_gg">
-                  {{
-                    orderDetail.spec_app == 0
-                      ? "申请获取应用镜像部署权限："
-                      : "申请获取应用镜像开发权限："
-                  }}
-                </span>
-                <span class="detail_service_specification_val">
-                  {{ orderDetail.single_money }}金币/月
-                </span>
-              </div>
-            </div>
-            <div v-else-if="orderDetail.order_type == 3">
-              <div>
-                <span class="detail_service_specification_gg">类型：</span>
+          <el-col class="detail_service_msg" v-if="orderDetail.order_type == 3" :span="6">
+            
+                <div class="lx_box">
+                  <span class="detail_service_specification_gg">类型：</span>
                 <span class="detail_service_specification_val">{{
                   orderDetail.apply_type == 0
                     ? "申请新的工作区域"
                     : "升级现有工作区域"
                 }}</span>
-              </div>
-            </div>
-          </el-col>
-          <el-col :span="5" class="detail_service_time">
-            <div>
-              <span class="detail_service_time_title">申请时长：</span>
-              <span class="detail_service_specification_val">{{
-                orderDetail.duration == 0
-                  ? "不限"
-                  : orderDetail.duration +
-                    (orderDetail.duration_unit == 1 ? "个月" : "年")
-              }}</span>
-            </div>
+                </div>
+              
           </el-col>
-          <el-col :span="5" class="detail_service_money">
+          <el-col :span="orderDetail.order_type == 3? 8 : 10" class="detail_service_time">
             <div>
-              <span class="detail_service_money_title">总价：</span>
-              <span class="detail_service_specification_val"
-                >{{ orderDetail.total_money }}金币</span
-              >
-              <!-- <span
-                v-if="
-                  orderDetail.apply_type == 1 &&
-                  orderDetail.amounts_payable - orderDetail.total_money > 0
-                "
-                class="adhekadwn"
-              >
-                （升级费用：
-                {{ orderDetail.amounts_payable }}金币，原规格抵扣：
-                {{ orderDetail.amounts_payable - orderDetail.total_money }}
-                金币）
-              </span> -->
+              申请使用期限：{{orderDetail.order_type == 3 ? orderDetail.duration + '个月' : orderDetail.request_start_time && orderDetail.request_end_time? orderDetail.request_start_time + '~' + orderDetail.request_end_time : '-' }}
             </div>
           </el-col>
         </el-row>
@@ -981,7 +926,12 @@ export default {
   justify-content: space-between;
   border-right: 1px #ededed solid;
 }
-
+.detail_service_msg .lx_box {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  line-height: 122px;
+}
 .detail_service_msg_img {
   width: 118px;
   height: 118px;
diff --git a/src/pages/workbench/fwgl/apply_service_detail.vue b/src/pages/workbench/fwgl/apply_service_detail.vue
index f0addf9..c73f3e7 100644
--- a/src/pages/workbench/fwgl/apply_service_detail.vue
+++ b/src/pages/workbench/fwgl/apply_service_detail.vue
@@ -687,22 +687,22 @@ export default {
           type: "solt",
           solt_name: "apply_table",
         },
+        // {
+        //   title: "申请规格：",
+        //   info: "",
+        // },
         {
-          title: "申请规格：",
+          title: "申请使用期限：",
           info: "",
         },
         {
-          title: "申请时长：",
+          title: "申请理由",
           info: "",
         },
         {
           title: "申请时间：",
           info: "",
         },
-        {
-          title: "支付总价：",
-          info: "0",
-        },
         {
           title: "审批信息",
           prop: "title",
@@ -1089,16 +1089,18 @@ export default {
           } else {
             spcs = `${data.service_apply_info.single_money}金币/月`;
           }
-          this.$set(this.apply_arr[6], "info", spcs);
+          // this.$set(this.apply_arr[6], "info", spcs);
 
           this.$set(
-            this.apply_arr[7],
+            this.apply_arr[6],
             "info",
-            data.service_apply_info.spcs_type == 1
-              ? "不限时长"
-              : data.service_apply_info.duration +
-                  (data.service_apply_info.duration_unit == 1 ? "月" : "年")
+            data.service_apply_info.request_start_time && data.service_apply_info.request_end_time ? data.service_apply_info.request_start_time + '~' + data.service_apply_info.request_end_time : '-'
           );
+          this.$set(
+            this.apply_arr[7],
+            "info",
+            data.service_apply_info.reason_application || ''
+          )
           this.$set(
             this.apply_arr[8],
             "info",
@@ -1106,11 +1108,6 @@ export default {
               .replace(/T|Z/g, " ")
               .split("+")[0]
           );
-          this.$set(
-            this.apply_arr[9],
-            "info",
-            data.service_apply_info.total_money + "金币"
-          );
           this.res_table_arr = JSON.parse(
             data.service_apply_info.res_fields || "[]"
           );
diff --git a/src/pages/workbench/fwgl/approval_service_detail.vue b/src/pages/workbench/fwgl/approval_service_detail.vue
index d1b702e..12d4ef3 100644
--- a/src/pages/workbench/fwgl/approval_service_detail.vue
+++ b/src/pages/workbench/fwgl/approval_service_detail.vue
@@ -472,9 +472,7 @@ export default {
           this.$set(
             this.list_arr[8],
             "info",
-            data.service_apply_info.spcs_type == 1
-              ? "不限时长"
-              : data.service_apply_info.duration + "月"
+            data.service_apply_info.request_start_time && data.service_apply_info.request_end_time ? data.service_apply_info.request_start_time + '~' + data.service_apply_info.request_end_time : '-'
           );
           // this.$set(
           //   this.list_arr[9],
diff --git a/src/pages/workbench/yygl/apply_app_detail.vue b/src/pages/workbench/yygl/apply_app_detail.vue
index 4a9d42b..3e22fad 100644
--- a/src/pages/workbench/yygl/apply_app_detail.vue
+++ b/src/pages/workbench/yygl/apply_app_detail.vue
@@ -134,10 +134,10 @@ export default {
           title: "申请时间：",
           info: "",
         },
-        {
-          title: "总价：",
-          info: "",
-        },
+        // {
+        //   title: "总价：",
+        //   info: "",
+        // },
         {
           title: "审批信息",
           prop:"title",
@@ -231,7 +231,7 @@ export default {
           this.$set(this.servicead_arr[2], "url", data.apply_file);
           this.$set(this.servicead_arr[3], "info", data.apply_type_name);
           this.$set(this.servicead_arr[4], "info", data.apply_time);
-          this.$set(this.servicead_arr[5], "info", data.total_money);
+          // this.$set(this.servicead_arr[5], "info", data.total_money);
         })
         .catch(function(response) {});
     },
diff --git a/src/pages/workbench/yygl/approval_app_detail.vue b/src/pages/workbench/yygl/approval_app_detail.vue
index 5b3a4e3..9e4dcfe 100644
--- a/src/pages/workbench/yygl/approval_app_detail.vue
+++ b/src/pages/workbench/yygl/approval_app_detail.vue
@@ -245,10 +245,10 @@ export default {
           title: "申请时间：",
           info: ""
         },
-        {
-          title: "订单总价：",
-          info: ""
-        }
+        // {
+        //   title: "订单总价：",
+        //   info: ""
+        // }
       ]
     };
   },
@@ -344,7 +344,7 @@ export default {
           this.$set(this.list_arr[4], "info", data.apply_file.split('/')[0]);
           this.$set(this.list_arr[4], "url", data.apply_file);
           this.$set(this.list_arr[5], "info", data.apply_time.replace('Z',' ').replace('T',' '));
-          this.$set(this.list_arr[6], "info", data.total_money);
+          // this.$set(this.list_arr[6], "info", data.total_money);
 
         })
         .catch(function(response) {});
-- 
2.26.0