始宁农业管理后台：内容管理-通知管理

htmldev/shiningManage/src/views/contentManage/banner/index.vue

@@ -8,35 +8,33 @@
         :model="searchForm"
         clearable
         class="mt-10">
-        <el-form-item>
-          <el-form-item label="标题:">
-            <el-input v-model="searchForm.lunbo_name" placeholder="请输入轮播标题" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="状态:">
-            <el-select
-              v-model="searchForm.lunbo_status"
-              filterable
-              clearable
-              placeholder="请选择状态">
-              <el-option
-                v-for="item in arrLunboStatus"
-                :key="item.value"
-                :label="item.name"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="创建时间:">
-            <el-date-picker
-              :editable="false"
-              v-model="time"
-              @change="timearr => {timearr ? (searchForm.start_time = timearr[0] + ' 00:00:00', searchForm.end_time = timearr[1] + ' 23:59:59') : searchForm.start_time = searchForm.end_time = undefined}"
-              type="daterange"
-              value-format="yyyy-MM-dd"
-              start-placeholder="开始时间"
-              end-placeholder="结束时间"
-            ></el-date-picker>
-          </el-form-item>
+        <el-form-item label="标题:">
+          <el-input v-model="searchForm.lunbo_name" placeholder="请输入轮播标题" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="状态:">
+          <el-select
+            v-model="searchForm.lunbo_status"
+            filterable
+            clearable
+            placeholder="请选择状态">
+            <el-option
+              v-for="item in arrLunboStatus"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="创建时间:">
+          <el-date-picker
+            :editable="false"
+            v-model="time"
+            @change="timearr => {timearr ? (searchForm.start_time = timearr[0] + ' 00:00:00', searchForm.end_time = timearr[1] + ' 23:59:59') : searchForm.start_time = searchForm.end_time = undefined}"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+          ></el-date-picker>
         </el-form-item>
         <el-form-item class="ml-10">
           <el-button icon="el-icon-search" type="primary" @click="searchSubmit">查询</el-button>

htmldev/shiningManage/src/views/contentManage/news/details.vue

@@ -41,13 +41,45 @@
           </el-input>
         </el-form-item>
         <el-form-item
+          class="track-img"
           prop="track_img_url"
           label="发布图片：">
-
+          <el-image
+            style="display:block;width: 100px; height: 100px;font-size: 0;"
+            :src="item"
+            :preview-src-list="[item]"
+            v-for="(item, index) in form.track_img_url"
+            :key="index">
+          </el-image>
+          <template v-if="form.track_img_url.length < 1">无</template>
         </el-form-item>
         <el-form-item
           label="互动消息：">
-
+          <el-table
+            :data="tableData"
+            stripe
+            v-loading="tableLoading"
+            fit
+            class="order-table"
+            border
+            :max-height="400">
+            <el-table-column label="用户昵称" prop="user_nickname" min-width="100"
+                             show-overflow-tooltip></el-table-column>
+            <el-table-column label="评论内容" prop="track_comment" min-width="200"
+                             show-overflow-tooltip></el-table-column>
+            <el-table-column label="创建时间" prop="created_at" min-width="140"></el-table-column>
+          </el-table>
+          <el-pagination
+            class="marginT-20"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :hide-on-single-page="true"
+            :current-page="page"
+            :page-size="page_size"
+            :page-sizes="[10, 20, 100, 200, 300, 400]"
+            background
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="totalCount"/>
         </el-form-item>
         <el-form-item
           prop="track_status"
@@ -80,7 +112,10 @@
 </template>
 
 <script>
