<template>
  <div class="airportInfo">
    <el-row :gutter="24">
      <el-col :span="8">
        <div class="dos">
          <Minheader :is-Preser="true" :is-statuser="true">
            <template #header>
              <div class="status flex-wrap">
                <div class="manageTitle">验证码策略</div>
              </div>
            </template></Minheader
          >
          <el-form :model="tableForm">
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="验证码长度" size="default">
                  <el-input
                    v-model="tableForm.name"
                    placeholder="请输入验证码长度"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="验证码类型" size="default">
                  <el-select
                    style="width: 100%"
                    v-model="tableForm.china"
                    class="input-shadow"
                    filterable
                    default-first-option
                    clearable
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="item in tableOptionser"
                      :key="item.v ? item.v : item.planDepartureApt"
                      :label="item.k ? item.k : item.planDepartureApt"
                      :value="item.v ? item.v : item.planDepartureApt"
                    >
                    </el-option>
                  </el-select> </el-form-item
              ></el-col>
              <el-col :span="12">
                <el-form-item label="大小写选择" size="default">
                  <el-select
                    style="width: 100%"
                    v-model="tableForm.englin"
                    class="input-shadow"
                    filterable
                    default-first-option
                    clearable
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="item in tableOptionser"
                      :key="item.v ? item.v : item.planDepartureApt"
                      :label="item.k ? item.k : item.planDepartureApt"
                      :value="item.v ? item.v : item.planDepartureApt"
                    >
                    </el-option>
                  </el-select> </el-form-item
              ></el-col>
              <el-col :span="12">
                <el-form-item label="是否开启" prop="roleStatus">
                  <el-radio-group v-model="tableForm.two">
                    <el-radio label="1">是</el-radio>
                    <el-radio label="2"> 否</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col></el-row
            ></el-form
          >
        </div>
      </el-col>
      <el-col :span="8">
        <div class="dos">
          <Minheader :is-Preser="true" :is-statuser="true">
            <template #header>
              <div class="status flex-wrap">
                <div class="manageTitle">密码策略</div>
              </div>
            </template></Minheader
          >
          <el-form :model="tableForm1">
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="密码长度" size="default">
                  <el-input
                    v-model="tableForm1.name"
                    placeholder="请输入密码长度"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="密码类型" size="default">
                  <el-select
                    style="width: 100%"
                    v-model="tableForm1.china"
                    class="input-shadow"
                    filterable
                    default-first-option
                    clearable
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="item in tableOptionser"
                      :key="item.v ? item.v : item.planDepartureApt"
                      :label="item.k ? item.k : item.planDepartureApt"
                      :value="item.v ? item.v : item.planDepartureApt"
                    >
                    </el-option>
                  </el-select>
                </el-form-item> </el-col
              ><el-col :span="12">
                <el-form-item label="大小写选择" size="default">
                  <el-select
                    style="width: 100%"
                    v-model="tableForm1.englin"
                    class="input-shadow"
                    filterable
                    default-first-option
                    clearable
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="item in tableOptionser"
                      :key="item.v ? item.v : item.planDepartureApt"
                      :label="item.k ? item.k : item.planDepartureApt"
                      :value="item.v ? item.v : item.planDepartureApt"
                    >
                    </el-option>
                  </el-select>
                </el-form-item> </el-col></el-row
          ></el-form></div
      ></el-col>
      <el-col :span="8">
        <div class="dos">
          <Minheader :is-Preser="true" :is-statuser="true">
            <template #header>
              <div class="status flex-wrap">
                <div class="manageTitle">多点登录</div>
              </div>
            </template></Minheader
          >
          <el-form :model="tableForm2">
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="是否开启" prop="roleStatus">
                  <el-radio-group v-model="tableForm2.name">
                    <el-radio label="1">是</el-radio>
                    <el-radio label="2"> 否</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </div></el-col
      >
    </el-row>
  </div>
</template>

<script setup lang="ts">
import Minheader from "@/components/minheader/index.vue";
const tableOptionser = ref<Array>([]); //弹窗下拉
const tableForm = reactive({
  name: "",
  china: "",
  englin: "",
  two: "1",
  three: "",
  text: "",
}); //弹窗内容
const tableForm1 = reactive({
  name: "",
  china: "",
  englin: "",
  two: "",
  three: "",
  text: "",
}); //弹窗内容
const tableForm2 = reactive({
  name: "1",
  china: "",
  englin: "",
  two: "",
  three: "",
  text: "",
}); //弹窗内容
</script>

<style lang="scss" scoped>
.airportInfo {
  height: 100%;
  .dos {
    width: 100%;
    height: 240px;
    background: #fafcff;
    padding: 24px;
  }
}
::v-deep .el-form-item__label {
  width: 90px;
}
</style>
