计费模板新增站桩收费

jsowell-ui/src/views/billing/template/components/addBilling.vue

@@ -175,37 +175,30 @@
             <el-button type="primary" @click="onSubmit">确 定</el-button>
           </div>-->
         </div>
-        <el-dialog
+          <el-divider />
-          title="设置计费时段"
+          <el-row :gutter="20">
-          :visible.sync="reviseVisible"
+              <el-col :span="10">
-          width="40%"
+                  <el-form-item label="站桩免费时长" prop="freeTime">
-          append-to-body
+                      <el-input
-        >
+                          v-model="form.freeTime"
-          <p>开始时间</p>
+                          type="text"
-          <el-time-select
+                          placeholder="0"
-            v-model="startTime"
+                          clearable
-            :picker-options="{
+                      />
-              start: '00:00',
+                  </el-form-item>
-              step: '00:30',
+              </el-col>
-              end: '24:00',
+              <el-col :span="10">
-            }"
+                  <el-form-item label="站桩费率" prop="stationRate">
-            placeholder="选择开始时间"
+                      <el-input
-            :disabled="selectDisabled"
+                          v-model="form.stationRate"
-          />
+                          placeholder="0"
-          <p>标签</p>
+                          clearable
-          <el-radio-group v-model="radio">
+                          type="text"
-            <el-radio :label="1">尖</el-radio>
+                      />
-            <el-radio :label="2">峰</el-radio>
+                  </el-form-item>
-            <el-radio :label="3">平</el-radio>
+              </el-col>
-            <el-radio :label="4">谷</el-radio>
+          </el-row>
-          </el-radio-group>
+
-          <span slot="footer" class="dialog-footer">
-            <el-button @click="reviseVisible = false">取 消</el-button>
-            <el-button type="primary" @click="clickSelectStartTimeConfirm"
-              >确 定</el-button
-            >
-          </span>
-        </el-dialog>
       </div>
       <div v-else>
         <!-- 电单车页面 -->
@@ -269,10 +262,44 @@
           style="width: 170px"
           type="text"
           @click="dialogFormVisible = true"
-          >增加功率分段</el-button
+          >增加测试功率分段</el-button>
-        >
+          测试
-
+      <el-divider />
-        <el-dialog
+      </div>
+    </el-form>
+    <!--   电动汽车设置计费时段   -->
+      <el-dialog
+          title="设置计费时段"
+          :visible.sync="reviseVisible"
+          width="40%"
+          append-to-body
+      >
+          <p>开始时间</p>
+          <el-time-select
+              v-model="startTime"
+              :picker-options="{
+              start: '00:00',
+              step: '00:30',
+              end: '24:00',
+            }"
+              placeholder="选择开始时间"
+              :disabled="selectDisabled"
+          />
+          <p>标签</p>
+          <el-radio-group v-model="radio">
+              <el-radio :label="1">尖</el-radio>
+              <el-radio :label="2">峰</el-radio>
+              <el-radio :label="3">平</el-radio>
+              <el-radio :label="4">谷</el-radio>
+          </el-radio-group>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="reviseVisible = false">取 消</el-button>
+            <el-button type="primary" @click="clickSelectStartTimeConfirm"
+            >确 定</el-button
+            >
+          </span>
+      </el-dialog>
+      <el-dialog
           title="设置功率分段"
           :visible.sync="dialogFormVisible"
           append-to-body
@@ -303,11 +330,8 @@
             >
           </div>
         </el-dialog>
-      </div>
-    </el-form>
-
     <!-- 电动汽车 电动自行车 公用一组按钮 -->
-    <div style="position: absolute; bottom: 0px; right: 30px">
+    <div style="position: absolute; bottom: 18px; right: 60px">
       <el-button @click="hCancel">取 消</el-button>
       <el-button type="primary" @click="onSubmit">确 定</el-button>
     </div>