布局认证目录

jero-web/src/views/projectManagement/components/certificationDirectory.vue

@@ -3,7 +3,7 @@
     <a-drawer
       :title="$t('CertificationDirectory')"
       :maskClosable="false"
-      :width="1000"
+      :width="1100"
       placement="right"
       :closable="true"
       @close="handleCancel"
@@ -11,14 +11,14 @@
       style="height: 100%;overflow: auto;padding-bottom: 53px;">
       <div style="margin-bottom: 60px">
         <div class="table-operator">
-          <div class="operator-text">
+          <div class="operator-text" @click="addData">
             <a-icon type="plus"/>
             {{$t('add')}}
           </div>
         </div>
         <a-table
           :columns="columns"
-          :scroll="{x: 800}"
+          :scroll="{x: 900}"
           :data-source="dataList"
           :pagination="false"
           :loading="loading">
@@ -26,6 +26,9 @@
           <a class="text" @click="edit(record)">
                 {{ $t('edit') }}
           </a>
+           <a class="text" @click="deleteData(record)">
+                {{ $t('delete') }}
+          </a>
          </span>
         </a-table>
         <div class="page" v-if="dataList.length > 0">
@@ -41,21 +44,24 @@
         </div>
       </div>
       <div class="drawer-bootom-button">
-        <a-button @click="handleCancel" type="danger" style="margin-right: 16px">{{$t('cancel')}}</a-button>
-        <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
+<!--        style="margin-right: 16px"-->
+        <a-button @click="handleCancel" type="danger">{{$t('cancel')}}</a-button>
+<!--        <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>-->
       </div>
     </a-drawer>
-
+    <certificationDirectoryAdd ref="certificationDirectoryAddRef" />
   </div>
 
 </template>
 
 <script>
   import { getAction, postAction } from '@/api/manage'
-
+  import certificationDirectoryAdd from './certificationDirectoryAdd'
   export default {
     name: 'certificationDirectory',
-    components: {},
+    components: {
+      certificationDirectoryAdd
+    },
     props: ['url'],
     data() {
       return {
@@ -77,14 +83,32 @@
             ellipsis: true
           },
           {
-            title: this.$t('uploadTime'),
-            dataIndex: 'uploadTime',
+            title: this.$t('catalogFile'),
+            dataIndex: 'catalogFile',
             align: 'center',
             ellipsis: true
           },
           {
-            title: this.$t('enclosure'),
-            dataIndex: 'enclosure',
+            title: this.$t('testScheme'),
+            dataIndex: 'testScheme',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('testReportLocation'),
+            dataIndex: 'testReportLocation',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('explain'),
+            dataIndex: 'explain',
+            align: 'center',
+            ellipsis: true
+          },
+          {
+            title: this.$t('uploadTime'),
+            dataIndex: 'uploadTime',
             align: 'center',
             ellipsis: true
           },
@@ -156,7 +180,13 @@
       },
       edit() {
 
-      }
+      },
+      deleteData(){
+
+      },
+      addData(){
+          this.$refs.certificationDirectoryAddRef.add()
+      },
     }
   }
 </script>
@@ -217,4 +247,7 @@
     text-align: right;
     margin-bottom: 20px;
   }
+  .text{
+    margin-right: 8px;
+  }
 </style>