+import page from '@/mixin/page'
+
 export default {
+  mixins: [page],
   props: {
     value: {
       type: Boolean,
@@ -109,7 +144,10 @@ export default {
         'track_img_url': [],
         'track_status': 1 // 状态(0隐藏1显示)
       },
-      booLock: false
+      booLock: false,
+      searchForm: {},
+      tableData: [],
+      tableUrl: '/api/admin/track/comment/list'
     }
   },
   methods: {
@@ -136,6 +174,7 @@ export default {
   mounted() {
     if (this.exData.id) {
       this.$set(this.form, 'id', this.exData.id)
+      this.$set(this.searchForm, 'id', this.exData.id)
       for (const key in this.exData) {
         if (this.form.hasOwnProperty(key)) {
           let value = this.exData[key]
@@ -151,6 +190,7 @@ export default {
         }
       }
     }
+    this.init()
   },
   watch: {
     dialog(val) {
@@ -161,22 +201,19 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.top-tip {
-  margin-top: -20px;
-  margin-bottom: 20px;
-}
+.track-img {
+  ::v-deep .el-form-item__content {
+    display: flex;
+    flex-flow: row wrap;
 
-.af-put-line-radio {
-  display: flex;
-  align-items: center;
+    .el-image {
+      margin-left: 28px;
+      margin-bottom: 10px;
 
-  p.lalel {
-    padding: 0 10px;
-  }
-
-  p {
-    padding: 0;
-    margin: 0;
+      &:nth-of-type(6n + 1) {
+        margin-left: 0;
+      }
+    }
   }
 }
 </style>

htmldev/shiningManage/src/views/contentManage/notify/index.vue

@@ -1,40 +1,39 @@
 <template>
   <div class="padding-20">
     <div class="search-box">
-      <el-form ref="form"
-               :inline="true"
-               :model="searchForm"
-               clearable
-               class="mt-10">
-        <el-form-item>
-          <el-form-item label="标题:">
-            <el-input v-model="searchForm.lunbo_name" placeholder="请输入标题" clearable></el-input>
-          </el-form-item>
-          <el-form-item label="状态:">
-            <el-select
-              v-model="searchForm.lunbo_status"
-              filterable
-              clearable
-              placeholder="请选择状态">
-              <el-option
-                v-for="item in arrLunboStatus"
-                :key="item.value"
-                :label="item.name"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="创建时间:">
-            <el-date-picker
-              :editable="false"
-              v-model="time"
-              @change="timearr => {timearr ? (searchForm.start_time = timearr[0] + ' 00:00:00', searchForm.end_time = timearr[1] + ' 23:59:59') : searchForm.start_time = searchForm.end_time = undefined}"
-              type="daterange"
-              value-format="yyyy-MM-dd"
-              start-placeholder="开始时间"
-              end-placeholder="结束时间"
-            ></el-date-picker>
-          </el-form-item>
+      <el-form
+        ref="form"
+        :inline="true"
+        :model="searchForm"
+        clearable
+        class="mt-10">
+        <el-form-item label="标题:">
+          <el-input v-model="searchForm.lunbo_name" placeholder="请输入标题" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="状态:">
+          <el-select
+            v-model="searchForm.lunbo_status"
+            filterable
+            clearable
+            placeholder="请选择状态">
+            <el-option
+              v-for="item in arrLunboStatus"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="创建时间:">
+          <el-date-picker
+            :editable="false"
+            v-model="time"
+            @change="timearr => {timearr ? (searchForm.start_time = timearr[0] + ' 00:00:00', searchForm.end_time = timearr[1] + ' 23:59:59') : searchForm.start_time = searchForm.end_time = undefined}"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+          ></el-date-picker>
         </el-form-item>
         <el-form-item class="ml-10">
           <el-button icon="el-icon-search" type="primary" @click="searchSubmit">查询</el-button>

htmldev/shiningManage/src/views/contentManage/video/details.vue

@@ -129,7 +129,7 @@
             <el-option
               :label="item.name"
               :value="item.value"
-              v-for="item in arrLunboStatus"
+              v-for="item in arrHideAndShow"
               :key="item.value"></el-option>
           </el-select>
         </el-form-item>
@@ -164,6 +164,12 @@ export default {
       default: function () {
         return []
       }
+    },
+    arrHideAndShow: {
+      type: Array,
+      default: function () {
+        return []
+      }
     }
   },
   data() {
@@ -185,11 +191,6 @@ export default {
       booLock: false
     }
   },
-  computed: {
-    arrLunboStatus() {
-      return this.$store.state.common.arrLunboStatus
-    }
-  },
   methods: {
     beforeAvatarUpload(file) {
       const isLt2M = file.size / 1024 / 1024 < 5

htmldev/shiningManage/src/views/contentManage/video/index.vue

@@ -1,6 +1,64 @@
 <template>
   <div class="padding-20">
     <!--todo 筛选 视频名称 显示状态 置顶推荐 创建时间-->
+    <el-form
+      ref="form"
+      :inline="true"
+      :model="searchForm"
+      clearable
+      class="mt-10">
+      <el-form-item label="名称:">
+        <el-input v-model="searchForm.video_name" placeholder="请输入视频名称" clearable></el-input>
+      </el-form-item>
+      <el-form-item label="状态:">
+        <el-select
+          v-model="searchForm.video_status"
+          filterable
+          clearable
+          placeholder="请选择状态">
+          <el-option
+            v-for="item in arrHideAndShow"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="置顶:">
+        <el-select
+          v-model="searchForm.lunbo_status"
+          filterable
+          clearable
+          placeholder="请选择是否置顶推荐">
+          <el-option
+            v-for="item in arrRecommend"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="创建时间:">
+        <el-date-picker
+          :editable="false"
+          v-model="time"
+          @change="timearr => {timearr ? (searchForm.start_time = timearr[0] + ' 00:00:00', searchForm.end_time = timearr[1] + ' 23:59:59') : searchForm.start_time = searchForm.end_time = undefined}"
+          type="daterange"
+          value-format="yyyy-MM-dd"
+          start-placeholder="开始时间"
+          end-placeholder="结束时间"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button icon="el-icon-search" type="primary" @click="searchSubmit">查询</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button icon="el-icon-plus"
+                   type="primary"
+                   @click="add">新增
+        </el-button>
+      </el-form-item>
+    </el-form>
     <el-table
       :data="tableData"
       stripe
@@ -59,6 +117,7 @@
       v-model="detailsDialog.show"
       :exData="detailsDialog.exData"
       :arrRecommend="arrRecommend"
+      :arrHideAndShow="arrHideAndShow"
       @success="init"></detail>
   </div>
 </template>
@@ -91,6 +150,16 @@ export default {
           name: '是',
           value: '1'
         }
+      ],
+      arrHideAndShow: [
+        {
+          name: '隐藏',
+          value: '0'
+        },
+        {
+          name: '显示',
+          value: '1'
+        }
       ]
     }
   },