feature(遵义人民):预约管理-技术平台页面调整

src/views/technical-plat/index.vue

@@ -21,11 +21,13 @@
                 />
               </div>
               <div class="text-item">
-                <p class="name mb20">{{ v.platformName }}</p>
-                <div class="mb20">
-                  <p>说明：</p>
-                  <div v-html="v.platformDesc"></div>
+                <div class="name mb20">
+                  <span>{{ v.platformName }}</span>
+                  <span style="float: right">
+                    {{ v.bills }}
+                  </span>
                 </div>
+                <div class="mb20" v-html="v.platformDesc"></div>
                 <p class="mb20">负责人：{{ v.platformManagerName }}</p>
                 <div class="info">
                   <div class="info-txt">
@@ -64,9 +66,15 @@
   import { getInstrList, getInstNameEnCount } from "@/api/instr/index";
   import { getPlatFormList } from "@/api/platform";
   import appointEdit from "./components/edit.vue";
+  import {bi} from "@fullcalendar/core/internal-common";
+  import { mapGetters } from "vuex";
+
   export default {
     name: "equipment",
     components: { appointEdit },
+    computed: {
+      ...mapGetters(["userInfo"]),
+    },
     data() {
       return {
         platFilterExpand: false,
@@ -104,15 +112,6 @@
       this.getInstrData();
     },
 
-    computed: {
-      escapedPlatformDesc() {
-        const div = document.createElement('div');
-        return (value) => {
-          return value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;')
-        };
-      }
-    },
-
     methods: {
       handleAppoint(value) {
         this.$refs.appointRef.openDialog('add', value);
@@ -149,6 +148,19 @@
           this.serviceDataList = res.data.list;
           this.total = res.data.total;
           // this.getInstNameEnCountData();
+          this.serviceDataList.forEach(item => {
+            item.bills = ''
+            if (this.userInfo.userType !== '') {
+              item.billList = item.billList.filter(bill => {
+                return bill.userType === this.userInfo.userType
+              })
+              item.billList.forEach(bill => {
+                if (bill) {
+                  item.bills += bill.resType+'：￥'+bill.unitPrice+'；'
+                }
+              })
+            }
+          })
         }
       },
       // 对象转数组
@@ -342,8 +354,8 @@
       border-bottom: 1px solid rgba(112, 112, 112, 0.06);
       align-items: center;
       .img-item {
-        width: 100px;
-        height: 100px;
+        width: 180px;
+        height: 180px;
         border-radius: 6px;
         overflow: hidden;
         margin-right: 18px;