修改前端页面

kongdeqiang

2023-06-05 3342e77756618c7b6ee47dbb309401696d4d72d1

 src/components/page/costRule/index.vue

@@ -12,7 +12,7 @@
            </el-form>
        </div>

        <el-table :data="pageData.rows" v-loading="pageData.isLoading" border style="width:100%;border:1px solid #bcbec2;">
        <el-table :data="pageData.rows"  :height="tableHeight" v-loading="pageData.isLoading" border style="width:100%;border:1px solid #bcbec2;">
            <el-table-column type="index" width="50" label="序号" align="center"> </el-table-column>
            <el-table-column prop="parkName" label="停车场" align="center" width="150"></el-table-column>
            <el-table-column prop="armyCar" label="军车是否免费" align="center" width="100">
@@ -50,9 +50,11 @@
        <el-pagination background @size-change="onPageSizeChange" @current-change="onCurrentPageChange" :current-page="pageData.currentPage" :page-size="pageData.pageSize" :total="pageData.total" style="float: right"></el-pagination>

        <el-dialog title="编辑" :visible.sync="flag" width="40%">
            <el-form :model="formData" ref="formData" label-width="100px">
            <el-form :model="formData" ref="formData" label-width="150px">
                <el-form-item label="停车场" prop="parkId" :rules="[{ required: true, message: '请选择停车场', trigger: 'change'}]">
                  <el-option v-for="item in table1" :key="item.id" :label="item.name" :value="item.id"></el-option>
                  <el-select v-model="formData.parkId">
                    <el-option v-for="item in table1" :key="item.id" :label="item.name" :value="item.id"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="军车是否免费" prop="armyCar" :rules="[{ required: true, message: '请选择', trigger: 'change'}]">
                    <el-select v-model="formData.armyCar" >
@@ -60,43 +62,78 @@
                        <el-option label="收费" :value=1></el-option>
                    </el-select>
                </el-form-item>
              <el-form-item label="停车免费时长(分钟)" prop="freeTime">
                <el-input-number v-model="formData.freeTime" :min="0"></el-input-number>
              </el-form-item>
                <el-form-item label="计费开始时间" prop="chargeStartTime1">
                    <el-date-picker type="date" placeholder="选择时间" v-model="formData.chargeStartTime1"></el-date-picker>
                  <el-time-picker
                      v-model="formData.chargeStartTime1"
                      :picker-options="{ selectableRange: '00:00:00 - 23:59:59' }"
                      format="HH:mm:ss"
                      value-format="HH:mm:ss"
                     >
                  </el-time-picker>
                </el-form-item>
              <el-form-item label="计费结束时间" prop="chargeEndTime1">
                <el-date-picker type="date" placeholder="选择时间" v-model="formData.chargeEndTime1"></el-date-picker>
                <el-time-picker
                    v-model="formData.chargeEndTime1"
                    :picker-options="{ selectableRange: '00:00:00 - 23:59:59' }"
                    format="HH:mm:ss"
                    value-format="HH:mm:ss"
                >
                </el-time-picker>
              </el-form-item>
              <el-form-item label="每小时收费(元)" prop="cost1">
                <el-input-number v-model="formData.cost1"></el-input-number>
                <el-input-number v-model="formData.cost1" :min="0"></el-input-number>
              </el-form-item>
              <el-form-item label="封顶价格(元)" prop="maxCost1">
                <el-input-number v-model="formData.maxCost1"></el-input-number>
                <el-input-number v-model="formData.maxCost1" :min="0"></el-input-number>
              </el-form-item>

              <el-form-item label="计费开始时间2" prop="chargeStartTime2">
                <el-date-picker type="date" placeholder="选择时间" v-model="formData.chargeStartTime2"></el-date-picker>
                <el-time-picker
                    v-model="formData.chargeStartTime2"
                    :picker-options="{ selectableRange: '00:00:00 - 23:59:59' }"
                    format="HH:mm:ss"
                    value-format="HH:mm:ss"
                />
              </el-form-item>
              <el-form-item label="计费结束时间2" prop="chargeEndTime2">
                <el-date-picker type="date" placeholder="选择时间" v-model="formData.chargeEndTime2"></el-date-picker>
                <el-time-picker
                    v-model="formData.chargeEndTime2"
                    :picker-options="{ selectableRange: '00:00:00 - 23:59:59' }"
                    format="HH:mm:ss"
                    value-format="HH:mm:ss"
                />
              </el-form-item>
              <el-form-item label="每小时收费(元)2" prop="cost2">
                <el-input-number v-model="formData.cost2"></el-input-number>
                <el-input-number v-model="formData.cost2" :min="0"></el-input-number>
              </el-form-item>
              <el-form-item label="封顶价格(元)2" prop="maxCost2">
                <el-input-number v-model="formData.maxCost2"></el-input-number>
                <el-input-number v-model="formData.maxCost2" :min="0"></el-input-number>
              </el-form-item>

              <el-form-item label="计费开始时间3" prop="chargeStartTime3">
                <el-date-picker type="date" placeholder="选择时间" v-model="formData.chargeStartTime3"></el-date-picker>
                <el-time-picker
                    v-model="formData.chargeStartTime3"
                    :picker-options="{ selectableRange: '00:00:00 - 23:59:59' }"
                    format="HH:mm:ss"
                    value-format="HH:mm:ss"
                />
              </el-form-item>
              <el-form-item label="计费结束时间3" prop="chargeEndTime3">
                <el-date-picker type="date" placeholder="选择时间" v-model="formData.chargeEndTime3"></el-date-picker>
                <el-time-picker
                    v-model="formData.chargeEndTime3"
                    :picker-options="{ selectableRange: '00:00:00 - 23:59:59' }"
                    format="HH:mm:ss"
                    value-format="HH:mm:ss"
                />
              </el-form-item>
              <el-form-item label="每小时收费(元)3" prop="cost3">
                <el-input-number v-model="formData.cost3"></el-input-number>
                <el-input-number v-model="formData.cost3" :min="0"></el-input-number>
              </el-form-item>
              <el-form-item label="封顶价格(元)3" prop="maxCost3">
                <el-input-number v-model="formData.maxCost3"></el-input-number>
                <el-input-number v-model="formData.maxCost3" :min="0"></el-input-number>
              </el-form-item>

            </el-form>
@@ -133,17 +170,20 @@
                    chargeEndTime3: '',
                    cost3:'',
                    maxCost3:'',
                    freeTime:0,
                    parkId:null
                },
                urlPath:this.$systemconfig.basePath + '/rule/',
                urlPath:this.$systemconfig.basePath + '/ffzf/rule/',
                table1:[],
               tableHeight:500,
            }
        },
        mounted() {
            this.loadData();
            this.$byutil.postData(this, this.$systemconfig.basePath+'/park/findAll', this.formData, res => {
            this.$byutil.postData(this, this.$systemconfig.basePath+'/ffzf/park/findAll', this.formData, res => {
                this.table1 = res.data;
            })
          this.tableHeight = window.innerHeight - 260
        },
        methods: {
            onSave(){
@@ -184,6 +224,7 @@
                  chargeEndTime3: '',
                  cost3:'',
                  maxCost3:'',
                  freeTime:0,
                  parkId:null
                }
            },