feat: 企微助手 - SOP设置 - 列表&启用&禁用

project/src/assets/config/interface_api.js

@@ -302,6 +302,9 @@ var api = {
   playletManage_smallAppList: "/api/intelligentMassSending/smallAppList", // 企微助手 - 剧集管理 - 小程序选项
   playletManage_createLink: "/api/platform/createLink", // 企微助手 - 剧集管理 - 创建群发链接
 
+  sop_ruleList: "/api/userSop/ruleList", // 企微助手 - SOP设置 - 列表
+  sop_changeStatus: "/api/userSop/changeStatus", // 企微助手 - SOP设置 - 启用/禁用
+
 };
 
 export { api };

project/src/components/sop/index.vue

@@ -0,0 +1,137 @@
+<template>
+  <div>
+    <div>
+      <el-button type="primary" size="small">创建规则</el-button>
+    </div>
+    <el-table v-loading="loading" ref="multipleTable" :height='height' :data="tableData" tooltip-effect="dark" style="margin-top: 10px; width: 100%">
+      <el-table-column prop="title" label="规则名称" show-overflow-tooltip align="center" width="170" />
+      <el-table-column label="创建人" align="center" width="170">
+        <template slot-scope="{ row }">
+          <div class="customerServiceTagBox">
+            <div class="customerServiceTag">
+              <i class="el-icon-user-solid" />
+              {{ row.creator_name }}
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="使用成员" align="center">
+        <template slot-scope="scope">
+          <template>
+            <div class="customerServiceTagBox biaoqian">
+              <div class="customerServiceTag" v-for="(item, idx) in scope.row.user_listArr" :key="idx">
+                <i class="el-icon-s-custom" />
+                {{ item }}
+              </div>
+            </div>
+          </template>
+        </template>
+      </el-table-column>
+      <el-table-column prop="desc" label="规则" show-overflow-tooltip align="center" />
+      <el-table-column label="操作" align="center" width="200">
+        <template slot-scope="{ row }">
+          <div class="flex" style="justify-content:center">
+            <template>
+              <div v-if="row.status == 1" class="pointer c-FF604D" style="margin:0 6px" @click="onClickSetStatus(row, 0)">禁用</div>
+              <div v-else class="pointer c-007AFF" style="margin:0 6px" @click="onClickSetStatus(row, 1)">启用</div>
+            </template>
+            <div class="c-00B38A pointer" style="margin:0 6px">编辑</div>
+            <div class="c-00B38A pointer" style="margin:0 6px">详情</div>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination" v-show="total>0">
+      <el-pagination background :current-page="filter.page" @current-change="handleCurrentChange" layout="prev, pager, next" :page-count='Number(pages)'>
+      </el-pagination>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data () {
+    return {
+      loading: false,
+      filter: {
+        page: 1,
+        page_size: 20,
+      },
+      pages: 0,
+      total: 0,
+      tableData: [],
+      height: ''
+    }
+  },
+  created () {
+    this.height = document.documentElement.clientHeight - 200 > 400 ? document.documentElement.clientHeight - 200 : 400
+    this.handleGetList()
+  },
+  methods: {
+    async onClickSetStatus(row, status) {
+      try {
+        await this.$confirm(`确定${status == 1 ? '启用' : '禁用'}【${row.title}】?`, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        this.handleSetStatus(row.id, status)
+      } catch (error) {
+        console.log('error => ', error)
+      }
+    },
+    async handleSetStatus(rule_id, status) {
+      try {
+        this.loading = true
+        const url = `${this.URL.BASEURL}${this.URL.sop_changeStatus}`
+        const params = { rule_id, status }
+        const { data: res = {} } = await this.$axios.get(url, { params })
+        if (res && res.errno == 0) {
+          this.$message.success('操作成功')
+          this.handleGetList()
+        } else {
+          this.$message.warning(res.err)
+        }
+      } catch (error) {
+        console.log('error => ', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    async handleGetList() {
+      try {
+        this.loading = true
+        const url = `${this.URL.BASEURL}${this.URL.sop_ruleList}`
+        const params = {
+          page: this.filter.page,
+          page_size: this.filter.page_size
+        }
+        const { data: res = {} } = await this.$axios.get(url, { params })
+        if (res && res.errno == 0) {
+          res.rst.data.forEach(item => {
+            item.user_listArr = item.user_list.split(',')
+          })
+          this.tableData = res.rst.data;
+          this.total = res.rst.pageInfo.total;
+          this.pages = res.rst.pageInfo.pages;
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err)
+        }
+      } catch (error) {
+        console.log('error => ', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    handleCurrentChange(page) {
+      this.filter.page = page
+      this.handleGetList()
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "@/style/list.scss";
+.tableInfo {
+  height: 50px;
+}
+</style>

project/src/router/allRouter.js

@@ -7,6 +7,7 @@ const Home = () => import(/* webpackChunkName: 'Home' */'@/components/Home.vue')
 const homeData = () => import(/* webpackChunkName: 'homeData' */'@/components/HomeData.vue')
 const customManage = () => import(/* webpackChunkName: 'customManage' */ '@/components/customManage/manage.vue')
 const employee_bulk_messaging_log = () => import(/* webpackChunkName: 'employee_bulk_messaging_log' */ '@/components/customOperate/employee_bulk_messaging_log.vue')
+const sop = () => import(/* webpackChunkName: 'sop' */ '@/components/sop/index.vue')
 const chatGroup = () => import(/* webpackChunkName: 'chatGroup' */ '@/components/customOperate/chatGroup/index.vue')
 const groupList = () => import(/* webpackChunkName: 'groupList' */ '@/components/customOperate/chatGroup/groupList.vue')
 const customerFriendsCircle = () => import(/* webpackChunkName: 'customerFriendsCircle' */ '@/components/customOperate/friendsCircle/index.vue')
@@ -292,6 +293,16 @@ export var allRouter = [
         }
       },
       {
+        path: 'sop',
+        name: 'sop',
+        component: sop,
+        meta: {
+          keepAlive: false,
+          isLogin: true,
+          title: 'SOP设置'
+        }
+      },
+      {
         path: 'chatGroup',
         name: 'chatGroup',
         component: chatGroup,