kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(xumu): 格式化 AppSystemAccount 组件代码

Browse Source 
- 使用 ESLint 规则格式化了代码结构
- 调整了缩进、空格和换行
- 修复了一些小的语法问题
This commit is contained in:
aixianling
2024-12-16 10:44:19 +08:00
parent 823c327894
commit 528082fc6b
1 changed files with 39 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
project/xumu/AppSystemAccount/AppSystemAccount.vue
View File

@@ -13,8 +13,7 @@
</template> </template>
</ai-search-bar> </ai-search-bar>
<ai-table :tableData="tableData" :total="page.total" :current.sync="page.pageNum" :size.sync="page.pageSize" <ai-table :tableData="tableData" :total="page.total" :current.sync="page.pageNum" :size.sync="page.pageSize"
@getList="getTableData" :col-configs="colConfigs" :dict="dict" @getList="getTableData" :col-configs="colConfigs" :dict="dict" @selection-change="v => ids = v.map(e => e.id)">
@selection-change="v=>ids=v.map(e=>e.id)">
<el-table-column slot="name" label="姓名" width="180px"> <el-table-column slot="name" label="姓名" width="180px">
<el-row type="flex" align="middle" slot-scope="{row}"> <el-row type="flex" align="middle" slot-scope="{row}">
<el-image class="avatar" :src="row.avatar" :preview-src-list="[row.avatar]"> <el-image class="avatar" :src="row.avatar" :preview-src-list="[row.avatar]">
@@ -37,25 +36,23 @@
<!--添加账号、功能分配--> <!--添加账号、功能分配-->
<ai-dialog :title="dialogTitle" :visible.sync="dialog" width="600px" @open="initDialogData" <ai-dialog :title="dialogTitle" :visible.sync="dialog" width="600px" @open="initDialogData"
@onConfirm="updateAccount" @closed="dialogForm = {}"> @onConfirm="updateAccount" @closed="dialogForm = {}">
<el-form ref="updateAccountForm" :model="dialogForm" :rules="rules" size="small" <el-form ref="updateAccountForm" :model="dialogForm" :rules="rules" size="small" label-width="120px">
label-width="120px">
<el-form-item required label="姓名" prop="name"> <el-form-item required label="姓名" prop="name">
<el-input v-model.trim="dialogForm.name" placeholder="请输入..." clearable <el-input v-model.trim="dialogForm.name" placeholder="请输入..." clearable :maxLength="15" />
:maxLength="15"/>
</el-form-item> </el-form-item>
<el-form-item required label="手机号码" prop="phone"> <el-form-item required label="手机号码" prop="phone">
<el-input v-model.trim="dialogForm.phone" placeholder="请输入..." clearable <el-input v-model.trim="dialogForm.phone" placeholder="请输入..." clearable :maxLength="11" :disabled="isEdit" />
:maxLength="11" :disabled="isEdit"/>
</el-form-item> </el-form-item>
<el-form-item required label="账号密码" prop="password" v-if="!isEdit" :rules="[{required: true, message: '请输入密码'}]"> <el-form-item required label="账号密码" prop="password" v-if="!isEdit"
:rules="[{ required: true, message: '请输入密码' }]">
<el-input v-model.trim="dialogForm.password" placeholder="请输入密码" clearable :minlength="6" /> <el-input v-model.trim="dialogForm.password" placeholder="请输入密码" clearable :minlength="6" />
</el-form-item> </el-form-item>
<el-form-item required label="所属单位" prop="unitName" :rules="[{ required: true, message: '请输入所属单位' }]"> <el-form-item required label="所属单位" prop="unitName" :rules="[{ required: true, message: '请输入所属单位' }]">
<el-input v-model.trim="dialogForm.unitName" placeholder="请输入所属单位" clearable /> <el-input v-model.trim="dialogForm.unitName" placeholder="请输入所属单位" clearable />
</el-form-item> </el-form-item>
<el-form-item required label="角色" prop="roleId"> <el-form-item required label="角色" prop="roleId">
<el-select size="small" placeholder="请选择角色" :value="dialogForm.roleId" filterable <el-select size="small" placeholder="请选择角色" :value="dialogForm.roleId" filterable v-model="dialogForm.roleId"
v-model="dialogForm.roleId" clearable> clearable>
<el-option v-for="(op, i) in accountRoles" :key="i" :label="op.name" :value="op.id" /> <el-option v-for="(op, i) in accountRoles" :key="i" :label="op.name" :value="op.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
@@ -239,7 +236,9 @@ export default {
} }
:deep(.el-form) { :deep(.el-form) {
.el-cascader, .el-select {
.el-cascader,
.el-select {
width: 100%; width: 100%;
} }
} }