1.横向竖向菜单模式切换功能

loulijun2021

2022-12-31 df744014031c57bf69fd1d94767a3c6e07f2ecb8

 src/views/zlgl/qxdy.vue

@@ -62,15 +62,18 @@
          <el-table-column
            prop="code"
            label="缺陷代码"
            show-tooltip-when-overflow
            sortable="custom"
          />
          <el-table-column
            prop="name"
            label="缺陷名称"
            show-tooltip-when-overflow
            sortable="custom"
          />
          <el-table-column
            prop="descr"
            show-tooltip-when-overflow
            label="缺陷描述"
            sortable="custom"
          >
@@ -83,9 +86,11 @@
            prop="lm_user"
            label="创建人员"
            sortable="custom"
            show-tooltip-when-overflow
          />
          <el-table-column
            prop="lm_date"
            show-tooltip-when-overflow
            label="创建时间"
            sortable="custom"
          />
@@ -97,10 +102,10 @@
            <template slot-scope="{row}">
              <div class="operationClass">
                <el-tooltip class="item" effect="dark" content="编辑" placement="top">
                  <i class="el-icon-edit-outline" @click="edit('edit',row)" />
                  <i :style="{color:$store.state.settings.theme}" class="el-icon-edit-outline" @click="edit('edit',row)" />
                </el-tooltip>
                <el-tooltip v-del-tab-index class="item" effect="dark" content="删除" placement="top">
                  <i class="el-icon-delete" @click="del(row)" />
                  <i :style="{color:$store.state.settings.theme}" class="el-icon-delete" @click="del(row)" />
                </el-tooltip>

              </div>
@@ -143,7 +148,12 @@
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
          <el-button @click="dialogVisibleCancel">取 消</el-button>
          <el-button type="primary" @click="dialogVisibleConfirm">确 定</el-button>
          <el-button
            type="primary"
            :loading="$store.state.app.buttonIsDisabled"
            :disabled="$store.state.app.buttonIsDisabled"
            @click="dialogVisibleConfirm"
          >确 定</el-button>
        </div>
      </span>
    </el-dialog>
@@ -303,6 +313,7 @@
    dialogVisibleConfirm() {
      this.$refs.dialogForm.validate(valid => {
        if (valid) {
          this.$store.state.app.buttonIsDisabled = true
          const data = {
            defectcode: this.dialogForm.defectcode,
            defectname: this.dialogForm.defectname,
@@ -311,9 +322,10 @@
          }
          AddUpdateDedect(data).then(res => {
            if (res.code === '200') {
              this.$message.success(this.operation === 'add' ? '添加成功！' : '修改成功！')
              this.dialogVisible = false
              this.$message.success(this.operation === 'add' ? '添加成功！' : '修改成功！')
              this.getDedectSearch()
              this.$store.state.app.buttonIsDisabled = false
            } else {
              this.$message.error(this.operation === 'add' ? '添加失败！' : '修改失败！')
            }