zx

src/views/Basic/home/index.vue

@@ -64,11 +64,10 @@
               }}</a-col
             >
           </a-col>
-          <a-col :span="5" style="line-height:130px;margin-top:-20px"
-            ><a-button shape="round" size="default" @click="editCompany()"
-              >修改公司信息</a-button
-            ></a-col
-          >
+          <a-col :span="5" style="line-height:130px;margin-top:-20px">
+            <!-- <a-button shape="round" size="default" @click="editCompany()"
+              >修改公司信息</a-button> -->
+          </a-col>
         </a-row>
       </div>
     </div>
@@ -150,7 +149,7 @@
                   }}<span style="color: #00000073; font-size: 14px">到期</span>
                 </div>
                 <template slot="actions" class="ant-card-actions">
-                  <span><a>续费</a></span>
+                  <!-- <span><a>续费</a></span> -->
                   <span><a @click="unbound(item)">解绑</a></span>
                   <span><a @click="orderDetail(item)">详情</a></span>
                   <!-- <span>支付</span>
@@ -235,6 +234,25 @@
         </a-descriptions-item>
       </a-descriptions>
     </a-drawer>
+    <a-drawer title="小区详情" :visible="orderVisible" @close="orderClose" width="512">
+      <a-descriptions :column="1" layout="vertical">
+        <a-descriptions-item label="订单号">
+          {{orderInfoDetail.code}}
+        </a-descriptions-item>
+        <a-descriptions-item label="订单状态">
+          {{orderInfoDetail.status==1?'未绑定':2?'业务受理中':3?'生效中':'已失效'}}
+        </a-descriptions-item>
+        <a-descriptions-item label="购买功能">
+          <a-tag v-for="(item,index) in orderInfoDetail.includeFunctionModelList" :key="index">{{item}}</a-tag>
+        </a-descriptions-item>
+        <a-descriptions-item label="价格">
+          ¥ <span style="color: red">{{(orderInfoDetail.price*1).toFixed(2)}}</span>
+        </a-descriptions-item>
+        <a-descriptions-item label="有效日期至">
+          {{(orderInfoDetail.expirationDate)}}
+        </a-descriptions-item>
+      </a-descriptions>
+    </a-drawer>
   </div>
 </template>
 
@@ -274,7 +292,10 @@ export default {
       boundForm: {communityId: undefined, adminFunctionOrderId: undefined},
       //小区详情
       villageVisible: false,
-      villageData: {}
+      villageData: {},
+      //订单详情
+      orderInfoDetail: {},
+      orderVisible: false
 		};
 	},
 	mounted() {
@@ -345,6 +366,8 @@ export default {
     },
     //订单详情
     orderDetail(val) {
+      this.orderInfoDetail = val;
+      this.orderVisible = true;
     },
     //小区详情
     handlerDetail(val) {
@@ -357,6 +380,9 @@ export default {
     villageClose() {
       this.villageVisible = false
     },
+    orderClose() {
+      this.orderVisible = false
+    },
     //订单列表解绑
     unbound(val) {
       let obj = {adminFunctionOrderId : val.id}

src/views/Manage/ShopRemain/index.vue

@@ -4,9 +4,9 @@
         <div class="search-box">
             <a-space size="large">
                 <a-descriptions layout="vertical">
-                    <a-descriptions-item label="余额">
+                    <!-- <a-descriptions-item label="余额">
                         ¥ <span class="total-amount">5112</span>
-                    </a-descriptions-item>
+                    </a-descriptions-item> -->
                 </a-descriptions>
             </a-space>
         </div>