diff --git a/common/src/main/resources/template/js/codeRule/businessDataCodeRuleConfig.js b/common/src/main/resources/template/js/codeRule/businessDataCodeRuleConfig.js
index 0d940c53c7ad9c166e60c8ff6b8388d72eb5d69f..9053d978b95a07aec5f3536cd8631e16a71dbbd1 100644
--- a/common/src/main/resources/template/js/codeRule/businessDataCodeRuleConfig.js
+++ b/common/src/main/resources/template/js/codeRule/businessDataCodeRuleConfig.js
@@ -24,18 +24,22 @@ layui.config({
 		method: "GET",
 		template: $("#baseTemplate").html(),
 		ajaxSendLoadBefore: function (hdb, json) {
-			$.each(json.bean, function (key, value) {
-				$.each(value, function (i, item) {
-					item.selectHtml = codeRuleSelectHtml;
-				})
-			})
+			$.each(json.bean, function (key, appIdValue) {
+				$.each(appIdValue, function (i, groupNameValue) {
+					$.each(groupNameValue, function (j, bean) {
+						bean.selectHtml = codeRuleSelectHtml;
+					});
+				});
+			});
 		},
 		ajaxSendAfter: function (json) {
-			$.each(json.bean, function (key, value) {
-				$.each(value, function (i, item) {
-					$("#" + item.id).val(item.codeRuleId);
-				})
-			})
+			$.each(json.bean, function (key, appIdValue) {
+				$.each(appIdValue, function (i, groupNameValue) {
+					$.each(groupNameValue, function (j, bean) {
+						$("#" + bean.id).val(bean.codeRuleId);
+					})
+				});
+			});
 
 			form.render();
 			form.on('select(codeRole)', function(data) {
diff --git a/common/src/main/resources/template/tpl/codeRule/businessDataCodeRuleConfig.html b/common/src/main/resources/template/tpl/codeRule/businessDataCodeRuleConfig.html
index e94c11118f2e7aaadfc1c0dcb126148596bd05d9..a21cffab1cc16b38f0b75468663c2471f8d4e80b 100644
--- a/common/src/main/resources/template/tpl/codeRule/businessDataCodeRuleConfig.html
+++ b/common/src/main/resources/template/tpl/codeRule/businessDataCodeRuleConfig.html
@@ -21,12 +21,21 @@
                     <div class="layui-card-header"><b>{{@key}}</b></div>
                     <div class="layui-card-body" style="display: inline-block;">
                         {{#each @this}}
-                            <blockquote class="layui-elem-quote layui-quote-nm layui-col-md2">
-                                {{serviceName}}
-                                <select lay-filter="codeRole" lay-search="" id="{{id}}" win-verify="required">
-                                    {{{selectHtml}}}
-                                </select>
-                            </blockquote>
+                            <div class="layui-col-md12">
+                                <div class="layui-card">
+                                    <div class="layui-card-header"><b>{{@key}}</b></div>
+                                    <div class="layui-card-body" style="display: flow-root;">
+                                        {{#each @this}}
+                                        <blockquote class="layui-elem-quote layui-quote-nm layui-col-md2">
+                                            {{serviceName}}
+                                            <select lay-filter="codeRole" lay-search="" id="{{id}}" win-verify="required">
+                                                {{{selectHtml}}}
+                                            </select>
+                                        </blockquote>
+                                        {{/each}}
+                                    </div>
+                                </div>
+                            </div>
                         {{/each}}
                     </div>
                 </div>