777

src/views/report/project/components/projectEdit.vue

@@ -510,10 +510,19 @@
           </a-form-model-item>
         </a-col>
       </a-row>
+      <a-row>
+        <a-col :span="24" style="border-top: 0px">
+          <div class="tb-title">
+            <span>3、在研或完成基础研究项目情况</span>
+          </div>
+        </a-col>
+      </a-row>
+      <!-- 在研或完成基础研究项目情况 -->
+      <project-research-info :dataList.sync="value.managementRuleList" />
       <a-row type="flex">
         <a-col :span="4" class="bg-gray">
           <div class="special-middle">
-            <div class="required">3、与项目相关的国内外技术发展现状(包括知识产权情况)以及本项目主要研究开发内容技术关键(创新点)、可行性评价及项目风险分析与对策</div>
+            <div class="required">4、与项目相关的国内外技术发展现状(包括知识产权情况)以及本项目主要研究开发内容技术关键(创新点)、可行性评价及项目风险分析与对策</div>
           </div>
         </a-col>
         <a-col :span="20">
@@ -629,6 +638,7 @@ import budgetEdit from '@/views/report/project/components/budgetEdit'
 import fundPlanEdit from '@/views/report/project/components/fundPlanEdit'
 import equipmentsEdit from '@/views/report/project/components/equipmentsEdit.vue'
 import unitPaymentEdit from '@/views/report/project/components/unitPaymentEdit.vue'
+import projectResearchEdit from '@/views/report/project/components/projectResearchEdit'
 import projectSubEdit from '@/views/report/project/components/projectSubEdit'
 import managementRuleEdit from '@/views/report/project/components/managementRuleEdit'
 import fileEdit from '@/views/report/project/components/fileEdit'

src/views/report/project/components/projectInfo.vue

@@ -555,10 +555,19 @@
           <div v-html="toTextarea(value.memResume)"></div>
         </a-col>
       </a-row>
+      <a-row>
+        <a-col :span="24" style="border-top: 0px">
+          <div class="tb-title">
+            <span>3、在研或完成基础研究项目情况</span>
+          </div>
+        </a-col>
+      </a-row>
+      <!-- 在研或完成基础研究项目情况 -->
+      <project-research-info :dataList.sync="value.managementRuleList" />
       <a-row type="flex">
         <a-col :span="4" class="bg-gray">
           <div class="special-middle">
-            <div>3、与项目相关的国内外技术发展现状(包括知识产权情况)以及本项目主要研究开发内容技术关键(创新点)、可行性评价及项目风险分析与对策</div>
+            <div>4、与项目相关的国内外技术发展现状(包括知识产权情况)以及本项目主要研究开发内容技术关键(创新点)、可行性评价及项目风险分析与对策</div>
           </div>
         </a-col>
         <a-col :span="20">
@@ -672,6 +681,7 @@ import fundPlanInfo from '@/views/report/project/components/fundPlanInfo'
 import equipmentsInfo from '@/views/report/project/components/equipmentsInfo.vue'
 import unitPaymentInfo from '@/views/report/project/components/unitPaymentInfo.vue'
 import projectKpiInfo from '@/views/report/project/components/projectKpiInfo.vue'
+import projectResearchInfo from '@/views/report/project/components/projectResearchInfo'
 import projectSubInfo from '@/views/report/project/components/projectSubInfo'
 import managementRuleInfo from '@/views/report/project/components/managementRuleInfo'
 import fileInfo from "@/views/report/project/components/fileInfo";

src/views/report/project/components/projectResearchEdit.vue

