no message

src/api/workContactLetterPage.js

@@ -0,0 +1,94 @@
+import request, { postBlob, getBlob, handleImport } from '@/utils/request'
+
+export function letterProcessList(data) {
+  return request({
+    url: `/letterProcess/list?moduleId=${data.moduleId}`,
+    method: 'post',
+    data
+  })
+}
+
+export function letterProcessListExport(data, name) {
+  return postBlob({
+    url: '/letterProcess/list/export',
+    data,
+    name
+  })
+}
+
+export function letterProcessDetailLetter(params) {
+  return request({
+    url: '/letterProcess/detailLetter',
+    method: 'post',
+    params: params
+  })
+}
+
+export function letterProcessAddLetter(data) {
+  return request({
+    url: '/letterProcess/addLetter',
+    method: 'post',
+    data: data
+  })
+}
+
+export function letterProcessUpdateLetter(data) {
+  return request({
+    url: '/letterProcess/updateLetter',
+    method: 'post',
+    data: data
+  })
+}
+
+export function letterProcessDelLetter(params) {
+  return request({
+    url: '/letterProcess/delLetter',
+    method: 'post',
+    params: params
+  })
+}
+
+// 网点申诉
+export function letterProcessAppeal(data) {
+  return request({
+    url: '/letterProcess/appeal',
+    method: 'post',
+    data: data
+  })
+}
+
+// 作废
+export function letterProcessCancel(params) {
+  return request({
+    url: '/letterProcess/cancel',
+    method: 'post',
+    data: params
+  })
+}
+
+// 中心批复
+export function letterProcessExamine(data) {
+  return request({
+    url: '/letterProcess/examine',
+    method: 'post',
+    data: data
+  })
+}
+
+// 驳回
+export function letterProcessReject(params) {
+  return request({
+    url: '/letterProcess/reject',
+    method: 'post',
+    data: params
+  })
+}
+
+// 发送
+export function letterProcessSend(params) {
+  return request({
+    url: '/letterProcess/send',
+    method: 'post',
+    data: params
+  })
+}

src/views/setting/workContactLetter/workContactLetterPage/index.vue

