style(src/views/user): 修改样式

duizhaopin_ui
duan 2 years ago
parent 4dad586639
commit 8b977f0cb6

@ -2,8 +2,8 @@
<div class="main-container-text">
<div class="title">用户管理</div>
<div class="header">
<el-input v-model="user_code" clearable placeholder="请输入工号" />
<el-input v-model="real_name" clearable placeholder="请输入姓名" />
<el-input v-model="user_code" clearable placeholder="请输入工号"/>
<el-input v-model="real_name" clearable placeholder="请输入姓名"/>
<el-select v-model="role_id" clearable placeholder="请输入角色" :value="manageer">
<el-option
v-for="item in roleData"
@ -13,14 +13,14 @@
/>
</el-select>
<el-select v-model="is_enabled" clearable placeholder="账号状态" :value="manageer">
<el-option label="启用" :value="1" />
<el-option label="未启用" :value="0" />
<el-option label="启用" :value="1"/>
<el-option label="未启用" :value="0"/>
</el-select>
<el-button type="primary" icon="el-icon-search" @click="handleSearch"></el-button>
<el-button type="primary" plain @click="handleAddUser"><i class="el-icon-plus" />新增用户</el-button>
<el-button type="primary" plain @click="handleAddUser"><i class="el-icon-plus"/>新增用户</el-button>
<div class="header-right">
<el-button icon="el-icon-delete" circle @click="handleDelTem" />
<el-button icon="el-icon-refresh" circle @click="handleRefresh" />
<el-button icon="el-icon-delete" circle @click="handleDelTem"/>
<el-button icon="el-icon-refresh" circle @click="handleRefresh"/>
</div>
</div>
<el-table
@ -90,7 +90,10 @@
align="center"
>
<template slot-scope="scope">
<el-tag :type="scope.row.is_enabled === 1?'success':'danger'">{{ scope.row.is_enabled === 1 ? '启用' : '未启用' }}</el-tag>
<el-tag :type="scope.row.is_enabled === 1?'success':'danger'">{{
scope.row.is_enabled === 1 ? '启用' : '未启用'
}}
</el-tag>
</template>
</el-table-column>
<el-table-column
@ -103,7 +106,7 @@
<el-button size="mini" type="primary" plain @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button size="mini" @click="handleFace(scope.$index, scope.row)">录入人脸</el-button>
<el-button size="mini" @click="handleRole(scope.$index, scope.row)">
<svg-icon icon-class="" />
<svg-icon icon-class=""/>
分配功能权限
</el-button>
</template>
@ -152,7 +155,7 @@
@change="(val) => handleCheckAllChange(val,'drug_module_id')"
>全选
</el-checkbox>
<div style="margin: 15px 0;" />
<div style="margin: 15px 0;"/>
<el-checkbox-group
v-model="formData.drug_module_id"
@change="(val) => handleCheckedCitiesChange(val,'drug_module_id')"
@ -169,7 +172,7 @@
@change="(val) =>handleCheckAllChange(val,'client_module_id')"
>全选
</el-checkbox>
<div style="margin: 15px 0;" />
<div style="margin: 15px 0;"/>
<el-checkbox-group
v-model="formData.client_module_id"
@change="(val) =>handleCheckedCitiesChange(val,'client_module_id')"
@ -186,7 +189,7 @@
@change="(val) =>handleCheckAllChange(val,'standard_module_id')"
>全选
</el-checkbox>
<div style="margin: 15px 0;" />
<div style="margin: 15px 0;"/>
<el-checkbox-group
v-model="formData.standard_module_id"
@change="(val) =>handleCheckedCitiesChange(val,'standard_module_id')"
@ -203,7 +206,7 @@
@change="(val) =>handleCheckAllChange(val,'consumables_module_id')"
>全选
</el-checkbox>
<div style="margin: 15px 0;" />
<div style="margin: 15px 0;"/>
<el-checkbox-group
v-model="formData.consumables_module_id"
@change="(val) =>handleCheckedCitiesChange(val,'consumables_module_id')"
@ -220,7 +223,7 @@
@change="(val) =>handleCheckAllChange(val,'instrument_module_id')"
>全选
</el-checkbox>
<div style="margin: 15px 0;" />
<div style="margin: 15px 0;"/>
<el-checkbox-group
v-model="formData.instrument_module_id"
@change="(val) =>handleCheckedCitiesChange(val,'instrument_module_id')"
@ -275,11 +278,11 @@ import {
update
} from '@/api/user/user'
import stringify from '@/utils/stringify'
import { throttle, web_stream as webStream } from '@/utils'
import {throttle, web_stream as webStream} from '@/utils'
export default {
name: 'User',
components: { UserForm },
components: {UserForm},
data() {
return {
//
@ -296,7 +299,7 @@ export default {
tableData: [],
manageer: null,
headerStyle: { 'background': '#E6E6E6' },
headerStyle: {'background': '#E6E6E6'},
dialogVisible: false,
userFormTitle: '',
userFormData: {},
@ -464,7 +467,7 @@ export default {
this.roleDialogVisible = true
this.tabsLoading = true
this.formData.user_id = row.user_id
get_user_power_list(stringify({ 'user_id': row.user_id })).then(res => {
get_user_power_list(stringify({'user_id': row.user_id})).then(res => {
// client_manage: [{have: 1, module_code: "MyDrug", module_id: "43272548-116f-11ed-8d0e-f47b094925e5",},]
// consumables_manage: []
// drug_manage: [{have: 1, module_code: "DrugScanBarCode", module_id: "4327254a-116f-11ed-8d11-f47b094925e5",},]
@ -490,7 +493,7 @@ export default {
cancelButtonText: '取消',
type: 'warning'
}).then(() =>
del(stringify({ 'user_id': this.multipleSelection[0].user_id })).then(
del(stringify({'user_id': this.multipleSelection[0].user_id})).then(
res => {
this.$message.success({
type: 'success',
@ -539,12 +542,13 @@ export default {
instrument_module_id: []
}
},
handleFaceCancel: throttle(function() {
handleFaceCancel: throttle(function () {
faceStop().then(
res => {
console.log(res)
}
)
this.dialogFaceVisible = false
this.web_stream.destroy()
this.play = null
this.rflag = false
@ -553,6 +557,9 @@ export default {
this.play = null
this.rflag = false
this.dialogFaceVisible = false
if (this.web_stream) {
this.web_stream.destroy()
}
}
}
}
@ -589,17 +596,13 @@ export default {
}
}
#video, canvas {
position: absolute;
top: 100px;
left: 120px;
#video {
border-radius: 50%;
border: 1px solid #707070;
}
.face-content {
text-align: center;
height: 18.75rem;
width: 100%;
}

Loading…
Cancel
Save