style:样式

任超
Showing 2 changed files with 39 additions and 53 deletions
src/components/DialogBox/index.vue
src/views/system/dictionaries/components/editDialog.vue
--- a/src/components/DialogBox/index.vue
View file @64adfe3
+++ b/src/components/DialogBox/index.vue
View file @64adfe3
@@ -16,9 +16,10 @@
      <slot></slot>
    </div>
    <div slot="footer" class="dialog_footer" v-if="isButton">
-      <el-button @click="closeDialog" v-if="isReset">取消</el-button>
+      <btn nativeType="cz" @click="closeDialog" v-if="isReset">取消</btn>
-      <el-button type="primary" plain @click="submitForm" v-if="isSave" :disabled="btnDisabled" :loading="saveloding">
+      <btn nativeType="cx" type="primary" plain @click="submitForm" v-if="isSave" :disabled="btnDisabled"
-        {{ saveButton }}</el-button>
+        :loading="saveloding">
+        {{ saveButton }}</btn>
    </div>
  </el-dialog>
 </template>
--- a/src/views/system/dictionaries/components/editDialog.vue
View file @64adfe3
+++ b/src/views/system/dictionaries/components/editDialog.vue
View file @64adfe3
 <template>
  <!-- 编辑 -->
-  <dialogBox
+  <dialogBox submitForm="submitForm" class="tableClass" @closeDialog="closeDialog" @submitForm="handleSubmit"
-    submitForm="submitForm"
+    width="60%" v-model="myValue" :isMain="true" :isSave="details.ISENABLE == 1" title="字典信息">
-    class="tableClass"
-    @closeDialog="closeDialog"
-    @submitForm="handleSubmit"
-    width="60%"
-    v-model="myValue"
-    :isMain="true"
-    :isButton="false"
-    :isSave="details.ISENABLE == 1"
-    title="字典信息"
-  >
    <div class="editDialogBox-box ">
      <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
        <el-row :gutter="20">
@@ -27,17 +17,8 @@
          </el-col>
        </el-row>
      </el-form>
-      <lb-table
+      <lb-table :column="column" class="loadingtext" :heightNum="600" :key="key" :expand-row-keys="keyList"
-        :column="column"
+        row-key="dictid" :tree-props="{ children: 'children' }" :pagination="false" :data="tableData">
-        class="loadingtext"
-        :heightNum="600"
-        :key="key"
-        :expand-row-keys="keyList"
-        row-key="dictid"
-        :tree-props="{ children: 'children' }"
-        :pagination="false"
-        :data="tableData"
-      >
      </lb-table>
    </div>
  </dialogBox>
@@ -60,7 +41,7 @@ export default {
      default: {},
    },
  },
-  data() {
+  data () {
    return {
      key: 0,
      myValue: this.value,
@@ -258,7 +239,7 @@ export default {
          },
        },
        {
-          width: "150",
+          width: "100",
          label: "操作",
          render: (h, scope) => {
            return (
@@ -282,16 +263,16 @@ export default {
                  删除
                </el-button>
              </div>
-            );
+            )
-          },
+          }
-        },
+        }
      ],
-      tableData: [],
+      tableData: []
-    };
+    }
  },
  watch: {
-    value(val) {
+    value (val) {
-      this.myValue = val;
+      this.myValue = val
    },
    "details.dictid": {
      handler: function (newValue) {
@@ -302,10 +283,10 @@ export default {
          this.tableData = result ? result : [];
          this.tableData.forEach((item, index) => {
            item.index = index + 1;
-          });
+          })
-        });
+        })
      },
-      immediate: true,
+      immediate: true
    },
    details: {
      handler: function (newValue) {
@@ -323,7 +304,7 @@ export default {
  },
  methods: {
    // 添加索引
-    addIndexes(data = this.tableData, isAdd = true) {
+    addIndexes (data = this.tableData, isAdd = true) {
      data.forEach((item, index) => {
        if (index == 0) {
          item.codeShow = true;
@@ -344,7 +325,7 @@ export default {
        }
      });
    },
-    itemShowFalse() {
+    itemShowFalse () {
      this.tableData.forEach((item, index) => {
        item.codeShow = false;
        item.nameShow = false;
@@ -352,7 +333,7 @@ export default {
        item.normnameShow = false;
      });
    },
-    handleMinus(index, row) {
+    handleMinus (index, row) {
      this.$confirm("此操作将永久删除, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
@@ -372,7 +353,7 @@ export default {
          });
        });
    },
-    handleSubmit() {
+    handleSubmit () {
      editDictNode({
        dictid: this.details.rowData.dictid,
        typeid: this.details.rowData.typeid,
@@ -387,11 +368,11 @@ export default {
        }
      });
    },
-    closeDialog() {
+    closeDialog () {
      this.$emit("input", false);
    },
    // 增加下级
-    handleAddSubordinate(row) {
+    handleAddSubordinate (row) {
      if (!row.children) {
        row.children = [];
      }
@@ -408,7 +389,7 @@ export default {
      this.keyList.push(row.dictid);
    },
    // 增加
-    handleAdd() {
+    handleAdd () {
      this.$nextTick(() => {
        let container = this.$el.querySelector(".el-table__body-wrapper");
        container.scrollTop = container.scrollHeight;
@@ -426,13 +407,13 @@ export default {
      this.key++;
    },
    // 上移下移
-    moveUpward(index, row) {
+    moveUpward (index, row) {
      realMove(row.dictid, "UP", this.tableData);
      this.key++;
      let id = findParents(this.tableData, row.dictid);
      this.keyList = id;
    },
-    moveDown(index, row) {
+    moveDown (index, row) {
      realMove(row.dictid, "DOWN", this.tableData);
      this.key++;
      let id = findParents(this.tableData, row.dictid);
@@ -452,19 +433,23 @@ export default {
 /deep/.el-radio__label {
  display: block;
 }
-/deep/.el-form-item__label{
-  color:#fff;
+/deep/.el-form-item__label {
+  color: #fff;
 }
-/deep/.el-form-item{
-  color:#fff;
+/deep/.el-form-item {
+  color: #fff;
  margin-bottom: 10px;
 }
 /deep/.el-radio-group {
  display: flex;
  align-items: center;
  justify-content: center;
 }
-.editDialogBox-box{
-  margin:14px 18px 30px 18px !important
+.editDialogBox-box {
+  margin: 14px 18px 30px 18px !important
 }
 </style>