From 97b1df95b78052a8e2cc6d52f9b173d4cce2ca45 Mon Sep 17 00:00:00 2001
From: chentaisen <14615430+chentaisen@user.noreply.gitee.com>
Date: Wed, 28 Aug 2024 08:19:56 +0800
Subject: [PATCH 1/4] Changes

---
 src/api/rule/ruleEdition.js     |  9 ++++++++-
 src/views/rule/rule/version.vue | 15 ++++++++++++---
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/api/rule/ruleEdition.js b/src/api/rule/ruleEdition.js
index b8b8ba6..71f141f 100644
--- a/src/api/rule/ruleEdition.js
+++ b/src/api/rule/ruleEdition.js
@@ -16,7 +16,14 @@ export function getEditionList(id) {
     method: 'get'
   })
 }
-//
+
+// 查询规则详细
+export function getFindByEditionId(id) {
+  return request({
+    url: '/rule/ruleEdition/findByEditionId/' + id,
+    method: 'get'
+  })
+}
 // 新增规则
 export function addRule(data) {
   return request({
diff --git a/src/views/rule/rule/version.vue b/src/views/rule/rule/version.vue
index fa8d0a7..ed0e1f1 100644
--- a/src/views/rule/rule/version.vue
+++ b/src/views/rule/rule/version.vue
@@ -202,7 +202,7 @@
                           size="mini"
                           type="text"
                           icon="el-icon-edit"
-                          @click="handleUpdate(customer.id)"
+                          @click="findByIdVersion(customer.id)"
                           v-hasPermi="['rule:rule:edit']"
                         >规格详情
                         </el-button>
@@ -380,7 +380,7 @@
 
 <script>
 import {getRule, delRule} from "/src/api/rule/rule";
-import {getEditionList, addRule, enable, disable, updateRule} from "@/api/rule/ruleEdition";
+import {getEditionList, addRule, enable, disable, updateRule, getFindByEditionId} from "@/api/rule/ruleEdition";
 
 export default {
   name: "Rule",
@@ -429,6 +429,7 @@ export default {
       rule: {},
       // 表单参数
       form: {
+        id:'',
         ruleKind: '',
         name: '',
         ruleCoding: '',
@@ -468,11 +469,19 @@ export default {
         console.log(this.rule)
       })
     },
+    //根据ID回显版本
+    findByIdVersion(id) {
+      getFindByEditionId(id).then(res => {
+        this.form = res.data[0]
+        this.open = true;
+        console.log(this.form)
+      })
+    },
 
     /** 客户状态更改触发 */
     handleStatusChange(row) {
       console.log(row)
-      if (row.status === "Y") {
+      if (row.ruleActivate === "Y") {
         enable(row.id).then((res) => {
           this.$modal.msgSuccess("启用成功")
           this.findList()

From a7cf038fc6b20bbad64b0e2cc1be90fac23621c8 Mon Sep 17 00:00:00 2001
From: chentaisen <14615430+chentaisen@user.noreply.gitee.com>
Date: Wed, 28 Aug 2024 08:21:37 +0800
Subject: [PATCH 2/4] Changes

---
 src/views/rule/rule/version.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/rule/rule/version.vue b/src/views/rule/rule/version.vue
index ed0e1f1..94a29e3 100644
--- a/src/views/rule/rule/version.vue
+++ b/src/views/rule/rule/version.vue
@@ -478,6 +478,7 @@ export default {
       })
     },
 
+
     /** 客户状态更改触发 */
     handleStatusChange(row) {
       console.log(row)

From 5618eb7ef154f9d11c658c61996052b2ce43b4a8 Mon Sep 17 00:00:00 2001
From: chentaisen <14615430+chentaisen@user.noreply.gitee.com>
Date: Wed, 28 Aug 2024 19:53:00 +0800
Subject: [PATCH 3/4] Changes

---
 package.json                    |  24 ++++----
 src/main.js                     |   4 ++
 src/views/rule/rule/version.vue | 106 ++++++++++++++++++++------------
 3 files changed, 85 insertions(+), 49 deletions(-)

diff --git a/package.json b/package.json
index b4607bb..39fa0ad 100644
--- a/package.json
+++ b/package.json
@@ -39,36 +39,40 @@
     "@riophae/vue-treeselect": "0.4.0",
     "axios": "0.24.0",
     "clipboard": "2.0.8",
+    "codemirror": "^5.65.12",
     "core-js": "3.25.3",
     "echarts": "5.4.0",
     "element-ui": "2.15.14",
     "file-saver": "2.0.5",
     "fuse.js": "6.4.3",
     "highlight.js": "9.18.5",
+    "jquery": "^3.5.1",
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
     "jsplumb": "^2.15.6",
     "nprogress": "0.2.0",
+    "panzoom": "^9.4.1",
     "quill": "1.3.7",
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
+    "view-design": "^4.5.0-beta.3",
     "vue": "2.6.12",
+    "vue-click-outside": "^1.1.0",
+    "vue-codemirror": "^4.0.6",
+    "vue-contextmenujs": "^1.3.13",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
     "vue-meta": "2.4.0",
-    "vuedraggable": "2.24.3",
-    "jquery": "^3.5.1",
-    "panzoom": "^9.4.1",
-    "view-design": "^4.5.0-beta.3",
-    "vue-click-outside": "^1.1.0",
-    "vue-contextmenujs": "^1.3.13",
     "vue-router": "^3.2.0",
+    "vuedraggable": "2.24.3",
     "vuex": "^3.4.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "4.4.6",
     "@vue/cli-plugin-eslint": "4.4.6",
+    "@vue/cli-plugin-router": "~4.5.0",
+    "@vue/cli-plugin-vuex": "~4.5.0",
     "@vue/cli-service": "4.4.6",
     "babel-eslint": "10.1.0",
     "babel-plugin-dynamic-import-node": "2.3.3",
@@ -77,17 +81,15 @@
     "connect": "3.6.6",
     "eslint": "7.15.0",
     "eslint-plugin-vue": "7.2.0",
+    "less": "^3.0.4",
+    "less-loader": "^5.0.0",
     "lint-staged": "10.5.3",
     "runjs": "4.4.2",
     "sass": "1.32.13",
     "sass-loader": "10.1.1",
     "script-ext-html-webpack-plugin": "2.1.5",
     "svg-sprite-loader": "5.1.1",
-    "vue-template-compiler": "2.6.12",
-    "@vue/cli-plugin-router": "~4.5.0",
-    "@vue/cli-plugin-vuex": "~4.5.0",
-    "less": "^3.0.4",
-    "less-loader": "^5.0.0"
+    "vue-template-compiler": "2.6.12"
   },
   "engines": {
     "node": ">=8.9",
diff --git a/src/main.js b/src/main.js
index b264e8e..4aa6871 100644
--- a/src/main.js
+++ b/src/main.js
@@ -40,7 +40,11 @@ import DictTag from '@/components/DictTag'
 import VueMeta from 'vue-meta'
 // 字典数据组件
 import DictData from '@/components/DictData'
+//codemirror
+import VueCodemirror from 'vue-codemirror'
+import 'codemirror/lib/codemirror.css'
 
+Vue.use(VueCodemirror)
 // 全局方法挂载
 Vue.prototype.getDicts = getDicts
 Vue.prototype.getConfigKey = getConfigKey
diff --git a/src/views/rule/rule/version.vue b/src/views/rule/rule/version.vue
index 94a29e3..d2b19dc 100644
--- a/src/views/rule/rule/version.vue
+++ b/src/views/rule/rule/version.vue
@@ -303,6 +303,7 @@
 
     <!-- 添加或修改规则对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
+      <el-button type="primary" @click="generate">生成版本类</el-button>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="版本类" prop="ruleKind">
           <el-input v-model="form.ruleKind" placeholder="请输入版本类"/>
@@ -328,7 +329,8 @@
         <el-form-item label="版本" prop="ruleId">
           <el-input v-model="form.ruleId" disabled placeholder="请输入版本"/>
         </el-form-item>
-
+        <codemirror ref="mycode" :value="curCode" :options="cmOptions" class="code">
+        </codemirror>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -338,43 +340,45 @@
 
 
     <!-- 添加或修改规则对话框 -->
-<!--    <el-dialog :title="title" :visible.sync="opens" width="80%" append-to-body>-->
-<!--      <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
-<!--        <el-form-item label="版本主键" prop="id">-->
-<!--          <el-input v-model="form.id" placeholder="请输入版本类"/>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="版本类" prop="ruleKind">-->
-<!--          <el-input v-model="form.ruleKind" placeholder="请输入版本名称"/>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="版本名称" prop="name">-->
-<!--          <el-input v-model="form.name" type="textarea" placeholder="请输入编码"/>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="编码" prop="ruleCoding">-->
-<!--          <el-radio-group v-model="form.ruleCoding" placeholder="请输入是否激活">-->
-<!--            <el-radio label="Y"></el-radio>-->
-<!--            <el-radio label="N"></el-radio>-->
-<!--          </el-radio-group>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="是否激活" prop="ruleActivate">-->
-<!--          <el-input v-model="form.ruleActivate" placeholder="请输入状态"/>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="状态" prop="status">-->
-<!--          <el-input v-model="form.status" placeholder="请输入内容"/>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="内容" prop="ruleContent">-->
-<!--          <el-input v-model="form.ruleContent" disabled placeholder="请输入版本"/>-->
-<!--        </el-form-item>-->
-<!--        <el-form-item label="规则ID" prop="ruleId">-->
-<!--          <el-input v-model="form.ruleId" disabled placeholder="请输入版本"/>-->
-<!--        </el-form-item>-->
+    <!--    <el-dialog :title="title" :visible.sync="opens" width="80%" append-to-body>-->
+    <!--      <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
+    <!--        <el-form-item label="版本主键" prop="id">-->
+    <!--          <el-input v-model="form.id" placeholder="请输入版本类"/>-->
+    <!--        </el-form-item>-->
+    <!--        <el-form-item label="版本类" prop="ruleKind">-->
+    <!--          <el-input v-model="form.ruleKind" placeholder="请输入版本名称"/>-->
+    <!--        </el-form-item>-->
+    <!--        <el-form-item label="版本名称" prop="name">-->
+    <!--          <el-input v-model="form.name" type="textarea" placeholder="请输入编码"/>-->
+    <!--        </el-form-item>-->
+    <!--        <el-form-item label="编码" prop="ruleCoding">-->
+    <!--          <el-radio-group v-model="form.ruleCoding" placeholder="请输入是否激活">-->
+    <!--            <el-radio label="Y"></el-radio>-->
+    <!--            <el-radio label="N"></el-radio>-->
+    <!--          </el-radio-group>-->
+    <!--        </el-form-item>-->
+    <!--        <el-form-item label="是否激活" prop="ruleActivate">-->
+    <!--          <el-input v-model="form.ruleActivate" placeholder="请输入状态"/>-->
+    <!--        </el-form-item>-->
+    <!--        <el-form-item label="状态" prop="status">-->
+    <!--          <el-input v-model="form.status" placeholder="请输入内容"/>-->
+    <!--        </el-form-item>-->
+    <!--        <el-form-item label="内容" prop="ruleContent">-->
+    <!--          <el-input v-model="form.ruleContent" disabled placeholder="请输入版本"/>-->
+    <!--        </el-form-item>-->
+    <!--        <el-form-item label="规则ID" prop="ruleId">-->
+    <!--          <el-input v-model="form.ruleId" disabled placeholder="请输入版本"/>-->
+    <!--        </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>-->
 
 
-<!--      </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>
 
@@ -382,10 +386,25 @@
 import {getRule, delRule} from "/src/api/rule/rule";
 import {getEditionList, addRule, enable, disable, updateRule, getFindByEditionId} from "@/api/rule/ruleEdition";
 
+
+import {codemirror} from 'vue-codemirror'
+import "codemirror/theme/ambiance.css"; // 这里引入的是主题样式，根据设置的theme的主题引入，一定要引入！！
+require("codemirror/mode/javascript/javascript"); // 这里引入的模式的js，根据设置的mode引入，一定要引入！
+
 export default {
   name: "Rule",
   data() {
     return {
+
+      curCode: '测---------------------------------------试',
+      cmOptions: {
+        lineNumbers: true, // 显示行号
+        mode: 'text/x-yaml', // 语法model
+        gutters: ['CodeMirror-lint-markers'], // 语法检查器
+        theme: "ambiance",
+        lint: true, // 开启语法检查
+      },
+
       ruleAndEditionList: [],
       //版本
       ruleAndEdition: {},
@@ -429,7 +448,7 @@ export default {
       rule: {},
       // 表单参数
       form: {
-        id:'',
+        id: '',
         ruleKind: '',
         name: '',
         ruleCoding: '',
@@ -604,6 +623,17 @@ export default {
         ...this.queryParams
       }, `rule_${new Date().getTime()}.xlsx`)
     }
-  }
+  },
+  components: {
+    codemirror
+  },
+
 };
 </script>
+<style scoped>
+.information-box >>> .CodeMirror {
+  font-family: monospace;
+  height: 71vh;
+  direction: ltr;
+}
+</style>

From 85ea300562bb8dfbe054f723d8a94c546ce01fc4 Mon Sep 17 00:00:00 2001
From: chentaisen <14615430+chentaisen@user.noreply.gitee.com>
Date: Wed, 28 Aug 2024 20:41:02 +0800
Subject: [PATCH 4/4] Changes

---
 src/views/rule/rule/version.vue | 83 ++-------------------------------
 1 file changed, 3 insertions(+), 80 deletions(-)

diff --git a/src/views/rule/rule/version.vue b/src/views/rule/rule/version.vue
index d2b19dc..2e039ba 100644
--- a/src/views/rule/rule/version.vue
+++ b/src/views/rule/rule/version.vue
@@ -31,84 +31,7 @@
       </el-form-item>
     </el-form>
 
-    <el-row :gutter="10" class="mb8">
-      <!--      <el-col :span="1.5">-->
-      <!--        <el-button-->
-      <!--          type="primary"-->
-      <!--          plain-->
-      <!--          icon="el-icon-plus"-->
-      <!--          size="mini"-->
-      <!--          @click="handleAdd"-->
-      <!--          v-hasPermi="['rule:rule:add']"-->
-      <!--        >新增-->
-      <!--        </el-button>-->
-      <!--      </el-col>-->
-      <!--      <el-col :span="1.5">-->
-      <!--        <el-button-->
-      <!--            type="success"-->
-      <!--            plain-->
-      <!--            icon="el-icon-edit"-->
-      <!--            size="mini"-->
-      <!--            :disabled="single"-->
-      <!--            @click="handleUpdate"-->
-      <!--            v-hasPermi="['rule:rule:edit']"-->
-      <!--        >修改-->
-      <!--        </el-button>-->
-      <!--      </el-col>-->
-      <!--      <el-col :span="1.5">-->
-      <!--        <el-button-->
-      <!--            type="danger"-->
-      <!--            plain-->
-      <!--            icon="el-icon-delete"-->
-      <!--            size="mini"-->
-      <!--            :disabled="multiple"-->
-      <!--            @click="handleDelete"-->
-      <!--            v-hasPermi="['rule:rule:remove']"-->
-      <!--        >删除-->
-      <!--        </el-button>-->
-      <!--      </el-col>-->
-      <!--      <el-col :span="1.5">-->
-      <!--        <el-button-->
-      <!--            type="warning"-->
-      <!--            plain-->
-      <!--            icon="el-icon-download"-->
-      <!--            size="mini"-->
-      <!--            @click="handleExport"-->
-      <!--            v-hasPermi="['rule:rule:export']"-->
-      <!--        >导出-->
-      <!--        </el-button>-->
-      <!--      </el-col>-->
-      <!--      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>-->
-    </el-row>
 
-    <!--    <el-table v-loading="loading" :data="ruleList" @selection-change="handleSelectionChange">-->
-    <!--      <el-table-column type="selection" width="55" align="center" />-->
-    <!--      <el-table-column label="主键" align="center" prop="id" />-->
-    <!--      <el-table-column label="规则名称" align="center" prop="name" />-->
-    <!--      <el-table-column label="规则类型" align="center" prop="ruleType" />-->
-    <!--      <el-table-column label="是否激活" align="center" prop="isActivate" />-->
-    <!--      <el-table-column label="规则描述" align="center" prop="ruleDesc" />-->
-    <!--      <el-table-column label="规则代码" align="center" prop="ruleCode" />-->
-    <!--      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
-    <!--        <template slot-scope="scope">-->
-    <!--          <el-button-->
-    <!--            size="mini"-->
-    <!--            type="text"-->
-    <!--            icon="el-icon-edit"-->
-    <!--            @click="handleMaintain(scope.row)"-->
-    <!--            v-hasPermi="['rule:rule:remove']"-->
-    <!--          >规则维护</el-button>-->
-
-    <!--          <el-button-->
-    <!--            size="mini"-->
-    <!--            type="text"-->
-    <!--            icon="el-icon-delete"-->
-    <!--            @click="handleDelete(scope.row)"-->
-    <!--            v-hasPermi="['rule:rule:remove']"-->
-    <!--          >删除</el-button>-->
-    <!--        </template>-->
-    <!--      </el-table-column>-->
-    <!--    </el-table>-->
 
     {{ rule.name }}
     <el-descriptions class="margin-top" :column="3" border>
@@ -329,6 +252,7 @@
         <el-form-item label="版本" prop="ruleId">
           <el-input v-model="form.ruleId" disabled placeholder="请输入版本"/>
         </el-form-item>
+        <!--        前台web编写代码-->
         <codemirror ref="mycode" :value="curCode" :options="cmOptions" class="code">
         </codemirror>
       </el-form>
@@ -338,7 +262,6 @@
       </div>
     </el-dialog>
 
-
     <!-- 添加或修改规则对话框 -->
     <!--    <el-dialog :title="title" :visible.sync="opens" width="80%" append-to-body>-->
     <!--      <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
@@ -396,7 +319,7 @@ export default {
   data() {
     return {
 
-      curCode: '测---------------------------------------试',
+      curCode: '测试',
       cmOptions: {
         lineNumbers: true, // 显示行号
         mode: 'text/x-yaml', // 语法model
@@ -562,7 +485,7 @@ export default {
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
-      this.open = true;
+      this.open = true;2
       this.form.ruleId = this.ruleAndVersion.id
       this.title = "添加规则";
     },