From 5fa3d83f3e0f498101c6b1c773e97224859dfa00 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Mon, 24 Jun 2024 09:18:20 +0800
Subject: [PATCH 1/5] =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/xbot/AppTaskAi/components/TaskAdd.vue    |  4 ++--
 packages/xbot/AppTaskAi/components/TaskDetail.vue | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/packages/xbot/AppTaskAi/components/TaskAdd.vue b/packages/xbot/AppTaskAi/components/TaskAdd.vue
index 531781b1..03219766 100644
--- a/packages/xbot/AppTaskAi/components/TaskAdd.vue
+++ b/packages/xbot/AppTaskAi/components/TaskAdd.vue
@@ -113,12 +113,12 @@
                     </div>
                   </ai-user-selecter>
                 </el-form-item>
-                <!-- <el-form-item label="地区分布" style="width: 100%;" prop="taskEndTime">
+                <el-form-item label="地区分布" style="width: 100%;">
                   <div class="area-flex" v-for="(item, index) in areaList" :key="index">
                     <span class="area-label">{{item.areaName}}</span>
                     <el-input placeholder="请输入" size="small" style="width:100px" v-model="item.proportion" @change="areaNumChange(index)" maxlength="3"></el-input>
                   </div>
-                </el-form-item> -->
+                </el-form-item>
               </div>
             </template>
           </ai-card>
diff --git a/packages/xbot/AppTaskAi/components/TaskDetail.vue b/packages/xbot/AppTaskAi/components/TaskDetail.vue
index 7d01254f..25575c1b 100644
--- a/packages/xbot/AppTaskAi/components/TaskDetail.vue
+++ b/packages/xbot/AppTaskAi/components/TaskDetail.vue
@@ -74,6 +74,9 @@
             <ai-info-item label="预计执行天数" :value="info.days"></ai-info-item>
 
             <ai-info-item :label="dayList[index].label" :value="item" v-for="(item, index) in info.timePlan" :key="index" style="width:25%"></ai-info-item>
+            <ai-info-item label="地区分布" isLine>
+              <div class="area-flex" v-for="(item, index) in info.questionConfig" :key="index"><span class="area-label">{{item.areaName}}</span>{{item.proportion}}</div>
+            </ai-info-item>
           </ai-wrapper>
         </template>
       </ai-card>
@@ -886,5 +889,16 @@
         font-size: 12px;
       }
     }
+
+    .area-flex {
+      display: inline-block;
+      margin-right: 32px;
+      .area-label {
+        display: inline-block;
+        font-size: 14px;
+        color: #666;
+        margin-right: 8px;
+      }
+    }
   }
 </style>

From 91f39565082efb899c74224c6737c83019694cfc Mon Sep 17 00:00:00 2001
From: wanglei <1336977847@qq.com>
Date: Mon, 24 Jun 2024 09:21:06 +0800
Subject: [PATCH 2/5] =?UTF-8?q?feat:=20=E9=97=A8=E5=BA=97=E8=AF=84?=
 =?UTF-8?q?=E4=BB=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppMarkRate/components/Detail.vue         | 119 +++++++++++++++++-
 1 file changed, 115 insertions(+), 4 deletions(-)

diff --git a/project/fengdu/AppOutSource/AppMarkRate/components/Detail.vue b/project/fengdu/AppOutSource/AppMarkRate/components/Detail.vue
index a5597940..98b9bd0d 100644
--- a/project/fengdu/AppOutSource/AppMarkRate/components/Detail.vue
+++ b/project/fengdu/AppOutSource/AppMarkRate/components/Detail.vue
@@ -1,18 +1,129 @@
 <template>
