feat: 门店详情

project/fengdu/AppOutSource/AppMarkRate/components/Detail.vue

@@ -37,14 +37,14 @@
             class="mt-16"
             :tableData="tableData1"
             :is-show-pagination="false"
-            :col-configs="colConfigs1">
+            :col-configs="colConfigs">
         </ai-table>
         <label class="aibar-left">2、负面清单</label>
         <ai-table
             class="mt-16"
             :tableData="tableData2"
             :is-show-pagination="false"
-            :col-configs="colConfigs2">
+            :col-configs="colConfigs">
         </ai-table>
       </ai-card>
     </template>
@@ -62,62 +62,69 @@ export default {
   data() {
     return {
       info: {
-        fileList:[]
+        fileList: []
       },
-      tableData1:[],
-      colConfigs1:[
-        { prop: 'integralUserName',  label: '清单类型', align: 'center' },
-        { prop: 'areaName',  label: '状态', align: 'center' },
-        { prop: 'girdName',  label: '分数', align: 'center' },
+      tableData1: [],
+      colConfigs: [
+        {prop: 'listType', label: '清单类型', align: 'center'},
+        {
+          prop: 'status', label: '状态', align: 'center', render: (h, {row}) => {
+            if (row.status === '1') {
+              return h('i', {
+                class: "el-icon-circle-check",
+                style: 'font-size:18px'
+              })
+            }
+            return ''
+          }
+        },
+        {prop: 'score', label: '分数', align: 'center'},
       ],
-      tableData2:[],
-      colConfigs2:[
-        { prop: 'integralUserName',  label: '清单类型', align: 'center' },
-        { prop: 'areaName',  label: '状态', align: 'center' },
-        { prop: 'girdName',  label: '分数', align: 'center' },
-      ]
+      tableData2: [],
     }
   },
 
   created() {
-    this.$dict.load('evaluatorType').then(()=>{
+    this.$dict.load('evaluatorType').then(() => {
       this.getDetail()
-      this.getScoredetail()
+      this.getList()
     })
   },
 
   methods: {
-    async getScoredetail(){
+    async getList() {
       try {
-        const {code,data} = await this.instance.post('/app/appscoredetails/queryDetailById',null,{
-          params:{
-            id:this.params.shopId
+        const {code, data: {records}} = await this.instance.post('/app/appscoredetails/list', null, {
+          params: {
+            shopId: this.params.shopId,
+            pages: 1000
           }
         })
-        if(code===0){
-
+        if (code === 0 && records) {
+          this.tableData1 = records?.filter(item => item.type === '1')
+          this.tableData2 = records?.filter(item => item.type === '0')
         }
-      }catch (e) {
+      } catch (e) {
         console.error(e)
       }
     },
 
-    async getDetail(){
+    async getDetail() {
       try {
-        const {code,data} = await this.instance.post('/app/appshopassess/queryDetailById',null,{
-          params:{
-            id:this.params.id
+        const {code, data} = await this.instance.post('/app/appshopassess/queryDetailById', null, {
+          params: {
+            id: this.params.id
           }
         })
-        if(code===0){
+        if (code === 0) {
           this.info = data
-          this.info.fileList = data.pictureUrl?.split(',')?.map(item=>{
+          this.info.fileList = data.pictureUrl?.split(',')?.map(item => {
             return {
-              url:item
+              url: item
             }
           })
         }
-      }catch (e) {
+      } catch (e) {
         console.error(e)
       }
     },
@@ -133,7 +140,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.detail{
+.detail {
   .files {
     display: flex;
     align-items: center;
@@ -161,13 +168,13 @@ export default {
     }
   }
 
-  .aibar-left{
+  .aibar-left {
     color: #222;
     font-size: 16px;
     font-weight: 700;
   }
 
-  .mt-16{
+  .mt-16 {
     margin-top: 16px;
   }
 }