From eea69883c806ebcd2de45a4abf15a9c9f1062588 Mon Sep 17 00:00:00 2001
From: wangwei <1610949092@qq.com>
Date: Tue, 21 Mar 2023 15:08:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=AE=E5=8A=A9=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/sysMenuHelp.js                 |  50 +++
 .../purchase/purOrder/purOrderSearch.vue      |  25 +-
 src/views/system/param/addhelpSettings.vue    | 319 ++++++++++++++++++
 src/views/system/param/helpSettings.vue       | 212 ++++++++++++
 4 files changed, 603 insertions(+), 3 deletions(-)
 create mode 100644 src/api/system/sysMenuHelp.js
 create mode 100644 src/views/system/param/addhelpSettings.vue
 create mode 100644 src/views/system/param/helpSettings.vue

diff --git a/src/api/system/sysMenuHelp.js b/src/api/system/sysMenuHelp.js
new file mode 100644
index 0000000..fb1aaa1
--- /dev/null
+++ b/src/api/system/sysMenuHelp.js
@@ -0,0 +1,50 @@
+import axios from "@/utils/request";
+
+export function list(query) {
+  return axios({
+    url: "/system/param/help/list",
+    method: "get",
+    params: query
+  });
+}
+
+export function insertMenuHelp(query) {
+  return axios({
+    url: "/system/param/help/insertMenuHelp",
+    method: "post",
+    data: query
+  });
+}
+
+
+export function updateMenuHelp(query) {
+  return axios({
+    url: "/system/param/help/updateMenuHelp",
+    method: "post",
+    data: query
+  });
+}
+
+export function deleteMenuHelp(query) {
+  return axios({
+    url: "/system/param/help/deleteMenuHelp",
+    method: "get",
+    params: query
+  });
+}
+
+export function selectAuthMenu(query) {
+  return axios({
+    url: "/system/param/help/selectAuthMenu",
+    method: "get",
+    params: query
+  });
+}
+
+
+
+
+
+
+
+
diff --git a/src/views/purchase/purOrder/purOrderSearch.vue b/src/views/purchase/purOrder/purOrderSearch.vue
index 257f8ce..3e8d865 100644
--- a/src/views/purchase/purOrder/purOrderSearch.vue
+++ b/src/views/purchase/purOrder/purOrderSearch.vue
@@ -77,11 +77,13 @@
         </el-row>
       </el-form>
 
+
       <div class="top-right-btn">
         <el-button-group style="display:flex;">
           <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
           <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
           <el-button type="primary" icon="el-icon-search" @click="onSubmitFind">查询</el-button>
+          <el-button type="primary" icon="el-icon-share" v-if="this.Menustatus === 1" @click="help">帮助</el-button>
         </el-button-group>
       </div>
       <el-divider style="margin: 15px"></el-divider>
@@ -156,12 +158,13 @@
 <script>
 import purPlanEdit from "./purOrderDetailDialog";
 import {delApply, listOrder, listOrderDetail, delOrderDetailAll} from "@/api/purchase/purOrder";
