fj-dc-ui/.svn/pristine/af/afe66bd7f82964771ca5a983aa389ebb1a696192.svn-base

<template>
  <div id="app" style="overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center;
 background-color: #4460a6;
background-image: url('/src/assets/skulls.png');

">
    <el-card class="box-card">
      <div slot="header" class="clearfix" >
        <span>apk版本更新</span>
      </div>
  <el-form ref="form" :model="form" label-width="120px">
  <el-form-item label="版本名称">
    <el-input v-model="form.appName"></el-input>
  </el-form-item>
  <el-form-item label="版本号">
     <el-input v-model="form.versions"></el-input>
  </el-form-item>
  
  <el-form-item label="是否强制更新">
    <el-switch 
    v-model="form.forceUpdate"
    active-text="强制更新"  
    inactive-text="不强制更新"
     active-value="1"
    inactive-value="0"
    ></el-switch>
  </el-form-item>
  
  <el-form-item label="版本描述">
    <el-input type="textarea" v-model="form.updateContent"></el-input>
  </el-form-item>
  <el-form-item label="apk文件">
    <el-upload
      class="upload-demo"
      drag
      :data="form"
      accept="apk"
      ref="fileUpLoad"
      action="/pdcApi/version/insert"
      :auto-upload="false"
      :on-success="uploadSuccess"
      :on-error="uploadFailed"
      :headers="apkHeaders"
      >
      <i class="el-icon-upload"></i>
      <div class="el-upload__text">将apk拖到此处，或<em>点击上传</em></div>
      
    </el-upload>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">上传提交</el-button>
    <el-button>取消</el-button>
  </el-form-item>
</el-form>
</el-card>
  </div>
</template>

<script>
import request from "./utils/gw_ajax_request.js"
  export default{
    name: 'App',
     data() {
      return {
        form: {
          appName: '',
          versions:"",
          forceUpdate:'',
          updateContent:'',
        },
        apkHeaders:{
           'persId': '5EB5847113044333A4B31D2307CD1EEB',//从缓存中取出
        },
      }
    },
    methods: {
      onSubmit() {
        console.log('submit!');
       
       
      //  验证
        if(!this.form.appName){
          this.$message.info('版本名称');
          return
        }
        if(!this.form.versions){
          this.$message.info('版本号');
          return
        }
        if(!this.form.forceUpdate){
          this.$message.info('是否强制更新');
          return
        }
       
        
          this.$refs.fileUpLoad.submit();
          // request.post(insertUrl,form,{headers:{'Content-Type': 'multipart/form-data'}}).then((res)=>{
          //   if(res.success){
             
          //     this.$message.success('apk上传成功');
          //   }else{
          //     this.$message.error(res.message);
          //   }
          // })
        
      }
    },
    uploadSuccess:function(){
       this.$message.success('apk上传成功');
    },
    uploadFailed:function(){
      this.$message.error(res.message);
    },
  }
</script>

<style>
*{
  margin: 0;
  padding: 0;
}
#app{
  height:100%;
  width:100%;
  /* background-color: red; */
}
body .el-table th.gutter{
  display: table-cell!important;
}
</style>