界面调整

龚焕茏

2024-03-15 de2f2613ffd98786bc7252a35ceb6a4d165849ef

 src/views/scenery/sceneryOperationData/index.vue

@@ -85,10 +85,10 @@
      />
    </el-card>
    <!-- 添加或修改景区运行数据对话框 -->
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
      <el-form ref="sceneryOperationDataFormRef" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="景区名称" prop="sceneryInfoName">
          <el-select v-model="form.sceneryInfoName" placeholder="请选择" clearable style="width: 240px" @change="setSceneryInfoId" >
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="840px" append-to-body>
      <el-form ref="sceneryOperationDataFormRef" :inline="true" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="景区" prop="sceneryInfoName">
          <el-select v-model="form.sceneryInfoName" placeholder="请选择" clearable class="el-input-width" @change="setSceneryInfoId" >
            <el-option v-for="item in sceneryInfoNames" :key="item.sceneryName" :label="item.sceneryName" :value="item.sceneryName"/>
          </el-select>
        </el-form-item>
@@ -98,31 +98,32 @@
            <el-option key="2" label="月度" :value="2" />
          </el-select>
          &emsp;
          <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="请选择统计周期" />
          <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="请选择统计周期" style="width: 150px;" />
        </el-form-item>
        <el-form-item label="车流量" prop="carFlowNum" v-if="indicatorStatus.carFlowNum == 1">
          <el-input v-model="form.carFlowNum" placeholder="请输入车流量" />
          <el-input class="el-input-width" v-model="form.carFlowNum" placeholder="请输入车流量" />
        </el-form-item>
        <el-form-item label="人流量" prop="personFlowNum" v-if="indicatorStatus.personFlowNum == 1">
          <el-input v-model="form.personFlowNum" placeholder="请输入人流量" />
          <el-input class="el-input-width" v-model="form.personFlowNum" placeholder="请输入人流量" />
        </el-form-item>
        <el-form-item label="游客预约" prop="visitorSubNum" v-if="indicatorStatus.visitorSubNum == 1">
          <el-input v-model="form.visitorSubNum" placeholder="请输入游客预约" />
          <el-input class="el-input-width" v-model="form.visitorSubNum" placeholder="请输入游客预约" />
        </el-form-item>
        <el-form-item label="入园人数" prop="enterGardenNum" v-if="indicatorStatus.enterGardenNum == 1">
          <el-input v-model="form.enterGardenNum" placeholder="请输入入园人数" />
          <el-input class="el-input-width" v-model="form.enterGardenNum" placeholder="请输入入园人数" />
        </el-form-item>
        <el-form-item label="在岗警力" prop="onPolice">
          <el-input v-model="form.onPolice" placeholder="请输入在岗警力" />
          <el-input class="el-input-width" v-model="form.onPolice" placeholder="请输入在岗警力" />
        </el-form-item>
        <el-form-item label="在岗警车" prop="onPaddyWagon">
          <el-input v-model="form.onPaddyWagon" placeholder="请输入在岗警车" />
          <el-input class="el-input-width" v-model="form.onPaddyWagon" placeholder="请输入在岗警车" />
        </el-form-item>
        <el-form-item label="备勤警力" prop="standbyPolice">
          <el-input v-model="form.standbyPolice" placeholder="请输入备勤警力" />
          <el-input class="el-input-width" v-model="form.standbyPolice" placeholder="请输入备勤警力" />
        </el-form-item>
        <br/>
        <el-form-item label="状态" prop="status">
          <el-select v-model="form.status" placeholder="请选择">
          <el-select v-model="form.status" placeholder="请选择" class="el-input-width">
            <el-option key="1" label="已启用" :value="1" />
            <el-option key="2" label="已禁用" :value="2" />
          </el-select>
@@ -381,6 +382,7 @@

onMounted(() => {
  getList();
  getIndicatorStatus();
});


@@ -456,3 +458,8 @@
}

</script>
<style scoped>
.el-input-width {
  width: 265px;
}
</style>