<template>
	<div>
		<el-dialog v-dialogDrag title="备注" :visible.sync="remarkVisible" width="60%" @close="handleCloseMessage" 
		destroy-on-close :modal-append-to-body="false" v-if="remarkVisible">
			<el-row style="margin-top:3vh">
				<c-col :span="24">
          <el-form ref="modelForm" :model="model" :rules="polrules">
              <!-- <el-form-item label="备注信息:" prop="routxt" style="width: 100%">
                <c-input v-model="model.routxt" :rows="4" maxlength="60" show-word-limit type="textarea" placeholder="请输入备注信息"></c-input>
              </el-form-item> -->
               <el-form-item label="备注信息:" prop="remark"   style="width: 100%;white-space: pre-line;">
                <c-input v-model="model.remark" :rows="10"  :disabled="true" type="textarea" ></c-input>
              </el-form-item>
          </el-form>
        </c-col>
      </el-row> 
		</el-dialog>
	</div>
</template>
<script>
import Api from "~/service/Api";
import moment from 'moment';
export default {
  props: {
    visible: {
      type: Boolean,
      default: false
    },
    remarkModel: {
      type: Object,
      default: () => {}
    },
  },
  data() {
    return {
      remarkVisible: false,
      model:{},
      remark:"",
      polrules:{},
    };
  },
  mounted() {
    
  },
  computed: {
    isSubmitView () {
      return this.$route.query.businessType === 'TRN'
    },
  },
   watch: {
    remarkVisible(newVal) {
      if (newVal) {
          this.model=this.remarkModel;
      }
    }
  },
  methods: {
    
    handleCloseMessage() {
      this.$emit("handleCloseRemark");
    },
  
    close() {
      this.remarkVisible = false;
    },

  },
};
</script>
<style scoped lang="less">
</style>