@@ -0,0 +1,292 @@
+<template>
+  <template-page
+    v-if="pageShow"
+    ref="pageRef"
+    :get-list="getList"
+    :exportList="exportList"
+    :table-attributes="tableAttributes"
+    :table-events="tableEvents"
+    :options-evens-group="optionsEvensGroup"
+    :moreParameters="moreParameters"
+    :column-parsing="columnParsing"
+    :operation="operation()"
+    key="pageType"
+  >
+    <div class="cartographer_big">
+      <el-dialog title="科室设置" width="100%" :modal="false" :visible.sync="formDialog" :before-close="handleClose">
+        <zj-page-container>
+          <zj-page-fill>
+            <div style="box-sizing: border-box; padding: 20px 20px 0 20px">
+              <zj-form-container ref="formRef" :form-data="formData" :form-attributes="{ size: 'mini' }">
+                <zj-form-module title="科室设置" label-width="100px" :form-data="formData" :form-items="formItems">
+                </zj-form-module>
+              </zj-form-container>
+            </div>
+          </zj-page-fill>
+          <div style="text-align: right; box-sizing: border-box; padding: 16px 20px">
+            <el-button size="mini" @click="handleClose">取消</el-button>
+            <el-button size="mini" type="primary" @click="save">保存</el-button>
+          </div>
+        </zj-page-container>
+      </el-dialog>
+    </div>
+  </template-page>
+</template>
+
+<script>
+import TemplatePage from '@/components/template/template-page-1.vue'
+import import_mixin from '@/components/template/import_mixin.js'
+import operation_mixin from '@/components/template/operation_mixin.js'
+import {
+  letterProcessList,
+  letterProcessListExport,
+  letterProcessDetailLetter,
+  letterProcessAddLetter,
+  letterProcessUpdateLetter,
+  letterProcessDelLetter,
+  letterProcessAppeal, // 网点申诉
+  letterProcessCancel, // 作废
+  letterProcessExamine, // 中心批复
+  letterProcessReject, // 驳回
+  letterProcessSend // 发送
+} from '@/api/workContactLetterPage.js'
+import { required } from '@/components/template/rules_verify.js'
+export default {
+  components: { TemplatePage },
+  mixins: [import_mixin, operation_mixin],
+  data() {
+    return {
+      pageType: 'list',
+      pageShow: true,
+      // 表格属性
+      tableAttributes: {
+        // 启用勾选列
+        selectColumn: true
+      },
+      // 表格事件
+      tableEvents: {
+        'selection-change': this.selectionChange
+      },
+      // 勾选选中行
+      recordSelected: [],
+      /** 表单变量 */
+      formDialog: false,
+      formData: {
+        dapartment: ''
+      }
+    }
+  },
+  computed: {
+    // 事件组合
+    optionsEvensGroup() {
+      return [
+        [
+          [
+            this.optionsEvensAuth('add', {
+              click: this.openForm
+            })
+          ]
+        ],
+        [
+          [
+            this.optionsEvensAuth('void', {
+              click: () => {
+                if (this.recordSelected.length === 0) {
+                  this.$message.warning('请勾选数据')
+                  return
+                }
+                this.$confirm(' 是否继续?', '提示', {
+                  confirmButtonText: '确定',
+                  cancelButtonText: '取消',
+                  type: 'warning'
+                })
+                  .then(() => {
+                    letterProcessCancel({
+                      ids: this.recordSelected.map(item => item.id)
+                    })
+                      .then(res => {
+                        this.$refs?.pageRef?.refreshList()
+                        this.recordSelected = []
+                        this.$message({
+                          message: '操作成功',
+                          type: 'success'
+                        })
+                      })
+                      .catch(err => {
+                        this.$message.error('操作失败')
+                      })
+                  })
+                  .catch(() => {})
+              }
+            })
+          ]
+        ],
+        [
+          [
+            this.optionsEvensAuth('send', {
+              click: () => {
+                if (this.recordSelected.length === 0) {
+                  this.$message.warning('请勾选数据')
+                  return
+                }
+                this.$confirm(' 是否继续?', '提示', {
+                  confirmButtonText: '确定',
+                  cancelButtonText: '取消',
+                  type: 'warning'
+                })
+                  .then(() => {
+                    letterProcessSend({
+                      ids: this.recordSelected.map(item => item.id)
+                    })
+                      .then(res => {
+                        this.$refs?.pageRef?.refreshList()
+                        this.recordSelected = []
+                        this.$message({
+                          message: '操作成功',
+                          type: 'success'
+                        })
+                      })
+                      .catch(err => {
+                        this.$message.error('操作失败')
+                      })
+                  })
+                  .catch(() => {})
+              }
+            })
+          ]
+        ],
+        [
+          [
+            this.optionsEvensAuth('oneCaseRejected', {
+              click: () => {
+                if (this.recordSelected.length === 0) {
+                  this.$message.warning('请勾选数据')
+                  return
+                }
+                this.$confirm(' 是否继续?', '提示', {
+                  confirmButtonText: '确定',
+                  cancelButtonText: '取消',
+                  type: 'warning'
+                })
+                  .then(() => {
+                    letterProcessReject({
+                      ids: this.recordSelected.map(item => item.id)
+                    })
+                      .then(res => {
+                        this.$refs?.pageRef?.refreshList()
+                        this.recordSelected = []
+                        this.$message({
+                          message: '操作成功',
+                          type: 'success'
+                        })
+                      })
+                      .catch(err => {
+                        this.$message.error('操作失败')
+                      })
+                  })
+                  .catch(() => {})
+              }
+            })
+          ]
+        ]
+      ]
+    },
+    // 更多参数
+    moreParameters() {
+      return []
+    },
+    formItems() {
+      return [
+        // {
+        //   md: 12,
+        //   name: 'el-input',
+        //   attributes: {},
+        //   formItemAttributes: {
+        //     label: '科室名称',
+        //     prop: 'dapartment',
+        //     rules: [...required]
+        //   }
+        // }
+      ]
+    }
+  },
+  methods: {
+    // 列表请求函数
+    getList: letterProcessList,
+    // 列表导出函数
+    exportList: letterProcessListExport,
+    // 表格列解析渲染数据更改
+    columnParsing(item, defaultData) {
+      return defaultData
+    },
+    // 监听勾选变化
+    selectionChange(data) {
+      this.recordSelected = data
+    },
+    // 打开创建弹窗
+    openForm() {
+      this.formDialog = true
+    },
+    // 打开详情弹窗
+    openDetailForm(row) {
+      Promise.all([letterProcessDetailLetter({ id: row.id })]).then(([res1, res2]) => {
+        this.formData = { ...res1.data }
+        this.formDialog = true
+      })
+    },
+    handleClose() {
+      this.$refs?.formRef?.resetFields()
+      this.$data.formData = this.$options.data().formData
+      this.formDialog = false
+    },
+    // 操作按钮
+    operation() {
+      return this.operationBtn({
+        edit: {
+          click: ({ row, index, column }) => {
+            this.openDetailForm(row)
+          }
+        },
+        del: {
+          conditions: ({ row, index, column }) => {
+            return true
+          },
+          prompt: '确定删除?',
+          click: ({ row, index, column }) => {
+            letterProcessDelLetter({
+              id: row.id
+            })
+              .then(res => {
+                this.$refs.pageRef.refreshList()
+                this.$message({
+                  type: 'success',
+                  message: `删除成功!`
+                })
+              })
+              .catch(err => {
+                console.log(err)
+              })
+          }
+        }
+      })
+    },
+    // 保存
+    save() {
+      this.$refs.formRef.validate((valid, invalidFields, errLabels) => {
+        if (valid) {
+          ;(this.formData?.id ? letterProcessUpdateLetter : letterProcessAddLetter)(this.formData).then(res => {
+            this.$message({
+              type: 'success',
+              message: '保存成功'
+            })
+            this.handleClose()
+            this.$refs.pageRef.refreshList()
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>