下次坚决不听你们说迁移积分应用了

project/xiushan/apps/creditScore/scorePersonal/detail.vue

@@ -19,19 +19,14 @@
         </div>
       </div>
       <ai-card title="余额变动明细">
-        <template slot="right">
-        </template>
         <template #content>
-          <el-select v-model="doType" placeholder="请选择类型" size='small' clearable @change="page.current=1,getList()">
-            <el-option
-                v-for="(item,i) in dict.getDict('integralDetailType')"
-                :label="item.dictName"
-                :key="i"
-                :value="item.dictValue">
-            </el-option>
-          </el-select>
+          <ai-search-bar>
+            <template #left>
+              <ai-select placeholder="请选择类型" v-model="doType" :selectList="dict.getDict('integralDoType')"
+                         @change="page.current=1,getList()"/>
+            </template>
+          </ai-search-bar>
           <ai-table class="fs-14"
-                    style="margin-top: 16px;"
                     :tableData="tableData"
                     :col-configs="colConfigs"
                     :total="page.total"
@@ -69,7 +64,7 @@ export default {
     }
   },
   mounted() {
-    this.$dict.load(['atWillReportType']).then(() => {
+    this.dict.load('atWillReportType', 'integralDetailType', 'integralDoType').then(() => {
       this.getInfo()
       this.getList()
     });
@@ -77,34 +72,11 @@ export default {
   computed: {
     colConfigs() {
       return [
-        {
-          prop: 'doTime',
-          label: '时间',
-          align: 'left'
-        },
-        {
-          prop: "bizType",
-          label: "类型",
-          width: 160,
-          align: 'center',
-          formart: (bizType) =>
-            this.dict.getLabel("integralDetailType", bizType),
-        },
-        {
-          prop: 'changeIntegral',
-          align: 'center',
-          label: '变动积分'
-        },
-        {
-          prop: 'nowIntegral',
-          align: 'center',
-          label: '剩余积分'
-        },
-        {
-          prop: 'description',
-          label: '事件类型',
-          align: 'left'
-        }
+        {prop: 'doTime', label: '时间', align: 'left'},
+        {prop: "bizType", label: "积分来源", width: 160, align: 'center', dict: "integralDetailType"},
+        {prop: 'changeIntegral', align: 'center', label: '变动积分'},
+        {prop: 'nowIntegral', align: 'center', label: '剩余积分'},
+        {prop: 'doType', label: '类型', align: 'left', dict: "integralDoType"}
       ]
     },
   },
@@ -120,7 +92,7 @@ export default {
     getList() {
       let {id: portalUserId} = this.$route.query
       this.instance.post(`/appvillagerintegraldetail/list`, null, {
-        params: {...this.page, portalUserId, bizType: this.doType}
+        params: {...this.page, portalUserId, doType: this.doType}
       }).then(res => {
         if (res?.data) {
           this.tableData = res.data.records