diff --git a/public/static/images/charge/药慧精灵智慧诊所_files/1.png b/public/static/images/charge/药慧精灵智慧诊所_files/1.png
new file mode 100644
index 0000000..3997114
Binary files /dev/null and b/public/static/images/charge/药慧精灵智慧诊所_files/1.png differ
diff --git a/public/static/images/member/1.png b/public/static/images/member/1.png
new file mode 100644
index 0000000..9ad309a
Binary files /dev/null and b/public/static/images/member/1.png differ
diff --git a/public/static/images/member/head.png b/public/static/images/member/head.png
deleted file mode 100644
index 7879acd..0000000
Binary files a/public/static/images/member/head.png and /dev/null differ
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index dd9b46c..34453e2 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -108,11 +108,7 @@ body {
 .clear-margin {
   margin: 0;
 }
-.el-popper.is-light.type-popper, .el-popper.is-light>.el-popper__arrow:before{
-  background:#F5FAFF;
-}
 .el-popper.is-light.type-popper{
-  background:#F5FAFF;
   padding: 0;
 }
 .el-popper.is-light.id-code-popper{
@@ -135,7 +131,7 @@ body {
   border-radius: 8px 8px 0 0;
 }
 $btn-color: #4D6DE4;
-$lighter-color: #7c91e3;
+$lighter-color: rgba(#4D6DE4, 0.5);
 .default-btn{
   cursor: pointer;
   width: 120px;
diff --git a/src/components/SearchInput.vue b/src/components/SearchInput.vue
index 21090ec..67605b9 100644
--- a/src/components/SearchInput.vue
+++ b/src/components/SearchInput.vue
@@ -1,5 +1,4 @@
 <template>
-
   <el-popover placement="bottom-start" :visible="isVisible" :width="props.width" ref="popoverRef"
               :trigger-keys="[]" style="height: 500px" popper-class="type-popper">
     <template #reference>
@@ -19,7 +18,7 @@
       />
     </template>
     <div class="container">
-      <el-scrollbar>
+      <el-scrollbar style="max-height: 260px;width: 100%">
         <table class="table" style="width: 100%; border-collapse: collapse;max-height: 50px">
           <!-- 表头 -->
           <thead>
@@ -33,7 +32,6 @@
             </th>
           </tr>
           </thead>
-
           <!-- 表体 -->
           <tbody>
           <tr class="table-body"
@@ -167,6 +165,7 @@ const handlerBlur = () => {
 
     th {
       text-align: left;
+
       &:nth-child(1) {
         width: 200px;
         text-align: left;
@@ -182,6 +181,7 @@ const handlerBlur = () => {
     font-size: 14px;
     color: #666666;
     font-style: normal;
+
     td {
       &:nth-child(1) {
         width: 200px;
@@ -194,7 +194,6 @@ const handlerBlur = () => {
     }
 
 
-
     &:last-child {
       border-radius: 0 0 8px 8px;
     }
@@ -205,4 +204,8 @@ const handlerBlur = () => {
     }
   }
 }
+
+table thead tr {
+  background: #F5FAFF;;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/charge/CheckoutDetail.vue b/src/components/charge/CheckoutDetail.vue
index 1890c23..88ca5b9 100644
--- a/src/components/charge/CheckoutDetail.vue
+++ b/src/components/charge/CheckoutDetail.vue
@@ -16,32 +16,34 @@
           </template>
         </el-input>
         <div class="list">
-          <table class="table" style="border-spacing: 0">
-            <thead style="background:#F1F5FB">
-            <tr class="table-title" style="background: #f1f5fb">
-              <th>发药项目</th>
-              <th>产品标识码</th>
-              <th>发药数量</th>
-              <th>已采/应采</th>
-              <th>追溯码</th>
-            </tr>
-            </thead>
-            <tbody class="table-body">
-            <tr v-for="(item,index) in list" :key="index">
-              <td>{{ item.name }}</td>
-              <td>
-                <IdCodeListShow :idCodeList="item.idCode" v-if="item.idCode&&item.idCode.length>0"
-                                @addTraceabilityCode="addTraceAbilityCodeHandler"/>
-                <div v-else>未关联</div>
-              </td>
-              <td>{{ item.selectedNum }}{{ item.selectedUnit }}</td>
-              <td>{{ item.traceAbilityCodeList ? item.traceAbilityCodeList.length : 0 }}/{{ item.shouldNumber }}</td>
-              <td>
-                <TraceabilityCodeAdd :item="item" @addTraceabilityCode="addTraceAbilityCodeHandler"/>
-              </td>
-            </tr>
-            </tbody>
-          </table>
+          <el-scrollbar>
+            <table class="table" style="border-spacing: 0">
+              <thead style="background:#F1F5FB">
+              <tr class="table-title" style="background: #f1f5fb">
+                <th>发药项目</th>
+                <th>产品标识码</th>
+                <th>发药数量</th>
+                <th>已采/应采</th>
+                <th>追溯码</th>
+              </tr>
+              </thead>
+              <tbody class="table-body">
+              <tr v-for="(item,index) in list" :key="index">
+                <td>{{ item.name }}</td>
+                <td>
+                  <IdCodeListShow :idCodeList="item.idCode" v-if="item.idCode&&item.idCode.length>0"
+                                  @addTraceabilityCode="addTraceAbilityCodeHandler"/>
+                  <div v-else>未关联</div>
+                </td>
+                <td>{{ item.selectedNum }}{{ item.selectedUnit }}</td>
+                <td>{{ item.traceAbilityCodeList ? item.traceAbilityCodeList.length : 0 }}/{{ item.shouldNumber }}</td>
+                <td>
+                  <TraceabilityCodeAdd :item="item" @addTraceabilityCode="addTraceAbilityCodeHandler"/>
+                </td>
+              </tr>
+              </tbody>
+            </table>
+          </el-scrollbar>
         </div>
       </div>
     </template>
@@ -280,10 +282,12 @@ const addTraceAbilityCodeHandler = (item: any, code: any) => {
   align-items: center;
   padding: 24px;
 }
+
 table, tbody, td {
   border-bottom: 1px solid #EAEAEC; /* 明确设置边框 */
 }
-table{
+
+table {
   border: none;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/charge/TraceabilityCodeAdd.vue b/src/components/charge/TraceabilityCodeAdd.vue
index 1a4d097..9f6c08f 100644
--- a/src/components/charge/TraceabilityCodeAdd.vue
+++ b/src/components/charge/TraceabilityCodeAdd.vue
@@ -16,27 +16,26 @@
       ></el-input>
     </template>
     <template #default>
-      <table class="table" style="border-spacing: 0">
-        <thead>
-        <tr class="table-title">
-          <th>追溯码</th>
-          <th>操作</th>
-        </tr>
-        </thead>
-        <tbody class="table-body">
-        <tr v-for="(item,index) in item.traceAbilityCodeList" :key="index">
-          <td>{{ item }}</td>
-          <td>
-            <div @click="removeTraceAbility(item)">
+      <div style="width: 100%;max-height: 20px">
+        <el-table :data="item.traceAbilityCodeList" :max-height="300" style="width: 100%"
+                  :header-cell-style="{background: '#F1F5FB'}">
+          <el-table-column prop="value" label="追溯码" show-overflow-tooltip>
+            <template #default="scope">
+              {{ scope.row }}
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="80">
+            <template #default="scope">
+            <span style="color: #ff0000" @click="removeTraceAbility(scope.row)">
               <el-icon>
                 <Delete/>
               </el-icon>
               删除
-            </div>
-          </td>
-        </tr>
-        </tbody>
-      </table>
+            </span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
     </template>
   </el-popover>
 </template>
@@ -96,9 +95,11 @@ const removeTraceAbility = (code: any) => {
 <style scoped lang="scss">
 .table {
   width: 100%;
+
   th {
     background: none !important;
   }
+
   .table-title {
     width: 100%;
     height: 36px;
@@ -108,19 +109,23 @@ const removeTraceAbility = (code: any) => {
     font-style: normal;
     padding: 0 25px;
     background: #F5FAFF;
+
     th {
       text-align: left;
+
       &:first-child {
         width: 270px;
         padding-left: 24px;
         overflow: hidden;
       }
+
       &:last-child {
         text-align: center;
         line-height: 36px;
       }
     }
   }
+
   .table-body {
     height: 52px;
     font-weight: 500;
@@ -128,12 +133,14 @@ const removeTraceAbility = (code: any) => {
     color: #666666;
     font-style: normal;
     padding: 0 25px;
+
     tr {
       height: 36px;
       font-size: 14px;
       color: #333333;
       font-weight: 500;
       font-style: normal;
+
       td {
         height: 36px;
 
@@ -160,6 +167,7 @@ const removeTraceAbility = (code: any) => {
 
 table, tbody, td {
   border-bottom: 1px solid #EAEAEC; /* 明确设置边框 */
+  overflow: hidden;
 }
 
 table {
diff --git a/src/components/common/goods/GoodsDetail.vue b/src/components/common/goods/GoodsDetail.vue
index cf327ba..9bec84f 100644
--- a/src/components/common/goods/GoodsDetail.vue
+++ b/src/components/common/goods/GoodsDetail.vue
@@ -1,102 +1,104 @@
 <template>
   <panel title="药品耗材">
-    <el-table v-if="goodsDetail.length>0" :data="goodsDetail" max-height="300" style="width: 100%"
-              :header-cell-style="{ backgroundColor: '#F5FAFF' }">
-      <el-table-column prop="name" label="名称" width="400">
-        <template #default="scope">
-          <el-popover
-              placement="top-start"
-              trigger="hover"
-              width="500"
-              @show="getHilistInfo(scope.row)"
-              @hide="colosInfo"
+    <div class="panel-content" style="padding: 0 24px 24px">
+      <el-table v-if="goodsDetail.length>0" :data="goodsDetail" max-height="300" style="width: 100%"
+                :header-cell-style="{ backgroundColor: '#F5FAFF' }">
+        <el-table-column prop="name" label="名称" width="400">
+          <template #default="scope">
+            <el-popover
+                placement="top-start"
+                trigger="hover"
+                width="500"
+                @show="getHilistInfo(scope.row)"
+                @hide="colosInfo"
 
-          >
-            <template #reference>
-              {{ scope.row.name }}
-            </template>
-            <div class="detail">
-              <div style="display: flex;justify-content: space-between">
-                <div style="font-size: 18px;font-weight: 500;color: #000">{{
-                    hilistInfo.name
-                  }}[{{ hilistInfo.json?.category || '-' }}]
-                </div>
-                <div>￥{{ scope.row.selectedPrice }}/{{ scope.row.selectedUnit }}</div>
-              </div>
-              <div style="display: flex;justify-content: space-between">
-                <div>规格:{{ hilistInfo.json?.dosage_specifications || '-' }}</div>
-                <div>生产厂商:{{ hilistInfo.json?.producer || '-' }}</div>
-                <div>限价:{{ hilistInfo.json?.stock || '0' }}</div>
-              </div>
-              <div style="display: flex;justify-content: space-between">
-                <div>批准文号:{{ hilistInfo.json?.approval_number || '-' }}</div>
-                <div>本位码:{{ hilistInfo.json?.standard_code || '-' }}</div>
-              </div>
-              <div style="display: flex;justify-content: space-between">
-                <div>限价:{{ hilistInfo.hilistPricUplmtAmt ? hilistInfo.hilistPricUplmtAmt : '无' }}</div>
-                <div>限价类型:{{ hilistInfo.hilistLmtpricType ? hilistInfo.hilistLmtpricType : '无' }}</div>
-              </div>
-            </div>
-          </el-popover>
-        </template>
-      </el-table-column>
-      <el-table-column prop="selectedPrice" label="单价" width="200">
-        <template #default="scope">
-          ￥{{ scope.row.selectedPrice }}
-        </template>
-      </el-table-column>
-      <el-table-column prop="number" label="数量" width="250">
-        <template #default="scope">
-          <div v-if="props.status">
-            <el-input-number v-model="scope.row.selectedNum" :min="0" @change="handleNumChange(scope.row)"
-                             style="margin-right: 5px"></el-input-number>
-            <el-dropdown v-if="scope.row.trdnFlag == 1">
-              <span style="line-height: 30px;margin-left: 10px;cursor: pointer">{{ scope.row.selectedUnit }}</span>
-              <template #dropdown>
-                <el-dropdown-menu>
-                  <el-dropdown-item @click="selectUnit(scope.row,scope.row.packagingUnit)">{{ scope.row.packagingUnit }}
-                  </el-dropdown-item>
-                  <el-dropdown-item @click="selectUnit(scope.row,scope.row.minPackagingUnit)">
-                    {{ scope.row.minPackagingUnit }}
-                  </el-dropdown-item>
-                </el-dropdown-menu>
+            >
+              <template #reference>
+                {{ scope.row.name }}
               </template>
-            </el-dropdown>
-            <span v-else style="line-height: 30px;margin-left: 10px">{{ scope.row.selectedUnit }}</span>
-          </div>
-          <div v-else>
-            <div>{{ scope.row.selectedNum }} {{ scope.row.selectedUnit }}</div>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column label="小计">
-        <template #default="scope">
-          ￥{{ Math.round(scope.row.selectedNum * scope.row.selectedPrice * 100) / 100  }}
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" v-if="props.status">
-        <template #default="scope">
-          <el-button type="danger" link @click="delGoods(scope.row)">
-            <el-icon style="margin-right: 3px"><Delete /></el-icon>
-            删除
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <div class="bottom" v-if="!statusDisabled">
-      <div class="search">
-        <SearchInput
-            style="height: 100%"
-            :request-api="goodsSearchApi"
-            :show-config="goodsShowConfig"
-            :placeholder="'请输入药名或者拼音码'"
-            @selectedCallBack="goodsSelect"
-            :disabled="!props.status"
-            @focus="focus"
-            :width="1000"
-        ></SearchInput>
+              <div class="detail">
+                <div style="display: flex;justify-content: space-between">
+                  <div style="font-size: 18px;font-weight: 500;color: #000">{{
+                      hilistInfo.name
+                    }}[{{ hilistInfo.json?.category || '-' }}]
+                  </div>
+                  <div>￥{{ scope.row.selectedPrice }}/{{ scope.row.selectedUnit }}</div>
+                </div>
+                <div style="display: flex;justify-content: space-between">
+                  <div>规格:{{ hilistInfo.json?.dosage_specifications || '-' }}</div>
+                  <div>生产厂商:{{ hilistInfo.json?.producer || '-' }}</div>
+                  <div>限价:{{ hilistInfo.json?.stock || '0' }}</div>
+                </div>
+                <div style="display: flex;justify-content: space-between">
+                  <div>批准文号:{{ hilistInfo.json?.approval_number || '-' }}</div>
+                  <div>本位码:{{ hilistInfo.json?.standard_code || '-' }}</div>
+                </div>
+                <div style="display: flex;justify-content: space-between">
+                  <div>限价:{{ hilistInfo.hilistPricUplmtAmt ? hilistInfo.hilistPricUplmtAmt : '无' }}</div>
+                  <div>限价类型:{{ hilistInfo.hilistLmtpricType ? hilistInfo.hilistLmtpricType : '无' }}</div>
+                </div>
+              </div>
+            </el-popover>
+          </template>
+        </el-table-column>
+        <el-table-column prop="selectedPrice" label="单价" width="200">
+          <template #default="scope">
+            ￥{{ scope.row.selectedPrice }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="number" label="数量" width="250">
+          <template #default="scope">
+            <div v-if="props.status">
+              <el-input-number v-model="scope.row.selectedNum" :min="0" @change="handleNumChange(scope.row)"
+                               style="margin-right: 5px"></el-input-number>
+              <el-dropdown v-if="scope.row.trdnFlag == 1">
+                <span style="line-height: 30px;margin-left: 10px;cursor: pointer">{{ scope.row.selectedUnit }}</span>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item @click="selectUnit(scope.row,scope.row.packagingUnit)">{{ scope.row.packagingUnit }}
+                    </el-dropdown-item>
+                    <el-dropdown-item @click="selectUnit(scope.row,scope.row.minPackagingUnit)">
+                      {{ scope.row.minPackagingUnit }}
+                    </el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+              <span v-else style="line-height: 30px;margin-left: 10px">{{ scope.row.selectedUnit }}</span>
+            </div>
+            <div v-else>
+              <div>{{ scope.row.selectedNum }} {{ scope.row.selectedUnit }}</div>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="小计">
+          <template #default="scope">
+            ￥{{ Math.round(scope.row.selectedNum * scope.row.selectedPrice * 100) / 100  }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" v-if="props.status">
+          <template #default="scope">
+            <el-button type="danger" link @click="delGoods(scope.row)">
+              <el-icon style="margin-right: 3px"><Delete /></el-icon>
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="bottom" v-if="!statusDisabled">
+        <div class="search">
+          <SearchInput
+              style="height: 100%"
+              :request-api="goodsSearchApi"
+              :show-config="goodsShowConfig"
+              :placeholder="'请输入药名或者拼音码'"
+              @selectedCallBack="goodsSelect"
+              :disabled="!props.status"
+              @focus="focus"
+              :width="1000"
+          ></SearchInput>
+        </div>
+        <span v-if="status" style="padding: 10px">合计：￥{{ getTotalPrice() }}</span>
       </div>
-      <span v-if="status" style="padding: 10px">合计：￥{{ getTotalPrice() }}</span>
     </div>
   </panel>
 </template>
diff --git a/src/components/common/service/ServiceDetail.vue b/src/components/common/service/ServiceDetail.vue
index 3a914a2..779dfff 100644
--- a/src/components/common/service/ServiceDetail.vue
+++ b/src/components/common/service/ServiceDetail.vue
@@ -1,70 +1,75 @@
 <template>
   <Panel title="服务项目">
-    <el-table v-if="itemDetail.length>0" :data="itemDetail" max-height="300" :header-cell-style="{ backgroundColor: '#F5FAFF' }">
-      <el-table-column prop="itemName" label="项目名称" show-overflow-tooltip width="400">
-        <template #default="scope">
-          <el-popover
-              width="485"
-              @show="show(scope.row)"
-              @hide="hide"
-          >
-            <template #reference>
-              {{ scope.row.itemName }}
-            </template>
-            <div class="detail">
-              <div style="display: flex;justify-content: space-between">
-                <div style="font-size: 18px;font-weight: 500;color: #000">{{
-                    itemInfo.name
-                  }}[{{ chrgitm_lv[itemInfo.chrgitmLv as keyof typeof chrgitm_lv || '-'] || '-' }}]
+    <div class="panel-content" style="padding: 0 24px 24px">
+      <el-table v-if="itemDetail.length>0" :data="itemDetail" max-height="300"
+                :header-cell-style="{ backgroundColor: '#F5FAFF' }">
+        <el-table-column prop="itemName" label="项目名称" show-overflow-tooltip width="400">
+          <template #default="scope">
+            <el-popover
+                width="485"
+                @show="show(scope.row)"
+                @hide="hide"
+            >
+              <template #reference>
+                {{ scope.row.itemName }}
+              </template>
+              <div class="detail">
+                <div style="display: flex;justify-content: space-between">
+                  <div style="font-size: 18px;font-weight: 500;color: #000">{{
+                      itemInfo.name
+                    }}[{{ chrgitm_lv[itemInfo.chrgitmLv as keyof typeof chrgitm_lv || '-'] || '-' }}]
+                  </div>
+                  <div>￥{{ scope.row.unitPrice }}/{{ scope.row.unit }}</div>
+                </div>
+                <div style="display: flex;justify-content: space-between">
+                  <div>限制条件:{{ itemInfo.lmtUsedFlag == 0 ? '否' : itemInfo.lmtUsedFlag == 1 ? '是' : '-' }}</div>
+                  <div> 医保码:{{ scope.row.itemSocialCode || '-' }}</div>
                 </div>
-                <div>￥{{ scope.row.unitPrice }}/{{ scope.row.unit }}</div>
               </div>
-              <div style="display: flex;justify-content: space-between">
-                <div>限制条件:{{ itemInfo.lmtUsedFlag == 0 ? '否' : itemInfo.lmtUsedFlag == 1 ? '是' : '-' }}</div>
-                <div> 医保码:{{ scope.row.itemSocialCode || '-' }}</div>
-              </div>
-            </div>
-          </el-popover>
-        </template>
-      </el-table-column>
-      <el-table-column label="单价" width="200">
-        <template #default="scope">
-          ￥{{ scope.row.selectedPrice }}
-        </template>
-      </el-table-column>
-      <el-table-column label="数量" width="250">
-        <template #default="scope">
-          <el-input-number v-if="props.status" v-model="scope.row.selectedNum" :min="0"
-                           @change="handleNumChange" style="margin-right: 5px"></el-input-number>
-          <span v-else>{{ scope.row.selectedNum }}</span>
-          {{ scope.row.selectedUnit }}
-        </template>
-      </el-table-column>
-      <el-table-column label="小计">
-        <template #default="scope">
-          ￥{{ Math.round(scope.row.selectedNum * scope.row.selectedPrice * 100) / 100 }}
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" v-if="props.status">
-        <template #default="scope">
-          <el-button type="danger" link @click="delService(scope.row)">
-            <el-icon style="margin-right: 3px"><Delete /></el-icon>
-            删除
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <div class="bottom" v-if="!statusDisabled">
-      <div class="search">
-        <SearchInput
-            style="height: 100%"
-            @focus="focus"
-            :placeholder="'请输入药服务项目或拼音码'"
-            :request-api="serviceSearchApi"
-            :show-config="serviceShowConfig"
-            @selectedCallBack="serviceSelect" :disabled="!props.status"></SearchInput>
+            </el-popover>
+          </template>
+        </el-table-column>
+        <el-table-column label="单价" width="200">
+          <template #default="scope">
+            ￥{{ scope.row.selectedPrice }}
+          </template>
+        </el-table-column>
+        <el-table-column label="数量" width="250">
+          <template #default="scope">
+            <el-input-number v-if="props.status" v-model="scope.row.selectedNum" :min="0"
+                             @change="handleNumChange" style="margin-right: 5px"></el-input-number>
+            <span v-else>{{ scope.row.selectedNum }}</span>
+            {{ scope.row.selectedUnit }}
+          </template>
+        </el-table-column>
+        <el-table-column label="小计">
+          <template #default="scope">
+            ￥{{ Math.round(scope.row.selectedNum * scope.row.selectedPrice * 100) / 100 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" v-if="props.status">
+          <template #default="scope">
+            <el-button type="danger" link @click="delService(scope.row)">
+              <el-icon style="margin-right: 3px">
+                <Delete/>
+              </el-icon>
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="bottom" v-if="!statusDisabled">
+        <div class="search">
+          <SearchInput
+              style="height: 100%"
+              @focus="focus"
+              :placeholder="'请输入药服务项目或拼音码'"
+              :request-api="serviceSearchApi"
+              :show-config="serviceShowConfig"
+              @selectedCallBack="serviceSelect" :disabled="!props.status"></SearchInput>
+        </div>
+        <span v-if="status" style="padding: 10px">合计：￥{{ getTotalPrice() || 0 }}</span>
       </div>
-      <span v-if="status" style="padding: 10px">合计：￥{{ getTotalPrice() || 0 }}</span>
     </div>
   </Panel>
 </template>
@@ -141,7 +146,7 @@ const getTotalPrice = () => {
   if (itemDetail.value) {
     itemDetail.value.forEach((item: any) => {
       totalPrice += item.selectedNum * item.selectedPrice
-      totalPrice  = Math.round(totalPrice * 100) / 100
+      totalPrice = Math.round(totalPrice * 100) / 100
     })
   }
 
diff --git a/src/components/inventory/GoodsSearch.vue b/src/components/inventory/GoodsSearch.vue
index 63a54a5..713e758 100644
--- a/src/components/inventory/GoodsSearch.vue
+++ b/src/components/inventory/GoodsSearch.vue
@@ -46,7 +46,7 @@ const handleSelect = (item: any) => {
   <div class="search_box">
     <el-select-v2
         v-model="state"
-        style="width: 100%"
+        style="width: 500px;height: 100%"
         filterable
         remote
         ref="selectRef"
@@ -54,6 +54,9 @@ const handleSelect = (item: any) => {
         :options="options"
         placeholder="输入关键字搜索药品"
     >
+      <template #prefix>
+        <span class="iconfont icon-RectangleCopy"></span>
+      </template>
       <template #header>
         <div class="header">
           <div class="text">药品</div>
@@ -91,8 +94,6 @@ const handleSelect = (item: any) => {
   box-sizing: border-box;
   margin-top: 10px;
   margin-bottom: 10px;
-
-
 }
 .header {
   display: flex;
@@ -116,4 +117,7 @@ const handleSelect = (item: any) => {
     white-space: nowrap; /* 防止换行 */
   }
 }
+:deep(.el-select__wrapper.is-filterable){
+  height: 42px;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/inventory/Upload.vue b/src/components/inventory/Upload.vue
new file mode 100644
index 0000000..7360d92
--- /dev/null
+++ b/src/components/inventory/Upload.vue
@@ -0,0 +1,96 @@
+<template>
+  <Mask :width="400" :height="240" :is-show="isShow" @close="isShow=false" :show-footer="true" title="选择模板范围">
+    <template #default>
+      <div class="select">
+        <el-form style="height: 100%">
+          <el-form-item label="药品物资选择范围">
+            <el-cascader :collapse-tags="true" :props="props" :options="allCateList"
+                         :show-all-levels="false"
+                         v-model="cateIds" clearable @change="change"/>
+          </el-form-item>
+        </el-form>
+      </div>
+    </template>
+    <template #footer>
+      <div class="bottom">
+        <div class="default-btn" @click="isShow=false">上传数据</div>
+        <div class="default-btn" @click="uploadCateIds" style="margin-left: 24px">下载模板</div>
+        <div class="default-btn" @click="isShow=false" style="margin-left: 24px">取消</div>
+      </div>
+    </template>
+  </Mask>
+</template>
+
+<script setup lang="ts">
+import Mask from "@/components/common/Mask.vue";
+import {defineModel, onMounted, ref} from "vue";
+import {post} from "@/utils/request.ts";
+
+const isShow = defineModel()
+const props = {multiple: true}
+
+interface CateOption {
+  value: string;
+  label: string;
+  children: { value: number; label: string }[];
+}
+
+const typeList = {
+  "1301": "中西成药",
+  "1302": "中药饮片",
+  "1306": "医疗器材",
+  "0": "其他商品",
+}
+const cateIds = ref<number[]>([]);
+const allCateList = ref<CateOption[]>([]);
+const getAllCate = () => {
+  post("goods/cate/getAllList", null).then((res: any) => {
+    const options = [];
+    for (const key in res) {
+      if (typeList.hasOwnProperty(key)) { // 检查键是否存在
+        options.push({
+          value: key,
+          label: typeList[key as keyof typeof typeList], // 类型断言
+          children: res[key].map((item: { id: number; name: string }) => ({
+            value: item.id,
+            label: item.name
+          })),
+        });
+      }
+    }
+    allCateList.value = options;
+  })
+}
+const ids = ref<any>([])
+const change = (value: any) => {
+  cateIds.value = value
+  ids.value = []
+}
+const uploadCateIds = () => {
+  cateIds.value.map((item: any) => {
+    if (item[item.length - 1] === 0) return
+    ids.value.push(item[item.length - 1])
+  })
+  console.log(ids)
+}
+onMounted(() => {
+  getAllCate()
+})
+</script>
+
+<style scoped lang="scss">
+.select {
+  height: 100%;
+  padding: 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.bottom {
+  height: 100%;
+  display: flex;
+  justify-content: flex-end;
+  padding: 24px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/inventory/goods/Cate.vue b/src/components/inventory/goods/Cate.vue
index e5883ef..0e862a8 100644
--- a/src/components/inventory/goods/Cate.vue
+++ b/src/components/inventory/goods/Cate.vue
@@ -1,5 +1,5 @@
 <template>
-  <Mask :width="400" :height="600"  :is-show="isShow" @close="isShow=false" :show-fotter="true" title="药品列表">
+  <Mask :width="400" :height="600"  :is-show="isShow" @close="isShow=false" :show-footer="true" title="药品列表">
     <el-table
         :data="cateList"
         style="width: 100%"
diff --git a/src/components/inventory/goods/Edit.vue b/src/components/inventory/goods/Edit.vue
index cd514fe..d8d0c38 100644
--- a/src/components/inventory/goods/Edit.vue
+++ b/src/components/inventory/goods/Edit.vue
@@ -693,7 +693,6 @@ const contrastCodeConfirm = (data: any) => {
 }
 let save = async (isClose:Boolean) => {
   try {
-
     await formRef.value.validate()
     if (!edit_data.value.purchaseUnitPrice || edit_data.value.purchaseUnitPrice<1){
       ElMessage.error('参考进价不能为空或小于1');
diff --git a/src/components/inventory/purchase/AddOrder.vue b/src/components/inventory/purchase/AddOrder.vue
index df3d429..e9be5ef 100644
--- a/src/components/inventory/purchase/AddOrder.vue
+++ b/src/components/inventory/purchase/AddOrder.vue
@@ -3,7 +3,8 @@
         title="新增" :height="760" :show-footer="true">
     <div class="add-panel" v-loading="isLoading" element-loading-text="正在保存......">
       <div class="top">
-        <el-form :model="inventory_order_data" label-position="top" :rules="formRules" ref="orderForm">
+        <el-form :model="inventory_order_data" label-position="top" style="height: 100%" :rules="formRules"
+                 ref="orderForm">
           <el-row>
             <el-col :span="6">
               <el-form-item label="订单编号">
@@ -48,13 +49,14 @@
           </el-row>
           <el-row>
             <el-col :span="6">
-              <el-form-item prop="invoiceCode" label="发票号">
+              <el-form-item prop="invoiceCode" label="发票号" style="margin-bottom: 0">
                 <el-input style="width: 234px;" v-model="inventory_order_data.invoiceCode"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item prop="supplierId" label="供应商" :rules="formRules.supplierId">
-                <el-select style="width: 130px;margin-right: 10px" v-model="inventory_order_data.supplierId" placeholder="请选择供应商">
+              <el-form-item prop="supplierId" label="供应商" :rules="formRules.supplierId" style="margin-bottom: 0">
+                <el-select style="width: 196px;margin-right: 10px" v-model="inventory_order_data.supplierId"
+                           placeholder="请选择供应商">
                   <el-option
                       v-for="item in supplier_list"
                       :key="item.id"
@@ -62,11 +64,22 @@
                       :value="item.id"
                   />
                 </el-select>
-                <el-button type="primary" @click="addSupplier">添加供应商</el-button>
+                <div class="default-btn"
+                     style="
+                     height: 32px;
+                     width: 32px;
+                     line-height: 32px;
+                     border: 1px solid rgb(192, 196, 204);
+                      background-color: #fff;"
+                     @click="addSupplier">
+                  <el-icon style="color: rgb(192, 196, 204)">
+                    <Plus/>
+                  </el-icon>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="备注" :rules="formRules.purchaseDate">
+              <el-form-item label="备注" :rules="formRules.purchaseDate" style="margin-bottom: 0">
                 <el-input v-model="inventory_order_data.remark"/>
               </el-form-item>
             </el-col>
@@ -77,91 +90,103 @@
         <div class="add_goods">
           <span>添加商品</span>
           <div class="search">
-            <GoodsSearch @selectCallBack="goodsSelectCallBack"></GoodsSearch>
+            <GoodsSearch @selectCallBack="goodsSelectCallBack" style="height: 42px"></GoodsSearch>
+            <div class="default-btn" @click="goodsSelectCallBack" style="margin-left: 24px">
+              <span class="iconfont icon-RectangleCopy"></span>
+              搜索
+            </div>
           </div>
         </div>
-        <el-table :data="table_list" style="width: 100%;flex: 1">
-          <el-table-column prop="name" label="药品名称" width="180" show-overflow-tooltip/>
-          <el-table-column label="售价" prop="unitPrice" width="80">
-          </el-table-column>
-          <el-table-column label="单位" prop="packagingUnit" width="80">
-          </el-table-column>
-          <el-table-column label="数量" width="110">
-            <template #default="scope">
-              <el-input-number
-                  v-model="scope.row.wholeNumber"
-                  :min="1"
-                  size="small"
-                  controls-position="right"
-                  style="width: 80px"
-                  @change="getTotalPrice"
-              />
-            </template>
+        <div class="table" style="padding: 0 24px;">
+          <el-table :data="table_list"
+                    style="width: 100%;height: 100%;background: #F9FAFC;border: 1px solid #EAEAEC;border-bottom: none"
+                    :header-cell-style="{ backgroundColor:'#F1F5FB'}">
+            <el-table-column prop="name" label="药品名称" width="180" show-overflow-tooltip/>
+            <el-table-column label="售价" prop="unitPrice" width="80">
+            </el-table-column>
+            <el-table-column label="单位" prop="packagingUnit" width="80">
+            </el-table-column>
+            <el-table-column label="数量" width="110">
+              <template #default="scope">
+                <el-input-number
+                    v-model="scope.row.wholeNumber"
+                    :min="1"
+                    size="small"
+                    controls-position="right"
+                    style="width: 80px"
+                    @change="getTotalPrice"
+                />
+              </template>
 
-          </el-table-column>
-          <el-table-column label="进价" width="110">
-            <template #default="scope">
-              <el-input-number
-                  v-model="scope.row.purchaseUnitPrice"
-                  :min="1"
-                  size="small"
-                  controls-position="right"
-                  style="width: 80px"
-                  @change="getTotalPrice"
-              />
-            </template>
-          </el-table-column>
-          <el-table-column label="生产批号" width="150">
-            <template #default="scope">
-              <el-input
-                  v-model="scope.row.productionBatchCode"
-                  placeholder="生产批号"
-                  style="width: 100px"
-                  size="small"/>
-            </template>
+            </el-table-column>
+            <el-table-column label="进价" width="110">
+              <template #default="scope">
+                <el-input-number
+                    v-model="scope.row.purchaseUnitPrice"
+                    :min="1"
+                    size="small"
+                    controls-position="right"
+                    style="width: 80px"
+                    @change="getTotalPrice"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="生产批号" width="150">
+              <template #default="scope">
+                <el-input
+                    v-model="scope.row.productionBatchCode"
+                    placeholder="生产批号"
+                    style="width: 100px"
+                    size="small"/>
+              </template>
+            </el-table-column>
+            <el-table-column label="生产日期" width="140">
+              <template #default="scope">
+                <el-date-picker
+                    v-model="scope.row.productionDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                    placeholder="生产日期"
+                    size="small"
+                    @change="checkProductionDate(scope.row)"
+                    style="width: 100px;"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column label="有效日期" width="140">
+              <template #default="scope">
+                <el-date-picker
+                    v-model="scope.row.expiryDate"
+                    type="date"
+                    value-format="YYYY-MM-DD"
+                    placeholder="有效日期"
+                    size="small" style="width: 100px;"/>
+              </template>
+            </el-table-column>
+            <el-table-column label="商品追溯码" width="150">
+              <template #default="scope">
+                <!--              <el-input-->
+                <!--                  v-model="scope.row.traceabilityCode"-->
+                <!--                  placeholder="商品追溯码"-->
+                <!--                  style="width: 100px"-->
+                <!--                  size="small"/>-->
+                <TraceabilityCodeInput v-model="scope.row.traceabilityCodeList"></TraceabilityCodeInput>
+              </template>
 
-          </el-table-column>
-          <el-table-column label="生产日期" width="140">
-            <template #default="scope">
-              <el-date-picker
-                  v-model="scope.row.productionDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                  placeholder="生产日期"
-                  size="small"
-                  @change="checkProductionDate(scope.row)"
-                  style="width: 100px;"
-              />
-            </template>
-          </el-table-column>
-          <el-table-column label="有效日期" width="140">
-            <template #default="scope">
-              <el-date-picker
-                  v-model="scope.row.expiryDate"
-                  type="date"
-                  value-format="YYYY-MM-DD"
-                  placeholder="有效日期"
-                  size="small" style="width: 100px;"/>
-            </template>
-          </el-table-column>
-          <el-table-column label="商品追溯码" width="150">
-            <template #default="scope">
-<!--              <el-input-->
-<!--                  v-model="scope.row.traceabilityCode"-->
-<!--                  placeholder="商品追溯码"-->
-<!--                  style="width: 100px"-->
-<!--                  size="small"/>-->
-              <TraceabilityCodeInput v-model="scope.row.traceabilityCodeList"></TraceabilityCodeInput>
-            </template>
-
-          </el-table-column>
-          <el-table-column label="操作" width="150">
-            <template #default="scope">
-<!--              <el-button size="small" @click="openCheckoutDetail(scope.row)" type="danger" plain>溯源码</el-button>-->
-              <el-button size="small" @click="removeTableRow(scope.row)" type="danger" plain>移除</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
+            </el-table-column>
+            <el-table-column label="操作" width="200">
+              <template #default="scope">
+                <!--              <el-button size="small" @click="openCheckoutDetail(scope.row)" type="danger" plain>溯源码</el-button>-->
+                <span style="color: #ff0000" @click="removeTableRow(scope.row)">
+                      <el-icon>
+                <Delete/>
+              </el-icon>
+                  移除
+                  </span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
       </div>
     </div>
     <template #footer>
@@ -171,8 +196,8 @@
             style="color: #FF282E">{{ inventory_order_data.totalPrice.toFixed(2) }}</span>
         </div>
         <div class="btn">
-          <el-button type="primary" @click="confirm">确认</el-button>
-          <el-button type="primary" @click="exit">关闭</el-button>
+          <div class="default-btn" @click="exit">关闭</div>
+          <div class="default-btn" @click="confirm" style="margin-left: 24px">确认</div>
         </div>
       </div>
     </template>
@@ -193,8 +218,8 @@ import {ElMessage} from "element-plus";
 import AddSupplier from "@/components/inventory/supplier/AddSupplier.vue";
 import GoodsSearch from "@/components/inventory/GoodsSearch.vue";
 import CheckoutDetail from "@/components/inventory/CheckoutDetail.vue";
-import {Search} from "@element-plus/icons-vue";
 import TraceabilityCodeInput from "@/components/inventory/purchase/TraceabilityCodeInput.vue";
+import {Plus, Delete} from "@element-plus/icons-vue";
 
 const orderForm = ref()
 const checkoutDetailRef = ref<any>(false);
@@ -294,7 +319,7 @@ function getFormattedDate() {
 }
 
 let confirm = async () => {
-  console.log('table_list.value++++++++++++++',table_list.value)
+  console.log('table_list.value++++++++++++++', table_list.value)
   // 进行表单验证
   try {
     await orderForm.value.validate()
@@ -325,7 +350,7 @@ let confirm = async () => {
     }
     table_list.value.forEach((item: any) => {
       console.log(item.traceabilityCodeList)
-      item.traceabilityCode= JSON.stringify(item.traceabilityCodeList)
+      item.traceabilityCode = JSON.stringify(item.traceabilityCodeList)
     })
     let data = {
       inventoryOrder: JSON.parse(JSON.stringify(inventory_order_data.value)),
@@ -398,8 +423,7 @@ const init = () => {
 }
 const managerUserList: any = ref([])
 const getManagerUserList = () => {
-  post("manager/user/list", {
-  }).then((res: any) => {
+  post("manager/user/list", {}).then((res: any) => {
     managerUserList.value = res
   })
 }
@@ -473,19 +497,20 @@ defineExpose({init})
 
 .add-panel {
   height: 602px;
-  padding: 24px 24px 0;
   display: flex;
   flex-direction: column;
 
   .top {
-    height: 180px;
+    height: 204px;
+    padding: 24px;
   }
 
   .table_content {
     flex: 1;
-    margin-top: 24px;
     display: flex;
     flex-direction: column;
+    background: #F9FAFC;
+    min-height: 0;
 
     .add_goods {
       height: 90px;
@@ -496,11 +521,21 @@ defineExpose({init})
       font-size: 18px;
       color: #333333;
       font-style: normal;
+      padding: 0 24px;
 
       .search {
-        width: 50%;
+        display: flex;
+        align-items: center;
+        height: 42px;
+
       }
     }
+
+    .table {
+      flex: 1;
+      min-height: 0;
+      background: #F9FAFC;
+    }
   }
 }
 
@@ -514,6 +549,10 @@ defineExpose({init})
   font-size: 22px;
   color: #333333;
   font-style: normal;
+
+  .btn {
+    display: flex;
+  }
 }
 
 .error {
diff --git a/src/components/inventory/purchase/TraceabilityCodeInput.vue b/src/components/inventory/purchase/TraceabilityCodeInput.vue
index e82e045..cc03b1d 100644
--- a/src/components/inventory/purchase/TraceabilityCodeInput.vue
+++ b/src/components/inventory/purchase/TraceabilityCodeInput.vue
@@ -5,8 +5,8 @@
                 @blur="handlerBlur" @keydown.enter="addCode"></el-input>
     </template>
     <div class="code-popo">
-      <el-table :data="list">
-        <el-table-column label="追溯码" prop="code">
+      <el-table :data="list" :max-height="260" :header-cell-style="{background: '#F1F5FB'}">
+        <el-table-column label="追溯码" prop="code" show-overflow-tooltip>
           <template #default="{row}">
             {{ row.code.slice(0, 7) }}&nbsp;{{ row.code.slice(7) }}
           </template>
@@ -18,12 +18,13 @@
             </span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="70">
+        <el-table-column label="操作" width="90">
           <template #default="{row}">
-            <span class="remove" @click="removeRow(row)">
+            <span class="remove" style="color: #ff0000" @click="removeRow(row)">
               <el-icon>
-                <Close/>
+                <Delete/>
               </el-icon>
+              删除
             </span>
           </template>
         </el-table-column>
@@ -34,7 +35,7 @@
 </template>
 <script setup lang="ts">
 import {ref, watch, onMounted, onUnmounted, nextTick} from "vue";
-import {Close} from "@element-plus/icons-vue";
+import {Delete} from "@element-plus/icons-vue";
 import CodeNumEditDialog from "@/components/inventory/purchase/CodeNumEditDialog.vue";
 
 interface listType {
diff --git a/src/components/member/memberProfile/Exchange.vue b/src/components/member/memberProfile/Exchange.vue
index 07f0889..ae2bd69 100644
--- a/src/components/member/memberProfile/Exchange.vue
+++ b/src/components/member/memberProfile/Exchange.vue
@@ -1,47 +1,67 @@
 <template>
-  <div class="container_grant">
+  <Mask :width="540" :height="363" :is-show="isExchange" @close="close" :title="'兑换积分'"
+        :show-footer="true">
     <div class="content_grant">
       <div class="head">
-        <div class="name">
-          {{props.info.realName}}
-        </div>
-        <div class="sex">
-          {{props.info.sex}}
-        </div>
-        <div class="phone">
-          {{props.info.phone}}
-        </div>
-        <div class="point">
-          积分<span class="num">{{ props.info.integralBalance }}</span>
+        <img style="width: 60px;height: 60px"
+             :src="'/static/images/member/' + (props.info.sex === 1 ? 'man' : 'women') + '.png'"
+             alt="">
+        <div class="right">
+          <div class="name">
+            {{ props.info.name }}
+          </div>
+          <div class="text">
+            <div class="phone">
+              {{ props.info.phone }}
+            </div>
+            <div class="grant-name">
+              积分：
+              <img style="width: 16px;height: 16px" src="/static/images/member/1.png" alt="">
+              <span class="num">{{ props.info.integralBalance }}</span>
+            </div>
+          </div>
         </div>
       </div>
-      <div>
-        <el-form label-position="top" :rules="rules" ref="formDataRef" :model="data">
-          <el-form-item label="兑换积分" prop="integral" >
-            <el-input placeholder="请输入兑换积分" v-model="data.integral"></el-input>
-          </el-form-item>
-          <el-form-item label="兑换备注" prop="remark">
-            <el-input placeholder="请输入兑换备注" v-model="data.remark"></el-input>
-          </el-form-item>
+      <div style="width: 100%">
+        <el-form
+            label-position="top" :rules="rules" ref="formDataRef" :model="data"
+        >
+          <el-row :gutter="24">
+            <el-col :span="12">
+              <el-form-item label="兑换积分" prop="integral">
+                <el-input placeholder="请输入兑换积分" v-model="data.integral"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="兑换备注" prop="remark">
+                <el-input placeholder="请输入兑换备注" v-model="data.remark"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
         </el-form>
       </div>
     </div>
-    <div class="footer">
-      <div>
-        <el-checkbox v-model="printReceipt">同时打印凭证</el-checkbox>
+    <template #footer>
+      <div class="footer">
+        <div>
+          <el-checkbox v-model="printReceipt">同时打印凭证</el-checkbox>
+        </div>
+        <div style="display:flex;">
+          <div class="default-btn" @click="reduceIntegral">兑换</div>
+          <div class="default-btn" style="margin-left: 24px" @click="close">取消</div>
+        </div>
       </div>
-     <div>
-       <el-button type="primary" @click="reduceIntegral">发放</el-button>
-       <el-button @click="close">取消</el-button>
-     </div>
-    </div>
-  </div>
+    </template>
+  </Mask>
 </template>
 <script setup lang="ts">
-import {ref,defineEmits, defineProps} from 'vue'
+import {ref, defineEmits, defineProps} from 'vue'
 import {ElFormItem} from "element-plus";
 import {post} from "@/utils/request.ts";
+import Mask from "@/components/common/Mask.vue";
 
+const isExchange = defineModel()
 const emit = defineEmits(['close'])
 const props = defineProps({
   info: {
@@ -54,29 +74,28 @@ const close = () => {
   data.value = {}
   emit('close')
 }
-const rules ={
+const rules = {
   integral: [
-    {required: true, message: '请输入发放积分', trigger: 'blur'},
+    {required: true, message: '请输入兑换积分', trigger: 'blur'},
     {min: 1, message: '积分不能小于1', trigger: 'blur'}
   ],
-  remark:[
-      {required: true, message: '请输入兑换备注', trigger: 'blur'},
+  remark: [
+    {required: true, message: '请输入兑换备注', trigger: 'blur'},
   ]
 }
 const data = ref<any>({
   integral: 0,
 });
 const formDataRef = ref();
-const reduceIntegral =  () => {
+const reduceIntegral = () => {
   formDataRef.value?.validate((valid: boolean) => {
     if (!valid) {
-      console.log("表单验证失败",data.value);
       return;
     }
     // 如果验证通过，发送请求
-    data.value.integral =data.value.integral * -1
+    data.value.integral = data.value.integral * -1
     data.value.vipId = props.info.id
-    post("vip/integral/add",data.value).then((res: any) => {
+    post("vip/integral/add", data.value).then((res: any) => {
       formDataRef.value?.resetFields();
       close()
     })
@@ -86,42 +105,62 @@ const reduceIntegral =  () => {
 
 </script>
 <style scoped lang="scss">
-.container_grant {
-  background-color: #fff;
-  .title_grant {
-    padding-bottom: 20px;
-    font-size: 18px;
-  }
+.content_grant {
+  height: 100%;
+  padding: 24px;
 
-  .content_grant {
-    .head {
-      height: 50px;
+  .head {
+    height: 60px;
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+
+    .name {
+      font-weight: bold;
+      font-size: 24px;
+      color: #333333;
+      line-height: 33px;
+      text-align: left;
+      font-style: normal;
+    }
+
+    .right {
       display: flex;
-      align-items: center;
-      background-color: rgba(220, 222, 223, 0.5);
-      border-radius: 10px;
-      padding-left: 20px;
-      margin-bottom: 20px;
-      border: 1px solid rgba(0, 0, 0, 0.05);
-      .sex{
-        margin:0 10px;
-      }
-      .phone{
-        height: 21px;
-        line-height: 25px;
-      }
-      .point{
-        margin:0 30px 0 50px;
-        .num{
-          color: rgba(237, 120, 23, 0.67);
+      flex-direction: column;
+      justify-content: center;
+      margin-left: 16px;
+
+      .text {
+        margin-top: 4px;
+        display: flex;
+
+        .phone {
+          margin-right: 20px;
         }
+
+        .grant-name {
+          display: flex;
+
+          .num {
+            font-weight: bold;
+            font-size: 24px;
+            color: #4D6DE4;
+            font-style: normal;
+            line-height: 16px;
+            margin-left: 6px;
+          }
+        }
+
       }
     }
   }
-  .footer {
-    display: flex;
-    justify-content: space-between;
-    padding-top: 20px;
-  }
+}
+
+.footer {
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 24px;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/member/memberProfile/Grant.vue b/src/components/member/memberProfile/Grant.vue
index 64ce4e0..801bbe3 100644
--- a/src/components/member/memberProfile/Grant.vue
+++ b/src/components/member/memberProfile/Grant.vue
@@ -1,48 +1,63 @@
 <template>
-  <div class="container_grant">
-    <div class="content_grant">
-      <div class="head">
-        <div class="name">
-          {{props.info.realName}}
+  <Mask :width="540" :height="363" :is-show="isGrant" @close="isGrant=false" :title="'发放积分'" :show-footer="true">
+    <template #default>
+      <div class="content_grant">
+        <div class="head">
+          <img style="width: 60px;height: 60px"
+               :src="'/static/images/member/' + (props.info.sex === 1 ? 'man' : 'women') + '.png'"
+               alt="">
+          <div class="right">
+            <div class="name">
+              {{ props.info.name }}
+            </div>
+            <div class="text">
+              <div class="phone">
+                {{ props.info.phone }}
+              </div>
+              <div class="grant-name">
+                积分：
+                <img style="width: 16px;height: 16px" src="/static/images/member/1.png" alt="">
+                <span class="num">{{ props.info.integralBalance }}</span>
+              </div>
+            </div>
+          </div>
         </div>
-        <div class="sex">
-          {{props.info.sex}}
-        </div>
-        <div class="phone">
-          {{props.info.phone}}
-        </div>
-        <div class="point">
-          积分<span class="num">{{props.info.integralBalance}}</span>
+        <div style="width: 100%">
+          <el-form
+              label-position="top" :rules="rules" ref="ruleFormRef" :model="data"
+          >
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="发放积分" prop="integral">
+                  <el-input v-model="data.integral" placeholder="请输入发放积分"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="发放备注" prop="remark">
+                  <el-input v-model="data.remark" placeholder="请输入发放备注"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+          </el-form>
         </div>
       </div>
-      <div>
-        <el-form
-            :rules="rules"
-            v-model="data"
-            label-position="top"
-            ref="ruleFormRef"
-            require-asterisk-position="right"
-        >
-          <el-form-item label="发放积分" prop="integral">
-            <el-input v-model="data.integral" placeholder="请输入发放积分"></el-input>
-          </el-form-item>
-          <el-form-item label="发放备注" prop="remark">
-            <el-input v-model="data.remark" placeholder="请输入发放备注"></el-input>
-          </el-form-item>
-        </el-form>
+    </template>
+    <template #footer>
+      <div class="footer">
+        <div class="default-btn" @click="grant()">发放</div>
+        <div class="default-btn" style="margin-left: 24px" @click="close">取消</div>
       </div>
-    </div>
-    <div class="footer">
-      <el-button type="primary" @click="grant()">发放</el-button>
-      <el-button @click="close">取消</el-button>
-    </div>
-  </div>
+    </template>
+  </Mask>
 </template>
 <script setup lang="ts">
-import {ref,defineEmits,defineProps} from 'vue'
+import {ref, defineEmits, defineProps, onMounted} from 'vue'
 import {post} from "@/utils/request.ts";
-import {ElFormItem} from "element-plus";
+import {ElFormItem, ElMessage} from "element-plus";
+import Mask from "@/components/common/Mask.vue";
 
+const isGrant = defineModel()
 const emit = defineEmits(['close'])
 const props = defineProps({
   info: {
@@ -50,64 +65,92 @@ const props = defineProps({
     default: () => ({})
   }
 })
-const rules ={
-    integral: [
-      {required: true, message: '请输入发放积分', trigger: 'blur'},
-    ],
-  remark:[
-    {required: true, message: '请输入备注', trigger: 'blur'},
+
+const rules = {
+  integral: [
+    {required: true, message: '请输入兑换积分', trigger: 'blur'},
+    {min: 0, message: '积分不能小于0', trigger: 'blur'}
+  ],
+  remark: [
+    {required: true, message: '请输入兑换备注', trigger: 'blur'},
   ]
 }
 const close = () => {
+  data.value = {}
   emit('close')
 }
-const data=ref<any>({})
+const data = ref<any>({})
+const ruleFormRef = ref()
 const grant = async () => {
-  data.value.vipId = props.info.id
-  post('vip/integral/add', data.value).then((res: any) => {
-    close()
+  ruleFormRef.value?.validate((valid: any) => {
+    if (!valid) return
+    data.value.vipId = props.info.id
+    post('vip/integral/add', data.value).then((res: any) => {
+      ElMessage.success('已发放')
+      close()
+    })
   })
 
+
 }
 </script>
 <style scoped lang="scss">
-.container_grant {
-  background-color: #fff;
-  .title_grant {
-    padding-bottom: 20px;
-    font-size: 18px;
-  }
+.content_grant {
+  height: 100%;
+  padding: 24px;
 
-  .content_grant {
-    .head {
-      height: 50px;
+  .head {
+    height: 60px;
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+
+    .name {
+      font-weight: bold;
+      font-size: 24px;
+      color: #333333;
+      line-height: 33px;
+      text-align: left;
+      font-style: normal;
+    }
+
+    .right {
       display: flex;
-      align-items: center;
-      background-color: rgba(220, 222, 223, 0.5);
-      border-radius: 10px;
-      padding-left: 20px;
-      margin-bottom: 20px;
-      border: 1px solid rgba(0, 0, 0, 0.05);
-      .sex{
-        margin:0 10px;
-      }
-      .phone{
-        height: 21px;
-        line-height: 25px;
-      }
-      .point{
-        margin:0 30px 0 50px;
-        .num{
-          color: rgba(237, 120, 23, 0.67);
+      flex-direction: column;
+      justify-content: center;
+      margin-left: 16px;
+
+      .text {
+        margin-top: 4px;
+        display: flex;
+
+        .phone {
+          margin-right: 20px;
         }
+
+        .grant-name {
+          display: flex;
+
+          .num {
+            font-weight: bold;
+            font-size: 24px;
+            color: #4D6DE4;
+            font-style: normal;
+            line-height: 16px;
+            margin-left: 6px;
+          }
+        }
+
       }
     }
   }
+}
 
-  .footer {
-    display: flex;
-    justify-content: flex-end;
-    padding-top: 20px;
-  }
+.footer {
+  height: 100%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  padding: 24px;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/LayoutSocial.vue b/src/views/LayoutSocial.vue
index e2b3ad8..8cfbd81 100644
--- a/src/views/LayoutSocial.vue
+++ b/src/views/LayoutSocial.vue
@@ -1,55 +1,83 @@
 <template>
   <div class="layout-container">
-    <Header class="header" />
-    <header>
-      <div class="center-wrapper">
-        <div class="childMenu">
-          <router-link :to="item.path" class="child-item" v-for="(item,index) in childMenuList" :key="index">
-            {{ item.name }}
-          </router-link>
+    <Header class="header"/>
+    <div class="body">
+      <header style="height: 50px">
+        <div class="center-wrapper">
+          <div class="childMenu">
+            <router-link :to="item.path" class="child-item" v-for="(item,index) in childMenuList" :key="index">
+              {{ item.name }}
+            </router-link>
+          </div>
         </div>
-      </div>
-    </header>
-    <div class="space"></div>
-    <main class="layout-main">
-      <router-view/>
-    </main>
-    <div class="space"></div>
-    <Footer class="footer" />
+      </header>
+      <main class="layout-main" style="margin-top: 24px">
+        <router-view/>
+      </main>
+    </div>
+    <Footer class="footer"/>
   </div>
-
 </template>
 
 <style scoped lang="scss">
+.body{
+  height: 100%;
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+}
 .childMenu {
   width: 100%;
-  height: 60px;
+  height: 50px;
   background: #fff;
   display: flex;
   align-items: center;
+  border-radius: 8px;
+
   .child-item {
+    width: 136px;
     display: inline-block;
     color: #151515;
     outline: none;
     text-decoration: none;
     font-size: 18px;
-    margin-left: 10px;
-    margin-right: 10px;
-    height: 35px;
+    height: 50px;
     position: relative;
+    line-height: 50px;
+    text-align: center;
+    &::before{
+      content: '';
+      position: absolute;
+      right: 0;
+      top:50%;
+      display: block;
+      width: 2px;
+      height: 16px;
+      background: #D8D8D8;
+      border-radius: 1px;
+      transform: translate(0 ,-50%);
+    }
+    &:last-child::before{
+      display: none;
+    }
   }
 
   .router-link-active:after {
     content: '';
     display: block;
-    width: 100%;
-    height: 2px;
-    background-color:  #151515; // 下划线颜色
+    width: 80px;
+    height: 4px;
+    background-color: #4D6DE4; // 下划线颜色
     position: absolute;
-    bottom: -5px; // 调整下划线与文字的距离
-    left: 0;
+    bottom: 0; // 调整下划线与文字的距离
+    left: 50%;
+    transform: translateX(-50%);
+    border-radius: 2px;
   }
 }
+a.router-link-active.router-link-exact-active.child-item{
+  color: #4D6DE4;
+}
 </style>
 
 
diff --git a/src/views/inventory/goods.vue b/src/views/inventory/goods.vue
index 54920d5..6ae4fd6 100644
--- a/src/views/inventory/goods.vue
+++ b/src/views/inventory/goods.vue
@@ -19,7 +19,7 @@
               </el-input>
             </el-form-item>
             <el-form-item>
-              <el-cascader style="width: 180px;height: 42px" :options="allCateList" :show-all-levels="false"
+              <el-cascader :collapse-tags="true" :props="props" style="width: 180px;height: 42px" :options="allCateList" :show-all-levels="false"
                            v-model="searchModel.cateId" clearable/>
             </el-form-item>
             <el-form-item>
@@ -426,6 +426,7 @@ const getStatisticsData = () => {
     statisticsData.value = res
   })
 }
+const props = { multiple: true }
 </script>
 <style scoped lang="scss">
 .v-enter-active,
diff --git a/src/views/inventory/inventory.vue b/src/views/inventory/inventory.vue
index 1b92cc1..8ec0f0d 100644
--- a/src/views/inventory/inventory.vue
+++ b/src/views/inventory/inventory.vue
@@ -77,7 +77,8 @@
         </div>
       </div>
       <div class="addBtn">
-        <span @click="openAdd">新增采购</span>
+        <span class="default-btn" @click="openAdd">新增采购</span>
+        <span class="default-btn" @click="openUpload">一键导入</span>
       </div>
     </div>
     <div class="content_list">
@@ -129,6 +130,7 @@
     </div>
     <AddOrder ref="addOrderRef" @close="closeAddOrder"/>
     <EditOrder ref="editOrderRef" @close="closeEditOrder" @updateOrderDetail="init"/>
+    <UpLoad v-model="show"></UpLoad>
   </div>
 </template>
 
@@ -141,6 +143,7 @@ import Mask from "@/components/common/Mask.vue";
 import EditOrder from "@/components/inventory/purchase/EditOrder.vue";
 import {Plus, Refresh, Search, SemiSelect} from "@element-plus/icons-vue";
 import {formatDateArray, getEndOfDay} from "@/utils/dateUtils.ts";
+import UpLoad from "@/components/inventory/Upload.vue";
 
 let tableData = ref([])
 let is_edit = ref(false)
@@ -242,6 +245,10 @@ const resetSearch = () => {
   }
   init()
 }
+const show = ref(false)
+const openUpload= ()=>{
+  show.value=true
+}
 </script>
 <style scoped lang="scss">
 @use "@/assets/scss/base.scss";
@@ -377,26 +384,9 @@ const resetSearch = () => {
   }
 
   .addBtn {
-    span {
+    span{
       display: inline-block;
-      width: 120px;
-      height: 42px;
-      background: #FFFFFF;
-      border-radius: 6px;
-      border: 1px solid #4D6DE4;
       margin-right: 24px;
-      font-weight: 500;
-      font-size: 16px;
-      color: #4D6DE4;
-      text-align: center;
-      line-height: 42px;
-      cursor: pointer;
-
-      &:hover {
-        background: #4D6DE4;
-        color: #fff;
-        border: none;
-      }
     }
   }
 }
diff --git a/src/views/member/index.vue b/src/views/member/index.vue
index 33cbd23..988176f 100644
--- a/src/views/member/index.vue
+++ b/src/views/member/index.vue
@@ -74,7 +74,7 @@
                 }}
               </el-descriptions-item>
               <el-descriptions-item label="证件类型">
-                {{ certTypeList.find((item: any) => item.id == listItem.certType)?.name }}
+                {{ certTypeList.find((item: any) => item.id == Number(listItem.certType))?.name }}
               </el-descriptions-item>
               >
               <el-descriptions-item label="证件号码">{{ listItem.certNo || "-" }}</el-descriptions-item>
@@ -155,12 +155,8 @@
   </div>
   <VipEdit ref="refEdit" @close="init"></VipEdit>
   <VipLevelEdit ref="levelEditRef" @close="init"></VipLevelEdit>
-  <Mask :width="600" :height="400" :is-show="isGrant" @close="isGrant=false" :title="'发放积分'">
-    <Grant :info="listItem" @close="closeGrant()"></Grant>
-  </Mask>
-  <Mask :width="600" :height="400" :is-show="isExchange" @close="isExchange=false" title="兑换积分">
-    <Exchange :info="listItem" @close="closeExchange()"></Exchange>
-  </Mask>
+  <Grant v-model="isGrant" :info="listItem" @close="closeGrant()"></Grant>
+  <Exchange v-model="isExchange" :info="listItem" @close="closeExchange()"></Exchange>
   <Mask :is-show="isFlowingWater" @close="isFlowingWater = false" title="流水记录">
     <FlowingWater :info="listItem"></FlowingWater>
   </Mask>
@@ -238,8 +234,6 @@ const init = () => {
       });
     });
     getChargeList(listItem.value.id);
-
-
   });
 };
 const getVipIntegral = (id: any) => {
@@ -310,6 +304,7 @@ const btn = (item: any, i: number) => {
 //点击发放
 const openGrant = () => {
   isGrant.value = true
+  console.log(listItem.value)
 }
 //消费时间
 const tableData = ref([])