ohplay_system/src/views/device/version/detail.vue

<template>
  <div class="app-container">
    <el-form label-width="100px" size="small">
      <el-form-item label="产品型号：">
        <el-input></el-input>
      </el-form-item>
      <el-form-item label="版本号：">
        <el-input></el-input>
      </el-form-item>
      <el-form-item label="上传类型：">
        <el-select></el-select>
      </el-form-item>
      <el-form-item label="下载路径：">
        <el-row>
          <el-col :span="18">
            <el-input></el-input>
          </el-col>
          <el-col :span="6">
            <el-upload action="" multiple limit="1" style="float:right">
              <el-button type="primary">上传文件</el-button>
            </el-upload>
          </el-col>
        </el-row>
      </el-form-item>
      <el-form-item label="升级标题：">
        <el-input></el-input>
      </el-form-item>
      <el-form-item label="升级描述：">
        <el-input type="textarea" :rows="4" placeholder="请输入描述信息" />
      </el-form-item>
      <el-form-item label="强制升级：">
        <el-radio>是</el-radio>
        <el-radio>否</el-radio>
      </el-form-item>
      <el-form-item label="同步推送：">
        <el-radio>是</el-radio>
        <el-radio>否</el-radio>
      </el-form-item>
      <el-form-item label="升级对象：">
        <el-select></el-select>
      </el-form-item>
      <el-form-item>
        <el-button @click="getCancel">取消</el-button>
        <el-button type="primary" @click="getSubmit">提交</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  methods: {
    // 取消
    getCancel() {
      this.$message.info('已取消！')
      this.$tab.closeOpenPage('/device/types')
    },

    // 提交
    getSubmit() {
      this.$message.success('提交成功！')
      this.$tab.closeOpenPage('/device/types')
    }
  }
}
</script>

<style lang="scss" scoped>
.el-form {
  width: 500px;
}
</style>