<!--
 * @Description: 审批意见
 * @Autor: renchao
 * @LastEditTime: 2023-05-17 10:41:24
-->
<template>
  <div class="spyj loadingtext">
    <div class="box">
      <b class="spyj_title">审批表</b>
      <el-form
        :model="ruleForm"
        :rules="rules"
        ref="rule"
        label-width="120px"
      >
        <div class="spyj_form">
          <div class="item_left">意见</div>
          <div class="item_right">
            <el-row>
              <el-col :span="24">
                <el-form-item label-width="0" class="opinion_item" prop="shyj">
                  <el-input
                    type="textarea"
                    :rows="4"
                    class="opinion"
                    placeholder="请输入审批意见"
                    v-model="ruleForm.shyj"
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="16">
                <el-form-item label="审查人" prop="shryxm">
                  <el-input v-model="ruleForm.shryxm"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="审核时间" prop="shjssj" :key="refresh">
                  <el-date-picker
                    v-model="ruleForm.shsj"
                    type="date"
                    placeholder="选择日期"
                    value-format="yyyy/MM/dd HH:mm:ss"
                    format="yyyy/MM/dd"
                  >
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
          </div>
        </div>
        <div class="submit_button" v-if="!$route.query.viewtype">
          <el-button type="primary" @click="onSubmit">保存</el-button>
        </div>
      </el-form>
    </div>
    <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> -->
  </div>
</template>
<script>
import { addidea } from "@/api/djbbl.js";
import { mapGetters } from "vuex";
export default {
  computed: {
    ...mapGetters(["userData", "yjsqOptions"]),
  },
  data() {
    return {
      isNoData: false,
      //刷新值
      refresh: 10,
      ableOperation: true,
      ruleForm: {
      },
      rules: {
        shyj: [{ required: true, message: "请输入审批意见", trigger: "blur" }],
      },
      tableData: [1],
    };
  },

  watch: {

  },
    created() {
  },
  mounted() {
  },
  methods: {
    onSubmit() {
      this.ruleForm.bsmBusiness =this.$parent.bsmRepair;
      this.ruleForm.jdmc = "审核";
      addidea(this.ruleForm).then((res) => {
        if (res.code === 200) {
          this.$message.success("保存成功");
          this.refresh += 1;
        } else {
          this.$message.error(res.message);
        }
      });
    },
    //打开常用意见列表弹窗
    // commonOpinion() {
    //   this.$popupDialog(
    //     "常用意见",
    //     "djbworkflow/components/dialog/commonOpinion",
    //     {},
    //     "70%",
    //     true
    //   );
    // },
    // //使用常用意见
    // useOpinion(opinion) {
    //   this.ruleForm.shyj = opinion;
    // },
  },
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";

.spyj {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  padding: 5px;
  .box {
    overflow-x: auto;
    width: 100%;
    height: 95%;
    background: #fff;
    text-align: center;
    padding: 4px;
    overflow-y: scroll;
    padding-top: 20px;
    padding: 20px 40px;
  }
  .spyj_title {
    line-height: 68px;
    border: 1px solid $borderColor;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    background-color: #eceef2;
    display: block;
    border-bottom: none;
  }

  /deep/.el-form-item {
    margin-bottom: 0;
  }

  .bottom10 {
    margin-bottom: 15px;
  }

  .spyj_form {
    display: flex;
    border: 1px solid $borderColor;

    .item_left {
      width: 150px;
      background-color: #f8f8fa;
      color: #606266;
      display: flex;
      font-size: 14px;
      text-indent: 80px;
      align-items: center;
      border-right: 1px solid $borderColor;
    }

    .item_right {
      flex: 1;
      width: 100%;

      /deep/.el-form-item__label {
        background-color: #f8f8fa;
      }
      /deep/.el-form-item__content {
        display: block;
        text-align: left;
        text-indent: 10px;
      }
      .opinion_item {
        /deep/.el-form-item__error {
          margin-top: -16px !important;
          left: 3px;
        }

        border-bottom: 1px solid $borderColor;
      }

      .opinion {
        position: relative;
        font-size: 14px;

        /deep/.el-textarea__inner {
          border: none;
        }
      }

      .opinion_btn {
        position: absolute;
        right: 15px;
        bottom: 10px;
      }
    }
  }

  .submit_button {
    text-align: center;
    margin: 15px 0;
  }
}
</style>