فهرست منبع

增加商品审核列表

dangyunlong 1 هفته پیش
والد
کامیت
3e3f869982
4فایلهای تغییر یافته به همراه613 افزوده شده و 48 حذف شده
  1. 48 0
      src/router/index.js
  2. 32 8
      src/views/news/GoodList.vue
  3. 361 0
      src/views/news/GoodListApply.vue
  4. 172 40
      src/views/news/addGood.vue

+ 48 - 0
src/router/index.js

@@ -630,6 +630,54 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/goodList',
+    component: Layout,
+    children: [
+      {
+        name: '',
+        path: '',
+        component: () => import('@/views/news/GoodList'),
+        meta: {
+          title: '商品列表',
+          hidden: true,
+          breadcrumb: true
+        }
+      }
+    ]
+  },
+  {
+    path: '/goodListApply',
+    component: Layout,
+    children: [
+      {
+        name: '',
+        path: '',
+        component: () => import('@/views/news/GoodListApply'),
+        meta: {
+          title: '商品待审核列表',
+          hidden: true,
+          breadcrumb: true
+        }
+      }
+    ]
+  },
+  {
+    path: '/addGood',
+    component: Layout,
+    children: [
+      {
+        name: '',
+        path: '',
+        component: () => import('@/views/news/addGood'),
+        meta: {
+          title: '添加商品',
+          hidden: true,
+          breadcrumb: true
+        }
+      }
+    ]
+  },
 ]
 
 /**

+ 32 - 8
src/views/news/GoodList.vue

@@ -7,7 +7,7 @@
           <el-col :span="8">
             <div class="searchBox">
               <div class="searchTitle">发布类型:</div>
-              <el-select v-model="getApiData.type_id" placeholder="请选择..">
+              <el-select v-model="getApiData.type_id" placeholder="请选择发布类型..">
                 <el-option label="供应商品" value="1"></el-option>
                 <el-option label="求购商品" value="2"></el-option>
               </el-select>
@@ -31,11 +31,19 @@
         <el-row>
           <el-col :span="8">
             <div class="searchBox">
-              <div class="searchTitle">导航名称:</div>
-              <el-input placeholder="请输入网站名称" autocomplete="off" v-model="getApiData.category_name" />
+              <div class="searchTitle">栏目名称:</div>
+              <el-input placeholder="请输入栏目名称" autocomplete="off" v-model="getApiData.category_name" />
             </div>
           </el-col>
-
+          <!-- <el-col :span="8">
+            <div class="searchBox"></div>
+            <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>
+          </el-col> -->
         </el-row>
       </div>
     </div>
@@ -74,17 +82,32 @@
             <el-table-column prop="website_name" label="网站名称" width="">
 
             </el-table-column>
-            <el-table-column prop="category_name" label="导航池名称" width=""></el-table-column>
-            <el-table-column prop="created_at" label="创建时间" width=""></el-table-column>
+            <el-table-column prop="category_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>
+                      class="el-icon-delete"></i>删除
+                  </div>
                   <div class="listEditBtn" @click="goEdit(scope.row.id, tableData)"><i
-                      class="el-icon-edit-outline"></i>编辑</div>
+                      class="el-icon-edit-outline"></i>编辑
+                  </div>
                 </div>
               </template>
             </el-table-column>
@@ -128,6 +151,7 @@ export default {
         category_name: "",//导航池id
         website_name: "",//网站名称
         type_id: "",//发布类型
+        status: 2,//审核状态 1待审核 2已审核 3已拒绝
 
         page: 1,//当前是第几页
         page_size: 10,//一共多少条

+ 361 - 0
src/views/news/GoodListApply.vue

@@ -0,0 +1,361 @@
+<template>
+  <div class="mainBox">
+    <!--搜索功能 start------------------------------------------------------------>
+    <div class="layerBox_search">
+      <div class="layerBoxLine">
+        <el-row>
+          <el-col :span="8">
+            <div class="searchBox">
+              <div class="searchTitle">发布类型:</div>
+              <el-select v-model="getApiData.type_id" placeholder="请选择发布类型">
+                <el-option label="供应商品" value="1"></el-option>
+                <el-option label="求购商品" value="2"></el-option>
+              </el-select>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="searchBox">
+              <div class="searchTitle">名称:</div>
+              <el-input placeholder="请输入名称" autocomplete="off" v-model="getApiData.name" />
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="searchBox">
+              <div class="searchTitle">网站名称:</div>
+              <el-input placeholder="请输入网站名称" autocomplete="off" v-model="getApiData.website_name" />
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="layerBoxLineTwo">
+        <el-row>
+          <el-col :span="8">
+            <div class="searchBox">
+              <div class="searchTitle">栏目名称:</div>
+              <el-input placeholder="请输入栏目名称" autocomplete="off" v-model="getApiData.category_name" />
+            </div>
+          </el-col>
+          <!-- <el-col :span="8">
+            <div class="searchBox"></div>
+            <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>
+          </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="type_id" label="发布类型" width="">
+
+              <template slot-scope="scope">
+                <span v-if="scope.row.type_id == 1">
+                  供应商品
+                </span>
+                <span v-if="scope.row.type_id == 2">
+                  求购商品
+                </span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="name" label="名称" width=""></el-table-column>
+            <el-table-column prop="cityname" label="发布地点" width=""></el-table-column>
+            <el-table-column prop="website_name" label="网站名称" width="">
+            </el-table-column>
+            <el-table-column prop="category_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="400" header-align="center">
+              <template slot-scope="scope">
+                <div class="listBtnBox">
+
+                  <div class="listMainBtn" @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>
+    <!--分页 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------------------------------------------------------------>
+    <!--弹出框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------------------------------------------------------------>
+
+    <!--表格内容 end------------------------------------------------------------>
+  </div>
+</template>
+
+<script>
+//表格标题
+import tableTitle from './components/tableTitle';
+//引入公用样式
+import '@/styles/global.less';
+
+export default {
+  components: {
+    tableTitle,//表格标题
+  },
+  data() {
+    return {
+      //1.列表和分页相关 start ------------------------------------------------------------>
+      tableDivTitle: "商品列表",
+      tableData: [],//内容
+      editId: 0,//要修改的网站id.
+      examineWindow: false,//审核窗口
+      getApiData: {
+        name: "",//标题
+        category_name: "",//导航池id
+        website_name: "",//网站名称
+        type_id: "",//发布类型
+        status1: 1,//审核状态 1待审核 2已审核 3已拒绝
+
+        page: 1,//当前是第几页
+        page_size: 10,//一共多少条
+      },
+      //提交驳回
+      form: {
+        reason: ""
+      },
+      allCount: 0,//总条数
+      //分页相关 end ------------------------------------------------------------>
+
+    }
+  },
+  methods: {
+    //提交驳回内容
+    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/updateGoodStatus', 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;
+      })
+    },
+    //1.列表和分页相关 start ------------------------------------------------------------>
+    //1.1 开始请求列表信息方法
+    getData(type) {
+      if (type == "search") {
+        this.getApiData.page = 1;
+      }
+      console.log(this.getApiData, '---1--')
+      this.$store.dispatch('news/getGoodList', this.getApiData).then(res => {
+        //格式化:islink=0为不使用外面 islink=1为使用外链
+        //status=1为显示 status=2为不显示
+        console.log(this.getApiData, '---2-')
+        let data = [];
+        for (let item of res.data.rows) {
+          // if(item.status==0){item.status="隐藏"}
+          // if(item.status==1){item.status="显示"}
+          // if(item.status==404){item.status="已删除"}
+          // if (item.islink == 0) { item.islink = "否" }
+          // if (item.islink == 1) { item.islink = "是" }
+          data.push(item)
+        }
+        this.tableData = res.data.rows; //给与内容
+        this.allCount = res.data.count; //给与总条数
+      }).catch(() => {
+        this.$message({
+          type: 'warning',
+          message: '网络错误,请重试!'
+        });
+      })
+    },
+    //1.2 删除内容
+    deleteRow(id) {
+      this.$confirm('此操作将永久删除该条数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        console.log("当前删除:" + id)
+        this.$store.dispatch('news/delGood', { 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/updateGoodStatus', data).then(res => {
+        if (res.code == 200) {
+          this.$message({
+            type: 'success',
+            message: '商品状态已修改!'
+          });
+          this.getData();
+        }
+      }).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.name = "";
+      this.getApiData.category_name = "";
+      this.getApiData.type_id = "";
+      this.getApiData.website_name = "";
+
+      this.getApiData.page = 1;
+      this.getApiData.pageSize = 10;
+      this.getData();
+    },
+    //列表和分页相关 end ------------------------------------------------------------>
+
+    //2.添加新闻 start ------------------------------------------------------------>
+    //跳转到商品发布页面
+    goCreat() {
+      this.$router.push({
+        path: '/addGood',
+      });
+    },
+    goEdit(id) {
+      let data = {
+        id: id
+      }
+      this.$router.push({
+        path: '/addGood',
+        query: data
+      });
+    }
+    //添加新闻 end ------------------------------------------------------------>
+  },
+  mounted() {
+    //1.获得初始数据
+    this.getData();
+  }
+}
+</script>
+
+<style scoped lang="less">
+.listBtnBox div {}
+</style>

+ 172 - 40
src/views/news/addGood.vue

@@ -10,7 +10,6 @@
               <el-radio :label="2">求购商品</el-radio>
             </el-radio-group>
           </el-form-item>
-
           <el-form-item label="商品名称:" prop="name" class="custom-align-right">
             <template #label>
               <span class="askBox" v-if="form.type_id == 1">
@@ -23,20 +22,27 @@
             <el-input v-model="form.name" 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-cascader :key="cascaderKey" v-model="form.city_arr_id" placeholder="请选择发布地点" :props="cityData"
+              filterable clearable></el-cascader>
           </el-form-item>
-          <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-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"
+          <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>
+          <div v-if="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-select>
+            </el-form-item>
+          </div>
           <div v-if="form.type_id == 1">
             <el-form-item label="商品单价:" prop="price" class="custom-align-right">
               <el-input type="number" v-model="form.price" autocomplete="off" placeholder="请输入商品单价">
@@ -48,7 +54,6 @@
             <el-form-item label="单位:" prop="unit" class="custom-align-right">
               <el-input v-model="form.unit" autocomplete="off" placeholder="请输入单位"></el-input>
             </el-form-item>
-
             <el-form-item label="最小定量:" prop="min" class="custom-align-right">
               <el-input v-model="form.min" autocomplete="off" placeholder="请输入最小定量"></el-input>
             </el-form-item>
@@ -58,40 +63,36 @@
             <el-form-item label="有效期:" prop="validity" class="custom-align-right">
               <el-date-picker v-model="form.validity" type="date" placeholder="选择日期" :disabled="form.islong == 1">
               </el-date-picker>
-
-              <el-checkbox v-model="form.islong">无期限</el-checkbox>
+              <el-checkbox v-model="form.islong" @change="checked => selectChange(checked)">无期限</el-checkbox>
             </el-form-item>
           </div>
           <div v-if="form.type_id == 2">
-
             <el-form-item label="截止日期:" prop="validity" class="custom-align-right">
               <el-date-picker v-model="form.validity" type="date" placeholder="选择日期" :disabled="form.islong == 1">
               </el-date-picker>
-              <el-checkbox v-model="form.islong">无期限</el-checkbox>
+              <el-checkbox v-model="form.islong" @change="checked => selectChange(checked)">无期限</el-checkbox>
             </el-form-item>
           </div>
-
           <el-form-item label="商品图:" class="custom-align-right" prop="imgurl">
             <div class="uploaderBox">
-
               <span v-if="imgurl.length > 0" class="uploaded-images">
-                <div v-for="(url, index) in imgurl" :key="index" style="display: inline;float: left; width: 150px;;">
-
+                <div v-for="(url, index) in imgurl" :key="index"
+                  style="display: inline;float: left; width: 150px; height:140px;">
                   <img :src="url" class="avatar" style="float: left; margin-right: 10px;">
                   <div style="position: relative;
-                                transform: translate(-50%, -50%);
-                                right: -120px;
-                                top: -20px;
-                                background-color: rgba(0, 0, 0, 0.5);
-                                color: white;
-                                border-radius: 50%;
-                                width: 24px;
-                                height: 24px;
-                                display: flex;
-                                align-items: center;
-                                justify-content: center;
-                                cursor: pointer;
-                                z-index: 10;" @click="deleteImage(index)">
+                    transform: translate(-50%, -50%);
+                    right: -120px;
+                    top: -20px;
+                    background-color: rgba(0, 0, 0, 0.5);
+                    color: white;
+                    border-radius: 50%;
+                    width: 24px;
+                    height: 24px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    cursor: pointer;
+                    z-index: 10;" @click="deleteImage(index)">
                     <i class="el-icon-delete"></i>
                   </div>
                 </div>
@@ -102,17 +103,30 @@
                   <img src="@/assets/public/upload/noImage.png">
                   <div>选择图片</div>
                 </div>
-
               </el-upload>
             </div>
           </el-form-item>
           <div class="imgBox" style="margin-left: 100px ;margin-bottom: 20px; padding-top: -20px;">
             最多可上传5张,每张图片大小不能超过500K,推荐上传图片尺寸
             宽1000像素 高1000像素。(首张显示为商品头图)</div>
-          <el-form-item label="商品关键词:" prop="keyword" class="custom-align-right">
+          <!-- <el-form-item label="商品关键词:" prop="keyword" class="custom-align-right">
             <el-input v-model="form.keyword" autocomplete="off" placeholder="请输入商品关键词"></el-input>
+          </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>
@@ -157,8 +171,11 @@
 </template>
 
 <script>
+import { getWebSiteId, getUseType } from '@/utils/auth'
 //表格标题
 import tableTitle from './components/tableTitle';
+//引入tag标签组件
+import tagInput from '../../components/InputTag/index.vue';
 //引入公用样式
 import '@/styles/global.less';
 //格式化时间
@@ -170,7 +187,8 @@ import myEditor from '../../components/edit/myEditor.vue';
 export default {
   components: {
     tableTitle,
-    myEditor
+    myEditor,
+    tagInput
   },
   data() {
     //0.全局操作 start ------------------------------------------------------------>
@@ -210,7 +228,9 @@ export default {
       tableDivTitle: "添加商品",
       searchCascaderKey: 0, //列表缓存key
       // imgurl: ['http://192.168.1.127:9501/image/20250227/1740674706184955.jpg', 'http://192.168.1.127:9501/image/20250227/1740674706184955.jpg'],//图片路径
-      website_id: 2,
+      website_id: "",
+      tags: [],//标签数组
+
       //提交表单
       form: {
         //1.1使用了外链
@@ -219,10 +239,11 @@ export default {
         city_arr_id: [],//行政区划
         city_id: '',//城市id
         cat_arr_id: '',//导航池名称
-        website_id: 2,
+        website_id: "",
         catid: "",
         cat_arr_id: "",
         name: "",
+        level: [],//推荐等级
         price: "",
         unit: "",
         min: null,
@@ -407,6 +428,30 @@ export default {
       ]
       //表单项 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: {
     async fetchWebsiteOptions() {
@@ -427,9 +472,12 @@ export default {
       this.$store.dispatch('public/getInfo').then(res => {
         console.log(res)
         this.userType = res.data.type_id;
-        if (this.userType == 10000) {
-          this.form.website_id = res.data.website_id !== undefined ? res.data.website_id : 2;;
+        this.user_type = res.data.type_id;
+        
+        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
@@ -476,15 +524,23 @@ export default {
     },
     //1.2 提交表单
     addToServe() {
+      
+      this.form.website_id = getWebSiteId();
+      console.log("提交时获取网站id:",this.form.website_id)
       //先进行验证
       this.$refs.form.validate(valid => {
-
         console.log(this.form.validity, 'this.form.validity-----------------')
         if (this.form.islong == 1 && (this.form.validity == null || this.form.validity == '')) {
           this.form.validity = '1970-01-01 00:00:00';
         }
         console.log(this.form.validity, 'this.form.validity-----------------')
         if (valid) {
+          //如果推荐等级为空,则设置为0
+          if (this.form.level == "" || this.form.level == "[0]") {
+            this.form.level = "[0]";
+          } else {
+            this.form.level = JSON.stringify(this.form.level);
+          }
           if (this.form.validity) {
             console.log(this.form.validity, 'p0------------------')
             this.form.validity = formatLocalDate(this.form.validity);
@@ -504,6 +560,14 @@ export default {
             this.form.hits = null;
           }
           console.log(this.form, '提交的数据')
+          //判断用户身份
+          if (this.user_type == 10000) {
+            console.log("用户身份为管理员,无需审核直接发布!")
+            this.form.status = 2;
+          } else {
+            console.log("用户身份为其他用户,提交到审核!")
+            this.form.status = 1;
+          }
           this.$store.dispatch('news/addGood', this.form).then(res => {
             if (res.code == 200) {
               //汇报结果
@@ -563,10 +627,8 @@ export default {
         this.parentKey += 1; // 触发级联选择器重新加载
         this.loadCascaderPath(this.form.cat_arr_id); // 加载路径数据
         //回显推荐等级
-
         this.form.imgurl = Array.isArray(res.data.imgurl) ? res.data.imgurl : JSON.parse(res.data.imgurl);
         this.imgurl = Array.isArray(res.data.imgurl) ? res.data.imgurl : JSON.parse(res.data.imgurl);
-        this.form.keyword = res.data.keyword;
         this.form.type_id = res.data.type_id;
         this.form.website_id = res.data.website_id;
         this.form.catid = res.data.catid;
@@ -577,6 +639,7 @@ export default {
         this.form.islong = res.data.islong == 1 ? true : false;
         this.form.validity = res.data.validity;
         this.form.keyword = res.data.keyword;
+        this.tags = res.data.keyword ? res.data.keyword.split(",") : [];
         this.form.description = res.data.description;
         //回显编辑器内容
         this.$nextTick(() => {
@@ -589,6 +652,12 @@ export default {
         this.form.email = res.data.email;
         this.form.postal = res.data.postal;
         this.form.address = res.data.address;
+        this.form.level = res.data.level;
+        if (res.data.level == "[]" || res.data.level == "") {
+          this.form.level = [];
+        } else {
+          this.form.level = JSON.parse(res.data.level);
+        }
       })
     },
     async loadCascaderPath(path) {
@@ -634,6 +703,12 @@ export default {
       this.$refs.form.validate(valid => {
 
         if (valid) {
+          //如果推荐等级为空,则设置为0
+          if (this.form.level == "" || this.form.level == "[]" || this.form.level == null) {
+            this.form.level = "[]";
+          } else {
+            this.form.level = JSON.stringify(this.form.level);
+          }
           if (this.form.validity) {
             console.log(this.form.validity, 'p0------------------')
             this.form.validity = formatLocalDate(this.form.validity);
@@ -653,6 +728,15 @@ export default {
           }
           this.form.imgurl = this.imgurl;
           //console.log(this.form)
+          //判断用户身份
+          if (this.user_type == 10000) {
+            console.log("用户身份为管理员,无需审核直接发布!")
+            this.form.status = 2;
+          } else {
+            console.log("用户身份为其他用户,提交到审核!")
+            this.form.status = 1;
+          }
+
           this.$store.dispatch('news/updateGood', this.form).then(res => {
             if (res.code != 200) {
               this.$message.error("修改失败,请稍后再试!");
@@ -675,7 +759,24 @@ export default {
         }
       })
     },
+    //推荐等级选择
+    levelChange(value) {
+      this.form.level = value;
+    },
     //跳转操作 end ------------------------------------------------------------>
+    //商品关键词
+    updateTags(newTags) {
+      // this.foem.seo_keywords = newTags;
+      this.tags = newTags;
+      this.form.keyword = newTags.join(',');
+    },
+    selectChange(checked){
+      if(checked==true){
+        this.form.validity = '1970-01-01 00:00:00';
+      }else{
+        
+      }
+    }
   },
   watch: {
     'form.type_id': {
@@ -735,8 +836,10 @@ export default {
       },
       immediate: true // 立即执行一次
     }
+    
   },
   mounted() {
+    this.user_type = getUseType();
     //1.判断是新建还是回显
     if (this.$route.query.id != undefined) {
       this.editId = this.$route.query.id;
@@ -799,4 +902,33 @@ export default {
   }
 }
 
+::v-deep .el-upload {
+  display: inline-block;
+  text-align: center;
+  cursor: pointer;
+  outline: none;
+  border: 1px solid #ccc;
+  padding: 26px 20px;
+  border-radius: 10px;
+  width: 140px;
+  height: 140px;
+}
+
+::v-deep .avatar {
+  width: 140px;
+  height: 140px;
+  display: block;
+  border: 1px solid #ccc;
+  padding: 5px;
+  border-radius: 10px;
+  box-sizing: border-box;
+}
+
+::v-deep .el-checkbox {
+  margin-left: 20px;
+}
+.imgBox{
+  color: #999;
+}
+
 //执行v-deep穿透scope选择器 end------------------------------------------------------------>*/</style>