课程选择项目

src/setting.js

@@ -10,7 +10,7 @@ let host = `${location.origin}/`
 if (isDev) {
   jumpPath = 'http://192.168.31.125:8087/' // 本地调试-需要启动本地判分点系统
   host = 'http://121.37.12.51/'
-  host = 'http://192.168.31.151:9000/'// 榕
+  // host = 'http://192.168.31.151:9000/'// 榕
   // host = 'http://192.168.31.137:9000/'// 赓
 } else if (isPro) {
   jumpPath = 'https://www.huorantech.cn/judgmentPoint/'

src/views/course/AddCurriculum.vue

@@ -187,7 +187,7 @@
                             <el-table-column prop="projectName" label="项目名称" align="center"></el-table-column>
                             <el-table-column prop="applicationName" label="系统名称" align="center">
                               <template slot-scope="scope">
-                                {{ permissionData.find(e => e.systemId == scope.row.systemId).systemName }}
+                                {{ systems.find(e => e.systemId == scope.row.systemId).systemName }}
                               </template>
                             </el-table-column>
                             <el-table-column label="排序" align="center" width="100">
@@ -237,7 +237,7 @@
                             <el-table-column prop="projectName" label="项目名称" align="center"></el-table-column>
                             <el-table-column prop="applicationName" label="系统名称" align="center">
                               <template slot-scope="scope">
-                                {{ permissionData.find(e => e.systemId == scope.row.systemId).systemName }}
+                                {{ systems.find(e => e.systemId == scope.row.systemId).systemName }}
                               </template>
                             </el-table-column>
                             <el-table-column label="排序" align="center" width="100">
@@ -268,46 +268,50 @@
         </el-row>
 
         <!-- 配置弹窗 -->
-        <el-dialog :visible.sync="configVisible" width="50%" center>
+        <el-dialog :visible.sync="configVisible" width="1000px" center custom-class="config-dia">
-            <div class="flex-between mgb20">
+          <div class="config-wrap">
-                <div class="flex-center">
+            <div class="system">
-                    <p class="addhr_tag"></p>
+              <div class="title-wrap flex-center">
-                    <span>应用列表</span>
+                <p class="addhr_tag"></p>
-                </div>
+                <span>系统列表</span>
-                <div>
+              </div>
-                    <el-input placeholder="请输入系统名称" prefix-icon="el-icon-search" v-model.trim="configSearch" clearable></el-input>
+              <el-input placeholder="请输入系统名称" prefix-icon="el-icon-search" v-model.trim="configSearch" clearable></el-input>
-                </div>
+
+              <ul class="systems">
+                <li v-for="(item, i) in systems" :key="i">
+                  <el-checkbox></el-checkbox>
+                  <div class="name">
+                    <span>{{ item.systemName }}</span>
+                    <i class="el-icon-arrow-right"></i>
+                  </div>
+                </li>
+              </ul>
             </div>
-            <el-table ref="table" :data="permissionData" class="table" stripe header-align="center"
+            
-                      @selection-change="handleSelectionChange" row-key="systemId">
+            <div class="system">
-                <el-table-column type="selection" :selectable="practiceSelectable" width="55" align="center"></el-table-column>
+              <div class="title-wrap flex-center">
-                <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
+                <p class="addhr_tag"></p>
-                <el-table-column prop="systemName" label="系统名称" align="center"></el-table-column>
+                <span>项目列表</span>
-                <el-table-column prop="type" label="系统类型" align="center">
+              </div>
-                    <template slot-scope="scope">
+              <el-input placeholder="请输入系统名称" prefix-icon="el-icon-search" v-model.trim="configSearch" clearable></el-input>
-                        {{ systemTypeKeys[scope.row.type] }}
+
-                    </template>
+              <ul class="systems">
-                </el-table-column>
+                <li v-for="(item, i) in systems" :key="i">
-                <el-table-column prop="belong" label="系统归属" align="center">
+                  <el-checkbox></el-checkbox>
-                    <template slot-scope="scope">
+                  <div class="name">
-                        {{ systemBelongKeys[scope.row.belong] }}
+                    <span>{{ item.systemName }}</span>
-                    </template>
+                    <i class="el-icon-arrow-right"></i>
-                </el-table-column>
+                  </div>
-                <el-table-column prop="state" label="系统状态" align="center">
+                </li>
-                    <template slot-scope="scope">
+              </ul>
-                        {{ systemStatusKeys[scope.row.state] }}
-                    </template>
-                </el-table-column>
-            </el-table>
-            <div class="pagination">
-                <el-pagination background @current-change="handleCurrentChange"
-                               layout="total, prev, pager, next" :total="total">
-                </el-pagination>
             </div>
-            <span slot="footer" class="dialog-footer">
+
-                    <el-button @click="configVisible = false">取 消</el-button>
+          </div>
-                    <el-button type="primary" @click="handleConfirm">确 定</el-button>
+          
-                </span>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="configVisible = false">取 消</el-button>
+            <el-button type="primary" @click="handleConfirm">确 定</el-button>
+          </span>
         </el-dialog>
     </div>
 </template>
@@ -396,8 +400,7 @@ export default {
                 0: "运行中",
                 1: "默认"
             },
-            permissionData: [],
+            systems: [],
-            total: 0,
             pageNo: 1,
             pageSize: 10,
             multipleSelection: [],
@@ -415,7 +418,9 @@ export default {
             multipleAssessment: [],
             submiting: false, // 新增编辑防抖标识
             loadIns: null,
-            updateTime: 0
+            updateTime: 0,
+            systems: [],
+            systemChecked: []
         };
     },
     watch: {
@@ -442,6 +447,7 @@ export default {
         if (this.form.cid) {
             this.getInfoData();
         }
+        // this.getSystems()
     },
     methods: {
         goback() {
@@ -583,8 +589,7 @@ export default {
                 pageSize: this.pageSize
             };
             this.$post(this.api.queryServiceConfig, data).then(res => {
-                this.permissionData = res.serviceList.records;
+                this.systems = res.serviceList.records;
-                this.total = res.serviceList.total;
             }).catch(err => {
             });
         },
@@ -854,48 +859,6 @@ $avatar-width: 104px;
         }
     }
 }
