|
@@ -8,9 +8,9 @@
|
|
<div class="searchBox">
|
|
<div class="searchBox">
|
|
<div class="searchTitle">网站名称</div>
|
|
<div class="searchTitle">网站名称</div>
|
|
<el-select v-model="webSiteName_id" :multiple="false" :multiple-limit="1" filterable remote
|
|
<el-select v-model="webSiteName_id" :multiple="false" :multiple-limit="1" filterable remote
|
|
- reserve-keyword placeholder="请输入网站名称" clearable :remote-method="getWebNavList"
|
|
|
|
|
|
+ reserve-keyword placeholder="请输入网站名称" clearable :remote-method="getWebNavLists"
|
|
:loading="webSiteLoading" @change="selectWebSite">
|
|
:loading="webSiteLoading" @change="selectWebSite">
|
|
- <el-option v-for="item in webSiteList" :key="item.value" :label="item.label"
|
|
|
|
|
|
+ <el-option v-for="item in webSiteLists" :key="item.value" :label="item.label"
|
|
:value="item.value">
|
|
:value="item.value">
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
@@ -105,7 +105,7 @@
|
|
<el-form-item label="网站名称:" prop="webName">
|
|
<el-form-item label="网站名称:" prop="webName">
|
|
<el-select v-model="ruleForm.webName" :multiple="false" :multiple-limit="1" filterable remote
|
|
<el-select v-model="ruleForm.webName" :multiple="false" :multiple-limit="1" filterable remote
|
|
reserve-keyword placeholder="请输入网站名称" :remote-method="getWebNavList"
|
|
reserve-keyword placeholder="请输入网站名称" :remote-method="getWebNavList"
|
|
- :loading="webSiteLoading" @change="detectionWebSite">
|
|
|
|
|
|
+ :loading="webSiteLoading" @change="detectionWebSite" :disabled="disabledFields.webName">
|
|
<el-option v-for="item in webSiteList" :key="item.value" :label="item.label"
|
|
<el-option v-for="item in webSiteList" :key="item.value" :label="item.label"
|
|
:value="item.value">
|
|
:value="item.value">
|
|
</el-option>
|
|
</el-option>
|
|
@@ -115,7 +115,7 @@
|
|
<el-input v-model="ruleForm.adName" placeholder="请输入广告位名称"></el-input>
|
|
<el-input v-model="ruleForm.adName" placeholder="请输入广告位名称"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="广告位标识:" prop="adTag">
|
|
<el-form-item label="广告位标识:" prop="adTag">
|
|
- <el-input v-model="ruleForm.adTag" placeholder="请输入广告位标识"></el-input>
|
|
|
|
|
|
+ <el-input v-model="ruleForm.adTag" placeholder="请输入广告位标识" :disabled="disabledFields.adTag"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="广告位介绍:" prop="adDesc">
|
|
<el-form-item label="广告位介绍:" prop="adDesc">
|
|
<el-input v-model="ruleForm.adDesc" type="textarea" :rows="2" placeholder="请输入广告位介绍"
|
|
<el-input v-model="ruleForm.adDesc" type="textarea" :rows="2" placeholder="请输入广告位介绍"
|
|
@@ -150,11 +150,11 @@
|
|
</div>
|
|
</div>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="广告类型:" prop="adType">
|
|
<el-form-item label="广告类型:" prop="adType">
|
|
- <el-radio v-model="ruleForm.adType" label='2'>图片</el-radio>
|
|
|
|
|
|
+ <el-radio v-model="ruleForm.adType" label='2' :disabled="disabledFields.adType">图片</el-radio>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="广告位大小:" prop="adSize">
|
|
<el-form-item label="广告位大小:" prop="adSize">
|
|
- <el-select v-model="ruleForm.adSize" placeholder="请选择广告位大小" @change="change">
|
|
|
|
- <el-option v-for="item in options" :key="item.id" :label="item.size" :value="item.id">
|
|
|
|
|
|
+ <el-select v-model="ruleForm.adSize" placeholder="请选择广告位大小" @change="change" :disabled="disabledFields.adSize">
|
|
|
|
+ <el-option v-for="item in options" :key="item.id" :label="item.size" :value="item.id" >
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -207,6 +207,7 @@ export default {
|
|
|
|
|
|
// 可以输入的搜索框相关
|
|
// 可以输入的搜索框相关
|
|
webSiteList: [],//获取关联网站列表
|
|
webSiteList: [],//获取关联网站列表
|
|
|
|
+ webSiteLists: [],
|
|
webSiteLoading: false,
|
|
webSiteLoading: false,
|
|
|
|
|
|
//3.4 上传logo图片
|
|
//3.4 上传logo图片
|
|
@@ -232,7 +233,12 @@ export default {
|
|
webSiteName_id: '', //网站名称id
|
|
webSiteName_id: '', //网站名称id
|
|
adPlaceName: '', //广告位名称
|
|
adPlaceName: '', //广告位名称
|
|
website_id: "", //网站id
|
|
website_id: "", //网站id
|
|
-
|
|
|
|
|
|
+ disabledFields: {
|
|
|
|
+ webName: false,
|
|
|
|
+ adTag: false,
|
|
|
|
+ adType: false,
|
|
|
|
+ adSize: false
|
|
|
|
+ },
|
|
ruleForm: {
|
|
ruleForm: {
|
|
webName: '', //网站名称
|
|
webName: '', //网站名称
|
|
adName: '', //广告位名称
|
|
adName: '', //广告位名称
|
|
@@ -412,6 +418,15 @@ export default {
|
|
console.log(id, val);
|
|
console.log(id, val);
|
|
// console.log("状态", val.status);
|
|
// console.log("状态", val.status);
|
|
|
|
|
|
|
|
+ // 检查 website_column_arr_id 数组是否包含 2
|
|
|
|
+ const shouldDisable = val.website_column_arr_id && val.website_column_arr_id.includes(2);
|
|
|
|
+ this.disabledFields = {
|
|
|
|
+ webName: shouldDisable,
|
|
|
|
+ adTag: shouldDisable,
|
|
|
|
+ adType: shouldDisable,
|
|
|
|
+ adSize: shouldDisable
|
|
|
|
+ };
|
|
|
|
+
|
|
//数据回显
|
|
//数据回显
|
|
this.website_id = val.website_id
|
|
this.website_id = val.website_id
|
|
this.ruleForm.webName = val.website_name //网站名称
|
|
this.ruleForm.webName = val.website_name //网站名称
|
|
@@ -628,7 +643,7 @@ export default {
|
|
getWebNavList(query) {
|
|
getWebNavList(query) {
|
|
if (query !== '') {
|
|
if (query !== '') {
|
|
this.webSiteLoading = true;
|
|
this.webSiteLoading = true;
|
|
- let data = { keyword: query }
|
|
|
|
|
|
+ let data = { keyword: query ,website_column_id:2}
|
|
let dataArr = [];
|
|
let dataArr = [];
|
|
this.$store.dispatch('pool/getNavWebList', data).then(res => {
|
|
this.$store.dispatch('pool/getNavWebList', data).then(res => {
|
|
console.log(res.data)
|
|
console.log(res.data)
|
|
@@ -651,6 +666,33 @@ export default {
|
|
this.navList = [];
|
|
this.navList = [];
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+
|
|
|
|
+ getWebNavLists(query) {
|
|
|
|
+ if (query !== '') {
|
|
|
|
+ this.webSiteLoading = true;
|
|
|
|
+ let data = { keyword: query}
|
|
|
|
+ let dataArr = [];
|
|
|
|
+ this.$store.dispatch('pool/getNavWebList', data).then(res => {
|
|
|
|
+ console.log(res.data)
|
|
|
|
+ for (let item of res.data) {
|
|
|
|
+ let data = {};
|
|
|
|
+ data.key = item.id;
|
|
|
|
+ data.value = item.id;
|
|
|
|
+ data.label = item.website_name;
|
|
|
|
+ dataArr.push(data)
|
|
|
|
+ }
|
|
|
|
+ this.webSiteLists = dataArr;
|
|
|
|
+ this.webSiteLoading = false;
|
|
|
|
+ }).catch(() => {
|
|
|
|
+ this.$message({
|
|
|
|
+ type: 'info',
|
|
|
|
+ message: '网络错误,请重试!'
|
|
|
|
+ });
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ this.navList = [];
|
|
|
|
+ }
|
|
|
|
+ },
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
this.getData()
|
|
this.getData()
|