排队报表细节修改

Signed-off-by: 王启林 <1940603613@qq.com>

portal-manager-ui/admin/src/views/dataAdmin/components/queueCall/components/businessInfo.vue

@@ -13,7 +13,7 @@
         <h4>
           <span>受理次数<br /><i>{{ dataList.slcount }}</i></span>
           <span>办结次数<br /><i>{{ dataList.bjcount }}</i></span>
-          <span>好评率<br /><i>{{ dataList.hplv }}</i></span>
+          <span>好评率<br /><i>{{ dataList.hplv }}%</i></span>
         </h4>
       </div>
       <template slot="footer">

portal-manager-ui/admin/src/views/dataAdmin/components/queueCall/components/userInfo.vue

 <template>
   <div class="userModal" ref="userModal">
-    <a-modal
-      :title="modalInfo.title"
-      :width="modalInfo.width"
-      :visible="modalInfo.visible"
-      :confirmLoading="modalInfo.confirmLoading"
-      @cancel="modalClose"
-      :centered="true"
-      :destroyOnClose="true"
-      :getContainer="() => $refs.userModal"
-    >
+    <a-modal :title="modalInfo.title" :width="modalInfo.width" :visible="modalInfo.visible"
+      :confirmLoading="modalInfo.confirmLoading" @cancel="modalClose" :centered="true" :destroyOnClose="true"
+      :getContainer="() => $refs.userModal">
       <div class="content">
-        <h1>{{ dataList.people_name}}</h1>
+        <h1>{{ dataList.people_name }}</h1>
         <p>
           <span>{{ dataList.people_sex }}</span>
-          <span>{{ dataList.age  }}</span>
+          <span>{{ dataList.age }}</span>
           <span>{{ dataList.people_phone }}</span>
         </p>
         <h2>
-          <span
-            >预约次数<br /><i>{{ dataList.ordernum }}</i></span
-          >
-          <span
-            >排队次数<br /><i>{{ dataList.quenum }}</i></span
-          >
-          <span
-            >关联业务<br /><i>{{ dataList.bus_num}}</i></span
-          >
+          <span>预约次数<br /><i>{{ dataList.ordernum }}</i></span>
+          <span>排队次数<br /><i>{{ dataList.quenum }}</i></span>
+          <span>关联业务<br /><i>{{ dataList.bus_num }}</i></span>
         </h2>
       </div>
       <template slot="footer">
         <a-button type="primary" ghost @click="openBlockchain">查看TA的数据画像</a-button>
-        <a-button type="primary" ghost @click="openBlockchain"
-          >区块链信息</a-button
-        >
+        <a-button type="primary" ghost @click="openBlockchain">区块链信息</a-button>
       </template>
     </a-modal>
     <Blockchain ref="Blockchain" />
@@ -48,14 +33,14 @@ export default {
   name: "PortalAdminVueUserInfo",
   data() {
     return {
-      dataList:[],
+      dataList: [],
     };
   },
   components: {
     Blockchain,
   },
 
-  mounted() {},
+  mounted() { },
   methods: {
     openBlockchain() {
       // this.$refs.Blockchain.modalInfo.visible = true;
@@ -69,30 +54,35 @@ export default {
 .userModal {
   .content {
     h1 {
-      padding: 20px;
+      padding: 0 20px;
       color: #3bacfd;
       font-size: 18px;
     }
+
     p {
       padding: 20px;
       display: flex;
       justify-content: flex-start;
       align-items: center;
+
       span {
-        & + span {
+        &+span {
           margin-left: 30px;
         }
       }
     }
+
     h2 {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 20px;
       background: #f3faff;
+
       span {
         font-size: 16px;
         text-align: center;
+
         i {
           color: #3bacfd;
           font-style: normal;
@@ -100,6 +90,7 @@ export default {
       }
     }
   }
+
   .ant-modal-body {
     padding: 0 !important;
     min-height: 300px !important;