From b0abc7bcb35962233f8826866586a23b75646fbe Mon Sep 17 00:00:00 2001
From: Qin Dong Ming <2720806930@qq.com>
Date: Wed, 28 Aug 2024 20:34:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=8B=E8=AF=951?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/engine/engine/list.vue | 282 ++++++++++++++++++++++++-------
 1 file changed, 222 insertions(+), 60 deletions(-)

diff --git a/src/views/engine/engine/list.vue b/src/views/engine/engine/list.vue
index 73ee2c8..d65d4f6 100644
--- a/src/views/engine/engine/list.vue
+++ b/src/views/engine/engine/list.vue
@@ -1,90 +1,252 @@
 <template>
   <div>
+    <el-descriptions class="margin-top" :column="2" border :title="maintenance.name">
+
+      <el-descriptions-item>
+
+        <el-button type="primary" @click="handleInsert">版本添加</el-button>
+        <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>
+        <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.code}}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label">
+          <i class="el-icon-user"></i>
+          规则作用域
+        </template>
+
+        <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>
+
+    <el-empty description="暂无规则引擎版本" v-if="maintenance.engineMaintenanceList.length==0"></el-empty>
     <el-row :gutter="10">
-      <el-col :span="8" v-for="customer in scopeList" v-if="scopeList.length !== 0">
+      <el-col :span="8" v-for="version in maintenance.engineMaintenanceList">
         <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span style="font-size: 18px;font-weight: 900">{{ customer.name }}</span>
-            <span style="font-size: 18px;font-weight: 900">{{ customer.versionCode }}</span>
-            <span style="font-size: 18px;font-weight: 900">{{ customer.isActivate }}</span>
-            <span style="font-size: 18px;font-weight: 900">{{ customer.status }}</span>
-            <span style="font-size: 18px;font-weight: 900">{{ customer.testStatus }}</span>
-            <span style="font-size: 18px;font-weight: 900">{{ customer.ruleContent }}</span>
-            <span style="font-size: 18px;font-weight: 900">{{ customer.engineMaintenanceId }}</span>
-            <span style="font-size: 18px;font-weight: 900">{{ customer.description }}</span>
-          </div>
-          <div>
-            <el-descriptions class="margin-top" :column="1" :size="size" border>
-
-              <el-descriptions-item>
-                <template slot="label">
-                  <i class="el-icon-user"></i>版本名称</template>
-                {{ customer.name }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <i class="el-icon-user"></i>版本编码</template>
-                {{ customer.versionClass }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <i class="el-icon-user"></i>是否激活</template>
-                {{ customer.versionCode }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <i class="el-icon-user"></i>版本状态</template>
-                {{ customer.isActivate }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <i class="el-icon-user"></i>版本测试状态</template>
-                {{ customer.status }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <i class="el-icon-user"></i>规则内容</template>
-                {{ customer.testStatus }}
-              </el-descriptions-item><el-descriptions-item>
-              <template slot="label">
-                <i class="el-icon-user"></i>引擎维护编号</template>
-              {{ customer.ruleContent }}
+          <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>
-
-              <el-descriptions-item>
-                <template slot="label"><i class="el-icon-user"></i>描述</template>
-                {{ customer.engineMaintenanceId }}
-              </el-descriptions-item>
-
-            </el-descriptions>
-            <el-divider content-position="left">规则引擎版本</el-divider>
-          </div>
+            <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>
 
+
+    <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">
+          <editor v-model="form.isActivate" :min-height="192"/>
+        </el-form-item>
+
+        <el-form-item label="状态" prop="versionDesc">
+          <editor v-model="form.status" :min-height="192"/>
+        </el-form-item>
+
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入内容" type="textarea"/>
+        </el-form-item>
+      </el-form>
+      <el-button type="primary" @click="generateEngine(form.versionName,form.versionCode)">生成引擎类</el-button>
+
+      <div class="code-edit">
+        <codemirror ref="codeMirror" v-model="form.versionClazz" :value="form.versionClazz" :options="cmOptions"  />
+      </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-drawer
+      :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>
+
   </div>
 </template>
 <script>
 
 import {findById, forbiddenEngine, 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 {
-      scopeList: [],
-      maintenance:{}
+      direction: 'rtl',
+      maintenance:{
+        engineMaintenanceList: [],
+      },
+      title:"",
+      open:false,
+      handleClose:false,
+      form:{
+
+      }
     }
   },
   methods: {
+    handleInsert(){
+      this.open = true
+      insert(this.maintenance).then(res =>{
+        this.$modal.msgSuccess("新增成功")
+      })
+    },
     List(){
       findById(this.maintenance.id).then(res =>{
-        this.scopeList = res.data;
-        console.log(this.scopeList)
+        this.maintenance = res.data;
+        console.log(this.maintenance)
+        console.log(this.maintenance.engineMaintenanceList)
       })
     },
     handleStatusChange(row){