From 7b365267cf7118f45bdd96ef49995ac51e16b8f2 Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Fri, 6 May 2022 17:44:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=83=E5=B1=80=E7=AC=A6=E5=90=88=E6=80=A7?=
 =?UTF-8?q?=E6=B5=81=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/common/lang/en-us.js             |  15 +
 jero-web/src/common/lang/zh-cn.js             |  15 +
 jero-web/src/components/layouts/TabLayout.vue |   1 +
 jero-web/src/config/router.config.js          |   5 +
 .../components/engineeringConfirmation.vue    | 504 ++++++++++++++++++
 .../components/examineInformation.vue         |   7 +
 .../components/headerProcess.vue              |  11 +-
 .../components/projectInformation.vue         |  22 +-
 .../reviewedByThePersonInCharge.vue           | 166 ++++++
 .../components/standardContent.vue            |  29 +-
 .../processForm/taskListProcess/index.vue     | 218 ++++++++
 11 files changed, 988 insertions(+), 5 deletions(-)
 create mode 100644 jero-web/src/views/processCenter/components/engineeringConfirmation.vue
 create mode 100644 jero-web/src/views/processCenter/components/reviewedByThePersonInCharge.vue
 create mode 100644 jero-web/src/views/processCenter/processForm/taskListProcess/index.vue

diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index 513053f61..608f7d1e4 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -756,4 +756,19 @@ module.exports = {
   VirtualList:'VirtualList',
   importTemplate:'import template',
   verificationConfirmationDeadline:'Verification compliance confirmation deadline',
+  technicalEvaluationResults:'technical evaluation results',
+  engineeringConfirmation:'engineeringConfirmation',
+  feedbackFromTheEngineer:'Feedback from the Engineer',
+  completedBy:'Completed by',
+  completedTime:'Completed time',
+  replyFromProjectContactPerson:'Reply from project contact person',
+  answer:'answer',
+  distributionEngineer:'Distribution Engineer',
+  reminderHandling:'Reminder handling',
+  addFeedback:'Add feedback',
+  engineer:'engineer',
+  engineeringConfirmationDetails:'Engineering confirmation details',
+  reminder:'reminder',
+  adopt:'adopt',
+  reviewedByThePersonInCharge:'Reviewed by the person in charge',
 }
\ No newline at end of file
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index 2e078e997..dca0943de 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -761,4 +761,19 @@ module.exports = {
   standardInformation:'标准信息',
   importTemplate:'导入模板',
   verificationConfirmationDeadline:'验证符合性确认截止时间',
+  technicalEvaluationResults:'技术评估结果',
+  engineeringConfirmation:'工程确认',
+  feedbackFromTheEngineer:'工程师反馈意见',
+  completedBy:'填写人',
+  completedTime:'填写时间',
+  replyFromProjectContactPerson:'工程接口人回复',
+  answer:'回复',
+  distributionEngineer:'分发工程师',
+  reminderHandling:'提醒办理',
+  addFeedback:'添加反馈',
+  engineer:'工程师',
+  engineeringConfirmationDetails:'工程确认详情',
+  reminder:'提醒',
+  adopt:'通过',
+  reviewedByThePersonInCharge:'负责人审核',
 }
\ No newline at end of file
diff --git a/jero-web/src/components/layouts/TabLayout.vue b/jero-web/src/components/layouts/TabLayout.vue
index 8dc37c162..6e2f408d4 100644
--- a/jero-web/src/components/layouts/TabLayout.vue
+++ b/jero-web/src/components/layouts/TabLayout.vue
@@ -90,6 +90,7 @@
           this.$route.path == '/system/MessageDetails' ||
           this.$route.path == '/ProcessMapping' ||
           this.$route.path == '/virtualListDetails' ||
+          this.$route.path == '/taskListProcess' ||
           this.$route.path == '/ProjectDetails' ||
           this.$route.path == '/handshakeProcess' ||
           this.$route.path == '/historicalVersion' ||
