<template>
  <div>
    <div class="top-msg">质检信息</div>

    <div class="check-msg">
      <span>质检内容：</span>
      <input class="check-input" placeholder type="text" value="" />
    </div>

    <div class="check-text">
      <textarea class="remark-input" placeholder="备注（不超过50字）：" cols="28" rows="10" type="text" />
    </div>

    <div class="add-check">
      <button class="item-btn" @click="save()">确认提交</button>
    </div>
    <div class="check-restart">
      <button class="item-btn" @click="restart()">重置</button>
    </div>
  </div>
</template>


<script>
// import $ from "jquery";
import apiHelper from "@/assets/js/apiHelper.js";

export default {
  methods: {
    save() {
      // 访问后台
      alert("保存成功");
    },
    // 评价反馈
    eval() {
      this.$parent.changeSelectedPage("Check_2");
    },
    restart(){
        $(".check-input").val("");
        $(".remark-input").val("");
    }
  },
  watch: {},
  created: function() {
    
  },

  mounted: function() {
   
  }
};
</script>

<style scoped>
.top-msg {
  margin-top: 1rem;
  text-align: center;
}
.check-msg {
  margin-top: 3rem;
  text-align: center;
}
.check-text {
  margin-top: 3rem;
  text-align: center;
}
.remark-input {
  font-weight: bold;
  border: 0;
  border-radius: 16px;
  background: rgb(148, 148, 148);
}
input::-webkit-input-placeholder {
  color: black;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ /* WebKit browsers 适配谷歌 */
    color: black;
}
.add-check {
  margin-top: 5.5rem;
  text-align: center;
  float: left;
  width: 50%;
}
.check-restart {
  margin-top: 5.5rem;
  text-align: center;
  float: right;
  width: 50%;
}
.item-btn {
  background-color: rgb(192, 129, 11);
  color: white;
  font-size: 14px;
  width: 5.5rem;
  height: 2rem;
  font-weight: bold;
  border: 0;
}
</style>