manage.vue 1.44 KB
<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span style="font-size:24px">后台管理</span>
    </div>
    <!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
    <el-row type="flex" justify="start" style="text-align :left">
      <el-col :span="6">
        <el-input class="input" v-model="contract_unid" placeholder="合同编号"></el-input>
        <el-button type="primary" @click="contract_unid_add">添加</el-button>
      </el-col>
    </el-row>
  </el-card>
</template>

<script>
export default {
  name: "manage",
  data() {
    return {
      code_base_url: disparch_data.code_base_url,
      contract_base_url: disparch_data.contract_base_url,
      contract_unid: null
    };
  },
  methods: {
    contract_unid_add() {
      this.$Axios({
        method: "post",
        data: { contract_unid: this.contract_unid },
        url: this.contract_base_url
      }).then(response => {
        this.contract_unid = null;
        if (response.data.encode = '200') {
          this.show_message("添加成功",'success')
        }else {
          this.show_message('添加失败','error')
        }
      });
    },
    show_message(message,type){
      this.$message({
        message:message,
        type:type,
        center:true,
        showClose:true,
        duration:1500
      })
    }
  }
};
</script>

<style scoped>
.input {
  width: 200px;
}
</style>