diff --git a/jero-web/src/config/router.config.js b/jero-web/src/config/router.config.js
index b63bf562a..bbe87b83f 100644
--- a/jero-web/src/config/router.config.js
+++ b/jero-web/src/config/router.config.js
@@ -337,6 +337,11 @@ export const constantRouterMap = [
     name: 'ProjectDetails',
     component: () => import(/* webpackChunkName: "user" */ '@/views/projectManagement/ProjectDetails/index')
   },
+  {
+    path: '/taskListProcess',
+    name: 'taskListProcess',
+    component: () => import(/* webpackChunkName: "user" */ '@/views/processCenter/processForm/taskListProcess/index')
+  },
   {
     path: '/handshakeProcess',
     name: 'handshakeProcess',
diff --git a/jero-web/src/views/processCenter/components/engineeringConfirmation.vue b/jero-web/src/views/processCenter/components/engineeringConfirmation.vue
new file mode 100644
index 000000000..924bdf4cf
--- /dev/null
+++ b/jero-web/src/views/processCenter/components/engineeringConfirmation.vue
@@ -0,0 +1,504 @@
+<template>
+  <div class="box">
+    <div class="box-text">
+      <div class="header-text">
+        {{$t('engineeringConfirmation')}}
+      </div>
+    </div>
+    <div class="header-content">
+      <div class="operator-text" @click="distributionEngineerClick($t('distributionEngineer'))">
+        <a-icon type="audit"/>
+        {{ $t('distributionEngineer') }}
+      </div>
+      <div class="operator-text" @click="reminderHandling()">
+        <a-icon type="sound"/>
+        {{ $t('reminderHandling') }}
+      </div>
+      <div class="operator-text" @click="distributionEngineerClick($t('addFeedback'))">
+        <a-icon type="plus-circle"/>
+        {{ $t('addFeedback') }}
+      </div>
+    </div>
+    <a-table
+      ref="table"
+      :loading="loading"
+      :pagination="false"
+      :scroll="{x: true}"
+      :data-source="dataSource"
+      :columns="columns"
+    >
+      <span slot="operation" slot-scope="result">
+         <a class="text" @click="edit(result,$t('edit'))">{{$t('edit')}}</a>
+         <a class="text" @click="detailsClick(result)">{{$t('details')}}</a>
+         <a class="text" @click="answerClick(result,$t('replyFromProjectContactPerson'))">{{$t('answer')}}</a>
+         <a class="text">{{$t('deleteLib')}}</a>
+      </span>
+    </a-table>
+    <a-modal
+      :title="title"
+      :width="600"
+      :visible="visible"
+      :confirm-loading="confirmLoading"
+      :maskClosable="false"
+      @ok="handleOk"
+      @cancel="handleCancel"
+    >
+      <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+        <a-row :gutter="24">
+          <a-col :span="24" v-if="title == $t('distributionEngineer')">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required">*</span>
+                <span class="title-text-text"
+                      :title="$t('engineer')">{{$t('engineer')}}</span>
+              </div>
+              <a-form-model-item class="itemModel">
+                <PersonnelSelection
+                  :query="{db_field_name:'certificationEngineer',db_field_txt:$t('engineer')}"
+                  :personneQuery="formInline"
+                  @change="PersonnelSelectionChange"
+                  v-model="formInline.certificationEngineerName"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="24" v-if="title == $t('addFeedback') || title == $t('edit')">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required">*</span>
+                <span class="title-text-text"
+                      :title="$t('feedbackFromTheEngineer')">{{$t('feedbackFromTheEngineer')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="engineerFeedbackContent">
+                <a-textarea
+                  :placeholder="$t('PleaseEnter')+$t('feedbackFromTheEngineer')"
+                  :disabled="false"
+                  v-model="formInline.engineerFeedbackContent" :rows="4"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="24" v-if="title == $t('addFeedback') || title == $t('edit')">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required">*</span>
+                <span class="title-text-text"
+                      :title="$t('Deliverables')">{{$t('Deliverables')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="fileId">
+                <a-button type="primary" class="button-text"
+                          @click="clickButtonToUpload('fileId')">
+                  {{ (formInline.fileId === 'null' || formInline.fileId === '' ||
+                  formInline.fileId == null) ? $t('clickUpload') : $t('viewUploadedFiles')
+                  }}
+                </a-button>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="24" v-if="title == $t('replyFromProjectContactPerson')">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="Required">*</span>
+                <span class="title-text-text"
+                      :title="$t('replyFromProjectContactPerson')">{{$t('replyFromProjectContactPerson')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="engineeringInterfacePersonReply">
+                <a-textarea
+                  :placeholder="$t('replyFromProjectContactPerson')"
+                  :disabled="false"
+                  v-model="formInline.engineeringInterfacePersonReply" :rows="4"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+      </a-form-model>
+    </a-modal>
+    <a-modal
+      :title="$t('engineeringConfirmationDetails')"
+      :width="600"
+      :visible="visibleDetails"
+      :maskClosable="false"
+      @cancel="visibleDetails = false"
+    >
+      <template slot="footer">
+        <a-button key="back" @click="visibleDetails = false">
+          {{$t('cancel')}}
+        </a-button>
+      </template>
+      <a-row :gutter="24" style="margin-bottom: 18px">
+        <a-col :span="6">
+          <div class="text-field-left">{{this.$t('feedbackFromTheEngineer')}}:</div>
+        </a-col>
+        <a-col :span="18">
+          <div class="text-field-right">
+            {{this.formInlineDetails.engineerFeedbackContent}}
+          </div>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24" style="margin-bottom: 18px">
+        <a-col :span="6">
+          <div class="text-field-left">{{this.$t('Deliverables')}}:</div>
+        </a-col>
+        <a-col :span="18">
+          <a-button type="primary" class="button-text"
+                    @click="clickButtonToUploadDetails('fileId')">
+            {{ (formInlineDetails.fileId === 'null' || formInlineDetails.fileId === '' ||
+            formInlineDetails.fileId == null) ? $t('clickUpload') : $t('viewUploadedFiles')
+            }}
+          </a-button>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24" style="margin-bottom: 18px">
+        <a-col :span="6">
+          <div class="text-field-left">{{this.$t('completedBy')}}:</div>
+        </a-col>
+        <a-col :span="18">
+          <div class="text-field-right">
+            {{formInlineDetails.createBy}}
+          </div>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24" style="margin-bottom: 18px">
+        <a-col :span="6">
+          <div class="text-field-left">{{this.$t('completedTime')}}:</div>
+        </a-col>
+        <a-col :span="18">
+          <div class="text-field-right">
+            {{formInlineDetails.createTime}}
+          </div>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24" style="margin-bottom: 18px">
+        <a-col :span="6">
+          <div class="text-field-left">{{this.$t('replyFromProjectContactPerson')}}:</div>
+        </a-col>
+        <a-col :span="18">
+          <div class="text-field-right">
+            {{formInlineDetails.engineeringInterfacePersonReply}}
+          </div>
+        </a-col>
+      </a-row>
+    </a-modal>
+    <a-modal
+      :title="$t('reminderHandling')"
+      :width="800"
+      :visible="visibleTable"
+      :maskClosable="false"
+      @cancel="visibleTable = false"
+    >
+      <template slot="footer">
+        <a-button key="back" @click="visibleTable = false">
+          {{$t('cancel')}}
+        </a-button>
+      </template>
+      <a-table
+        ref="table"
+        :loading="loadingTable"
+        :pagination="false"
+        :scroll="{x: true,y:400}"
+        :data-source="dataSourceTable"
+        :columns="columnsTable"
+      >
+        <span slot="operationTable" slot-scope="result">
+               <a>{{$t('reminder')}}</a>
+        </span>
+      </a-table>
+    </a-modal>
+    <uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"/>
+    <uploadFile ref="uploadFileDetails" :disabled="true"/>
+  </div>
+</template>
+
+<script>
+  import PersonnelSelection from '@/components/PersonnelSelection/index'
+  import { getAction, postAction, putAction } from '@/api/manage'
+  import uploadFile from '@/components/uploadFile/file'
+
+  export default {
+    name: 'engineeringConfirmation',
+    components: {
+      PersonnelSelection,
+      uploadFile
+    },
+    data() {
+      return {
+        loading: false,
+        dataSource: [{}],
+        dataSourceTable: [],
+        columnsTable: [
+          {
+            title: this.$t('engineer'),
+            dataIndex: 'engineer',
+            align: 'center'
+          },
+          {
+            title: this.$t('operation'),
+            align: 'center',
+            width: 200,
+            scopedSlots: { customRender: 'operationTable' }
+          }
+        ],
+        loadingTable: false,
+        visible: false,
+        confirmLoading: false,
+        visibleTable: false,
+        title: '',
+        formInline: {},
+        formInlineDetails: {},
+        rules: {
+          engineerFeedbackContent: [
+            {
+              required: true,
+              message: this.$t('feedbackFromTheEngineer') + this.$t('cannotEmpty'),
+              trigger: 'blur'
+            },
+            {
+              max: 300,
+              message: this.$t('feedbackFromTheEngineer') + this.$t('cannotExceed') + 300 + this.$t('Characters'),
+              trigger: 'blur'
+            }
+          ],
+          engineeringInterfacePersonReply: [
+            {
+              required: true,
+              message: this.$t('replyFromProjectContactPerson') + this.$t('cannotEmpty'),
+              trigger: 'blur'
+            },
+            {
+              max: 300,
+              message: this.$t('replyFromProjectContactPerson') + this.$t('cannotExceed') + 300 + this.$t('Characters'),
+              trigger: 'blur'
+            }
+          ],
+          fileId: [
+            {
+              required: true,
+              message: this.$t('Deliverables') + this.$t('cannotEmpty'),
+              trigger: 'change'
+            }
+          ]
+        },
+        visibleDetails: false,
+        columns: [
+          {
+            title: this.$t('serialNumber'),
+            dataIndex: 'index',
+            key: 'index',
+            align: 'center',
+            customRender: (text, record, index) => `${index + 1}`
+          },
+          {
+            title: this.$t('feedbackFromTheEngineer'),
+            dataIndex: 'engineerFeedbackContent',
+            align: 'center'
+          },
+          {
+            title: this.$t('Deliverables'),
+            dataIndex: 'fileId',
+            align: 'center'
+          },
+          {
+            title: this.$t('completedBy'),
+            dataIndex: 'createBy',
+            align: 'center'
+          },
+          {
+            title: this.$t('completedTime'),
+            dataIndex: 'createTime',
+            align: 'center'
+          },
+          {
+            title: this.$t('replyFromProjectContactPerson'),
+            dataIndex: 'engineeringInterfacePersonReply',
+            align: 'center'
+          },
+          {
+            title: this.$t('operation'),
+            align: 'center',
+            width: 200,
+            scopedSlots: { customRender: 'operation' }
+          }
+        ]
+      }
+    },
+    mounted() {
+    },
+    methods: {
+      handleOk() {
+
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      distributionEngineerClick(title) {
+        this.title = title
+        this.visible = true
+        this.formInline = {}
+      },
+      reminderHandling() {
+        this.visibleTable = true
+      },
+      detailsClick(val) {
+        this.formInlineDetails = val
+        this.visibleDetails = true
+      },
+      PersonnelSelectionChange(value, id) {
+        this.formInline[value] = id
+        this.formInline = { ...this.formInline }
+      },
+      edit(val, title) {
+        this.title = title
+        this.visible = true
+        this.formInline = val
+      },
+      answerClick(val, title) {
+        this.title = title
+        this.visible = true
+        this.formInline = val
+      },
+      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()
+          }
+        })
+      },
+      clickButtonToUploadDetails(item) {
+        this.$refs.uploadFileDetails.perentHandleFunc()
+        this.$refs.uploadFileDetails.visible = true
+        this.uploadName = item
+        getAction('sys/common/getFileInfos', { id: this.formInline[item] }).then((res) => {
+          if (res.success) {
+            this.$refs.uploadFileDetails.perentHandleFunc(res.result)
+          } else {
+            this.$refs.uploadFileDetails.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 }
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .box {
+    padding: 0 24px 24px 24px;
+    box-sizing: border-box;
+  }
+
+  .box-text {
+    display: flex;
+    justify-content: space-between;
+    height: 80px;
+    line-height: 80px;
+
+    .header-text {
+      font-size: 16px;
+      font-weight: 400;
+      color: #000F16;
+    }
+  }
+
+  .header-content {
+    width: 100%;
+    text-align: right;
+    margin-bottom: 20px;
+  }
+
+  .text {
+    margin-right: 8px;
+  }
+
+  .operator-text {
+    cursor: pointer;
+    margin-right: 53px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #040B29;
+    display: inline-block;
+  }
+
+  .operator-text:last-child {
+    margin-right: 16px;
+  }
+
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
+  .title-text {
+    width: 124px;
+    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: 42px;
+  }
+
+  .box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
+
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+  .formAdd {
+    margin-bottom: 40px;
+  }
+
+  .button-text {
+    height: 38px;
+    width: calc(100% - 100px);
+    line-height: 38px;
+    background: #fff;
+    border: 1px #00B3BE solid;
+    color: #00B3BE;
+  }
+
+  .text-field-left {
+    font-size: 16px;
+    font-weight: 400;
+    color: #6F7385;
+    margin-top: 4px;
+  }
+
+  .text-field-right {
+    font-size: 16px;
+    color: #040B29;
+    font-weight: 400;
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/processCenter/components/examineInformation.vue b/jero-web/src/views/processCenter/components/examineInformation.vue
index 35f7a1bc9..2ebaeba43 100644
--- a/jero-web/src/views/processCenter/components/examineInformation.vue
+++ b/jero-web/src/views/processCenter/components/examineInformation.vue
@@ -133,6 +133,13 @@
               message: this.$t('selectIssuer') + this.$t('cannotEmpty'),
               trigger: 'change'
             }
+          ],
+          approvalOpinion: [
+            {
+              max: 300,
+              message: this.$t('feedbackMessage') + this.$t('cannotExceed') + 300 + this.$t('Characters'),
+              trigger: 'blur'
+            }
           ]
         }
       }
diff --git a/jero-web/src/views/processCenter/components/headerProcess.vue b/jero-web/src/views/processCenter/components/headerProcess.vue
index cce5f446f..9f552f7fc 100644
--- a/jero-web/src/views/processCenter/components/headerProcess.vue
+++ b/jero-web/src/views/processCenter/components/headerProcess.vue
@@ -19,6 +19,7 @@
         <a-button class="header-btn termin" v-if="isSendBack" @click="sendBackCkick" type="danger" ghost>
           {{$t('sendBack')}}
         </a-button>
+        <a-button class="header-btn submit" v-if="isAdopt" @click="adopt" type="primary">{{$t('adopt')}}</a-button>
       </div>
     </div>
   </div>
@@ -59,6 +60,10 @@
         type: Boolean,
         default: false
       },
+      isAdopt:{
+        type: Boolean,
+        default: false
+      },
     },
     methods: {
       terminationProcess() {
@@ -81,7 +86,11 @@
       },
       backTo() {
 
-      }
+      },
+      adopt(){
+        let handlingTime = moment(new Date()).format('YYYY-MM-DD HH:mm:ss')
+        this.$emit('adopt',handlingTime)
+      },
     }
   }
 </script>
diff --git a/jero-web/src/views/processCenter/components/projectInformation.vue b/jero-web/src/views/processCenter/components/projectInformation.vue
index 741df14d7..7ee7a03e7 100644
--- a/jero-web/src/views/processCenter/components/projectInformation.vue
+++ b/jero-web/src/views/processCenter/components/projectInformation.vue
@@ -8,13 +8,23 @@
     <div class="content-text">
       <div class="text-field" v-for="(item,index) in projectInformationList" :key="index">
         <span class="text-field-left" :title="item.title">{{item.title}}</span>
+        <span class="text-field-right text-field-right-url"
+              :title="queryForm[item.value]"
+              @click="urlClick(queryForm[item.value])"
+              v-if="item.type == 1"
+        >{{queryForm[item.value]}}</span>
         <span class="text-field-right" :title="queryForm[item.value]"
         >{{queryForm[item.value]}}</span>
       </div>
     </div>
   </div>
 </template>
-
+<!--
+   type:
+   1打开新页面
+   2显示文件
+   3点击事件处理\需要传点击事件
+-->
 <script>
   import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
 
@@ -53,6 +63,11 @@
             this.queryForm = {}
           }
         })
