Prechádzať zdrojové kódy

修改bug

修改bug
dangyunlong 4 dní pred
rodič
commit
bb606610af

+ 97 - 28
src/views/news/messageCreat.vue

@@ -7,27 +7,67 @@
             <el-form :model="form" ref="form" :rules="formRules" label-position="left" label-width="120px">
                 <div class="formDiv">
                     <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-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-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>
                                 <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>
                                     </el-tooltip>
                                 </span>
                             </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 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>
                                 <span class="askBox">
                                     留言描述:
@@ -38,22 +78,44 @@
                             </template>
                             <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 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>
             </el-form>
@@ -62,7 +124,7 @@
             <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="editToServe">编辑</el-button>
+            <el-button type="primary" @click="editToServe" v-else>编辑</el-button>
         </div>
     </div>
 </template>
@@ -286,11 +348,18 @@ export default {
     border: 1px solid #DCDFE6;
     border-radius: 4px;
     background: #F5F7FA;
+    color: #C0C4CC;
     ::v-deep * {
         color: #C0C4CC;
     }
 }
-
+.custom-textarea-height {
+    ::v-deep .el-textarea__inner {
+        height: 100px;
+        resize: none;
+        /* 禁止用户拖拽调整大小 */
+    }
+}
 //执行v-deep穿透scope选择器 start------------------------------------------------------------>*/
 ::v-deep .custom-form-item>.el-form-item__label {
     line-height: 140px !important;

+ 1 - 1
src/views/news/messageList.vue

@@ -221,7 +221,7 @@ export default {
                 path: '/messageCreat',
                 query: {
                     type: 'add',
-                    page: 'messageReviewList'
+                    page: 'messageList'
                 }
             });
         },