完善车型管理--关联公告型号时增加新增功能

anrui-scm/anrui-scm-ui/src/views/cheliang/chexing/relation/gongggaoxinghao.vue

@@ -1,10 +1,11 @@
 <template>
   <div class="app-container">
     <!--Start 列表页面-->
-    <div>
+    <div v-show="viewState == 1">
       <div class="tab-header webtop">
         <div>关联公告型号</div>
         <div>
+          <el-button type="primary" size="small" @click="handleAdd()">新增公告型号</el-button>
           <el-button type="primary" size="small" @click="handleConfirm()">确认</el-button>
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
@@ -75,6 +76,7 @@
         </div>
       </div>
     </div>
+    <gonggaoAdd v-show="viewState == 2" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
   </div>
 </template>
 
@@ -82,15 +84,18 @@
 import { getList, setRel } from '@/api/cheliang/baseaffichemodel'
 import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
+import gonggaoAdd from '../../../othermenu/affichetype/gonggaoAdd'
 
 export default {
   name: 'changyongpeizhiguanlian',
   components: {
     Pagination,
-    pageye
+    pageye,
+    gonggaoAdd
   },
   data() {
     return {
+      viewState: 1,
       isSearchShow: false,
       searchxianshitit: '显示查询条件',
       // 查询 -----------
@@ -186,6 +191,10 @@ export default {
       this.listQuery.params.announcementmodelName = ''
       this.getList()
     },
+    handleAdd() {
+      this.viewState = 2
+      this.$refs['divAdd'].showAdd()
+    },
     handleConfirm() {
       if (this.sids.length === 0) {
         this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行关联' })
@@ -197,6 +206,9 @@ export default {
           this.handleReturn('true')
         }
       })
+    },
+    resetState() {
+      this.viewState = 1
     }
   }
 }