Forráskód Böngészése

feat(billing-strategy): 添加时段标志列显示

- 在添加服务费用表格中添加时段标志列
- 在编辑服务费用表格中添加时段标志列
- 实现时段标志的中文显示转换(尖峰平谷)
- 统一表格中时段标志的显示格式
zouzexu 1 napja
szülő
commit
f677e777dd
1 módosított fájl, 18 hozzáadás és 18 törlés
  1. 18 18
      src/views/operationsManage/billing-strategy/index.vue

+ 18 - 18
src/views/operationsManage/billing-strategy/index.vue

@@ -40,6 +40,15 @@
     <page-modal ref="addModalRef" :modal-config="addModalConfig" @submit-click="handleSubmitClick">
       <template #addServiceFee>
         <el-table v-loading="loading" :data="getServiceFeeData()" style="width: 100%">
+          <el-table-column prop="periodFlag" label="时段标志" width="180">
+            <template #default="scope">
+              <span v-if="scope.row.periodFlag === 1">尖</span>
+              <span v-else-if="scope.row.periodFlag === 2">峰</span>
+              <span v-else-if="scope.row.periodFlag === 3">平</span>
+              <span v-else-if="scope.row.periodFlag === 4">谷</span>
+              <span v-else>{{ scope.row.periodFlag }}</span>
+            </template>
+          </el-table-column>
           <el-table-column prop="timePeriod" label="时间段" width="180"></el-table-column>
           <el-table-column
             prop="electricityFee"
@@ -90,15 +99,6 @@
             label="销售合计价格(元/度)"
             width="180"
           ></el-table-column>
-          <el-table-column prop="periodFlag" label="时段标志" width="180">
-            <template #default="scope">
-              <span v-if="scope.row.periodFlag === 1">尖</span>
-              <span v-else-if="scope.row.periodFlag === 2">峰</span>
-              <span v-else-if="scope.row.periodFlag === 3">平</span>
-              <span v-else-if="scope.row.periodFlag === 4">谷</span>
-              <span v-else>{{ scope.row.periodFlag }}</span>
-            </template>
-          </el-table-column>
         </el-table>
       </template>
       <template #addStationFee="{ formData }">
@@ -129,6 +129,15 @@
     >
       <template #editServiceFee>
         <el-table v-loading="loading" :data="getServiceFeeData()" style="width: 100%">
+          <el-table-column prop="periodFlag" label="时段标志" width="180">
+            <template #default="scope">
+              <span v-if="scope.row.periodFlag === 1">尖</span>
+              <span v-else-if="scope.row.periodFlag === 2">峰</span>
+              <span v-else-if="scope.row.periodFlag === 3">平</span>
+              <span v-else-if="scope.row.periodFlag === 4">谷</span>
+              <span v-else>{{ scope.row.periodFlag }}</span>
+            </template>
+          </el-table-column>
           <el-table-column prop="timePeriod" label="时间段" width="180"></el-table-column>
           <el-table-column
             prop="electricityFee"
@@ -179,15 +188,6 @@
             label="销售合计价格(元/度)"
             width="180"
           ></el-table-column>
-          <el-table-column prop="periodFlag" label="时段标志" width="180">
-            <template #default="scope">
-              <span v-if="scope.row.periodFlag === 1">尖</span>
-              <span v-else-if="scope.row.periodFlag === 2">峰</span>
-              <span v-else-if="scope.row.periodFlag === 3">平</span>
-              <span v-else-if="scope.row.periodFlag === 4">谷</span>
-              <span v-else>{{ scope.row.periodFlag }}</span>
-            </template>
-          </el-table-column>
         </el-table>
       </template>
       <template #editStationFee="{ formData }">