From 6a2ae15e093dde58b69fd8f4cd2299be7585e7df Mon Sep 17 00:00:00 2001
From: sunFlower <787203167@qq.com>
Date: Thu, 22 Sep 2022 11:55:59 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BF=AE=E6=94=B9=E4=B8=89=E6=9C=9F=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/components/layouts/TabLayout.vue |   1 +
 jero-web/src/config/router.config.js          |   5 +
 .../components/evaluationResultsList.vue      | 202 +++++++++++-------
 .../collectionOfRegulatoryOpinions/index.vue  |  14 +-
 .../components/feedbackInformation.vue        |  18 ++
 5 files changed, 161 insertions(+), 79 deletions(-)

diff --git a/jero-web/src/components/layouts/TabLayout.vue b/jero-web/src/components/layouts/TabLayout.vue
index 22eed786f..4cca72ab2 100644
--- a/jero-web/src/components/layouts/TabLayout.vue
+++ b/jero-web/src/components/layouts/TabLayout.vue
@@ -98,6 +98,7 @@
           this.$route.path == '/problemKnowledgeBaseRelease' ||
           this.$route.path == '/problemKnowledgeBaseView' ||
           this.$route.path == '/regulatoryInitiatingProcess' ||
+          this.$route.path == '/regulatoryEvaluationResults' ||
           this.$route.path == '/regulatoryProcessReview' ||
           this.$route.path == '/handshakeProcess' ||
           this.$route.path == '/projectStatusAndProgress' ||
diff --git a/jero-web/src/config/router.config.js b/jero-web/src/config/router.config.js
index e425791de..1af8d0462 100644
--- a/jero-web/src/config/router.config.js
+++ b/jero-web/src/config/router.config.js
@@ -342,6 +342,11 @@ export const constantRouterMap = [
     name: 'initiatingProcess',
     component: () => import(/* webpackChunkName: "user" */ '@/views/businessSupport/collectionOfRegulatoryOpinions/components/initiatingProcess')
   },