+<template>
+  <div>
+    <a-row>
+      <a-col :span="24">
+        <div class="tb-title">
+          <span>单位科研项目及资金管理制度</span>
+        </div>
+      </a-col>
+    </a-row>
+    <a-row type="flex" class="row_center">
+      <a-col :span="6" class="bg-gray">
+        <div class="special-middle">
+          <div class="required">单位政策名称</div>
+        </div>
+      </a-col>
+      <a-col :span="2" class="bg-gray">
+        <div class="special-middle">
+          <div class="required">出台日期</div>
+        </div>
+      </a-col>
+      <a-col :span="2" class="bg-gray">
+        <div class="special-middle">
+          <div class="required">文号</div>
+        </div>
+      </a-col>
+      <a-col :span="2" class="bg-gray">
+        <div class="special-middle">
+          <div class="required">有效期</div>
+        </div>
+      </a-col>
+      <a-col :span="4" class="bg-gray">
+        <div class="special-middle">
+          <div class="required">主要内容</div>
+        </div>
+      </a-col>
+      <a-col :span="6" class="bg-gray">
+        <div class="special-middle">
+          <div>附件</div>
+        </div>
+      </a-col>
+      <a-col :span="2" class="bg-gray">
+        <div class="special-middle">
+          <div>操作</div>
+        </div>
+      </a-col>
+    </a-row>
+    <a-row v-for="(item, index) in managementRuleList" :key="'managementRuleList'+index" type="flex" class="row_center">
+      <a-col :span="6">
+        <a-form-model-item :prop="'managementRuleList.' + index + '.policyName'" :rules="{ required: true, message: '*', trigger: 'blur',}">
+          <a-input v-model="item.policyName" :maxLength="100" placeholder="单位政策名称" style="width:85%" />
+        </a-form-model-item>
+      </a-col>
+      <a-col :span="2">
+        <a-form-model-item :prop="'managementRuleList.' + index + '.releaseDate'" :rules="{ required: true, message: '*', trigger: 'change',}">
+          <a-date-picker format="YYYY-MM-DD" valueFormat="YYYY-MM-DD HH:mm:ss" placeholder="出台日期" v-model="item.releaseDate" style="width:85%" />
+        </a-form-model-item>
+      </a-col>
+      <a-col :span="2">
+        <a-form-model-item :prop="'managementRuleList.' + index + '.documentNumber'" :rules="{ required: true, message: '*', trigger: 'blur',}">
+          <a-input v-model="item.documentNumber" :maxLength="100" placeholder="文号" style="width:85%" />
+        </a-form-model-item>
+      </a-col>
+      <a-col :span="2">
+        <a-form-model-item :prop="'managementRuleList.' + index + '.validityPeriod'" :rules="{ required: true, message: '*', trigger: 'change',}">
+          <a-date-picker format="YYYY-MM-DD" valueFormat="YYYY-MM-DD HH:mm:ss" placeholder="有效期" v-model="item.validityPeriod" style="width:85%" />
+        </a-form-model-item>
+      </a-col>
+      <a-col :span="4">
+        <a-form-model-item :prop="'managementRuleList.' + index + '.mainContent'" :rules="{ required: true, message: '*', trigger: 'blur',}">
+          <a-input v-model="item.mainContent" placeholder="主要内容" :maxLength="100" style="width:85%" />
+        </a-form-model-item>
+      </a-col>
+      <a-col :span="6">
+        <div class="special-middle">
+          <file-load :file.sync="managementRuleList[index]" :index="index" :name="'managementRuleList'" />
+        </div>
+      </a-col>
+      <a-col :span="2">
+        <div class="special-middle">
+          <a-popconfirm title="确定要删除吗？" ok-text="确定" cancel-text="取消" @confirm="deleteArrey(item)">
+            <a-button type="link" size="small">删除</a-button>
+          </a-popconfirm>
+        </div>
+      </a-col>
+    </a-row>
+    <a-row type="flex">
+      <a-col :span="24" style="text-align: center">
+        <div class="special-middle">
+          <a-button type="dashed" style="width: 20%" @click="addArrey()">
+            <a-icon type="plus" /> 添加 <span style="color:red;margin-left:10px"></span>
+          </a-button>
+        </div>
+      </a-col>
+    </a-row>
+  </div>
+</template>
+
+<script>
+const ManagementRule = { policyName: null, releaseDate: null, documentNumber: null, validityPeriod: null, mainContent: null, fileId: null, downloadId: null, fileName: null, downloadUrl: null }
+
+import { isEmptyParams } from "@/views/utils/common"
+import fileLoad from '@/views/components/common/fileLoad'
+
+
+export default {
+  name: "projectResearchEdit",
+  components: {
+    fileLoad
+  },
+  props: {
+    managementRuleList: {
+      type: Array,
+      default: () => {
+        return [{ ...ManagementRule }]
+      }
+    },
+  },
+  data () {
+    return {
+
+    };
+  },
+  created () {
+
+  },
+  computed: {
+
+  },
+  methods: {
+    addArrey () {//添加成员
+      this.managementRuleList.push({ ...ManagementRule })
+    },
+    deleteArrey (item) {//移除成员
+      let index = this.managementRuleList.indexOf(item)
+      if (index !== -1) {
+        this.managementRuleList.splice(index, 1)
+      }
+    },
+  },
+};
+</script>
+<style scoped lang="less">
+.file-description {
+  display: block;
+  width: 100%;
+  line-height: 22px;
+  padding: 3px 3px 3px 3px;
+  color: red;
+  white-space: normal;
+  word-wrap: break-word;
+  //   text-indent: 1em;
+}
+.inner_from {
+  .ant-row-flex:last-child .ant-col {
+    border-bottom: 0;
+  }
+  .ant-row-flex .ant-col:first-child {
+    border-left: 0;
+  }
+  .ant-row-flex {
+    border-right: 0;
+  }
+}
+.special-middle {
+  .font_s {
+    margin: 0 6px;
+  }
+}
+</style>

