From 6b8cadab4e0c38a0dd631ea395e09080bed31bee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Mon, 20 Mar 2023 18:04:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=B3=95=E8=A7=84=E6=B8=85?=
 =?UTF-8?q?=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/circulationHistory.vue         |  10 +-
 .../components/dealtWith.vue                  |   9 +-
 .../components/designCompliance.vue           |  99 ++++-----
 .../components/projectInformation.vue         | 159 ++++++++++++++
 .../reviewedByThePersonInCharge.vue           | 119 ++++++-----
 .../components/standardContent.vue            | 201 ++++++++++++++++++
 6 files changed, 469 insertions(+), 128 deletions(-)
 create mode 100644 jero-web/src/views/toDoCenter/projectRegulationTasks/components/projectInformation.vue
 create mode 100644 jero-web/src/views/toDoCenter/projectRegulationTasks/components/standardContent.vue

diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/circulationHistory.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/circulationHistory.vue
index 624d71225..22873d08a 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/circulationHistory.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/circulationHistory.vue
@@ -138,13 +138,13 @@
   .box-text {
     display: flex;
     justify-content: space-between;
-    height: 80px;
-    line-height: 80px;
+    height: 40px;
+    line-height: 24px;
 
     .header-text {
-      font-size: 18px;
-      font-weight: 400;
-      color: #000F16;
+      font-size: 16px;
+      font-weight: bold;
+      color: #000;
     }
   }
 
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/dealtWith.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/dealtWith.vue
index ed956af09..c90c0026e 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/dealtWith.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/dealtWith.vue
@@ -45,7 +45,7 @@
         @showSizeChange="SizeChange"
       />
     </div>
-    <designCompliance ref="designComplianceRef"/>
+    <designCompliance ref="designComplianceRef" @designComplianceList="designComplianceList"/>
   </div>
 </template>
 
@@ -96,14 +96,14 @@
           {
             title: this.$t('Tasknode'),
             align: 'left',
-            dataIndex: '',
+            dataIndex: 'taskDefinitionKeyName',
             ellipsis: true,
             width: 170
           },
           {
             title: this.$t('typeOfDeliverables'),
             align: 'left',
-            dataIndex: '',
+            dataIndex: 'deliverableTypeName',
             ellipsis: true,
             width: 170
           },
@@ -198,6 +198,9 @@
         this.selectedRowKeys = value
         console.log(this.selectedRowKeys)
       },
