港投项目-智慧党建-文章管理页面

public/js/config.js

@@ -1,4 +1,4 @@
-// var COMPANY = ''; //通用
+var COMPANY = ''; //通用
 // var COMPANY='zhongjian'; //中建，和沃尔对接的插件版用这个企业
 // var COMPANY='hezhan'; //合展-宿迁
 // var COMPANY='nanchang'; //南昌地铁、衢州
@@ -10,7 +10,7 @@
 // COMPANY = 'hengtong'//瑞士恒通
 // COMPANY = 'yunlian'//云联万物
 // COMPANY = 'neimenggu'//内蒙古项目
-COMPANY = 'zjsj'//中建四局
+// COMPANY = 'zjsj'//中建四局
 // COMPANY = 'zjwj'//中建五局
 
 
@@ -23,7 +23,7 @@ var PROJECT = {
 }
 
 
-var PROJECT_TYPE = PROJECT.online_zjsj
+var PROJECT_TYPE = PROJECT.local_test
 
 var headerShow = true; // 是否显示头部
 var tabsShow = true;  // 是否显示tabs

src/assets/js/api/materialManagement.js

@@ -139,3 +139,9 @@ export const delgtMaterialPartyMemberApi = data => post('/xmgl/gt/gtMaterialPart
 export const editgtMaterialPartyMemberApi = data => post('/xmgl/gt/gtMaterialPartyMember/edit', data);
 export const getgtMaterialPartyMemberApi = data => get('/xmgl/gt/gtMaterialPartyMember/page', data);
 
+//智慧党建_文章管理
+export const addgtMaterialArticleApi = data => post('/xmgl/gt/gtMaterialArticle/add', data);
+export const delgtMaterialArticleApi = data => post('/xmgl/gt/gtMaterialArticle/delete', data);
+export const editgtMaterialArticleApi = data => post('/xmgl/gt/gtMaterialArticle/edit', data);
+export const getgtMaterialArticleApi = data => get('/xmgl/gt/gtMaterialArticle/list', data);
+

src/assets/js/http.js

@@ -80,12 +80,12 @@ if (process.env.NODE_ENV == 'development') {
   // axios.defaults.baseURL = 'http://192.168.34.221:12346' //郭圣雄本地
   // axios.defaults.baseURL = 'http://192.168.34.221:12350' //金林湾本地
   // axios.defaults.baseURL = 'http://192.168.34.122:8070' //彭洁本地
-  // axios.defaults.baseURL = 'http://192.168.34.221:8070' //演示平台郭圣雄本地
+  axios.defaults.baseURL = 'http://192.168.34.221:8070' //演示平台郭圣雄本地
   // axios.defaults.baseURL = 'http://192.168.34.221:30000' //中建五局郭圣雄本地
   // axios.defaults.baseURL = 'http://101.43.164.214:11111' //百色线上
   // axios.defaults.baseURL = 'http://101.43.164.214:12345/'//内蒙古线上
   // axios.defaults.baseURL = 'http://121.196.214.246/api/'//金林湾线上新
-  axios.defaults.baseURL = 'http://42.194.144.62:8088/'//中建四局线上（新）地址
+  // axios.defaults.baseURL = 'http://42.194.144.62:8088/'//中建四局线上（新）地址
   // axios.defaults.baseURL = 'http://101.43.164.214:12350'//中建五局线上
 
 } else if (process.env.NODE_ENV == 'debug') {

src/store/index.js

@@ -48,12 +48,12 @@ export default new Vuex.Store({
     BASEURL: baseUrl
       ? baseUrl
       : window.location.protocol + "//" + window.location.host + "/", //正式环境
-    UPLOADURL:
+    // UPLOADURL:
-      window.location.protocol +
+    //   window.location.protocol +
-      "//" +
+    //   "//" +
-      window.location.host +
+    //   window.location.host +
-      "/upload/image", //正式环境
+    //   "/upload/image", //正式环境
-    FILEURL: window.location.protocol + "//" + window.location.host + "/image/", //正式环境
+    // FILEURL: window.location.protocol + "//" + window.location.host + "/image/", //正式环境
     //---------------------------------------------------------------------------------------------
     // BASEURL: baseUrl
     //   ? baseUrl
@@ -87,8 +87,8 @@ export default new Vuex.Store({
     // FILEURL:'http://'+"47.97.202.104:6023"+'/image/',//正式
     // UPLOADURL: 'http://182.90.224.147:100/upload/image',//演示平台
     // FILEURL: 'http://182.90.224.147:100/image/',//演示平台
-    // UPLOADURL: 'http://192.168.34.221:8070/upload/image',//演示平台郭圣雄本地
+    UPLOADURL: 'http://192.168.34.221:8070/upload/image',//演示平台郭圣雄本地
-    // FILEURL: 'http://192.168.34.221:8070/image/',//演示平台郭圣雄本地
+    FILEURL: 'http://192.168.34.221:8070/image/',//演示平台郭圣雄本地
     // UPLOADURL: 'http://192.168.34.221:30000/upload/image',//郭圣雄本地
     // FILEURL: 'http://192.168.34.221:30000/image/',//郭圣雄本地
     // UPLOADURL: 'http://101.43.164.214:12345/upload/image',//内蒙古

src/views/projectFront/smartPartyBuilding/articleManagement.vue

@@ -10,7 +10,7 @@
       >
         <el-form-item label="文章标题">
           <el-input
-            v-model="searchForm.itemName"
+            v-model="searchForm.articleTitle"
             placeholder="请输入"
           ></el-input>
         </el-form-item>
@@ -27,199 +27,272 @@
       </el-form>
     </div>
     <div class="contentStyle whiteBlock">
-      <vue-scroll style="height: 100%">
+      <vue-scroll style="height: 90%; width: 100%">
-        <div class="contentMenu" v-for="item in 20" style="margin-top: 5px">
+        <div class="contentBox">
-          <div style="padding: 10px">
+          <div
-            <img src="@/assets/images/login_bg.png" alt="" />
+            class="contentMenu"
+            v-for="(item, index) in List"
+            :key="index"
+            @click.stop="showDetailFn(item)"
+            @mousemove="current = index"
+            @mouseleave="current = -1"
+            style="margin-top: 5px"
+          >
+            <div style="padding: 10px">
+              <img
+                :src="item.coverImage[0] ? item.coverImage[0].url : []"
+                alt=""
+                width="50px"
+              />
+            </div>
+            <div
+              style="
+                padding: 2px 10px;
+                overflow: hidden;
+                height: 10%;
+                font-size: 14px;
+              "
+            >
+              {{ item.articleTitle }}
+            </div>
+            <div class="time">{{ item.createTime }}</div>
+
+            <li class="alarm-item" v-show="current === index">
+              <div class="operation">
+                <span @click.stop="edit(item)"
+                style="margin-right: 20px !important;cursor: pointer;"
+                  ><i class="el-icon-edit" style="color: #4a8bff;"></i>编辑</span
+                >
+                <span @click.stop="deleteDev(item)" style="cursor: pointer;">
+                  <i class="el-icon-delete" style="color: red"></i>删除</span
+                >
+              </div>
+            </li>
           </div>
-          <div style="padding: 10px;overflow: hidden;height: 62%;">
-            学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)学习贯彻习近平新时代中国特色社会主义思想主题教育深入开展 (学思想
-            强党性 重实践 建新功)
-          </div>
-          <div class="time">2023年04月19日 07:58</div>
         </div>
       </vue-scroll>
     </div>
+
+    <!-- 新增 -->
     <el-dialog
       :modal-append-to-body="false"
-      @close="close"
       :title="title"
       :visible.sync="dialogShow"
-      width="667px"
+      @close="close"
+      width="1200px"
     >
       <div class="dialog_content">
         <el-form
           size="medium"
-          ref="addEditForm"
           :model="addEditForm"
+          ref="addEditForm"
           :rules="addEditRules"
-          label-width="120px"
+          label-width="70px"
-          class="dialogFormBox"
+          :inline="true"
         >
-          <el-form-item label="项目名称" prop="itemName">
+          <el-form-item label="文章标题">
             <el-input
-              v-model="addEditForm.itemName"
+              v-model="addEditForm.articleTitle"
-              placeholder="请输入"
+              style="width: 1020px"
+              placeholder="请输入文章标题"
             ></el-input>
           </el-form-item>
-          <el-form-item label="验收部位" prop="acceptanceSite">
+          <el-form-item label="文章内容" prop="content">
-            <el-input
+            <quill-editor
-              v-model="addEditForm.acceptanceSite"
+              class="ql-editor"
-              placeholder="请输入"
+              style="width: 1020px"
-            ></el-input>
+              v-model="addEditForm.articleContent"
-          </el-form-item>
+              ref="myQuillEditor"
-          <el-form-item label="验收人" prop="acceptor">
+              :options="editorOption"
-            <el-input
+              @blur="onEditorBlur($event)"
-              v-model="addEditForm.acceptor"
+              @focus="onEditorFocus($event)"
-              placeholder="请输入"
+              @change="onEditorChange($event)"
-            ></el-input>
-          </el-form-item>
-
-          <el-form-item label="验收日期" prop="acceptanceTime">
-            <el-date-picker
-              v-model="addEditForm.acceptanceTime"
-              type="date"
-              placeholder="选择日期"
-              value-format="yyyy-MM-dd"
             >
-            </el-date-picker>
+            </quill-editor>
           </el-form-item>
-
+          <el-form-item label="封面图片">
-          <el-form-item label="验收状态" prop="acceptanceStatus">
-            <el-input
-              v-model="addEditForm.acceptanceStatus"
-              placeholder="请输入"
-            ></el-input>
-          </el-form-item>
-
-          <el-form-item label="检测报告">
             <el-upload
-              class="upload-demo"
-              name="files"
               :action="$store.state.UPLOADURL"
-              :on-remove="(file, fileList) => handleRemove(file, fileList)"
+              list-type="picture-card"
-              :multiple="false"
+              multiple
+              name="files"
+              :limit="1"
+              :file-list="fileUplodList"
               :on-success="(res, file) => handleSuccess(res, file)"
-              :file-list="surveySchemeList"
+              :on-remove="(file, fileList) => handleRemove(file, fileList)"
-              accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
             >
-              <el-button size="medium" type="primary" plain>
+              <i class="el-icon-plus"></i>
-                上传附件
-              </el-button>
             </el-upload>
           </el-form-item>
-          <div class="dialog-footer">
-            <el-button
-              class="cancleBtn"
-              @click="dialogShow = false"
-              icon="el-icon-circle-close"
-              size="medium"
-              >{{ $t('message.deviceManage.cancel') }}
-            </el-button>
-            <el-button
-              type="primary"
-              icon="el-icon-circle-check"
-              @click="submit"
-              size="medium"
-              >{{ $t('message.deviceManage.save') }}
-            </el-button>
-          </div>
         </el-form>
+        <div class="dialog-footer" style="margin-right: 40%">
+          <el-button
+            class="cancleBtn"
+            @click="dialogShow = false"
+            icon="el-icon-circle-close"
+            size="medium"
+            >取消
+          </el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-circle-check"
+            @click="submit"
+            size="medium"
+            >确认
+          </el-button>
+        </div>
+      </div>
+    </el-dialog>
+     <!-- 详情 -->
+     <el-dialog
+      :modal-append-to-body="false"
+      title="详情"
+      :visible.sync="dialogContent"
+      width="1200px"
+    >
+      <div style="padding: 10px 80px;">
+        <h1 style="text-align: center;">{{detailData.articleTitle}}</h1>
+        <div class="detailHeader">
+          <span>{{detailData.createTime}}</span>
+        </div>
+         <div class="detailContent">
+          <div class="ql-editor" style="white-space:pre-line" v-html="detailData.articleContent"></div>
+         </div>      
+        <div class="dialog-footer" style="margin-right: 45%">
+          <el-button
+            type="primary"
+            icon="el-icon-circle-check"
+            @click="dialogContent = false"
+            size="medium"
+            >确认
+          </el-button>
+        </div>
       </div>
     </el-dialog>
   </div>
 </template>
 <script>
+import VueQuillEditor from 'vue-quill-editor'
+import 'quill/dist/quill.core.css'
+import 'quill/dist/quill.snow.css'
+import 'quill/dist/quill.bubble.css'
 import {
-  addgtMaterialAcceptanceCheckApi,
+  addgtMaterialArticleApi,
-  delgtMaterialAcceptanceCheckApi,
+  delgtMaterialArticleApi,
-  editgtMaterialAcceptanceCheckApi,
+  editgtMaterialArticleApi,
-  getgtMaterialAcceptanceCheckApi
+  getgtMaterialArticleApi
 } from '@/assets/js/api/materialManagement.js'
 export default {
+  components: {
+    VueQuillEditor
+  },
   mounted() {
     this.getList()
   },
   data() {
     return {
+      detailData: {},
+      dialogContent:false,
+      current: -1,
       title: "",
       dialogShow: false,
-      pagInfo: {
-        pageNo: 1, //页数
-        pageSize: 10, //条数
-        total: 0 //总条数
-      },
       List: [],
       addEditForm: {
-        itemName: '',
+        articleTitle: '',
-        acceptanceSite: '',
+        articleContent: '',
-        acceptor: '',
+        coverImage: '',
-        acceptanceTime: '',
-        acceptanceStatus: '',
-        testReport: '',
-        type: '',
       },
       addEditRules: {
       },
       searchForm: {
-        itemName: '',
+        articleTitle: '',
 
       },
-      surveySchemeList: [],
+      fileUplodList: [],
+      editorOption: {
+        modules: {
+          toolbar: [
+            ['bold', 'italic', 'underline', 'strike'], //加粗，斜体，下划线，删除线
+            ['blockquote', 'code-block'], //引用，代码块
+
+            [{ header: 1 }, { header: 2 }], // 标题，键值对的形式；1、2表示字体大小
+            [{ list: 'ordered' }, { list: 'bullet' }], //列表
+            [{ script: 'sub' }, { script: 'super' }], // 上下标
+            [{ indent: '-1' }, { indent: '+1' }], // 缩进
+            [{ direction: 'rtl' }], // 文本方向
+
+            [{ size: ['small', false, 'large', 'huge'] }], // 字体大小
+            [{ header: [1, 2, 3, 4, 5, 6, false] }], //几级标题
+
+            [{ color: [] }, { background: [] }], // 字体颜色，字体背景颜色
+            [{ font: [] }], //字体
+            [{ align: [] }], //对齐方式
+
+            ['clean'], //清除字体样式
+            ['image'] //上传图片、上传视频
+          ]
+        },
+        theme: 'snow'
+      },
     }
   },
   methods: {
-    //下载附件
+    onEditorBlur() {
-    download(item, type) {
+      // 失去焦点事件
-      if (item) {
-        let arr = []
-        arr = JSON.parse(item)
-        arr.forEach(element => {
-          window.location.href = element.url;
-        });
-      } else {
-        this.$message.success('未查询到附件')
-      }
     },
+    onEditorFocus() {
+      // 获得焦点事件
+    },
+    onEditorChange() {
+      // 内容改变事件
+    },
+    //显示检查详细弹框
+    showDetailFn(row) {
+
+      this.detailData = row
+      this.dialogContent = true
+    },
+
     // 删除文件
     handleRemove(file, fileList) {
-      this.surveySchemeList = fileList
+      this.fileUplodList = fileList
     },
     handleSuccess(res, file, type) {
       if (res.status == 'SUCCESS') {
 
-        this.surveySchemeList.push({
+        this.fileUplodList.push({
           name: file.name,
           url: this.$store.state.FILEURL + file.response.data[0].imageUrl
         })
-
-
       }
     },
     //查询仓库数据
     getList() {
-      getgtMaterialAcceptanceCheckApi({
+      getgtMaterialArticleApi({
-        pageNo: this.pagInfo.pageNo,
-        pageSize: this.pagInfo.pageSize,
         projectSn: this.$store.state.projectSn,
-        itemName: this.searchForm.itemName,
+        articleTitle: this.searchForm.articleTitle,
-        type: 5
       }).then((result) => {
         if (result.success) {
-          this.List = result.result.records
+          result.result.map((item) => {
-          this.pagInfo.total = result.result.total
+            if (item.coverImage.includes("[")) {
+              item.coverImage = JSON.parse(item.coverImage);
+              if (item.coverImage.length !== 0 && !item.coverImage[0].url.includes(this.$store.state.FILEURL)) {
+                item.coverImage[0].url =
+                  this.$store.state.FILEURL + item.coverImage[0].url;
+              }
+            } else {
+              let url = item.coverImage
+
+              if (url.length !== 0 && !url.includes(this.$store.state.FILEURL)) {
+                item.coverImage = [{}]
+                item.coverImage[0].url =
+                  this.$store.state.FILEURL + url;
+              }
+            }
+
+          })
+          this.List = result.result
+          console.log(' this.List', this.List);
         }
       })
     },
@@ -227,37 +300,32 @@ export default {
     add() {
       this.title = '新增'
       this.dialogShow = true
-      this.surveySchemeList = []
+      this.fileUplodList = []
       this.close()
     },
 
     edit(obj) {
+      console.log('编辑的内容',obj.coverImage[0].url);
       this.title = '编辑'
       this.dialogShow = true
       this.addEditForm = JSON.parse(JSON.stringify(obj))
-      this.surveySchemeList = obj.testReport == '' ? obj.testReport : []
+      this.fileUplodList = obj.coverImage
-      if (typeof obj.testReport === 'string') {
-        this.addEditForm.testReport = JSON.parse(obj.testReport)
-        this.surveySchemeList = this.addEditForm.testReport
-
-      }
     },
     submit() {
       let params = JSON.parse(JSON.stringify(this.addEditForm))
       params.projectSn = this.$store.state.projectSn
-      params.testReport = JSON.stringify(this.surveySchemeList)
+      params.coverImage = JSON.stringify(this.fileUplodList)
-      params.type = 5
       this.$refs.addEditForm.validate((valid) => {
         if (valid) {
           if (this.title == '新增') {
-            addgtMaterialAcceptanceCheckApi(params).then((result) => {
+            addgtMaterialArticleApi(params).then((result) => {
               if (result.success) {
                 this.$message.success(result.message)
                 this.getList()
               }
             })
           } else if (this.title == '编辑') {
-            editgtMaterialAcceptanceCheckApi(params).then((result) => {
+            editgtMaterialArticleApi(params).then((result) => {
               if (result.success) {
                 this.$message.success(result.message)
                 this.getList()
@@ -277,7 +345,7 @@ export default {
         type: "warning",
       })
         .then(() => {
-          delgtMaterialAcceptanceCheckApi({ id: obj.id }).then((res) => {
+          delgtMaterialArticleApi({ id: obj.id }).then((res) => {
             if (res.success) {
               this.getList()
               this.$message({
@@ -301,53 +369,62 @@ export default {
     },
 
     close() {
-      this.surveySchemeList = []
+      this.fileUplodList = []
       this.addEditForm = {}
       this.$nextTick(() => {
         this.$refs.addEditForm.clearValidate()
       })
     },
-    SizeChange(val) {
-      this.pagInfo.pageSize = val
-      this.getList()
-    },
-    CurrentChange(val) {
-      this.pagInfo.pageNo = val
-      this.getList()
-    },
     refresh() {
       this.searchForm = {}
-      this.pagInfo.pageNo = 1 //页数
-      this.pagInfo.pageSize = 10 //条数
       this.getList()
     },
   }
 }
 </script>
 <style lang="less" scoped>
-.contentStyle {
+.contentBox {
-  height: 90%;
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap;
   .contentMenu {
-    width: 50%;
+    margin: 5px;
-    height: 20%;
+    width: 24%;
-    margin: auto;
+    height: 44%;
-    display: flex;
+    border: 2px solid transparent;
-    position: relative;
     img {
-      width: 210px;
+      height: 210px;
-      height: 120px;
+      width: 100%;
     }
     .time {
-      position: absolute;
+      float: right;
-      top: 82%;
+      padding: 0 15px;
-      left: 85.5%;
+      margin-top: 5px;
       font-size: 10px;
       color: #ccc;
     }
+    .alarm-item{
+      margin-left: 35%;
+       margin-top: 16px;
+    }
   }
   .contentMenu:hover {
     background: #fff3cf;
-    border: 2px solid #ffc310;
+    border-color: #ffc310;
   }
 }
+.contentStyle {
+  width: 100%;
+  height: 100%;
+}
+.detailHeader{
+  text-align: center;
+  padding: 20px;
+  span{
+    color: #ccc;
+    font-size: 12px;
+    margin-left: -5%;
+  }
+}
+
 </style>