代码调整

src/views/system/frontProjectConfigManage/frontConfig.vue

@@ -0,0 +1,56 @@
+<template>
+  <el-dialog v-dialogDrag :title="title" :visible.sync="dialogVisible" width="500px" :before-close="handleClose" center :close-on-click-modal="false">
+    <el-form ref="ruleForm" :model="formModel" :rules="rules" label-width="130px">
+      {{}}
+      <!--  -->
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button v-loading="loading" type="primary" @click="doSave">{{ $t('global.confirm') }}</el-button>
+      <el-button @click="handleClose">{{ $t('global.cancel') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+<script>
+import { updateFrontProjectConfig } from '@/api/projectConfig';
+export default {
+    name:'FrontProjectConfig',
+    data() {
+        return {
+            dialogVisible: false,
+            loading: false,
+            formModel:{
+                title:'',
+                loginPath:''
+
+            }
+        };
+    },
+    methods:{
+        doShow(row) {
+            this.dialogVisible = true;
+            if (row) {
+                // this.formModel.title = row.id;
+                // this.formModel.markKey = row.markKey;
+                // this.formModel.project = row.project;
+            }
+        },
+        handleClose() {
+            this.formModel = {
+                title:'',
+                loginPath:''
+            };
+            this.$refs.ruleForm.resetFields();
+            this.dialogVisible = false;
+            this.loading = false;
+        },
+        doSave() {
+            this.$refs.ruleForm.validate((valid) => {
+                if (valid) {
+                    this.loading = true;
+                    const data = Object.assign({}, this.formModel);
+                }
+            });
+        }
+    }
+};
+</script>

src/views/system/frontProjectConfigManage/index.vue

@@ -2,15 +2,18 @@
   <div>
     <QueryListPage ref="queryListPage" :pager-config="pagerConfig" :query-form="queryForm" :query-list="queryList" />
     <add-project-config ref="addProjectConfig" @reloadTable="reloadTable" />
+    <front-project-config ref="frontProjectConfig" />
   </div>
 </template>
 <script>
 import { getFrontProjectConfigByPage, deleteFrontProjectConfig, getBackProjectConfigList} from '@/api/projectConfig';
 import AddProjectConfig from './add';
+import FrontProjectConfig from './frontConfig';
 export default {
     name:'FrontProjectConfigManage',
     components: {
-        AddProjectConfig
+        AddProjectConfig,
+        FrontProjectConfig
     },
     data() {
         return {
@@ -66,6 +69,10 @@ export default {
                                 name: this.$t('global.delete'),
                                 handleClick: this.handleDelete,
                                 type: 'danger'
+                            },
+                            {
+                                name: '前端配置',
+                                handleClick: this.handleFrontVonfig
                             }
                         ]
                     }
@@ -124,6 +131,9 @@ export default {
                 });
             });
         },
+        handleFrontVonfig(index, row) {
+            this.$refs.frontProjectConfig.doShow(row);
+        },
         reloadTable() {
             this.queryList.reload();
         }