-
-.border_lf {
-    border-left: 1px dashed #eee;
-    padding: 0 60px;
-}
-
-.border_lf label {
-    width: 120px;
-}
-
-.pad_none {
-    padding: 0 0 0 60px;
-}
-
-.mar_input {
-    margin-right: 80px;
-}
-
-.marb30 {
-    margin-bottom: 30px;
-}
-
-.tab_temp label {
-    width: 60px;
-}
-
-.mar10 {
-    margin-top: 10px;
-}
-
-.radio_icon {
-    font-size: 26px;
-    color: #9278FF;
-}
-
-.card-curriculum {
-    background: #fff;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 10px 120px;
-}
 .settlement {
   display: flex;
   align-items: center;
@@ -911,4 +874,36 @@ $avatar-width: 104px;
     margin-right: 30px;
   }
 }
+/deep/.config-dia {
+  .config-wrap {
+    display: flex;
+  }
+  .title-wrap {
+    margin-bottom: 15px;
+  }
+  .system {
+    width: 280px;
+    padding-right: 20px;
+    // border-right: 1px solid #ccc;
+  }
+  .systems {
+    margin-top: 10px;
+    li {
+      display: flex;
+      align-items: center;
+      margin: 10px 0;
+    }
+    .name {
+      display: inline-flex;
+      flex: 1;
+      justify-content: space-between;
+      align-items: center;
+      margin-left: 5px;
+      cursor: pointer;
+      &:hover {
+        color: #9076FF;
+      }
+    }
+  }
+}
 </style>