|
|
@@ -10,6 +10,27 @@
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="所属公司" prop="companyId">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.companyId"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ reserve-keyword
|
|
|
+ placeholder="请输入公司名称搜索"
|
|
|
+ :remote-method="searchCompanies"
|
|
|
+ :loading="companySearchLoading"
|
|
|
+ style="width: 220px"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in companyOptions"
|
|
|
+ :key="item.dictValue"
|
|
|
+ :label="item.dictLabel"
|
|
|
+ :value="item.dictValue"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="appid" prop="appid">
|
|
|
<el-input
|
|
|
v-model="queryParams.appid"
|
|
|
@@ -95,6 +116,7 @@
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
<el-table-column label="ID" align="center" prop="id" />
|
|
|
<el-table-column label="名称" align="center" prop="name" />
|
|
|
+ <el-table-column label="所属公司" align="center" prop="companyId" :formatter="companyNameFormatter"/>
|
|
|
<el-table-column label="图标" align="center" prop="img">
|
|
|
<template slot-scope="scope">
|
|
|
<el-image
|
|
|
@@ -152,11 +174,32 @@
|
|
|
/>
|
|
|
|
|
|
<!-- 添加或修改点播配置对话框 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
|
|
|
+ <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body :before-close="resetOption">
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="130px">
|
|
|
<el-form-item label="名称" prop="name">
|
|
|
<el-input v-model="form.name" placeholder="请输入名称" />
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="所属公司" prop="companyId">
|
|
|
+ <el-select
|
|
|
+ v-model="form.companyId"
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ reserve-keyword
|
|
|
+ placeholder="请输入公司名称搜索"
|
|
|
+ :remote-method="searchCompanies"
|
|
|
+ :loading="companySearchLoading"
|
|
|
+ style="width: 220px"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in companyOptions"
|
|
|
+ :key="item.dictValue"
|
|
|
+ :label="item.dictLabel"
|
|
|
+ :value="item.dictValue"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="图标" prop="img">
|
|
|
<image-upload v-model="form.img" :file-type='["png", "jpg", "jpeg"]' :limit="1"/>
|
|
|
</el-form-item>
|
|
|
@@ -203,12 +246,18 @@
|
|
|
<script>
|
|
|
import {list, get, update, add, del} from '@/api/course/coursePlaySourceConfig'
|
|
|
import {updateIsTownOn} from "@/api/system/config";
|
|
|
+import { allList } from '@/api/company/company'
|
|
|
+import { resetForm } from '@/utils/common'
|
|
|
|
|
|
export default {
|
|
|
name: 'CoursePlaySourceConfig',
|
|
|
data() {
|
|
|
return {
|
|
|
switchDialogVisible: false,
|
|
|
+ // 公司搜索相关
|
|
|
+ companySearchLoading: false,
|
|
|
+ companyOptions: [],
|
|
|
+ formatterCompanyOptions: [],
|
|
|
switchForm: {
|
|
|
appId: '',
|
|
|
switchStatus: '001',
|
|
|
@@ -234,6 +283,9 @@ export default {
|
|
|
name: [
|
|
|
{ required: true, message: "名称不能为空", trigger: "blur" }
|
|
|
],
|
|
|
+ companyId: [
|
|
|
+ { required: true, message: "所属公司不能为空", trigger: "blur" }
|
|
|
+ ],
|
|
|
appid: [
|
|
|
{ required: true, message: "appid不能为空", trigger: "blur" }
|
|
|
],
|
|
|
@@ -269,9 +321,19 @@ export default {
|
|
|
listClass: 'primary'}
|
|
|
})
|
|
|
});
|
|
|
+ //初始化formatterCompanyOptions
|
|
|
+ allList().then(e => {
|
|
|
+ this.formatterCompanyOptions = e.rows;
|
|
|
+ });
|
|
|
this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
+ resetForm,
|
|
|
+ resetOption(){
|
|
|
+ console.log(1)
|
|
|
+ this.companyOptions = [];
|
|
|
+ this.open = false;
|
|
|
+ },
|
|
|
|
|
|
|
|
|
// 处理开关配置
|
|
|
@@ -283,6 +345,24 @@ export default {
|
|
|
this.getSwitchConfig(row.appid);
|
|
|
this.switchDialogVisible = true;
|
|
|
},
|
|
|
+ /** 搜索公司 */
|
|
|
+ searchCompanies(query) {
|
|
|
+ this.companySearchLoading = true;
|
|
|
+ allList().then(response => {
|
|
|
+ this.companyOptions = response.rows;
|
|
|
+ if (query) {
|
|
|
+ this.companyOptions = this.companyOptions.filter(item =>
|
|
|
+ item.dictLabel.includes(query)
|
|
|
+ );
|
|
|
+ }
|
|
|
+ this.companySearchLoading = false;
|
|
|
+ }).catch(()=>{
|
|
|
+ this.companySearchLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ companyNameFormatter(row){
|
|
|
+ return this.formatterCompanyOptions.filter(item => item.dictValue === row.companyId)[0].dictLabel
|
|
|
+ },
|
|
|
|
|
|
// 获取开关配置
|
|
|
getSwitchConfig(appId) {
|
