From 3748e5d437d9e925dbaec968b66b893464f93a69 Mon Sep 17 00:00:00 2001
From: huangyuxuan <huangyuxuan@zcloudchina.com>
Date: Thu, 20 Mar 2025 18:06:34 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E=E5=8A=9F=E8=83=BD](hyx=5F20?=
 =?UTF-8?q?25-03-20=5FoldQy):=20=20=20-=20=E6=96=B0=E5=A2=9E=E9=98=B2?=
 =?UTF-8?q?=E9=A3=8E=E6=8F=90=E7=A4=BA=E5=8D=A1=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../riskwarning/windprotectiontips/index.vue  | 355 ++++++++++++++++++
 1 file changed, 355 insertions(+)
 create mode 100644 src/views/riskwarning/windprotectiontips/index.vue

diff --git a/src/views/riskwarning/windprotectiontips/index.vue b/src/views/riskwarning/windprotectiontips/index.vue
new file mode 100644
index 0000000..60b8c8e
--- /dev/null
+++ b/src/views/riskwarning/windprotectiontips/index.vue
@@ -0,0 +1,355 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="60px">
+      <el-row>
+        <el-col :span="4">
+          <el-form-item label="文件名">
+            <el-input v-model="KEYWORDS" placeholder="请输入关键字"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="4">
+          <el-form-item label-width="10px">
+            <el-button v-waves type="primary" icon="el-icon-search" @click="getQuery">
+              搜索
+            </el-button>
+            <el-button v-waves type="success" icon="el-icon-refresh" @click="goKeyReset">
+              重置
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="varList"
+      :row-key="getRowKey"
+      :header-cell-style="{
+        'font-weight': 'bold',
+        'color': '#000'
+      }"
+      tooltip-effect="dark"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column
+        :reserve-selection="true"
+        type="selection"
+        width="55"
+        align="center"/>
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="NAME" label="文件名" />
+      <el-table-column prop="imgPatn" label="图片" >
+        <template slot-scope="{row}">
+          <el-tooltip placement="top">
+            <template slot="content">
+              <viewer>
+                <img :src="config.fileUrl + row.FILEPATH" width="100" height="100">
+              </viewer>
+            </template>
+            <el-tag>预览</el-tag>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="left" width="500">
+        <template slot-scope="{row}">
+          <el-button type="primary" icon="el-icon-edit" size="mini" @click="downloadFile(row.RISKWARNING_ID)">下载</el-button>
+          <el-button v-show="del" type="danger" icon="el-icon-delete" plain @click="handleDelete(row.RISKWARNING_ID)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="page-btn-group">
+      <div>
+        <el-button v-show="add" type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
+        <el-button v-show="del" type="danger" icon="el-icon-delete" plain @click="batchDel">删除</el-button>
+      </div>
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+    </div>
+
+    <el-dialog :visible.sync="dialogForm" title="上传文件" width="600px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="110px" style="width: 500px;">
+        <el-form-item label="文件名" prop="NAME">
+          <el-input v-model="form.NAME" placeholder="这里输入名称..." />
+        </el-form-item>
+        <el-form-item label="附件" prop="FILE">
+          <el-upload
+            ref="upload"
+            :on-preview="handlePictureCardPreview"
+            :on-remove="handleRemove"
+            :on-change="handleChangeIMG"
+            :before-upload="beforeFileUpload"
+            :auto-upload="false"
+            :limit="1"
+            :class="{hide:hideUpload}"
+            action="#"
+            accept=".jpg,.jpeg,.png"
+            list-type="picture-card">
+            <i class="el-icon-plus" />
+          </el-upload>
+          <el-dialog :visible.sync="dialogVisible">
+            <img :src="dialogImageUrl" width="100%" alt="">
+          </el-dialog>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogForm = false">取 消</el-button>
+        <el-button type="primary" @click="upload">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import { upload } from '@/utils/upload'
+export default {
+  components: { Pagination },
+  directives: { waves },
+  data() {
+    return {
+      config: config,
+      listLoading: true,
+      dialogForm: false,
+      dialogImageUrl: '',
+      dialogVisible: false,
+      add: true,
+      del: true,
+      edit: true,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      total: 0,
+      KEYWORDS: '',
+      dates: [],
+      varList: [],
+      hideUpload: false,
+      form: {
+        NAME: '', //
+        FFILE: []
+      },
+      rules: {
+        NAME: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
+        FILE: [{ required: true, message: '附件不能为空', trigger: 'blur' }]
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getRowKey(row) {
+      return row.RISKWARNING_ID
+    },
+    // 搜索
+    getQuery() {
+      this.$refs.multipleTable.clearSelection()
+      this.getList()
+    },
+
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/riskwarning/list?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          KEYWORDS: this.KEYWORDS,
+          TYPE: '5'
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+        this.total = data.page.totalResult
+        this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    // 添加
+    handleAdd() {
+      this.hideUpload = false
+      this.resetForm()
+      if (this.$refs.upload) {
+        this.$refs.upload.clearFiles()
+      }
+      this.dialogForm = true
+    },
+    beforeFileUpload(file) {
+      const types = ['image/jpeg', 'image/jpg', 'image/png']
+      const isImage = types.includes(file.type)
+      if (!isImage) {
+        this.$message.error('上传图片只能是 JPG、JPEG、PNG 格式!')
+        return false
+      } else {
+        this.form.FFILE = file
+      }
+    },
+    handlePictureCardPreview(file, fileList) {
+      this.dialogImageUrl = file.url
+      this.dialogVisible = true
+    },
+    handleChangeIMG(file, fileList) {
+      const types = ['image/jpeg', 'image/jpg', 'image/png']
+      const isImage = types.includes(file.raw.type)
+      if (!isImage) {
+        this.$message.error('上传图片只能是 JPG、JPEG、PNG 格式!')
+        fileList.pop()
+      }
+      this.hideUpload = fileList.length >= 1
+    },
+    handleRemove(file, fileList) {
+      this.hideUpload = fileList.length >= 1
+    },
+    // 保存
+    upload() {
+      this.$refs.form.validate(valid => {
+        if (this.$refs.upload.uploadFiles.length < 1) {
+          this.$message({
+            message: '请上传图片',
+            type: 'error'
+          })
+          return false
+        }
+        this.$refs.upload.submit()
+        const loading = this.$loading({
+          lock: true,
+          text: '上传中...',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        const formData = new FormData()
+        Object.keys(this.form).map(key => {
+          formData.append(key, this.form[key])
+        })
+        formData.append('TYPE', '5')
+        upload(
+          '/riskwarning/add',
+          formData
+        ).then((data) => {
+          this.dialogForm = false
+          this.getList()
+          loading.close()
+        }).catch((e) => {
+          loading.close()
+        })
+      })
+    },
+    downloadFile(RISKWARNING_ID) {
+      this.$confirm('确定要下载此文件吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.listLoading = false
+        // '/mfolder/download?RISKWARNING_ID=' + RISKWARNING_ID,
+        window.location.href = config.httpurl + 'riskwarning/goDownload?RISKWARNING_ID=' + RISKWARNING_ID
+      }).catch(() => {
+        this.listLoading = false
+      })
+      this.listLoading = false
+    },
+    handleDelete(id) {
+      this.$confirm('确定要删除吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.listLoading = true
+        requestFN(
+          '/riskwarning/delete',
+          {
+            RISKWARNING_ID: id
+          }
+        ).then(() => {
+          this.$message({
+            message: '删除成功',
+            type: 'success'
+          })
+          this.listLoading = false
+          this.varList = []
+          this.listQuery.page = 1
+          this.getList()
+        }).catch((e) => {
+          this.listLoading = false
+        })
+      }).catch(() => {
+      })
+    },
+    batchDel() {
+      const _selectData = this.$refs.multipleTable.selection
+      if (_selectData == null || _selectData.length == 0) {
+        this.$message({
+          message: '请选中要删除的项...',
+          type: 'error'
+        })
+        return false
+      }
+      const ids = _selectData.map((item, index) => {
+        return item.RISKWARNING_ID
+      }).join(',')
+
+      this.$confirm('确定要删除选中的数据吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.listLoading = true
+        requestFN(
+          '/riskwarning/deleteAll',
+          {
+            DATA_IDS: ids
+          }
+        ).then(() => {
+          this.listLoading = false
+          this.varList = []
+          this.listQuery.page = 1
+          this.$refs.multipleTable.clearSelection()
+          this.$message({
+            message: '批量删除成功',
+            type: 'success'
+          })
+          this.getList()
+        }).catch((e) => {
+          this.listLoading = false
+        })
+      }).catch(() => {
+      })
+    },
+    // 判断按钮权限，用于是否显示按钮
+    hasButton: function() {
+      var keys = 'riskwarning:add,riskwarning:del,riskwarning:edit,toExcel'
+      requestFN(
+        '/head/hasButton',
+        {
+          keys: keys
+        }
+      ).then((data) => {
+        this.add = data.riskwarningfhadminadd		// 新增权限
+        this.del = data.riskwarningfhadmindel		// 删除权限
+        this.edit = data.riskwarningfhadminedit	// 修改权限
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    goKeyReset() {
+      this.KEYWORDS = ''
+      this.getList()
+    },
+    resetForm() {
+      this.form = {
+        NAME: '', //
+        FFILE: []
+      }
+    }
+  }
+
+}
+
+</script>
+<style>
+  .hide .el-upload--picture-card {
+    display: none;
+  }
+</style>