diff --git a/public/候车厅媒体报价导入模板.xlsx b/public/候车厅媒体报价导入模板.xlsx
index 0af5f99..a526250 100644
Binary files a/public/候车厅媒体报价导入模板.xlsx and b/public/候车厅媒体报价导入模板.xlsx differ
diff --git a/public/写字楼媒体报价导入模板.xlsx b/public/写字楼媒体报价导入模板.xlsx
index eb2e66a..910f389 100644
Binary files a/public/写字楼媒体报价导入模板.xlsx and b/public/写字楼媒体报价导入模板.xlsx differ
diff --git a/public/地铁媒体报价导入模板.xlsx b/public/地铁媒体报价导入模板.xlsx
index 780b16e..ef09d7c 100644
Binary files a/public/地铁媒体报价导入模板.xlsx and b/public/地铁媒体报价导入模板.xlsx differ
diff --git a/public/车库灯箱媒体报价导入模板.xlsx b/public/车库灯箱媒体报价导入模板.xlsx
index 70dffd7..07ae76d 100644
Binary files a/public/车库灯箱媒体报价导入模板.xlsx and b/public/车库灯箱媒体报价导入模板.xlsx differ
diff --git a/public/道闸媒体报价导入模板.xlsx b/public/道闸媒体报价导入模板.xlsx
index 0e540fd..3fd9ccc 100644
Binary files a/public/道闸媒体报价导入模板.xlsx and b/public/道闸媒体报价导入模板.xlsx differ
diff --git a/public/门禁媒体报价导入模板.xlsx b/public/门禁媒体报价导入模板.xlsx
index 123041d..2ea1ec7 100644
Binary files a/public/门禁媒体报价导入模板.xlsx and b/public/门禁媒体报价导入模板.xlsx differ
diff --git a/public/高铁媒体报价导入模板.xlsx b/public/高铁媒体报价导入模板.xlsx
index adab732..83d75b6 100644
Binary files a/public/高铁媒体报价导入模板.xlsx and b/public/高铁媒体报价导入模板.xlsx differ
diff --git a/src/views/mediaLibrary/components/accessControlPrice.vue b/src/views/mediaLibrary/components/accessControlPrice.vue
index 2877935..3991e75 100644
--- a/src/views/mediaLibrary/components/accessControlPrice.vue
+++ b/src/views/mediaLibrary/components/accessControlPrice.vue
@@ -2,35 +2,35 @@
 <template>
     <el-button type="primary" class="submitBtn" v-show="showOptionColumn" style="margin-bottom: 10px;"
         @click="handleAddPrice">添加报价信息</el-button>
-    <el-table v-loading="loading" :data="quotationList" height="362px">
-        <el-table-column label="序号" align="center" width="80">
+    <el-table v-loading="loading" :data="quotationList" border height="362px">
+        <el-table-column label="序号" align="center" width="60">
             <template #default="scope">
                 {{ scope.$index + 1 }}
             </template>
         </el-table-column>
-        <el-table-column label="城市" align="left" prop="cityName" width="150" />
-        <el-table-column label="媒体名称" align="left" prop="mediaName" width="200" />
-        <el-table-column label="频次" align="left" prop="frequency" width="150" />
-        <el-table-column label="刊例价" align="left" prop="listPrice" width="180" />
-        <el-table-column label="刊例价单位" align="left" prop="listPriceUnit" width="150" />
-        <el-table-column label="实际购买频次" align="left" prop="actualBuyFrequency" width="150" />
-        <el-table-column label="实际购买刊例价" align="left" prop="actualBuyListPrice" width="150" />
-        <el-table-column label="投放数量" align="left" prop="putTotal" width="150" />
-        <el-table-column label="起购周期" align="left" prop="buyCycle" width="150" />
-        <el-table-column label="折扣" align="left" prop="discount" width="150" />
-        <el-table-column label="媒体总净价" align="center" prop="mediaRegularPrice" width="230" />
-        <el-table-column label="首次制作安装费" align="center" prop="firstInstallFee" width="230" />
-        <el-table-column label="总制作费" align="center" prop="totalMakeFee" width="160" />
-        <el-table-column label="单价" align="center" prop="unitPrice" width="160" />
-        <el-table-column label="发布总净价" align="center" prop="totalRegularPrice" width="130" />
-        <el-table-column label="发布总净价单位" align="center" prop="totalRegularPriceUnit" width="130" />
-        <el-table-column label="媒体费总价" align="center" prop="mediaFeeTotalPrice" width="130" />
+        <el-table-column label="城市" align="center" prop="cityName" width="90" />
+        <el-table-column label="媒体名称" align="left" prop="mediaName" width="150" />
+        <el-table-column label="频次" align="center" prop="frequency" width="100" />
+        <el-table-column label="刊例价" align="right" prop="listPrice" width="120" />
+        <el-table-column label="刊例价单位" align="center" prop="listPriceUnit" width="120" /> 
+        <el-table-column label="实际购买刊例价" align="right" prop="actualBuyListPrice" width="140" />
+        <el-table-column label="实际购买刊例价单位" align="center" prop="actualBuyListPriceUnit" width="170" />
+        <el-table-column label="投放数量" align="right" prop="putTotal" width="100" />
+        <el-table-column label="起购周期" align="right" prop="buyCycle" width="120" />
+        <el-table-column label="折扣" align="center" prop="discount" width="100" />
+        <el-table-column label="媒体总净价" align="right" prop="mediaRegularPrice" width="120" />
+        <el-table-column label="首次制作安装费" align="right" prop="firstInstallFee" width="150" />
+        <el-table-column label="总制作费" align="right" prop="totalMakeFee" width="130" />
+        <el-table-column label="单价" align="right" prop="unitPrice" width="100" />
+        <el-table-column label="发布总净价" align="right" prop="totalRegularPrice" width="120" />
+        <el-table-column label="发布总净价单位" align="center" prop="totalRegularPriceUnit" width="140" />
+        <el-table-column label="媒体费总价" align="right" prop="mediaFeeTotalPrice" width="120" />
         <el-table-column label="单日覆盖人流量" align="center" prop="dailyAvgPeopleFlow" width="150" />
         <el-table-column label="总曝光/人次" align="center" prop="totalExposure" width="130" />
