打印机配置完成

src/components/machine/printerRuleDiv.vue

@@ -1,13 +1,13 @@
 <template>
   <el-card class="box-card">
     <div class="button-group">
-      <el-button type="primary" size="small" @click="openAddModal">
+      <el-button type="text"  size="small" @click="openAddModal">
         <i class="el-icon-plus"></i>{{ $t('common.add') }}
       </el-button>
-      <el-button type="primary" size="small" @click="openEditModal">
+      <el-button type="text" size="small" @click="openEditModal">
         <i class="el-icon-edit"></i>{{ $t('common.edit') }}
       </el-button>
-      <el-button type="primary" size="small" @click="openDeleteModal">
+      <el-button type="text" size="small" @click="openDeleteModal">
         <i class="el-icon-delete"></i>{{ $t('common.delete') }}
       </el-button>
     </div>
@@ -49,7 +49,7 @@ export default {
         children: 'children',
         label: 'ruleName'
       },
-      curRule:{},
+      curRule: {},
       communityId: ''
     }
   },
@@ -76,6 +76,7 @@ export default {
     },
     handleNodeClick(data) {
       this.curRule = data
+      this.$emit('switchRule', this.curRule)
     },
     openAddModal() {
       this.$refs.addPrinterRule.open()

src/components/machine/printerRuleFees.vue

@@ -41,7 +41,7 @@
       layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" />
 
 
-    <add-printer-rule-fee ref="addPrinterRuleFee" :rule-id="ruleId" @success="handleSuccess" />
+    <add-printer-rule-fee ref="addPrinterRuleFee" :rule-id="searchForm.ruleId" @success="handleSuccess" />
     <delete-printer-rule-fee ref="deletePrinterRuleFee" @success="handleSuccess" />
   </div>
 </template>
@@ -58,12 +58,6 @@ export default {
     AddPrinterRuleFee,
     DeletePrinterRuleFee
   },
-  props: {
-    ruleId: {
-      type: String,
-      required: true
-    }
-  },
   data() {
     return {
       searchForm: {
@@ -83,10 +77,13 @@ export default {
   },
   created() {
     this.searchForm.communityId = getCommunityId()
-    this.searchForm.ruleId = this.ruleId
-    this.getList()
+
   },
   methods: {
+    open(ruleId) {
+      this.searchForm.ruleId = ruleId
+      this.getList()
+    },
     async getList() {
       this.loading = true
       try {

src/components/machine/printerRuleMachine.vue

@@ -84,11 +84,11 @@ export default {
   },
   created() {
     this.searchForm.communityId = getCommunityId()
-    this.getList()
   },
   methods: {
     open(ruleId) {
       this.searchForm.ruleId = ruleId
+      this.getList()
     },
     async getList() {
       this.loading = true

src/components/machine/printerRuleRepair.vue

@@ -42,7 +42,7 @@
       layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" />
 
 
-    <add-printer-rule-repair ref="addPrinterRuleRepair" :rule-id="ruleId" @success="handleSuccess" />
+    <add-printer-rule-repair ref="addPrinterRuleRepair" :rule-id="searchForm.ruleId" @success="handleSuccess" />
     <delete-printer-rule-repair ref="deletePrinterRuleRepair" @success="handleSuccess" />
   </div>
 </template>
@@ -59,12 +59,6 @@ export default {
     AddPrinterRuleRepair,
     DeletePrinterRuleRepair
   },
-  props: {
-    ruleId: {
-      type: String,
-      required: true
-    }
-  },
   data() {
     return {
       searchForm: {
@@ -84,10 +78,13 @@ export default {
   },
   created() {
     this.searchForm.communityId = getCommunityId()
-    this.searchForm.ruleId = this.ruleId
-    this.getList()
+
   },
   methods: {
+    open(ruleId) {
+      this.searchForm.ruleId = ruleId
+      this.getList()
+    },
     async getList() {
       this.loading = true
       try {

src/i18n/commonLang.js

@@ -14,6 +14,7 @@ export const messages = {
         back: 'Back',
         warning: 'Warning',
         deleteConfirm: 'Are you sure to delete this record?',
+        confirmDelete: 'confirm delete',
         deleteSuccess: 'Delete successfully',
         selectBtn: 'Select',
         select: 'Select',
@@ -64,6 +65,7 @@ export const messages = {
         back: '返回',
         warning: '警告',
         deleteConfirm: '确定要删除这条记录吗？',
+        confirmDelete: '确定删除',
         deleteSuccess: '删除成功',
         selectBtn: '选择',
         select: '选择',

src/views/machine/printerRuleList.vue

@@ -2,7 +2,7 @@
   <div class="printer-rule-container">
     <el-row :gutter="20">
       <el-col :span="4">
-        <printer-rule-div @switch-rule="handleSwitchRule" />
+        <printer-rule-div @switchRule="handleSwitchRule" />
       </el-col>
       <el-col :span="20">
         <el-card class="box-card">
@@ -26,13 +26,13 @@
           </div>
 
           <div v-if="printerRuleInfo.tabName === 'printerRuleMachine'">
-            <printer-rule-machine  />
+            <printer-rule-machine ref="printerRuleMachine" />
           </div>
           <div v-if="printerRuleInfo.tabName === 'printerRuleFees'">
-            <printer-rule-fees />
+            <printer-rule-fees ref="printerRuleFees"/>
           </div>
           <div v-if="printerRuleInfo.tabName === 'printerRuleRepair'">
-            <printer-rule-repair />
+            <printer-rule-repair ref="printerRuleRepair"/>
           </div>
         </el-card>
       </el-col>