From 7e40c87ab145d99b0785230bc09f71444d6381be Mon Sep 17 00:00:00 2001
From: yuan <1363654894@qq.com>
Date: Mon, 26 Aug 2024 14:59:20 +0800
Subject: [PATCH] =?UTF-8?q?feat():=E5=AE=8C=E6=88=90=E5=BC=95=E6=93=8E?=
 =?UTF-8?q?=E7=BB=B4=E6=8A=A4=E9=A1=B5=E9=9D=A2=EF=BC=8C=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E8=A7=84=E5=88=99=E7=BB=B4=E6=8A=A4=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/rule/maintain.js          |  32 ++++-
 src/router/index.js               |  14 ++
 src/views/rule/maintain/index.vue | 226 +++++++++++++++++++++++++++---
 src/views/rule/versions/index.vue |  48 +++++++
 4 files changed, 298 insertions(+), 22 deletions(-)
 create mode 100644 src/views/rule/versions/index.vue

diff --git a/src/api/rule/maintain.js b/src/api/rule/maintain.js
index 1c583ac..d650c62 100644
--- a/src/api/rule/maintain.js
+++ b/src/api/rule/maintain.js
@@ -2,8 +2,38 @@ import request from '@/utils/request'
 
 export function getList(data) {
   return request({
-    url: '/rule/ruleData/list',
+    url: '/cloud-rule/ruleData/list',
     method: 'post',
     data: data
   })
 }
