feat: 添加scTableSelect

This commit is contained in:
caoqianming 2024-10-25 16:03:52 +08:00
parent 9c12eea0f3
commit 875b47f111
2 changed files with 35 additions and 17 deletions

View File

@ -106,7 +106,7 @@
[this.defaultProps.keyword]: this.keyword [this.defaultProps.keyword]: this.keyword
} }
Object.assign(reqData, this.params, this.formData) Object.assign(reqData, this.params, this.formData)
var res = await this.apiObj.get(reqData); var res = await this.apiObj.req(reqData);
var parseData = config.parseData(res) var parseData = config.parseData(res)
this.tableData = parseData.rows; this.tableData = parseData.rows;
this.total = parseData.total; this.total = parseData.total;

View File

@ -30,27 +30,25 @@
:apiObj="apiObj" :apiObj="apiObj"
v-model="x2" v-model="x2"
v-model:label="x2_name" v-model:label="x2_name"
v-model:obj="x2_obj" v-model:obj="x2_obj"
style="width: 500px" style="width: 500px"
:multiple="true" :multiple="true"
> >
<el-table-column label="id" prop="id"></el-table-column> <el-table-column label="id" prop="id"></el-table-column>
<el-table-column label="名称" prop="name"></el-table-column> <el-table-column label="名称" prop="name"></el-table-column>
</xSelect> </xSelect>
<div>当前选择 <div>
<h1>value: {{ x2 }} </h1> 当前选择
<h1>label: {{ x2_name }} </h1> <h1>value: {{ x2 }}</h1>
<h1>obj: {{ x2_obj }}</h1> <h1>label: {{ x2_name }}</h1>
</div> <h1>obj: {{ x2_obj }}</h1>
</div>
</div> </div>
<div v-if="currentM == 'scEcharts'"> <div v-if="currentM == 'scEcharts'">
<el-card title="测试图表"> <el-card title="测试图表">
<scEcharts <scEcharts :option="chartOption" height="400px" />
:option="chartOption" </el-card>
height="400px"
/>
</el-card>
</div> </div>
<div v-if="currentM == 'ehsUserSelect'"> <div v-if="currentM == 'ehsUserSelect'">
<ehsUserSelect :multiple="true" @submit="getMember" /> <ehsUserSelect :multiple="true" @submit="getMember" />
@ -63,12 +61,22 @@
:apiObj="apiObj" :apiObj="apiObj"
v-model="x2" v-model="x2"
:props="{ value: 'id', label: 'name' }" :props="{ value: 'id', label: 'name' }"
:multiple="true" :multiple="true"
> >
<el-table-column label="id" prop="id"></el-table-column> <el-table-column label="id" prop="id"></el-table-column>
<el-table-column label="名称" prop="name"></el-table-column> <el-table-column label="名称" prop="name"></el-table-column>
</ehsTableSelect> </ehsTableSelect>
</div> </div>
<div v-if="currentM == 'scTableSelect'">
<scTableSelect :apiObj="apiObj" v-model="x3" :props="props">
<el-table-column label="id" prop="id"></el-table-column>
<el-table-column label="名称" prop="name"></el-table-column>
</scTableSelect>
<el-select v-model="x3" >
</el-select>
</div>
</el-main> </el-main>
</el-container> </el-container>
</template> </template>
@ -81,13 +89,23 @@ export default {
return { return {
menu: [ menu: [
"二维码", "二维码",
"xSelect", "xSelect",
"ehsSelect", "ehsSelect",
"scEcharts", "scEcharts",
"ehsUserSelect", "ehsUserSelect",
"ehsEpSelect", "ehsEpSelect",
"ehsTableSelect", "ehsTableSelect",
"scTableSelect",
], ],
props: {
label: "name",
value: "id",
keyword: "search",
},
x_3: {
value: "3347207082608115712",
label: "烧成车间",
},
currentM: "", currentM: "",
apiObj: this.$API.system.dept.list, apiObj: this.$API.system.dept.list,
x: "3607937377546706944", x: "3607937377546706944",
@ -96,7 +114,7 @@ export default {
apiObj2: this.$API.system.user.list, apiObj2: this.$API.system.user.list,
x2: "3347207082608115712", x2: "3347207082608115712",
x2_name: "烧成车间", x2_name: "烧成车间",
x2_obj: {}, x2_obj: {},
chartOption: { chartOption: {
textStyle: { textStyle: {
fontFamily: 'Inter, "Helvetica Neue", Arial, sans-serif', fontFamily: 'Inter, "Helvetica Neue", Arial, sans-serif',