廉政风险点、廉洁教育、文件资料已支持附件上传

2c2c2c
1 parent 81141b2a
Showing 3 changed files with 223 additions and 7 deletions
trash-ui/src/views/other/documentData/index.vue
trash-ui/src/views/other/incorruptEducation/index.vue
trash-ui/src/views/other/incorruptGovernment/index.vue
@@ -183,6 +183,34 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    <el-dialog :title="title" :visible.sync="openInfo" width="80%" append-to-body>
+      <el-row>
+        <el-col :offset="3" :span="18">
+          <h1 class="info_title">{{ info.title }}</h1>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :offset="3" :span="18">
+          <div class="info_author">
+            <span>作者：</span><span>{{ info.createBy }}</span>
+            <span>发表时间：</span><span>{{ info.createTime }}</span>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :offset="3" :span="18">
+          <div class="info_content ql-editor" v-html="info.content"></div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="2">
+          附件：
+        </el-col>
+        <el-col v-for="item in fileEntityList" :span="22" :offset="2">
+          <a  href="javascript:;" @click="tempDownload(item)" style="color: #1c84c6">{{ item.name }}</a>
+        </el-col>
+      </el-row>
+    </el-dialog>
   </div>
 </template>
@@ -247,7 +275,14 @@ export default {
         ]
       },
       fileEntityList: [],
-      infoDisable: false
+      infoDisable: false,
+      openInfo: false,
+      info: {
+        titie:null,
+        content:null,
+        createTime:null,
+        createBy:null
+      }
     };
   },
   created() {
@@ -274,7 +309,17 @@ export default {
     },
     toInfo(row){
       //打开当日报修页签
-      this.$tab.openPage("查看详情","/documentData/info",{"documentData":row})
+      // this.$tab.openPage("查看详情","/documentData/info",{"documentData":row})
+      this.reset();
+      this.openInfo = true;
+      this.info = row;
+      if (this.info.files != null && this.info.files !== "") {
+        let fileList = this.info.files.split(";");
+        fileList.map(item => {
+          let name = item.substring(item.lastIndexOf("/") + 1);
+          this.fileEntityList.push({name: name, url: item})
+        })
+      }
     },
     /** 查询文件资料列表 */
     getList() {
@@ -304,6 +349,12 @@ export default {
       };
       this.fileEntityList = [];
       this.infoDisable = false;
+      this.info = {
+        titie:null,
+        content:null,
+        createTime:null,
+        createBy:null
+      }
       this.resetForm("form");
     },
     /** 搜索按钮操作 */
@@ -497,3 +548,24 @@ export default {
   }
 };
 </script>
+<style lang="scss" scoped>
+.info_title{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+.info_author{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 26px;
+  font-size:14px;
+  color: #616977;
+  border-bottom: 1px solid #ddd;
+  box-shadow: 0px 20px 20px -20px #5E5E5E;
+}
+.info_author span:nth-child(2){
+  margin-right: 20px;
+}
+</style>
@@ -119,7 +119,7 @@
           <el-input v-model="form.title" placeholder="请输入标题" :readonly="infoDisable"/>
         </el-form-item>
         <el-form-item label="内容" prop="content">
-          <editor v-model="form.content" :min-height="368" :readonly="infoDisable"/>
+          <editor v-model="form.content" :min-height="368" :readonl="infoDisable"/>
         </el-form-item>
         <el-row>
           <el-col :span="12">
@@ -183,6 +183,34 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    <el-dialog :title="title" :visible.sync="openInfo" width="80%" append-to-body>
+      <el-row>
+        <el-col :offset="3" :span="18">
+          <h1 class="info_title">{{ info.title }}</h1>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :offset="3" :span="18">
+          <div class="info_author">
+            <span>作者：</span><span>{{ info.createBy }}</span>
+            <span>发表时间：</span><span>{{ info.createTime }}</span>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :offset="3" :span="18">
+          <div class="info_content ql-editor" v-html="info.content"></div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="2">
+          附件：
+        </el-col>
+        <el-col v-for="item in fileEntityList" :span="22" :offset="2">
+          <a  href="javascript:;" @click="tempDownload(item)" style="color: #1c84c6">{{ item.name }}</a>
+        </el-col>
+      </el-row>
+    </el-dialog>
   </div>
 </template>
@@ -247,7 +275,14 @@ export default {
         ]
       },
       fileEntityList: [],
