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] =?UTF-8?q?feat:=20=E8=AF=84=E5=88=86=E7=AE=A1=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>