+  {
+    path: '/regulatoryEvaluationResults',
+    name: 'evaluationResultsList',
+    component: () => import(/* webpackChunkName: "user" */ '@/views/businessSupport/collectionOfRegulatoryOpinions/components/evaluationResultsList')
+  },
   {
     path: '/evaluationInitiationProcess',
     name: 'evaluationInitiationProcess',
diff --git a/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/components/evaluationResultsList.vue b/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/components/evaluationResultsList.vue
index 84f19760a..e559e1e27 100644
--- a/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/components/evaluationResultsList.vue
+++ b/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/components/evaluationResultsList.vue
@@ -1,64 +1,65 @@
 <template>
-  <div>
-    <a-drawer
-      :title="$t('evaluationResults')"
-      :maskClosable="false"
-      :width="1080"
-      placement="right"
-      :closable="true"
-      @close="handleCancel"
-      :visible="visible"
-      style="height: 100%;overflow: auto;padding-bottom: 53px;">
-      <div class="table-operator-right">
-        <div @click="handleExport" v-if="formInline.createBy == userInfoQuery.username" class="operator-text">
-          <a-icon type="export" :rotate="-90"/>
-          {{$t('export')}}
+  <div class="doc-detail">
+    <div class="doc-detail-wrap">
+      <div class="doc-detail-header" style="position: fixed;top: 0">
+        <div class="doc-detail-title">
+          <!--          <span style="line-height: 66px;display: inline-block;float: left">-->
+          <!--            <a-icon type="home" style="margin-right: 6px;"/>-->
+          <!--          </span>-->
+          {{$route.query.serialNumber +' '+$t('evaluationResults')}}
         </div>
       </div>
-      <a-table
-        ref="table"
-        size="middle"
-        :loading="loading"
-        :pagination="false"
-        :scroll="{x: '100%',y:'calc(100vh - 320px)'}"
-        :data-source="dataSource"
-        :columns="columns"
-      >
+      <div style="padding-top: 68px;background: #fff">
+        <div class="detail-content" style="padding:12px 24px">
+          <div class="table-operator-right">
+            <div @click="handleExport" v-if="formInline.createBy == userInfoQuery.username" class="operator-text">
+              <a-icon type="export" :rotate="-90"/>
+              {{$t('export')}}
+            </div>
+          </div>
+          <a-table
+            ref="table"
+            size="middle"
+            :loading="loading"
+            :pagination="false"
+            :scroll="{x: '100%',y:'calc(100vh - 320px)'}"
+            :data-source="dataSource"
+            :columns="columns"
+          >
         <span slot="accessoryFile" slot-scope="text,record">
             <a @click="seeFileClick(text)" v-if="text">
               {{$t('viewFile')}}
             </a>
             <span v-else>--</span>
         </span>
-      </a-table>
-      <div class="page" v-if="dataSource && dataSource.length > 0">
-        <a-pagination
-          :show-total="total => $t('total')+` ${total} `+$t('strip')"
-          show-quick-jumper
-          show-size-changer
-          :page-size.sync="pageSize"
-          :total="total"
-          :current="pageNo"
-          @change="pageOnChange"
-          @showSizeChange="SizeChange"
-        />
-      </div>
-      <div>
-        <span class="text">{{$t('filingExternalOpinions')}}:</span>
-        <div @click="clickButtonToUpload('opinionArchiveId')" style="color: #21c9cc"
-             v-if="formInline.createBy == this.userInfoQuery.username" class="operator-text">
-          <a-icon type="cloud-upload"/>
-          {{$t('clickUpload')}}
-        </div>
-        <div @click="seeFileClick(formInline.opinionArchiveId)" style="color: #21c9cc" class="operator-text">
-          <a-icon type="eye"/>
-          {{$t('viewFile')}}
+          </a-table>
+          <div class="page" v-if="dataSource && dataSource.length > 0">
+            <a-pagination
+              :show-total="total => $t('total')+` ${total} `+$t('strip')"
+              show-quick-jumper
+              show-size-changer
+              :page-size.sync="pageSize"
+              :total="total"
+              :current="pageNo"
+              @change="pageOnChange"
+              @showSizeChange="SizeChange"
+            />
+          </div>
+          <div style="margin-top: 20px">
+            <span class="text">{{$t('filingExternalOpinions')}}:</span>
+            <div @click="clickButtonToUpload('opinionArchiveId')" style="color: #21c9cc"
+                 v-if="formInline.createBy == this.userInfoQuery.username" class="operator-text">
+              <a-icon type="cloud-upload"/>
+              {{$t('clickUpload')}}
+            </div>
+            <div @click="seeFileClick(formInline.opinionArchiveId)" style="color: #21c9cc" class="operator-text">
+              <a-icon type="eye"/>
+              {{$t('viewFile')}}
+            </div>
+          </div>
         </div>
       </div>
-      <div class="drawer-bootom-button">
-        <a-button @click="handleCancel">{{$t('cancel')}}</a-button>
-      </div>
-    </a-drawer>
+    </div>
     <uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"></uploadFile>
     <viewFileModel ref="viewFileModelRef"/>
   </div>
@@ -78,8 +79,6 @@
     },
     data() {
       return {
-        confirmLoading: false,
-        visible: false,
         loading: false,
         total: 0,
         pageSize: 10,
@@ -109,6 +108,13 @@
             ellipsis: true,
             dataIndex: 'reason'
           },
+          {
+            title: this.$t('clauseContent'),
+            align: 'center',
+            width: 180,
+            ellipsis: true,
+            dataIndex: 'clauseContent'
+          },
           {
             title: this.$t('enclosure'),
             align: 'center',
@@ -136,6 +142,7 @@
     },
     mounted() {
       this.userInfoQuery = this.userInfo()
+      this.getData()
     },
     methods: {
       ...mapGetters(['userInfo']),
@@ -186,12 +193,10 @@
         downloadFile('/lawsOpinionGather/lawsOpinionAssessmentResultEO/exportXls',
           this.$t('evaluationResults') + '.zip', query)
       },
-      getData(row) {
-        this.visible = true
-        this.formInline = JSON.parse(JSON.stringify(row))
-        this.actiProcInstId = row.actiProcInstId
-        this.lawsOpinionGatherId = row.id
-        console.log(row)
+      getData() {
+        this.formInline = JSON.parse(JSON.stringify(this.$route.query))
+        this.actiProcInstId = this.$route.query.actiProcInstId
+        this.lawsOpinionGatherId = this.$route.query.id
         this.getList()
       },
       handleCancel() {
@@ -232,19 +237,71 @@
   }
 </script>
 
-<style scoped>
-
-  .drawer-bootom-button {
-    position: absolute;
-    bottom: 0;
-    z-index: 100;
-    width: 100%;
-    border-top: 1px solid #e8e8e8;
-    padding: 10px 16px;
-    text-align: right;
-    left: 0;
+<style scoped lang="less">
+  @import '~@assets/less/common.less';
+  .doc-detail {
     background: #fff;
-    border-radius: 0 0 2px 2px;
+    height: 100%;
+
+    .doc-detail-wrap {
+      .doc-detail-header {
+        width: 100%;
+        height: 68px;
+        line-height: 68px;
+        padding: 0 0 0 32px;
+        box-sizing: border-box;
+        display: flex;
+        justify-content: space-between;
+        border-bottom: 2px #eff1f3 solid;
+        z-index: 1000;
+        background: #fff;
+
+        .doc-detail-title {
+          display: inline-block;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
+          font-size: 20px;
+          font-weight: 400;
+          color: #040B29;
+          line-height: 68px;
+        }
+
+        .doc-detail-right {
+          width: 800px;
+          line-height: 68px;
+          display: flex;
+
+          .doc-detail-btn {
+            margin-left: 10px;
+          }
+        }
+      }
+
+      .content-box {
+        padding: 0 32px;
+        box-sizing: border-box;
+      }
+
+      .header-text {
+        font-size: 16px;
+        font-weight: 400;
+        height: 80px;
+        color: #000F16;
+        line-height: 80px;
+      }
+
+      .processBackground-text {
+        font-size: 16px;
+        color: #000F16;
+      }
+    }
+  }
+
+  .box-button-top {
+    float: right;
+    margin-top: 28px;
+    height: 38px;
   }
 
   .table-operator-right {
@@ -263,12 +320,13 @@
     color: #040B29;
     margin-right: 4px;
   }
+
   ::v-deep .ant-table-row:first-child {
-    background: #fff!important;
+    background: #fff !important;
     opacity: 0.9;
   }
 
   ::v-deep .ant-table-body {
-    background: transparent!important;
+    background: transparent !important;
   }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/index.vue b/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/index.vue
index a6bcb5491..42f004c5b 100644
--- a/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/index.vue
+++ b/jero-web/src/views/businessSupport/collectionOfRegulatoryOpinions/index.vue
@@ -91,7 +91,7 @@
         size="middle"
         :loading="loading"
         :pagination="false"
-        :scroll="{x: '100%',y:'calc(100vh - 160px)'}"
+        :scroll="{x: '100%',y:'calc(100vh - 260px)'}"
         rowKey="id"
         :data-source="dataSource"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
@@ -124,20 +124,15 @@
         />
       </div>
     </div>
-    <evaluationResultsList ref="evaluationResultsListRef"/>
   </a-card>
 </template>
 
 <script>
-  import evaluationResultsList from './components/evaluationResultsList'
   import { getAction, postAction, deleteAction } from '@/api/manage'
   import { mapGetters } from 'vuex'
 
   export default {
     name: 'index',
-    components: {
-      evaluationResultsList
-    },
     data() {
       return {
         //url传参严格按照当前命名
@@ -374,7 +369,12 @@
         window.open(newUrl.href, '_blank')
       },
       evaluationResultsClick(row) {
-        this.$refs.evaluationResultsListRef.getData(JSON.parse(JSON.stringify(row)))
+        let newUrl = this.$router.resolve({
+          path: '/regulatoryEvaluationResults',
+          query:JSON.parse(JSON.stringify(row))
+        })
+        window.open(newUrl.href, '_blank')
+        // this.$refs.evaluationResultsListRef.getData(JSON.parse(JSON.stringify(row)))
       }
     }
   }
diff --git a/jero-web/src/views/processCenter/components/feedbackInformation.vue b/jero-web/src/views/processCenter/components/feedbackInformation.vue
index 81706b645..3b9722099 100644
--- a/jero-web/src/views/processCenter/components/feedbackInformation.vue
+++ b/jero-web/src/views/processCenter/components/feedbackInformation.vue
@@ -91,6 +91,24 @@
               </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('clauseContent')">{{$t('clauseContent')}}</span>
+                </div>
+                <a-form-model-item class="itemModel"
+                                   :prop="'dataList.'+index+'.clauseContent'"
+                                   :rules="[
+                                     {max: 300,message: $t('clauseContent') + $t('cannotExceed') + 300 + $t('Characters'),trigger: 'blur'
+                                    }]">
+                  <a-textarea :placeholder="$t('PleaseEnter')+$t('clauseContent')"
+                              :disabled="disabled"
+                              v-model="item.clauseContent" :rows="4"/>
+                </a-form-model-item>
+              </div>
+            </a-col>
+          </a-row>
         </div>
       </a-form-model>
     </div>