布局法规意见收集

2022-06-23 11:39:19 +08:00
parent 234a1d42f1
commit 28db9e0daf
4 changed files with 338 additions and 8 deletions
@@ -993,6 +993,11 @@ module.exports = {
  evaluationResults:'Evaluation results',
  Assessor:'Assessor',
  collectionOfRegulatoryOpinions:'Collection Of Regulatory Opinions',
+  feedbackInformation:'Feedback Information',
+  relevantSections:'Relevant sections',
+  questionsSuggestions:'Questions or Suggestions',
+  reason:'Reason',
+  feedbackPoint:'Feedback point',
  link:'Link',
 //  上报库
  Enable: 'Enable',
@@ -998,7 +998,12 @@ module.exports = {
  evaluationResults: '评估结果',
  Assessor:'评估人',
  collectionOfRegulatoryOpinions:'法规意见收集',
+  feedbackInformation:'反馈信息',
+  relevantSections:'相关章节',
+  questionsSuggestions:'问题/建议',
  link: '链接',
+  reason:'附件',
+  feedbackPoint:'反馈点',
 //  上报库
  Enable: '启用',
  Latestupdatetime: '最新更新时间',
@@ -0,0 +1,233 @@
+<template>
+  <div class="box">
+    <div class="box-text">
+      <div class="header-text">
+        {{title}}
+      </div>
+    </div>
+    <div class="content-text">
+      <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+        <div v-for="(item,index) in dataList" :key="index">
+          <div class="feedbackPoint">
+            {{$t('feedbackPoint')+(index+1)}}
+            <a-icon class="icon-size"
+                    @click="addData"
+                    v-if="(dataList.length-1) == index"
+                    type="plus-circle"/>
+            <a-icon class="icon-size"
+                    @click="deleteData"
+                    v-if="dataList.length > 1 && (dataList.length - 1) == index"
+                    type="minus-circle"/>
+          </div>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span class="title-text-text" :title="$t('relevantSections')">{{$t('relevantSections')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="relevantSections">
+                  <a-input class="box-input"
+                           :disabled="false"
+                           v-model="formInline.relevantSections"
+                           :placeholder="$t('PleaseEnter')+$t('relevantSections')"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="Required">*</span>
+                  <span class="title-text-text"
+                        :title="$t('questionsSuggestions')">{{$t('questionsSuggestions')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="questionsSuggestions">
+                  <a-input class="box-input"
+                           :disabled="false"
+                           v-model="formInline.questionsSuggestions"
+                           :placeholder="$t('PleaseEnter')+$t('questionsSuggestions')"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('reason')">{{$t('reason')}}</span>
+                </div>
+                <a-form-model-item class="itemModel">
+                  <a-input class="box-input"
+                           :disabled="false"
+                           v-model="formInline.reason"
+                           :placeholder="$t('PleaseEnter')+$t('reason')"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('enclosure')">{{$t('enclosure')}}</span>
+                </div>
+                <a-form-model-item class="itemModel" prop="approvalFile">
+                  <a-button type="primary" class="button-text"
+                            @click="clickButtonToUpload('approvalFile')">
+                    {{ (formInline.approvalFile === 'null' || formInline.approvalFile === '' ||
+                    formInline.approvalFile == null) ? $t('clickUpload') : $t('viewUploadedFiles')
+                    }}
+                  </a-button>
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
+        </div>
+      </a-form-model>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getAction, postAction } from '@/api/manage'
+  import uploadFile from '@/components/uploadFile/file'
+
+  export default {
+    name: 'feedbackInformation',
+    components: {
+      uploadFile
+    },
+    props: {
+      title: {
+        type: String,
+        default: ''
+      }
+    },
+    data() {
+      return {
+        formInline: {},
+        rules: {},
+        dataList: [{ id: 1 }]
+      }
+    },
+    methods: {
+      clickButtonToUpload(item) {
+        this.$refs.uploadFile.perentHandleFunc()
+        this.$refs.uploadFile.visible = true
+        this.uploadName = item
+        getAction('sys/common/getFileInfos', { id: this.formInline[item] }).then((res) => {
+          if (res.success) {
+            this.$refs.uploadFile.perentHandleFunc(res.result)
+          } else {
+            this.$refs.uploadFile.perentHandleFunc()
+          }
+        })
+      },
+      /** 上传文件的回调 */
+      uploadSuccess(data) {
+        let attIdList = []
+        if (data && data.length > 0) {
+          data.map(item => {
+            attIdList.push(item.id || data.name)
+          })
+        }
+        /** 赋值给当前对应的表单文件 */
+        this.formInline[this.uploadName] = attIdList.join(',')
+        this.formInline = { ...this.formInline }
+      },
+      addData() {
+        this.dataList.push({
+          id: 2
+        })
+        this.dataList = [...this.dataList]
+      },
+      deleteData() {
+        this.dataList.pop()
+        this.dataList = [...this.dataList]
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .box {
+    padding: 0 24px 24px 24px;
+    box-sizing: border-box;
+  }
+
+  .box-text {
+    display: flex;
+    justify-content: space-between;
+    height: 60px;
+    line-height: 40px;
+
+    .header-text {
+      font-size: 16px;
+      font-weight: 400;
+      color: #000F16;
+    }
+  }
+
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    /*align-items: center;*/
+  }
+
+  .title-text {
+    width: 88px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 42px;
+    line-height: 48px;
+    color: #000F16;
+  }
+
+  .box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
+
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+    margin-bottom: 12px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+  .button-text {
+    height: 38px;
+    width: calc(100% - 100px);
+    line-height: 38px;
+    background: #fff;
+    border: 1px #00B3BE solid;
+    color: #00B3BE;
+  }
+
+  .feedbackPoint {
+    font-size: 14px;
+    font-weight: 400;
+    color: #000F16;
+    margin-bottom: 10px;
+  }
+
+  .icon-size {
+    font-size: 18px;
+    margin-left: 8px;
+    cursor: pointer;
+  }
+</style>
@@ -4,8 +4,26 @@
      :title="title"
    />
    <div class="detail-box">
-      <div class="detail-content" style="padding: 20px">
-
+      <div class="detail-content" style="padding: 10px 0 0 0">
+        <standardContent
+          v-if="isDisplay"
+          :title="$t('essentialInformation')"
+          :standardContentList="standardContentList"
+          :url="url"
+          :standardContentQuery="queryProject"
+        />
+        <feedbackInformation
+          ref="feedbackInformationRef"
+          :title="$t('feedbackInformation')"
+        />
+        <footerProcess
+          v-if="isDisplay"
+          isPreservation
+          :isSubmit="true"
+          @preservation="preservation"
+          @submit="submit"
+        />
+        <circulationHistory v-if="isDisplay"/>
      </div>
    </div>
  </div>
@@ -13,19 +31,88 @@

 <script>
  import headerProcess from '../../components/headerProcess'
+  import standardContent from '../../components/standardContent'
+  import circulationHistory from '../../components/taskCirculationHistory'
+  import footerProcess from '../../components/footerProcess'
+  import feedbackInformation from '../../components/feedbackInformation'
+
  export default {
    name: 'index',
-    components:{
-      headerProcess
+    components: {
+      headerProcess,
+      standardContent,
+      circulationHistory,
+      footerProcess,
+      feedbackInformation
    },
-    data(){
-       return{
-         title:this.$t('collectionOfRegulatoryOpinions'),
-       }
+    data() {
+
+      return {
+        title: this.$t('collectionOfRegulatoryOpinions'),
+        url: {},
+        isDisplay: true,
+        queryProject: {},
+        standardContentList: [
+          {
+            title: this.$t('standard'),
+            value: 'serialNumber'
+          },
+          {
+            title: this.$t('title'),
+            value: 'title'
+          },
+          {
+            title: this.$t('regulatoryEngineer'),
+            value: 'regulatoryEngineer'
+          },
+          {
+            title: this.$t('closingDate'),
+            value: 'closingDate'
+          },
+          {
+            title: this.$t('enclosure'),
+            value: 'enclosure',
+            type: 2
+          },
+          {},
+          {
+            title: this.$t('taskDescription'),
+            value: 'taskDescription'
+          }
+          // {
+          //   title: this.$t('remarks'),
+          //   value: 'remark'
+          // }
+        ]
+      }
    },
+    mounted() {
+    },
+    methods: {
+      preservation() {
+
+      },
+      submit() {
+
+      }
+    }
  }
 </script>

 <style scoped>
+  .detail-box {
+    padding: 67px 0 0 0;
+    background: #ffffff;
+    height: 100%;
+    overflow: auto;
+  }

+  #examineBox {
+    display: flex;
+    flex-direction: column;
+    background: #fff;
+    position: relative;
+    height: 100%;
+    overflow-y: auto;
+  }
 </style>