+      },
+      urlClick(val) {
+        if (val) {
+          window.open(val)
+        }
       }
     }
   }
@@ -108,6 +123,11 @@
         color: #040B29;
         font-weight: 400;
       }
+
+      .text-field-right-url {
+        color: #00B3BE !important;
+        cursor: pointer;
+      }
     }
   }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/processCenter/components/reviewedByThePersonInCharge.vue b/jero-web/src/views/processCenter/components/reviewedByThePersonInCharge.vue
new file mode 100644
index 000000000..3632066fb
--- /dev/null
+++ b/jero-web/src/views/processCenter/components/reviewedByThePersonInCharge.vue
@@ -0,0 +1,166 @@
+<template>
+  <div class="box">
+    <div class="box-text">
+      <div class="header-text">
+        {{$t('reviewedByThePersonInCharge')}}
+      </div>
+    </div>
+    <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+      <a-row :gutter="24">
+        <a-col :span="24">
+          <div class="box-title-text">
+            <div class="title-text">
+              <span class="Required">*</span>
+              <span class="title-text-text" :title="$t('reviewResults')">{{$t('reviewResults')}}</span>
+            </div>
+            <a-form-model-item class="itemModel" prop="reviewResult">
+              <a-radio-group style="margin-top: 2px" class="box-input" v-model="formInline.reviewResult">
+                <a-radio value="conformity">
+                  {{$t('accord')}}
+                </a-radio>
+                <a-radio value="inconformity">
+                  {{$t('nonConformity')}}
+                </a-radio>
+                <a-radio value="to track">
+                  {{$t('Tracked')}}
+                </a-radio>
+                <a-radio value="uninvolved">
+                  {{$t('notInvolved')}}
+                </a-radio>
+              </a-radio-group>
+            </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('feedbackMessage')">{{$t('feedbackMessage')}}</span>
+            </div>
+            <a-form-model-item class="itemModel" prop="approvalOpinion">
+              <a-textarea :placeholder="$t('pleaseEnter')+$t('feedbackMessage')" v-model="formInline.approvalOpinion"
+                          :rows="4"/>
+            </a-form-model-item>
+          </div>
+        </a-col>
+      </a-row>
+    </a-form-model>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'reviewedByThePersonInCharge',
+    data() {
+      return {
+        formInline: {},
+        isTrue: false,
+        rules: {
+          reviewResult: [
+            {
+              required: true,
+              message: this.$t('reviewResults') + this.$t('cannotEmpty'),
+              trigger: 'change'
+            }
+          ],
+          approvalOpinion: [
+            {
+              max: 300,
+              message: this.$t('feedbackMessage') + this.$t('cannotExceed') + 300 + this.$t('Characters'),
+              trigger: 'blur'
+            }
+          ]
+        }
+      }
+    },
+    mounted() {
+    },
+    methods: {
+      submit(callBack) {
+        this.$refs.ruleForm.validate(valid => {
+          if (valid) {
+            callBack(this.formInline)
+          }
+        })
+      }
+    }
+  }
+</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;
+  }
+
+  .formAdd {
+    margin-bottom: 40px;
+  }
+
+  .button-text {
+    height: 38px;
+    width: calc(100% - 100px);
+    line-height: 38px;
+    background: #fff;
+    border: 1px #00B3BE solid;
+    color: #00B3BE;
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/processCenter/components/standardContent.vue b/jero-web/src/views/processCenter/components/standardContent.vue
index 11a198058..722669fca 100644
--- a/jero-web/src/views/processCenter/components/standardContent.vue
+++ b/jero-web/src/views/processCenter/components/standardContent.vue
@@ -8,13 +8,25 @@
     <div class="content-text">
       <div class="text-field" v-for="(item,index) in standardContentList" :key="index">
         <span class="text-field-left" :title="item.title">{{item.title}}</span>
-        <span class="text-field-right" :title="queryForm[item.value]"
+        <span class="text-field-right text-field-right-url"
+              :title="queryForm[item.value]"
+              @click="urlClick(queryForm[item.value])"
+              v-if="item.type == 1"
+        >{{queryForm[item.value]}}</span>
+
+        <span class="text-field-right"
+              :title="queryForm[item.value]" v-else
         >{{queryForm[item.value]}}</span>
       </div>
     </div>
   </div>
 </template>
-
+<!--
+   type:
+   1打开新页面
+   2显示文件
+   3点击事件处理\需要传点击事件
+-->
 <script>
   import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
 
@@ -44,7 +56,13 @@
     mounted() {
       this.queryForm = this.standardContentQuery
     },
-    methods: {}
+    methods: {
+      urlClick(val) {
+        if (val) {
+          window.open(val)
+        }
+      }
+    }
   }
 </script>
 
