文档详情

jero-web/src/views/documentManage/splitting/modules/splitDetail.vue

@@ -47,7 +47,7 @@
                       <a-col :md="6" :sm="8">
                         <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
                           <a-button type="primary" @click="searchQuery" icon="search">{{$t('query')}}</a-button>
-                          <a-button @click="searchReset" icon="reload" style="margin-left: 8px">清空</a-button>
+                          <a-button @click="searchReset" icon="reload" style="margin-left: 8px">{{ $t('reset') }}</a-button>
                         </span>
                       </a-col>
                     </a-row>
@@ -57,35 +57,35 @@
               <div class="table-operator">
                 <div class="operator-text" @click="handleCopyManage">
                   <a-icon type="copy" />
-                  复制
+                  {{ $t('copy') }}
                 </div>
                 <div class="operator-text" @click="handleAddManage">
                   <a-icon type="plus" />
-                  新增
+                  {{ $t('add') }}
                 </div>
                 <div class="operator-text" @click="handleImportManage">
                   <a-icon type="import" :rotate="-90" />
-                  导入
+                  {{ $t('import') }}
                 </div>
                 <div class="operator-text" @click="handleExportManage">
                   <a-icon type="export" :rotate="-90"/>
-                  导出
+                  {{ $t('export') }}
                 </div>
                 <div class="operator-text" @click="handleDownManage">
                   <a-icon type="download" />
-                  模板下载
+                  {{ $t('TemplateDownload') }}
                 </div>
                 <div class="operator-text" @click="handleMergeManage">
                   <a-icon type="snippets" />
-                  合并条款
+                  {{ $t('MergerClause') }}
                 </div>
                 <div class="operator-text" @click="handleManage">
                   <a-icon type="setting" />
-                  批量设置
+                  {{ $t('BatchSetting') }}
                 </div>
                 <div class="operator-text" @click="handleBatCancel">
                   <a-icon type="delete" />
-                  批量删除
+                  {{ $t('BatchDelete') }}
                 </div>
               </div>
               <div class="split-detail-table">
@@ -110,15 +110,19 @@
               </div>
             </div>
           </div>
+          <splitAddForm v-if="addVisible" :addVisible="addVisible" @closeVisible="closeVisible"></splitAddForm>
         </div>
       </a-card>
     </div>
 </template>
 
 <script>
-
+  import splitAddForm from './splitAddForm'
   export default {
     name: 'splitDetail',
+    components:{
+      splitAddForm
+    },
     data() {
       return {
         queryParams:{
@@ -191,6 +195,7 @@
             key: 'serialContent',
             align: "center",
             width: 200,
+            ellipsis: true,
           },
           {
             title: '功能领域',
@@ -215,7 +220,8 @@
             align: "center",
             width: 80
           }
-        ]
+        ],
+        addVisible:false
       }
     },
     mounted() {
@@ -319,7 +325,10 @@
       },
       //新增
       handleAddManage(){
-
+        this.addVisible=true
+      },
+      closeVisible(val){
+        this.addVisible=val
       },
       //导入
       handleImportManage(){