|
@@ -7,27 +7,67 @@
|
|
|
<el-form :model="form" ref="form" :rules="formRules" label-position="left" label-width="120px">
|
|
<el-form :model="form" ref="form" :rules="formRules" label-position="left" label-width="120px">
|
|
|
<div class="formDiv">
|
|
<div class="formDiv">
|
|
|
<div>
|
|
<div>
|
|
|
- <el-form-item label="留言标题:" :label-width="formLabelWidth" prop="title" class="custom-align-right">
|
|
|
|
|
|
|
+ <!--1.添加留言标题-->
|
|
|
|
|
+ <el-form-item label="留言标题:" :label-width="formLabelWidth" prop="title" class="custom-align-right" v-if="pageMode == 'add'">
|
|
|
|
|
+ <el-input v-model="form.title" autocomplete="off" placeholder="请输入留言标题"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <!--1.编辑留言标题-->
|
|
|
|
|
+ <el-form-item label="留言标题:" :label-width="formLabelWidth" prop="title" class="custom-align-right" v-else>
|
|
|
<el-input v-model="form.title" autocomplete="off" placeholder="请输入留言标题" :disabled="pageMode == 'view' || isme == false"></el-input>
|
|
<el-input v-model="form.title" autocomplete="off" placeholder="请输入留言标题" :disabled="pageMode == 'view' || isme == false"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="网站属性:" :label-width="formLabelWidth" prop="column_id" class="custom-align-right">
|
|
|
|
|
|
|
+ <!--2.添加网站属性-->
|
|
|
|
|
+ <el-form-item label="网站属性:" :label-width="formLabelWidth" prop="column_id" class="custom-align-right" v-if="pageMode == 'add'">
|
|
|
|
|
+ <el-cascader v-model="form.column_id" :props="{ checkStrictly: true }" :options="website_column_arr"></el-cascader>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <!--2.编辑网站属性-->
|
|
|
|
|
+ <el-form-item label="网站属性:" :label-width="formLabelWidth" prop="column_id" class="custom-align-right" v-else>
|
|
|
<el-cascader v-model="form.column_id" :props="{ checkStrictly: true }" :options="website_column_arr" :disabled="pageMode == 'view' || isme == false"></el-cascader>
|
|
<el-cascader v-model="form.column_id" :props="{ checkStrictly: true }" :options="website_column_arr" :disabled="pageMode == 'view' || isme == false"></el-cascader>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="留言关键词:" class="custom-align-right" v-if="pageMode != 'view' && isme == true">
|
|
|
|
|
|
|
+ <div v-if="pageMode == 'add'">
|
|
|
|
|
+ <!--3.添加留言关键词-->
|
|
|
|
|
+ <el-form-item label="留言关键词:" 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>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div v-else>
|
|
|
|
|
+ <!--3.编辑留言关键词-->
|
|
|
|
|
+ <el-form-item label="留言关键词:" class="custom-align-right" v-if="pageMode != 'view' && isme == true">
|
|
|
|
|
+ <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="留言关键词:" class="custom-align-right" v-else>
|
|
|
|
|
+ <el-input v-model="this.form.keyword" autocomplete="off" placeholder="请输入留言标题" disabled="disabled"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!--4.添加留言描述-->
|
|
|
|
|
+ <el-form-item label="留言描述:" class="custom-align-right" v-if="pageMode == 'add'">
|
|
|
<template #label>
|
|
<template #label>
|
|
|
<span class="askBox">
|
|
<span class="askBox">
|
|
|
- 留言关键词:
|
|
|
|
|
- <el-tooltip class="item" effect="dark" content="留言关键词,如:三农市场网、全国三农、信息一体化。" placement="top">
|
|
|
|
|
|
|
+ 留言描述:
|
|
|
|
|
+ <el-tooltip class="item" effect="dark" content="留言描述,如:中国三农市场网创建以来,社会效益和会员经济效益贡献。" placement="top">
|
|
|
<i class="el-icon-question"></i>
|
|
<i class="el-icon-question"></i>
|
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
|
</span>
|
|
</span>
|
|
|
</template>
|
|
</template>
|
|
|
- <tagInput :initialTags="tags" @tags-updated="updateTags"></tagInput>
|
|
|
|
|
|
|
+ <el-input type="textarea" v-model="form.description" class="custom-textarea" placeholder="请输入留言描述"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="留言关键词:" class="custom-align-right" v-else>
|
|
|
|
|
- <el-input v-model="this.form.keyword" autocomplete="off" placeholder="请输入留言标题" disabled="disabled"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="留言描述:" class="custom-align-right">
|
|
|
|
|
|
|
+ <!--4.编辑留言描述-->
|
|
|
|
|
+ <el-form-item label="留言描述:" class="custom-align-right" v-else>
|
|
|
<template #label>
|
|
<template #label>
|
|
|
<span class="askBox">
|
|
<span class="askBox">
|
|
|
留言描述:
|
|
留言描述:
|
|
@@ -38,22 +78,44 @@
|
|
|
</template>
|
|
</template>
|
|
|
<el-input type="textarea" v-model="form.description" class="custom-textarea" placeholder="请输入留言描述" :disabled="pageMode == 'view' || isme == false"></el-input>
|
|
<el-input type="textarea" v-model="form.description" class="custom-textarea" placeholder="请输入留言描述" :disabled="pageMode == 'view' || isme == false"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="留言内容:" prop="content" class="custom-align-right" v-if="pageMode == 'add' || pageMode == 'edit' && isme == true">
|
|
|
|
|
- <myEditor ref="myEditor" v-model="form.content"></myEditor>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="留言内容:" prop="content" class="custom-align-right" v-else>
|
|
|
|
|
- <div v-html="form.content" class="contentBox"></div>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div v-if="pageMode != 'view' && pageName == 'messageList'">
|
|
|
|
|
- <el-form-item label="回复:" :label-width="formLabelWidth" class="custom-align-right">
|
|
|
|
|
- <el-input type="textarea" v-model="form.reply" class="custom-textarea" placeholder="请输入回复" :disabled="creatNews_user_type!=10000"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div v-if="pageMode == 'view'">
|
|
|
|
|
- <el-form-item label="回复:" :label-width="formLabelWidth" class="custom-align-right">
|
|
|
|
|
- <el-input type="textarea" v-model="form.reply" class="custom-textarea" placeholder="暂无回复" :disabled="creatNews_user_type!=10000"></el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
|
+ <!--5.添加留言内容-->
|
|
|
|
|
+ <div v-if="pageMode == 'add'">
|
|
|
|
|
+ <el-form-item label="留言内容:" prop="content" class="custom-align-right">
|
|
|
|
|
+ <el-input type="textarea" v-model="form.content" class="custom-textarea custom-textarea-height" placeholder="请输入留言内容"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!--5.编辑留言内容-->
|
|
|
|
|
+ <div v-else>
|
|
|
|
|
+ <el-form-item label="留言内容:" prop="content" class="custom-align-right" v-if="pageMode == 'add' || pageMode == 'edit' && isme == true">
|
|
|
|
|
+ <!-- <myEditor ref="myEditor" v-model="form.content"></myEditor> -->
|
|
|
|
|
+ <el-input type="textarea" v-model="form.content" class="custom-textarea custom-textarea-height" placeholder="请输入留言内容"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="留言内容:" prop="content" class="custom-align-right" v-else>
|
|
|
|
|
+ <div v-html="form.content" class="contentBox "></div>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!--6.添加回复内容-->
|
|
|
|
|
+ <div v-if="pageMode == 'add'">
|
|
|
|
|
+ <div v-if="pageMode != 'view' && pageName == 'messageList'">
|
|
|
|
|
+ <el-form-item label="回复:" :label-width="formLabelWidth" class="custom-align-right">
|
|
|
|
|
+ <el-input type="textarea" v-model="form.reply" class="custom-textarea custom-textarea-height" placeholder="请输入回复" :disabled="creatNews_user_type!=10000"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!--6.编辑回复内容-->
|
|
|
|
|
+ <div v-else>
|
|
|
|
|
+ <div v-if="pageMode != 'view' && pageName == 'messageList'">
|
|
|
|
|
+ <el-form-item label="回复:" :label-width="formLabelWidth" class="custom-align-right">
|
|
|
|
|
+ <el-input type="textarea" v-model="form.reply" class="custom-textarea custom-textarea-height" placeholder="请输入回复" :disabled="creatNews_user_type!=10000"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!--7.查看回复内容-->
|
|
|
|
|
+ <div v-if="pageMode == 'view'">
|
|
|
|
|
+ <el-form-item label="回复:" :label-width="formLabelWidth" class="custom-align-right">
|
|
|
|
|
+ <el-input type="textarea" v-model="form.reply" class="custom-textarea custom-textarea-height" placeholder="暂无回复" :disabled="creatNews_user_type!=10000"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</el-form>
|
|
</el-form>
|
|
@@ -62,7 +124,7 @@
|
|
|
<el-button type="info" @click="returnPage">返回</el-button>
|
|
<el-button type="info" @click="returnPage">返回</el-button>
|
|
|
<el-button type="primary" @click="addToServe" v-if="pageMode == 'add'">确定</el-button>
|
|
<el-button type="primary" @click="addToServe" v-if="pageMode == 'add'">确定</el-button>
|
|
|
<!--管理员编辑-->
|
|
<!--管理员编辑-->
|
|
|
- <el-button type="primary" @click="editToServe">编辑</el-button>
|
|
|
|
|
|
|
+ <el-button type="primary" @click="editToServe" v-else>编辑</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -286,11 +348,18 @@ export default {
|
|
|
border: 1px solid #DCDFE6;
|
|
border: 1px solid #DCDFE6;
|
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
|
background: #F5F7FA;
|
|
background: #F5F7FA;
|
|
|
|
|
+ color: #C0C4CC;
|
|
|
::v-deep * {
|
|
::v-deep * {
|
|
|
color: #C0C4CC;
|
|
color: #C0C4CC;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+.custom-textarea-height {
|
|
|
|
|
+ ::v-deep .el-textarea__inner {
|
|
|
|
|
+ height: 100px;
|
|
|
|
|
+ resize: none;
|
|
|
|
|
+ /* 禁止用户拖拽调整大小 */
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
//执行v-deep穿透scope选择器 start------------------------------------------------------------>*/
|
|
//执行v-deep穿透scope选择器 start------------------------------------------------------------>*/
|
|
|
::v-deep .custom-form-item>.el-form-item__label {
|
|
::v-deep .custom-form-item>.el-form-item__label {
|
|
|
line-height: 140px !important;
|
|
line-height: 140px !important;
|