+      designComplianceList(){
+        this.getList()
+      },
       RelatedItemsClick(item) {
         let newUrl = this.$router.resolve({
           path: '/ProjectDetails',
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/designCompliance.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/designCompliance.vue
index 5510957e8..214b844e4 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/designCompliance.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/designCompliance.vue
@@ -3,12 +3,13 @@
     <a-drawer
       :title="title"
       :maskClosable="false"
-      :width="1200"
+      :width="1000"
       placement="right"
       :closable="true"
       @close="handleCancel"
       :visible="visible"
-      style="height: 100%;overflow: auto;padding-bottom: 53px;">
+      style="height: 100%;overflow: auto;margin-bottom: 436px;">
+
       <JLoading :loading="loading">{{textLoading}}</JLoading>
       <projectInformation
         v-if="isDisplay"
@@ -25,25 +26,27 @@
         :url="url"
         :standardContentQuery="queryProject"
       />
-      <reviewedByThePersonInCharge
-        v-if="isDisplay"
-        ref="reviewedByThePersonInChargeRef"
-        :query="queryData"
-        :queryBy="queryBy"
-        :queryPersonInCharge="queryPersonInCharge"/>
+     <div style="margin-bottom: 436px">
+       <circulationHistory
+         :title="$t('Processhistory')"
+       />
+     </div>
+
+
+      <div class="drawer-review">
+        <reviewedByThePersonInCharge
+          v-if="isDisplay"
+          ref="reviewedByThePersonInChargeRef"
+          :query="queryData"
+          :queryBy="queryBy"
+          :queryPersonInCharge="queryPersonInCharge"/>
+      </div>
 
-      <circulationHistory
-        :title="$t('Processhistory')"
-      />
       <div class="drawer-bootom-button">
         <footerProcess
           v-if="isDisplay"
-          :is-adopt="isAdopt"
-          :isSendBack="isSendBack"
           :is-cancel="isCancel"
           :is-confirm="isConfirm"
-          @adopt="adopt"
-          @sendBack="sendBack"
           @cancel="handleCancel"
           @confirm="confirm"
         />
@@ -54,8 +57,8 @@
 </template>
 
 <script>
-  import projectInformation from '../../../processCenter/components/projectInformation'
-  import standardContent from '../../../processCenter/components/standardContent'
+  import projectInformation from './projectInformation'
+  import standardContent from './standardContent'
   import footerProcess from '../../../processCenter/components/footerProcess'
   import reviewedByThePersonInCharge from './reviewedByThePersonInCharge'
   import circulationHistory from './circulationHistory'
@@ -122,31 +125,11 @@
       }
     },
     computed: {
-      isSendBack() {
-        if (this.queryData.TaskKey == 'zrrtjjfw' || this.queryData.TaskKey == 'fggcssh' || this.queryData.TaskKey == 'dezrrtjjfw') {
-          return true
-        }
-        return false
-      },
-      isAdopt() {
-        if (this.queryData.TaskKey == 'fggcssh') {
-          return true
-        }
-        return false
-      },
       isCancel() {
-        if (this.queryData.TaskKey == 'zrrqr' || this.queryData.TaskKey == 'dezrrqr' ||
-          this.queryData.TaskKey == 'zrrtjjfw' || this.queryData.TaskKey == 'dezrrtjjfw') {
-          return true
-        }
-        return false
+        return true
       },
       isConfirm() {
-        if (this.queryData.TaskKey == 'zrrqr' || this.queryData.TaskKey == 'dezrrqr' ||
-          this.queryData.TaskKey == 'zrrtjjfw' || this.queryData.TaskKey == 'dezrrtjjfw') {
-          return true
-        }
-        return false
+        return true
       }
     },
     mounted() {
@@ -156,28 +139,6 @@
       handleCancel() {
         this.visible = false
       },
-      adopt(operatorTime) {
-        this.$refs.reviewedByThePersonInChargeRef.submitNoRule((res) => {
-          this.textLoading = this.$t('Submitting')
-          this.loading = true
-          res.operatorTime = operatorTime
-          res.disposeResult = 'Accepted'
-          this.completeTask(res)
-        })
-      },
-      sendBack(operatorTime) {
-        this.textLoading = this.$t('Returning')
-        this.loading = true
-        this.$refs.reviewedByThePersonInChargeRef.submitNoRule((res) => {
-          if (this.queryData.TaskKey == 'fggcssh"') {
-            res.disposeResult = 'Rejected'
-          } else {
-            res.disposeResult = 'Returned'
-          }
-          res.secondChargePersonUserId = ''
-          this.completeTask({ operatorTime: operatorTime, ...res })
-        })
-      },
       confirm(operatorTime) {
         this.$refs.reviewedByThePersonInChargeRef.submit((res) => {
           this.completeTask({ operatorTime: operatorTime, ...res })
@@ -200,7 +161,8 @@
         postAction('/workFlow/completeTask', query).then((res) => {
           if (res.success) {
             this.$message.success(this.$t('OperationSuccessful'))
-            this.edit()
+            this.visible = false
+            this.$emit('designComplianceList')
           } else {
             this.loading = false
             this.$message.warning(res.message)
@@ -314,4 +276,17 @@
     background: #fff;
     border-radius: 0 0 2px 2px;
   }
+
+  .drawer-review {
+    position: absolute;
+    bottom: 40px;
+    z-index: 100;
+    height: 384px;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/projectInformation.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/projectInformation.vue
new file mode 100644
index 000000000..1967e44dd
--- /dev/null
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/projectInformation.vue
@@ -0,0 +1,159 @@
+<template>
+  <div class="box">
+    <div class="box-text">
+      <div class="header-text">
+        {{title}}
+      </div>
+    </div>
+    <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 text-field-right-url"
+              @click="standardClick(queryForm)"
+              v-else-if="item.type == '4'" :title="queryForm[item.value]"
+        >{{queryForm[item.value]}}</span>
+        <span class="text-field-right" v-else :title="queryForm[item.value]"
+        >{{queryForm[item.value]}}</span>
+      </div>
+    </div>
+  </div>
+</template>
+<!--
+   type:
+   1打开新页面
+   2显示文件
+   3点击事件处理\需要传点击事件
+   4标注号的跳转
+-->
+<script>
+  import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
+
+  export default {
+    name: 'projectInformation',
+    props: {
+      //   {title:'',value:'v-model的绑定值'}
+      projectInformationList: {
+        type: Array,
+        default: []
+      },
+      //  需要参数urlFrom，获取数据去显示内容
+      url: {
+        type: Object,
+        default: {}
+      },
+      projectInformationId: {
+        type: String,
+        default: ''
+      },
+      queryProject: {
+        type: Object,
+        default: {}
+      },
+      title: {
+        type: String,
+        default: ''
+      }
+    },
+    data() {
+      return {
+        queryForm: {}
+      }
+    },
+    mounted() {
+      this.getQueryForm()
+    },
+    methods: {
+      getQueryForm() {
+        getAction(this.url.urlFrom, { id: this.projectInformationId }).then((res) => {
+          if (res.success) {
+            this.queryForm = res.result[0] || {}
+            if (this.queryProject) {
+              this.queryForm = { ...this.queryForm, ...this.queryProject }
+            }
+          } else {
+            this.queryForm = {}
+          }
+        })
+      },
+      urlClick(val) {
+        if (val) {
+          window.open(val)
+        }
+      },
+      standardClick(row) {
+        let newUrl = this.$router.resolve({
+          path: '/docManage/library/detail',
+          query: {
+            id: row.standId
+          }
+        })
+        window.open(newUrl.href, '_blank')
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .box {
+    padding: 0 24px 24px 24px;
+    box-sizing: border-box;
+  }
+
+  .box-text {
+    display: flex;
+    justify-content: space-between;
+    height: 40px;
+    line-height: 24px;
+
+    .header-text {
+      font-size: 16px;
+      font-weight: bold;
+      color: #000;
+    }
+  }
+
+  .content-text {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+
+    .text-field {
+      width: 50%;
+      margin-bottom: 8px;
+
+      .text-field-left {
+        width: 114px;
+        display: inline-block;
+        font-size: 14px;
+        font-weight: 400;
+        color: #6F7385;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        margin-right: 4px;
+      }
+
+      .text-field-right {
+        width: calc(100% - 118px);
+        display: inline-block;
+        font-size: 14px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        word-break: break-word;
+        color: #040B29;
+        font-weight: 500;
+      }
+
+      .text-field-right-url {
+        color: #00B3BE !important;
+        cursor: pointer;
+      }
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/reviewedByThePersonInCharge.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/reviewedByThePersonInCharge.vue
index 24939325e..8d45acc9a 100644
--- a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/reviewedByThePersonInCharge.vue
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/reviewedByThePersonInCharge.vue
@@ -9,45 +9,48 @@
     </div>
     <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
       <a-row :gutter="24">
-        <a-col :span="24" v-if="query.TaskKey != 'fggcssh'">
+        <a-col :span="24">
           <div class="box-title-text">
             <div class="title-text">
               <span class="Required">*</span>
               <span class="title-text-text" :title="$t('resultofhandling')">{{$t('resultofhandling')}}</span>
             </div>
-            <a-form-model-item class="itemModel" :prop="query.isDisplay?'':'disposeResult'">
-              <a-radio-group style="margin-top: 2px"
-                             :disabled="!query.isDisplay?true:false"
-                             @change="reviewResultChange"
-                             class="box-input"
-                             v-model="formInline.disposeResult">
-                <a-radio value="Accepted" v-if="query.TaskKey == 'zrrqr' || query.TaskKey == 'dezrrqr'">
-                  {{$t('accept')}}
-                </a-radio>
-                <a-radio value="Rejected" v-if="query.TaskKey == 'zrrqr'">
-                  {{$t('refuse')}}
-                </a-radio>
-                <a-radio value="Returned" v-if="query.TaskKey == 'dezrrqr'">
-                  {{$t('sendBack')}}
-                </a-radio>
-                <a-radio value="Compliance" v-if="query.TaskKey == 'dezrrtjjfw' || query.TaskKey == 'zrrtjjfw'">
-                  {{$t('accord')}}
-                </a-radio>
-                <a-radio value="Non-Compliance" v-if="query.TaskKey == 'dezrrtjjfw' || query.TaskKey == 'zrrtjjfw'">
-                  {{$t('nonConformity')}}
-                </a-radio>
-                <a-radio value="To be tracked" v-if="query.TaskKey == 'zrrtjjfw' || query.TaskKey == 'dezrrtjjfw'">
-                  {{$t('Tracked')}}
-                </a-radio>
-                <a-radio value="NA" v-if="query.TaskKey == 'zrrtjjfw' || query.TaskKey == 'dezrrtjjfw'">
-                  {{$t('notInvolved')}}
-                </a-radio>
-                <a-radio value="Transfer" v-if="query.TaskKey == 'zrrtjjfw' || query.TaskKey == 'zrrqr'">
-                  {{$t('turnToDo')}}
-                </a-radio>
-              </a-radio-group>
-            </a-form-model-item>
           </div>
+          <a-form-model-item class="itemModel" :prop="'disposeResult'">
+            <a-radio-group :disabled="!query.isDisplay?true:false"
+                           @change="reviewResultChange"
+                           class="box-input"
+                           v-model="formInline.disposeResult">
+              <a-radio value="Accepted" v-if="query.TaskKey == 'zrrqr' || query.TaskKey == 'dezrrqr'">
+                {{$t('accept')}}
+              </a-radio>
+              <a-radio value="Rejected" v-if="query.TaskKey == 'zrrqr'">
+                {{$t('refuse')}}
+              </a-radio>
+              <a-radio value="adopt" v-if="query.TaskKey == 'fggcssh'">
+                {{$t('adopt')}}
+              </a-radio>
+              <a-radio value="Returned" v-if="query.TaskKey == 'dezrrqr' || query.TaskKey == 'dezrrtjjfw' ||
+              query.TaskKey == 'zrrtjjfw' || query.TaskKey == 'fggcssh'">
+                {{$t('sendBack')}}
+              </a-radio>
+              <a-radio value="Compliance" v-if="query.TaskKey == 'dezrrtjjfw' || query.TaskKey == 'zrrtjjfw'">
+                {{$t('accord')}}
+              </a-radio>
+              <a-radio value="Non-Compliance" v-if="query.TaskKey == 'dezrrtjjfw' || query.TaskKey == 'zrrtjjfw'">
+                {{$t('nonConformity')}}
+              </a-radio>
+              <a-radio value="To be tracked" v-if="query.TaskKey == 'zrrtjjfw' || query.TaskKey == 'dezrrtjjfw'">
+                {{$t('Tracked')}}
+              </a-radio>
+              <a-radio value="NA" v-if="query.TaskKey == 'zrrtjjfw' || query.TaskKey == 'dezrrtjjfw'">
+                {{$t('notInvolved')}}
+              </a-radio>
+              <a-radio value="Transfer" v-if="query.TaskKey == 'zrrtjjfw' || query.TaskKey == 'zrrqr'">
+                {{$t('turnToDo')}}
+              </a-radio>
+            </a-radio-group>
+          </a-form-model-item>
         </a-col>
       </a-row>
       <a-row :gutter="24">
@@ -57,29 +60,29 @@
               <span class="Required">*</span>
               <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-form-model-item class="itemModel" prop="approvalOpinion">
+            <a-textarea :placeholder="$t('pleaseEnter')+$t('feedbackMessage')"
+                        v-model="formInline.approvalOpinion"
+                        :rows="4"/>
+          </a-form-model-item>
         </a-col>
       </a-row>
-      <a-row :gutter="24" v-if="this.query.TaskKey == 'zrrtjjfw' || this.query.TaskKey == 'dezrrtjjfw'">
+      <a-row :gutter="24" v-if="query.TaskKey == 'dezrrtjjfw' || query.TaskKey == 'zrrtjjfw'">
         <a-col :span="24">
           <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">
-              <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-form-model-item class="itemModel">
+            <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>
         </a-col>
       </a-row>
     </a-form-model>
@@ -242,32 +245,32 @@
 
 <style scoped lang="less">
   .box {
-    padding: 0 24px 0 24px;
+    padding: 0 24px 24px 24px;
     box-sizing: border-box;
   }
 
   .box-text {
     display: flex;
     justify-content: space-between;
-    height: 60px;
-    line-height: 40px;
+    height: 40px;
+    line-height: 24px;
 
     .header-text {
-      font-size: 18px;
-      font-weight: 400;
-      color: #000F16;
+      font-size: 16px;
+      font-weight: bold;
+      color: #000;
     }
   }
 
   .box-title-text {
-    line-height: 1.4;
+    /*line-height: 1.4;*/
     display: flex;
     /*align-items: center;*/
   }
 
   .title-text {
     width: 88px;
-    text-align: right;
+    text-align: left;
     display: inline-block;
     font-weight: 500;
     font-size: 14px;
@@ -275,8 +278,8 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    height: 42px;
-    line-height: 48px;
+    height: 32px;
+    line-height: 36px;
     color: #000F16;
   }
 
@@ -305,7 +308,7 @@
     width: 100%;
     display: inline-block;
     margin-top: 2px;
-    margin-bottom: 12px;
+    margin-bottom: 0px;
   }
 
   .Required {
diff --git a/jero-web/src/views/toDoCenter/projectRegulationTasks/components/standardContent.vue b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/standardContent.vue
new file mode 100644
index 000000000..eb70934c9
--- /dev/null
+++ b/jero-web/src/views/toDoCenter/projectRegulationTasks/components/standardContent.vue
@@ -0,0 +1,201 @@
+<template>
+  <div class="box">
+    <div class="box-text">
+      <div class="header-text">
+        {{title}}
+      </div>
+      <div v-if="isConfirmationDeadline" class="header-text" style="margin-right: 20px">
+        {{this.$t('ConfirmationDeadline')}} : {{this.queryForm.taskAffirmDueDate}}
+      </div>
+    </div>
+    <div class="content-text">
+      <div class="text-field" :class="{'text-content-button-one':item.type == 4 ? true :false}"
+           v-for="(item,index) in standardContentList" :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 text-field-right-url"
+              @click="standardClick(queryForm)"
+              v-else-if="item.type == '5'" :title="queryForm[item.value]"
+        >{{queryForm[item.value]}}</span>
+        <span class="text-field-right text-field-right-url"
+              @click="clickButtonToUpload(queryForm[item.value])"
+              v-else-if="item.type == 2 && queryForm[item.value]"
+        >{{ $t('viewFile') }}</span>
+        <span class="text-field-right"
+              :title="queryForm[item.value]" v-else
+        >{{queryForm[item.value]}}</span>
+      </div>
+    </div>
+    <viewFileModel ref="viewFileModelRef"/>
+  </div>
+</template>
+<!--
+   type:
+   1打开新页面
+   2显示文件
+   3点击事件处理\需要传点击事件
+-->
+<script>
+  import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
+  import { Base64 } from 'js-base64'
+  import viewFileModel from '@/components/viewFileModel/index'
+
+  export default {
+    name: 'standardContent',
+    props: {
+      //   {title:'',value:'v-model的绑定值'}
+      standardContentList: {
+        type: Array,
+        default: []
+      },
+      //  需要参数urlFrom，获取数据去显示内容
+      url: {
+        type: Object,
+        default: {}
+      },
+      standardContentQuery: {
+        type: Object,
+        default: {}
+      },
+      title: {
+        type: String,
+        default: ''
+      },
+      isConfirmationDeadline: {
+        type: Boolean,
+        default: false
+      }
+    },
+    components: {
+      viewFileModel
+    },
+    data() {
+      return {
+        queryForm: {}
+      }
+    },
+    mounted() {
+      this.queryForm = this.standardContentQuery
+      console.log(this.queryForm)
+    },
+    methods: {
+      urlClick(val) {
+        if (val) {
+          window.open(val)
+        }
+      },
+      standardClick(row) {
+        let newUrl = this.$router.resolve({
+          path: '/docManage/library/detail',
+          query: {
+            id: row.standId
+          }
+        })
+        window.open(newUrl.href, '_blank')
+      },
+      clickButtonToUpload(item) {
+        this.$refs.viewFileModelRef.clickButtonToUpload(item)
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .box {
+    padding: 0 24px 24px 24px;
+    box-sizing: border-box;
+  }
+
+  .box-text {
+    display: flex;
+    justify-content: space-between;
+    height: 40px;
+    line-height: 24px;
+
+    .header-text {
+      font-size: 16px;
+      font-weight: bold;
+      color: #000000;
+    }
+  }
+
+  .content-text {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+
+    .text-field {
+      width: 50%;
+      margin-bottom: 8px;
+
+      .text-field-left {
+        width: 114px;
+        display: inline-block;
+        font-size: 14px;
+        font-weight: 400;
+        color: #6F7385;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        margin-right: 4px;
+      }
+
+      .text-field-right {
+        width: calc(100% - 118px);
+        display: inline-block;
+        font-size: 14px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        word-break: break-word;
+        color: #040B29;
+        font-weight: 400;
+      }
+
+      .text-field-right-url {
+        color: #00B3BE !important;
+        cursor: pointer;
+      }
+    }
+
+    .text-content-button-one {
+      width: 100%;
+
+      .text-field-left {
+        width: 124px;
+        display: inline-block;
+        font-size: 14px;
+        font-weight: 400;
+        color: #6F7385;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        margin-right: 24px;
+        float: left;
+        margin-top: 3px;
+      }
+
+      .text-field-right {
+        width: calc(100% - 200px);
+        display: inline-block;
+        font-size: 16px;
+        text-overflow: ellipsis;
+        white-space: pre-wrap;
+        overflow: visible;
+        word-break: break-word;
+        float: left;
+        color: #040B29;
+        font-weight: 400;
+      }
+
+      .text-field-right-url {
+        color: #00B3BE !important;
+        cursor: pointer;
+      }
+    }
+  }
+</style>
\ No newline at end of file