src/views/report/project/components/projectResearchInfo.vue

+<template>
+  <div>
+    <a-row>
+      <a-col :span="24">
+        <div class="tb-title">
+          <span>单位科研项目及资金管理制度</span>
+        </div>
+      </a-col>
+    </a-row>
+    <a-row type="flex" class="row_center">
+      <a-col :span="2" class="bg-gray">
+        <div class="special-middle">
+          <div>序号</div>
+        </div>
+      </a-col>
+      <a-col :span="4" class="bg-gray">
+        <div class="special-middle">
+          <div >单位政策名称</div>
+        </div>
+      </a-col>
+      <a-col :span="2" class="bg-gray">
+        <div class="special-middle">
+          <div >出台日期</div>
+        </div>
+      </a-col>
+      <a-col :span="2" class="bg-gray">
+        <div class="special-middle">
+          <div >文号</div>
+        </div>
+      </a-col>
+      <a-col :span="2" class="bg-gray">
+        <div class="special-middle">
+          <div >有效期</div>
+        </div>
+      </a-col>
+      <a-col :span="4" class="bg-gray">
+        <div class="special-middle">
+          <div >主要内容</div>
+        </div>
+      </a-col>
+      <a-col :span="8" class="bg-gray">
+        <div class="special-middle">
+          <div>附件</div>
+        </div>
+      </a-col>
+    </a-row>
+    <a-row v-for="(item, index) in dataList" :key="'managementRuleList'+index" type="flex" class="row_center">
+      <a-col :span="2">
+        <div class="special-middle">
+          <div>
+            {{ index + 1 }}
+          </div>
+        </div>
+      </a-col>
+      <a-col :span="4">
+        <div class="special-middle">
+          <div>
+            {{ item.policyName }}
+          </div>
+        </div>
+      </a-col>
+      <a-col :span="2">
+        <div class="special-middle">
+          <div>
+            {{ moment(item.releaseDate).format('YYYY-MM-DD') }}
+          </div>
+        </div>
+      </a-col>
+      <a-col :span="2">
+        <div class="special-middle">
+          <div>
+            {{ item.documentNumber }}
+          </div>
+        </div>
+      </a-col>
+      <a-col :span="2">
+        <div class="special-middle">
+          <div>
+            {{ moment(item.validityPeriod).format('YYYY-MM-DD') }}
+          </div>
+        </div>
+      </a-col>
+      <a-col :span="4">
+        <div class="special-middle">
+          <div>
+            {{ item.mainContent }}
+          </div>
+        </div>
+      </a-col>
+      <a-col :span="8">
+        <div class="special-middle">
+          <div v-if="item.fileName" style="text-align: left;">
+            <document-view :fileUrl="item.downloadUrl" :fileName="item.fileName" :imageArray="[item.downloadUrl]"></document-view>
+          </div>
+          <div v-else>无</div>
+        </div>
+      </a-col>
+    </a-row>
+  </div>
+</template>
+
+<script>
+
+import documentView from '@/views/components/common/documentView'
+import moment from 'moment'
+
+export default {
+  name: "projectResearchInfo",
+  components: {
+    documentView
+  },
+  props: {
+    dataList: {
+      type: Array,
+      default: () => {
+        return [{ ...ManagementRule }]
+      }
+    },
+  },
+  data () {
+    return {
+
+    };
+  },
+  created () {
+
+  },
+  computed: {
+
+  },
+  methods: {
+    moment,
+  },
+};
+</script>
+<style scoped lang="less">
+.file-description {
+  display: block;
+  width: 100%;
+  line-height: 22px;
+  padding: 3px 3px 3px 3px;
+  color: red;
+  white-space: normal;
+  word-wrap: break-word;
+  //   text-indent: 1em;
+}
+.inner_from {
+  .ant-row-flex:last-child .ant-col {
+    border-bottom: 0;
+  }
+  .ant-row-flex .ant-col:first-child {
+    border-left: 0;
+  }
+  .ant-row-flex {
+    border-right: 0;
+  }
+}
+.special-middle {
+  .font_s {
+    margin: 0 6px;
+  }
+}
+</style>