-  <div>
-    Detail
-  </div>
+  <ai-detail class="detail">
+    <template slot="title">
+      <ai-title title="评价详情" isShowBack isShowBottomBorder @onBackClick="cancel(false)"></ai-title>
+    </template>
+    <template slot="content">
+      <ai-card title="基本信息">
+        <template #content>
+          <ai-wrapper>
+            <ai-info-item label="门店名称" :value="info.applyItemName"></ai-info-item>
+            <ai-info-item label="门店地址" :value="info.integralUserName"></ai-info-item>
+            <ai-info-item label="经营者姓名" :value="info.phone"></ai-info-item>
+            <ai-info-item label="联系电话" :value="info.areaName"></ai-info-item>
+            <ai-info-item label="评价人" :value="info.girdName"></ai-info-item>
+            <ai-info-item label="评价人电话" :value="info.auditTime"></ai-info-item>
+            <ai-info-item label="评价时间" :value="info.auditTime"></ai-info-item>
+            <ai-info-item label="评价人类型" :value="info.auditTime"></ai-info-item>
+            <ai-info-item label="评价类型" isLine :value="info.auditTime"></ai-info-item>
+            <ai-info-item label="评语" isLine :value="info.auditTime"></ai-info-item>
+            <ai-info-item label="现场图片" isLine :value="info.auditTime">
+              <div class="files">
+                <ai-uploader
+                    :instance="instance"
+                    fileType="img"
+                    acceptType=".jpg,.png,.jpeg,.JPG,.PNG,.JPEG"
+                    v-model="info.images"
+                    :limit="9" :disabled="true">
+                </ai-uploader>
+              </div>
+            </ai-info-item>
+          </ai-wrapper>
+        </template>
+      </ai-card>
+      <ai-card title="打分细则">
+        <label class="aibar-left">1、正面清单</label>
+        <ai-table
+            class="mt-16"
+            :tableData="tableData1"
+            :is-show-pagination="false"
+            :col-configs="colConfigs1">
+        </ai-table>
+        <label class="aibar-left">2、负面清单</label>
+        <ai-table
+            class="mt-16"
+            :tableData="tableData2"
+            :is-show-pagination="false"
+            :col-configs="colConfigs2">
+        </ai-table>
+      </ai-card>
+    </template>
+  </ai-detail>
 </template>
 
 <script>
 export default {
   name: "Detail",
+  props: {
+    instance: Function,
+    dict: Object,
+    params: Object
+  },
   data() {
-    return {}
+    return {
+      info: {},
+      tableData1:[],
+      colConfigs1:[
+        { prop: 'integralUserName',  label: '清单类型', align: 'center' },
+        { prop: 'areaName',  label: '状态', align: 'center' },
+        { prop: 'girdName',  label: '分数', align: 'center' },
+      ],
+      tableData2:[],
+      colConfigs2:[
+        { prop: 'integralUserName',  label: '清单类型', align: 'center' },
+        { prop: 'areaName',  label: '状态', align: 'center' },
+        { prop: 'girdName',  label: '分数', align: 'center' },
+      ]
+    }
+  },
+  methods: {
+    cancel() {
+      this.$emit('change', {
+        type: 'List',
+        isRefresh: true
+      })
+    }
   },
 }
 </script>
 
 <style lang="scss" scoped>