@@ -98,6 +116,11 @@
         color: #040B29;
         font-weight: 400;
       }
+
+      .text-field-right-url {
+        color: #00B3BE !important;
+        cursor: pointer;
+      }
     }
   }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/processCenter/processForm/taskListProcess/index.vue b/jero-web/src/views/processCenter/processForm/taskListProcess/index.vue
new file mode 100644
index 000000000..d0796936e
--- /dev/null
+++ b/jero-web/src/views/processCenter/processForm/taskListProcess/index.vue
@@ -0,0 +1,218 @@
+<template>
+  <div id="examineBox">
+    <headerProcess
+      :title="$t('confirmationOfDesignConformity')"
+      :is-termination-process="isTerminationProcess"
+      :is-adopt="isAdopt"
+      :isSendBack="isSendBack"
+      @terminationProcess="terminationProcess"
+      @adopt="adopt"
+      @sendBack="sendBack"
+    />
+    <div class="detail-box">
+      <div class="detail-content">
+        <projectInformation
+          v-if="!loading"
+          :projectInformationList="projectInformationList"
+          :url="url"
+          :projectInformationId="this.queryBy.projectLibraryId"
+        />
+        <standardContent
+          v-if="!loading"
+          :standardContentList="standardContentList"
+          :url="url"
+          :standardContentQuery="queryProject"
+        />
+        <engineeringConfirmation
+          v-if="!loading"
+        />
+        <reviewedByThePersonInCharge
+          v-if="!loading"
+        />
+        <circulationHistory v-if="!loading" :url="url"/>
+      </div>
+    </div>
+    <JLoading :loading="loading">{{textLoading}}</JLoading>
+  </div>
+</template>
+
+<script>
+  import headerProcess from '../../components/headerProcess'
+  import projectInformation from '../../components/projectInformation'
+  import standardContent from '../../components/standardContent'
+  import standardContentListTable from '../../components/standardContentList'
+  import circulationHistory from '../../components/circulationHistory'
+  import engineeringConfirmation from '../../components/engineeringConfirmation'
+  import reviewedByThePersonInCharge from '../../components/reviewedByThePersonInCharge'
+  import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
+  import { mapGetters } from 'vuex'
+
+  export default {
+    name: 'index',
+    components: {
+      headerProcess,
+      projectInformation,
+      standardContent,
+      standardContentListTable,
+      reviewedByThePersonInCharge,
+      circulationHistory,
+      engineeringConfirmation
+    },
+    data() {
+      return {
+        url: {
+          urlFrom: 'project/projectLibraryBase/queryById',
+          queryProjectLawsInventoryInfoById: 'project/projectLawsInventoryEO/queryProjectLawsInventoryInfoById',
+          queryTaskDetailByTaskIds: '/task/queryTaskDetailByTaskIds'
+        },
+        queryBy: {},
+        queryProject: {},
+        loading: false,
+        textLoading:this.$t('dataLoading'),
+        projectInformationList: [
+          {
+            title: this.$t('entryName'),
+            value: 'projectName'
+          },
+          {
+            title: this.$t('targetMarket'),
+            value: 'targetMarket_dictText'
+          },
+          {
+            title: this.$t('projectStatus'),
+            value: 'projectStatus_dictText'
+          },
+          {
+            title: this.$t('StudioEngineer'),
+            value: 'studioEngineerName'
+          },
+          {
+            title: this.$t('certifiedEngineer'),
+            value: 'certificationEngineerName'
+          },
+          {},
+          {
+            title: this.$t('DigitalPlatform'),
+            value: 'digitalPlatform_dictText'
+          },
+          {
+            title: this.$t('ModelPlatform'),
+            value: 'vehiclePlatform_dictText'
+          },
+          {},
+          {
+            title: this.$t('IPDInformation'),
+            value: 'ipdInfo',
+            type: 1
+          },
+          {
+            title: this.$t('certificationProgram'),
+            value: 'attestationPlan',
+            type: 1
+          },
+          {
+            title: this.$t('dehicleDevelopmentPlan'),
+            value: 'vehicleDevelopmentPlan',
+            type: 1
+          }
+        ],
+        standardContentList: [
+          {
+            title: this.$t('standard'),
+            value: 'serialNumber'
+          },
+          {
+            title: this.$t('title'),
+            value: 'title'
+          },
+          {
+            title: this.$t('subtitle'),
+            value: 'subtitle'
+          },
+          {
+            title: this.$t('correspondingStandard'),
+            value: 'correspondingStandard'
+          },
+          {
+            title: this.$t('Sponsor'),
+            value: 'designInitiatorName'
+          },
+          {
+            title: this.$t('personLiable'),
+            value: 'designDutyName'
+          },
+          {
+            title: this.$t('regulatoryEngineer'),
+            value: 'regulationOwnerName'
+          },
+          {
+            title: this.$t('certifiedEngineer'),
+            value: 'homologationEngineerName'
+          },
+          {},
+          {
+            title: this.$t('typeOfDeliverables'),
+            value: 'designDeliverableType_dictText'
+          },
+          {
+            title: this.$t('deliverableTemplate'),
+            value: 'designDeliverableTemplate',
+            name: 'designDeliverableTemplateName',
+            type: 2
+          },
+          {
+            title: this.$t('technicalEvaluationResults'),
+            value: 'technicalEvaluationResults'
+          },
+          {
+            title: this.$t('remarks'),
+            value: 'remark'
+          }
+        ]
+      }
+    },
+    computed: {
+      isSendBack() {
+        return true
+      },
+      isTerminationProcess() {
+        return true
+      },
+      isAdopt() {
+        return true
+      }
+    },
+    mounted() {
+    },
+    methods: {
+      ...mapGetters(['userInfo']),
+      terminationProcess() {
+
+      },
+      adopt() {
+
+      },
+      sendBack() {
+
+      }
+    }
+  }
+</script>
+
+<style lang="less" 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>
\ No newline at end of file