dev

src/components/home/index/Card.vue

@@ -32,13 +32,7 @@ const imageUrl = ref<any>()
     <div class="info-content">
       <img class="image" :src="imageUrl? imageUrl:userMessage.logo" alt="app">
       <div class="app_info-content-text">
-        <el-tooltip
-            effect="dark"
-            :content="userMessage.name"
-            placement="bottom-start"
-        >
         <div class="app_info-title">{{ userMessage.name }}</div>
-        </el-tooltip>
         <div>软件版本：{{ userMessage.version }}</div>
         <div style="margin: 10px 0">授权到期：{{ formatDate(decryptedText.expiryDate) }}</div>
         <div>版本类型：{{ decryptedText.rule == 1 ? "禁用医保" : decryptedText.rule == 2 ? "全部开放" : "暂无" }}</div>

src/components/home/index/Dialog/ExpireWarnDetail.vue

@@ -2,7 +2,7 @@
   <Mask :width="1100" :height="600" :is-show="show" title="过期商品详情" @close="close" :show-footer="true">
    <template #default>
      <div style="height: 100%;padding: 24px">
-       <el-table :data="tableData"  style="width: 100%" class="table">
+       <el-table border :data="tableData"  style="width: 100%;height: 100%" class="table" :header-cell-style="{ backgroundColor: '#F1F5FB' }">
          <el-table-column label="名称" prop="name" show-overflow-tooltip></el-table-column>
          <el-table-column label="剩余天数" show-overflow-tooltip>
            <template #default="scope">
@@ -33,10 +33,10 @@
         <el-pagination
             background
             layout="prev, pager, next"
-            :page-count="pageNum"
+            :current-page="pageNum"
             :page-size="pageSize"
             :total="total"
-            @current-change="changePage"
+            @change="changePage"
         />
       </div>
     </template>
@@ -66,6 +66,7 @@ const pageSize = ref(20);
 const total = ref(0);
 const changePage = (pageNum: any) => {
   pageNum.value = pageNum
+  console.log(pageNum.value)
   init()
 }
 </script>

src/components/home/index/Dialog/InventoryWarnDetail.vue

@@ -2,7 +2,7 @@
   <Mask :width="1100" :height="600" :is-show="show" title="库存预警详情" @close="close" :show-footer="true">
     <template #default>
       <div style="height: 100%;padding: 24px">
-        <el-table border :data="tableData" style="width: 100%;height: 100%" class="table">
+        <el-table border :data="tableData" style="width: 100%;height: 100%" class="table" :header-cell-style="{ backgroundColor: '#F1F5FB' }">
           <el-table-column label="名称" prop="name" show-overflow-tooltip></el-table-column>
           <el-table-column label="剩余库存">
             <template #default="scope">
@@ -37,10 +37,10 @@
         <el-pagination
             background
             layout="prev, pager, next"
-            :page-count="pageNum"
+            :current-page="pageNum"
             :page-size="pageSize"
             :total="total"
-            @current-change="changePage"
+            @change="changePage"
         />
       </div>
     </template>
@@ -67,7 +67,7 @@ const close = () => {
   tableData.value = []
 };
 const pageNum = ref(1);