-        <el-table-column label="SOV" align="center" prop="sov" width="150" />
-        <el-table-column label="CPM" align="center" prop="cpm" width="150" />
-        <el-table-column label="备注" align="center" prop="remark" width="230" :show-overflow-tooltip="true"/>
-        <el-table-column label="AB面划分" align="center" prop="ab" width="150" />
+        <el-table-column label="SOV" align="center" prop="sov" width="100" />
+        <el-table-column label="CPM" align="center" prop="cpm" width="100" />
+        <el-table-column label="备注" align="left" prop="remark" width="230" :show-overflow-tooltip="true"/>
+        <el-table-column label="AB面划分" align="left" prop="ab" width="150" />
         <!-- <el-table-column label="录入人员" align="center" prop="postCode" width="150" />
         <el-table-column label="录入时间" align="center" prop="postCode" width="150" /> -->
         <template v-if="showOptionColumn">
@@ -82,13 +82,13 @@
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
-                    <el-form-item label="实际购买频次" prop="actualBuyFrequency">
-                        <el-input v-model="form.actualBuyFrequency" placeholder="请输入实际购买频次" />
+                    <el-form-item label="实际购买刊例价" prop="actualBuyListPrice">
+                        <el-input v-model="form.actualBuyListPrice" placeholder="请输入实际购买刊例价" />
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
-                    <el-form-item label="实际购买刊例价" prop="actualBuyListPrice">
-                        <el-input v-model="form.actualBuyListPrice" placeholder="请输入实际购买刊例价" />
+                    <el-form-item label="请输入实际购买刊例价单位" prop="actualBuyListPriceUnit">
+                        <el-input v-model="form.actualBuyListPriceUnit" placeholder="请输入实际购买刊例价单位" />
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
@@ -211,8 +211,8 @@ const data = reactive({
         frequency: [{ required: true, message: "请输入频次", trigger: "blur" }],
         listPrice: [{ required: true, message: "请输入刊例价", trigger: "blur" }],
         listPriceUnit: [{ required: true, message: "请输入刊例价单位", trigger: "blur" }],
-        actualBuyFrequency: [{ required: true, message: "请输入实际购买频次", trigger: "blur" }],
         actualBuyListPrice: [{ required: true, message: "请输入实际购买刊例价", trigger: "blur" }],
+        actualBuyListPriceUnit: [{ required: true, message: "请输入实际购买刊例价单位", trigger: "blur" }],
         putTotal: [{ required: true, message: "请输入投放数量", trigger: "blur" }],
         buyCycle: [{ required: true, message: "请输入起购周期", trigger: "blur" }],
         discount: [{ required: true, message: "请输入折扣", trigger: "blur" }],
diff --git a/src/views/mediaLibrary/components/barrierGatePrice.vue b/src/views/mediaLibrary/components/barrierGatePrice.vue
index 854f853..480fd36 100644
--- a/src/views/mediaLibrary/components/barrierGatePrice.vue
+++ b/src/views/mediaLibrary/components/barrierGatePrice.vue
@@ -1,32 +1,32 @@
 <!-- 道闸报价 -->
 <template>
     <el-button type="primary" class="submitBtn" v-show="showOptionColumn" style="margin-bottom: 10px;" @click="handleAddPrice">添加报价信息</el-button>
-    <el-table v-loading="loading" :data="quotationList" height="362px">
-        <el-table-column label="序号" align="center" width="80">
+    <el-table v-loading="loading" :data="quotationList" border height="362px">
+        <el-table-column label="序号" align="center" width="60">
             <template #default="scope">
                 {{ scope.$index + 1 }}
             </template>
         </el-table-column>
-        <el-table-column label="城市" align="left" prop="cityName" width="150" /> 
-        <el-table-column label="媒体名称" align="left" prop="mediaName" width="200" />
-        <el-table-column label="频次" align="left" prop="frequency" width="150" />
-        <el-table-column label="发布总量" align="left" prop="releaseTotal" width="150" />
-        <el-table-column label="刊例价" align="left" prop="listPrice" width="180" />
-        <el-table-column label="刊例价单位" align="left" prop="listPriceUnit" width="150" />
-        <el-table-column label="最短购买周期" align="left" prop="buyCycle" width="150" /> 
-        <el-table-column label="折扣" align="left" prop="discount" width="150" />
-        <el-table-column label="媒体总净价" align="center" prop="mediaRegularPrice" width="230" />
-        <el-table-column label="首次制作安装费" align="center" prop="firstInstallFee" width="230" />
-        <el-table-column label="总制作费" align="center" prop="totalMakeFee" width="160" /> 
-        <el-table-column label="总净价" align="center" prop="totalRegularPrice" width="130" />
+        <el-table-column label="城市" align="center" prop="cityName" width="90" /> 
+        <el-table-column label="媒体名称" align="left" prop="mediaName" width="150" />
+        <el-table-column label="频次" align="center" prop="frequency" width="100" />
+        <el-table-column label="发布总量" align="right" prop="releaseTotal" width="120" />
+        <el-table-column label="刊例价" align="right" prop="listPrice" width="120" />
+        <el-table-column label="刊例价单位" align="center" prop="listPriceUnit" width="120" />
+        <el-table-column label="最短购买周期" align="right" prop="buyCycle" width="130" /> 
+        <el-table-column label="折扣" align="center" prop="discount" width="100" />
+        <el-table-column label="媒体总净价" align="right" prop="mediaRegularPrice" width="120" />
+        <el-table-column label="首次制作安装费" align="right" prop="firstInstallFee" width="150" />
+        <el-table-column label="总制作费" align="right" prop="totalMakeFee" width="130" /> 
+        <el-table-column label="总净价" align="right" prop="totalRegularPrice" width="120" />
         <el-table-column label="总净价单位" align="center" prop="totalRegularPriceUnit" width="130" />
-        <el-table-column label="4周/面" align="center" prop="allAroundFace" width="130" /> 
-        <el-table-column label="媒体费总价" align="center" prop="mediaFeeTotalPrice" width="130" /> 
+        <el-table-column label="4周/面" align="center" prop="allAroundFace" width="120" /> 
+        <el-table-column label="媒体费总价" align="right" prop="mediaFeeTotalPrice" width="130" /> 
         <el-table-column label="单日覆盖人流量" align="center" prop="dailyAvgPeopleFlow" width="150" />
         <el-table-column label="总曝光/人次" align="center" prop="totalExposure" width="130" />
-        <el-table-column label="SOV" align="center" prop="sov" width="150" />
-        <el-table-column label="CPM" align="center" prop="cpm" width="150" /> 
-        <el-table-column label="备注" align="center" prop="remark" width="230" :show-overflow-tooltip="true" />
+        <el-table-column label="SOV" align="center" prop="sov" width="100" />
+        <el-table-column label="CPM" align="center" prop="cpm" width="100" /> 
+        <el-table-column label="备注" align="left" prop="remark" width="230" :show-overflow-tooltip="true" />
         <!-- <el-table-column label="录入人员" align="center" prop="postCode" width="150" />
         <el-table-column label="录入时间" align="center" prop="postCode" width="150" /> -->
        <template v-if="showOptionColumn">
diff --git a/src/views/mediaLibrary/components/competitiveOffer.vue b/src/views/mediaLibrary/components/competitiveOffer.vue
index 01909d3..15e8692 100644
--- a/src/views/mediaLibrary/components/competitiveOffer.vue
+++ b/src/views/mediaLibrary/components/competitiveOffer.vue
@@ -2,34 +2,34 @@
 <template>
     <el-button type="primary" class="submitBtn" v-show="showOptionColumn" style="margin-bottom: 10px;"
         @click="handleAddPrice">添加报价信息</el-button>
-    <el-table v-loading="loading" :data="quotationList" height="362px">
+    <el-table v-loading="loading" :data="quotationList" border height="362px">
         <el-table-column label="序号" align="center" width="60">
             <template #default="scope">
                 {{ scope.$index + 1 }}
             </template>
         </el-table-column>
-        <el-table-column label="年度" align="left" prop="mediaYear" width="100" />
-        <el-table-column label="城市/市场" align="left" prop="cityName" width="150" />
-        <el-table-column label="媒体大类" align="left" prop="mediaCategory" width="150" />
-        <el-table-column label="媒体形式/名称" align="left" prop="mediaName" width="200" />
-        <el-table-column label="频次" align="left" prop="frequency" width="150" />
-        <el-table-column label="统一对外刊例价" align="left" prop="listPrice" width="160" />
-        <el-table-column label="单位" align="left" prop="listPriceUnit" width="150" />
-        <el-table-column label="实际购买频次" align="left" prop="actualBuyFrequency" width="150" />
-        <el-table-column label="实际购买刊例价" align="left" prop="actualBuyListPrice" width="150" />
-        <el-table-column label="购买周期" align="left" prop="buyCycle" width="150" />
-        <el-table-column label="折扣" align="left" prop="discount" width="150" />
-        <el-table-column label="媒体总净价" align="center" prop="mediaRegularPrice" width="230" />
-        <el-table-column label="总制作费" align="center" prop="totalMakeFee" width="160" />
-        <el-table-column label="总净价" align="center" prop="totalRegularPrice" width="130" />
+        <el-table-column label="年度" align="center" prop="mediaYear" width="90" />
+        <el-table-column label="城市/市场" align="center" prop="cityName" width="100" />
+        <el-table-column label="媒体大类" align="center" prop="mediaCategory" width="120" />
+        <el-table-column label="媒体形式/名称" align="left" prop="mediaName" width="150" />
+        <el-table-column label="频次" align="center" prop="frequency" width="130" />
+        <el-table-column label="统一对外刊例价" align="right" prop="listPrice" width="150" />
+        <el-table-column label="单位" align="center" prop="listPriceUnit" width="120" />
+        <el-table-column label="实际购买频次" align="center" prop="actualBuyFrequency" width="130" />
+        <el-table-column label="实际购买刊例价" align="right" prop="actualBuyListPrice" width="140" />
+        <el-table-column label="购买周期" align="right" prop="buyCycle" width="120" />
+        <el-table-column label="折扣" align="center" prop="discount" width="100" />
+        <el-table-column label="媒体总净价" align="right" prop="mediaRegularPrice" width="120" />
+        <el-table-column label="总制作费" align="right" prop="totalMakeFee" width="130" />
+        <el-table-column label="总净价" align="right" prop="totalRegularPrice" width="120" />
         <el-table-column label="单日覆盖人流量" align="center" prop="dailyAvgPeopleFlow" width="150" />
-        <el-table-column label="SOV" align="center" prop="sov" width="150" />
-        <el-table-column label="CPM" align="center" prop="cpm" width="150" />
-        <el-table-column label="备注" align="center" prop="remark" width="230" :show-overflow-tooltip="true"/>
-        <el-table-column label="是否框内" align="center" prop="hasInBox" width="150" />
-        <el-table-column label="成本" align="center" prop="cost" width="150" />
-        <el-table-column label="制作成本" align="center" prop="makeCost" width="150" />
-        <el-table-column label="供应商" align="center" prop="supplier" width="150" />
+        <el-table-column label="SOV" align="center" prop="sov" width="100" />
+        <el-table-column label="CPM" align="center" prop="cpm" width="100" />
+        <el-table-column label="备注" align="left" prop="remark" width="230" :show-overflow-tooltip="true"/>
+        <el-table-column label="是否框内" align="left" prop="hasInBox" width="150" />
+        <el-table-column label="成本" align="right" prop="cost" width="100" />
+        <el-table-column label="制作成本" align="right" prop="makeCost" width="100" />
+        <el-table-column label="供应商" align="left" prop="supplier" width="150" />
         <el-table-column label="项目名称" align="left" prop="projectName" width="150" />
         <!-- <el-table-column label="录入人员" align="center" prop="postCode" width="150" />
         <el-table-column label="录入时间" align="center" prop="postCode" width="150" /> -->
diff --git a/src/views/mediaLibrary/components/garageLightBox.vue b/src/views/mediaLibrary/components/garageLightBox.vue
index aa53762..b053b5f 100644
--- a/src/views/mediaLibrary/components/garageLightBox.vue
+++ b/src/views/mediaLibrary/components/garageLightBox.vue
@@ -1,34 +1,34 @@
 <!-- 车库灯箱 -->
 <template>
     <el-button type="primary" class="submitBtn" v-show="showOptionColumn" style="margin-bottom: 10px;" @click="handleAddPrice">添加报价信息</el-button>
-    <el-table v-loading="loading" :data="quotationList" height="362px">
-        <el-table-column label="序号" align="center" width="80">
+    <el-table v-loading="loading" :data="quotationList" border height="362px">
+        <el-table-column label="序号" align="center" width="60">
             <template #default="scope">
                 {{ scope.$index + 1 }}
             </template>
         </el-table-column>
-        <el-table-column label="城市" align="left" prop="cityName" width="150" />
-        <el-table-column label="媒体名称" align="left" prop="mediaName" width="200" />
-        <el-table-column label="频次" align="left" prop="frequency" width="150" />
-        <el-table-column label="发布总量" align="left" prop="releaseTotal" width="150" />
-        <el-table-column label="刊例价" align="left" prop="listPrice" width="180" />
-        <el-table-column label="刊例价单位" align="left" prop="listPriceUnit" width="150" />
-        <el-table-column label="实际购买刊例价" align="left" prop="actualBuyListPrice" width="150" />
-        <el-table-column label="实际购买刊例价单位" align="left" prop="actualBuyListPriceUnit" width="150" />
-        <el-table-column label="购买周期" align="left" prop="buyCycle" width="150" />
-        <el-table-column label="折扣" align="left" prop="discount" width="150" />
-        <el-table-column label="媒体总净价" align="center" prop="mediaRegularPrice" width="230" />
-        <el-table-column label="首次制作安装费" align="center" prop="firstInstallFee" width="230" />
-        <el-table-column label="总制作费" align="center" prop="totalMakeFee" width="160" />
-        <el-table-column label="总净价" align="center" prop="totalRegularPrice" width="130" />
+        <el-table-column label="城市" align="center" prop="cityName" width="90" />
+        <el-table-column label="媒体名称" align="left" prop="mediaName" width="150" />
+        <el-table-column label="频次" align="center" prop="frequency" width="100" />
+        <el-table-column label="发布总量" align="right" prop="releaseTotal" width="120" />
+        <el-table-column label="刊例价" align="right" prop="listPrice" width="120" />
+        <el-table-column label="刊例价单位" align="center" prop="listPriceUnit" width="120" />
+        <el-table-column label="实际购买刊例价" align="right" prop="actualBuyListPrice" width="140" />
+        <el-table-column label="实际购买刊例价单位" align="center" prop="actualBuyListPriceUnit" width="170" />
+        <el-table-column label="购买周期" align="right" prop="buyCycle" width="120" />
+        <el-table-column label="折扣" align="center" prop="discount" width="100" />
+        <el-table-column label="媒体总净价" align="right" prop="mediaRegularPrice" width="120" />
+        <el-table-column label="首次制作安装费" align="right" prop="firstInstallFee" width="150" />
+        <el-table-column label="总制作费" align="right" prop="totalMakeFee" width="130" />
+        <el-table-column label="总净价" align="right" prop="totalRegularPrice" width="120" />
         <el-table-column label="总净价单位" align="center" prop="totalRegularPriceUnit" width="130" />
-        <el-table-column label="媒体费总价" align="center" prop="mediaFeeTotalPrice" width="130" />
+        <el-table-column label="媒体费总价" align="right" prop="mediaFeeTotalPrice" width="130" />
         <el-table-column label="单日覆盖人流量" align="center" prop="dailyAvgPeopleFlow" width="150" />
         <el-table-column label="总曝光/人次" align="center" prop="totalExposure" width="130" />
-        <el-table-column label="SOV" align="center" prop="sov" width="150" />
-        <el-table-column label="CPM" align="center" prop="cpm" width="150" />
-        <el-table-column label="成本折扣" align="center" prop="costDiscount" width="150" />
-        <el-table-column label="备注" align="center" prop="remark" width="230" :show-overflow-tooltip="true" />
+        <el-table-column label="SOV" align="center" prop="sov" width="100" />
+        <el-table-column label="CPM" align="center" prop="cpm" width="100" />
+        <el-table-column label="成本折扣" align="right" prop="costDiscount" width="100" />
+        <el-table-column label="备注" align="left" prop="remark" width="230" :show-overflow-tooltip="true" />
         <!-- <el-table-column label="录入人员" align="center" prop="postCode" width="150" />
         <el-table-column label="录入时间" align="center" prop="postCode" width="150" /> -->
         <template v-if="showOptionColumn">
diff --git a/src/views/mediaLibrary/components/highSpeedRailway.vue b/src/views/mediaLibrary/components/highSpeedRailway.vue
index 202a5a1..0c00dc1 100644
--- a/src/views/mediaLibrary/components/highSpeedRailway.vue
+++ b/src/views/mediaLibrary/components/highSpeedRailway.vue
@@ -1,33 +1,33 @@
 <!-- 高铁 -->
 <template>
     <el-button type="primary" class="submitBtn" v-show="showOptionColumn" style="margin-bottom: 10px;" @click="handleAddPrice">添加报价信息</el-button>
-    <el-table v-loading="loading" :data="quotationList" height="362px">
-        <el-table-column label="序号" align="center" width="80">
+    <el-table v-loading="loading" :data="quotationList" border height="362px">
+        <el-table-column label="序号" align="center" width="60">
             <template #default="scope">
                 {{ scope.$index + 1 }}
             </template>
         </el-table-column>
-        <el-table-column label="城市" align="left" prop="cityName" width="150" />
-        <el-table-column label="场站" align="left" prop="station" width="150" />
-        <el-table-column label="媒体位置" align="left" prop="mediaName" width="200" />
-        <el-table-column label="频次" align="left" prop="frequency" width="150" />
-        <el-table-column label="发布总量" align="left" prop="releaseTotal" width="150" />
-        <el-table-column label="刊例价" align="left" prop="listPrice" width="180" />
-        <el-table-column label="刊例价单位" align="left" prop="listPriceUnit" width="150" />
-        <el-table-column label="购买周期" align="left" prop="buyCycle" width="150" />
-        <el-table-column label="折扣" align="left" prop="discount" width="150" />
-        <el-table-column label="媒体总净价" align="center" prop="mediaRegularPrice" width="230" />
-        <el-table-column label="首次制作安装费" align="center" prop="firstInstallFee" width="230" />
-        <el-table-column label="总制作费" align="center" prop="totalMakeFee" width="160" />
-        <el-table-column label="总净价" align="center" prop="totalRegularPrice" width="130" />
+        <el-table-column label="城市" align="center" prop="cityName" width="90" />
+        <el-table-column label="场站" align="center" prop="station" width="130" />
+        <el-table-column label="媒体位置" align="left" prop="mediaName" width="150" />
+        <el-table-column label="频次" align="center" prop="frequency" width="100" />
+        <el-table-column label="发布总量" align="right" prop="releaseTotal" width="120" />
+        <el-table-column label="刊例价" align="right" prop="listPrice" width="120" />
+        <el-table-column label="刊例价单位" align="center" prop="listPriceUnit" width="120" />
+        <el-table-column label="购买周期" align="right" prop="buyCycle" width="120" />
+        <el-table-column label="折扣" align="center" prop="discount" width="100" />
+        <el-table-column label="媒体总净价" align="right" prop="mediaRegularPrice" width="120" />
+        <el-table-column label="首次制作安装费" align="right" prop="firstInstallFee" width="150" />
+        <el-table-column label="总制作费" align="right" prop="totalMakeFee" width="130" />
+        <el-table-column label="总净价" align="right" prop="totalRegularPrice" width="120" />
         <el-table-column label="总净价单位" align="center" prop="totalRegularPriceUnit" width="130" /> 
-        <el-table-column label="客流量/人次" align="center" prop="dailyAvgPeopleFlow" width="150" />
+        <el-table-column label="客流量/人次" align="center" prop="dailyAvgPeopleFlow" width="130" />
         <el-table-column label="总曝光/人次" align="center" prop="totalExposure" width="130" />
-        <el-table-column label="SOV" align="center" prop="sov" width="150" />
-        <el-table-column label="CPM" align="center" prop="cpm" width="150" />
-        <el-table-column label="成本折扣" align="center" prop="costDiscount" width="150" />
-        <el-table-column label="成本" align="center" prop="cost" width="150" />
-        <el-table-column label="备注" align="center" prop="remark" width="230" :show-overflow-tooltip="true" />
+        <el-table-column label="SOV" align="center" prop="sov" width="100" />
+        <el-table-column label="CPM" align="center" prop="cpm" width="100" />
+        <el-table-column label="成本折扣" align="center" prop="costDiscount" width="100" />
+        <el-table-column label="成本" align="right" prop="cost" width="120" />
+        <el-table-column label="备注" align="left" prop="remark" width="230" :show-overflow-tooltip="true" />
         <!-- <el-table-column label="录入人员" align="center" prop="postCode" width="150" />
         <el-table-column label="录入时间" align="center" prop="postCode" width="150" /> -->
        <template v-if="showOptionColumn">
diff --git a/src/views/mediaLibrary/components/officeBuilding.vue b/src/views/mediaLibrary/components/officeBuilding.vue
index 13cf890..148f0bf 100644
--- a/src/views/mediaLibrary/components/officeBuilding.vue
+++ b/src/views/mediaLibrary/components/officeBuilding.vue
@@ -1,34 +1,34 @@
 <!-- 写字楼 --> 
 <template>
     <el-button type="primary" class="submitBtn" v-show="showOptionColumn" style="margin-bottom: 10px;" @click="handleAddPrice">添加报价信息</el-button>
-    <el-table v-loading="loading" :data="quotationList" height="362px">
-        <el-table-column label="序号" align="center" width="80">
+    <el-table v-loading="loading" :data="quotationList" border height="362px">
+        <el-table-column label="序号" align="center" width="60">
             <template #default="scope">
                 {{ scope.$index + 1 }}
             </template>
         </el-table-column>
-        <el-table-column label="城市" align="left" prop="cityName" width="150" /> 
-        <el-table-column label="媒体名称" align="left" prop="mediaName" width="200" />
-        <el-table-column label="频次" align="left" prop="frequency" width="150" />
-        <el-table-column label="发布总量" align="left" prop="releaseTotal" width="150" />
-        <el-table-column label="刊例价" align="left" prop="listPrice" width="180" />
-        <el-table-column label="刊例价单位" align="left" prop="listPriceUnit" width="150" />
-        <el-table-column label="实际购买刊例价" align="left" prop="actualBuyListPrice" width="150" />
-        <el-table-column label="实际购买刊例价单位" align="left" prop="actualBuyListPriceUnit" width="150" />
-        <el-table-column label="购买周期" align="left" prop="buyCycle" width="150" />
-        <el-table-column label="折扣" align="left" prop="discount" width="150" />
-        <el-table-column label="媒体总净价" align="center" prop="mediaRegularPrice" width="230" />
-        <el-table-column label="首次制作安装费" align="center" prop="firstInstallFee" width="230" />
-        <el-table-column label="总制作费" align="center" prop="totalMakeFee" width="160" />
-        <el-table-column label="总净价" align="center" prop="totalRegularPrice" width="130" />
+        <el-table-column label="城市" align="center" prop="cityName" width="90" /> 
+        <el-table-column label="媒体名称" align="left" prop="mediaName" width="150" />
+        <el-table-column label="频次" align="center" prop="frequency" width="100" />
+        <el-table-column label="发布总量" align="right" prop="releaseTotal" width="120" />
+        <el-table-column label="刊例价" align="right" prop="listPrice" width="120" />
+        <el-table-column label="刊例价单位" align="center" prop="listPriceUnit" width="120" />
+        <el-table-column label="实际购买刊例价" align="right" prop="actualBuyListPrice" width="140" />
+        <el-table-column label="实际购买刊例价单位" align="center" prop="actualBuyListPriceUnit" width="170" />
+        <el-table-column label="购买周期" align="right" prop="buyCycle" width="120" />
+        <el-table-column label="折扣" align="center" prop="discount" width="100" />
+        <el-table-column label="媒体总净价" align="right" prop="mediaRegularPrice" width="120" />
+        <el-table-column label="首次制作安装费" align="right" prop="firstInstallFee" width="150" />
+        <el-table-column label="总制作费" align="right" prop="totalMakeFee" width="130" />
+        <el-table-column label="总净价" align="right" prop="totalRegularPrice" width="120" />
         <el-table-column label="总净价单位" align="center" prop="totalRegularPriceUnit" width="130" />  
-        <el-table-column label="媒体费总价" align="center" prop="mediaFeeTotalPrice" width="130" /> 
+        <el-table-column label="媒体费总价" align="right" prop="mediaFeeTotalPrice" width="130" /> 
         <el-table-column label="单日覆盖人流量" align="center" prop="dailyAvgPeopleFlow" width="150" />
         <el-table-column label="总曝光/人次" align="center" prop="totalExposure" width="130" />
-        <el-table-column label="SOV" align="center" prop="sov" width="150" />
-        <el-table-column label="CPM" align="center" prop="cpm" width="150" />
-        <el-table-column label="成本折扣" align="center" prop="costDiscount" width="150" /> 
-        <el-table-column label="备注" align="center" prop="remark" width="230" :show-overflow-tooltip="true" />
+        <el-table-column label="SOV" align="center" prop="sov" width="100" />
+        <el-table-column label="CPM" align="center" prop="cpm" width="100" />
+        <el-table-column label="成本折扣" align="center" prop="costDiscount" width="100" /> 
+        <el-table-column label="备注" align="left" prop="remark" width="230" :show-overflow-tooltip="true" />
         <!-- <el-table-column label="录入人员" align="center" prop="postCode" width="150" />
         <el-table-column label="录入时间" align="center" prop="postCode" width="150" /> -->
         <template v-if="showOptionColumn">
diff --git a/src/views/mediaLibrary/components/subwayPrice.vue b/src/views/mediaLibrary/components/subwayPrice.vue
index 4a79993..6445fd7 100644
--- a/src/views/mediaLibrary/components/subwayPrice.vue
+++ b/src/views/mediaLibrary/components/subwayPrice.vue
@@ -1,48 +1,48 @@
 <!-- 地铁报价 -->
 <template>
     <el-button type="primary" class="submitBtn" v-show="showOptionColumn" style="margin-bottom: 10px;" @click="handleAddPrice">添加报价信息</el-button>
-    <el-table v-loading="loading" :data="quotationList" height="362px">
-        <el-table-column label="序号" align="center" width="80">
+    <el-table v-loading="loading" :data="quotationList" border height="362px">
+        <el-table-column label="序号" align="center" width="60">
             <template #default="scope">
                 {{ scope.$index + 1 }}
             </template>
         </el-table-column>
-        <el-table-column label="城市" align="left" prop="cityName" width="150" />
-        <el-table-column label="线路" align="left" prop="subwayLine" width="150" />
-        <el-table-column label="站点" align="left" prop="station" width="150" />
-        <el-table-column label="级别" align="left" prop="level" width="150" />
-        <el-table-column label="媒体形式" align="left" prop="mediaFormat" width="150" />
-        <el-table-column label="媒体名称" align="left" prop="mediaName" width="200" />
-        <el-table-column label="频次" align="left" prop="frequency" width="150" />
-        <el-table-column label="刊例价" align="left" prop="listPrice" width="180" />
-        <el-table-column label="刊例价单位" align="left" prop="listPriceUnit" width="150" />
-        <el-table-column label="实际购买刊例价" align="left" prop="actualBuyListPrice" width="150" />
-        <el-table-column label="实际购买刊例价单位" align="left" prop="actualBuyListPriceUnit" width="150" />
-        <el-table-column label="短期附加费" align="left" prop="shortTermExtraCharge" width="150" />
-        <el-table-column label="创意附加费" align="left" prop="ideaExtraCharge" width="150" />
-        <el-table-column label="起投周期" align="left" prop="buyCycle" width="150" />
-        <el-table-column label="投放周期" align="left" prop="deliverCycle" width="150" />
-        <el-table-column label="购买数量" align="left" prop="buyTotal" width="150" />
-        <el-table-column label="购买数量单位" align="left" prop="postCode" width="150" />
-        <el-table-column label="折扣" align="left" prop="discount" width="150" />
-        <el-table-column label="媒体总净价" align="center" prop="mediaRegularPrice" width="230" />
-        <el-table-column label="媒体总净价单位" align="center" prop="mediaRegularPriceUnit" width="230" />
-        <el-table-column label="常规制作费" align="center" prop="commonMakeFee" width="230" />
-        <el-table-column label="创意制作费" align="center" prop="cataloguePhoto" width="230" />
-        <el-table-column label="总制作费" align="center" prop="totalMakeFee" width="160" />
-        <el-table-column label="总净价" align="center" prop="totalRegularPrice" width="130" />
+        <el-table-column label="城市" align="center" prop="cityName" width="90" />
+        <el-table-column label="线路" align="center" prop="subwayLine" width="150" />
+        <el-table-column label="站点" align="center" prop="station" width="130" />
+        <el-table-column label="级别" align="center" prop="level" width="100" />
+        <el-table-column label="媒体形式" align="center" prop="mediaFormat" width="120" />
+        <el-table-column label="媒体名称" align="left" prop="mediaName" width="150" />
+        <el-table-column label="频次" align="center" prop="frequency" width="100" />
+        <el-table-column label="刊例价" align="right" prop="listPrice" width="120" />
+        <el-table-column label="刊例价单位" align="center" prop="listPriceUnit" width="120" />
+        <el-table-column label="实际购买刊例价" align="right" prop="actualBuyListPrice" width="140" />
+        <el-table-column label="实际购买刊例价单位" align="center" prop="actualBuyListPriceUnit" width="170" />
+        <el-table-column label="短期附加费" align="right" prop="shortTermExtraCharge" width="120" />
+        <el-table-column label="创意附加费" align="right" prop="ideaExtraCharge" width="120" />
+        <el-table-column label="起投周期" align="right" prop="buyCycle" width="120" />
+        <el-table-column label="投放周期" align="right" prop="deliverCycle" width="120" />
+        <el-table-column label="购买数量" align="right" prop="buyTotal" width="120" />
+        <el-table-column label="购买数量单位" align="center" prop="buyTotalUnit" width="130" />
+        <el-table-column label="折扣" align="center" prop="discount" width="100" />
+        <el-table-column label="媒体总净价" align="right" prop="mediaRegularPrice" width="120" />
+        <el-table-column label="媒体总净价单位" align="center" prop="mediaRegularPriceUnit" width="140" />
+        <el-table-column label="常规制作费" align="right" prop="commonMakeFee" width="130" />
+        <el-table-column label="创意制作费" align="right" prop="ideaMakeFee" width="130" />
+        <el-table-column label="总制作费" align="right" prop="totalMakeFee" width="130" />
+        <el-table-column label="总净价" align="right" prop="totalRegularPrice" width="120" />
         <el-table-column label="总净价单位" align="center" prop="totalRegularPriceUnit" width="130" /> 
-        <el-table-column label="底价" align="center" prop="floorPrice" width="130" />
-        <el-table-column label="低价总" align="center" prop="minPrice" width="130" />
-        <el-table-column label="制作费" align="center" prop="makeFee" width="130" />
-        <el-table-column label="媒体费总价" align="center" prop="mediaFeeTotalPrice" width="130" />
+        <el-table-column label="底价" align="right" prop="floorPrice" width="120" />
+        <el-table-column label="低价总" align="right" prop="minPrice" width="120" />
+        <el-table-column label="制作费" align="right" prop="makeFee" width="130" />
+        <el-table-column label="媒体费总价" align="right" prop="mediaFeeTotalPrice" width="130" />
         <el-table-column label="单日覆盖人流量" align="center" prop="dailyAvgPeopleFlow" width="150" />
         <el-table-column label="发布期内总曝光人次" align="center" prop="totalExposure" width="130" />
-        <el-table-column label="同站内同类媒体数量或列车总量" align="center" prop="sameSiteMediaNum" width="230" />
-        <el-table-column label="SOV" align="center" prop="sov" width="150" />
-        <el-table-column label="CPM" align="center" prop="cpm" width="150" /> 
-        <el-table-column label="覆盖热区" align="center" prop="coverHotZone" width="150" />
-        <el-table-column label="备注" align="center" prop="remark" width="230" :show-overflow-tooltip="true" />
+        <el-table-column label="同站内同类媒体数量或列车总量" align="center" prop="sameSiteMediaNum" width="150" />
+        <el-table-column label="SOV" align="center" prop="sov" width="100" />
+        <el-table-column label="CPM" align="center" prop="cpm" width="100" /> 
+        <el-table-column label="覆盖热区" align="left" prop="coverHotZone" width="150" />
+        <el-table-column label="备注" align="left" prop="remark" width="230" :show-overflow-tooltip="true" />
         <!-- <el-table-column label="录入人员" align="center" prop="postCode" width="150" />
         <el-table-column label="录入时间" align="center" prop="postCode" width="150" /> -->
         <template v-if="showOptionColumn">
diff --git a/src/views/mediaLibrary/components/waitingHallPrice.vue b/src/views/mediaLibrary/components/waitingHallPrice.vue
index a0ceb64..010e2c9 100644
--- a/src/views/mediaLibrary/components/waitingHallPrice.vue
+++ b/src/views/mediaLibrary/components/waitingHallPrice.vue
@@ -2,40 +2,40 @@
 <template>
     <el-button type="primary" class="submitBtn" v-show="showOptionColumn" style="margin-bottom: 10px;"
         @click="handleAddPrice">添加报价信息</el-button>
-    <el-table v-loading="loading" :data="quotationList" height="362px">
-        <el-table-column label="序号" align="center" width="80">
+    <el-table v-loading="loading" :data="quotationList" border height="362px">
+        <el-table-column label="序号" align="center" width="60">
             <template #default="scope">
                 {{ scope.$index + 1 }}
             </template>
         </el-table-column>
-        <el-table-column label="城市" align="left" prop="cityName" width="150" />
+        <el-table-column label="城市" align="center" prop="cityName" width="90" />
         <el-table-column label="资源描述" align="left" prop="resourceRemark" width="150" />
-        <el-table-column label="媒体名称" align="left" prop="mediaName" width="200" />
-        <el-table-column label="频次" align="left" prop="frequency" width="150" />
-        <el-table-column label="发布总量" align="left" prop="releaseTotal" width="150" />
-        <el-table-column label="刊例价" align="left" prop="listPrice" width="180" />
-        <el-table-column label="刊例价单位" align="left" prop="listPriceUnit" width="150" />
-        <el-table-column label="实际购买刊例价" align="left" prop="actualBuyListPrice" width="150" />
-        <el-table-column label="实际购买刊例价单位" align="left" prop="actualBuyListPriceUnit" width="150" />
-        <el-table-column label="购买周期" align="left" prop="buyCycle" width="150" />
-        <el-table-column label="折扣" align="left" prop="discount" width="150" />
-        <el-table-column label="媒体总净价" align="center" prop="mediaRegularPrice" width="230" />
-        <el-table-column label="首次制作安装费" align="center" prop="firstInstallFee" width="230" />
-        <el-table-column label="总制作费" align="center" prop="totalMakeFee" width="160" />
-        <el-table-column label="总净价" align="center" prop="totalRegularPrice" width="130" />
+        <el-table-column label="媒体名称" align="left" prop="mediaName" width="150" />
+        <el-table-column label="频次" align="center" prop="frequency" width="100" />
+        <el-table-column label="发布总量" align="right" prop="releaseTotal" width="120" />
+        <el-table-column label="刊例价" align="right" prop="listPrice" width="120" />
+        <el-table-column label="刊例价单位" align="center" prop="listPriceUnit" width="120" />
+        <el-table-column label="实际购买刊例价" align="right" prop="actualBuyListPrice" width="140" />
+        <el-table-column label="实际购买刊例价单位" align="center" prop="actualBuyListPriceUnit" width="170" />
+        <el-table-column label="购买周期" align="right" prop="buyCycle" width="120" />
+        <el-table-column label="折扣" align="center" prop="discount" width="100" />
+        <el-table-column label="媒体总净价" align="right" prop="mediaRegularPrice" width="120" />
+        <el-table-column label="首次制作安装费" align="right" prop="firstInstallFee" width="150" />
+        <el-table-column label="总制作费" align="right" prop="totalMakeFee" width="130" />
+        <el-table-column label="总净价" align="right" prop="totalRegularPrice" width="120" />
         <el-table-column label="总净价单位" align="center" prop="totalRegularPriceUnit" width="130" />
-        <el-table-column label="媒体费单价" align="center" prop="mediaFeeUnitPrice" width="130" />
-        <el-table-column label="制作费" align="center" prop="makeFee" width="160" />
-        <el-table-column label="媒体费总价" align="center" prop="mediaFeeTotalPrice" width="130" />
-        <el-table-column label="最终媒体费优惠价" align="center" prop="finalMediaFeeDiscountPrice" width="130" />
+        <el-table-column label="媒体费单价" align="right" prop="mediaFeeUnitPrice" width="130" />
+        <el-table-column label="制作费" align="right" prop="makeFee" width="130" />
+        <el-table-column label="媒体费总价" align="right" prop="mediaFeeTotalPrice" width="130" />
+        <el-table-column label="最终媒体费优惠价" align="right" prop="finalMediaFeeDiscountPrice" width="170" />
         <el-table-column label="单日覆盖人流量" align="center" prop="dailyAvgPeopleFlow" width="150" />
         <el-table-column label="总曝光/人次" align="center" prop="totalExposure" width="130" />
-        <el-table-column label="SOV" align="center" prop="sov" width="150" />
-        <el-table-column label="CPM" align="center" prop="cpm" width="150" />
-        <el-table-column label="是否亮灯" align="center" prop="hasLighting" width="150" />
-        <el-table-column label="单面/双面" align="center" prop="oddEven" width="150" />
-        <el-table-column label="中途换画制作费" align="center" prop="changeDrawMakeFee" width="150" />
-        <el-table-column label="备注" align="center" prop="remark" width="230" :show-overflow-tooltip="true" />
+        <el-table-column label="SOV" align="center" prop="sov" width="100" />
+        <el-table-column label="CPM" align="center" prop="cpm" width="100" />
+        <el-table-column label="是否亮灯" align="left" prop="hasLighting" width="130" />
+        <el-table-column label="单面/双面" align="left" prop="oddEven" width="130" />
+        <el-table-column label="中途换画制作费" align="right" prop="changeDrawMakeFee" width="150" />
+        <el-table-column label="备注" align="left" prop="remark" width="230" :show-overflow-tooltip="true" />
         <!-- <el-table-column label="录入人员" align="center" prop="postCode" width="150" />
         <el-table-column label="录入时间" align="center" prop="postCode" width="150" /> -->
         <template v-if="showOptionColumn">
diff --git a/src/views/mediaLibrary/mediaForm.vue b/src/views/mediaLibrary/mediaForm.vue
index 3c13064..90de89f 100644
--- a/src/views/mediaLibrary/mediaForm.vue
+++ b/src/views/mediaLibrary/mediaForm.vue
@@ -148,6 +148,33 @@
                                     @change="handleChosebusiness" clearable style="min-width: 30px;">
                                     <el-option v-for="item in businessAreaList" :key="item.id" :label="item.name"
                                         :value="item.id" />
+                                    <template #footer>
+                                        <!-- <el-button v-if="!isAdding" @click="onAddOption">
+                                            添加商圈
+                                        </el-button>
+                                        <template v-else>
+                                            <el-input v-model="optionName" class="option-input" placeholder="请输入商圈名称"  />
+                                            <el-button class="my-confirm-btn" type="primary" @click="onConfirm">
+                                                确认
+                                            </el-button>
+                                            <el-button class="my-cancel-btn" @click="clear">取消</el-button>
+                                        </template> -->
+                                        <div class="select-footer">
+                                            <el-button v-if="!isAdding" @click="onAddOption" type="primary" text
+                                                style="justify-content: flex-start; width: 100%; color: #1a75e6;">
+                                                添加商圈
+                                            </el-button>
+                                            <template v-else>
+                                                <el-input v-model="optionName" class="option-input"
+                                                    placeholder="请输入商圈名称" />
+                                                <div class="footer-buttons">
+                                                    <el-button class="my-confirm-btn" type="primary"
+                                                        @click="onConfirm">确认</el-button>
+                                                    <el-button class="my-cancel-btn" @click="clear">取消</el-button>
+                                                </div>
+                                            </template>
+                                        </div>
+                                    </template>
                                 </el-select>
                             </el-form-item>
                         </el-col>
@@ -524,7 +551,7 @@ import { listBusSupplier, getBusSupplier } from "@/api/supplier"
 import { sysRegionListByPid } from "@/api/system/administrativeRegion"
 import { sysMediaTypeListByPid } from "@/api/system/mediaType"
 import { listDept } from "@/api/system/dept"
-import { busTradingAreaPage } from "@/api/system/businessArea"
+import { busTradingAreaPage, addBusTradingArea } from "@/api/system/businessArea"
 import { addMedia, updateMedia, mediaDetail } from "@/api/mediaLibrary"
 
 import multiFileUpload from '../../components/FileUpload/multiFileUpload.vue'
@@ -595,6 +622,10 @@ const journalCataloguePhotoRef = ref(null)
 // MR和制作要求
 const mRProductionRequirementsRef = ref(null)
 
+// 自定义添加商圈
+const isAdding = ref(false)
+const optionName = ref('')
+
 // 媒体类型数据
 const mediaTypeOne = ref([])
 const mediaTypeTwo = ref([])
@@ -629,7 +660,7 @@ const data = reactive({
         mediaSize: [{ required: true, message: "媒体尺寸不能为空", trigger: "blur" }],
         mediaOrientation: [{ required: true, message: "媒体朝向不能为空", trigger: "blur" }],
         mediaCity: [{ required: true, message: "城市不能为空", trigger: "change" }],
-        // businessDistrictId: [{ required: true, message: "商圈不能为空", trigger: "change" }],
+        businessDistrictId: [{ required: true, message: "商圈不能为空", trigger: "change" }],
         firstInstallFee: [{ required: true, message: "首次制作安装费不能为空", trigger: "blur" }],
         changeInstallFee: [{ required: true, message: "换刊制作安装费不能为空", trigger: "blur" }],
     },
@@ -682,6 +713,31 @@ const handleChosebusiness = (val) => {
     const choseBusiness = businessAreaList.value.filter(item => item.id == val)[0]
     ruleForm.value.businessDistrictName = choseBusiness?.name
 }
+// 打开添加商圈输入框
+const onAddOption = () => {
+    isAdding.value = true
+}
+// 确认添加商圈
+const onConfirm = () => {
+    if (optionName.value) {
+        const paramsForm = {
+            provinceId: ruleForm.value.provinceCode,
+            cityId: ruleForm.value.cityCode,
+            countyId: ruleForm.value.areaCode,
+            townId: ruleForm.value.townCode,
+            name: optionName.value
+        }
+        addBusTradingArea(paramsForm).then(response => {
+            clear()
+            getbusinessAreaList()
+        })
+    }
+}
+// 取消添加商圈
+const clear = () => {
+    optionName.value = ''
+    isAdding.value = false
+}
 // 选择供应商
 const handleChoseSupplier = (val) => {
     const choseSupplier = supplierList.value.filter(item => item.supplierId == val)[0]
@@ -1098,4 +1154,20 @@ defineExpose({
     height: calc(100vh - 316px);
     background: #3f8bff;
 }
+
+.select-footer {
+    padding: 0px;
+    display: flex;
+    flex-direction: column;
+    gap: 0px;
+}
+
+.option-input {
+    margin-bottom: 10px;
+}
+
+.footer-buttons {
+    display: flex;
+    gap: 30px;
+}
 </style>
\ No newline at end of file