-import { getInvListByUser } from '@/api/system/invWarehouse'
-import { getDeptListByUser } from '@/api/auth/authDept'
+import {selectAuthMenu} from "@/api/system/sysMenuHelp";
+
 
 export default {
   data() {
     return {
+      BASE_URL: process.env.VUE_APP_BASE_API,
       filterQuery: {
         billAction: null,
         billNo: "",
@@ -173,6 +176,8 @@ export default {
         type: 1,
         editStatus: 1,
       },
+      Menustatus:null,
+      filePath:"",
       createTimes:null,
       auditTimes:null,
       showSearch:true,
@@ -301,6 +306,10 @@ export default {
     hideSearch() {
       this.showSearch = !this.showSearch;
     },
+    help(){
+      this.certFileUrl = this.BASE_URL + "/udiwms/image/register/file/getImage?type=image2&name=";
+      window.open(this.certFileUrl + this.filePath);
+    },
     getList() {
       if (this.createTimes != null) {
         this.filterQuery.startDate = this.createTimes[0];
@@ -377,7 +386,15 @@ export default {
       this.filterQuery.page = val.page;
       this.getList();
     },
-
+    selectAuthMenu(){
+      let params={menuName:this.$route.meta.title}
+      selectAuthMenu(params).then((res) =>{
+        if(res.code === 20000){
+          this.Menustatus=res.data.status;
+          this.filePath=res.data.filePath;
+        }
+      })
+    },
     closeDialog() {
       this.newSpDistributionVisible = false;
       this.getList();
@@ -427,6 +444,8 @@ export default {
   }
   ,
   created() {
+    this.selectAuthMenu();
+
     let end = new Date();
     let start = new Date();
     start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
diff --git a/src/views/system/param/addhelpSettings.vue b/src/views/system/param/addhelpSettings.vue
new file mode 100644
index 0000000..60b6de8
--- /dev/null
+++ b/src/views/system/param/addhelpSettings.vue
@@ -0,0 +1,319 @@
+<template>
+  <div>
+    <el-form :model="formData" :rules="formRules" ref="dataForm">
+      <el-card style="margin-top: -30px">
+        <el-button-group style="display: flex">
+          <el-button type="primary" @click.native="submitUpload()" style="margin: 0 60px 10px auto; height: 35px"
+                     :loading="loading">提交
+          </el-button>
+        </el-button-group>
+        <el-row>
+          <el-col :span="3">
+            <div class="ao-text">
+              <span>组件路径：</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="menuKey">
+              <el-input v-model="formData.menuKey" auto-complete="off" :disabled="formData.auditStatus == 1"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="3">
+            <div class="ao-text">
+              <span>菜单名称：</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="menuName">
+              <el-input v-model="formData.menuName" auto-complete="off" :disabled="formData.auditStatus == 1"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="3">
+            <div class="ao-text">
+              <span>日期：</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="vailDate">
+
+              <el-date-picker
+                v-model="formData.updateTime"
+                type="datetime"
+                placeholder="请选择日期"
+                clearable
+                value-format="yyyy-MM-dd HH:mm:ss"
+                style="width: 90%"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="3">
+            <div class="ao-text">
+              <span>备注：</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item prop="remark">
+              <el-input v-model="formData.remark" auto-complete="off" type="textarea" autosize></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="3">
+            <div class="ao-text">
+              <span>状态：</span>
+            </div>
+          </el-col>
+        <el-col :span="8" type="flex">
+          <el-form-item  prop="userFlag">
+            <el-radio-group v-model="formData.status" >
+              <el-radio :label="1">启用</el-radio>
+              <el-radio :label="0">禁用</el-radio>
+
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        </el-row>
+
+
+
+
+
+        <el-row>
+          <el-col :span="3">
+            <div class="ao-text">
+              <span>文件：</span>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item>
+              <el-upload
+                :disabled="formData.auditStatus == 1"
+                class="upload-demo"
+                ref="upload"
+                :action="this.uploadUrl"
+                :on-preview="uploadHandlePreview"
+                :on-remove="uploadHandleRemove"
+                :limit="1"
+                :headers="headers"
+                :on-exceed="uploadHandleExceed"
+                accept=".jpg,.png,.pdf,.doc"
+                :on-change="uploadOnchange"
+                :on-success="uploadHandleSuccess"
+                :on-error="uploadHandleError"
+                :file-list="fileList"
+                :data="{type:'image2'}"
+                :auto-upload="true">
+                <el-button slot="trigger" size="small" type="primary" :disabled="formData.auditStatus == 1">
+                  {{ choiceFile }}
+                </el-button>
+                <div>只能上传 jpg,png,pdf,doc 文件，且不超过 3 MB</div>
+              </el-upload>
+              <el-button type="primary" size="mini" icon="search" @click="toViewCompanyCert"
+                         style="text-align:right" v-show="formData.id!=null"
+              >文件预览
+              </el-button
+              >
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-card>
+    </el-form>
+
+  </div>
+</template>
+
+<script>
+import draggable from "vuedraggable";
+import store from "@/store";
+import {insertCompanyCert, updateCompanyCert} from "@/api/purchase/companyCert";
+import {insertMenuHelp,updateMenuHelp} from "@/api/system/sysMenuHelp";
+import { updateInv } from '@/api/auth/authAdmin'
+import { isBlank } from '@/utils/strUtil'
+
+export default {
+  name: "addhelpSettings",
+  props: {
+    closeDialog: {
+      type: Function,
+      required: true,
+    },
+    from: {
+      type: Object,
+      required: true,
+    },
+    formName:{
+      type: Object,
+      required: true,
+    }
+
+  },
+  data() {
+    return {
+      BASE_URL: process.env.VUE_APP_BASE_API,
+      code: "",
+      formData: {
+        type: 0,
+        updateTime: null,
+        remark: null,
+        menuKey: null,
+        menuName: null,
+        filePath: null,
+        status: null,
+      },
+      formRules: {
+        menuKey: [
+          {required: true, message: "请输入组件路径", trigger: "blur"}
+        ],
+        menuName: [
+          {required: true, message: "请输入菜单名称", trigger: "blur"}
+        ],
+      },
+      loading: false,
+      uploadUrl: "",
+      fileList: [],
+      headers: {},
+      choiceFile: "选取文件",
+
+    };
+  },
+  components: {
+    draggable,
+  },
+  methods: {
+    submitUpload() {
+      this.$refs["dataForm"].validate(valid => {
+        if (valid) {
+          if (this.$isBlank(this.formData.menuKey)) {
+            this.$message.error("组件路径不能为空！");
+            return;
+          }
+            if (this.$isBlank(this.formData.menuName)) {
+              this.$message.error("菜单名称不能为空！");
+              return;
+            }
+            debugger
+            if(this.formName==2){
+              updateMenuHelp(this.formData).then((res) => {
+                if (res.code === 20000){
+                  this.$message.success( "修改状态成功");
+                  this.closeDialog();
+                }
+
+              })
+            }
+          insertMenuHelp(this.formData).then((res) => {
+            if (res.code === 20000){
+              this.$message.success( "添加成功");
+              this.closeDialog();
+            }
+
+          })
+        }
+      });
+
+    },
+
+    uploadHandleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    uploadHandlePreview(file) {
+       console.log(file);
+      console.log(this.fileList);
+    },
+    uploadHandleExceed(files, fileList) {
+      this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
+    },
+    uploadOnchange(file, fileList) {
+      let fileName = file.name;
+      let uid = file.uid
+      let pos = fileName.lastIndexOf(".");
+      let lastName = fileName.substring(pos, fileName.length);
+      if (lastName.toLowerCase() !== ".jpg" && lastName.toLowerCase() !== ".png" && lastName.toLowerCase() !== ".doc" && lastName.toLowerCase() !== ".pdf") {
+        this.$message.error("上传文件只能是 jpg,png,doc,pdf 格式");
+        for (let i = 0; i < fileList.length; i++) {//从list删除
+          if (fileList[i].uid === uid) {
+            fileList.splice(i, 1)
+          }
+        }
+        return;
+      }
+      // 限制上传文件的大小
+      const isLt = file.size / 1024 / 1024 / 2 <= 1;
+      if (!isLt) {
+        this.$message.error("上传文件大小不能超过 2MB");
+        for (let i = 0; i < fileList.length; i++) {
+          if (fileList[i].uid === uid) {
+            fileList.splice(i, 1)
+          }
+        }
+      }
+      return isLt;
+    },
+    uploadHandleSuccess(response, file, fileList) {
+      if (response.code === 20000) {
+        this.formData.filePath = response.data.name;
+
+      } else {
+        this.$message.error("文件上传失败：" + response.message);
+      }
+    },
+    uploadHandleError() {
+
+    },
+
+    toViewCompanyCert() {
+      this.certFileUrl = this.BASE_URL + "/udiwms/image/register/file/getImage?type=image2&name=";
+      window.open(this.certFileUrl + this.formData.filePath);
+    },
+  },
+  filters: {},
+  mounted() {
+    document.body.ondrop = function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+    };
+  },
+  created() {
+    this.uploadUrl = this.BASE_URL + "/udiwms/upload/register/file";
+    this.headers = {
+      ADMIN_ID: store.getters.adminId,
+      ADMIN_TOKEN: store.getters.token,
+    };
+debugger
+   if(  isBlank(this.from.id)){
+
+     this.formData={};
+   }else{
+     //编辑页面
+     this.formData=this.from;
+   }
+    if (this.formData.filePath != null) {
+      this.choiceFile = "更换文件";
+    } else {
+      this.choiceFile = "选取文件";
+    }
+  },
+};
+</script>
+<style>
+
+.ao-text {
+  width: 100%;
+  font-size: 13px;
+  font-family: "Microsoft YaHei";
+  float: right;
+  text-align: right;
+  margin-top: 10px;
+}
+
+</style>
+
+
+
diff --git a/src/views/system/param/helpSettings.vue b/src/views/system/param/helpSettings.vue
new file mode 100644
index 0000000..3ac2a1f
--- /dev/null
+++ b/src/views/system/param/helpSettings.vue
@@ -0,0 +1,212 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="mini" :inline="true" v-show="showSearch" label-width="68px">
+
+
+      <el-form-item label="菜单名称:" prop="menuName" label-width="80px">
+        <el-input
+          v-model="queryParams.menuName"
+          placeholder="请输入菜单名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+
+      <el-form-item label="状态:" prop="status">
+        <el-select v-model="queryParams.status" style="width: 90%" placeholder="状态">
+          <el-option label="启用" value="1"></el-option>
+          <el-option label="禁用" value="0"></el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button-group>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+          <el-button type="primary" icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+          <el-button
+            type="primary" icon="el-icon-plus"  @click="addMenu"
+          >新增
+          </el-button>
+        </el-button-group>
+      </el-form-item>
+
+
+    </el-form>
+    <el-table ref="tables" v-loading="loading" :data="list"
+               border>
+      <el-table-column label="序号" type="index"></el-table-column>
+      <el-table-column label="组件路径" align="center" prop="menuKey"/>
+      <el-table-column label="菜单名称" align="center" prop="menuName"/>
+
+      <el-table-column label="状态" align="center" prop="status" width="130">
+        <template slot-scope="scope">
+          <el-tag>{{ statusMap[scope.row.status] }}</el-tag>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="备注" align="center" prop="remark" />
+
+      <el-table-column label="修改日期" align="center" prop="updateTime">
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            @click="handleView(scope.row,scope.index)"
+          >编辑
+          </el-button>
+
+          <el-button
+            type="text"
+            @click="deleteMenu(scope.row.id)"
+          >删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.page"
+      :limit.sync="queryParams.limit"
+      @pagination="getList"
+    />
+
+
+    <el-dialog
+      :title="formMap[formName]"
+      :visible.sync="addMenuVisible"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      width="60%"
+      v-if="addMenuVisible"
+      append-to-body
+      @close='closeLocalDialog'
+    >
+      <addhelpSettings
+        :closeDialog="closeLocalDialog"
+        :from="form"
+        :formName="formName"
+      ></addhelpSettings>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+ import {list} from "@/api/system/sysMenuHelp";
+ import addhelpSettings from "@/views/system/param/addhelpSettings";
+ import {deleteMenuHelp} from "@/api/system/sysMenuHelp";
+
+
+
+ export default {
+  name: "Operlog",
+  dicts: ['sys_oper_type', 'sys_common_status'],
+  data() {
+    return {
+      statusMap: {
+        0: "禁用",
+        1: "启用"
+      },
+      formName: 1,
+      formMap: {
+        1: "新增菜单",
+        2: "编辑菜单",
+      },
+      // 遮罩层
+      loading: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      list: [],
+      // 是否显示弹出层
+      open: false,
+      // 日期范围
+      dateRange: [],
+      // 表单参数
+      form: {},
+      // 查询参数
+      addMenuVisible:false,
+      queryParams: {
+        page: 1,
+        limit: 10,
+        menuName: "",
+        status: null
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+
+  components: {
+    addhelpSettings
+  },
+  methods: {
+    /** 查询登录日志 */
+    getList() {
+      this.loading = true;
+
+      list(this.queryParams).then(response => {
+          this.list = response.data.list;
+          this.total = response.data.total;
+          this.loading = false;
+        }
+      );
+    },
+    // 操作日志类型字典翻译
+    typeFormat(row, column) {
+      return this.selectDictLabel(this.dict.type.sys_oper_type, row.businessType);
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.page = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      let queryParams= {
+          page: 1,
+          limit: 10,
+          menuName: "",
+          status: null
+      }
+      this.getList();
+
+    },
+    deleteMenu(row){
+      let params={id:row}
+      deleteMenuHelp(params).then((res) =>{
+        if(res.code === 20000){
+          this.$message.success("删除成功")
+          this.getList();
+        }
+      })
+    },
+
+    /** 编辑按钮操作 */
+    handleView(row) {
+      debugger
+      this.addMenuVisible=true;
+      this.formName=2;
+      this.form = row;
+    },
+
+    addMenu(){
+      this.addMenuVisible=true;
+      this.form={};
+    },
+    closeLocalDialog(){
+      this.addMenuVisible=false;
+    },
+
+
+
+  }
+};
+</script>
+