+.detail{
+  .files {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
 
+    .file-item {
+      width: 118px;
+      height: 118px;
+      margin: 0 20px 20px 0;
+
+      img, video {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+
+      img {
+        cursor: pointer;
+        transition: all ease 0.3s;
+
+        &:hover {
+          opacity: 0.7;
+        }
+      }
+    }
+  }
+
+  .aibar-left{
+    color: #222;
+    font-size: 16px;
+    font-weight: 700;
+  }
+
+  .mt-16{
+    margin-top: 16px;
+  }
+}
 </style>

From 615f83861e7b913fd5f663f69d7c16b51eefbf10 Mon Sep 17 00:00:00 2001
From: wanglei <1336977847@qq.com>
Date: Mon, 24 Jun 2024 10:31:49 +0800
Subject: [PATCH 3/5] =?UTF-8?q?feat:=20=E9=97=A8=E5=BA=97=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppArchives/components/List.vue           |   2 +-
 .../AppMarkRate/components/List.vue           |   3 +-
 .../AppMarkStatic/AppMarkStatic.vue           | 302 ++++++++++++++++++
 3 files changed, 304 insertions(+), 3 deletions(-)
 create mode 100644 project/fengdu/AppOutSource/AppMarkStatic/AppMarkStatic.vue

diff --git a/project/fengdu/AppOutSource/AppArchives/components/List.vue b/project/fengdu/AppOutSource/AppArchives/components/List.vue
index 07a6515b..207ae681 100644
--- a/project/fengdu/AppOutSource/AppArchives/components/List.vue
+++ b/project/fengdu/AppOutSource/AppArchives/components/List.vue
@@ -98,7 +98,7 @@
 
         <el-table-column label="门店评分" slot="mark" align="center">
           <template v-slot="{row}">
-            <el-rate :value="4" disabled></el-rate>
+            <el-rate :value="4" show-score  text-color="#ff9900" disabled></el-rate>
           </template>
         </el-table-column>
 
diff --git a/project/fengdu/AppOutSource/AppMarkRate/components/List.vue b/project/fengdu/AppOutSource/AppMarkRate/components/List.vue
index a54d8675..15f75f1e 100644
--- a/project/fengdu/AppOutSource/AppMarkRate/components/List.vue
+++ b/project/fengdu/AppOutSource/AppMarkRate/components/List.vue
@@ -1,8 +1,7 @@
 <template>
   <ai-list class="app-mark-list">
     <template slot="title">
-      <ai-title title="门店评价" isShowBottomBorder>
-      </ai-title>
+      <ai-title title="门店评价" isShowBottomBorder> </ai-title>
     </template>
     <template slot="content">
       <ai-search-bar class="search-bar">
diff --git a/project/fengdu/AppOutSource/AppMarkStatic/AppMarkStatic.vue b/project/fengdu/AppOutSource/AppMarkStatic/AppMarkStatic.vue
new file mode 100644
index 00000000..0590252b
--- /dev/null
+++ b/project/fengdu/AppOutSource/AppMarkStatic/AppMarkStatic.vue
@@ -0,0 +1,302 @@
+<template>
+  <div class="app-ark-static">
+    <ai-list>
+      <template #content>
+        <ai-title title="门店概况"></ai-title>
+        <div class="card_list">
+          <div class="card" v-for="(item,index) in cardList" :key="index">
+            <h2>{{ item.label }}</h2>
+            <p class="color1">{{ item.value || 0 }}</p>
+          </div>
+        </div>
+        <div class="flex-row">
+          <div class="left-row flex-col">
+            <ai-title title="6月五星门店（排名不分先后）">
+              <template #rightBtn>
+                <label class="tooltip">默认选择一个网格</label>
+                <el-select placeholder="请选择网格" v-model="form.data" size="small">
+                  <el-option
+                      v-for="item in []"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value">
+                  </el-option>
+                </el-select>
+              </template>
+            </ai-title>
+            <ai-table :is-show-pagination="false"
+                      :tableData="tableData"
+                      :col-configs="colConfigs"></ai-table>
+          </div>
+          <div class="right-row flex-col">
+            <ai-title title="网格五星门店数量排名"></ai-title>
+            <div class="bar-chart" ref="chartRef"></div>
+          </div>
+        </div>
+        <ai-title title="统计列表"></ai-title>
+        <ai-search-bar>
+          <template #left>
+            <ai-select
+                v-model="search.applyItemId"
+                @change="(search.current = 1), getList()"
+                placeholder="经营类型"
+                :selectList="[]">
+            </ai-select>
+            <ai-select
+                v-model="search.applyItemId"
+                @change="(search.current = 1), getList()"
+                placeholder="所属网格"
+                :selectList="[]">
+            </ai-select>
+          </template>
+          <template #right>
+            <el-input
+                v-model="search.createUserName"
+                size="small"
+                v-throttle="() => {search.current = 1, getList()}"
+                placeholder="请输入门店名称"
+                clearable
+                @clear="search.current = 1, search.createUserName = '', getList()"
+                suffix-icon="iconfont iconSearch">
+            </el-input>
+          </template>
+        </ai-search-bar>
+        <ai-table
+            :tableData="colConfigs1"
+            :col-configs="colConfigs1"
+            :total="total"
+            :current.sync="search.current"
+            :size.sync="search.size"
+            @getList="getList">
+          <el-table-column
+              label="门店照片"
+              slot="pic"
+              align="left">
+            <template v-slot="{ row }">
+              <img :src="row.picUrl" alt="" v-viewer>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="门店评分" slot="mark" align="center">
+            <template v-slot="{row}">
+              <el-rate :value="4" show-score  text-color="#ff9900" disabled></el-rate>
+            </template>
+          </el-table-column>
+
+        </ai-table>
+      </template>
+    </ai-list>
+  </div>
+</template>
+
+<script>
+let chartInstance = null;
+export default {
+  name: "AppMarkStatic",
+  label: '门店统计',
+  data() {
+    return {
+      data: {},
+      form: {},
+      search:{},
+      cardList: [
+        {
+          label: '门店总数量',
+          value: 122
+        },
+        {
+          label: '总网格数',
+          value: 122
+        },
+        {
+          label: '总网格员',
+          value: 122
+        },
+        {
+          label: '五星门店',
+          value: 122
+        }
+      ],
+      tableData: [],
+      colConfigs: [
+        {prop: '1', label: '门店名称', align: 'center'},
+        {prop: '2', label: '经营类型', align: 'center'},
+        {prop: '3', label: '经营者名称', align: 'center'},
+      ],
+      total: 10,
+      colConfigs1: [
+        {type: "selection"},
+        { slot: 'pic', align: 'center' },
+        { prop: 'integralUserName',  label: '门店名称', align: 'center' },
+        { prop: 'areaName',  label: '经营者姓名', align: 'center' },
+        { prop: 'girdName',  label: '联系电话', align: 'center' },
+        { prop: 'createTime',  label: '录入时间', align: 'center' },
+        { prop: 'createTime',  label: '所属网格', align: 'center' },
+        { prop: 'status',  label: '门店地址', align: 'center'},
+        { prop: 'auditUserName',  label: '经营类型', align: 'center' },
+        {slot:'mark',align: 'center'}
+      ],
+      tableData1: [],
+    }
+  },
+
+  methods: {
+    getList(){
+
+    },
+    resize() {
+      if (chartInstance) {
+        chartInstance.resize()
+      }
+    },
+    initChart() {
+      chartInstance = echarts.init(this.$refs.chartRef)
+      chartInstance.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        legend: {
+          show: false
+        },
+        grid: {
+          top: '1%',
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'value',
+          boundaryGap: [0, 0.01]
+        },
+        yAxis: {
+          type: 'category',
+          data: ['Brazil', 'Indonesia', 'USA', 'India', 'China', 'World']
+        },
+        series: [
+          {
+            name: '2012',
+            type: 'bar',
+            itemStyle:{
+              color:'#389FFF'
+            },
+            data: [19325, 23438, 31000, 121594, 134141, 681807]
+          }
+        ]
+      })
+
+      window.addEventListener('resize', this.resize)
+    }
+  },
+
+  mounted() {
+    this.initChart()
+  },
+
+  beforeDestroy() {
+    if (chartInstance) {
+      chartInstance.dispose()
+      chartInstance = null
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.app-ark-static {
+  height: 100%;
+  background: #F3F6F9;
+  overflow: auto;
+
+  .card_list {
+    display: flex;
+
+    .card {
+      flex: 1;
+      height: 96px;
+      background: #F9F9F9;
+      border-radius: 2px;
+      margin-right: 20px;
+      padding: 16px 24px;
+      box-sizing: border-box;
+
+      h2 {
+        color: #888888;
+        font-weight: 600;
+        font-size: 16px;
+      }
+
+      p {
+        margin-top: 8px;
+        font-size: 24px;
+        font-weight: 600;
+      }
+
+      .color1 {
+        color: #2891FF;
+      }
+
+      .color2 {
+        color: #22AA99;
+      }
+
+      .color3 {
+        color: #F8B425;
+      }
+    }
+
+    .card:last-child {
+      margin-right: 0;
+    }
+  }
+
+  .flex-row {
+    width: 100%;
+    height: 400px;
+    display: flex;
+    justify-content: space-between;
+    gap: 20px;
+    margin-top: 10px;
+
+    .left-row {
+      height: 100%;
+      width: 50%;
+    }
+
+    .right-row {
+      width: 50%;
+      height: 100%;
+      display: flex;
+    }
+
+    .flex-col {
+      flex-direction: column;
+    }
+  }
+
+  .mt-10 {
+    margin-top: 20px;
+  }
+
+  .tooltip {
+    font-size: 18px;
+    color: #D9001B;
+    margin-right: 10px;
+  }
+
+  .h-full {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .bar-chart {
+    width: 100%;
+    flex: 1;
+  }
+}
+</style>

From 17990fe640c8e2f13dd0fdbe6534961b6023b489 Mon Sep 17 00:00:00 2001
From: wanglei <1336977847@qq.com>
Date: Mon, 24 Jun 2024 10:34:13 +0800
Subject: [PATCH 4/5] =?UTF-8?q?fix:=20=E5=AD=97=E4=BD=93=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 project/fengdu/AppOutSource/AppMarkStatic/AppMarkStatic.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/project/fengdu/AppOutSource/AppMarkStatic/AppMarkStatic.vue b/project/fengdu/AppOutSource/AppMarkStatic/AppMarkStatic.vue
index 0590252b..ae1dc29c 100644
--- a/project/fengdu/AppOutSource/AppMarkStatic/AppMarkStatic.vue
+++ b/project/fengdu/AppOutSource/AppMarkStatic/AppMarkStatic.vue
@@ -282,7 +282,7 @@ export default {
   }
 
   .tooltip {
-    font-size: 18px;
+    font-size: 16px;
     color: #D9001B;
     margin-right: 10px;
   }

From 46ea63390eb1fac589c3579c5a60dc73586bc270 Mon Sep 17 00:00:00 2001
From: wanglei <1336977847@qq.com>
Date: Mon, 24 Jun 2024 14:27:26 +0800
Subject: [PATCH 5/5] =?UTF-8?q?feat:=20=E8=AF=84=E5=88=86=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppRateManage/AppRateManage.vue           |  50 +++++
 .../AppRateManage/components/AppraiseTask.vue |  20 ++
 .../AppRateManage/components/RuleManage.vue   | 203 ++++++++++++++++++
 3 files changed, 273 insertions(+)
 create mode 100644 project/fengdu/AppOutSource/AppRateManage/AppRateManage.vue
 create mode 100644 project/fengdu/AppOutSource/AppRateManage/components/AppraiseTask.vue
 create mode 100644 project/fengdu/AppOutSource/AppRateManage/components/RuleManage.vue

diff --git a/project/fengdu/AppOutSource/AppRateManage/AppRateManage.vue b/project/fengdu/AppOutSource/AppRateManage/AppRateManage.vue
new file mode 100644
index 00000000..62eb823d
--- /dev/null
+++ b/project/fengdu/AppOutSource/AppRateManage/AppRateManage.vue
@@ -0,0 +1,50 @@
+<template>
+  <ai-list>
+    <template slot="title">
+      <ai-title title="评分管理" :isShowBottomBorder="false">
+      </ai-title>
+    </template>
+    <template #tabs>
+      <el-tabs v-model="currIndex">
+        <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
+          <component  v-if="currIndex == i" :is="tab.comp" @change="onChange" lazy :instance="instance" :dict="dict" :permissions="permissions"/>
+        </el-tab-pane>
+      </el-tabs>
+    </template>
+  </ai-list>
+</template>
+
+<script>
+import RuleManage from "./components/RuleManage.vue";
+import AppraiseTask from "./components/AppraiseTask.vue";
+
+export default {
+  name: "AppRateManage",
+  label:'评分管理',
+
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+
+  data() {
+    return {
+      currIndex:0,
+      tabs:[
+        {label: '规则管理', name: 'RuleManage', comp: RuleManage, permission: ''},
+        {label: '评选任务', name: 'AppraiseTask', comp: AppraiseTask, permission: ''}
+      ]
+    }
+  },
+  methods: {
+    onChange(data) {
+      console.log(data)
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/project/fengdu/AppOutSource/AppRateManage/components/AppraiseTask.vue b/project/fengdu/AppOutSource/AppRateManage/components/AppraiseTask.vue
new file mode 100644
index 00000000..b4dd9c2d
--- /dev/null
+++ b/project/fengdu/AppOutSource/AppRateManage/components/AppraiseTask.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    AppraiseTask
+  </div>
+</template>
+
+<script>
+export default {
+  name: "AppraiseTask",
+  data() {
+    return {}
+  },
+  create() {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/project/fengdu/AppOutSource/AppRateManage/components/RuleManage.vue b/project/fengdu/AppOutSource/AppRateManage/components/RuleManage.vue
new file mode 100644
index 00000000..4eeaf1a2
--- /dev/null
+++ b/project/fengdu/AppOutSource/AppRateManage/components/RuleManage.vue
@@ -0,0 +1,203 @@
+<template>
+  <div>
+    <ai-list>
+      <template #content>
+        <div class="card_list">
+          <div class="card" v-for="(item,index) in cardList" :key="index">
+            <h2>{{ item.label }}</h2>
+            <p class="color1">{{ item.value || 0 }}</p>
+          </div>
+        </div>
+        <ai-title title="评分列表"></ai-title>
+        <ai-search-bar>
+          <template #left>
+            <el-button type="primary" icon="iconfont iconAdd" @click="handleAdd">添加</el-button>
+            <ai-select
+                v-model="search.applyItemId"
+                @change="(search.current = 1), getList()"
+                placeholder="请选择事件类型"
+                :selectList="dictList">
+            </ai-select>
+            <ai-select
+                v-model="search.applyItemId"
+                @change="(search.current = 1), getList()"
+                placeholder="请选择自定义事件"
+                :selectList="dictList">
+            </ai-select>
+            <ai-select
+                v-model="search.applyItemId"
+                @change="(search.current = 1), getList()"
+                placeholder="请选择状态"
+                :selectList="dictList">
+            </ai-select>
+            <ai-select
+                v-model="search.applyItemId"
+                @change="(search.current = 1), getList()"
+                placeholder="有效地区"
+                :selectList="dictList">
+            </ai-select>
+          </template>
+        </ai-search-bar>
+
+        <ai-table
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="total"
+            style="margin-top: 6px;"
+            :current.sync="search.current"
+            :size.sync="search.size"
+            @getList="getList">
+
+          <el-table-column
+              label="状态"
+              slot="state">
+            <template v-slot="{ row }">
+              <span class="start">启用</span>
+            </template>
+          </el-table-column>
+
+          <el-table-column slot="options" width="180px" fixed="right" label="操作" align="center">
+            <template slot-scope="{ row }">
+              <div class="table-options">
+                <el-button type="text">停用</el-button>
+                <el-button type="text">编辑</el-button>
+                <el-button type="text">删除</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog title="评分规则" :visible.sync="dialog" width="800px">
+      <el-form ref="formRef" :model="form" label-width="120px">
+        <el-form-item label="事件类型：">
+          <ai-select
+              v-model="form.applyItemId"
+              placeholder="请选择事件类型"
+              :selectList="dictList">
+          </ai-select>
+        </el-form-item>
+        <el-form-item label="自定义事件：">
+          <ai-select
+              v-model="form.applyItemId"
+              placeholder="请选择自定义事件"
+              :selectList="dictList">
+          </ai-select>
+        </el-form-item>
+        <el-form-item label="规则：">常规</el-form-item>
+        <el-form-item label="分值：">
+          <el-input v-model="form.num" size="small" placeholder="请输入分值"></el-input>
+        </el-form-item>
+      </el-form>
+    </ai-dialog>
+  </div>
+
+</template>
+
+<script>
+export default {
+  name: "RuleManage",
+  data() {
+    return {
+      search:{},
+      dictList:[],
+      cardList: [
+        {
+          label: '规则总数量',
+          value: 122
+        },
+        {
+          label: '正向事件规则项',
+          value: 122
+        },
+        {
+          label: '正向事件总分数',
+          value: 122
+        },
+        {
+          label: '负向事件规则项',
+          value: 122
+        },
+        {
+          label: '负向事件总分数',
+          value: 122
+        },
+      ],
+      total: 10,
+      colConfigs: [
+        {type: "selection"},
+        { prop: 'integralUserName',  label: '类型', align: 'center' },
+        { prop: 'areaName',  label: '事件', align: 'center' },
+        { prop: 'girdName',  label: '规则', align: 'center' },
+        { prop: 'createTime',  label: '分值', align: 'center' },
+        { slot: 'state',  label: '状态', align: 'center' },
+      ],
+      tableData: [],
+      dialog:false,
+      form:{}
+    }
+  },
+  methods: {
+    handleAdd(){
+      this.dialog = true
+    },
+    getList() {
+
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.card_list {
+  display: flex;
+
+  .card {
+    flex: 1;
+    height: 96px;
+    background: #F9F9F9;
+    border-radius: 2px;
+    margin-right: 20px;
+    padding: 16px 24px;
+    box-sizing: border-box;
+
+    h2 {
+      color: #888888;
+      font-weight: 600;
+      font-size: 16px;
+    }
+
+    p {
+      margin-top: 8px;
+      font-size: 24px;
+      font-weight: 600;
+    }
+
+    .color1 {
+      color: #2891FF;
+    }
+
+    .color2 {
+      color: #22AA99;
+    }
+
+    .color3 {
+      color: #F8B425;
+    }
+  }
+
+  .start{
+    font-size: 14px;
+    color: #2EA222;
+  }
+
+  .stop{
+    font-size: 14px;
+    color: #FF4466;
+  }
+
+  .card:last-child {
+    margin-right: 0;
+  }
+}
+</style>