自定义列显隐控制

xiangpei

2024-09-03 16eb67ab6b103663d30cad9ba74360f982e131cb

 src/views/system/unit/index.vue

@@ -31,8 +31,8 @@
        ></el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
        <el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

@@ -89,7 +89,7 @@
      <el-table-column label="单位联系人" align="center" prop="unitContact" />
      <el-table-column label="单位联系人电话" align="center" prop="unitContactPhone" />
      <el-table-column label="单位管理员账号" align="center" prop="unitAdminAccount" />
      <el-table-column label="备注" align="center" prop="remark" />
      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
      <el-table-column label="添加时间" align="center" prop="createTime" />
      <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
        <template slot-scope="scope">
@@ -129,7 +129,10 @@
          <el-input v-model="form.unitName" placeholder="请输入单位名称" />
        </el-form-item>
        <el-form-item label="单位账号" prop="unitAdminAccount">
          <el-input v-model="form.unitAdminAccount" placeholder="请输入单位管理员账号" :disabled="account" />
          <el-input v-model="form.unitAdminAccount" placeholder="请输入单位账号" :disabled="account" />
        </el-form-item>
        <el-form-item label="账号密码" prop="password">
          <el-input v-model="form.password" placeholder="请输入单位账号密码" :disabled="account" />
        </el-form-item>
        <el-form-item label="单位联系人" prop="unitContact">
          <el-input v-model="form.unitContact" placeholder="请输入单位联系人" />
@@ -142,8 +145,8 @@
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="submitForm">确 定</el-button>
      </div>
    </el-dialog>
  </div>
@@ -204,8 +207,11 @@
          { required: true, message: "单位联系人电话不能为空", trigger: "blur" }
        ],
        unitAdminAccount: [
          { required: true, message: "单位管理员账号不能为空", trigger: "blur" }
          { required: true, message: "单位账号不能为空", trigger: "blur" }
        ],
        password: [
          { required: true, message: "单位账号密码不能为空", trigger: "blur" }
        ]
      }
    };
  },
@@ -257,7 +263,8 @@
        remark: null,
        createTime: null,
        updateTime: null,
        deleted: null
        deleted: null,
        password: null,
      };
      this.resetForm("form");
    },