demo预留返回按钮、权限判断、objectName、富文本方法、部分注释

children117cl

2021-05-26 7f89d0b6ce12fd9ad39e501f63e2894b568aad02

 src/pages/system/admin.vue

@@ -9,6 +9,7 @@
          clearable
          size="small"
          style="width: 240px"
          maxlength="50"
          @keyup.enter.native="reGetList"
        />
      </el-form-item>
@@ -40,7 +41,7 @@
      <el-table-column label="账号" prop="account" align="center" min-width="120" />
      <el-table-column label="账号类型" prop="account" align="center" min-width="120">
        <template slot-scope="scope">
          <span v-if="scope.row.type">{{ accountTypeOptions[scope.row.type].name }}</span>
          <span v-if="accountTypeOptions[scope.row.type]">{{ accountTypeOptions[scope.row.type].name }}</span>
        </template>
      </el-table-column>
      <el-table-column label="角色" prop="roleName" align="center" min-width="120" />
@@ -85,19 +86,19 @@
    />

    <!-- 新增&编辑 -->
    <el-dialog :title="adminDialogData.type=='add'?'新增管理员':'编辑管理员'" width="500px" :visible.sync="adminDialogVisible" append-to-body :before-close="hideDialog">
    <el-dialog v-el-drag-dialog :title="adminDialogData.type==='add'?'新增管理员':'编辑管理员'" width="500px" :visible.sync="adminDialogVisible" append-to-body :close-on-click-modal="false">
      <el-form ref="adminDialog" :model="adminDialogData" label-width="80px" :rules="rules" size="small">
        <el-form-item label="名称" prop="name">
          <el-input v-model="adminDialogData.name" placeholder="请输入名称" />
          <el-input v-model="adminDialogData.name" placeholder="请输入名称" maxlength="50" />
        </el-form-item>
        <el-form-item label="账号" prop="account">
          <el-input v-model="adminDialogData.account" placeholder="请输入帐号" :disabled="adminDialogData.type!='add'" />
          <el-input v-model="adminDialogData.account" placeholder="请输入帐号" maxlength="20" :disabled="adminDialogData.type!='add'" />
        </el-form-item>
        <el-form-item label="密码" :prop="adminDialogData.type=='add'?'password':''">
          <el-input v-model="adminDialogData.password" type="password" placeholder="请输入密码" />
        <el-form-item label="密码" :prop="adminDialogData.type==='add'?'password':'none'">
          <el-input v-model="adminDialogData.password" type="password" placeholder="请输入密码" maxlength="20" />
        </el-form-item>
        <el-form-item label="确认密码" :prop="adminDialogData.type=='add'?'passwordSure':''">
          <el-input v-model="adminDialogData.passwordSure" type="password" placeholder="请输入确认密码" />
        <el-form-item label="确认密码" :prop="adminDialogData.type==='add'?'passwordSure':'none'">
          <el-input v-model="adminDialogData.passwordSure" type="password" placeholder="请输入确认密码" maxlength="20" />
        </el-form-item>
        <!-- 账号类型 -->
        <el-form-item label="账号类型" prop="accountType">
@@ -140,7 +141,6 @@
</template>

<script>

export default {
  name: 'Admin',
  data() {
@@ -194,6 +194,9 @@
        ],
        accountType: [
          { required: true, message: '账号类型不能为空', trigger: 'change' }
        ],
        isUse: [
          { required: true, message: '是否启用不能为空', trigger: 'change' }
        ]
      }
    }
@@ -219,10 +222,12 @@
        mockData: {
          code: 100,
          msg: '',
          data: [{
            id: 'xxx',
            name: '野马发'
          }]
          data: {
            list: [{
              id: 'xxx',
              name: '野马发'
            }]
          }
        }
      }, (inf) => {
        this.roleArr = inf.list || []
@@ -392,7 +397,7 @@
          }, () => {
            this.$messageSuc('保存成功')
            this.hideAdminDialog()
            this.getList()
            isAdd ? this.reGetList() : this.getList()
          })
        }
      })