From 97a23d68eceae7a6fb938ceac8abb7dccdb7e9e0 Mon Sep 17 00:00:00 2001
From: guojuan <2715201989@qq.com>
Date: Mon, 15 Jul 2024 16:14:21 +0800
Subject: [PATCH] feat:新增项目填报的界面以及接口联调

---
 frontend/front/src/api/projectSubmission.js                                |  28 ++++++++++++++++++++++++++++
 frontend/front/src/components/dataTemplate/TemplatePreview.vue             |  38 ++++++++++++++++++++++++++++----------
 frontend/front/src/components/dialog/processingRecordDialog.vue            |  94 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 frontend/front/src/components/dialog/projectSubmissionDialog.vue           | 111 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 frontend/front/src/components/tableSlot/projectSubmission/exportRecord.vue |  58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 319 insertions(+), 10 deletions(-)
 create mode 100644 frontend/front/src/api/projectSubmission.js
 create mode 100644 frontend/front/src/components/dialog/processingRecordDialog.vue
 create mode 100644 frontend/front/src/components/dialog/projectSubmissionDialog.vue
 create mode 100644 frontend/front/src/components/tableSlot/projectSubmission/exportRecord.vue

diff --git a/frontend/front/src/api/projectSubmission.js b/frontend/front/src/api/projectSubmission.js
new file mode 100644
index 0000000..d39ce51
--- /dev/null
+++ b/frontend/front/src/api/projectSubmission.js
@@ -0,0 +1,28 @@
+import request from '@/utils/request'
+const portal = window.context.portal
+
+////后台管理预览VUE表单
+export function exportRecordData(data) {
+  return request({
+    url: `${context.form}/wProjectLibraryInventory/v1/down?fProjectNo=${data.fProjectNo}&fProjectName=${data.fProjectName}&fProjectCategory=${data.fProjectCategory}&fProjectState=${data.fProjectState}&createTime=${data.createTime}&fProjectNature=${data.fProjectNature}&fBusinessScenarios=${data.fBusinessScenarios}&fBusinessModel=${data.fBusinessModel}&fProjectRating=${data.fProjectRating}&updateTime=${data.updateTime}`,
+    method: 'get',
+    responseType: 'arraybuffer',
+  })
+}
+
+// 获取表单的打印模板列表
+export function submitData(data) {
+  return request({
+    url: `${context.form}/wProjectOperationRecord/v1/save`,
+    data,
+    method: 'post',
+  })
+}
+// 获取处理记录的接口
+export function getProcessingRecord(data) {
+  return request({
+    url: `${context.form}/form/customDialog/v1/getListData?alias=xmczjl&mapParam=`,
+    data,
+    method: 'post',
+  })
+}
diff --git a/frontend/front/src/components/dataTemplate/TemplatePreview.vue b/frontend/front/src/components/dataTemplate/TemplatePreview.vue
index bd547cf..f8074d1 100644
--- a/frontend/front/src/components/dataTemplate/TemplatePreview.vue
+++ b/frontend/front/src/components/dataTemplate/TemplatePreview.vue
@@ -1,19 +1,27 @@
 <template>
-  <ht-template-preview
-    :template-key="key"
-    :single="single"
-    :task-type="taskType"
-    :def-key="defKey"
-    :data-view="dataView"
-    :is-join-flow="isJoinFlow"
-    :table-height="tableHeight"
-    :parameterq-querys="querys"
-  ></ht-template-preview>
+  <div>
+    <ht-template-preview
+      ref="httemplate"
+      :template-key="key"
+      :single="single"
+      :task-type="taskType"
+      :def-key="defKey"
+      :data-view="dataView"
+      :is-join-flow="isJoinFlow"
+      :table-height="tableHeight"
+      :parameterq-querys="querys"
+    ></ht-template-preview>
+    <project-submission-dialog ref="projectSubmissionDialog" @handleRefresh="handleRefresh" ></project-submission-dialog>
+    <processing-record-dialog  ref="processingRecordDialog" ></processing-record-dialog>
+  </div>
 </template>
 
 <script>