-const pageSize = ref(20);
+const pageSize = ref(1);
 const total = ref(0);
 const changePage = (pageNum: any) => {
   pageNum.value = pageNum

src/components/home/index/InventoryAlert.vue

@@ -33,16 +33,11 @@ const isZeroInventory = (item: any) => {
     </template>
     <div style="padding: 0 24px 24px">
       <div class="box">
-        <div class="item" style="margin-right: 8px" v-for="item in inventoryWarnList" :class="isZeroInventory(item) ? 'item__danger' : 'item__warn'">
+        <div class="item" style="margin-right: 8px" v-for="item in inventoryWarnList"
+             :class="isZeroInventory(item) ? 'item__danger' : 'item__warn'">
           <div class="image"/>
           <div class="item-content">
-            <el-tooltip
-                effect="dark"
-                :content="item.name"
-                placement="bottom-start"
-            >
             <div class="item-name">{{ item.name }}</div>
-            </el-tooltip>
             <div class="item-name-font">剩余库存值</div>
           </div>
           <div class="item-right">
@@ -77,21 +72,25 @@ const isZeroInventory = (item: any) => {
         background-image: url("/static/images/home/1-danger.png");
 
       }
+
       .item-right {
         color: #FF282E;
       }
     }
+
     .item__warn {
       .image {
         background-image: url("/static/images/home/1-warn.png");
 
       }
+
       .item-right {
         color: #F69C51;
 
       }
 
     }
+
     .item {
       float: left;
       width: 48%;

src/components/member/memberProfile/Exchange.vue

@@ -115,6 +115,13 @@ const reduceIntegral = () => {
     align-items: center;
     margin-bottom: 16px;
 
+    .right {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      margin-left: 16px;
       .name {
         font-weight: bold;
         font-size: 24px;
@@ -122,14 +129,11 @@ const reduceIntegral = () => {
         line-height: 33px;
         text-align: left;
         font-style: normal;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
-    .right {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      margin-left: 16px;
-
       .text {
         margin-top: 4px;
         display: flex;

src/components/member/memberProfile/FlowingWater.vue

@@ -23,7 +23,8 @@
             </div>
           </div>
         </div>
-        <el-table class="body_list" :data="tableData" style="width: 100%;height: 100%"
+       <div class="body_list">
+         <el-table :data="tableData" style="height: 100%"
                    :header-cell-style="{ backgroundColor: '#F1F5FB'}">
            <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip>
              <template #default="scope">
@@ -36,6 +37,7 @@
            <el-table-column prop="remark" label="备注" show-overflow-tooltip/>
          </el-table>
        </div>
+      </div>
     </template>
     <template #footer>
       <div class="bottom">
@@ -104,7 +106,6 @@ defineExpose({init})
 </script>
 <style scoped lang="scss">
 .content-flowing {
-  width: 100%;
   padding-top: 24px;
   height: 100%;
   display: flex;
@@ -118,6 +119,13 @@ defineExpose({init})
     margin-bottom: 16px;
     padding: 0 24px;
 
+    .right {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      margin-left: 16px;
       .name {
         font-weight: bold;
         font-size: 24px;
@@ -125,14 +133,10 @@ defineExpose({init})
         line-height: 33px;
         text-align: left;
         font-style: normal;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
-
-    .right {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      margin-left: 16px;
-
       .text {
         margin-top: 4px;
         display: flex;
@@ -159,8 +163,9 @@ defineExpose({init})
   }
 
   .body_list {
-    width: 100%;
     flex: 1;
+    width: 100%;
+    min-height: 0;
     background: #F9FAFC;
     padding: 24px 24px 0;
   }

src/components/member/memberProfile/Grant.vue

@@ -105,6 +105,13 @@ const grant = async () => {
     align-items: center;
     margin-bottom: 16px;
 
+    .right {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      margin-left: 16px;
       .name {
         font-weight: bold;
         font-size: 24px;
@@ -112,14 +119,11 @@ const grant = async () => {
         line-height: 33px;
         text-align: left;
         font-style: normal;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
-    .right {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      margin-left: 16px;
-
       .text {
         margin-top: 4px;
         display: flex;

src/components/member/memberProfile/VipEdit.vue

@@ -17,6 +17,7 @@
                       v-model="ruleForm.exp"
                       placeholder="等级"
                       size="default"
+                      :disabled="ruleForm.id"
                       style="width: 100%"
                   >
                     <el-option

src/components/registration/Edit.vue

@@ -111,7 +111,7 @@
             </el-descriptions-item>
             <el-descriptions-item label="费用类型">
               <el-form-item prop="type">
-                <el-select v-model="edit_data.type">
+                <el-select v-model="edit_data.type" :disabled="edit_data.status==0">
                   <el-option label="普通" :value="1"></el-option>
                   <el-option label="医保" :value="2"></el-option>
                 </el-select>

src/views/member/index.vue

@@ -103,7 +103,7 @@
                         @cell-click="openDetail">
                 <el-table-column label="单号" prop="code" show-overflow-tooltip>
                 </el-table-column>
-                <el-table-column label="创建时间" prop="createDatetime">
+                <el-table-column label="创建时间" prop="createDatetime" show-overflow-tooltip>
                   <template #default="scope">
                     {{ formatDate(scope.row.createDatetime) }}
                   </template>
@@ -113,17 +113,17 @@
                 <!--                  {{ scope.row.preTotalPrice }}元-->
                 <!--                </template>-->
                 <!--              </el-table-column>-->
-                <el-table-column label="实收" prop="totalPrice" width="80">
+                <el-table-column label="实收" prop="totalPrice" width="100" show-overflow-tooltip>
                   <template #default="scope">
                     {{ scope.row.totalPrice }}元
                   </template>
                 </el-table-column>
-                <el-table-column label="支付方式" width="100">
+                <el-table-column label="支付方式" width="100" show-overflow-tooltip>
                   <template #default="scope">
                     {{ scope.row.payType ? getPayTypeStr(scope.row.payType) : "" }}
                   </template>
                 </el-table-column>
-                <el-table-column label="状态" width="100">
+                <el-table-column label="状态" width="100" show-overflow-tooltip>
                   <template #default="scope">
                     <el-tag v-if="scope.row.status==0 || scope.row.status==2 " type="info">
                       {{ getStatusStr(scope.row.status) }}
@@ -132,7 +132,7 @@
                     <el-tag v-if="scope.row.status==3" type="danger">{{ getStatusStr(scope.row.status) }}</el-tag>
                   </template>
                 </el-table-column>
-                <el-table-column label="支付时间" prop="payTime">
+                <el-table-column label="支付时间" prop="payTime" show-overflow-tooltip>
                   <template #default="scope">
                     {{ formatDate(scope.row.payTime) }}
                   </template>
@@ -341,6 +341,7 @@ type StatusKey = 0 | 1 | 2 | 3;
 type PayTypeKey = 1 | 2 | 3 | 4 | 5;
 //修改时间格式化
 const formatDate = (isoStr: any) => {
+  if(!isoStr)return ''
   const date = new Date(isoStr);
   return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
 }
@@ -544,10 +545,12 @@ const openFlowingWater = () => {
             }
 
             .detail-top-left-text {
+              flex: 1;
+              min-width: 0;
               display: flex;
               flex-direction: column;
               justify-content: center;
-
+              margin-right: 24px;
               .detail-top-left-text-name {
                 flex: 1;
                 min-width: 0;
@@ -555,6 +558,7 @@ const openFlowingWater = () => {
                 font-size: 24px;
                 color: #333333;
                 font-style: normal;
+                display: flex;
                 .name{
                   white-space: nowrap; /* 防止文本换行 */
                   overflow: hidden; /* 隐藏溢出的文本 */
@@ -569,7 +573,7 @@ const openFlowingWater = () => {
                 color: rgba(34, 42, 57, 0.8);
 
                 .age {
-                  margin: 0 10px;
+                  margin-right: 10px;
                 }
               }
             }