-      infoDisable:false
+      infoDisable:false,
+      openInfo: false,
+      info: {
+        titie:null,
+        content:null,
+        createTime:null,
+        createBy:null
+      }
     };
   },
   created() {
@@ -274,7 +309,17 @@ export default {
     },
     toInfo(row){
       //打开当日报修页签
-      this.$tab.openPage("查看详情","/IncorruptEducation/info",{"IncorruptEducation":row})
+      // this.$tab.openPage("查看详情","/IncorruptEducation/info",{"IncorruptEducation":row})
+      this.reset();
+      this.openInfo = true;
+      this.info = row;
+      if (this.info.files != null && this.info.files !== "") {
+        let fileList = this.info.files.split(";");
+        fileList.map(item => {
+          let name = item.substring(item.lastIndexOf("/") + 1);
+          this.fileEntityList.push({name: name, url: item})
+        })
+      }
     },
     /** 查询文件资料列表 */
     getList() {
@@ -304,6 +349,12 @@ export default {
       };
       this.fileEntityList = [];
       this.infoDisable = false;
+      this.info = {
+        titie:null,
+        content:null,
+        createTime:null,
+        createBy:null
+      }
       this.resetForm("form");
     },
     /** 搜索按钮操作 */
@@ -496,3 +547,24 @@ export default {
   }
 };
 </script>
+<style lang="scss" scoped>
+.info_title{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+.info_author{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 26px;
+  font-size:14px;
+  color: #616977;
+  border-bottom: 1px solid #ddd;
+  box-shadow: 0px 20px 20px -20px #5E5E5E;
+}
+.info_author span:nth-child(2){
+  margin-right: 20px;
+}
+</style>
@@ -183,6 +183,34 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    <el-dialog :title="title" :visible.sync="openInfo" width="80%" append-to-body>
+      <el-row>
+        <el-col :offset="3" :span="18">
+          <h1 class="info_title">{{ info.title }}</h1>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :offset="3" :span="18">
+          <div class="info_author">
+            <span>作者：</span><span>{{ info.createBy }}</span>
+            <span>发表时间：</span><span>{{ info.createTime }}</span>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :offset="3" :span="18">
+          <div class="info_content ql-editor" v-html="info.content"></div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="2">
+          附件：
+        </el-col>
+        <el-col v-for="item in fileEntityList" :span="22" :offset="2">
+          <a  href="javascript:;" @click="tempDownload(item)" style="color: #1c84c6">{{ item.name }}</a>
+        </el-col>
+      </el-row>
+    </el-dialog>
   </div>
 </template>
@@ -247,7 +275,14 @@ export default {
         ]
       },
       fileEntityList: [],
-      infoDisable:false
+      infoDisable:false,
+      openInfo: false,
+      info: {
+        titie:null,
+        content:null,
+        createTime:null,
+        createBy:null
+      }
     };
   },
   created() {
@@ -274,7 +309,17 @@ export default {
     },
     toInfo(row){
       //打开当日报修页签
-      this.$tab.openPage("查看详情","/IncorruptGovernment/info",{"IncorruptGovernment":row})
+      // this.$tab.openPage("查看详情","/IncorruptGovernment/info",{"IncorruptGovernment":row})\
+      this.reset();
+      this.openInfo = true;
+      this.info = row;
+      if (this.info.files != null && this.info.files !== "") {
+        let fileList = this.info.files.split(";");
+        fileList.map(item => {
+          let name = item.substring(item.lastIndexOf("/") + 1);
+          this.fileEntityList.push({name: name, url: item})
+        })
+      }
     },
     /** 查询文件资料列表 */
     getList() {
@@ -304,6 +349,12 @@ export default {
       };
       this.fileEntityList = [];
       this.infoDisable = false;
+      this.info = {
+        titie:null,
+        content:null,
+        createTime:null,
+        createBy:null
+      }
       this.resetForm("form");
     },
     /** 搜索按钮操作 */
@@ -498,3 +549,24 @@ export default {
   }
 };
 </script>
+<style lang="scss" scoped>
+.info_title{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+.info_author{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 26px;
+  font-size:14px;
+  color: #616977;
+  border-bottom: 1px solid #ddd;
+  box-shadow: 0px 20px 20px -20px #5E5E5E;
+}
+.info_author span:nth-child(2){
+  margin-right: 20px;
+}
+</style>