book

src/api/news.js

@@ -307,6 +307,52 @@ export function deleteComplaint(data) {
   })
 }
 //20250324  通知，公告，消息
+ //20250422  书刊音像
+
+export function getBookList(data) {
+  return request({
+    url: '/news/getBookList',
+    method: 'post',
+    data:data 
+  })
+}
+export function addBook(data) {
+  return request({
+    url: '/news/addBook',
+    method: 'post',
+    data:data 
+  })
+}
+export function deleteBook(data) {
+  return request({
+    url: '/news/deleteBook',
+    method: 'post',
+    data:data  
+  })
+}
+export function getBookInfo(data) {
+  return request({
+    url: '/news/getBookInfo',
+    method: 'post',
+    data:data 
+  })
+}
+export function updateBook(data) {
+  return request({
+    url: '/news/updateBook',
+    method: 'post',
+    data:data 
+  })
+
+}
+export function updateBookStatus(data) {
+  return request({
+    url: '/news/updateBookStatus',
+    method: 'post',
+    data:data 
+  })
+}
+  //20250422  书刊音像
 //招聘列表 start  fr ------------------------------------->
 
 //1.获取职位列表

src/router/index.js

@@ -683,7 +683,55 @@ export const constantRoutes = [
     ]
 
   },
-      
+  {
+    path: '/addBook',
+    component: Layout,
+    children: [
+      {
+        name: '',
+        path: '',
+        component: () => import('@/views/news/addBook'),
+        meta: {
+          title: '添加书刊音像',
+          hidden: true,
+          breadcrumb: true
+        }
+      }
+    ]
+  },
+  {
+    path: '/bookList',
+    component: Layout,
+    children: [
+      {
+        name: '',
+        path: '',
+        component: () => import('@/views/news/bookList'),
+        meta: {
+          title: '添加书刊音像',
+          hidden: true,
+          breadcrumb: true
+        }
+      }
+    ]
+  }, 
+  {
+    path: '/bookListApply',
+    component: Layout,
+    children: [
+      {
+        name: '',
+        path: '',
+        component: () => import('@/views/news/bookListApply'),
+        meta: {
+          title: '添加书刊音像',
+          hidden: true,
+          breadcrumb: true
+        }
+      }
+    ]
+  },   
+
   // ----------liuj------------
 
   {

src/store/modules/news.js

@@ -6,6 +6,7 @@ import { getArticleList, addArticle, delArticle, getArticleInfo, updateArticle,
   getComplaintInfo, updateComplaint, deleteComplaint,  addComplaint1,    getMSG,  getNoticeList, getNoticeInfo, addNotice, updateNotice, deleteNotice,
   updateGoodStatus, updateJobHuntingStatus, updateNoticeStatus, updateComplaintStatus,getDUser,
   getJobRecruitingList, addJobRecruiting,getJobRecruitingInfo, upJobRecruiting, delJobRecruiting,getIndustry, getJobCompany, upJobCompany, getPositionList, getJobRecruitingArea, getJobNature, getExperience, getEducation, getSalary, getLanguage, getLevel, getCompanySize, getCompanyNature,checkJobRecruiting,
+  getBookList, getBookInfo, addBook, deleteBook, updateBook, updateBookStatus  
 } from '@/api/news'
 
 const state = {
@@ -463,6 +464,62 @@ const actions = {
     })
   },
   //20250324  通知，公告，消息
