描述页

src/views/accumulatePoints/accumulatePointsRules/accumulatePointsRulesDetails.vue

@@ -1,45 +1,57 @@
 <template>
   <m-dialog ref="dialog" title="积分规则详情">
+    <el-descriptions class="margin-top" :column="1" border :label-style="{ width: '150px'}">
+      <el-descriptions-item>
+        <template slot="label">模块名称</template>
+        {{ itemData.ruleCategory }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label">积分上限</template>
+        {{ itemData.maxScore }}
+      </el-descriptions-item>
+    </el-descriptions>
+    <el-divider content-position="left">规则</el-divider>
     <el-form label-width="150px" v-loading="loading">
-      <el-form-item label="模块名称">
+      <m-card
+        v-for="item in itemData.items"
+        :key="item.employeeScoreRuleItemId"
+        shadow="never"
+        class="mb-3"
+      >
+        <el-form-item label="积分名称">
+          <el-tag>{{ item.title }}</el-tag>
+        </el-form-item>
+        <el-form-item label="计算方法">
+          <el-tag>{{ item.calculationMethodText }}</el-tag>
+        </el-form-item>
+        <el-form-item label="积分类型">
+          <el-tag>{{ item.inputTypeText }}</el-tag>
+        </el-form-item>
+        <el-form-item label="选项配置" v-if="item.inputType === 3">
+          <el-descriptions direction="vertical" :column="item.groupItem?.length ?? 0" border>
+            <el-descriptions-item
+              v-for="group in item.groupItem"
+              :key="group.employeeScoreRuleItemId"
+              :label="group.title"
+            >{{ group.score }}</el-descriptions-item>
+          </el-descriptions>
+        </el-form-item>
+        <el-form-item label="积分基数" v-if="item.inputType === 0">
+          <el-tag>{{ item.score }}</el-tag>
+        </el-form-item>
+        <el-form-item label="积分上限">
+          <el-tag>{{ item.maxScore || '无' }}</el-tag>
+        </el-form-item>
+      </m-card>
+      <!-- <el-form-item label="模块名称">
         <el-tag>{{ itemData.ruleCategory }}</el-tag>
       </el-form-item>
       <el-form-item label="积分上限">
         <el-tag>{{ itemData.maxScore }}</el-tag>
-      </el-form-item>
-      <el-form-item label="规则">
-        <m-card
-          v-for="item in itemData.items"
-          :key="item.employeeScoreRuleItemId"
-          shadow="never"
-          class="mb-3"
-        >
-          <el-form-item label="积分名称">
-            <el-tag>{{ item.title }}</el-tag>
-          </el-form-item>
-          <el-form-item label="计算方法">
-            <el-tag>{{ item.calculationMethodText }}</el-tag>
-          </el-form-item>
-          <el-form-item label="积分类型">
-            <el-tag>{{ item.inputTypeText }}</el-tag>
-          </el-form-item>
-          <el-form-item label="选项配置" v-if="item.inputType === 3">
-            <el-descriptions direction="vertical" :column="item.groupItem?.length ?? 0" border>
-              <el-descriptions-item
-                v-for="group in item.groupItem"
-                :key="group.employeeScoreRuleItemId"
-                :label="group.title"
-              >{{ group.score }}</el-descriptions-item>
-            </el-descriptions>
-          </el-form-item>
-          <el-form-item label="积分基数" v-if="item.inputType === 0">
-            <el-tag>{{ item.score }}</el-tag>
-          </el-form-item>
-          <el-form-item label="积分上限">
-            <el-tag>{{ item.maxScore || '无' }}</el-tag>
-          </el-form-item>
-        </m-card>
-      </el-form-item>
+      </el-form-item> -->
+      <!-- <el-form-item label="规则">
+
+      </el-form-item> -->
     </el-form>
   </m-dialog>
 </template>