<template>
  <div class="financialBox">
	<el-form
	  v-loading="quillLoading"
	  :model="formData"
	  ref="formData"
	>
	<el-form-item label="" prop="fssj">
	  <quill-editor
	    :disabled="btnAction == '详情'"
	    v-model="formData.mtext"
	    ref="myQuillEditor"
	    id="myQuillEditor"
	    :options="quillOption"
	  ></quill-editor>
	</el-form-item>
	   <el-row
	     class="saveCancel"
	     style="text-align: center; margin-top: 20px"
	   >
	     <el-col :span="24">
	       <div class="grid-content bg-purple">
	         <el-button
	           type="primary"
	           @click="saveBasic('1')"
	           v-if="btnAction !== '详情'"
	         >
	           <i class="iconfont iconbaocun"></i>
	           保存
	         </el-button>
	         <el-button
	           type="primary"
	           @click="saveBasic('0')"
	           v-if="btnAction !== '详情'"
	         >
	           <i class="iconfont icontijiao"></i>
	           提交
	         </el-button>
			<!-- <el-button
			   type="primary"
			   @click="handleExportWord()"
			   v-if="btnAction !== '导出'"
			 >
			   <i class="iconfont icondaochu11"></i>
			   导出
			 </el-button> -->
	         <el-button
	           type="primary"
	           class="iconfont iconfanhui"
	           @click="goBack"
	           >返回</el-button
	         >
	       </div>
	     </el-col>
	   </el-row>
	</el-form>
	
  </div>
</template>
<script>
	
	import {
		sysCwModelsSaveOrUpdate,
		sysCwModelsFindByParmary
	} from "@/api/budgetFilling/index";
import { quillEditor } from "vue-quill-editor";
import quillConfig from "@/utils/quill-config.js";
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";