+   //20250422  书刊音像
+   getBookList({commit},data) {
+    return new Promise((resolve, reject) => {
+      getBookList(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  getBookInfo({commit},data) {
+    return new Promise((resolve, reject) => {
+      getBookInfo(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  addBook({commit},data) {
+    return new Promise((resolve, reject) => {
+      addBook(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  deleteBook({commit},data) {
+    return new Promise((resolve, reject) => {
+      deleteBook(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  updateBook({commit},data) {
+    return new Promise((resolve, reject) => {
+      updateBook(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+  updateBookStatus({commit},data) {
+    return new Promise((resolve, reject) => {
+      updateBookStatus(data).then(response => {
+        resolve(response)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+    //20250422  书刊音像
   //招聘列表 start  fr ------------------------------------->
   //1.获取职位列表
   getJobRecruitingList({commit},data) {

src/views/news/addBook.vue

@@ -0,0 +1,738 @@
+<template>
+
+
+  <div class="mainBox">
+    <div class="layerBox">
+      <tableTitle :name="tableDivTitle" />
+      <el-form :model="form" ref="form" :rules="formRules" label-position="left" label-width="120px">
+        <div class="formDiv">
+
+          <el-form-item label="站点名称：" prop="website_id" class="custom-align-right" v-if="userType == 10000">
+            <el-select v-model="form.website_id" placeholder="请选择站点名称" filterable clearable>
+              <el-option v-for="item in websiteOptions" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="展示名称：" prop="cat_arr_id" class="custom-align-right">
+            <el-cascader :key="parentKey" v-model="form.cat_arr_id" placeholder="请选择要绑定的展示名称" :props="parentData"
+              filterable clearable></el-cascader>
+          </el-form-item>
+          <el-form-item label="书刊音像标题：" prop="title" class="custom-align-right">
+            <el-input v-model="form.title" autocomplete="off" placeholder="请输入书刊音像标题"></el-input>
+          </el-form-item>
+          <el-form-item label="行政区划：" prop="city_arr_id" class="custom-align-right">
+            <el-cascader :key="cascaderKey" v-model="form.city_arr_id" placeholder="请选择行政区划" :props="cityData"
+              filterable clearable></el-cascader>
+          </el-form-item>
+          <!-- <el-form-item label="行政职能：" prop="department_arr_id" class="custom-align-right">
+            <el-cascader :key="searchDepartmentKey" v-model="form.department_arr_id" placeholder="请选择行政职能"
+              popper-class="my_cascader" :props="searchDepartmentData" filterable clearable></el-cascader>
+          </el-form-item> -->
+
+          <el-form-item label="市场价：" prop="price" class="custom-align-right">
+            <el-input type="number" v-model="form.price" autocomplete="off" placeholder="请输入商品单价">
+              <template #suffix>
+                元
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form-item label="现售价：" prop="market_price" class="custom-align-right">
+            <el-input type="number" v-model="form.market_price" autocomplete="off" placeholder="请输入现售价">
+              <template #suffix>
+                元
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form-item label="页数" prop="page" class="custom-align-right">
+            <el-input type="number" v-model="form.page" autocomplete="off" placeholder="请输入页数">
+            </el-input>
+          </el-form-item>
+
+          <el-form-item label="开本" prop="format" class="custom-align-right">
+            <el-input v-model="form.format" autocomplete="off" placeholder="请输入开本">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="纸张" prop="paper" class="custom-align-right">
+            <el-input v-model="form.paper" autocomplete="off" placeholder="请输入纸张">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="包装" prop="package" class="custom-align-right">
+            <el-input v-model="form.package" autocomplete="off" placeholder="请输入包装">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="出版社" prop="publishing_house" class="custom-align-right">
+            <el-input v-model="form.publishing_house" autocomplete="off" placeholder="请输入出版社">
+            </el-input>
+          </el-form-item>
+
+          <el-form-item label="出版时间：" prop="publish_" class="custom-align-right">
+            <el-date-picker v-model="form.publish_time" placeholder="请选择出版时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="ISBN" prop="ISBN" class="custom-align-right">
+            <el-input v-model="form.ISBN" autocomplete="off" placeholder="请输入ISBN">
+            </el-input>
+          </el-form-item>
+
+          <el-form-item label="国内统一刊号CN" prop="CN" class="custom-align-right">
+            <el-input v-model="form.CN" autocomplete="off" placeholder="请输入国内统一刊号CN">
+            </el-input>
+          </el-form-item>
+          <el-form-item label="缩略图：" class="custom-align-right" prop="">
+            <div class="uploaderBox" @mouseenter="hovering = true" mouseleave="hovering = false">
+              <el-upload class="avatar-uploader" action="#" :show-file-list="false" :before-upload="beforeAvatarUpload">
+                <!-- 预览图片 -->
+                <img v-if="img_url" :src="img_url" class="avatar">
+                <div v-else class="chooseImgDiv">
+                  <div>
+                    <img src="@/assets/public/upload/noImage.png">
+                    <div>选择图片</div>
+                  </div>
+                </div>
+              </el-upload>
+              <input type="hidden" v-model="form.img_url">
+              <span class="photo_tips">推荐图片长宽比例为 16:9，大小不能超过 500 K。</span>
+              <div v-if="hovering && img_url" class="delete-button" @click="handleDelete">
+                <i class="el-icon-delete"></i>
+              </div>
+            </div>
+          </el-form-item>
+
+
+          <el-form-item label="商品关键词：" prop="keyword" 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>
+            <tagInput :initialTags="tags" @tags-updated="updateTags"></tagInput>
+          </el-form-item>
+
+
+
+          <el-form-item label="商品描述：" prop="description" class="custom-align-right">
+            <el-input v-model="form.description" maxlength="300" autocomplete="off" placeholder="请输入商品描述"
+              type="textarea" :rows="10"></el-input>
+          </el-form-item>
+          <el-form-item label="详情说明：" prop="detail" class="custom-align-right">
+            <!--这里是富文本-->
+            <myEditor ref="myEditor" v-model="form.detail"></myEditor>
+          </el-form-item>
+
+
+
+
+        </div>
+      </el-form>
+    </div>
+    <div class="bottomBtnBox" v-if="readStatus == false">
+      <el-button type="info" @click="returnPage">返回</el-button>
+      <el-button type="primary" @click="editToServe" v-if="editStatus == true">确定</el-button>
+      <el-button type="primary" @click="addToServe" v-else>发布书刊音像</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+//表格标题
+import tableTitle from './components/tableTitle';
+//引入公用样式
+import '@/styles/global.less';
+//引入富文本编辑器
+import myEditor from '../../components/edit/myEditor.vue';
+//引入tag标签组件
+import tagInput from '../../components/InputTag/index.vue';
+
+//格式化时间
+import { formatLocalDate } from '@/utils/public';
+
+export default {
+  components: {
+    tableTitle,
+    myEditor,
+    tagInput
+  },
+  data() {
+    //0.全局操作 start ------------------------------------------------------------>
+    //表单验证
+    const validateNull = (rule, value, callback) => {
+      console.log(value, '-------------------------------')
+      if (value == '' || value == undefined || value == null) {
+        callback(new Error('该项不能为空！'))
+      } else {
+        callback()
+      }
+    }
+    const validateEmpty = (rule, value, callback) => {
+      console.log(value, '-------------------------------')
+      if (value.length == 0) {
+        callback(new Error('该项不能为空！'))
+      } else {
+        callback()
+      }
+    }
+    const validateArray = (rule, value, callback) => {
+      if (value.length == 0) {
+        callback(new Error('该项不能为空！'))
+      } else {
+        callback()
+      }
+    }
+    let self = this;
+    //0.全局操作 end ------------------------------------------------------------>
+    return {
+      websiteOptions: [], //网站列表
+      formLabelWidth: '80px',//表单的长度
+      //1.表单项 start ------------------------------------------------------------>
+      editStatus: false,
+      readStatus: false,
+      tableDivTitle: "添加书刊音像举报",
+      searchCascaderKey: 0, //列表缓存key
+      hovering: false, // 鼠标悬浮状态 悬浮时显示删除
+      website_id: 2,
+      file: '',
+      userType: 1, //用户类型 1：普通用户，
+      img_url: '', //图片路径
+      pickerOptions: {
+        selectableRange: '1900-01-01 to 2100-12-31', // 允许选择的日期范围
+      },
+      tags: [], // 存储标签的数q
+
+      //提交表单
+      form: {
+        //1.1使用了外链
+        title: '',//书刊音像举报标题
+        price: '',//市场价
+        market_price: '',//现售价
+        page: '',//页数
+        format: '',//开本
+        paper: '',//纸张
+        package: '',//包装
+        publishing_house: '',//出版社
+        publish_time: '',//出版时间
+        ISBN: '',//ISBN
+        CN: '',//国内统一刊号CN
+        img_url: '',//缩略图路径
+        city_arr_id: [],//行政区划
+        city_id: '',//城市id
+        detail: "",
+        // department_arr_id: [],//部门id
+        // department_id: '',//部门id
+        website_id: 1,//网站id
+        cat_arr_id: [],//导航池id
+        cat_id: '',//导航池id
+        description: '',//商品描述
+        keyword: [],//商品关键词
+      },
+      //1.2 表单验证规则
+      formRules: {
+        title: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        type: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        city_arr_id: [{ required: true, trigger: 'blur', validator: validateArray }],
+        // department_arr_id: [{ required: true, trigger: 'blur', validator: validateArray }],
+        address: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        website_id: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+        cat_arr_id: [{ required: true, trigger: 'blur', validator: validateArray }],
+      },
+      //1.3富文本编辑器配置
+      showHtml: false, //用于保存源码内容
+      editorHtml: '',
+      cascaderKey: 0,//弹窗用的key
+      websiteData: {
+        lazy: true,
+        checkStrictly: 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 = {
+            'page': 1,
+            'pageSize': 1000,
+          }
+          self.$store.dispatch('news/websiteList', parames).then(res => {
+            if (res.data) {
+              const nodes = res.data.rows.map(item => ({
+                value: item.id,
+                label: item.website_name,
+                leaf: level >= 3,
+                children: []
+              }))
+              console.log(nodes, 'leaf')
+              resolve(nodes)
+            }
+          })
+        },
+      },
+
+      cityData: {
+        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, '====level-----')
+          let parentId = level == 0 ? 0 : data.value
+          let parames = {
+            'pid': parentId
+          }
+          self.$store.dispatch('pool/getcityList', parames).then(res => {
+            if (res.data) {
+              const nodes = res.data.map(item => ({
+                value: item.id,
+                label: item.name,
+                leaf: level >= 3,
+                children: []
+              }))
+              resolve(nodes)
+            }
+          })
+        }
+      },
+
+
+      //获取父级导航池
+      parentKey: 0,//获取父级导航
+      parentData: {
+        checkStrictly: true,
+        lazy: true,
+        async lazyLoad(node, resolve) {
+          console.log(resolve, 'node')
+          const { level, data } = node;
+          if (data && data.children && data.children.length !== 0) {
+            return resolve(node)
+          }
+          console.log(level, 'level--1--');
+          let pid = level == 0 ? 0 : data.value
+          let website_id = self.form.website_id == '' ? 2 : self.form.website_id;
+          console.log(website_id, 'website_id--111-----');
+          let parames = {
+            'website_id': website_id,
+            'pid': pid
+          }
+          self.$store.dispatch('news/getWebsiteNavList', parames).then(res => {
+            if (res.data) {
+              const nodes = res.data.map(item => ({
+                value: item.category_id,
+                label: item.name,
+                leaf: level >= 3,
+                children: []
+              }))
+              resolve(nodes)
+            } else {
+              //输出报错原因
+              console.log(res.msg, 'getWebsiteNavList--1--');
+
+            }
+          })
+        }
+      },
+      //行政职能部门
+      searchDepartmentKey: 0, //列表缓存key
+      searchDepartmentData: {
+        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/getDepartment', parames).then(res => {
+            if (res.data) {
+              const nodes = res.data.map(item => ({
+                value: item.id,
+                label: item.name,
+                leaf: level >= 3,
+                children: []
+              }))
+              resolve(nodes)
+            }
+          })
+        }
+      },
+      inputList: [
+        { value: '' }
+      ]
+      //表单项 end ------------------------------------------------------------>
+    };
+  },
+  methods: {
+    //获取行政人员
+    async fetchWebsiteOptions() {
+      try {
+        const response = await this.$store.dispatch('news/websiteList', { page: 1, pageSize: 1000 });
+        if (response && response.data) {
+          this.websiteOptions = response.data.rows.map(item => ({
+            value: item.id,
+            label: item.website_name,
+          }));
+        }
+      } catch (error) {
+        console.error('获取网站列表失败:', error);
+      }
+    },
+    //获取用户身份信息
+    getUserInfo() {
+      this.$store.dispatch('public/getInfo').then(res => {
+        console.log(res)
+        this.userType = res.data.type_id;
+
+        //个人会员=1 政务会员=2 企业会员=3 调研员=4 管理员=10000 游客=20000
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '网络错误，请重试！'
+        });
+      })
+    },
+    //1.提交表单 start ------------------------------------------------------------>
+    beforeAvatarUpload(file) {
+      const isJPG = file.type === 'image/jpeg';
+      const isPNG = file.type === 'image/png';
+      const isLt2M = file.size / 1024 / 1024 < 2;
+      if (!isJPG && !isPNG) {
+        this.$message.error('上传缩略图只能是 JPG 或 PNG 格式!');
+        return false;
+      }
+      if (!isLt2M) {
+        this.$message.error('上传缩略图大小不能超过 2MB!');
+        return false;
+      }
+      const formData = new FormData();
+      formData.append('file', file);
+      this.$store.dispatch('pool/uploadFile', formData).then(res => {
+        this.img_url = res.data.imgUrl;//显示缩略图
+        this.form.img_url = res.data.imgUrl;//提供表单地址
+        console.log(res.data.imgUrl)
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '网络错误，请重试！'
+        });
+      })
+      // 阻止默认的上传行为
+      return false;
+    },
+    deleteImage(index) { // 删除图片
+      this.file.splice(index, 1);
+    },
+    //1.2 提交表单
+    addToServe() {
+      //先进行验证
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          if (this.form.publish_time) {
+            this.form.publish_time = formatLocalDate(this.form.publish_time);
+          }
+          // if (this.form.department_arr_id.length == 0) {
+          //   this.form.department_id = 0;
+          // }
+          if (this.form.city_arr_id.length == 0) {
+            this.form.city_id = 0;
+          }
+          if (this.form.cat_arr_id.length == 0) {
+            this.form.cat_id = 0;
+          }
+          if (typeof this.form.city_arr_id == 'object') {
+            this.form.city_id = this.form.city_arr_id.at(-1) || 0;
+          }
+          if (typeof this.form.department_arr_id == 'object') {
+            this.form.department_id = this.form.department_arr_id.at(-1) || 0;
+          }
+          if (typeof this.form.cat_arr_id == 'object') {
+            this.form.cat_id = this.form.cat_arr_id.at(-1) || 0;
+          }
+          if (this.userType == 10000) {
+            this.form.status = 2
+          } else {
+            this.form.status = 1
+          }
+          this.form.price == '' ? this.form.price = 0 : this.form.price = this.form.price;
+          this.form.market_price == '' ? this.form.market_price = 0 : this.form.market_price = this.form.market_price;
+          this.form.page == '' ? this.form.page = 0 : this.form.page = this.form.page;
+          this.$store.dispatch('news/addBook', this.form).then(res => {
+            if (res.code == 200) {
+              //汇报结果
+              this.$message({
+                type: 'success',
+                message: '已成功添加书刊音像举报！'
+              });
+              this.cleatForm();
+              //返回列表页
+              this.returnPage()
+            } else {
+              this.$message({
+                type: 'error',
+                message: "书刊音像举报发布失败，请稍后再试！"
+              });
+            }
+          })
+        }
+      })
+    },
+    formatDate(date) {
+      if (date instanceof Date) {
+        return date.toISOString().slice(0, 19).replace('T', ' ');
+      } else if (typeof date === 'string') {
+        // 将 ISO 8601 格式的字符串转换为 MySQL 期望的格式
+        const parsedDate = new Date(date);
+        return parsedDate.toISOString().slice(0, 19).replace('T', ' ');
+      } else {
+        return date;
+      }
+    },
+    //1.3 清理表单
+    cleatForm() {
+    },
+    //提交表单 end ------------------------------------------------------------>
+
+    //2.跳转操作 start ------------------------------------------------------------>
+    returnPage() {
+      this.$router.push({
+        path: '/bookList',
+      });
+    },
+    //跳转操作 end ------------------------------------------------------------>
+
+    //3.回显操作 ------------------------------------------------------------>
+    //3.1回显数据
+    getMainData() {
+      let data = {
+        id: this.$route.query.id
+      };
+      this.$store.dispatch('news/getBookInfo', data).then(res => {
+        console.log(res);
+        this.form.name = res.data.name;
+        // 回显导航池
+        this.form.cat_arr_id = Array.isArray(res.data.cat_arr_id) ? res.data.cat_arr_id : JSON.parse(res.data.cat_arr_id);
+        this.form.city_arr_id = Array.isArray(res.data.city_arr_id) ? res.data.city_arr_id : JSON.parse(res.data.city_arr_id);
+        this.parentKey += 1; // 触发级联选择器重新加载
+        this.loadCascaderPath(this.form.cat_arr_id); // 加载路径数据
+        //回显推荐等级
+        this.form.title = res.data.title;
+        this.form.website_id = res.data.website_id;
+        // this.form.department_arr_id = Array.isArray(res.data.department_arr_id) ? res.data.department_arr_id : JSON.parse(res.data.department_arr_id);
+        this.form.city_id = res.data.city_id;
+        this.form.department_id = res.data.department_id;
+        this.form.cat_id = res.data.cat_id == '' ? 0 : res.data.cat_id;
+        this.form.img_url = res.data.img_url;
+        this.img_url = res.data.img_url;
+        this.form.price = res.data.price == '' ? 0 : res.data.price;
+        this.form.market_price = res.data.market_price == '' ? 0 : res.data.market_price;
+        this.form.page = res.data.page == '' ? 0 : res.data.page;
+        this.form.format = res.data.format;
+        this.form.paper = res.data.paper;
+        this.form.package = res.data.package;
+        this.form.publishing_house = res.data.publishing_house;
+        this.form.ISBN = res.data.ISBN;
+        this.form.CN = res.data.CN;
+        this.form.description = res.data.description;
+        this.form.detail = res.data.detail;
+        this.tags = res.data.keyword ? res.data.keyword.split(",") : [];
+        this.form.keyword = res.data.keyword;
+        this.form.publish_time = res.data.publish_time;
+        // this.form.re_user_ids = Array.isArray(res.data.re_user_ids) ? res.data.re_user_ids : JSON.parse(res.data.re_user_ids);
+      })
+    },
+    async loadCascaderPath(path) {
+      for (let i = 0; i < path.length; i++) {
+        const parentId = path[i - 1] || 0; // 获取当前层级的父级ID
+        const level = i; // 当前层级的索引
+        // self.$store.dispatch('news/getWebsiteNavList', parames).then(res => {
+        //     if (res.data) {
+        //       const nodes = res.data.map(item => ({
+        //         value: item.category_id,
+        //         label: item.name,
+        //         leaf: level >= 3,
+        //         children: []
+        //       }))
+        //       resolve(nodes)
+        await this.$store.dispatch('pool/categoryList', { pid: parentId })
+          .then((res) => {
+            const nodes = res.data.map(item => ({
+              value: item.id,
+              label: item.name,
+              leaf: level >= 3, // 假设4层结构，设置叶子节点标记
+            }));
+            // 级联选择器加载数据
+            if (level === path.length - 1) {
+              this.form.cat_arr_id = path; // 确保最后一级路径正确设置
+              this.parentKey += 1; // 强制刷新 cascader
+            }
+          });
+      }
+    },
+    //1.3提交修改
+    editToServe() {
+      console.log(this.form)
+      //添加要修改的id
+      this.form.id = this.editId;
+      //先进行验证
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          if (this.form.publish_time) {
+            this.form.publish_time = formatLocalDate(this.form.publish_time);
+          }
+          // if (this.form.department_arr_id.length == 0) {
+          //   this.form.department_id = 0;
+          // }
+          if (this.form.city_arr_id.length == 0) {
+            this.form.city_id = 0;
+          }
+          if (this.form.cat_arr_id.length == 0) {
+            this.form.cat_id = 0;
+          }
+          if (typeof this.form.city_arr_id == 'object') {
+            this.form.city_id = this.form.city_arr_id.at(-1) || 0;
+          }
+          if (typeof this.form.department_arr_id == 'object') {
+            this.form.department_id = this.form.department_arr_id.at(-1) || 0;
+          }
+          if (typeof this.form.cat_arr_id == 'object') {
+            this.form.cat_id = this.form.cat_arr_id.at(-1) || 0;
+          }
+          if (this.userType == 10000) {
+            this.form.status = 2
+          } else {
+            this.form.status = 1
+          }
+          this.form.price == '' ? this.form.price = 0 : this.form.price = this.form.price;
+          this.form.market_price == '' ? this.form.market_price = 0 : this.form.market_price = this.form.market_price;
+          this.form.page == '' ? this.form.page = 0 : this.form.page = this.form.page;
+
+          this.$store.dispatch('news/updateBook', this.form).then(res => {
+            if (res.code != 200) {
+              this.$message.error("修改失败，请稍后再试！");
+            } else {
+              //汇报结果
+              this.$message({
+                type: 'success',
+                message: '已成功编辑书刊音像举报！'
+              });
+              this.cleatForm();
+              //返回列表页
+              this.returnPage()
+            }
+          }).catch(() => {
+            this.$message({
+              type: 'info',
+              message: '网络错误，请重试！'
+            });
+          })
+        }
+      })
+    },
+    //商品关键词
+    updateTags(newTags) {
+      this.tags = newTags;
+      this.form.keyword = newTags.join(',');
+    },
+    handleDelete() {
+      // 删除图片
+      this.img_url = ''; // 清空图片 URL
+      this.form.img_url = ''; // 清空表单中的图片 URL
+    },
+
+  },
+  watch: {
+
+    '$route'(to, from) {
+      console.log(from, '---------------------------------------');
+      // 监听路由参数中的 id 变化，若变化则更新页面状态并获取数据
+      if (to.query.id) {
+        this.getMainData();
+      }
+    },
+    //website_id
+    'form.website_id'(newVal, oldVal) {
+      if (newVal != oldVal) {
+        this.parentKey += 1; // 触发级联选择器重新加载
+      }
+    }
+
+  },
+  mounted() {
+    //1.判断是新建还是回显
+    if (this.$route.query.id != undefined) {
+      this.editId = this.$route.query.id;
+      this.editStatus = true;
+      this.tableDivTitle = "编辑书刊音像举报";
+      console.log("编辑书刊音像举报")
+      this.getMainData();
+    } else {
+      this.editStatus = false;
+      console.log("添加书刊音像举报！")
+    }
+    if (this.$route.query.read == 1) {
+      this.readStatus = true;;
+    } else {
+      this.readStatus = false;
+    }
+    this.fetchWebsiteOptions();
+    this.getUserInfo();
+
+    //复制内容到富文本 start ------------------------------------------------------------>
+    //复制富文本 end ------------------------------------------------------------>
+  },
+};
+</script>
+<style scoped lang="less">
+//执行v-deep穿透scope选择器 start------------------------------------------------------------>*/
+::v-deep .custom-form-item>.el-form-item__label {
+  line-height: 140px !important;
+}
+
+::v-deep .custom-textarea .el-textarea__inner {
+  resize: none;
+  /* 禁止用户拖拽调整大小 */
+}
+
+::v-deep .custom-align-right .el-form-item__label {
+  text-align: right;
+  /* 设置标签文字右对齐 */
+}
+
+::v-deep .el-select {
+  width: 100%;
+  /* 禁止用户拖拽调整大小 */
+}
+
+::v-deep .el-input-group__prepend {
+  color: black !important;
+}
+
+.formLabelFloatBox {
+  margin-bottom: 10px;
+  position: relative;
+
+  .formLabeladdIcon {
+    position: absolute;
+    right: 45px;
+    top: 5px;
+    width: 38px;
+    height: 24px;
+  }
+
+  .formLabelDelIcon {
+    position: absolute;
+    right: 5px;
+    top: 5px;
+    width: 38px;
+    height: 24px;
+  }
+}
+
+//执行v-deep穿透scope选择器 end------------------------------------------------------------>*/</style>

src/views/news/addGood.vue

@@ -233,7 +233,7 @@ export default {
       // imgurl: ['http://192.168.1.127:9501/image/20250227/1740674706184955.jpg', 'http://192.168.1.127:9501/image/20250227/1740674706184955.jpg'],//图片路径
       website_id: "",
       tags: [],//标签数组
-
+      imgUrl: [],//图片数组
       //提交表单
       form: {
         //1.1使用了外链
@@ -480,7 +480,6 @@ export default {
         if (this.userType != 10000) {
           this.form.website_id = getWebSiteId()
         }
-
         //if(res.data.type_id==10000){}//管理员
         //if(res.data.type_id==4){}//调研员
         //个人会员=1 政务会员=2 企业会员=3 调研员=4 管理员=10000 游客=20000
@@ -573,7 +572,6 @@ export default {
             console.log("用户身份为其他用户,提交到审核!")
             this.form.status = 1;
           }
-          return;
           this.$store.dispatch('news/addGood', this.form).then(res => {
             if (res.code == 200) {
               //汇报结果

src/views/news/addNcomplaint.vue

@@ -138,6 +138,7 @@ export default {
     let self = this;
     //0.全局操作 end ------------------------------------------------------------>
     return {
+      hovering: false, // 鼠标悬浮状态 悬浮时显示删除
       formLabelWidth: '80px',//表单的长度
       //1.表单项 start ------------------------------------------------------------>
       editStatus: false,

src/views/news/addNotice.vue

@@ -127,6 +127,7 @@ export default {
     let self = this;
     //0.全局操作 end ------------------------------------------------------------>
     return {
+      hovering: false, // 鼠标悬浮状态 悬浮时显示删除
       formLabelWidth: '80px',//表单的长度
       //1.表单项 start ------------------------------------------------------------>
       editStatus: false,

src/views/news/bookList.vue

@@ -0,0 +1,255 @@
+<template>
+  <div class="mainBox">
+    <!--搜索功能 start------------------------------------------------------------>
+    <div class="layerBox_search">
+      <div class="layerBoxLine">
+        <el-row>
+
+          <el-col :span="6">
+            <div class="searchBox">
+              <div class="searchTitle">标题名称：</div>
+              <el-input placeholder="请输入标题名称" autocomplete="off" v-model="getApiData.title" />
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="searchBox">
+              <div class="searchTitle">网站名称：</div>
+              <el-input placeholder="请输入网站名称" autocomplete="off" v-model="getApiData.website_name" />
+            </div>
+          </el-col>
+
+          <!-- <el-col :span="6">
+            <div class="searchBox">
+              <div class="searchTitle">审核：</div>
+              <el-select v-model="getApiData.status" placeholder="请处理状态..">
+                <el-option label="未审核" value="1"></el-option>
+                <el-option label="已审核" value='2'></el-option>
+                <el-option label=" 已拒绝" value="3"></el-option>
+              </el-select>
+            </div>
+          </el-col> -->
+
+        </el-row>
+      </div>
+
+    </div>
+
+    <div class="layerBoxNoBg">
+      <div>
+        <el-button type="primary" @click="goCreat">发布书刊音像</el-button>
+      </div>
+      <div>
+        <el-button @click="clearSearchList">重置</el-button>
+        <el-button type="primary" @click="getData('search')">搜索</el-button>
+      </div>
+    </div>
+    <!--搜索功能 end------------------------------------------------------------>
+
+    <!--表格内容 start------------------------------------------------------------>
+    <div class="layerBox">
+      <tableTitle :name="tableDivTitle" />
+      <el-row>
+        <template>
+          <el-table :data="tableData" style="width: 100%">
+            <el-table-column fixed prop="id" label="编号" width="50"></el-table-column>
+            <el-table-column prop="title" label="标题名称" width="">
+            </el-table-column>
+            <el-table-column prop="city_name" label="行政区划" width="">
+            </el-table-column>
+            <el-table-column prop="website_name" label="网站名称" width="">
+            </el-table-column>
+            <el-table-column prop="cat_name" label="栏目名称" width="">
+            </el-table-column>
+
+            <el-table-column prop="status" label="审核状态" width="">
+              <template slot-scope="scope">
+                <span v-if="scope.row.status == 1">
+                  未审核
+                </span>
+                <span v-if="scope.row.status == 2">
+                  已审核
+                </span>
+                <span v-if="scope.row.status == 3">
+                  已拒绝
+                </span>
+              </template>
+            </el-table-column>
+
+
+            <el-table-column prop="updated_at" label="修改时间" width=""></el-table-column>
+
+            <el-table-column fixed="right" label="操作" width="200" header-align="center">
+              <template slot-scope="scope">
+                <div class="listBtnBox">
+                  <div class="listDeleteBtn" @click="deleteRow(scope.row.id, tableData)"><i
+                      class="el-icon-delete"></i>删除</div>
+                  <div class="listEditBtn" @click="goEdit(scope.row.id, tableData)"><i
+                      class="el-icon-edit-outline"></i>编辑</div>
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </template>
+      </el-row>
+    </div>
+    <!--分页 start------------------------------------------------------------>
+    <div class="alignBox">
+      <el-row>
+        <el-col :span="24">
+          <el-pagination @size-change="handleSizeChange" :current-page="getApiData.page"
+            @current-change="handleCurrentChange" :page-size="10" layout="total, prev, pager, next, jumper"
+            :total="allCount"></el-pagination>
+        </el-col>
+      </el-row>
+    </div>
+    <!--分页 end------------------------------------------------------------>
+    <!--表格内容 end------------------------------------------------------------>
+  </div>
+</template>
+
+<script>
+//表格标题
+import tableTitle from './components/tableTitle';
+
+//获得用户身份
+import { getUseType } from '@/utils/auth'
+
+//引入公用样式
+import '@/styles/global.less';
+
+export default {
+  components: {
+    tableTitle,//表格标题
+  },
+  data() {
+    return {
+      //1.列表和分页相关 start ------------------------------------------------------------>
+      tableDivTitle: "书刊音像列表",
+      tableData: [],//内容
+      editId: 0,//要修改的网站id
+      getApiData: {
+        title: "",//标题
+        website_name: "",//网站名称
+        status: 2,//发布状态
+        page: 1,//当前是第几页
+        page_size: 10,//一共多少条
+      },
+      allCount: 0,//总条数
+      type_id: 0,
+      //分页相关 end ------------------------------------------------------------>
+
+    }
+  },
+  methods: {
+    //1.列表和分页相关 start ------------------------------------------------------------>
+    //1.1 开始请求列表信息方法
+    getData(type) {
+      if (type == "search") {
+        this.getApiData.page = 1;
+      }
+      console.log(this.getApiData, '---1--')
+      this.$store.dispatch('news/getBookList', this.getApiData).then(res => {
+        console.log(this.getApiData, '---2-')
+        let data = [];
+        for (let item of res.data.rows) {
+          data.push(item)
+        }
+        this.tableData = res.data.rows; //给与内容
+        this.allCount = res.data.count; //给与总条数
+      })
+    },
+    //1.2 删除内容
+    deleteRow(id) {
+      this.$confirm('此操作将永久删除该条数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        console.log("当前删除：" + id)
+        this.$store.dispatch('news/deleteBook', { id: id }).then(res => {
+          this.getData();
+          this.$message({
+            type: 'success',
+            message: '删除成功!'
+          });
+        }).catch(() => {
+          this.$message({
+            type: 'warning',
+            message: '网络错误，请重试！'
+          });
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'warning',
+          message: '已取消删除'
+        });
+      });
+    },
+    //1.3 修改网站状态
+    upRow(id, status) {
+      let data = {
+        id: id,
+        status: status
+      }
+      this.$store.dispatch('news/updateBookStatus', data).then(res => {
+        if (res.code == 200) {
+          this.$message({
+            type: 'success',
+            message: '通知状态已修改!'
+          });
+        }
+      }).catch(() => {
+        this.$message({
+          type: 'warning',
+          message: '已取消删除'
+        });
+      });
+    },
+    //1.4 列表内容分页
+    //直接跳转
+    handleSizeChange(val) {
+      this.getApiData.page = val;
+      this.getData();
+    },
+    //1.5 点击分页
+    handleCurrentChange(val) {
+      this.getApiData.page = val;
+      this.getData();
+    },
+    //1.6 重置按钮
+    clearSearchList() {
+      this.tableData = [];
+      this.getApiData.title = "";
+      this.getApiData.level = "";
+
+      this.getApiData.page = 1;
+      this.getApiData.pageSize = 10;
+      this.getData();
+    },
+    //列表和分页相关 end ------------------------------------------------------------>
+    //2.添加新闻 start ------------------------------------------------------------>
+    //跳转到通知发布页面
+    goCreat() {
+      this.$router.push({
+        path: '/addBook',
+      });
+    },
+    goEdit(id) {
+      let data = {
+        id: id
+      }
+      this.$router.push({
+        path: '/addBook',
+        query: data
+      });
+    }
+    //添加新闻 end ------------------------------------------------------------>
+  },
+  mounted() {
+    this.type_id = getUseType()
+    //1.获得初始数据
+    this.getData();
+  }
+}
+</script>
+<style scoped lang="less"></style>

src/views/news/bookListApply.vue

@@ -0,0 +1,346 @@
+<template>
+  <div class="mainBox">
+    <!--搜索功能 start------------------------------------------------------------>
+    <div class="layerBox_search">
+      <div class="layerBoxLine">
+        <el-row>
+
+          <el-col :span="6">
+            <div class="searchBox">
+              <div class="searchTitle">标题名称：</div>
+              <el-input placeholder="请输入标题名称" autocomplete="off" v-model="getApiData.title" />
+            </div>
+          </el-col>
+          <el-col :span="6">
+            <div class="searchBox">
+              <div class="searchTitle">网站名称：</div>
+              <el-input placeholder="请输入网站名称" autocomplete="off" v-model="getApiData.website_name" />
+            </div>
+          </el-col>
+
+          <!-- <el-col :span="6">
+            <div class="searchBox">
+              <div class="searchTitle">审核：</div>
+              <el-select v-model="getApiData.status" placeholder="请处理状态..">
+                <el-option label="未审核" value="1"></el-option>
+                <el-option label="已审核" value='2'></el-option>
+                <el-option label=" 已拒绝" value="3"></el-option>
+              </el-select>
+            </div>
+          </el-col> -->
+
+        </el-row>
+      </div>
+
+    </div>
+
+    <div class="layerBoxNoBg">
+      <div>
+        <el-button type="primary" @click="goCreat">发布书刊音像</el-button>
+      </div>
+      <div>
+        <el-button @click="clearSearchList">重置</el-button>
+        <el-button type="primary" @click="getData('search')">搜索</el-button>
+      </div>
+    </div>
+    <!--搜索功能 end------------------------------------------------------------>
+
+    <!--表格内容 start------------------------------------------------------------>
+    <div class="layerBox">
+      <tableTitle :name="tableDivTitle" />
+      <el-row>
+        <template>
+          <el-table :data="tableData" style="width: 100%">
+            <el-table-column fixed prop="id" label="编号" width="50"></el-table-column>
+            <el-table-column prop="title" label="标题名称" width="">
+            </el-table-column>
+            <el-table-column prop="city_name" label="行政区划" width="">
+            </el-table-column>
+            <el-table-column prop="website_name" label="网站名称" width="">
+            </el-table-column>
+            <el-table-column prop="cat_name" label="栏目名称" width="">
+            </el-table-column>
+
+            <el-table-column prop="status" label="审核状态" width="">
+              <template slot-scope="scope">
+                <span v-if="scope.row.status == 1">
+                  未审核
+                </span>
+                <span v-if="scope.row.status == 2">
+                  已审核
+                </span>
+                <span v-if="scope.row.status == 3">
+                  已拒绝
+                </span>
+              </template>
+            </el-table-column>
+
+
+            <el-table-column prop="updated_at" label="修改时间" width=""></el-table-column>
+
+            <el-table-column fixed="right" label="操作" width="300" header-align="center">
+              <template slot-scope="scope">
+                <div class="listBtnBox">
+                  <div class="listMainBtn" v-if="type_id == 10000" @click="getUpRow(scope.row.id, tableData)"><i
+                      class="el-icon-check"></i>审核
+                  </div>
+
+                  <div class="listDeleteBtn" @click="deleteRow(scope.row.id, tableData)"><i
+                      class="el-icon-delete"></i>删除</div>
+                  <div class="listEditBtn" @click="goEdit(scope.row.id, tableData)"><i
+                      class="el-icon-edit-outline"></i>编辑</div>
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </template>
+      </el-row>
+    </div>
+    <!--弹出框1：外部表单弹出框 start------------------------------------------------------------>
+    <el-dialog title="请输入驳回理由" :visible.sync="examineWindow" :close-on-click-modal="false">
+      <el-form :model="form" ref="form" :rules="formRules" label-position="left">
+        <div class="formDiv">
+          <el-form-item label="驳回原因：" :label-width="formLabelWidth" prop="reason" class="custom-align-right">
+            <el-input type="textarea" v-model="form.reason" class="custom-textarea" placeholder="请输入驳回原因"
+              :rows="3"></el-input>
+          </el-form-item>
+        </div>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <div>
+          <el-button type="info" @click="examineWindow = false">取消</el-button>
+          <el-button type="primary" @click="examineToServe">确定</el-button>
+        </div>
+      </div>
+    </el-dialog>
+    <!--弹出框1：外部表单弹出框 end------------------------------------------------------------>
+
+    <!--分页 start------------------------------------------------------------>
+    <div class="alignBox">
+      <el-row>
+        <el-col :span="24">
+          <el-pagination @size-change="handleSizeChange" :current-page="getApiData.page"
+            @current-change="handleCurrentChange" :page-size="10" layout="total, prev, pager, next, jumper"
+            :total="allCount"></el-pagination>
+        </el-col>
+      </el-row>
+    </div>
+    <!--分页 end------------------------------------------------------------>
+    <!--表格内容 end------------------------------------------------------------>
+  </div>
+</template>
+
+<script>
+//表格标题
+import tableTitle from './components/tableTitle';
+
+//获得用户身份
+import { getUseType } from '@/utils/auth'
+
+//引入公用样式
+import '@/styles/global.less';
+
+export default {
+  components: {
+    tableTitle,//表格标题
+  },
+  data() {
+    return {
+      //1.列表和分页相关 start ------------------------------------------------------------>
+      tableDivTitle: "书刊音像列表",
+      tableData: [],//内容
+      editId: 0,//要修改的网站id
+      getApiData: {
+        title: "",//标题
+        website_name: "",//网站名称
+        status1: 1,//发布状态
+        page: 1,//当前是第几页
+        page_size: 10,//一共多少条
+      },
+      formRules: {
+
+      },
+      form: {
+        reason: ""
+      },
+      allCount: 0,//总条数
+      type_id: 0,
+      examineWindow: false,//审核窗口
+      //分页相关 end ------------------------------------------------------------>
+
+    }
+  },
+  methods: {
+    //1.列表和分页相关 start ------------------------------------------------------------>
+    //提交驳回内容
+    examineToServe(id) {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          let data = {
+            id: this.editId,
+            status: 3,//驳回status
+            reason: this.form.reason
+          }
+          this.$store.dispatch('news/updateBookStatus', data).then(res => {
+            if (res.code == 200) {
+              this.$message({
+                type: 'success',
+                message: '操作成功！'
+              });
+              this.getData();
+              this.form.reason = "";//清空上一次的输入
+              this.examineWindow = false;
+            }
+          })
+        } else {
+          this.$message.error("驳回理由不能为空！")
+        }
+      })
+    },
+    getUpRow(id) {
+      //设置待审核的id
+      this.editId = id;
+      console.log(id)
+      this.$confirm('将此通过审核吗?', '提示', {
+        confirmButtonText: '通过',
+        cancelButtonText: '拒绝',
+        type: 'warning'
+      }).then(() => {
+        this.upRow(id, 2)
+      }).catch(() => {
+        //输入驳回理由
+        console.log("驳回")
+        this.examineWindow = true;
+      })
+    },
+    upRow(id, status) {
+      let data = {
+        id: id,
+        status: status
+      }
+      this.$store.dispatch('news/updateBookStatus', data).then(res => {
+        if (res.code == 200) {
+          this.$message({
+            type: 'success',
+            message: '状态已修改!'
+          });
+          this.getData();
+        }
+      }).catch(() => {
+        this.$message({
+          type: 'warning',
+          message: '已取消删除'
+        });
+      });
+    },
+    //1.1 开始请求列表信息方法
+    getData(type) {
+      if (type == "search") {
+        this.getApiData.page = 1;
+      }
+      console.log(this.getApiData, '---1--')
+      this.$store.dispatch('news/getBookList', this.getApiData).then(res => {
+        console.log(this.getApiData, '---2-')
+        let data = [];
+        for (let item of res.data.rows) {
+          data.push(item)
+        }
+        this.tableData = res.data.rows; //给与内容
+        this.allCount = res.data.count; //给与总条数
+      })
+    },
+    //1.2 删除内容
+    deleteRow(id) {
+      this.$confirm('此操作将永久删除该条数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        console.log("当前删除：" + id)
+        this.$store.dispatch('news/deleteBook', { id: id }).then(res => {
+          this.getData();
+          this.$message({
+            type: 'success',
+            message: '删除成功!'
+          });
+        }).catch(() => {
+          this.$message({
+            type: 'warning',
+            message: '网络错误，请重试！'
+          });
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'warning',
+          message: '已取消删除'
+        });
+      });
+    },
+    //1.3 修改网站状态
+    upRow(id, status) {
+      let data = {
+        id: id,
+        status: status
+      }
+      this.$store.dispatch('news/updateBookStatus', data).then(res => {
+        if (res.code == 200) {
+          this.$message({
+            type: 'success',
+            message: '通知状态已修改!'
+          });
+        }
+      }).catch(() => {
+        this.$message({
+          type: 'warning',
+          message: '已取消删除'
+        });
+      });
+    },
+    //1.4 列表内容分页
+    //直接跳转
+    handleSizeChange(val) {
+      this.getApiData.page = val;
+      this.getData();
+    },
+    //1.5 点击分页
+    handleCurrentChange(val) {
+      this.getApiData.page = val;
+      this.getData();
+    },
+    //1.6 重置按钮
+    clearSearchList() {
+      this.tableData = [];
+      this.getApiData.title = "";
+      this.getApiData.level = "";
+
+      this.getApiData.page = 1;
+      this.getApiData.pageSize = 10;
+      this.getData();
+    },
+    //列表和分页相关 end ------------------------------------------------------------>
+    //2.添加新闻 start ------------------------------------------------------------>
+    //跳转到通知发布页面
+    goCreat() {
+      this.$router.push({
+        path: '/addBook',
+      });
+    },
+    goEdit(id) {
+      let data = {
+        id: id
+      }
+      this.$router.push({
+        path: '/addBook',
+        query: data
+      });
+    }
+    //添加新闻 end ------------------------------------------------------------>
+  },
+  mounted() {
+    this.type_id = getUseType()
+    //1.获得初始数据
+    this.getData();
+  }
+}
+</script>
+<style scoped lang="less"></style>

src/views/news/creatNews - 副本.vue

@@ -1,1178 +0,0 @@
-<template>
-  <div class="mainBox">
-    <div class="layerBox">
-      <tableTitle :name="tableDivTitle" />
-      <el-form :model="form" ref="form" :rules="formRules" label-position="left" label-width="120px">
-        <div class="formDiv">
-          <el-form-item label="资讯题目：" prop="title" class="custom-align-right">
-            <el-input v-model="form.title" autocomplete="off" placeholder="请输入资讯标题"></el-input>
-            <!-- <el-checkbox v-model="form.islink">是否使用外链</el-checkbox> -->
-            <el-checkbox v-model="form.islink" v-if="creatNews_user_type == 10000">是否使用外链</el-checkbox> 
-             
-          </el-form-item>
-          <div v-if="form.islink == true">
-            <el-form-item label="站点名称：" prop="web_site_id" class="custom-align-right">
-              <el-cascader :key="parentKey" v-model="form.web_site_id" placeholder="请选择站点名称" popper-class="my_cascader"
-                :options="creatNews_nav_pool_arr" @change="creatNews_nav_pool_change_fun(form.web_site_id)" filterable
-                clearable></el-cascader>
-            </el-form-item>
-            <el-form-item label="展示名称：" prop="cat_arr_id" class="custom-align-right">
-              <el-cascader :key="parentKey_2" v-model="form.cat_arr_id" placeholder="请选择要绑定的展示名称" :props="parentData_2"
-                popper-class="my_cascader" filterable clearable></el-cascader>
-            </el-form-item>
-            <el-form-item label="外链地址：" prop="linkurl" class="custom-align-right">
-              <el-input v-model="form.linkurl" autocomplete="off" placeholder="请输入外链地址"></el-input>
-            </el-form-item>
-            <el-form-item label="作者：" prop="author" class="custom-align-right">
-              <el-input v-model="form.author" autocomplete="off" placeholder="请输入作者"></el-input>
-            </el-form-item>
-          </div>
-          <div v-if="form.islink == false">
-            <div v-if="creatNews_user_type != 10000">
-              <el-form-item label="展示名称：" prop="cat_arr_id" class="custom-align-right">
-                <el-cascader :key="parentKey" v-model="form.cat_arr_id" placeholder="请选择要绑定的展示名称" :props="parentData"
-                  popper-class="my_cascader" style="height: 100%;" filterable clearable></el-cascader>
-              </el-form-item>
-            </div>
-            <div>
-              <div v-if="creatNews_user_type == 10000">
-                <el-form-item label="站点名称：" prop="web_site_id" class="custom-align-right">
-                  <el-cascader :key="parentKey" v-model="form.web_site_id" placeholder="请选择站点名称"
-                    popper-class="my_cascader" :options="creatNews_nav_pool_arr"
-                    @change="creatNews_nav_pool_change_fun(form.web_site_id)" filterable clearable></el-cascader>
-                </el-form-item>
-                <el-form-item label="展示名称：" prop="cat_arr_id" class="custom-align-right">
-                  <el-cascader :key="parentKey_2" v-model="form.cat_arr_id" placeholder="请选择要绑定的展示名称"
-                    popper-class="my_cascader" style="height: 100%;" :props="parentData_2" filterable
-                    clearable></el-cascader>
-                </el-form-item>
-              </div>
-              <el-form-item label="行政区划：" class="custom-align-right">
-                <CityCascader v-model="form.city_arr_id" @update-city-id="update_city_arr_id"></CityCascader>
-              </el-form-item>
-              <el-form-item label="行政职能：" class="custom-align-right">
-                <el-cascader :key="searchDepartmentKey" v-model="form.department_arr_id" placeholder="请选择行政职能"
-                  popper-class="my_cascader" :props="searchDepartmentData" filterable clearable></el-cascader>
-              </el-form-item>
-              <div v-if="creatNews_user_type == 10000">
-                <el-form-item label="推荐等级：" class="custom-align-right">
-                  <el-select v-model="form.level" multiple clearable placeholder="请选择推荐等级.." @change="levelChange">
-                    <el-option label="头条" :value="1"></el-option>
-                    <el-option label="轮播图" :value="2"></el-option>
-                    <el-option label="今日热点" :value="6"></el-option>
-                  </el-select>
-                </el-form-item>
-              </div>
-              <el-form-item label="缩略图：" class="custom-align-right" prop="">
-                <div class="uploaderBox" @mouseenter="hovering = true" mouseleave="hovering = false">
-                  <el-upload class="avatar-uploader" action="#" :show-file-list="false"
-                    :before-upload="beforeAvatarUpload">
-                    <!-- 预览图片 -->
-                    <img v-if="imgUrl" :src="imgUrl" class="avatar">
-                    <div v-else class="chooseImgDiv">
-                      <div>
-                        <img src="@/assets/public/upload/noImage.png">
-                        <div>选择图片</div>
-                      </div>
-                    </div>
-                  </el-upload>
-                  <input type="hidden" v-model="form.imgurl">
-                  <span class="photo_tips">推荐图片长宽比例为 16:9，大小不能超过 500 K。</span>
-                  <div v-if="hovering && imgUrl" class="delete-button" @click="handleDelete">
-                    <i class="el-icon-delete"></i>
-                  </div>
-                </div>
-              </el-form-item>
-              <el-form-item label="资讯关键词：" prop="" 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>
-                <tagInput :initialTags="tags" @tags-updated="updateTags"></tagInput>
-              </el-form-item>
-              <el-form-item label="资讯描述：" prop="" 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-input type="textarea" v-model="form.introduce" class="custom-textarea"
-                  placeholder="请输入资讯描述"></el-input>
-              </el-form-item>
-              <el-form-item label="作者：" prop="author" class="custom-align-right">
-                <el-input v-model="form.author" autocomplete="off" placeholder="请输入作者"></el-input>
-              </el-form-item>
-              <el-form-item label="浏览量：" v-if="creatNews_user_type == 10000" class="custom-align-right">
-                <el-input v-model="form.hits" autocomplete="off" placeholder="请输入浏览量"></el-input>
-              </el-form-item>
-              <el-form-item label="是否为原创：" prop="is_original" class="custom-align-right">
-                <el-radio-group v-model="form.is_original" @change="changeIsOriginal">
-                  <el-radio :label="1">是</el-radio>
-                  <el-radio :label="0">否</el-radio>
-                </el-radio-group>
-              </el-form-item>
-              <div v-if="form.is_original == 0">
-                <el-form-item label="来源名称：" prop="copyfrom" class="custom-align-right">
-                  <el-input v-model="form.copyfrom" autocomplete="off" placeholder="请输入来源名称"></el-input>
-                </el-form-item>
-                <el-form-item label="来源链接：" prop="fromurl" class="custom-align-right">
-                  <el-input v-model="form.fromurl" autocomplete="off" placeholder="请输入来源链接"></el-input>
-                </el-form-item>
-                <div class="disclaimerBox">
-                  <div class="disclaimerTitle">
-                    <img src="@/assets/public/check.png" />同意《免责声明》：
-                  </div>
-                  <div class="disclaimerText">
-                    本文来源于网络转载，仅供学习交流使用，不构成商业目的。版权归原作者所有，如涉及作品内容、版权和其他问题，请在30日内与本站联系，我们将在第一时间处理。</div>
-                </div>
-              </div>
-              <div v-if="form.is_original == 1">
-                <el-form-item label="来源名称：" prop="copyfrom" class="custom-align-right">
-                  <el-input v-model="form.copyfrom" autocomplete="off" placeholder="请输入来源名称"
-                    disabled="disabled"></el-input>
-                </el-form-item>
-              </div>
-              <el-form-item label="资讯内容：" prop="content" class="custom-align-right">
-                <myEditor ref="myEditor" v-model="form.content"></myEditor>
-              </el-form-item>
-              <el-form-item label="是否开启投票：" prop="is_survey" class="custom-align-right">
-                <el-radio-group v-model="form.is_survey">
-                  <el-radio :label="1">是</el-radio>
-                  <el-radio :label="0">否</el-radio>
-                </el-radio-group>
-              </el-form-item>
-
-
-              <div v-if="form.is_survey == 1">
-                <el-form-item label="问卷标题：" prop="survey_name" class="custom-align-right">
-                  <el-input v-model="form.survey_name" autocomplete="off" placeholder="请输入问卷标题"></el-input>
-                </el-form-item>
-                <el-form-item label="选项：" prop="survey_type" class="custom-align-right">
-                  <el-radio-group v-model="form.survey_type">
-                    <el-radio :label="0">单选</el-radio>
-                    <el-radio :label="1">多选</el-radio>
-                  </el-radio-group>
-                </el-form-item>
-                <el-form-item label="" class="custom-align-right">
-                  <div v-for="(input, index) in inputList" :key="index">
-                    <div class="formLabelFloatBox">
-                      <el-input autocomplete="off" v-model="input.value" maxlength="150" :label-width="formLabelWidth"
-                        placeholder="">
-                        <template slot="prepend">{{ index + 1 }}</template>
-                      </el-input>
-                      <el-button type="info" icon="el-icon-plus" circle size="mini" @click="addInput(index)"
-                        class="formLabeladdIcon"></el-button>
-                      <el-button type="info" icon="el-icon-delete" circle size="mini" @click="deleteInput(index)"
-                        class="formLabelDelIcon"></el-button>
-                    </div>
-                  </div>
-                </el-form-item>
-                <el-form-item label="" class="custom-align-right">
-                  <el-checkbox v-model="checked">允许用户自己填写</el-checkbox>
-                </el-form-item>
-              </div>
-              <el-form-item label="手动推荐：" prop="commend_id" class="custom-align-right">
-                <el-select v-model="form.commend_id" placeholder="请选择手动推荐名称" multiple filterable clearable remote
-                  :remote-method="remoteMethod" :loading="loading">
-                  <el-option v-for="item in commend_article" :key="item.id" :label="item.title"
-                    :value="item.id"></el-option>
-                </el-select>
-              </el-form-item>
-              <el-form-item label="" prop="commend_id" class="custom-align-right">
-                <draggable v-model="form.commend_id" @end="onDragEnd">
-                  <el-tag :key="item.id" v-for="item in form.commend_id" closable :disable-transitions="false"
-                    @close="handleClose(item)"> {{ item }}
-                  </el-tag>
-                </draggable>
-              </el-form-item>
-
-              <el-form-item label="创建时间：" class="custom-align-right" v-if="created_at">
-                <el-input v-model="created_at" autocomplete="off" disabled></el-input>
-              </el-form-item>
-            </div>
-          </div>
-        </div>
-      </el-form>
-    </div>
-    <div class="bottomBtnBox">
-      <el-button type="info" @click="returnPage">返回</el-button>
-      <el-button type="primary" @click="editToServe" v-if="editStatus == true">确定</el-button>
-      <el-button type="primary" @click="addToServe" v-else>发布资讯</el-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import { getWebSiteId, getUseType } from '@/utils/auth'
-//表格标题
-import tableTitle from './components/tableTitle.vue';
-//引入tag标签组件
-import tagInput from '../../components/InputTag/index.vue';
-//引入公用样式
-import '@/styles/global.less';
-//城市级联选择器
-import CityCascader from './components/CityCascader';
-//引入富文本编辑器
-import myEditor from '../../components/edit/myEditor.vue';
-//引入拖拽组件
-import draggable from 'vuedraggable';
-
-export default {
-  components: {
-    tableTitle,
-    CityCascader,
-    tagInput,
-    myEditor,
-    draggable
-  },
-  data() {
-    //0.全局操作 start ------------------------------------------------------------>
-    //表单验证
-    const validateEmpty = (rule, value, callback) => {
-      if (value == '') {
-        callback(new Error('该项不能为空！'))
-      } else {
-        callback()
-      }
-    }
-    const validateArray = (rule, value, callback) => {
-      if (value.length == 0) {
-        callback(new Error('该项不能为空！'))
-      } else {
-        callback()
-      }
-    }
-    const validateRadio = (rule, value, callback) => {
-      if (value != '1' || value != '0') {
-        callback()
-      } else {
-        callback()
-      }
-    }
-    const validateZero = (rule, value, callback) => {
-      if (value == 0 || value == '' || value == "0") {
-        callback(new Error('该项不能为空！'))
-      } else {
-        callback()
-      }
-    }
-    let self = this;
-    //0.全局操作 end ------------------------------------------------------------>
-    return {
-      loading: false,
-      logoUrl: '',
-      hovering: false, // 鼠标悬浮状态 悬浮时显示删除
-      tags: [],//标签数组
-      websiteid: 0,
-      creatNews_pid_num: "0",//请求子导航用的pid
-      creatNews_nav_pool_arr: [],//
-      creatNews_add_nav_pool_arr: [],//
-      creatNews_son_website_id_num: "",
-      checked: false,
-      formLabelWidth: '80px',//表单的长度
-      //1.表单项 start ------------------------------------------------------------>
-      editStatus: false,
-      tableDivTitle: "添加资讯",
-      disclaimer: true,//免责声明
-      //提交表单
-      creatNews_user_type: 0,//判断用户类型'
-      created_at: "",//创建时间
-      commend_article: [],//手动推荐
-      form: {
-        user_type: "??",//判断用户类型'
-        cat_arr_id: [],//导航池名称
-        nav_add_pool_id: [],//导航池子级
-        city_arr_id: [],//行政区划
-        city_id: "",//区划最后一个数字
-        department_arr_id: [],//行政职能部门
-        department_id: "",//部门最后一个数字
-        //1.1使用了外链
-        title: '',//资讯标题
-        islink: 0,//是否使用外链 0非 1是
-        linkurl: "",//外链地址
-        //1.2没有使用外链
-        level: "",//推荐等级
-        imgurl: "",//缩略图
-        keyword: "",//关键词
-        introduce: "",//描述
-        content: "",//内容
-        author: "",//作者
-        hits: "",//浏览量
-        is_original: 1,//是否为原创 0非 1是
-        copyfrom: "本网",//来源名称
-        fromurl: "",//来源地址
-        status: 0,//状态 0待发布 1已发布 404已删除  如果是普通用户，这里始终为0
-        web_site_id: 0,
-        is_survey: 0,//调查问卷：0：否；1：是；
-        survey_name: "",//问卷名称
-        suvey_array: "",//选项名称集合 
-        survey_type: 0, //0:单选 1：复选
-        commend_id: [],//手动推荐
-      },
-      //1.2 表单验证规则
-      formRules: {
-        //导航池名称不能为空
-        web_site_id: [{ required: true, trigger: 'blur', validator: validateZero }],
-        //资讯名称不能为空
-        title: [{ required: true, trigger: 'blur', validator: validateEmpty }],
-        //如果使用了外链，外链地址不能为空
-        linkurl: [{ required: true, trigger: 'blur', validator: validateEmpty }],
-        //导航池名称不能为空
-        cat_arr_id: [{ required: true, trigger: 'blur', validator: validateArray }],
-        //推荐等级不能为空
-        //level:[{required:true,trigger:'blur',validator:validateEmpty}],
-        //关键词不能为空
-        // keyword: [{ required: true, trigger: 'blur', validator: validateEmpty }],
-        //描述不能为空
-        // introduce: [{ required: true, trigger: 'blur', validator: validateEmpty }],
-        //行政区划
-        // city_arr_id: [{ required: true, trigger: 'blur', validator: validateArray }],
-        //行政职能
-        department_arr_id: [{ required: true, trigger: 'blur', validator: validateArray }],
-        //内容不能为空
-        content: [{ required: true, trigger: 'blur', validator: validateEmpty }],
-        //作者不能为空
-        author: [{ required: true, trigger: 'blur', validator: validateEmpty }],
-        //是否原创不能为空
-        is_original: [{ required: true, trigger: 'blur', validator: validateRadio }],
-        //来源名称和地址不能为空
-        copyfrom: [{ required: true, trigger: 'blur', validator: validateEmpty }],
-        fromurl: [{ required: true, trigger: 'blur', validator: validateEmpty }],
-        //缩略图不能为空
-        imgUrl: [{ required: true, trigger: 'blur', validator: validateEmpty }],
-        level: [{ required: true, trigger: 'blur', validator: validateEmpty }],
-        //是否开启投票
-        is_survey: [{ required: true, trigger: 'blur', validator: validateRadio }],
-        //问卷标题
-        survey_name: [{ required: true, trigger: 'blur', validator: validateEmpty }],
-        //选项
-        survey_type: [{ required: true, trigger: 'blur', validator: validateRadio }],
-      },
-
-      //1.4图片上传
-      imgUrl: "",//在页面上显示缩略图
-      //获取父级导航池
-      parentKey: 0,//获取父级导航
-      parentData: {
-        checkStrictly: true,
-        lazy: true,
-        async lazyLoad(node, resolve) {
-          const { level, data } = node;
-          if (data && data.children && data.children.length !== 0) {
-            return resolve(node)
-          }
-          let parentId;
-          parentId = level == 0 ? 0 : data.value;
-          let parames = {
-            'website_id': getWebSiteId(),
-            'pid': parentId
-          }
-          self.$store.dispatch('pool/get_creatNews_nav_son_actions', parames).then(res => {
-            if (res.data) {
-              const nodes = res.data.map(item => ({
-                value: item.category_id,
-                label: item.name,
-                leaf: level >= 3,
-                children: []
-              }))
-              resolve(nodes)
-            }
-          })
-        }
-      },
-      parentKey_2: 0,//获取父级导航 
-      parentData_2: {
-        checkStrictly: true,
-        lazy: true,
-        async lazyLoad(node, resolve) {
-          const { level, data } = node;
-          if (data && data.children && data.children.length !== 0) {
-            return resolve(node)
-          }
-          let parentId;
-          if (self.ifwebsitId == true) {
-            console.log("网站选择已经改变！")
-            parentId = 0;
-            self.ifwebsitId = false;
-            self.cat_arr_id = [];
-          } else {
-            parentId = level == 0 ? 0 : data.value;
-            self.ifwebsitId = false;
-          }
-          let parames = {
-            'website_id': self.form.web_site_id,
-            'pid': parentId
-          }
-          self.$store.dispatch('pool/get_creatNews_nav_son_actions', parames).then(res => {
-            if (res.data) {
-              const nodes = res.data.map(item => ({
-                value: item.category_id,
-                label: item.alias,
-                leaf: level >= 3,
-                children: []
-              }))
-              resolve(nodes)
-            }
-          })
-        }
-      },
-      //行政职能部门
-      searchDepartmentKey: 0, //列表缓存key
-      searchDepartmentData: {
-        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/getDepartment', parames).then(res => {
-            if (res.data) {
-              const nodes = res.data.map(item => ({
-                value: item.id,
-                label: item.name,
-                leaf: level >= 3,
-                children: []
-              }))
-              resolve(nodes)
-            }
-          })
-        }
-      },
-      inputList: [
-        { value: '' }
-      ]
-      //表单项 end ------------------------------------------------------------>
-    };
-
-  }, watch: {
-    '$route'(to, from) {
-      console.log(from, '---------------------------------------');
-      // 监听路由参数中的 id 变化，若变化则更新页面状态并获取数据
-      if (to.query.id) {
-        this.getMainData();
-      }
-    },
-
-
-    // 监听路由参数中的 id 变化，若变化则更新页面状态并获取数据
-    // '$route.query.id': function (newVal, oldVal) {
-    //   console.log('当前 id:', newVal, '旧的 id:', oldVal);
-    //   if (newVal) {
-    //     this.editStatus = true;
-    //     this.tableDivTitle = "编辑资讯";
-    //     //     // 调用方法名保持大小写一致
-    //     this.getMainData();
-    //   } else {
-    //     this.editStatus = false;
-    //     this.tableDivTitle = "添加资讯";
-    //   }
-    // }
-
-
-  },
-  methods: {
-    //1.提交表单 start ------------------------------------------------------------>
-    //1.1 直接上传图片
-    beforeAvatarUpload(file) {
-      const isJPG = file.type === 'image/jpeg';
-      const isPNG = file.type === 'image/png';
-      const isLt2M = file.size / 1024 / 1024 < 2;
-
-      if (!isJPG && !isPNG) {
-        this.$message.error('上传缩略图只能是 JPG 或 PNG 格式!');
-        return false;
-      }
-      if (!isLt2M) {
-        this.$message.error('上传缩略图大小不能超过 2MB!');
-        return false;
-      }
-
-      const formData = new FormData();
-      formData.append('file', file);
-
-      this.$store.dispatch('pool/uploadFile', formData).then(res => {
-        this.imgUrl = res.data.imgUrl;//显示缩略图
-        this.form.imgurl = res.data.imgUrl;//提供表单地址
-        console.log(res.data.imgUrl)
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '网络错误，请重试！'
-        });
-      })
-
-      // 阻止默认的上传行为
-      return false;
-    },
-    //1.2 提交表单
-    addToServe() {
-      //判断是否为外链
-      if (this.form.islink == false) {
-        if (this.form.is_survey == 1) {
-          const hasEmptyInput = this.inputList.some(input => input.value === '');
-          if (hasEmptyInput) {
-            // 如果有输入框为空，弹出提示信息
-            this.$message.error('请确保所有输入框都有内容');
-            return;
-          }
-          const inputLists = this.inputList.map(input => input.value);
-          const allowList = [this.checked ? 1 : 0, ""];
-          if (this.checked) {
-            inputLists.push(allowList);
-          }
-          if (inputLists.length < 2) {
-            this.$message.error('投票选项不少于2条');
-            return;
-          }
-          this.form.suvey_array = JSON.stringify(inputLists);
-        }
-      }
-      if (this.form.islink == true) {
-        this.form.islink = 1;
-        this.cleatForm(1)
-      } else {
-        this.form.islink = 0;
-      }
-      //取出行政职能和行政区划数组的最后一个数字
-      if (this.form.department_arr_id == "[]" || this.form.department_arr_id == null) {
-        this.form.department_arr_id = '[]'
-        this.form.department_id = 0;
-      } else {
-        if (JSON.parse(this.form.department_arr_id.length == 0)) {
-          this.form.department_id = 0;
-        } else {
-          this.form.department_id = this.form.department_arr_id[this.form.department_arr_id.length - 1];
-        }
-        this.form.department_arr_id = JSON.stringify(this.form.department_arr_id);
-
-      }
-      if (this.form.city_arr_id == "[]" || this.form.city_arr_id == null) {
-        this.form.city_arr_id = '[]'
-        this.form.city_id = 0;
-      } else {
-        if (JSON.parse(this.form.city_arr_id.length == 0)) {
-          this.form.city_id = 0;
-        } else {
-          this.form.city_id = this.form.city_arr_id[this.form.city_arr_id.length - 1];
-        }
-        this.form.city_arr_id = JSON.stringify(this.form.city_arr_id);
-      }
-
-      //判断用户身份
-      if (this.creatNews_user_type == 10000) {
-        console.log("用户身份为管理员,无需审核直接发布!")
-        this.form.status = 1;
-      } else {
-        console.log("用户身份为其他用户,提交到审核!")
-        this.form.status = 0;
-        this.form.web_site_id = this.websiteid;
-        //如果是普通用户 推荐等级设置为0 
-        this.form.level = "[0]";
-      }
-
-      //先进行验证
-      // console.log( "this.form==", this.form);
-
-      this.$refs.form.validate(valid => {
-        if (valid) {
-          //如果推荐等级为空，则设置为0
-          if (this.form.level == "" || this.form.level == "[0]") {
-            this.form.level = "[0]";
-          } else {
-            this.form.level = JSON.stringify(this.form.level);
-          }
-          //console.log(this.form)
-          const formData = { ...this.form };
-          if (formData.commend_id != undefined && formData.commend_id.length > 0) {
-            formData.commend_id = JSON.stringify(formData.commend_id); // 提取推荐ID
-          }
-          if (formData.commend_id.length == 0) {
-            formData.commend_id = '[]';
-          }
-
-          this.$store.dispatch('news/addArticle', formData).then(res => {//xx
-            if (res.code == 200) {
-               console.log("资讯发布成功！200")   
-              //汇报结果
-              this.$message({
-                type: 'success',
-                message: '已成功添加资讯！'
-              });
-              this.cleatForm(2);
-              //返回列表页
-              this.returnPage()
-            } else {
-              console.log("资讯发布失败！?????",res)    
-              this.$message({
-                type: 'error',
-                message: "资讯发布失败，请稍后再试！"
-              });
-            }
-          }).catch(() => {
-            this.$message({
-              type: 'info',
-              message: '网络错误，请重试！'
-            });
-          })
-        }
-      })
-    },
-    //1.3 清理表单
-    cleatForm(type) {
-      if (type == 1) {
-        //使用了外链，进行部分表单清理
-        //this.form.cat_arr_id = "";
-        this.form.level = "";
-        this.form.imgurl = "";
-        this.form.keyword = "";
-        this.form.introduce = "";
-        this.form.content = "";
-        //this.form.author = "";
-        this.form.hits = "";
-        this.form.is_original = "";
-        this.form.copyfrom = "";
-        this.form.fromurl = "";
-        this.form.status = 0;
-      }
-      if (type == 2) {
-        //完全清理表单
-        this.form.title = "";
-        this.form.islink = "";
-        this.form.linkurl = "";
-        this.form.cat_arr_id = "";
-        this.form.level = "";
-        this.form.imgurl = "";
-        this.form.keyword = "";
-        this.form.introduce = "";
-        this.form.content = "";
-        this.form.author = "";
-        this.form.hits = "";
-        this.form.is_original = "";
-        this.form.copyfrom = "";
-        this.form.fromurl = "";
-        this.form.status = 0;
-      }
-    },
-    //1.4更新详细地址
-    update_city_arr_id(value) {
-      console.log("行政区划ID已更新:", value);
-      this.form.city_arr_id = value;
-    },
-    //1.5 删除图片
-    handleDelete() {
-      // 删除图片
-      this.imgUrl = ''; // 清空图片 URL
-      this.form.imgurl = ''; // 清空表单中的图片 URL
-    },
-    //提交表单 end ------------------------------------------------------------>
-
-    //2.跳转操作 start ------------------------------------------------------------>
-    returnPage() {
-      if (this.$route.query.to == "examine") {
-        this.$router.push({
-          path: '/examine',
-        });
-      } else {
-        this.$router.push({
-          path: '/articleList',
-        });
-      }
-    },
-    //跳转操作 end ------------------------------------------------------------>
-
-    //3.回显操作 ------------------------------------------------------------>
-    //3.1回显数据
-    getMainData() {
-      let data = {
-        id: this.$route.query.id
-      };
-      this.$store.dispatch('news/getArticleInfo', data).then(res => {
-        this.form.title = res.data.title;
-        //判断是否使用了外链
-        if (res.data.islink == 1) {
-          this.form.islink = true;
-        } else {
-          this.form.islink = false;
-        }
-        //不是原创的时候显示来源
-        if (res.data.is_original == 1) {
-          this.form.is_original = 1;
-          this.form.copyfrom = "本网";
-        } else {
-          this.form.is_original = 0;
-          this.$nextTick(() => {
-            this.form.is_original = 0;
-            console.log('is_original:', this.form.is_original); // 确保值已更新
-          });
-          this.form.copyfrom = res.data.copyfrom;
-          this.form.linkurl = res.data.linkurl;
-        }
-        //如果推荐等级为0 不再回显等级
-        if (res.data.level == "[0]") {
-          this.form.level = "";
-        } else {
-          const arr = JSON.parse(res.data.level);
-          const elementToRemove = [0, 3, 4, 5];
-          let newArr = arr.filter(item => !elementToRemove.includes(item));;
-          this.form.level = newArr;
-        }
-        //回显站点名称
-        //判断web_site_id是否为字符串,如果是转换为数字
-        if (typeof res.data.web_site_id === 'string') {
-          this.form.web_site_id = Number(res.data.web_site_id);
-        } else {
-          this.form.web_site_id = res.data.web_site_id//站点名称
-        }
-        this.created_at = res.data.created_at;
-        this.form.cat_arr_id = Array.isArray(res.data.cat_arr_id) ? res.data.cat_arr_id : JSON.parse(res.data.cat_arr_id);
-        console.log(this.form.cat_arr_id)
-        //回显导航池 连同非管理员得一起刷新
-        this.parentKey += 1; // 触发级联选择器重新加载
-        this.loadCascaderPath(this.form.cat_arr_id); // 加载路径数据
-        this.parentKey_2 += 1; // 触发级联选择器重新加载
-        this.loadCascaderPath(this.form.cat_arr_id); // 加载路径数据
-        //回显行政区划
-        this.form.city_arr_id = JSON.parse(res.data.city_arr_id);
-        //回显行政职能
-        this.searchDepartmentKey += 1;
-        this.form.department_arr_id = JSON.parse(res.data.department_arr_id);
-        //回显其他数据
-        this.form.imgurl = res.data.imgurl;
-        this.imgUrl = res.data.imgurl;
-        this.form.keyword = res.data.keyword;
-        this.tags = res.data.keyword ? res.data.keyword.split(",") : [];
-        this.form.introduce = res.data.introduce;
-        //回显编辑器内容
-        this.$nextTick(() => {
-          this.form.content = res.data.content;
-        });
-        this.form.author = res.data.author;
-        this.form.hits = res.data.hits;
-        this.form.is_original = res.data.is_original;
-        this.form.copyfrom = res.data.copyfrom;
-        this.form.fromurl = res.data.fromurl;
-        this.form.status = res.data.status;
-        this.form.survey_name = res.data.survey_name;
-        this.form.commend_id = JSON.parse(res.data.commend_id);
-        if (res.data.is_survey == null) {
-          this.form.is_survey = 0;
-        } else {
-          this.form.is_survey = res.data.is_survey;
-        }
-        this.form.survey_type = res.data.survey_type;
-        this.inputList = [];
-        if (res.data.survey_array.length > 0) {
-          res.data.survey_array.forEach(item => {
-            if (item.is_other == 0) {
-              this.inputList.push({ "value": item.choice_name });
-            } else {
-              this.checked = true
-            }
-          });
-        } else {
-          this.inputList.push({ "value": "" });
-        }
-        console.log(this.inputList)
-      })
-    },
-    async loadCascaderPath(path) {
-      for (let i = 0; i < path.length; i++) {
-        const parentId = path[i - 1] || 0; // 获取当前层级的父级ID
-        const level = i; // 当前层级的索引
-
-        await this.$store.dispatch('pool/categoryList', { pid: parentId })
-          .then((res) => {
-            const nodes = res.data.map(item => ({
-              value: item.id,
-              label: item.name,
-              leaf: level >= 3, // 假设4层结构，设置叶子节点标记
-            }));
-
-            // 级联选择器加载数据
-            if (level === path.length - 1) {
-              this.form.cat_arr_id = path; // 确保最后一级路径正确设置
-              this.parentKey += 1; // 强制刷新 cascader
-            }
-          });
-      }
-    },
-    //1.3提交修改
-    editToServe() {
-      //不使用外联 验证投票逻辑
-      if (this.form.islink == false) {
-        if (this.form.is_survey == 1) {
-          const hasEmptyInput = this.inputList.some(input => input.value === '');
-          if (hasEmptyInput) {
-            // 如果有输入框为空，弹出提示信息
-            this.$message.error('请确保所有输入框都有内容');
-            return;
-          }
-          const inputLists = this.inputList.map(input => input.value);
-          const allowList = [this.checked ? 1 : 0, ""];
-          if (this.checked) {
-            inputLists.push(allowList);
-          }
-          if (inputLists.length < 2) {
-            this.$message.error('投票选项不少于2条');
-            return;
-          }
-          this.form.suvey_array = JSON.stringify(inputLists);
-        }
-      }
-      console.log(this.form)
-      if (this.form.islink == 1) {
-        this.cleatForm(1)
-      }
-
-      //取出行政职能和行政区划数组的最后一个数字
-      if (this.form.department_arr_id == "[]" || this.form.department_arr_id == null) {
-        this.form.department_arr_id = '[]'
-        this.form.department_id = 0;
-      } else {
-        if (JSON.parse(this.form.department_arr_id.length == 0)) {
-          this.form.department_id = 0;
-        } else {
-          this.form.department_id = this.form.department_arr_id[this.form.department_arr_id.length - 1];
-        }
-        this.form.department_arr_id = JSON.stringify(this.form.department_arr_id);
-
-      }
-      if (this.form.city_arr_id == "[]" || this.form.city_arr_id == null) {
-        this.form.city_arr_id = '[]'
-        this.form.city_id = 0;
-      } else {
-        if (JSON.parse(this.form.city_arr_id.length == 0)) {
-          this.form.city_id = 0;
-        } else {
-          this.form.city_id = this.form.city_arr_id[this.form.city_arr_id.length - 1];
-        }
-        this.form.city_arr_id = JSON.stringify(this.form.city_arr_id);
-      }
-
-
-      //将department_id和city_id转换为字符串  
-      // this.form.department_arr_id = JSON.stringify(this.form.department_arr_id);
-      // this.form.city_arr_id = JSON.stringify(this.form.city_arr_id);
-      //添加要修改的id
-      this.form.id = this.editId;
-
-      //判断用户身份
-      if (this.creatNews_user_type == 10000) {
-        if (this.$route.query.to == "examine") {
-          //如果是管理员在编辑用户的新闻这里的status需要设置为0
-          this.form.status = 0;
-        } else {
-          console.log("用户身份为管理员,无需审核直接发布!")
-          this.form.status = 1;
-        }
-      } else {
-        console.log("用户身份为其他用户,提交到审核!")
-        this.form.status = 0;
-        this.form.web_site_id = this.websiteid;
-      }
-
-      //先进行验证
-      this.$refs.form.validate(valid => {
-        if (valid) {
-          //如果推荐等级为空，则设置为0
-          if (this.form.level == "" || this.form.level == "[0]") {
-            this.form.level = "[0]";
-          } else {
-            this.form.level = JSON.stringify(this.form.level);
-          }
-          const formData = { ...this.form };
-          if (formData.commend_id != undefined && formData.commend_id.length > 0) {
-            formData.commend_id = JSON.stringify(formData.commend_id); // 提取推荐ID
-          }
-          if (formData.commend_id.length == 0) {
-            formData.commend_id = '[]';
-          }
-          //console.log(this.form)
-          this.$store.dispatch('news/updateArticle', formData).then(res => {
-            if (res.code != 200) {
-              this.$message.error("修改失败，请稍后再试！");
-            } else {
-              //汇报结果
-              this.$message({
-                type: 'success',
-                message: '已成功编辑资讯！'
-              });
-              this.cleatForm(2);
-              //返回列表页
-              this.returnPage()
-              console.log(this.form);
-
-              // this.form.level=JSON.parse(this.form.level);
-            }
-          }).catch(() => {
-            this.$message({
-              type: 'info',
-              message: '网络错误，请重试！'
-            });
-          })
-        }
-      })
-    },
-    //1.4 修改是否原创
-    changeIsOriginal() {
-      if (this.form.is_original == 1) {
-        this.form.copyfrom = "本网";
-      } else {
-        this.form.copyfrom = "";
-        this.form.fromurl = "";
-      }
-    },
-    //跳转操作 end ------------------------------------------------------------>
-
-
-    //5.站点选择 曹国庆 start ------------------------------------------------------------>
-    get_creatNews_form_id_fun() {
-      //判断用户类型ajax
-      this.$store.dispatch('public/getInfo').then(res => {
-        //     console.log("res======",res)
-        this.form.user_type = res.data.type_id;
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '网络错误，请重试！'
-        });
-      })
-    },
-    get_creatNews_nav_pool_arr_fun() {//
-      this.$store.dispatch('pool/get_creatNews_nav_actions', { page: 1, pageSize: 666666 }).then(res => {
-        res.data.rows.forEach((per_obj) => {
-          let new_per = {
-            label: per_obj.website_name,
-            value: per_obj.id,
-          }
-          this.creatNews_nav_pool_arr.push(new_per)
-        })
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '网络错误，请重试！'
-        });
-      })
-    },
-    creatNews_nav_pool_change_fun() {
-      //开启导航池级联选择器
-      this.ifwebsitId = true;
-      console.log(this.ifwebsitId)
-      //  导航池级
-      let that = this;
-      this.form.web_site_id = this.form.web_site_id[0]
-      that.parentKey_2 += 1;
-      this.$store.dispatch('pool/get_creatNews_nav_son_actions', { pid: String(this.creatNews_pid_num), website_id: String(this.form.web_site_id) }).then(res => {
-        if (res.data.length == 0) {//没有导航池子级
-          // alert("没有导航池子级");
-          return
-        }
-        this.creatNews_add_nav_pool_arr = res.data;
-        this.creatNews_add_nav_pool_arr.forEach((per_obj) => {
-          per_obj.label = per_obj.name,
-            per_obj.value = per_obj.id,
-            this.creatNews_pid_num = per_obj.category_id
-        })
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '网络错误，请重试！'
-        });
-      })
-    },
-    updateTags(newTags) {
-      // this.foem.seo_keywords = newTags;
-      this.tags = newTags;
-      this.form.keyword = newTags.join(',');
-    },
-    //推荐等级多选获取到的数据
-    levelChange(value) {
-      this.form.level = value;
-    },
-    getNews() {
-      this.$store.dispatch('news/getArticleList', { page: 1, pageSize: 20 }).then(res => {
-        let data = [];
-        for (let item of res.data.rows) {
-          data.push(item)
-        }
-        this.commend_article = data;
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '网络错误，请重试！'
-        });
-      })
-    },
-    // 远程搜索方法
-    remoteMethod(query) {
-      const artical_params = { page: 1, pageSize: 20, id: query }
-      if (query !== '') {
-        this.loading = true;
-        //如果全是数字，就id，其他就是搜title
-        let reg = /^[0-9]+$/;
-        let isNum = reg.test(query);
-        if (isNum) {
-          delete artical_params.title;
-          artical_params.id = query;
-        } else {
-          delete artical_params.id;
-          artical_params.title = query;
-        }
-        this.$store.dispatch('news/getArticleList', artical_params).then(res => {
-          this.loading = false;
-          let data = [];
-          for (let item of res.data.rows) {
-            data.push(item);
-          }
-          this.commend_article = data;
-        }).catch(() => {
-          this.loading = false;
-          this.$message({
-            type: 'info',
-            message: '网络错误，请重试！'
-          });
-        });
-      } else {
-        this.commend_article = [];
-      }
-    },
-    //5.站点选择 曹国庆 end ------------------------------------------------------------>
-
-    //6.问卷 刘佳伟 start ------------------------------------------------------------>
-    addInput(index) {
-      // 在当前索引后插入一个新的输入框对象
-      if (this.inputList.length > 10) {
-        this.$message.warning('最多只能添加10个文本框');
-        return false;
-      }
-      this.inputList.splice(index + 1, 0, { value: '' });
-    },
-    deleteInput(index) {
-      if (this.inputList.length > 1) {
-        // 如果输入框数量大于 1，则删除当前索引对应的输入框对象
-        this.inputList.splice(index, 1);
-      } else {
-        this.$message.warning('至少保留一个输入框');
-      }
-    },
-    onDragEnd() {
-      // 处理拖拽结束事件（如果需要）
-      console.log('拖拽结束', this.commend_article);
-    },
-    handleClose(item) {
-      const index = this.form.commend_id.indexOf(item);
-      if (index > -1) {
-        this.form.commend_id.splice(index, 1);
-      }
-    },
-    //6.问卷 刘佳伟 end ------------------------------------------------------------>
-  },
-  mounted() {
-    console.log("mounted")
-    this.getNews()
-    console.log(this.commend_article, '-------news-------');
-    this.creatNews_user_type = getUseType()
-    this.websiteid = getWebSiteId()
-    //1.获得站点标识
-    this.get_creatNews_form_id_fun()
-    this.get_creatNews_nav_pool_arr_fun()
-    //2.判断是新建还是回显
-    if (this.$route.query.id != undefined) {
-      this.editId = this.$route.query.id;
-      this.editStatus = true;
-      console.log("编辑新闻！")
-      this.getMainData();
-    } else {
-      this.editStatus = false;
-      console.log("添加新闻！")
-    }
-  },
-};
-</script>
-
-<style scoped lang="less">
-//执行v-deep穿透scope选择器 start------------------------------------------------------------>*/
-::v-deep .custom-form-item>.el-form-item__label {
-  line-height: 140px !important;
-}
-
-::v-deep .custom-textarea .el-textarea__inner {
-  resize: none;
-  /* 禁止用户拖拽调整大小 */
-}
-
-::v-deep .custom-align-right .el-form-item__label {
-  text-align: right;
-  /* 设置标签文字右对齐 */
-}
-
-::v-deep .el-popper {
-  height: 500px;
-}
-
-::v-deep .el-select {
-  width: 100%;
-  /* 禁止用户拖拽调整大小 */
-}
-
-::v-deep .el-input-group__prepend {
-  color: black !important;
-}
-
-.formLabelFloatBox {
-  margin-bottom: 10px;
-  position: relative;
-
-  .formLabeladdIcon {
-    position: absolute;
-    right: 45px;
-    top: 5px;
-    width: 38px;
-    height: 24px;
-  }
-
-  .formLabelDelIcon {
-    position: absolute;
-    right: 5px;
-    top: 5px;
-    width: 38px;
-    height: 24px;
-  }
-}
-
-//该项不能为空几个字的位置
-::v-deep .el-form-item__error {
-  color: #ff4949;
-  font-size: 12px;
-  line-height: 1;
-  padding-top: 4px;
-  position: relative;
-  // top: 22%;
-  // left: 93%;
-}
-
-//输入框距离底部的距离
-::v-deep .el-form-item {
-  margin-bottom: 5px;
-}
-
-//图片提示文字样式
-.photo_tips {
-  font-size: 12px;
-  color: #999;
-}
-
-// 执行v-deep穿透scope选择器 end------------------------------------------------------------></style>

src/views/news/ncomplaintListApply.vue

@@ -53,7 +53,7 @@
             <el-table-column fixed prop="id" label="编号" width="50"></el-table-column>
             <el-table-column prop="title" label="投诉主题" width="">
             </el-table-column>
-            <el-table-column prop="title" label="投诉类型" width="">
+            <el-table-column prop="department_name" label="投诉类型" width="">
             </el-table-column>
             <el-table-column prop="cityname" label="接收人" width="">
             </el-table-column>

src/views/news/ncomplaintListDeal.vue

@@ -52,7 +52,7 @@
             <el-table-column fixed prop="id" label="编号" width="50"></el-table-column>
             <el-table-column prop="title" label="投诉主题" width="">
             </el-table-column>
-            <el-table-column prop="title" label="投诉类型" width="">
+            <el-table-column prop="department_name" label="投诉类型" width="">
             </el-table-column>
             <el-table-column prop="cityname" label="接收人" width="">
             </el-table-column>