<template>
  <div class="base-setup">
    <el-form label-position="top" label-width="80px" :model="queryParams">
      <el-form-item label="流程名称">
        <el-input v-model="queryParams.name"></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>

export default {
  name: 'FormBaseSetting',
  data() {
    return {
      queryParams: {
        name: undefined
      }
    }
  },
  computed: {},
  created() {
  },
  mounted() {
  },
  methods: {}
}
</script>

<style scoped>


.base-setup {
  overflow: auto;
  margin: 0 auto;
  width: 600px;
  height: calc(100vh - 155px);
  background: #ffffff;
  padding: 15px 20px;

  i:first-child {
    position: relative;
    cursor: pointer;
    font-size: xx-large;
    color: #ffffff;
    border-radius: 10px;
    padding: 10px;
  }

  span {
    font-size: small;
    color: #7a7a7a;
    margin-right: 15px;
  }

  i {
    cursor: pointer;
    color: #7a7a7a;
    font-size: x-large;
  }
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #f8f8f8;
}

::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-color: #e8e8e8;
}
</style>
