feat: 测试页更改
This commit is contained in:
parent
345bdc3b96
commit
d10f4a790a
|
@ -1,38 +1,58 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<el-container>
|
||||||
<scQrCode text="xxxx"></scQrCode>
|
<el-aside width="200px">
|
||||||
</div>
|
<el-menu>
|
||||||
<div>
|
<el-menu-item index="1" @click="currentM='二维码'">二维码</el-menu-item>
|
||||||
<ehsSelect :apiObj="apiObj" v-model="x" :showName="x_name" placeholder="部门" clearable :params="{'search': '生产'}"></ehsSelect>
|
<el-menu-item index="2" @click="currentM='带默认的选择'">带默认的选择</el-menu-item>
|
||||||
</div>
|
<el-menu-item index="3" @click="currentM='图标选择'">图标选择</el-menu-item>
|
||||||
<div>
|
<el-menu-item index="4" @click="currentM='表格选择'">表格选择</el-menu-item>
|
||||||
<scIconSelect></scIconSelect>
|
</el-menu>
|
||||||
</div>
|
</el-aside>
|
||||||
<div>
|
<el-main>
|
||||||
<ehsTableSelect :apiObj="apiObj2" v-model="x2">
|
<div v-if="currentM=='二维码'">
|
||||||
<el-table-column label="姓名" prop="name"></el-table-column>
|
<scQrCode text="xxxx"></scQrCode>
|
||||||
<el-table-column label="账号" prop="username"></el-table-column>
|
</div>
|
||||||
</ehsTableSelect>
|
<div v-if="currentM=='带默认的选择'">
|
||||||
</div>
|
<ehsSelect
|
||||||
|
:apiObj="apiObj"
|
||||||
|
v-model="x"
|
||||||
|
:showName="x_name"
|
||||||
|
placeholder="部门"
|
||||||
|
clearable
|
||||||
|
:params="{ search: '生产' }"
|
||||||
|
></ehsSelect>
|
||||||
|
</div>
|
||||||
|
<div v-if="currentM=='图标选择'">
|
||||||
|
<scIconSelect></scIconSelect>
|
||||||
|
</div>
|
||||||
|
<div v-if="currentM=='表格选择'">
|
||||||
|
<ehsTableSelect :apiObj="apiObj2" v-model="x2">
|
||||||
|
<el-table-column label="姓名" prop="name"></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="账号"
|
||||||
|
prop="username"
|
||||||
|
></el-table-column>
|
||||||
|
</ehsTableSelect>
|
||||||
|
</div>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'testx',
|
name: "testx",
|
||||||
components: {
|
components: {},
|
||||||
},
|
data() {
|
||||||
data() {
|
return {
|
||||||
return {
|
currentM: "",
|
||||||
apiObj: this.$API.system.dept.list,
|
apiObj: this.$API.system.dept.list,
|
||||||
x: '3607937377546706944',
|
x: "3607937377546706944",
|
||||||
x_name: '光芯科技',
|
x_name: "光芯科技",
|
||||||
// x:null,
|
// x:null,
|
||||||
apiObj2: this.$API.system.user.list,
|
apiObj2: this.$API.system.user.list,
|
||||||
x2: {}
|
x2: {},
|
||||||
}
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {},
|
||||||
},
|
methods: {},
|
||||||
methods: {
|
};
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
Loading…
Reference in New Issue