第一次

src/views/rule/rule/version.vue

@@ -45,8 +45,22 @@
               >新增
               </el-button>
             </el-dropdown-item>
-            <el-dropdown-item>开启引擎</el-dropdown-item>
-            <el-dropdown-item>关闭引擎</el-dropdown-item>
+            <el-dropdown-item>开启引擎
+              <el-dropdown-item>
+                <el-switch
+                  style="float: right; margin: 4px 5px 0;"
+                  v-model="rule.status"
+                  active-color="#13ce66"
+                  inactive-color="#ff4949"
+                  active-value="Y"
+                  inactive-value="N"
+                  @change="handleStatus(rule)">
+                </el-switch>
+              </el-dropdown-item>
+            </el-dropdown-item>
+            <el-dropdown-item>关闭引擎
+
+            </el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
       </template>
@@ -264,7 +278,7 @@
       :visible.sync="drawer"
       :with-header="false" size="70%">
       <span>
-      <el-button type="primary" @click="generate" style="margin-bottom:70px;">生成版本类</el-button>
+<!--      <el-button type="primary" @click="generate" style="margin-bottom:70px;">生成版本类</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" disabled/>
@@ -299,6 +313,7 @@
           <codemirror ref="ruleEngine" :value="form.ruleEngine" :options="cmOptions" class="code" v-show="showCode">
           </codemirror>
         </el-form-item>
+
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -307,7 +322,49 @@
       </span>
       <br>
       <span>
-        11111
+        <el-row>
+          <el-col :span="12">
+            <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>选择数据接入</span>
+      </div>
+        <el-select v-model="form.region" placeholder="请选择数据接入" @blur="chan()">
+          <el-option label="测试1(云计算系统)" value="shanghai"></el-option>
+          <el-option label="测试2(网站系统)" value="beijing"></el-option>
+          <el-option label="测试3(物联网系统)" value="beijing"></el-option>
+          <el-option label="测试4(传媒系统)" value="beijing"></el-option>
+        </el-select>
+
+                </el-card>
+              </el-col>
+              <el-col :span="12" v-show="selects">
+                <el-card class="box-card">
+          <div slot="header" class="clearfix">
+        <span>选择资产结构</span>
+          </div>
+<span>
+        <el-select v-model="form.age" placeholder="请选择数据接入" @blur="ch()">
+          <el-option label="11" value="shanghai"></el-option>
+          <el-option label="22" value="beijing"></el-option>
+          <el-option label="33" value="beijing"></el-option>
+          <el-option label="44" value="beijing"></el-option>
+        </el-select>
+</span>
+
+                </el-card>
+              </el-col>
+            </el-row>
+                      <el-col v-show="selectss">
+                <el-card class="box-card">
+          <div slot="header" class="clearfix">
+        <span>选择资产集</span>
+          </div>
+        <span>
+
+
+        </span>
+                </el-card>
+              </el-col>
       </span>
     </el-drawer>
 
@@ -329,14 +386,21 @@ import {
 
 
 import {codemirror} from 'vue-codemirror'
-import "codemirror/theme/ambiance.css"; // 这里引入的是主题样式，根据设置的theme的主题引入，一定要引入！！
+import "codemirror/theme/ambiance.css";
+import select from "view-design/src/components/select"; // 这里引入的是主题样式，根据设置的theme的主题引入，一定要引入！！
 require("codemirror/mode/javascript/javascript"); // 这里引入的模式的js，根据设置的mode引入，一定要引入！
 
 export default {
   name: "Rule",
+  computed: {
+    select() {
+      return select
+    }
+  },
   data() {
     return {
-
+      selects: false,
+      selectss: false,
       drawer: false,
       cmOptions: {
         lineNumbers: true, // 显示行号
@@ -421,6 +485,29 @@ export default {
     this.findById();
   },
   methods: {
+
+
+    //禁用
+    handleStatus() {
+      if (row.status === "Y") {
+        enable(row.id).then((res) => {
+          this.$modal.msgSuccess("启用成功")
+          this.findList()
+        })
+      } else {
+        disable(row.id).then((res) => {
+          this.$modal.msgSuccess("禁用成功")
+          this.findList()
+        })
+      }
+    },
+    //数据源
+    chan() {
+      this.selects = true
+    },
+    ch() {
+      this.selectss = true
+    },
     //测试规则
     drawers(id) {
       getFindByEditionId(id).then(res => {