feat: 限制自定义方案名称以及数量

src/components/template/template-page-1.vue

@@ -27,8 +27,8 @@
     </zj-page-template>
     <sel-export-column-list :columnList="columnList" @determine="exportDetermine" @cancel="columnList = []" />
     <slot />
-    <el-dialog title="定义方案名" :visible.sync="dialogVisible" width="500px" :before-close="handleClose">
-      <el-input size="mini" v-model="inputText" placeholder="请输入名称"></el-input>
+    <el-dialog title="定义方案名" :visible.sync="dialogVisible" width="380px" :before-close="handleClose">
+      <el-input size="mini" maxlength="8" show-word-limit v-model="inputText" placeholder="请输入名称"></el-input>
       <span slot="footer" class="dialog-footer">
         <el-button size="mini" @click="handleClose">取 消</el-button>
         <el-button size="mini" type="primary" @click="onSavePlanqd">确 定</el-button>
@@ -273,6 +273,10 @@ export default {
     },
     // 点击获取保存方案数据
     onSavePlan(p) {
+      if (this.paramList.length >= 10) {
+        this.$message.error('自定义方案最多支持保留10个')
+        return
+      }
       if (p.length) {
         this.planItem = p
         this.dialogVisible = true