zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 测试页更改

This commit is contained in:
caoqianming 2024-10-24 11:06:10 +08:00
parent 345bdc3b96
commit d10f4a790a
1 changed files with 54 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
src/views/home/testx.vue
View File

@ -1,38 +1,58 @@
<template>
<div>
<scQrCode text="xxxx"></scQrCode>
</div>
<div>
<ehsSelect :apiObj="apiObj" v-model="x" :showName="x_name" placeholder="部门" clearable :params="{'search': '生产'}"></ehsSelect>
</div>
<div>
<scIconSelect></scIconSelect>
</div>
<div>
<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-container>
<el-aside width="200px">
<el-menu>
<el-menu-item index="1" @click="currentM='二维码'">二维码</el-menu-item>
<el-menu-item index="2" @click="currentM='带默认的选择'">带默认的选择</el-menu-item>
<el-menu-item index="3" @click="currentM='图标选择'">图标选择</el-menu-item>
<el-menu-item index="4" @click="currentM='表格选择'">表格选择</el-menu-item>
</el-menu>
</el-aside>
<el-main>
<div v-if="currentM=='二维码'">
<scQrCode text="xxxx"></scQrCode>
</div>
<div v-if="currentM=='带默认的选择'">
<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>
<script>
export default {
name: 'testx',
components: {
},
data() {
return {
apiObj: this.$API.system.dept.list,
x: '3607937377546706944',
x_name: '光芯科技',
// x:null,
apiObj2: this.$API.system.user.list,
x2: {}
}
},
mounted() {
},
methods: {
}
}
</script>
name: "testx",
components: {},
data() {
return {
currentM: "",
apiObj: this.$API.system.dept.list,
x: "3607937377546706944",
x_name: "光芯科技",
// x:null,
apiObj2: this.$API.system.user.list,
x2: {},
};
},
mounted() {},
methods: {},
};
</script>