修改广告-栏目

src/views/advertise/adPlaceList.vue

@@ -8,9 +8,9 @@
                     <div class="searchBox">
                         <div class="searchTitle">网站名称</div>
                         <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">
-                            <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">
                             </el-option>
                         </el-select>
@@ -105,7 +105,7 @@
                     <el-form-item label="网站名称:" prop="webName">
                         <el-select v-model="ruleForm.webName" :multiple="false" :multiple-limit="1" filterable remote
                             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"
                                 :value="item.value">
                             </el-option>
@@ -115,7 +115,7 @@
                         <el-input v-model="ruleForm.adName" placeholder="请输入广告位名称"></el-input>
                     </el-form-item>
                     <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 label="广告位介绍:" prop="adDesc">
                         <el-input v-model="ruleForm.adDesc" type="textarea" :rows="2" placeholder="请输入广告位介绍"
@@ -150,11 +150,11 @@
                         </div>
                     </el-form-item>
                     <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 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-select>
                     </el-form-item>
@@ -207,6 +207,7 @@ export default {
 
             // 可以输入的搜索框相关
             webSiteList: [],//获取关联网站列表
+            webSiteLists: [],
             webSiteLoading: false,
 
             //3.4 上传logo图片
@@ -232,7 +233,12 @@ export default {
             webSiteName_id: '', //网站名称id
             adPlaceName: '', //广告位名称
             website_id: "", //网站id
-
+            disabledFields: {
+                webName: false,
+                adTag: false,
+                adType: false,
+                adSize: false
+            },
             ruleForm: {
                 webName: '', //网站名称
                 adName: '', //广告位名称
@@ -412,6 +418,15 @@ export default {
             console.log(id, val);
             // 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.ruleForm.webName = val.website_name //网站名称
@@ -628,7 +643,7 @@ export default {
         getWebNavList(query) {
             if (query !== '') {
                 this.webSiteLoading = true;
-                let data = { keyword: query }
+                let data = { keyword: query ,website_column_id:2}
                 let dataArr = [];
                 this.$store.dispatch('pool/getNavWebList', data).then(res => {
                     console.log(res.data)
@@ -651,6 +666,33 @@ export default {
                 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() {
         this.getData()

src/views/website/categoryList.vue

@@ -6,7 +6,7 @@
         <el-col :span="8">
           <div class="searchBox">
             <div class="searchTitle">栏目名称：</div>
-            <el-input v-model="getApiData.name" placeholder="请输入栏目名称" :clearable="true" @clear="onInputClear" />
+            <el-input v-model="getApiData.name"   placeholder="请输入栏目名称"  :clearable="true" @clear="onInputClear"/>
             <!-- <el-input placeholder="请输入栏目名称" autocomplete="off" v-model="getApiData.name" /> -->
           </div>
         </el-col>
@@ -28,15 +28,19 @@
       <tableTitle :name="tableDivTitle" />
       <el-row>
         <template>
-          <el-table :data="tableData" style="width: 100%" row-key="id" :default-expand-all="isExpandAll"
-            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+          <el-table 
+          :data="tableData"
+          style="width: 100%"
+          row-key="id"
+          :default-expand-all="isExpandAll"
+          :tree-props="{children: 'children', hasChildren: 'hasChildren'}" 
+          >
             <el-table-column fixed prop="id" label="编号" width="150"></el-table-column>
             <el-table-column prop="name" label="栏目名称">
               <template slot-scope="scope">
-                <span :class="{ highlight: isHighlight(scope.row, search) }" v-if="scope.row.pid == 0">{{ scope.row.name
-                }}</span>
-                <span :class="{ highlight: isHighlight(scope.row, search) }" v-else>____{{ scope.row.name }}</span>
-              </template>
+                <span :class="{ highlight: isHighlight(scope.row, search) }" v-if="scope.row.pid==0">{{ scope.row.name }}</span>
+                <span :class="{ highlight: isHighlight(scope.row, search)}"  v-else>____{{ scope.row.name }}</span>
+            </template>
             </el-table-column>
             <el-table-column label="是否外链" align="center">
               <template slot-scope="scope">
@@ -50,12 +54,9 @@
             <el-table-column fixed="right" label="操作" width="230" header-align="center">
               <template slot-scope="scope">
                 <div class="listBtnBox">
-                  <div class="listDeleteBtn" @click="deleteData(scope.row.id, tableData)"><i
-                      class="el-icon-delete"></i>删除</div>
-                  <div class="listEditBtn" @click="getDataMain(scope.row.id, tableData)"><i
-                      class="el-icon-edit-outline"></i>编辑</div>
-                  <div class="listMainBtn" @click="addCategoryList(scope.row)"><i class="el-icon-document-add"></i>添加
-                  </div>
+                  <div class="listDeleteBtn" @click="deleteData(scope.row.id, tableData)"><i class="el-icon-delete"></i>删除</div>
+                  <div class="listEditBtn" @click="getDataMain(scope.row.id, tableData)"><i  class="el-icon-edit-outline"></i>编辑</div>
+                  <div class="listMainBtn" @click="addCategoryList(scope.row)"><i class="el-icon-document-add"></i>添加</div>
                 </div>
                 <!-- <el-button @click.native.prevent="deleteData(scope.row.id, tableData)" type="text" size="small">删除</el-button>
                 <el-button @click.native.prevent="getDataMain(scope.row.id, tableData)" type="text" size="small">编辑</el-button> -->
@@ -84,8 +85,7 @@
       <el-form :model="form" ref="form" :rules="formRules" autocomplete="off" label-position="left">
         <div class="formDiv">
           <el-form-item label="栏目名称：" :label-width="formLabelWidth" prop="name" class="custom-align-right">
-            <el-input v-model="form.name" autocomplete="off" placeholder="请输入栏目名称"
-              :disabled="editId ? true : false"></el-input>
+            <el-input v-model="form.name" autocomplete="off" placeholder="请输入栏目名称"></el-input>
             <el-checkbox v-model="show_url" @change="ifUrl">引用外链</el-checkbox>
           </el-form-item>
           <div v-if="show_url == 1">
@@ -117,30 +117,6 @@
             <el-form-item label="父级栏目：" :label-width="formLabelWidth" class="custom-align-right">
               <el-cascader :key="parentKey" v-model="form.pid_arr" placeholder="请选择要绑定的父级栏目" :props="parentData"
                 filterable clearable></el-cascader>
-            </el-form-item>
-            <el-form-item label="栏目类型：" :label-width="formLabelWidth" prop="type" class="custom-align-right">
-              <template #label>
-                <span class="askBox">
-                  栏目类型：
-                  <el-tooltip class="item" effect="dark" content=" 选择类型提交后不可更改，请谨慎考虑后提交！" placement="top">
-                    <i class="el-icon-question"></i>
-                  </el-tooltip>
-                </span>
-              </template>
-
-              <el-radio-group v-model="form.type" size="small" :disabled="editId ? true : false">
-                <el-radio-button label="1">资讯</el-radio-button>
-                <el-radio-button label="2">商品</el-radio-button>
-                <el-radio-button label="3">书刊音响</el-radio-button>
-                <el-radio-button label="4">招聘</el-radio-button>
-                <el-radio-button label="5">求职</el-radio-button>
-              </el-radio-group>
-              <!-- 选择类型提交后不可更改，请谨慎考虑后提交！ 提示词 -->
-              <div style="color: brown;">
-                选择类型提交后不可更改，请谨慎考虑后提交!
-              </div>
-
-
             </el-form-item>
             <el-form-item label="栏目标题：" :label-width="formLabelWidth" prop="seo_title" class="custom-align-right">
               <template #label>
@@ -208,7 +184,7 @@ export default {
     InputTag
   },
   data() {
-
+   
     //0.全局操作 start ------------------------------------------------------------>
     //表单验证
     const validateEmpty = (rule, value, callback) => {
@@ -339,7 +315,6 @@ export default {
         seo_title: "",//标题
         seo_keywords: "",//关键词
         seo_description: "",//描述
-        type: 1,//栏目类型
         pid_arr: []//父级栏目
       },
       //4.2表单验证规则
@@ -414,34 +389,41 @@ export default {
       parentData: {
         checkStrictly: true,
         lazy: true,
-        async lazyLoad(node, resolve) {
-          const { level, data } = node;
-          if (data && data.children && data.children.length !== 0) {
-            return resolve(node)
-          }
-          console.log(level)
-          let parentId = level == 0 ? 0 : data.value
-          let parames = {
-            'pid': parentId
-          }
-          self.$store.dispatch('pool/categoryList', parames).then(res => {
+        // Use an arrow function to maintain the correct `this` context
+        lazyLoad: async (node, resolve) => {
+          try {
+            const { level, data } = node;
+            if (data && data.children && data.children.length !== 0) {
+              return resolve(node);
+            }
+            const parentId = level === 0 ? 0 : data.value;
+            const parames = {
+              pid: parentId
+            };
+            // Now `this` refers to the Vue instance
+            const res = await this.$store.dispatch('pool/categoryList', parames);
             if (res.data) {
               const nodes = res.data.map(item => ({
                 value: item.id,
                 label: item.name,
                 leaf: level >= 3,
                 children: []
-              }))
-              resolve(nodes)
+              }));
+              resolve(nodes);
+            } else {
+              resolve([]);
             }
-          })
+          } catch (error) {
+            console.error('Failed to load parent category data:', error);
+            resolve([]);
+          }
         }
       },
       //弹出框中的表单设置 end ------------------------------------------------------------>
     }
   },
   methods: {
-    onInputClear() {
+    onInputClear(){
       this.isExpandAll = false;
       this.getData();
     },
@@ -449,10 +431,10 @@ export default {
     //1.列表和分页相关 start ------------------------------------------------------------>
     //1.1 开始请求列表信息方法
     getData(type) {
-      if (type == 'search') {
-        this.getApiData.page = 1
+      if(type=='search'){
+        this.getApiData.page=1
         this.isExpandAll = true;
-      } else {
+      }else{
         this.isExpandAll = false;
       }
       //搜索条件
@@ -465,7 +447,7 @@ export default {
       //   this.getApiData.city_id = this.getApiData.city_id[this.getApiData.city_id.length - 1];
       // }
       //如果是搜索，重新加载第一页
-
+  
       this.$store.dispatch('pool/getCategoryList', this.getApiData).then(res => {
         // console.log("=============:",res.data)
         this.tableData = res.data.rows; //��与内容
@@ -549,25 +531,28 @@ export default {
     },
     //2.1.1 添加栏目池
     addCategoryList(row) {
-      this.form.pid_arr = [];
+      this.form.pid_arr =[];
       this.show_url = false;
       // this.form.is_url = 0;
       this.editId = 0;
       this.editBtn = false;
       this.tags = []
-      if (row) {
-        if (row.pid == 0) {
+      if(row){
+        if(row.pid==0){
+          console.log("ceshi:::",row.id)
           this.form.pid_arr.push(row.id)
-        } else {
+        }else{
           let pidArr = [];
           // console.log("fuck:",row.pid_arr);
-          pidArr = JSON.parse(row.pid_arr)
+          pidArr =  JSON.parse(row.pid_arr)
+          console.log("ceshi:::###",pidArr,row.id)
           pidArr.push(row.id)
           this.form.pid_arr = pidArr
           // console.log('追加id：',this.form.pid_arr)
         }
       }
-      // console.log("=========:", this.form.pid_arr)
+      // console.log(this.form.pid_arr)
+      console.log("=========:", this.form.pid_arr)
       this.openWindow();
     },
     //2.2 关闭弹出框
@@ -581,7 +566,6 @@ export default {
         // this.form.department_arr_id = [];
         // this.form.city_arr_id = [];
         this.form.pid_arr = [];
-        this.form.type = 1;
       }
       if (type == 2) { //type2 全部清理
         this.form.name = "";
@@ -594,7 +578,6 @@ export default {
         this.form.seo_keywords = "";
         this.form.seo_description = "";
         this.form.pid_arr = [];
-        this.form.type = 1;
         //存在验证的时候再清理
         if (this.$refs.form && this.$refs.form.fields.some(field => field.validateState === 'error')) {
           this.$refs.form.clearValidate();
@@ -695,7 +678,6 @@ export default {
         this.form.seo_keywords = res.data.seo_keywords;
         this.tags = res.data.seo_keywords ? res.data.seo_keywords.split(',') : [];
         this.form.seo_description = res.data.seo_description;
-        this.form.type = res.data.type;
 
         //回显排序
         this.form.sort = res.data.sort;
@@ -785,7 +767,6 @@ export default {
 ::v-deep .highlight {
   background-color: yellow;
 }
-
 //表单微调 start------------------------------------------------------------>*/
 ::v-deep .custom-form-item>.el-form-item__label {
   line-height: 140px !important;
@@ -800,44 +781,43 @@ export default {
   text-align: right;
   /* 设置标签文字右对齐 */
 }
-
 .collector {
-  margin-left: 0px;
-  padding-left: 0px;
-  margin-right: 20px;
-  width: 76px;
-  height: 36px;
-  line-height: 36px;
-  position: relative;
-
-  .collectorIcon {
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    background: url("../../assets/advertise/Graph.png");
-    vertical-align: middle;
-    margin-right: 6px;
-  }
+        margin-left: 0px;
+        padding-left: 0px;
+        margin-right: 20px;
+        width: 76px;
+        height: 36px;
+        line-height: 36px;
+        position: relative;
+
+        .collectorIcon {
+            display: inline-block;
+            width: 20px;
+            height: 20px;
+            background: url("../../assets/advertise/Graph.png");
+            vertical-align: middle;
+            margin-right: 6px;
+        }
 
-  .collectorIcon1 {
-    position: absolute;
-    top: 12px;
-    left: 8px;
-  }
+        .collectorIcon1 {
+            position: absolute;
+            top: 12px;
+            left: 8px;
+        }
 
-}
+    }
 
 
-.collector {
-  text-align: center;
-  border-radius: 8px;
-  cursor: pointer;
-  color: #519C66;
-  background-color: rgba(81, 156, 102, 0.16);
-
-  >i {
-    padding-right: 8px;
-  }
-}
+    .collector {
+        text-align: center;
+        border-radius: 8px;
+        cursor: pointer;
+        color: #519C66;
+        background-color: rgba(81, 156, 102, 0.16);
+
+        >i {
+            padding-right: 8px;
+        }
+    }
 
 //表单微调 end------------------------------------------------------------>*/</style>