维护列表功能

src/api/engine/engine.js

@@ -9,9 +9,7 @@ export function selectEngineList(data){
   })
 }
 
-
+//添加规则数据
-
-
 export  function insert(data){
   return request({
     url: "/engine/engine/insert",
@@ -20,6 +18,7 @@ export  function insert(data){
   })
 }
 
+//修改规则数据
 export  function update(data){
   return request({
     url: "/engine/engine/update",
@@ -28,8 +27,7 @@ export  function update(data){
   })
 }
 
-
+//通过id删除数据
-
 export  function del(id){
   return request({
     url: "/engine/engine/delete/" + id,
@@ -38,7 +36,6 @@ export  function del(id){
   })
 }
 
-
 //开启
 export  function onEngine(id){
   return request({
@@ -48,7 +45,6 @@ export  function onEngine(id){
   })
 }
 
-
 //禁用
 export  function forbiddenEngine(id){
   return request({
@@ -58,6 +54,7 @@ export  function forbiddenEngine(id){
   })
 }
 
+//查看等级列表信息
 export  function selectLevel(){
   return request({
     url: "/engine/level/selectLevelList",
@@ -73,7 +70,6 @@ export function getRuleEngineInfo(id) {
   })
 }
 
-
 // 通过id查询
 export function findById(id) {
   return request({
@@ -82,4 +78,13 @@ export function findById(id) {
   })
 }
 
+//通过id删除数据
+export function dels(id) {
+  return request({
+    url: '/engine/engine/delete/' + id,
+    method: 'post',
+    data: id
+  })
+}
+
 

src/api/type/type.js

@@ -8,6 +8,7 @@ export function list(){
   })
 }
 
+//添加类型数据
 export  function insert(data){
   return request({
     url: "/engine/type/add",
@@ -16,6 +17,7 @@ export  function insert(data){
   })
 }
 
+//修改类型数据
 export  function update(data){
   return request({
     url: "/engine/type/update",
@@ -24,6 +26,7 @@ export  function update(data){
   })
 }
 
+//删除类型数据
 export  function del(id){
   return request({
     url: "/engine/type/delete/" + id,
@@ -32,6 +35,7 @@ export  function del(id){
   })
 }
 
+//导出类型数据
 export function exports(data){
   return request({
     url: "/engine/type/export",

src/api/version/version.js

@@ -9,9 +9,7 @@ export function list(data){
   })
 }
 
-
+//添加规则引擎版本数据
-
-
 export  function insert(data){
   return request({
     url: "/engine/version/insert",
@@ -20,16 +18,7 @@ export  function insert(data){
   })
 }
 
-// export  function update(data){
+//删除规则引擎版本信息
-//   return request({
-//     url: "/engine/engine/update",
-//     method: "post",
-//     data:data
-//   })
-// }
-
-
-
 export  function del(id){
   return request({
     url: "/engine/version/delete/" + id,
@@ -38,7 +27,7 @@ export  function del(id){
   })
 }
 
-
+//查看等级列表
 export  function selectLevel(){
   return request({
     url: "/engine/level/selectLevelList",

src/views/engine/engine/index.vue

@@ -1,366 +1,677 @@
 <template>
+
   <div>
-    <el-form  label-width="80px" :model="engineReq"  :inline="true" class="demo-form-inline" size="small">
+
+    <el-form label-width="80px" :model="engineReq" :inline="true" class="demo-form-inline" size="small">
+
       <el-form-item label="规则名称">
+
         <el-input v-model="engineReq.name"></el-input>
+
       </el-form-item>
 
       <el-form-item label="规则类型">
+
         <el-select v-model="engineReq.type" placeholder="请选择类型">
+
           <el-option label="字段类型" value="1"></el-option>
+
           <el-option label="基本类型" value="2"></el-option>
+
           <el-option label="引用类型" value="3"></el-option>
+
           <el-option label="时间类型" value="4"></el-option>
+
           <el-option label="转换类型" value="5"></el-option>
+
         </el-select>
+
       </el-form-item>
 
       <el-form-item label="是否激活">
+
         <el-select v-model="engineReq.isActivate" placeholder="是否激活">
+
           <el-option label="已激活" value="1"></el-option>
+
           <el-option label="未激活" value="2"></el-option>
+
         </el-select>
+
       </el-form-item>
+
       <el-form-item label="规则状态">
+
         <el-select v-model="engineReq.status" placeholder="规则状态">
+
           <el-option label="开启" value="1"></el-option>
+
           <el-option label="关闭" value="2"></el-option>
+
         </el-select>
+
       </el-form-item>
+
       <el-button @click="select()">
+
         查询
       </el-button>
+
       <el-button @click="clears()">
+
         重置
+
       </el-button>
+
     </el-form>
-    <el-button
+
-      type="warning"
+    <el-button type="warning" plain icon="el-icon-download" size="mini" @click="findSelectSourceExport"
-      plain
+               v-hasPermi="['source:data:export']">导出
-      icon="el-icon-download"
+
-      size="mini"
-      @click="findSelectSourceExport"
-      v-hasPermi="['source:data:export']"
-    >导出
     </el-button>
 
     <!--  添加按钮  /-->
-    <el-button
+    <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['source:data:add']">
-      type="primary"
+      新增
-      plain
+
-      icon="el-icon-plus"
-      size="mini"
-      @click="handleAdd"
-      v-hasPermi="['source:data:add']"
-    >新增
     </el-button>
 
     <!-- 添加或修改规则引擎对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
+
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+
         <el-row>
+
           <el-col :span="12">
+
             <el-form-item label="规则名称" prop="name">
+
               <el-input v-model="form.name" placeholder="请输入规则名称"/>
+
             </el-form-item>
+
           </el-col>
+
           <el-col :span="12">
+
             <el-form-item label="规则编码" prop="engineCode">
+
               <el-input v-model="form.engineCode" placeholder="请输入规则编码"/>
+
             </el-form-item>
+
           </el-col>
+
         </el-row>
+
         <el-row>
+
           <el-col :span="12">
+
             <el-form-item label="规则类型" prop="type">
+
               <el-select v-model="form.type" placeholder="请选择规则类型" style="width: 100%">
+
                 <el-option
+
                   v-for="dict in dict.type.rule_engine_type"
+
                   :key="dict.value"
+
                   :label="dict.label"
+
                   :value="Number(dict.value)"
+
                 ></el-option>
+
               </el-select>
+
             </el-form-item>
+
           </el-col>
+
           <el-col :span="12">
+
             <el-form-item label="规则级别" prop="scope">
+
               <el-select v-model="form.scope" placeholder="请选择规则级别" style="width: 100%">
+
                 <el-option
+
                   v-for="dict in dict.type.rule_engine_level"
+
                   :key="dict.value"
+
                   :label="dict.label"
+
                   :value="Number(dict.value)"
+
                 ></el-option>
+
               </el-select>
+
             </el-form-item>
+
           </el-col>
+
         </el-row>
+
         <el-row>
+
           <el-col :span="12">
+
             <el-form-item label="是否激活" prop="isActivate">
+
               <el-radio-group v-model="form.isActivate">
+
                 <el-radio
+
                   v-for="dict in dict.type.rule_engine_activate_status"
+
                   :key="dict.value"
+
                   :label="dict.value"
+
                 >{{ dict.label }}
+
                 </el-radio>
+
               </el-radio-group>
+
             </el-form-item>
+
           </el-col>
+
           <el-col :span="12">
+
             <el-form-item label="规则状态" prop="status">
+
               <el-radio-group v-model="form.status">
+
                 <el-radio
+
                   v-for="dict in dict.type.sys_normal_disable"
+
                   :key="dict.value"
+
                   :label="dict.value"
+
                 >{{ dict.label }}
+
                 </el-radio>
+
               </el-radio-group>
+
             </el-form-item>
+
           </el-col>
+
         </el-row>
+
         <el-row>
+
           <el-col :span="24">
+
             <el-form-item label="规则描述">
+
               <editor v-model="form.description" :min-height="192"/>
+
             </el-form-item>
+
           </el-col>
+
           <el-col :span="24">
+
             <el-form-item label="备注" prop="remark">
+
               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"/>
+
             </el-form-item>
+
           </el-col>
+
         </el-row>
+
       </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>
 
     <el-table :data="arr" style="width: 100%">
+
       <el-table-column label="编号" prop="id"></el-table-column>
+
       <el-table-column label="名称" prop="name"></el-table-column>
+
       <el-table-column label="类型" style="color: #13ce66" prop="type">
+
         <template v-slot="scope">
+
           <span v-if="scope.row.type==1">数据字段</span>
+
           <span v-if="scope.row.type==2">基本类型</span>
+
           <span v-if="scope.row.type==3">时间类型</span>
+
           <span v-if="scope.row.type==4">普通类型</span>
+
           <span v-if="scope.row.type==4">介入类型</span>
+
         </template>
+
       </el-table-column>
-      <el-table-column label="作用域"  style="color: blue" prop="scope">
+
+      <el-table-column label="作用域" style="color: blue" prop="scope">
+
         <template v-slot="scope">
+
           <span v-if="scope.row.scope==1">数据字段</span>
+
           <span v-if="scope.row.scope==2">记录</span>
+
           <span v-if="scope.row.scope==3">数据集</span>
+
           <span v-if="scope.row.scope==4">数据类型</span>
+
           <span v-if="scope.row.scope==5">日志</span>
+
         </template>
+
       </el-table-column>
+
       <el-table-column label="引擎编码" prop="engineCode"></el-table-column>
+
       <el-table-column label="是否激活" style="color: red" prop="isActivate">
+
         <template v-slot="scope">
+
           <span v-if="scope.row.isActivate==1">已激活</span>
+
           <span v-if="scope.row.isActivate==2">未激活</span>
+
         </template>
+
       </el-table-column>
-      <el-table-column label="状态"  style="color: #787be8" prop="status">
+
+      <el-table-column label="状态" style="color: #787be8" prop="status">
+
         <template v-slot="scope">
+
           <span v-if="scope.row.status==1">开启</span>
+
           <span v-if="scope.row.status==2">关闭</span>
+
         </template>
+
       </el-table-column>
+
       <el-table-column label="描述" prop="description"></el-table-column>
+
       <el-table-column
+
         align="right">
+
         <template slot-scope="scope">
-          <el-button
-            icon="el-icon-delete"
-            size="mini"
-            type="text"
-            @click="handleDelete(scope.row.id)">删除</el-button>
-          <el-button
-            icon="el-icon-service"
-            size="mini"
-            type="text"
-            @click="handleUpdate(scope.row)">修改规则配置</el-button>
 
           <el-button
-            icon="el-icon-service"
+
+            icon="el-icon-delete"
+
             size="mini"
+
             type="text"
-            @click="engineRuleMaintenance(scope.row)">规则维护</el-button>
+
+            @click="handleDelete(scope.row.id)">删除
+          </el-button>
+
+          <el-button
+
+            icon="el-icon-service"
+
+            size="mini"
+
+            type="text"
+
+            @click="handleUpdate(scope.row)">修改规则配置
+          </el-button>
+
+          <el-button
+
+            icon="el-icon-service"
+
+            size="mini"
+
+            type="text"
+
+            @click="engineRuleMaintenance(scope.row)">规则维护
+          </el-button>
 
         </template>
+
       </el-table-column>
+
     </el-table>
+
     <!--    分页-->
+
     <el-pagination
+
       @size-change="handleSizeChange"
+
       @current-change="handleCurrentChange"
+
       :current-page="engineReq.pageNum"
+
       :page-sizes="[1, 2, 3, 4, 5]"
+
       :page-size="engineReq.pageSize"
+
       layout="total, sizes, prev, pager, next, jumper"
+
       :total="total">
+
     </el-pagination>
 
   </div>
+
 </template>
 
 <script>
+
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+
 import {del, insert, selectEngineList, update} from "@/api/engine/engine";
 
+
 export default {
+
   name: "maintenance",
+
   dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable', 'rule_engine_level'],
+
   //import引入的组件需要注入到对象中才能使用"
+
   components: {},
+
   props: {},
+
   data() {
+
     //这里存放数据"
 
     return {
-      engineReq:{
+
-        pageNum:1,
+      engineReq: {
-        pageSize:5
+
-      },
+        pageNum: 1,
-      engine:{
+
+        pageSize: 5
 
       },
+      engine: {},
+
       title: "",
-      arr:[],
+
-      dialogFormVisible:false,
+      arr: [],
-      total:0,
+
+      dialogFormVisible: false,
+
+      total: 0,
+
       form: {},
-      open:false,
+
+      open: false,
+
       // 表单校验
+
       rules: {
+
         name: [
+
           {required: true, message: "规则名称不能为空", trigger: "blur"}
+
         ],
+
         type: [
+
           {required: true, message: "规则类型不能为空", trigger: "change"}
+
         ],
+
         engineCode: [
+
           {required: true, message: "规则编码不能为空", trigger: "blur"}
+
         ],
+
         isActivate: [
+
           {required: true, message: "是否激活不能为空", trigger: "change"}
+
         ],
+
         status: [
+
           {required: true, message: "规则状态不能为空", trigger: "change"}
+
         ],
+
         createBy: [
+
           {required: true, message: "创建者不能为空", trigger: "blur"}
+
         ],
+
         createTime: [
+
           {required: true, message: "创建时间不能为空", trigger: "blur"}
+
         ],
+
       }
+
     };
+
   },
+
   //计算属性 类似于data概念",
+
   computed: {},
+
   //监控data中的数据变化",
+
   watch: {},
+
   //方法集合",
+
   methods: {
+
     handleSizeChange(val) {
+
       console.log(`每页 ${val} 条`);
+
       this.engineReq.pageSize = val;
+
       this.findSelectSourceList();
+
     },
+
     handleCurrentChange(val) {
+
       console.log(`当前页: ${val}`);
+
       this.engineReq.pageNum = val;
+
       this.findSelectSourceList();
+
     },
-    findSelectSourceList(){
+
-      selectEngineList(this.engineReq).then(res=>{
+    findSelectSourceList() {
-        this.arr=res.data.list;
+
-        this.total=res.data.total;
+      selectEngineList(this.engineReq).then(res => {
+
+        this.arr = res.data.list;
+
+        this.total = res.data.total;
+
       })
+
     },
-    handleDelete(id){
+
-      if (confirm("是否删除这条数据？")){
+    handleDelete(id) {
-        del(id).then(res =>{
+
+      if (confirm("是否删除这条数据？")) {
+
+        del(id).then(res => {
+
           //判断删除是否成功
+
           this.$message.success(res.msg || "删除成功")
+
         })
+
       }
+
     },
-    findSelectSourceExport(){
+
+    findSelectSourceExport() {
+
       this.download('engine/engine/export', {
+
           ...this.engineReq
+
         },
+
         `source_${new Date().getTime()}.xlsx`)
+
     },
-    select(){
+
+    select() {
+
       this.findSelectSourceList();
+
     },
+
     /** 新增按钮操作 */
+
     handleAdd() {
+
       // this.reset();
+
       this.open = true;
+
       this.title = "添加规则引擎";
+
     },
+
     /** 修改按钮操作 */
+
     handleUpdate(row) {
+
       // this.reset();
+
       this.form = row;
+
       this.open = true;
+
       this.title = "修改规则引擎";
+
     },
+
     /** 提交按钮 */
+
     submitForm() {
+
       this.$refs["form"].validate(valid => {
+
         if (valid) {
+
           if (this.form.id != null) {
+
             update(this.form).then(response => {
+
               this.$modal.msgSuccess("修改成功");
+
               this.findSelectSourceList();
+
               this.open = false;
+
             })
+
           } else {
+
             insert(this.form).then(response => {
+
               this.$modal.msgSuccess("新增成功");
+
               this.findSelectSourceList();
+
               this.open = false;
+
             })
+
           }
+
         }
+
       });
+
     },
-    engineRuleMaintenance(row){
+
+    engineRuleMaintenance(row) {
+
       this.$router.push({
-        path:'list',
+
-        query:{id:row.id}
+        path: 'list',
+
+        query: {id: row.id}
+
       })
+
     },
-    clears(){
+
+    clears() {
+
       this.engineReq = {
+
         name: '',
+
         type: '',
+
         isActivate: '',
+
         status: ''
+
       };
+
     }
+
   },
+
   //生命周期 - 创建完成（可以访问当前this实例）",
+
   created() {
+
     this.findSelectSourceList();
+
   },
+
   //生命周期 - 挂载完成（可以访问DOM元素）",
+
   mounted() {
+
   },
+
   beforeCreate() {
+
   }, //生命周期 - 创建之前",
   beforeMount() {
   }, //生命周期 - 挂载之前",

src/views/engine/engine/list.vue

@@ -1,275 +1,375 @@
 <template>
+
   <div>
-    <el-descriptions class="margin-top" :column="2" border :title="maintenance.name">
 
-      <el-descriptions-item>
+    <div style="height: 30px">
 
-        <el-button type="primary" @click="handleInsert">版本添加</el-button>
+      {{ maintenance.name }}<br>
-        <template slot="label">
-          <i class="el-icon-user"></i>
-          操作按钮
-        </template>
-        <el-button type="danger" v-show="maintenance.status=='1'" @click="updStatus(ruleAndVersion.status,ruleAndVersion.id)">开启引擎</el-button>
-        <el-button type="danger" v-show="maintenance.status=='0'"  @click="updStatus(ruleAndVersion.status,ruleAndVersion.id)">关闭引擎</el-button>
-        <el-button type="warning" v-show="maintenance.open=='N' " @click="updOpen(ruleAndVersion.open,ruleAndVersion.id)">激活引擎</el-button>
-        <el-button type="warning" v-show="maintenance.open=='Y'" @click="updOpen(ruleAndVersion.open,ruleAndVersion.id)">禁用引擎</el-button>
-      </el-descriptions-item>
 
-      <el-descriptions-item>
+    </div>
-        <template slot="label">
+
-          <i class="el-icon-user"></i>
+    <div style="height: 50px">
-          版本名称
+
-        </template>
+      规则名称:{{ maintenance.name }}<br>
-        {{ maintenance.name }}
+
-      </el-descriptions-item>
+      规则类型:<span v-if="maintenance.type==1">字段类型</span>
-      <el-descriptions-item>
+
-        <template slot="label">
+      <span v-if="maintenance.type==2">基本类型</span>
-          <i class="el-icon-user"></i>
+
-          版本编码
+      <span v-if="maintenance.type==3">时间类型</span>
-        </template>
+
-        {{ maintenance.code}}
+      <span v-if="maintenance.type==4">转换类型</span>
-      </el-descriptions-item>
+
-      <el-descriptions-item>
+      <span v-if="maintenance.type==5">测试类型</span><br>
-        <template slot="label">
+
-          <i class="el-icon-user"></i>
+      作用域:<span v-if="maintenance.scope==1">字段规则</span>
-          规则作用域
+
-        </template>
+      <span v-if="maintenance.scope==2">基本规则</span>
+
+      <span v-if="maintenance.scope==3">时间规则</span>
+
+      <span v-if="maintenance.scope==4">格式规则</span>
+
+      <span v-if="maintenance.scope==5">自定义规则</span><br>
+
+      引擎编码:{{ maintenance.engineCode }}<br>
+
+      是否激活:<span v-if="maintenance.isActivate==1">开启</span>
+
+      <span v-if="maintenance.isActivate==2">关闭</span><br>
+
+      状态:<span v-if="maintenance.isActivate==1">正常</span>
+
+      <span v-if="maintenance.isActivate==2">异常</span>
+
+      <span v-if="maintenance.isActivate==3">未知</span>
+
+      <span v-if="maintenance.isActivate==4">错误</span>
+
+      <br>
+
+      <button @click="onEngine(maintenance.id)">激活引擎</button>
+
+    </div>
 
-        <dict-tag :options="maintenance.type.status" :value="maintenance.status"/>
-      </el-descriptions-item>
-      <el-descriptions-item>
-        <template slot="label">
-          <i class="el-icon-user"></i>
-          状态
-        </template>
-        <dict-tag :options="maintenance.type.rule_engine_activate_status" :value="maintenance.status"/>
-      </el-descriptions-item>
-      <el-descriptions-item>
-        <template slot="label">
-          <i class="el-icon-user"></i>
-          激活状态
-        </template>
-        <dict-tag :options="maintenance.type.rule_engine_activate_status" :value="maintenance.open"/>
-      </el-descriptions-item>
-      <el-descriptions-item>
-        <template slot="label">
-          <i class="el-icon-user"></i>
-          版本描述
-        </template>
-        <editor   v-model="maintenance.isActivate" :readOnly="true" :min-height="50"/>
-      </el-descriptions-item>
-    </el-descriptions>
     <br>
 
-    <el-empty description="暂无规则引擎版本" v-if="maintenance.engineMaintenanceList.length==0"></el-empty>
+    <br>
-    <el-row :gutter="10">
-      <el-col :span="8" v-for="version in maintenance.engineMaintenanceList">
-        <el-card class="box-card">
-          <el-descriptions class="margin-top" title="带边框列表" :column="3" :size="size" border>
-            <template slot="extra">
-              <el-button type="primary" size="small">操作</el-button>
-            </template>
-            <el-descriptions-item>
-              <template el-slot="label">
-                <i class="el-icon-user"></i>
-                名称
-              </template>
-              {{ version.name }}
-            </el-descriptions-item>
-            <br>
-            <el-descriptions-item>
-              <template el-slot="label">
-                <i class="el-icon-mobile-phone"></i>
-                类型
-              </template>
-              {{ version.type }}
-            </el-descriptions-item>
-            <br>
-            <el-descriptions-item>
-              <template el-slot="label">
-                <i class="el-icon-location-outline"></i>
-                作用域
-              </template>
-              {{ version.scope }}
-            </el-descriptions-item>
-            <br>
-            <el-descriptions-item>
-              <template el-slot="label">
-                <i class="el-icon-office-building"></i>
-                是否激活
-              </template>
-              {{ version.isActivate }}
-            </el-descriptions-item>
-            <br>
-            <el-descriptions-item>
-              <template el-slot="label">
-                <i class="el-icon-office-building"></i>
-                状态
-              </template>
-              {{ version.status }}
-            </el-descriptions-item>
-            <br>
-          </el-descriptions>
-        </el-card>
-      </el-col>
-    </el-row>
 
+    <br>
+
+    <br>
+
+    <br>
+
+    <br>
+
+    <br>
+
+    <br>
+
+    <el-button type="text" @click="dialogFormVisible = true">新增</el-button>
+
+    <el-dialog title="收货地址" :visible.sync="dialogFormVisible">
+
+      <el-form :model="form">
+
+        <el-form-item label="名称" :label-width="formLabelWidth">
+
+          <el-input v-model="form.name" autocomplete="off"></el-input>
 
-    <el-dialog
-      :title="title"
-      :visible.sync="open"
-      width="80%">
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px"  class="demo-form-inline">
-        <el-form-item label="版本名称" prop="versionName">
-          <el-input v-model="form.name" placeholder="请输入引擎名称" style="width:  40%" />
-        </el-form-item>
-        <el-form-item label="版本类型" prop="versionCode">
-          <el-input v-model="form.type" placeholder="请输入版本编码" style="width:  40%" />
-        </el-form-item>
-        <el-form-item label="作用域" prop="versionDesc">
-          <editor v-model="form.scope" :min-height="192"/>
         </el-form-item>
 
-        <el-form-item label="是否激活" prop="versionDesc">
+        <el-form-item label="类型" :label-width="formLabelWidth">
-          <editor v-model="form.isActivate" :min-height="192"/>
+
+          <el-input v-model="form.type" autocomplete="off"></el-input>
+
         </el-form-item>
 
-        <el-form-item label="状态" prop="versionDesc">
+        <el-form-item label="作用域" :label-width="formLabelWidth">
-          <editor v-model="form.status" :min-height="192"/>
+
+          <el-input v-model="form.scope" autocomplete="off"></el-input>
+
         </el-form-item>
 
-        <el-form-item label="备注" prop="remark">
+        <el-form-item label="是否激活" :label-width="formLabelWidth">
-          <el-input v-model="form.remark" placeholder="请输入内容" type="textarea"/>
+
+          <el-input v-model="form.isActivate" autocomplete="off"></el-input>
+
         </el-form-item>
+
+        <el-form-item label="状态" :label-width="formLabelWidth">
+
+          <el-input v-model="form.status" autocomplete="off"></el-input>
+
+        </el-form-item>
+
       </el-form>
-      <el-button type="primary" @click="generateEngine(form.versionName,form.versionCode)">生成引擎类</el-button>
 
-      <div class="code-edit">
+      <div slot="footer" class="dialog-footer">
-        <codemirror ref="codeMirror" v-model="form.versionClazz" :value="form.versionClazz" :options="cmOptions"  />
+
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+
+        <el-button type="primary" @click=handleInsert()>确 定</el-button>
+
       </div>
-      <span slot="footer" class="dialog-footer">
+
-    <el-button @click="cancel">取 消</el-button>
-    <el-button type="primary" @click="submitForm">确 定</el-button>
-  </span>
     </el-dialog>
 
 
+    <el-table :data="maintenance.engineMaintenanceList" style="width: 100%">
 
-    <el-drawer
+      <el-table-column label="编号" width="180">
-      :title="title"
-      :visible.sync="maintenance"
-      size="60%"
-      :direction="direction"
-      :before-close="handleClose">
-      <el-descriptions class="margin-top" :column="1" border>
-        <el-descriptions-item>
-          <template slot="label">
-            <i class="el-icon-user"></i>
-            版本名称
-          </template>
-          {{ maintenance.name }}
-        </el-descriptions-item>
-        <el-descriptions-item>
-          <template slot="label">
-            <i class="el-icon-user"></i>
-            版本编码
-          </template>
-          {{ maintenance.type}}
-        </el-descriptions-item>
-        <el-descriptions-item>
-          <template slot="label">
-            <i class="el-icon-user"></i>
-            状态
-          </template>
-          <dict-tag :options="dict.type.rule_engine_activate_status" :value="maintenance.status"/>
-        </el-descriptions-item>
-        <el-descriptions-item>
-          <template slot="label">
-            <i class="el-icon-user"></i>
-            激活状态
-          </template>
-          <dict-tag :options="dict.type.rule_engine_activate_status" :value="maintenance.open"/>
-        </el-descriptions-item>
-        <el-descriptions-item>
-          <template slot="label">
-            <i class="el-icon-user"></i>
-            版本描述
-          </template>
-          <editor  v-model="maintenance.status" :readOnly="true"  :min-height="50" aria-readonly="true" />
-        </el-descriptions-item>
-        <el-descriptions-item>
-          <template slot="label">
-            <i class="el-icon-user"></i>
-            代码操作
-          </template>
-          <codemirror ref="codeMirror" :value="maintenance.isActivate" :options="cmOptions" class="code" v-model="maintenance.scope">
-          </codemirror>
-        </el-descriptions-item>
-      </el-descriptions>
 
-    </el-drawer>
+        <template slot-scope="scope">
+
+          <i class="el-icon-time"></i>
+
+          <span style="margin-left: 10px">{{ scope.row.id }}</span>
+
+        </template>
+
+      </el-table-column>
+
+      <el-table-column label="名称" width="180">
+
+        <template slot-scope="scope">
+
+          <i class="el-icon-time"></i>
+
+          <span style="margin-left: 10px">{{ scope.row.name }}</span>
+
+        </template>
+
+      </el-table-column>
+
+      <el-table-column label="类型" width="180">
+
+        <template slot-scope="scope">
+
+          <i class="el-icon-time"></i>
+
+          <span style="margin-left: 10px" v-if="scope.row.type==1">字段类型</span>
+
+          <span style="margin-left: 10px" v-if="scope.row.type==2">基本类型</span>
+
+          <span style="margin-left: 10px" v-if="scope.row.type==3">时间类型</span>
+
+          <span style="margin-left: 10px" v-if="scope.row.type==4">转换类型</span>
+
+          <span style="margin-left: 10px" v-if="scope.row.type==5">测试类型</span>
+
+        </template>
+
+      </el-table-column>
+
+      <el-table-column label="作用域" width="180">
+
+        <template slot-scope="scope">
+
+          <i class="el-icon-time"></i>
+
+          <span style="margin-left: 10px" v-if="scope.row.scope==1">字段规则</span>
+
+          <span style="margin-left: 10px" v-if="scope.row.scope==2">基本规则</span>
+
+          <span style="margin-left: 10px" v-if="scope.row.scope==3">时间规则</span>
+
+          <span style="margin-left: 10px" v-if="scope.row.scope==4">格式规则</span>
+
+          <span style="margin-left: 10px" v-if="scope.row.scope==5">自定义规则</span>
+
+        </template>
+
+      </el-table-column>
+
+      <el-table-column label="是否激活" width="180">
+
+        <template slot-scope="scope">
+
+          <i class="el-icon-time"></i>
+
+          <span style="margin-left: 10px" v-if="scope.row.isActivate==1">激活</span>
+
+          <span style="margin-left: 10px" v-if="scope.row.isActivate==2">禁用</span>
+
+        </template>
+
+      </el-table-column>
+
+      <el-table-column label="状态" width="180">
+
+        <template slot-scope="scope">
+
+          <i class="el-icon-time"></i>
+
+          <span style="margin-left: 10px" v-if="scope.row.status==1">正常</span>
+
+          <span style="margin-left: 10px" v-if="scope.row.status==2">异常</span>
+
+          <span style="margin-left: 10px" v-if="scope.row.status==3">未知</span>
+
+          <span style="margin-left: 10px" v-if="scope.row.status==4">错误</span>
+
+        </template>
+
+      </el-table-column>
+
+
+      <el-table-column label="操作">
+
+        <template slot-scope="scope">
+
+          <el-button size="mini" type="danger" @click="del(scope.row.id)">删除
+
+          </el-button>
+
+          <el-button size="mini" type="danger" @click="onEngine(scope.row.id)">激活规则
+
+          </el-button>
+
+          <el-button size="mini" type="danger" @click="forbiddenEngine(scope.row.id)">禁用规则
+
+          </el-button>
+
+        </template>
+
+      </el-table-column>
+
+    </el-table>
 
   </div>
+
 </template>
+
 <script>
 
-import {findById, forbiddenEngine, onEngine} from "@/api/engine/engine";
+import {dels, findById, onEngine} from "@/api/engine/engine";
+
 import {insert} from "@/api/version/version";
 
 export default {
+
   dicts: ['rule_engine_activate_status', 'rule_engine_type', 'sys_normal_disable', 'rule_engine_level'],
+
   //import引入的组件需要注入到对象中才能使用"
+
   components: {},
+
   props: {},
+
   data() {
+
     //这里存放数据"
+
     return {
+
       direction: 'rtl',
-      maintenance:{
+
+      maintenance: {
+
         engineMaintenanceList: [],
+
       },
-      title:"",
+
-      open:false,
+      title: "",
-      handleClose:false,
+
-      form:{
+      open: false,
+
+      handleClose: false,
+
+      form: {},
+
+      size: '',
+
+      dialogFormVisible: false,
+
+      formLabelWidth: '120px'
+
+    }
+
+  },
+
+  methods: {
+
+    handleInsert() {
+
+      this.maintenance = {}
+
+      this.dialogFormVisible = true
+
+      insert(this.maintenance).then(res => {
+
+        this.$modal.msgSuccess("新增成功")
+
+      })
+      this.dialogFormVisible = false
+
+      this.List();
+
+    },
+    onEngine(id) {
+
+      onEngine(id).then(res => {
+
+        this.$modal.msgSuccess("激活成功")
+
+      })
+
+    },
+    forbiddenEngine(id) {
+
+      onEngine(id).then(res => {
+
+        this.$modal.msgSuccess("禁用成功")
+
+      })
+
+    },
+
+    List() {
+
+      findById(this.maintenance.id).then(res => {
+
+        this.maintenance = res.data;
+
+        console.log(this.maintenance)
+
+        console.log(this.maintenance.engineMaintenanceList)
+
+      })
+
+    },
+
+    del(id) {
+
+      if (confirm("你确定删除吗?")) {
+
+        dels(id).then(res => {
+
+          this.$message.success(res.msg || "删除成功");
+
+        })
 
       }
+
     }
+
   },
-  methods: {
+
-    handleInsert(){
-      this.open = true
-      insert(this.maintenance).then(res =>{
-        this.$modal.msgSuccess("新增成功")
-      })
-    },
-    List(){
-      findById(this.maintenance.id).then(res =>{
-        this.maintenance = res.data;
-        console.log(this.maintenance)
-        console.log(this.maintenance.engineMaintenanceList)
-      })
-    },
-    handleStatusChange(row){
-      if (row.status === "Y"){
-        onEngine(row.id).then((res)=>{
-          this.$modal.msgSuccess("启用成功")
-          this.getList()
-        })
-      }else {
-        forbiddenEngine(row.id).then((res)=>{
-          this.$modal.msgSuccess("禁用成功")
-          this.getList()
-        })
-      }
-    },
-  },
   //生命周期 - 创建完成（可以访问当前this实例）",
+
   created() {
+
     this.maintenance.id = this.$route.query.id
+
     this.List();
+
   }
+
 }
 </script>
+
 <style scoped>
+
 </style>

src/views/type/index.vue

@@ -1,4 +1,5 @@
 <template>
+
   <div>
 
     <!-- 添加或修改规则引擎对话框 -->
@@ -15,86 +16,140 @@
         </el-form-item>
 
       </el-form>
+
       <div slot="footer" class="dialog-footer">
+
         <el-button @click="dialogFormVisible = false">取 消</el-button>
+
         <el-button type="primary" @click="submitForm">确 定</el-button>
+
       </div>
+
     </el-dialog>
 
-
-
-
-
     <el-table :data="arr" style="width: 100%">
 
       <el-table-column label="类型编号" width="180">
+
         <template slot-scope="scope">
+
           <span style="margin-left: 10px">{{ scope.row.id }}</span>
+
         </template>
+
       </el-table-column>
 
       <el-table-column label="类型名称" width="180">
+
         <template slot-scope="scope">
+
           <span style="margin-left: 10px">{{ scope.row.name }}</span>
+
         </template>
+
       </el-table-column>
 
       <el-table-column label="操作">
+
         <template slot-scope="scope">
-          <el-button
+
-            size="mini"
+          <el-button size="mini" type="danger" @click="handleDelete(scope.row.id)">删除</el-button>
-            type="danger"
+
-            @click="handleDelete(scope.row.id)">删除</el-button>
         </template>
+
       </el-table-column>
 
     </el-table>
   </div>
+
 </template>
+
 <script>
+
 import {del, insert, list} from "@/api/type/type";
 
 export default {
+
   //import引入的组件需要注入到对象中才能使用"
+
   components: {},
+
   props: {},
+
   data() {
+
     //这里存放数据"
+
     return {
-      arr:[],
+
-      type:{},
+      arr: [],
+
+      type: {},
+
       rules: {
+
         name: [{required: true, message: '请输入规则名称', trigger: 'blur'}]
+
       },
-      dialogFormVisible:false,
+
+      dialogFormVisible: false,
+
       formLabelWidth: '120px'
+
     };
+
   },
+
   methods: {
-    List(){
+
-      list().then(res =>{
+    List() {
+
+      list().then(res => {
+
         this.arr = res;
+
       })
+
     },
-    handleDelete(id){
+
-      if (confirm("你确定删除吗?")){
+    handleDelete(id) {
-        del(id).then(res =>{
+
+      if (confirm("你确定删除吗?")) {
+
+        del(id).then(res => {
+
           this.$message.success(res.msg || "删除成功")
+
         })
+
       }
+
     },
-    submitForm(){
+
-      this.dialogFormVisible=true
+    submitForm() {
-      insert(this.type).then(res =>{
+
+      this.dialogFormVisible = true
+
+      insert(this.type).then(res => {
+
         this.$message.success(res.msg || "添加成功")
+
       })
+
       this.dialogFormVisible = false;
+
     }
+
   },
+
   //生命周期 - 创建完成（可以访问当前this实例）",
+
   created() {
+
     this.List();
+
   }
+
 }
 </script>
 <style scoped>

src/views/version/version/version.vue

@@ -1,27 +1,39 @@
 <template>
+
   <div>
-<!--条件查询-->
+
-    <el-form :model="version" >
+    <!--条件查询-->
+
+    <el-form :model="version">
 
       <el-form-item label="版本编码" prop="pass">
+
         <el-input type="text" v-model="version.versionCode" autocomplete="off"></el-input>
+
       </el-form-item>
 
       <el-form-item label="规则内容" prop="checkPass">
+
         <el-input type="text" v-model="version.ruleContent" autocomplete="off"></el-input>
+
       </el-form-item>
 
       <el-form-item label="引擎维护编号" prop="checkPass">
+
         <el-input type="text" v-model="version.engineMaintenanceId" autocomplete="off"></el-input>
+
       </el-form-item>
 
       <el-form-item>
+
         <el-button type="primary" @click="submitForm">查询</el-button>
+
       </el-form-item>
+
     </el-form>
 
 
-<!--    添加版本信息-->
+    <!--    添加版本信息-->
     <el-button type="text" @click="dialogFormVisible = true">添加版本信息</el-button>
 
     <el-dialog title="添加信息" :visible.sync="dialogFormVisible">
@@ -29,183 +41,290 @@
       <el-form :model="version">
 
         <el-form-item label="版本类名" :label-width="formLabelWidth">
+
           <el-input v-model="version.versionClass" autocomplete="off"></el-input>
+
         </el-form-item>
 
         <el-form-item label="版本名称" :label-width="formLabelWidth">
+
           <el-input v-model="version.name" autocomplete="off"></el-input>
+
         </el-form-item>
 
 
         <el-form-item label="版本编码" :label-width="formLabelWidth">
+
           <el-input v-model="version.versionCode" autocomplete="off"></el-input>
+
         </el-form-item>
 
 
         <el-form-item label="是否激活" :label-width="formLabelWidth">
+
           <el-input v-model="version.isActivate" autocomplete="off"></el-input>
+
         </el-form-item>
 
 
         <el-form-item label="版本状态" :label-width="formLabelWidth">
+
           <el-input v-model="version.status" autocomplete="off"></el-input>
+
         </el-form-item>
 
 
         <el-form-item label="版本测试状态" :label-width="formLabelWidth">
+
           <el-input v-model="version.testStatus" autocomplete="off"></el-input>
+
         </el-form-item>
 
 
         <el-form-item label="规则内容" :label-width="formLabelWidth">
+
           <el-input v-model="version.ruleContent" autocomplete="off"></el-input>
+
         </el-form-item>
 
 
         <el-form-item label="引擎维护编号" :label-width="formLabelWidth">
+
           <el-input v-model="version.engineMaintenanceId" autocomplete="off"></el-input>
+
         </el-form-item>
 
 
         <el-form-item label="描述" :label-width="formLabelWidth">
+
           <el-input v-model="version.description" autocomplete="off"></el-input>
+
         </el-form-item>
 
       </el-form>
+
       <div slot="footer" class="dialog-footer">
+
         <el-button @click="dialogFormVisible = false">取 消</el-button>
+
         <el-button type="primary" @click="insert">确 定</el-button>
+
       </div>
+
     </el-dialog>
 
-
+    <!--    列表-->
-
-
-<!--    列表-->
     <el-table :data="arr" style="width: 100%">
 
       <el-table-column label="编号" width="180">
+
         <template slot-scope="scope">
+
           <span style="margin-left: 10px">{{ scope.row.id }}</span>
+
         </template>
+
       </el-table-column>
 
       <el-table-column label="版本类名" width="180">
+
         <template slot-scope="scope">
+
           <span style="margin-left: 10px">{{ scope.row.versionClass }}</span>
+
         </template>
+
       </el-table-column>
 
       <el-table-column label="版本名称" width="180">
+
         <template slot-scope="scope">
+
           <span style="margin-left: 10px">{{ scope.row.name }}</span>
+
         </template>
+
       </el-table-column>
 
       <el-table-column label="版本编码" width="180">
+
         <template slot-scope="scope">
+
           <span style="margin-left: 10px">{{ scope.row.versionCode }}</span>
+
         </template>
+
       </el-table-column>
 
       <el-table-column label="是否激活" width="180">
+
         <template slot-scope="scope">
+
           <span style="margin-left: 10px">{{ scope.row.isActivate }}</span>
+
         </template>
+
       </el-table-column>
 
       <el-table-column label="版本状态" width="180">
+
         <template slot-scope="scope">
+
           <span style="margin-left: 10px">{{ scope.row.status }}</span>
+
         </template>
+
       </el-table-column>
 
       <el-table-column label="版本测试状态" width="180">
+
         <template slot-scope="scope">
+
           <span style="margin-left: 10px">{{ scope.row.testStatus }}</span>
+
         </template>
+
       </el-table-column>
 
       <el-table-column label="规则内容" width="180">
+
         <template slot-scope="scope">
+
           <span style="margin-left: 10px">{{ scope.row.ruleContent }}</span>
+
         </template>
+
       </el-table-column>
 
       <el-table-column label="引擎维护编号" width="180">
+
         <template slot-scope="scope">
+
           <span style="margin-left: 10px">{{ scope.row.engineMaintenanceId }}</span>
+
         </template>
+
       </el-table-column>
 
       <el-table-column label="描述" width="180">
+
         <template slot-scope="scope">
+
           <span style="margin-left: 10px">{{ scope.row.description }}</span>
+
         </template>
+
       </el-table-column>
 
 
       <el-table-column label="操作">
+
         <template slot-scope="scope">
-          <el-button
+
-            size="mini"
+          <el-button size="mini" type="danger" @click="handleDelete(scope.row.id)">删除
-            type="danger"
+
-            @click="handleDelete(scope.row.id)">删除</el-button>
+          </el-button>
+
         </template>
+
       </el-table-column>
 
-
     </el-table>
+
   </div>
+
 </template>
+
 <script>
+
 import {list} from "@/api/version/version";
+
 import {del, insert} from "@/api/version/version";
 
 export default {
-  //import引入的组件需要注入到对象中才能使用"
-  components: {},
-  props: {},
-  data() {
-    //这里存放数据"
-    return {
-      arr:[],
-      version:{
 
-      },
+  //import引入的组件需要注入到对象中才能使用"
-      dialogFormVisible:false,
+
+  components: {},
+
+  props: {},
+
+  data() {
+
+    //这里存放数据"
+
+    return {
+
+      arr: [],
+
+      version: {},
+
+      dialogFormVisible: false,
+
       formLabelWidth: '120px'
+
     };
+
   },
+
   methods: {
-    List(){
+
-      list(this.version).then(res =>{
+    List() {
+
+      list(this.version).then(res => {
+
         this.arr = res.data;
+
         console.log(res)
+
         console.log(this.arr)
+
       })
+
     },
-    submitForm(){
+
+    submitForm() {
+
       this.List();
+
     },
-    insert(){
+
-      insert(this.version).then(res =>{
+    insert() {
+
+      insert(this.version).then(res => {
+
         this.$message.success("添加成功");
+
       })
-      this.dialogFormVisible=false;
+
+      this.dialogFormVisible = false;
+
     },
-    handleDelete(id){
+
-      if (confirm("你确定删除吗?")){
+    handleDelete(id) {
-        del(id).then(res =>{
+
-           this.$message.success(res.msg || "删除成功")
+      if (confirm("你确定删除吗?")) {
+
+        del(id).then(res => {
+
+          this.$message.success(res.msg || "删除成功")
+
         })
+
       }
+
     }
+
   },
+
   //生命周期 - 创建完成（可以访问当前this实例）",
+
   created() {
+
     this.List();
+
   }
+
 }
 </script>
 <style scoped>