|
|
@@ -0,0 +1,922 @@
|
|
|
+<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="website_id" class="custom-align-right">
|
|
|
+ <el-cascader :key="parentKey" v-model="form.website_id" placeholder="请选择站点名称"
|
|
|
+ popper-class="my_cascader" :options="creatNews_nav_pool_arr"
|
|
|
+ @change="creatNews_nav_pool_change_fun(form.website_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="作者：" 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="website_id" class="custom-align-right">
|
|
|
+ <el-cascader :key="parentKey" v-model="form.website_id" placeholder="请选择站点名称"
|
|
|
+ popper-class="my_cascader" :options="creatNews_nav_pool_arr"
|
|
|
+ @change="creatNews_nav_pool_change_fun(form.website_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" 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.description" class="custom-textarea"
|
|
|
+ placeholder="请输入资讯描述"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="作者：" class="custom-align-right">
|
|
|
+ <el-input v-model="form.author" 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="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>
|
|
|
+ <el-form-item label="发布时间：" class="custom-align-right">
|
|
|
+ <el-date-picker v-model="form.publiced_at" type="date" placeholder="请选择发布时间"
|
|
|
+ :picker-options="pickerOptions" value-format="yyyy-MM-dd">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="附件：" class="custom-align-right" prop="">
|
|
|
+ <div v-if="fjUrl" class="chooseImgDiv1">
|
|
|
+ <div>
|
|
|
+ {{this.fjUrl}}
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="uploaderBox" @mouseenter="hovering = true" mouseleave="hovering = false">
|
|
|
+ <el-upload class="avatar-uploader" action="#" :show-file-list="false"
|
|
|
+ :before-upload="beforeAvatarUpload1">
|
|
|
+ <!-- 预览图片 -->
|
|
|
+ <div v-if="fjUrl" class="notchooseImgDiv">
|
|
|
+ <img
|
|
|
+ src="http://192.168.1.234:19000/pre/image/png/20260107/1767778011971130.png">
|
|
|
+ <div class="notchooseImgDivText">已上传文档</div>
|
|
|
+ </div>
|
|
|
+ <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.fujian">
|
|
|
+ <span class="photo_tips">支持文件形式pdf,word,jpg,zip文件最大50M。</span>
|
|
|
+ <div v-if="hovering && form.fujian" class="delete-button" @click="handleDelete1">
|
|
|
+ <i class="el-icon-delete"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </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 {
|
|
|
+ pickerOptions: {
|
|
|
+ disabledDate(time) {
|
|
|
+ return time.getTime() > Date.now();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ website_id: "",
|
|
|
+ loading: false,
|
|
|
+ logoUrl: '',
|
|
|
+ hovering: false, // 鼠标悬浮状态 悬浮时显示删除
|
|
|
+ tags: [],//标签数组
|
|
|
+ websiteid: getWebSiteId() ? getWebSiteId() : 2,
|
|
|
+ creatNews_pid_num: "0",//请求子导航用的pid
|
|
|
+ creatNews_nav_pool_arr: [],//
|
|
|
+ creatNews_add_nav_pool_arr: [],//
|
|
|
+ creatNews_son_website_id_num: "",
|
|
|
+ formLabelWidth: '80px',//表单的长度
|
|
|
+ //1.表单项 start ------------------------------------------------------------>
|
|
|
+ editStatus: false,
|
|
|
+ tableDivTitle: "发布招聘",
|
|
|
+ disclaimer: true,//免责声明
|
|
|
+ //提交表单
|
|
|
+ creatNews_user_type: 0,//判断用户类型'
|
|
|
+ created_at: "",//创建时间
|
|
|
+ commend_article: [],//手动推荐
|
|
|
+ form: {
|
|
|
+ title: '',//资讯标题
|
|
|
+ cat_arr_id: [],//导航池名称
|
|
|
+ website_id: 0,//站点id
|
|
|
+ imgurl: "",//缩略图
|
|
|
+ keyword: "",//关键词
|
|
|
+ description: "",//描述
|
|
|
+ author: "",//作者
|
|
|
+ is_original: 1,//是否为原创 0非 1是
|
|
|
+ copyfrom: "本网",//来源名称
|
|
|
+ fromurl: "",//来源地址
|
|
|
+ islink: 0,//是否使用外链 0非 1是
|
|
|
+ linkurl: "",//外链地址
|
|
|
+ content: "",//内容
|
|
|
+ commend_id: [],//手动推荐文章id
|
|
|
+ fujian: "",//附件
|
|
|
+ publiced_at: null,//发布时间
|
|
|
+ },
|
|
|
+ //1.2 表单验证规则
|
|
|
+ formRules: {
|
|
|
+ //导航池名称不能为空
|
|
|
+ website_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 }],
|
|
|
+ //内容不能为空
|
|
|
+ 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 }],
|
|
|
+ },
|
|
|
+ //1.4图片上传
|
|
|
+ imgUrl: "",//在页面上显示缩略图
|
|
|
+ fjUrl: "",//在页面上显示附件
|
|
|
+ //获取父级导航池
|
|
|
+ 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 = {
|
|
|
+ 'type': 1,
|
|
|
+ '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.alias,
|
|
|
+ leaf: level >= 3,
|
|
|
+ children: [],
|
|
|
+ disabled: item.type != 1
|
|
|
+ }))
|
|
|
+ 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 = {
|
|
|
+ 'type': 1,
|
|
|
+ 'website_id': self.form.website_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: [],
|
|
|
+ disabled: item.type != 1
|
|
|
+ }))
|
|
|
+ resolve(nodes)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //表单项 end ------------------------------------------------------------>
|
|
|
+ };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ '$route'(to, from) {
|
|
|
+ console.log(from, '---------------------------------------');
|
|
|
+ // 监听路由参数中的 id 变化，若变化则更新页面状态并获取数据
|
|
|
+ if (to.query.id) {
|
|
|
+ this.getMainData();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ 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.1.1 直接上传文件
|
|
|
+ beforeAvatarUpload1(file) {
|
|
|
+ const isWord = file.type === 'application/msword' || 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' || 'application/vnd.ms-word' || 'doc';
|
|
|
+ const isPdf = file.type === 'application/pdf' || file.type === 'application/x-pdf' || file.type === 'application/acrobat' || file.type === 'pdf' || file.type === 'text/x-pdf' || file.type === 'application/x-download' || file.type === 'application/octet-stream';
|
|
|
+ const isZip = file.type === 'application/zip' || file.type === 'application/x-zip-compressed' || file.type === 'application/x-zip' || file.type === 'application/x-compress' || file.type === 'application/x-compressed' || file.type === 'multipart/x-zip' || file.type === 'multipart/x-zip-compressed' || file.type === 'zip';
|
|
|
+ const isLt50M = file.size / 1024 / 1024 < 50;
|
|
|
+ console.log('文件类型', file.type)
|
|
|
+ if (!isWord && !isExcel && !isPdf && !isZip) {
|
|
|
+ this.$message.error('上传文件只能是 Word/Excel/Pdf/压缩包 格式!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (!isLt50M) {
|
|
|
+ this.$message.error('上传文件大小不能超过 50MB!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ const formData = new FormData();
|
|
|
+ formData.append('file', file);
|
|
|
+
|
|
|
+ this.$store.dispatch('pool/uploadFile', formData).then(res => {
|
|
|
+ this.fjUrl = res.data.imgUrl;//显示缩略图
|
|
|
+ this.form.fujian = res.data.imgUrl;//提供表单地址
|
|
|
+ console.log(res.data.imgUrl)
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '网络错误，请重试！'
|
|
|
+ });
|
|
|
+ })
|
|
|
+ // 阻止默认的上传行为
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ //1.2 提交表单
|
|
|
+ addToServe() {
|
|
|
+ if (this.form.islink == true) {
|
|
|
+ this.form.islink = 1;
|
|
|
+ this.cleatForm(1)
|
|
|
+ } else {
|
|
|
+ this.form.islink = 0;
|
|
|
+ }
|
|
|
+ console.log(this.form)
|
|
|
+ this.$refs.form.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ 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/addSinglePage', formData).then(res => {//
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: "招聘信息发布成功！"
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ //this.returnPage()
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: res.message
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '网络错误，请重试！'
|
|
|
+ });
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //1.3 清理表单
|
|
|
+ cleatForm(type) {
|
|
|
+ if (type == 1) {
|
|
|
+ //使用了外链，进行部分表单清理
|
|
|
+ this.form.imgurl = "";
|
|
|
+ this.form.keyword = "";
|
|
|
+ this.form.description = "";
|
|
|
+ this.form.content = "";
|
|
|
+ this.form.is_original = "";
|
|
|
+ this.form.copyfrom = "";
|
|
|
+ this.form.fromurl = "";
|
|
|
+ }
|
|
|
+ if (type == 2) {
|
|
|
+ //完全清理表单
|
|
|
+ this.form.title = "";
|
|
|
+ this.form.islink = "";
|
|
|
+ this.form.linkurl = "";
|
|
|
+ this.form.cat_arr_id = "";
|
|
|
+ this.form.imgurl = "";
|
|
|
+ this.form.keyword = "";
|
|
|
+ this.form.description = "";
|
|
|
+ this.form.content = "";
|
|
|
+ this.form.author = "";
|
|
|
+ this.form.is_original = "";
|
|
|
+ this.form.copyfrom = "";
|
|
|
+ this.form.fromurl = "";
|
|
|
+ this.form.fujian = "";//清空附件 URL
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //1.5 删除图片
|
|
|
+ handleDelete() {
|
|
|
+ // 删除图片
|
|
|
+ this.imgUrl = ''; // 清空图片 URL
|
|
|
+ this.form.imgurl = ''; // 清空表单中的图片 URL
|
|
|
+ },
|
|
|
+ //1.5 删除附件
|
|
|
+ handleDelete1() {
|
|
|
+ // 删除附件
|
|
|
+ this.fjUrl = ''; // 清空附件 URL
|
|
|
+ this.form.fujian = ''; // 清空表单中的附件 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;
|
|
|
+ this.fjUrl = res.data.fujian; // 回显附件 URL
|
|
|
+ //判断是否使用了外链
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+ //回显站点名称
|
|
|
+ //判断website_id是否为字符串,如果是转换为数字
|
|
|
+ if (typeof res.data.website_id === 'string') {
|
|
|
+ this.form.website_id = Number(res.data.website_id);
|
|
|
+ } else {
|
|
|
+ this.form.website_id = res.data.website_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.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.description = res.data.description;
|
|
|
+ //回显编辑器内容
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.form.content = res.data.content;
|
|
|
+ });
|
|
|
+ this.form.author = res.data.author;
|
|
|
+ this.form.is_original = res.data.is_original;
|
|
|
+ this.form.copyfrom = res.data.copyfrom;
|
|
|
+ this.form.fromurl = res.data.fromurl;
|
|
|
+ this.form.commend_id = JSON.parse(res.data.commend_id);
|
|
|
+ this.form.fujian = res.data.fujian;
|
|
|
+ this.form.publiced_at = res.data.publiced_at;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ 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 == 1) {
|
|
|
+ this.cleatForm(1)
|
|
|
+ }
|
|
|
+ //添加要修改的id
|
|
|
+ this.form.id = this.editId;
|
|
|
+
|
|
|
+ //先进行验证
|
|
|
+ this.$refs.form.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ 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) {
|
|
|
+
|
|
|
+
|
|
|
+ } else {
|
|
|
+
|
|
|
+ }
|
|
|
+ }).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 => {
|
|
|
+ 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.website_id = this.form.website_id[0]
|
|
|
+ that.parentKey_2 += 1;
|
|
|
+ this.$store.dispatch('pool/get_creatNews_nav_son_actions', { type: 1, pid: String(this.creatNews_pid_num), website_id: String(this.form.website_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(',');
|
|
|
+ },
|
|
|
+ getNews() {
|
|
|
+ this.$store.dispatch('news/getArticleCommend', {
|
|
|
+ 'page': 1,
|
|
|
+ 'pageSize': 20,
|
|
|
+ 'website_id': this.website_id,
|
|
|
+ }).then(res => {
|
|
|
+ console.log("手动推荐", 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) {
|
|
|
+ console.log("query", query);
|
|
|
+ const artical_params = {
|
|
|
+ page: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ website_id: this.website_id,
|
|
|
+ }
|
|
|
+ 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 = String(query);
|
|
|
+ }
|
|
|
+ this.$store.dispatch('news/getArticleCommend', 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.getNews()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //5.站点选择 曹国庆 end ------------------------------------------------------------>
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ console.log("mounted")
|
|
|
+ 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("添加新闻！")
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ 'form.website_id': {
|
|
|
+ handler(newVal, oldVal) {
|
|
|
+ this.website_id = this.form.website_id ? newVal : this.websiteid
|
|
|
+ this.getNews()
|
|
|
+ console.log('websiteid', this.website_id);
|
|
|
+ },
|
|
|
+ immediate: true,
|
|
|
+ deep: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+};
|
|
|
+</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;
|
|
|
+}
|
|
|
+//输入框距离底部的距离
|
|
|
+::v-deep .el-form-item {
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+//图片提示文字样式
|
|
|
+.photo_tips {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #999;
|
|
|
+}
|
|
|
+.notchooseImgDiv img {
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ margin-left: 11px;
|
|
|
+}
|
|
|
+.notchooseImgDiv .notchooseImgDivText {
|
|
|
+ font-size: 14px;
|
|
|
+ margin-top: -25px;
|
|
|
+}
|
|
|
+// 执行v-deep穿透scope选择器 end------------------------------------------------------------>
|
|
|
+</style>
|
