Browse Source

修改文章管理、栏目管理

limeng 5 months ago
parent
commit
94dcbee43e
1 changed files with 11 additions and 6 deletions
  1. 11 6
      zhjq-ui/src/views/system/scenery/index.vue

+ 11 - 6
zhjq-ui/src/views/system/scenery/index.vue

@@ -70,6 +70,11 @@
       <el-table-column label="景点名称" align="center" prop="sceneryName"/>
       <el-table-column label="经度" align="center" prop="longitude"/>
       <el-table-column label="纬度" align="center" prop="latitude"/>
+      <el-table-column label="图片">
+        <template slot-scope="scope">
+          <img :src="scope.row.sceneryUrl" alt="图片" style="width: 50px; height: 50px;">
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -101,22 +106,22 @@
     />
 
     <!-- 添加或修改景点管理对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="景点名称" prop="sceneryName">
-          <el-input v-model="form.sceneryName" placeholder="请输入景点名称" maxlength="25"/>
+          <el-input v-model="form.sceneryName" placeholder="请输入景点名称" maxlength="30" show-word-limit/>
         </el-form-item>
         <el-form-item label="经度" prop="longitude">
-          <el-input v-model="form.longitude" placeholder="请输入经度"/>
+          <el-input v-model="form.longitude" placeholder="请输入经度" show-word-limit/>
         </el-form-item>
         <el-form-item label="纬度" prop="latitude">
-          <el-input v-model="form.latitude" placeholder="请输入纬度"/>
+          <el-input v-model="form.latitude" placeholder="请输入纬度" show-word-limit/>
         </el-form-item>
         <el-form-item label="图片" prop="img">
           <file-upload v-model="form.sceneryUrl" :limit="1" :file-type="['png','jpg','jpeg']" :file-size="10"/>
         </el-form-item>
-        <el-form-item label="景点内容">
-          <editor v-model="form.content" :min-height="192"/>
+        <el-form-item label="景点介绍">
+          <el-input v-model="form.content" type="textarea" placeholder="请输入景点介绍" :rows="3" maxlength="255" show-word-limit/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">