|
|
|
|
@ -38,6 +38,71 @@
|
|
|
|
|
</el-button> |
|
|
|
|
</template> |
|
|
|
|
</avue-crud> |
|
|
|
|
<el-dialog |
|
|
|
|
title="导出" |
|
|
|
|
append-to-body |
|
|
|
|
:visible.sync="importBox" |
|
|
|
|
width="30%" |
|
|
|
|
:before-close="handleimportCloses" |
|
|
|
|
> |
|
|
|
|
<el-form |
|
|
|
|
ref="iform" |
|
|
|
|
:model="iform" |
|
|
|
|
:rules="importrules" |
|
|
|
|
label-width="100px" |
|
|
|
|
> |
|
|
|
|
<el-form-item label="租户/客户" prop="type"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="iform.type" |
|
|
|
|
placeholder="请选择租户/客户" |
|
|
|
|
size="mini" |
|
|
|
|
style="width: 90%" |
|
|
|
|
@change="handleChange" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="(item, index) in typelist" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.id" |
|
|
|
|
:key="item.id" |
|
|
|
|
></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="租户" prop="tenantId" v-if="iform.type == 1"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="iform.tenantId" |
|
|
|
|
placeholder="请选择租户" |
|
|
|
|
size="mini" |
|
|
|
|
style="width: 90%" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="(item, index) in tenantlist" |
|
|
|
|
:label="item.tenantName" |
|
|
|
|
:value="item.tenantId" |
|
|
|
|
:key="item.tenantId" |
|
|
|
|
></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="客户" prop="userId" v-if="iform.type == 2"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="iform.userId" |
|
|
|
|
placeholder="请选择客户" |
|
|
|
|
size="mini" |
|
|
|
|
style="width: 90%" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="(item, index) in userlist" |
|
|
|
|
:label="item.account" |
|
|
|
|
:value="item.id" |
|
|
|
|
:key="item.id" |
|
|
|
|
></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button type="primary" @click="onSubmit" size="mini">导出</el-button> |
|
|
|
|
<el-button @click="handleimportCloses" size="mini">取消</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
</basic-container> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
@ -48,6 +113,8 @@ import {
|
|
|
|
|
getDetail, |
|
|
|
|
remove, |
|
|
|
|
update, |
|
|
|
|
tenant, |
|
|
|
|
user, |
|
|
|
|
} from "@/api/communication/outbound"; |
|
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
|
import { getToken } from "@/util/auth"; |
|
|
|
|
@ -56,8 +123,35 @@ export default {
|
|
|
|
|
return { |
|
|
|
|
form: {}, |
|
|
|
|
query: {}, |
|
|
|
|
iform: { |
|
|
|
|
type: null, //租户/客户 |
|
|
|
|
tenantId: null, //租户 |
|
|
|
|
userId: null, //客户 |
|
|
|
|
}, |
|
|
|
|
selectionList: [], |
|
|
|
|
tenantlist: [], //租户下拉 |
|
|
|
|
userlist: [], //用户下拉 |
|
|
|
|
typelist: [ |
|
|
|
|
{ |
|
|
|
|
label: "租户", |
|
|
|
|
id: 1, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "客户", |
|
|
|
|
id: 2, |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
importBox: false, //导出布尔 |
|
|
|
|
loading: true, |
|
|
|
|
importrules: { |
|
|
|
|
type: [ |
|
|
|
|
{ required: true, message: "请选择租户/客户", trigger: "change" }, |
|
|
|
|
], |
|
|
|
|
tenantId: [ |
|
|
|
|
{ required: true, message: "请选择租户", trigger: "change" }, |
|
|
|
|
], |
|
|
|
|
userId: [{ required: true, message: "请选择客户", trigger: "change" }], |
|
|
|
|
}, |
|
|
|
|
page: { |
|
|
|
|
pageSize: 10, |
|
|
|
|
currentPage: 1, |
|
|
|
|
@ -78,6 +172,13 @@ export default {
|
|
|
|
|
dialogClickModal: false, |
|
|
|
|
dialogWidth: "60%", |
|
|
|
|
column: [ |
|
|
|
|
{ |
|
|
|
|
label: "id", |
|
|
|
|
prop: "id", |
|
|
|
|
search: true, |
|
|
|
|
addDisplay: false, |
|
|
|
|
editDisplay: false, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
label: "租户名称", |
|
|
|
|
prop: "tenantId", |
|
|
|
|
@ -451,7 +552,8 @@ export default {
|
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
console.log(this.baseUrl, "baseUrl"); |
|
|
|
|
this.tenantlists(); //租户下拉 |
|
|
|
|
this.userlists(); //用户下拉 |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
...mapGetters(["permission"]), |
|
|
|
|
@ -583,15 +685,65 @@ export default {
|
|
|
|
|
refreshChange() { |
|
|
|
|
this.onLoad(this.page, this.query); |
|
|
|
|
}, |
|
|
|
|
//导出 |
|
|
|
|
//导出弹窗开启 |
|
|
|
|
handleExport() { |
|
|
|
|
window.open( |
|
|
|
|
`${this.baseUrl}/${ |
|
|
|
|
this.apis |
|
|
|
|
}iot-sim/simcarddeliver/export-simCardDeliver?${ |
|
|
|
|
this.website.tokenHeader |
|
|
|
|
}=${getToken()}` |
|
|
|
|
); |
|
|
|
|
this.importBox = true; |
|
|
|
|
}, |
|
|
|
|
//确认导出 |
|
|
|
|
onSubmit() { |
|
|
|
|
this.$refs.iform.validate((valid) => { |
|
|
|
|
if (valid) { |
|
|
|
|
console.log( |
|
|
|
|
`${this.baseUrl}/${ |
|
|
|
|
this.apis |
|
|
|
|
}iot-sim/simcarddeliver/export-simCardDeliver?${ |
|
|
|
|
this.website.tokenHeader |
|
|
|
|
}=${getToken()}&tenantId=${this.iform.tenantId}&userId=${ |
|
|
|
|
this.iform.userId |
|
|
|
|
}` |
|
|
|
|
); |
|
|
|
|
window.open( |
|
|
|
|
`${this.baseUrl}/${ |
|
|
|
|
this.apis |
|
|
|
|
}iot-sim/simcarddeliver/export-simCardDeliver?${ |
|
|
|
|
this.website.tokenHeader |
|
|
|
|
}=${getToken()}&tenantId=${this.iform.tenantId}&userId=${ |
|
|
|
|
this.iform.userId |
|
|
|
|
}` |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//导出弹窗关闭 |
|
|
|
|
handleimportCloses() { |
|
|
|
|
this.importBox = false; |
|
|
|
|
this.$refs.iform.resetFields(); |
|
|
|
|
}, |
|
|
|
|
//租户下拉框 |
|
|
|
|
tenantlists() { |
|
|
|
|
tenant().then((res) => { |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
this.tenantlist = res.data.data; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//用户下拉框 |
|
|
|
|
userlists() { |
|
|
|
|
user().then((res) => { |
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
this.userlist = res.data.data; |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//选租户还是客户 |
|
|
|
|
handleChange(e) { |
|
|
|
|
if (e == 1) { |
|
|
|
|
this.iform.type = 1; |
|
|
|
|
this.iform.userId = null; |
|
|
|
|
} else { |
|
|
|
|
this.iform.type = 2; |
|
|
|
|
this.iform.tenantId = null; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onLoad(page, params = {}) { |
|
|
|
|
this.loading = true; |
|
|
|
|
|
