30828

packages/conv/creditScore/AppGridMemberScore/components/gridScoreRules.vue

@@ -42,7 +42,7 @@
             <el-cascader v-model="form.systemRuleId" ref="cascaderArr" :props="etOps" clearable placeholder="请选择" @change="handleTypeForm" :options="rulesOps"/>
           </el-form-item>
 
-          <el-form-item label="自定义事件" v-if="form.systemRuleId == '自定义'">
+          <el-form-item label="自定义事件" v-if="form.systemRuleId == '自定义'" prop="ruleName" :required="form.systemRuleId == '自定义'">
             <el-input placeholder="请输入,周期范围内,不填写表示不限制" v-model="form.ruleName" clearable/>
           </el-form-item>
 
@@ -103,11 +103,13 @@
       </div>
       <ai-dialog title="选择网格" :visible.sync="showGrid" :customFooter="true" :destroyOnClose="true" border width="720px" append-to-body>
         <div class="grid">
-          <el-tree :data="treeObj.treeList" :props="treeObj.defaultProps" node-key="id" ref="tree" :check-strictly="true" show-checkbox default-expand-all :default-checked-keys="currCheckedKeys" @check="onCheckChange">
+          <el-tree :data="treeObj.treeList" :props="treeObj.defaultProps" node-key="id" ref="tree" 
+           :check-strictly="true" show-checkbox lazy :load="loadNode" :default-checked-keys="currCheckedKeys" @check="onCheckChange">
           </el-tree>
+          <!-- :default-expand-all="true" -->
         </div>
         <div class="dialog-footer" slot="footer">
-          <el-button size="medium" @click="closed()">取消</el-button>
+          <el-button size="medium" @click="showGrid = false">取消</el-button>
           <el-button type="primary" size="medium" @click="getCheckedTree()">确认</el-button>
         </div>
       </ai-dialog>
@@ -187,14 +189,17 @@ export default {
         systemRuleId: [
           { required: true, message: "请选择事件/类型", trigger: "change" },
         ],
+        ruleName: [
+          { required: true, message: "请输入自定义事件", trigger: "change" },
+        ],
         scoringCycle: [
           { required: true, message: "请选择周期范围", trigger: "change" },
         ],
         integral: [
           {
             required: true,
-            pattern: /^\d*[.\d]\d?$/,
-            message: "请输入积分分值,最多保留一位小数",
+            pattern: /^([1-9]\d*|0)(\.\d{1,2})?$/,
+            message: "请输入积分分值,最多保留两位小数",
           },
         ],
         validRangeType: [
@@ -214,6 +219,8 @@ export default {
         defaultProps: {
           label: "girdName",
           value: "id",
+          children: 'children', // 节点是否拥有子节点
+          isLeaf: 'leaf'
         },
         checkedKeys: [],
       },
@@ -417,9 +424,7 @@ export default {
 
     beforeSelectTree() {
       this.treeObj.checkedKeys = [];
-      this.instance
-        .post(`/app/appgirdinfo/listAll3`, null, null)
-        .then((res) => {
+      this.instance.post(`/app/appgirdinfo/listAll3`, null, null).then((res) => {
           if (res.code == 0) {
             this.treeObj.treeList = this.girdToTree(res.data);
             this.girdInfoList.map((e) => {
@@ -434,6 +439,20 @@ export default {
           }
         });
     },
+    // el-tree懒加载
+    loadNode(node, resolve) {
+      if (node.level === 0) {
+        this.instance.post('').then((res) => {
+          
+        })
+        let arr = node.childNodes;
+        return resolve(arr);
+      }
+      if (node.level >= 1) {
+        let arr1 = node.data.children
+        return resolve(arr1);
+      }
+    },
 
     onCheckChange(e) {
       this.girdInfoList.forEach((v) => {