xuqiang 4 년 전
부모
커밋
49dd3c5fb7
3개의 변경된 파일47개의 추가작업 그리고 8개의 파일을 삭제
  1. 3 0
      src/main/vue/src/styles/app.less
  2. 25 3
      src/main/vue/src/views/Api.vue
  3. 19 5
      src/main/vue/src/views/GenCodeEdit.vue

+ 3 - 0
src/main/vue/src/styles/app.less

@@ -394,6 +394,9 @@ li {
 //  .el-range-separator{
 //      margin-bottom: 2px !important;
 //  }
+.el-button--text{
+    color: #4dcc6f !important;
+}
  .menu1 {
     min-width: 240px;
     height: 36px;

+ 25 - 3
src/main/vue/src/views/Api.vue

@@ -68,9 +68,11 @@
                             <el-input v-model="row.value" placeholder="value" clearable></el-input>
                         </template>
                     </el-table-column>
-                    <el-table-column width="60" align="center">
+                    <el-table-column width="200" align="center">
                         <template slot-scope="{ row, column, $index }">
-                            <el-button style="color:#ff5d5d" @click="removeParam($index)" type="text"> 删除</el-button>
+                            <el-button style="color:#ff5d5d" @click="removeParam($index)" type="danger">
+                                删除</el-button
+                            >
                         </template>
                     </el-table-column>
                 </el-table>
@@ -258,4 +260,24 @@ export default {
 };
 </script>
 
-<style scoped></style>
+<style lang="less" scoped>
+/deep/ .el-table--group,
+.el-table--border {
+    border: 0 !important;
+}
+// /deep/ .el-table--border th,
+// .el-table--border td {
+//     border-right: 0 !important;
+// }
+/deep/ .el-table--border th,
+.el-table--border td {
+    border-right: none !important;
+}
+// /deep/ .el-table__body {
+//     width: 0;
+// }
+// /deep/ .el-table--group::after,
+// .el-table--border::after {
+//     height: 0;
+// }
+</style>

+ 19 - 5
src/main/vue/src/views/GenCodeEdit.vue

@@ -66,15 +66,19 @@
                                     <el-input v-model="row.remark"></el-input>
                                 </template>
                             </el-table-column>
-                            <el-table-column width="130" align="center">
+                            <el-table-column width="330" align="center">
                                 <template slot-scope="{ row, column, $index }">
                                     <el-button @click="moveUp($index)" type="text">上移</el-button>
                                     <el-button @click="moveDown($index)" type="text">下移</el-button>
-                                    <el-button @click="removeField($index)" type="text">删除</el-button>
+                                    <el-button type="danger" @click="removeField($index)">删除</el-button>
                                 </template>
                             </el-table-column>
                         </el-table>
-                        <el-button style="color:#4dcc6f" @click="addField" type="text" icon="el-icon-plus"
+                        <el-button
+                            style="color:#4dcc6f;margin-left:10px"
+                            @click="addField"
+                            type="text"
+                            icon="el-icon-plus"
                             >添加</el-button
                         >
                     </el-tab-pane>
@@ -100,7 +104,7 @@
                                     <el-checkbox v-model="row.sortable"></el-checkbox>
                                 </template>
                             </el-table-column> -->
-                            <el-table-column prop="formType" label="表单类型" width="150" align="center">
+                            <el-table-column prop="formType" label="表单类型" width="250" align="center">
                                 <template v-slot="{ row }">
                                     <el-select v-model="row.formType">
                                         <el-option
@@ -258,7 +262,7 @@
                                 </template>
                             </el-table-column>
                         </el-table>
-                        <el-button style="color:#4dcc6f" @click="addSubtable" type="text" icon="el-icon-plus"
+                        <el-button style="color:#4dcc6f;" @click="addSubtable" type="text" icon="el-icon-plus"
                             >添加</el-button
                         >
                     </el-tab-pane>
@@ -748,4 +752,14 @@ export default {
     font-family: 'dejavu sans mono', 'droid sans mono', consolas, monaco, 'lucida console', 'courier new', courier,
         monospace, sans-serif;
 }
+/deep/ .el-tabs__nav-scroll {
+    padding-bottom: 10px;
+}
+/deep/ .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
+    background: #242744;
+    border: 0;
+}
+/deep/ .el-table__row {
+    width: 1000px !important;
+}
 </style>