export default {
  data() {
    return {
		quillLoading:false,
		quillOption: quillConfig,
		btnAction:this.$route.query.btnAction,
		// name:'年度财政预算项目',
		formData:{
			dataStatus:'1',
			dataType:'0',
			depotCode:sessionStorage.getItem("deptId"),
			orgCode:sessionStorage.getItem("orgCode"),
			mtext:`
			</br>
			</br>
			<p style="text-align:center"><span class="ql-size-huge">${this.dateFormat()}${this.dataName()}</span></p>
			</br>
           <p style="text-align:center"><span class="ql-size-large">（部门参考模板）</span></br>
		   </br>
		   </br>
		   </br>
		   </br>
		   </br>
		   </br>
		   </br>
		   <p style="text-align:center">
		     <span class="ql-size-large">项 目 名 称：</span><u class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>
		   </p>  
			<p style="text-align:center">
			 <span class="ql-size-large">项 目 单 位：</span>
			 <u class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>
			</p>
			<p style="text-align:center">
			<span class="ql-size-large">主 管 部 门：</span>
			<u class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp(盖章)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>
			</p>
			<p style="text-align:center">
			<span class="ql-size-large">评 估 日 期：</span>
			<u class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>
			</p>
		   </br>
		   </br>
		   </br>
		   <p style="text-align:center"><span class="ql-size-huge">XX项目预算评审报告</span></p>
		  </br>
		   <p>
		   <span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;按照市委、市政府《关于全面推进预算绩效管理的实施方案》和《天津市市级财政支出事前绩效评估管理暂行办法》（津财绩效〔2020〕19号）等文件要求，我们对XX项目开展了事前绩效评估，对项目立项必要性、投入经济性、绩效目标合理性、实施方案可行性、筹资合规性等进行了论证分析，梳理了存在问题并进行了调整完善。该项目评估结果为（建议予以支持/建议调整完善后予以支持/不予支持），有关情况如下。</span>
		   </p>
		   <h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一、项目实施必要性</h1>
		   <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（一）项目概述</h2>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.项目名称</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.项目实施周期（月）</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.项目实施主体（末级预算单位）</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.项目简介（不超过300字）</span></p>
		   <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（二）立项依据</h2>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.xx法律</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.xx行政法规</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3.《中共中央关于……》（文号）</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.《国务院关于……》（文号）</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5.《xx部委关于……》（文号）</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6.《市委关于……》（文号）</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7.《市政府关于……》（文号）</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;8.《xx同志对……的批示》</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9.部门“三重一大”会议纪要</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10.部门文件依据（文号）</span></p>
		   <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（三）项目绩效目标</h2>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;与预算管理一体化系统中项目库信息保持一致</span></p>
		   <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（四）项目绩效指标</h2>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;与预算管理一体化系统中项目库信息保持一致</span></p>
		   <h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;二、项目方案可行性</h1>
		   <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（一）项目实施计划</h2>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;拟由xx单位按照如下计划实施项目：</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一是于x年x月x日，召开培训会议。</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;二是于x年x月x日，实施政府采购。</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;三是于x年x月x日，组织入场施工。</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;四是于x年x月x日，组织项目验收。</span></p>
		   <p><span class="ql-size-large">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（以上为举例，各部门可结合项目实际进行调整，如属于转移支付项目，应对应各区实际安排的项目撰写）。</span></p>
		   <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（二）项目执行必备条件评估</h2>
		   <p>
		   <span class="ql-size-large">
		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;列出项目执行必备的气候条件、地质条件、水文条件、政策条件、评审条件、审批要件、市场条件、受众条件等。
		   </span></p>
		   <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（三）项目执行风险评估</h2>
		   <p>
		   <span class="ql-size-large">
		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;列出项目执行可能遭遇的疫情风险、气候风险、地质风险、水文风险、政策风险、决策风险、审批风险、市场风险、受众满意度风险等。
		   </span></p>
		   <h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;三、项目筹资合规性</h1>
		   <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（一）是否涉及新增隐性债务</h2>
		   <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（二）是否以政府购买服务名义违规融资</h2>
		   <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（三）专项债券平衡方案（如涉及）</h2>
		   <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;（四）是否存在其他违规融资问题</h2>
		   <h1>&nbsp;&nbsp;四、资金规模合理性</h1>
		   <h2>&nbsp;&nbsp;（一）项目总体投入测算</h2>
		   <p>
		   <span class="ql-size-large">
		   &nbsp;&nbsp;1.购买xx型设备（）台，单价（）元，需资金（）元。按市场价（）元测算，资金需求偏高/低，偏高的原因为（）。
		   </span></p>
		   <p>
		   <span class="ql-size-large">
		   &nbsp;&nbsp;2.聘请xx等级师资（）人，人均标准（）元，需资金（）元。按市场价（）元测算，资金需求偏高/低，偏高的原因为（）。
		   </span></p>
		   <p>
		   <span class="ql-size-large">
		   &nbsp;&nbsp;3.使用xx会场，面积（）平方米，租赁费（）元/平方米，需资金（）元。按市场价（）元测算，资金需求偏高/低，偏高的原因为（）。
		   </span></p>
		   <p>
		   <span class="ql-size-large">
		   &nbsp;&nbsp;4.对xx类型企业给予补助，涉及（）家企业，补助标准为（）元，需资金（）元。
		   </span></p>
		   <p>
		   <span class="ql-size-large">
		   &nbsp;&nbsp;5.对xx设备进行维护，需人工时（）小时，时均付费标准（）元，用料（）延米，单价（）元/延米，需资金（）元。按市场价（）元测算，资金需求偏高/低，偏高的原因为（）
		   </span></p>
		   <p>
		   <span class="ql-size-large">
		   &nbsp;&nbsp;6.聘请第三方机构对xx项目进行评审，需人工时（）小时，时均付费标准（）元。按市场价（）元测算，资金需求偏高/低，偏高的原因为（）
		   </span></p>
		   <p>
		   <span class="ql-size-large">
		   &nbsp;&nbsp;7.本项目属于转移支付项目，采用因素法/竞争性分配法/项目法分配资金，具体的分配公式为（），评审结果为（），考虑（）因素，分配（）区（）元
		   </span></p>
		   <p>
		   <span class="ql-size-large">
		   &nbsp;&nbsp;（以上为举例，各部门可结合项目实际进行调整）
		   </span></p>
		   <h2>&nbsp;&nbsp;（二）项目“现金流”测算</h2>
		   <p>
		   <span class="ql-size-large">
		   &nbsp;&nbsp;&nbsp;1.项目分（）年投入，其中x年投入（）元，x年投入（）元……
		   </span></p>
		   <p>
		   <span class="ql-size-large">
		   &nbsp;&nbsp;2.x年（预算编制年度）投入（）元，其中1月支出（）元，2月支出（）元……
		   </span></p>
		   </br>
		   </br>
		`},
    };
  },
  components: {
    quillEditor
  },
  created() {
	  if(this.$route.query.id){
		  this.GetFindByParmary()
	  }
	  // this.name='name'
  },
  methods: {
	GetFindByParmary(){
		var data={
			id:this.$route.query.id
		}
		sysCwModelsFindByParmary(data).then(res =>{
			if(res.infoCode == 200){
				this.formData=res.data
			}
		}).catch((e) => {});
	},
	
	//保存修改
	saveBasic(dataStatus) {
		this.quillLoading=true
		console.log(this.tbnf,'uerty77777')
		let operateName=sessionStorage.getItem("userName")
	  let params = JSON.parse(JSON.stringify(this.formData));
	  params.tbnf=this.tbnf
	  params.mname=this.name+this.name1
	  params.dataStatus=dataStatus
	  sysCwModelsSaveOrUpdate(params,operateName)
	    .then((response) => {
	      if (response.infoCode == 200) {
			  this.quillLoading=false
	        this.$router.push({
	          path: "ysxmpsbgIndex",
	        });
	        this.$message({
	          showClose: true,
	          message: "保存成功！",
	          type: "success",
	        });
	      }
	    })
	    .catch((e) => {
			this.quillLoading=false
		});
	},
	goBack(){
		this.$router.push({
		  path: "ysxmpsbgIndex",
		});
	},
	dataName(){
		this.name='年度财政预算项目评审报告'
		return '年度财政预算项目评审报告'
	},
	// dataName1(){
	// 	this.name1='事前绩效评估报告'
	// 	return '事前绩效评估报告'
	// },
    dateFormat() {
      let date = new Date();
      let year = date.getFullYear();
      /* 在日期格式中，月份是从0开始的，因此要加0
       * 使用三元表达式在小于10的前面加0，以达到格式统一  如 09:11:05
       * */
      let month =
        date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1;
      let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
      let hours =
        date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
      let minutes =
        date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
      let seconds =
        date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
      // 拼接
	  this.tbnf=year+1
	  return (year+1)
	   
      // return (year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds)
      // this.formData.fbrq = year + "-" + month + "-" + day;
    },
  },
};
</script>
<style lang="scss" scoped>
.seeCLa {
  color: #409eff;
  cursor: pointer;
}
.el-form-item {
  margin-bottom: 0px;
  .el-form-item__label {
    line-height: 30px;
    color: #333 !important;
  }
  .el-form-item__content {
    line-height: 30px;
  }
}
.financialBox{
	padding: 20px;
}
.financialBox /deep/.ql-editor {
  min-height: 220px;
}
.ql-toolbar.ql-snow {
  // display: none;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 1px solid #ccc !important;
}
.zdqyCl /deep/.el-cascader-menu__wrap {
  height: 222px !important;
}
.zdqyCl /deep/.el-cascader-menu__list {
  padding: 0px 0 18px 0 !important;
}
.tzdx /deep/ .el-form-item__error {
  color: #f56c6c;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 10px;
  left: 80px;
}
.ql-editor span{
	font-size: 32px!important;
}
</style>
<style>
.upload-plan {
  position: relative;
}
.upload-plan .el-upload-list {
  width: 75%;
}
.upload-plan .view-btn {
  position: absolute;
  right: 0;
  top: 40px;
}
</style>