+
+export function save(data) {
+  return request({
+    url: '/cloud-rule/ruleData/add',
+    method: 'post',
+    data: data
+  })
+}
+
+export function update(data) {
+  return request({
+    url: `/cloud-rule/ruleData/upd/${data.ruleId}`,
+    method: 'put',
+    data: data
+  })
+}
+//获取单条
+export function get(id){
+  return request({
+    url: "/cloud-rule/ruleData/"+id,
+    method : "GET",
+  })
+}
+//客户信息删除
+export function del(ruleId){
+  return request({
+    url: `/cloud-rule/ruleData/del/${ruleId}`,
+    method : "DELETE",
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 718fccc..984de21 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -150,6 +150,20 @@ export const dynamicRoutes = [
       }
     ]
   },
+  {
+    path: '/rule/versions',
+    component: Layout,
+    hidden: true,
+    permissions: ['rule:versions:list'],
+    children: [
+      {
+        path: 'index/:ruleId(\\d+)',
+        component: () => import('@/views/rule/versions/index'),
+        name: 'Rule',
+        meta: {title: '规则维护', activeMenu: '/rule/versions'}
+      }
+    ]
+  },
   {
     path: '/tool/gen-edit',
     component: Layout,
diff --git a/src/views/rule/maintain/index.vue b/src/views/rule/maintain/index.vue
index 51a8d28..19877be 100644
--- a/src/views/rule/maintain/index.vue
+++ b/src/views/rule/maintain/index.vue
@@ -40,15 +40,15 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="规则状态" prop="status">
+      <el-form-item label="规则状态" prop="ruleStatus">
         <el-select
-          v-model="queryParams.status"
+          v-model="queryParams.ruleStatus"
           clearable
           placeholder="规则状态"
           style="width: 240px"
         >
           <el-option
-            v-for="dict in dict.type.sys_rule_type"
+            v-for="dict in dict.type.sys_rule_status"
             :key="dict.value"
             :label="dict.label"
             :value="dict.value"
@@ -61,49 +61,167 @@
       </el-form-item>
     </el-form>
 
-    <el-table v-loading="loading" :data="ruleList" @selection-change="handleSelectionChange">
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          v-hasPermi="['system:role:add']"
+          icon="el-icon-plus"
+          plain
+          size="mini"
+          type="primary"
+          @click="handleAdd"
+        >新增
+        </el-button>
+      </el-col>
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          v-hasPermi="['system:role:export']"-->
+<!--          icon="el-icon-download"-->
+<!--          plain-->
+<!--          size="mini"-->
+<!--          type="warning"-->
+<!--          @click="handleExport"-->
+<!--        >导出-->
+<!--        </el-button>-->
+<!--      </el-col>-->
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="showList"></right-toolbar>
+    </el-row>
+
+    <el-table :data="ruleList" @selection-change="handleSelectionChange">
       <el-table-column align="center" type="selection" width="55"/>
-      <el-table-column label="规则编号" prop="roleId" width="120"/>
-      <el-table-column :show-overflow-tooltip="true" label="规则名称" prop="roleName" width="150"/>
-      <el-table-column :show-overflow-tooltip="true" label="规则类型" prop="ruleType" width="150"/>
-      <el-table-column :show-overflow-tooltip="true" label="规则作用域" prop="ruleRegion" width="150"/>
+      <el-table-column label="规则编号" prop="id" width="120"/>
+      <el-table-column :show-overflow-tooltip="true" label="规则名称" prop="ruleName" width="150"/>
+      <el-table-column :show-overflow-tooltip="true" label="规则类型" prop="ruleType" width="150">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.ruleType==='Z'" type="success">自定义规则</el-tag>
+          <el-tag v-if="scope.row.ruleType==='M'" type="primary">规则模板</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column :show-overflow-tooltip="true" label="规则作用域" prop="ruleRegion" width="150">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.ruleRegion==='F'">数据字段</el-tag>
+          <el-tag v-if="scope.row.ruleRegion==='R'" type="info">记录</el-tag>
+          <el-tag v-if="scope.row.ruleRegion==='C'" type="warning">数据集 </el-tag>
+        </template>
+      </el-table-column>
       <el-table-column :show-overflow-tooltip="true" label="引擎编码" prop="ruleCoding" width="150"/>
-      <el-table-column :show-overflow-tooltip="true" label="激活状态" prop="ruleActivate" width="150"/>
-      <el-table-column :show-overflow-tooltip="true" label="规则状态" prop="ruleStatus" width="150"/>
+      <el-table-column :show-overflow-tooltip="true" label="激活状态" prop="ruleActivate" width="150">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.ruleActivate==='S'" type="success">已启动</el-tag>
+          <el-tag v-if="scope.row.ruleActivate==='U'" type="danger">未启动</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column :show-overflow-tooltip="true" label="规则状态" prop="ruleStatus" width="150">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.ruleStatus==='Y'" type="success">正常</el-tag>
+          <el-tag v-if="scope.row.ruleStatus==='N'" type="info">停用</el-tag>
+        </template>
+      </el-table-column>
       <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
-        <template v-if="scope.row.roleId !== 1" slot-scope="scope">
+        <template slot-scope="scope">
           <el-button
-            v-hasPermi="['system:role:edit']"
+            v-hasPermi="['system:rule:versions']"
+            icon="el-icon-s-platform"
+            size="mini"
+            type="text">
+            <router-link :to="'/rule/versions/index/' + scope.row.id" class="link-type">
+              <span>规则维护</span>
+            </router-link>
+          </el-button>
+          <el-button
+            v-hasPermi="['system:rule:edit']"
             icon="el-icon-edit"
             size="mini"
             type="text"
-            @click="handleUpdate(scope.row)"
+            @click="handleUpdate(scope.row.id)"
           >修改
           </el-button>
           <el-button
-            v-hasPermi="['system:role:remove']"
+            v-hasPermi="['system:rule:remove']"
             icon="el-icon-delete"
             size="mini"
             type="text"
-            @click="handleDelete(scope.row)"
+            @click="handleDelete(scope.row.id)"
           >删除
           </el-button>
         </template>
       </el-table-column>
     </el-table>
 
+    <!-- 添加或修改角色配置对话框 -->
+    <el-dialog :title="title" :visible.sync="open" append-to-body width="1000px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true">
+        <el-form-item label="规则名称" prop="ruleName" >
+          <el-input v-model="form.ruleName" placeholder="请输入规则名称"/>
+        </el-form-item>
+        <el-form-item label="引擎编码" prop="ruleCoding">
+          <el-input v-model="form.ruleCoding" placeholder="请输入引擎编码"/>
+        </el-form-item>
+        <el-form-item label="规则类型" prop="ruleType">
+          <el-select
+            v-model="form.ruleType"
+            clearable
+            placeholder="规则类型"
+            style="width: 193px"
+          >
+            <el-option
+              v-for="dict in dict.type.sys_rule_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="规则作用域" prop="ruleRegion">
+          <el-select
+            v-model="form.ruleRegion"
+            clearable
+            placeholder="规则作用域"
+            style="width: 193px"
+          >
+            <el-option
+              v-for="dict in dict.type.sys_rule_region"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="激活状态" prop="ruleActivate">
+          <el-radio-group v-model="form.ruleActivate" v-for="dict in dict.type.sys_rule_activate" >
+            <el-radio-button :label='(dict.value)' style="width: 96px">{{ dict.label }}</el-radio-button>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="规则状态" prop="ruleStatus">
+          <el-radio-group v-model="form.ruleStatus" v-for="dict in dict.type.sys_rule_status">
+            <el-radio-button :label='(dict.value)'style="width: 86px">{{ dict.label }}</el-radio-button>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="内容">
+          <editor v-model="form.ruleDescribe" :min-height="192"/>
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input v-model="form.remark" placeholder="请输入内容" type="textarea"  style="width: 840px"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
-  import { getList } from '@/api/rule/maintain'
+import { getList, save, update, get, del} from '@/api/rule/maintain'
 
 export default {
     //import引入的组件需要注入到对象中才能使用"
     name:"Maintain",
-    dicts:['sys_rule_type','sys_rule_region','sys_rule_activate'],
+    dicts:['sys_rule_type','sys_rule_status','sys_rule_activate','sys_rule_region'],
     components: {},
     props: {},
     data() {
@@ -121,7 +239,7 @@ export default {
           ruleStatus:undefined,
         },
         // 遮罩层
-        loading: true,
+        // loading: true,
         // 选中数组
         ids: [],
         // 非单个禁用
@@ -130,6 +248,21 @@ export default {
         multiple: true,
         // 字典表格数据
         ruleList: [],
+        // 是否显示弹出层
+        open: false,
+        // 弹出层标题
+        title: "",
+        // 表单参数
+        form: {},
+        // 表单校验
+        rules: {
+          ruleName: [
+            {required: true, message: "规则名称不能为空", trigger: "blur"}
+          ],
+          ruleCoding: [
+            {required: true, message: "引擎编码不能为空", trigger: "blur"}
+          ],
+        }
       };
     },
     //计算属性 类似于data概念",
@@ -145,21 +278,72 @@ export default {
         this.multiple = !selection.length
       },
       showList(){
-        getList().then(response => {
+        getList(this.queryParams).then(response => {
           this.ruleList = response.data
         })
       },
       /** 搜索按钮操作 */
       handleQuery() {
         this.queryParams.pageNum = 1;
-        this.getList();
+        this.showList();
       },
       /** 重置按钮操作 */
       resetQuery() {
-        this.dateRange = [];
         this.resetForm("queryForm");
         this.handleQuery();
       },
+      // 表单重置
+      reset() {
+        this.resetForm("form");
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.open = true;
+        this.title = "添加规则";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(id) {
+        this.reset();
+        get(id).then(response => {
+          // TODO 请求接口
+          this.form = response.data;
+          this.open = true;
+          this.title = "修改支付单客户信息";
+        })
+      },
+      /** 提交按钮 */
+      submitForm: function () {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.ruleId !== undefined) {
+              update(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.showList();
+              });
+            } else {
+              save(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.showList();
+              });
+            }
+          }
+        });
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+      },
+      /** 删除按钮操作 */
+      handleDelete(id){
+        del(id).then(response => {
+          this.$modal.msgSuccess("删除成功");
+          this.showList();
+        })
+      },
     },
     //生命周期 - 创建完成（可以访问当前this实例）",
     created() {
diff --git a/src/views/rule/versions/index.vue b/src/views/rule/versions/index.vue
new file mode 100644
index 0000000..fa41573
--- /dev/null
+++ b/src/views/rule/versions/index.vue
@@ -0,0 +1,48 @@
+<template>
+  <div>
+    <h1></h1>
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+  export default {
+    //import引入的组件需要注入到对象中才能使用"
+    components: {},
+    props: {},
+    data() {
+      //这里存放数据"
+      return {};
+    },
+    //计算属性 类似于data概念",
+    computed: {},
+    //监控data中的数据变化",
+    watch: {},
+    //方法集合",
+    methods: {},
+    //生命周期 - 创建完成（可以访问当前this实例）",
+    created() {
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）",
+    mounted() {
+    },
+    beforeCreate() {
+    }, //生命周期 - 创建之前",
+    beforeMount() {
+    }, //生命周期 - 挂载之前",
+    beforeUpdate() {
+    }, //生命周期 - 更新之前",
+    updated() {
+    }, //生命周期 - 更新之后",
+    beforeDestroy() {
+    }, //生命周期 - 销毁之前",
+    destroyed() {
+    }, //生命周期 - 销毁完成",
+    activated() {
+    } //如果页面有keep-alive缓存功能，这个函数会触发",
+  };
+</script>
+<style scoped>
+
+</style>