+  import ProjectSubmissionDialog from "../dialog/projectSubmissionDialog";
+  import ProcessingRecordDialog from "../dialog/processingRecordDialog";
   export default {
     name: 'TemplatePreview',
+    components: {ProcessingRecordDialog, ProjectSubmissionDialog},
     props: {
       templateKey: {
         type: String,
@@ -82,6 +90,16 @@
         }
         return ''
       },
+      showProjectSubmissionDialog(type,row){
+        this.$refs.projectSubmissionDialog.open(type,row);
+      },
+      showProcessingRecordDialog(row){
+        this.$refs.processingRecordDialog.open(row);
+      },
+      handleRefresh() {
+        console.log("this.$refs.httemplate",this.$refs.httemplate)
+        this.$refs.httemplate.init()
+      }
     },
   }
 </script>
diff --git a/frontend/front/src/components/dialog/processingRecordDialog.vue b/frontend/front/src/components/dialog/processingRecordDialog.vue
new file mode 100644
index 0000000..ad7fc9a
--- /dev/null
+++ b/frontend/front/src/components/dialog/processingRecordDialog.vue
@@ -0,0 +1,94 @@
+<template>
+  <div>
+    <el-dialog title="处理记录" :visible.sync="dialogTableVisible" @close="handleClose">
+      <el-table :data="gridData">
+        <el-table-column type="index" property="date" label="序号" width="150"></el-table-column>
+        <el-table-column property="f_create_by" label="操作人" width="200"></el-table-column>
+        <el-table-column property="f_create_time" label="操作时间" width="200"></el-table-column>
+        <el-table-column property="f_event_type" label="事件类型" width="200"></el-table-column>
+        <el-table-column property="fProgressStatus" label="进展情况"></el-table-column>
+      </el-table>
+      <el-row>
+        <el-col :span="24" style="display: flex;justify-content: end;margin-top: 10px">
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="pageForm.page"
+            :page-sizes="[10, 20, 30, 40]"
+            :page-size="pageForm.size"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="pageForm.total">
+          </el-pagination>
+        </el-col>
+      </el-row>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getProcessingRecord } from '@/api/projectSubmission'
+export default {
+  name: "processingRecordDialog",
+  data(){
+    return {
+      dialogTableVisible:false,
+      gridData:[],
+      projectId:'',
+      pageForm:{
+        page:1,
+        size:10,
+        total:0
+      }
+    }
+  },
+  mounted(){
+
+  },
+  methods:{
+    async getRecordData(){
+      let params ={
+        pageBean: {
+          page: 1,
+          pageSize: 10,
+          showTotal: true,
+        },
+        querys: [
+          {
+            property: "f_project_id",
+            value: this.projectId?this.projectId:'',
+            group: "advance",
+            relation: "AND",
+            operation: "EQUAL"
+          }
+        ]
+      }
+      await getProcessingRecord(params).then((res)=>{
+        console.log('打印获取处理记录的res',res)
+        const { rows, total } = res;
+        this.gridData = rows;
+        this.pageForm.total =  total;
+      })
+    },
+    open(row){
+      this.dialogTableVisible = true;
+      this.projectId = row.id_;
+      this.getRecordData();
+    },
+    handleClose(){
+      this.dialogTableVisible = false;
+    },
+    handleSizeChange(val){
+      this.pageForm.size = val;
+      this.getRecordData();
+    },
+    handleCurrentChange(val){
+      this.pageForm.page = val;
+      this.getRecordData();
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/frontend/front/src/components/dialog/projectSubmissionDialog.vue b/frontend/front/src/components/dialog/projectSubmissionDialog.vue
new file mode 100644
index 0000000..3d5294f
--- /dev/null
+++ b/frontend/front/src/components/dialog/projectSubmissionDialog.vue
@@ -0,0 +1,111 @@
+<template>
+  <div>
+    <el-dialog
+      :title="dialogForm.title"
+      :visible.sync="dialogForm.dialogVisible"
+      width="30%"
+      @close="handleClose">
+      <el-row>
+        <el-form :model="dialogForm" ref="dialogForm" :rules="rules">
+          <el-form-item :label="dialogForm.label" prop="textarea">
+            <el-input
+              type="textarea"
+              :autosize="{ minRows: 4, maxRows:5}"
+              placeholder="请输入内容"
+              v-model="dialogForm.textarea">
+            </el-input>
+          </el-form-item>
+        </el-form>
+      </el-row>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handleClose">取 消</el-button>
+        <el-button type="primary" @click="handleSubmit('dialogForm')">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { submitData } from '@/api/projectSubmission'
+export default {
+  name: "projectSubmissionDialog",
+  data(){
+    return {
+      dialogForm:{
+        dialogVisible:false,
+        title:'入库',
+        textarea:'',
+        label:'入库说明:',
+        fProjectId:'',
+        fEventType:''
+      },
+      rules:{
+        textarea:[
+          { required: true, message: '请填写入库说明', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods:{
+    open(type,row){
+      console.log('打印type',type);
+      console.log('打印row',row);
+      this.dialogType = type;
+      this.dialogForm.fProjectId = row.id_;
+      this.dialogForm.dialogVisible = true;
+      switch (type){
+        case 'rk':
+          this.dialogForm.title = '入库';
+          this.dialogForm.label ='入库说明:';
+          this.dialogForm.fEventType = 'ruku';
+          break;
+        case 'zf':
+          this.dialogForm.label = '作废说明:';
+          this.dialogForm.title = '作废';
+          this.dialogForm.fEventType = 'zuofei';
+          break;
+        case 'xmjz':
+          this.dialogForm.title = '项目进展';
+          this.dialogForm.label ='本次项目进展说明:';
+          this.dialogForm.fEventType = 'xiangmujinzhan';
+          break;
+        case 'zf':
+          this.dialogForm.label = '出库说明:';
+          this.dialogForm.title = '出库';
+          this.dialogForm.fEventType = 'chuku';
+          break;
+      }
+    },
+    handleSubmit(formName){
+      this.$refs[formName].validate(async (valid) => {
+        if (valid) {
+          let params ={
+            fProjectId:this.dialogForm.fProjectId,
+            fEventType:this.dialogForm.fEventType,
+            fProgressStatus:this.dialogForm.textarea
+          }
+          await submitData(params).then((res)=>{
+            console.log('打印res',res);
+            if(res.code == 200){
+              this.$emit('handleRefresh');
+            }
+            this.dialogForm.dialogVisible = false;
+          })
+
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    handleClose(){
+      this.$refs.dialogForm.resetFields();
+      this.dialogForm.dialogVisible = false;
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/frontend/front/src/components/tableSlot/projectSubmission/exportRecord.vue b/frontend/front/src/components/tableSlot/projectSubmission/exportRecord.vue
new file mode 100644
index 0000000..1ce7f01
--- /dev/null
+++ b/frontend/front/src/components/tableSlot/projectSubmission/exportRecord.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <el-button icon="el-icon-upload2" size="mini" @click="handleExport" :loading="loading">导出</el-button>
+  </div>
+</template>
+
+<script>
+import { exportRecordData } from '@/api/projectSubmission'
+export default {
+  name: "exportRecord",
+  props:{
+    searchForms:{
+      type:Object
+    },
+    selectRows: {
+      type: Object
+    }
+  },
+  data(){
+    return {
+      loading:false
+    }
+  },
+  methods:{
+    handleExport(){
+      this.loading = true;
+      let params ={
+        fProjectNo:this.searchForms.project_no?this.searchForms.project_no:'',
+        fProjectName:this.searchForms.project_name?this.searchForms.project_name:'',
+        fProjectCategory:this.searchForms.project_category?this.searchForms.project_category:'',
+        fProjectState:this.searchForms.project_state?this.searchForms.project_state:'',
+        createTime:this.searchForms.create_time?this.searchForms.create_time:'',
+        fProjectNature:this.searchForms.project_nature?this.searchForms.project_nature:'',
+        fBusinessScenarios:this.searchForms.business_scenarios?this.searchForms.business_scenarios:'',
+        fBusinessModel:this.searchForms.business_model?this.searchForms.business_model:'',
+        fProjectRating:this.searchForms.project_rating?this.searchForms.project_rating:'',
+        updateTime:this.searchForms.update_time?this.searchForms.update_time:''
+      }
+       exportRecordData(params).then((res)=>{
+        console.log('打印res',res);
+         let {data, headers} = res;
+         // 附件下载
+         const blob = new Blob([data]);
+         // 附件下载
+         const fileName = decodeURIComponent(headers['content-disposition'].split(';')[1].split('filename=')[1]);
+         saveAs(blob, fileName);
+         this.loading = false;
+      })
+      console.log('打印this.rows',this.searchForms,this.selectRows)
+
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
--
libgit2 0.21.2