Merge branch 'master' of http://101.37.171.70:10101/r/MES-WEB-VUEUI

陈婷婷

2025-11-26 9dee5e1c040c5f17f3e49b86f7fc615af0068d95

Merge branch 'master' of http://101.37.171.70:10101/r/MES-WEB-VUEUI

 src/router/index.js

@@ -185,6 +185,25 @@
      },
    ],
  },
  //用户列表
  {
    path: "/system/user/Xt_UserGroupList",
    component: Layout,
    hidden: true,
    redirect: "noredirect",
    meta: {
      breadcrumb: false, // 如果设置为false，则不会在breadcrumb面包屑中显示
      activeMenu: "/system/user", // 当路由设置了该属性，则会高亮相对应的侧边栏。
    },
    children: [
      {
        path: "/system/user/Xt_UserGroupList",
        component: () => import("@/views/system/user/Xt_UserGroupList.vue"),
        name: "Xt_UserGroupList",
        meta: { title: "角色列表", activeMenu: "system/user" },
      },
    ],
  },
  //采购入库单
  {
    path: "/purchase/POStockInBill/POStockInBillList",

 src/store/modules/permission.js

@@ -1208,6 +1208,18 @@
                      icon: "build",
                      link: null,
                      noCache: false,
                      title: "角色列表",
                    },
                    component: () =>import("@/views/system/user/Xt_UserGroupList.vue"),
                    hidden: false,
                    name: "Xt_UserGroupList",
                    path: "Xt_UserGroupList",
                  },
                  {
                    meta: {
                      icon: "build",
                      link: null,
                      noCache: false,
                      title: "权限查询",
                    },
                    component: () =>

 src/views/system/user/Xt_UserGroupEdit.vue

New file
@@ -0,0 +1,371 @@
<template>
  <div v-loading="formLoading" v-if="formShow">
    <div style=" margin-bottom: 10px; border-bottom: 1px solid #f6f6f6;">
      <el-button type="primary" @click="submitForm">保 存</el-button>
      <el-button type="primary" @click="close">退 出</el-button>
      <!-- <el-button @click="cancel">取 消</el-button> -->
    </div>
    <div style="margin: 10px; font-size: 28px; font-weight: bold; text-align: center;">新增/编辑用户信息</div>
    <el-form ref="form" :model="form" :rules="rules" label-width="128px">
      <el-tabs v-model="activeName" type="card">
        <el-tab-pane label="基本信息" name="first">
          <el-row>
            <el-col :span="6">
              <el-form-item label="角色" prop="HGroupName">
                <el-input v-model="form.HGroupName" placeholder="请输入角色" />
              </el-form-item>
            </el-col>
            <el-col :span="6">
                <el-form-item label="级别" prop="HLev">
                    <el-select v-model="form.HLev" placeholder="请选择级别">
                        <el-option label="总经理级" value="总经理级"></el-option>
                        <el-option label="副总级" value="副总级"></el-option>
                        <el-option label="质量总监" value="质量总监"></el-option>
                        <el-option label="部长级" value="部长级"></el-option>
                        <el-option label="主管级" value="主管级"></el-option>
                        <el-option label="工程师" value="工程师"></el-option>
                        <el-option label="班组长级" value="班组长级"></el-option>
                        <el-option label="组员级" value="组员级"></el-option>
                    </el-select>
                </el-form-item>
            </el-col>
            <el-col :span="6">
                <el-form-item label="组织" prop="HUSEORGID">
                    <el-select v-model="form.HUSEORGID" placeholder="请选择组织">
                        <el-option v-for="(item, index) in organizationList" :key="index" :label="item.Name" :value="item.ID">
                        </el-option>
                    </el-select>
                </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-form-item label="说明" prop="Explain">
              <el-input type="textarea" v-model="form.Explain" placeholder="请输入说明" />
            </el-form-item>
          </el-row>
        </el-tab-pane>
      </el-tabs>
      <el-table :data="editData" ref="editData" style="width: 100%" height="300" width="100%"
        @selection-change="handleTableZbEdit" border>
        <el-table-column type="selection" width="55" align="center" />
        <el-table-column align="center" label="hmainid" prop="单据ID" />
        <el-table-column align="center" label="用户编码" prop="用户编码" />
        <el-table-column align="center" label="用户名称" prop="用户名称" />
        <el-table-column align="center" label="对应职员" prop="对应职员" />
        <el-table-column align="center" label="对应保管" prop="对应保管" />
        <el-table-column align="center" label="对应验收" prop="对应验收" />
        <el-table-column align="center" label="对应业务员" prop="对应业务员" />
        <el-table-column align="center" label="对应部门" prop="对应部门" />
        <el-table-column align="center" label="对应仓库" prop="对应仓库" />
        <el-table-column align="center" label="对应调入仓库" prop="对应调入仓库" />
        <el-table-column align="center" label="对应供应商" prop="对应供应商" />
        <el-table-column align="center" label="对应CLOUD账号" prop="对应CLOUD账号" />
        <el-table-column align="center" label="对应CLOUD组织" prop="对应CLOUD组织" />
      </el-table>
    </el-form>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  name: 'Xt_UserGroupEdit',
  components: {},
  props: {
    OperationType: { type: Number, },
    linterid: {},
  },
  data() {
    return {
      baseURL: process.env.VUE_APP_BASE_API,        //后端接口前缀

      HModName: "Xt_UserListEdit",   
      formShow: false,                              //表单数据加载标记
      formLoading: true,                            //表单加载动画显示标记
      subDisabled: false,                           //保存按钮是否禁用(true禁用，false可用)

      rowHideShow: false,                           //列设置页面内容加载标记
      openRowHide: false,                           //列设置弹窗显示标记
      temp: undefined,                              //临时字段
      
      organizationList: JSON.parse(sessionStorage.getItem('organizationList')),//组织列表

      editData: [],                                 //子表数据
      checkedSysZb: [],                             //子表选中数据
      activeName: 'first',
    };
  },
  created() {
    this.getdata()
  },
  methods: {
    //#region 页面初始化
    getdata() {
      this.formShow = false
      this.formLoading = true
      this.getUserGroup()
      if ((this.OperationType == 1 && this.copyType != 1) || (!this.OperationType && !this.copyType)) {
        this.handleAdd()
      } else if (this.OperationType == 3 || this.copyType == 1) {
        this.$nextTick(() => {
          this.handleUpdate()
        })
      }
    },

    //#region 页面数据初始化
    reset() {
      this.form = {
        Czybm: '',
        Czymc: '',
        Czmm: '',
        Czyyz: '',
        Explain: '',
        HEmpID: 0,
        HEmpName: '',
        HK3UserName: '',
        HK3UserID: 0,
        HKeeper: '',
        HKeeperID: 0,
        HSecManager: '',
        HSecManagerID: 0,
        HSellManID: 0,
        HSellMan: '',
        HDept: '',
        HDeptID: 0,
        HWHName: '',
        HWhID: 0,
        HSCWHName: '',
        HSCWHID: 0,
        HSupName: '',
        HSupID: 0,
        HCloudUserName: '',
        HCloudUserPsd: '',
        HOrgID: sessionStorage["OrganizationID"] - 0,
        HProcID: 0,
        HProcName: '',
        HCusID: 0,
        HCusName: '',
        HGroupID: 0,
        HGroupName: '',
        HSourceID: 0,
        HSourceName: '',
        HCheckEmpID: 0,
        HCheckEmpName: '',
        HWorkCenterID: 0,
        HWorkCenterName: '',
        HICNumber: '',
        HDingDingUserID: 0,
      }
      this.editData = []
      this.editBtData = []
      this.ids = []
      this.subDisabled = false
      this.activeName = 'first'
      this.resetForm("form");
    },
    //#endregion
    
    //#region 新增页面初始化
    handleAdd() {
      this.reset()
      this.formShow = true
      this.formLoading = false
    },
    //#endregion

    //#region 编辑页面初始化
    handleUpdate() {
      this.reset()
      let rowHmainid = this.linterid
      axios.get(this.baseURL + "/Xt_User/EditUser", {
        params: { 'HID': rowHmainid }
      }).then(response => {
        if (response.data.code == 1) {
          var result = response.data
          var data = result.data.h_v_IF_UserList_Edit[0]
          this.form.Czybm = data.用户编码
          this.form.Czymc = data.用户名称
          this.form.Czmm = data.密码
          this.form.Czyyz = data.密码
          this.form.Explain = data.说明
          this.form.HEmpID = data.HEmpID
          this.form.HEmpName = data.对应职员
          this.form.HK3UserName = data.HK3UserID
          this.form.HK3UserID = data.HK3UserID
          this.form.HKeeper = data.HKeeper
          this.form.HKeeperID = data.HKeeperID
          this.form.HSecManager = data.HSecManager
          this.form.HSecManagerID = data.HSecManagerID
          this.form.HSellManID = data.HSellManID
          this.form.HSellMan = data.HSellMan
          this.form.HDept = data.HDept
          this.form.HDeptID = data.HDeptID
          this.form.HWHName = data.HWHName
          this.form.HWhID = data.HWhID
          this.form.HSCWHName = data.HSCWHName
          this.form.HSCWHID = data.HSCWHID
          this.form.HSupName = data.HSupName
          this.form.HSupID = data.HSupID
          this.form.HCloudUserName = data.对应CLOUD账号
          this.form.HCloudUserPsd = data.HCloudUserPsd
          this.form.HOrgID = data.HUSEORGID
          this.form.HProcID = data.HProcID
          this.form.HProcName = data.工序
          this.form.HCusID = data.HCusID
          this.form.HCusName = data.客户
          this.form.HGroupID = data.HGroupID
          this.form.HGroupName = data.班组
          this.form.HSourceID = data.HSourceID
          this.form.HSourceName = data.生产资源
          this.form.HCheckEmpID = data.HCheckEmpID
          this.form.HCheckEmpName = data.检验员
          this.form.HWorkCenterID = data.HWorkCenterID
          this.form.HWorkCenterName = data.工作中心
          this.form.HICNumber = data.IC卡号
          this.form.HDingDingUserID = data.钉钉ID号
          this.formShow = true
          this.get_DisplayUserGroupInfoList()
          this.formLoading = false
        }
      }).catch(error => {
        this.$modal.msgError("接口请求失败!");
      });
    },
    //#endregion

    //#endregion
    
    //#region 获取子表数据
    getUserGroup() {
      //角色列表
      axios.get(this.baseURL + '/Xt_UserGroup/list', {
        params: {
          sWhere: '',
        },
      }).then(response => {
        let data1 = response.data
        if (data1.code == 1) {
          this.editData = data1.data
        }
      }).catch(error => {
        this.$modal.msgError("接口请求失败!");
      });
    },
    //#endregion
    

    get_DisplayUserGroupInfoList() {
      var sWhere = "and UserId='" + this.linterid + "'";
      axios.get(this.baseURL + '/Xt_UserGroup/UserGroupInfoList', {
        params: {
          sWhere: sWhere,
        },
      }).then(response => {
        let data1 = response.data
        if (data1.count == 1) {
          if (data1.data.length > 0)
            if (this.editData.length > 0) {
              this.editData.forEach(row => {
                if (data1.data.some(selectedRow => selectedRow.GroupId === row.HGroupID)) {
                  this.$refs.editData.toggleRowSelection(row)
                }
              })
            }
        }
      }).catch(error => {
        this.$modal.msgError("接口请求失败!");
      });
    },

    //#region 获取参数_传递的JSON格式参数
    getUrlVars_JSON() {
      var datajson;
      var str = this.propsData; //获取链接中传递的参数
      var arr = str.substring(str.lastIndexOf("=") + 1);
      datajson = JSON.parse(decodeURI(arr));
      return datajson;
    },
    //#endregion

    
    //#region 组织下拉列表值变更监听
    organizationChange(val) {
      // let options=undefined
      //  this.form=this.organizationList.find(option => option.ID === val)?.Name || '';
    },
    //#endregion

    //#region 子表复选框选中数据监听事件
    handleTableZbEdit(selection) {
      this.checkedSysZb = selection
      // this.editData.forEach(row => {
      //   row.AuthorityHID = this.checkedSysZb.some(selectedRow => selectedRow.GroupId === row.HGroupID) ? 1 : 0;
      // });
    },
    //#endregion

    //#region 保存
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          var num = [];
          var Sav = ''
          if (this.OperationType == 1) {
            Sav = 'Add'
          } else if (this.OperationType == 3) {
            Sav = "Update"
          }
          for (var i = 0; i < this.checkedSysZb.length; i++) {
            num.push(this.checkedSysZb[i].HGroupID)
          }
          var sSubStr = num.toString() == "" ? "-1" : num.toString();
          var sMainStr = JSON.stringify(this.form) + ';' + Sav + ';' + sSubStr;
          axios({
            method: 'post',
            url: this.baseURL + "/Xt_User/SaveUser",
            data: {
              'msg': sMainStr
            },
          }).then(response => {
            if (response.data.count == 1) {
              this.formShow = false
              this.$emit('editClose', false)
              this.$modal.msgSuccess(response.data.Message);
            }
          }).catch(error => {
            this.$modal.msgError("接口请求失败!");
          });
        }
      });
    },
    //#endregion

    //#region 退出
    close() {
      this.reset()
      this.formShow = false
      this.$emit('editClose', false)
    },
    //#endregion

    //#region 列设置
    handleRowHide() {
      this.rowHideShow = true
      this.openRowHide = true
    },
    rowSetClose(val) {
      this.rowHideShow = false
      this.openRowHide = val
    },
    //#endregion

  }
};
</script>
<style>
.xsckdBox .el-date-editor.el-input {
  width: 100%;
}
</style>

 src/views/system/user/Xt_UserGroupList.vue

New file
@@ -0,0 +1,760 @@
<template>
  <div style="padding: 10px;">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="78px" class="searchBox">
      <el-form-item label="角色" prop="HGroupName" style="margin-left:100px;">
        <el-input v-model="queryParams.HGroupName" placeholder="请输入角色名称" @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="组织" prop="HUSEORGID">
        <el-select v-model="queryParams.HUSEORGID" placeholder="请选择组织">
          <el-option v-for="(item, index) in organizationList" :key="index" :label="item.Name" :value="item.ID">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label-width="78px">
        <el-button type="primary" icon="el-icon-search" @click="handleQuery"> 搜 索</el-button>
        <el-button icon="el-icon-circle-close" @click="resetQuery">重 置</el-button>
      </el-form-item>
      <el-collapse v-model="activeSeach">
        <el-collapse-item title="更多" name="1">
          <el-card class="box-card">
            <div slot="header" class="clearfix"><span>过滤</span></div>
            <div>
              <el-row>
                <el-form-item label-width="0">
                    <el-row>
                    <el-col :span="7">
                        <el-select v-model="queryParams.ColName" placeholder="请选择" @change="riqiChange">
                        <el-option v-for="(item, index) in btList" :key="index" :label="item.field"
                            :value="item.field"></el-option>
                        </el-select>
                    </el-col>
                    <el-col :span="6" style="padding: 0 10px;">
                        <el-select v-model="queryParams.Comparator" placeholder="请选择" @change="riqiChange">
                        <el-option v-for="(item, index) in comparatorList" :key="index" :label="item.label"
                            :value="item.value"></el-option>
                        </el-select>
                    </el-col>
                    <el-col :span="11">
                        <el-input v-model="queryParams.ColContent" placeholder="请输入" clearable
                        @keyup.enter.native="handleQuery" />
                    </el-col>
                    </el-row>
                </el-form-item>
              </el-row>
              <el-row>
                <el-form-item label-width="0">
                  <el-row>
                    <el-col :span="7">
                      <el-select v-model="queryParams.ColName1" placeholder="请选择" @change="riqiChange">
                        <span v-for="(item, index) in btList" :key="index">
                          <el-option :label="item.field" :value="item.field" v-if="!item.hide"></el-option>
                        </span>
                      </el-select>
                    </el-col>
                    <el-col :span="6" style="padding: 0 10px;">
                      <el-select v-model="queryParams.Comparator1" placeholder="请选择" @change="riqiChange">
                        <el-option v-for="(item, index) in comparatorList" :key="index" :label="item.label"
                          :value="item.value"></el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="11">
                      <el-input v-model="queryParams.ColContent1" placeholder="请输入" clearable
                        @keyup.enter.native="handleQuery" />
                    </el-col>
                  </el-row>
                </el-form-item>
              </el-row>
              <el-row>
                <el-form-item label-width="0">
                  <el-row>
                    <el-col :span="7">
                      <el-select v-model="queryParams.ColName2" placeholder="请选择" @change="riqiChange">
                        <span v-for="(item, index) in btList" :key="index">
                          <el-option :label="item.field" :value="item.field" v-if="!item.hide"></el-option>
                        </span>
                      </el-select>
                    </el-col>
                    <el-col :span="6" style="padding: 0 10px;">
                      <el-select v-model="queryParams.Comparator2" placeholder="请选择" @change="riqiChange">
                        <el-option v-for="(item, index) in comparatorList" :key="index" :label="item.label"
                          :value="item.value"></el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="11">
                      <el-input v-model="queryParams.ColContent2" placeholder="请输入" clearable
                        @keyup.enter.native="handleQuery" />
                    </el-col>
                  </el-row>
                </el-form-item>
              </el-row>
            </div>
          </el-card>
        </el-collapse-item>
      </el-collapse>
    </el-form>
    <el-row :gutter="10" class="mb8" style="margin-top: 10px;">
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAddEdit(OperationType = 1)"
          id="btn-Add">新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-edit" size="mini" :disabled="single"
          @click="handleEdit(row = rowForm, OperationType = 3)">编辑</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-document-copy" size="mini" :disabled="single"
          @click="handleEdit(row = rowForm, OperationType = 1, copyType = 1)">复制</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="single" @click="handleDelete">删除
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-date" size="mini" @click="handleRowHide">隐藏列设置</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-share" size="mini" :disabled="single" @click="queryClick">权限</el-button>
      </el-col>
    </el-row>
    <div class="tableBox" v-loading="loading">
      <el-table :data="tableData" ref="tableData" max-height="710" :summary-method="getSummaries"
        @selection-change="handleSelectionChange" show-summary border @row-click="handleRowClick" :row-style="rowStyle"
        @cell-dblclick="handleDblclick" v-if="tableShow">
        <template v-for="(item, index) in btList">
          <el-table-column type="selection" width="55" align="center" :fixed="item.fixed" v-if="item.type == 'checkbox'"
            :key="index" />
          <el-table-column :align="item.align" :prop="item.field" :label="item.title" :width="item.width" :key="item.id"
            v-else-if="!item.hide && item.type != 'checkbox'" :sortable="item.sort" show-overflow-tooltip
            :fixed="item.fixed">
            <template slot-scope="{row,  column }">
              <el-checkbox v-model="checked" v-if="item.type == 'checkbox'"></el-checkbox>
              <div :style="item.style">
                <span v-if="column.property.includes('日期')">{{ parseTime(row[column.property], '{y}-{m}-{d}') }}</span>
                <span v-else>{{ row[column.label] }}</span>
              </div>
            </template>
          </el-table-column>
        </template>
      </el-table>
      <!-- 记录数、页数、当前页 -->
      <pagination v-show="total > 0" :total="total" :page.sync="page" :limit.sync="pageSize" @pagination="handleQuery" />
      <!-- 列设置 -->
      <el-dialog title="隐藏列设置" :visible.sync="openRowHide" width="816px" append-to-body>
        <RowSettings :colName="btResList" HModName="Xt_UserGroupList" @rowEditClose="rowSetClose"
          v-if="rowHideShow" />
      </el-dialog>
      <!-- 编辑 -->
      <el-dialog title="编辑" :visible.sync="openEdit" width="1480px" append-to-body class="xsckdBox" @close="close">
        <edit :OperationType=OperationType :linterid="this.rowForm.hmainid" @editClose="editClose" v-if="editShow" />
      </el-dialog>
      <!-- 权限 -->
      <el-dialog title="角色权限" :visible.sync="openQuery" width="1480px" append-to-body class="xsckdBox">
        <Query HSouceBillType="js" @editQueryClose="editQueryClose" :linterid=this.rowForm.HGroupID v-if="queryShow" />
      </el-dialog>
    </div>
  </div>
</template>

<script>
import axios from 'axios'
import moment from 'moment';                                            //导出组件
import RowSettings from '@/views/component/rowSettings'                 //列设置组件
import Edit from '@/views/system/user/Xt_UserGroupEdit'                 //编辑页面组件
import Query from '@/views/system/user/powerInformation.vue'

export default {
  name: 'Xt_UserGroupList',
  components: { RowSettings, Edit,Query,moment },
  data() {
    return {
      baseURL: process.env.VUE_APP_BASE_API,                //后端接口前缀(后端服务器ip地址)

      OperationType: null,                                  //保存类型（新增1修改3）
      copyType: 0,                                          //复制标记。打开编辑组件时，用于区分编辑还是复制
      HInterID: null,
      
      rqsgList: [                                           //日期间隔下拉列表数据
        { label: '今天', value: 0 },
        { label: '近两天', value: 1 },
        { label: '近三天', value: 2 },
        { label: '近四天', value: 3 },
        { label: '近五天', value: 4 },
        { label: '近六天', value: 5 },
        { label: '近七天', value: 6 },
        { label: '近30天', value: 29 },
        { label: '近半年', value: 180 },
        { label: '近一年', value: 365 },
      ],
      
      organizationList: [],                                 //组织列表
      btList: [],                                           //列表表头字段列表
      comparatorList: [                                     //运算标识下拉列表
        { label: '=', value: '=' },
        { label: '>=', value: '>=' },
        { label: '>', value: '>' },
        { label: '<=', value: '<=' },
        { label: '<', value: '<' },
        { label: '<>', value: '<>' },
        { label: '包含', value: '7' },
        { label: '左包含', value: '8' },
        { label: '右包含', value: '9' },
        { label: '不包含', value: '10' },
      ],
      
      dialogTitle: '',                                      // 弹窗标题
      title: "",                                            // 弹出层标题
      open: false,                                          // 是否显示弹出层
      loading: true,                                        // 遮罩层
      
      activeSeach: '',
      editShow: false,                                      //编辑组件容器显示标记
      openEdit: false,                                      //编辑组件显示标记
      openRowHide: false,                                   //列设置组件显示标记
      rowHideShow: false,                                   //列设置组件容器显示标记
      openQuery:false,                                      //权限页面弹窗显示标记
      queryShow:false,                                      //权限页面数据加载标记
      
      // 查询参数
      sWhere: '',                                                   // 拼接过滤条件
      queryParams: {                                                // form数据
        HGroupName: "",                                             //角色名称
        HUSEORGID: sessionStorage["OrganizationID"] - 0,            //组织
        ColName: '',
        Comparator: '',
        ColContent: '',
        ColName1: '',
        Comparator1: '',
        ColContent1: '',
        ColName2: '',
        Comparator2: '',
        ColContent2: '',
      },
      
      page: 1,                                                      // page页索引
      pageSize: 0,                                                  // page页面记录数
      total: 0,                                                     // 记录合计数
      tableShow: true,                                              // table显示标记
      totalNameList: [],                                            // 需要设置合计行的列数组
      tableData: [],                                                // 列表数据。用于table监听事件
      ids: [],                                                      // 选中行的hmainid数组
      single: true,                                                 // 当选中的行数不为1时为true。用于禁用相关操作
      multiple: true,                                               // 当选中的行数为0时为true。用于禁用相关操作
      lastSelectedRowIndex: null,                                   // 用于记录上次点击的行索引
      lastSelectedRow: null,                                        // 上一次选中的行
      selectedRow: null,                                            // 当前选中的行
      rowForm: {},                                                  // 当选中的只有一行时，更新数据为该选中的行。

      tyResList: [],                                                // 列表数据，用于导出
      titleData: [],                                                // 不需要显示的字段 可扩展
      btResList: [],                                                // 列表表头数据。用于列设置
      dataList: [],                                                 // option记录。用于当option数据无效时，用于列设置
    };
  },
  created() {
    this.fetchData()                //加载组织下拉列表数据
    this.handleQuery();
  },

  methods: {
    //#region 设置表头
    renderHeader(h, { column, $index }) {// 新建一个 span
      let span = document.createElement(span)// 设置表头名称
      span.innerText = column.label
      //临时插入 document
      document.body.appendChild(span)// 重点:获取 span 最小宽度，设置当前列，注意这里加了 20，字段较多时column.minWidth=span.getBoundingClientRect().width + 50.//移除 document 中临时的 span
      document.body.removeChild(span)
      return h(span, column.label)
    },
    //#endregion

    //#region 点击行
    handleRowClick(row, column, event) {
      this.lastSelectedRow = this.selectedRow; // 记录上一次选中的行
      this.selectedRow = row; // 记录当前选中的行
      this.lastSelectedRowIndex = this.tableData.indexOf(row);
      this.$refs.tableData.toggleRowSelection(row);
    },
    //#endregion
    
    //#region 选中行高亮样式
    rowStyle({ row, rowIndex }) {
      if (this.ids.includes(row.hmainid)) {
        return { "background": "#ecf5ff" }
      }
    },
    //#endregion

    //#region 双击行
    handleDblclick(row, column, cell, event) {
      this.OperationType = 3
      this.handleEdit()
    },
    //#endregion

    //#region 多选框选中数据
    handleSelectionChange(selection) {
      // this.rowForm = {}
      this.ids = selection.map(item => item.hmainid)
      this.single = selection.length != 1
      this.multiple = !selection.length
      if (!this.single) {
        this.rowForm = selection[0]
      }
    },
    //#endregion
    
    //#region 加载组织下拉列表数据
    fetchData() {
      axios.get(this.baseURL + "/Web/GetOrganizations", {
      }).then(response => {
        if (response.data.count == 1) {
          this.organizationList = response.data.data;//组织列表
        }
      }).catch(error => {
        this.$modal.msgError("接口请求失败!");
      });
      this.queryParams.HUSEORGID = sessionStorage["OrganizationID"]-0;
    },
    //#endregion

    //#region 根据日期间隔，设置开始日期、结束日期
    riqiChange() {
    },
    //#endregion

    //#region 重置
    resetQuery() {
      this.sWhere = ''
      this.queryParams = {
        HGroupName: "",                                             //角色名称
        HUSEORGID: sessionStorage["OrganizationID"] - 0,            //组织
        ColName: '',
        Comparator: '',
        ColContent: '',
        ColName1: '',
        Comparator1: '',
        ColContent1: '',
        ColName2: '',
        Comparator2: '',
        ColContent2: '',
      }
      this.resetForm("queryForm")
      this.handleQuery()
    },
    //#endregion

    //#region 快速过滤
    handleQuery() {
      this.sWhere = ''
      if (this.queryParams.ColName && this.queryParams.Comparator) {
        var com = "";
        switch (this.queryParams.Comparator) {
          case "7":
            com = "like'%" + this.queryParams.ColContent + "%'";
            break;
          case "8":
            com = "like'%" + this.queryParams.ColContent + "'";
            break;
          case "9":
            com = "like'" + this.queryParams.ColContent + "%'";
            break;
          case "10":
            com = "not like'%" + this.queryParams.ColContent + "%'";
            break;
          default:
            com = "" + this.queryParams.Comparator + "'" + this.queryParams.ColContent + "'";
            break;
        }
        this.sWhere += " and " + this.queryParams.ColName + " " + com;
      }
      if (this.queryParams.ColName1 && this.queryParams.Comparator1) {
        var com1 = "";
        switch (this.queryParams.Comparator1) {
          case "7":
            com1 = "like'%" + this.queryParams.ColContent1 + "%'";
            break;
          case "8":
            com1 = "like'%" + this.queryParams.ColContent1 + "'";
            break;
          case "9":
            com1 = "like'" + this.queryParams.ColContent1 + "%'";
            break;
          case "10":
            com1 = "not like'%" + this.queryParams.ColContent1 + "%'";
            break;
          default:
            com1 = "" + this.queryParams.Comparator1 + "'" + this.queryParams.ColContent1 + "'";
            break;
        }
        this.sWhere += " and " + this.queryParams.ColName1 + " " + com1;
      }
      if (this.queryParams.ColName2 && this.queryParams.Comparator2) {
        var com2 = "";
        switch (this.queryParams.Comparator2) {
          case "7":
            com2 = "like'%" + this.queryParams.ColContent2 + "%'";
            break;
          case "8":
            com2 = "like'%" + this.queryParams.ColContent2 + "'";
            break;
          case "9":
            com2 = "like'" + this.queryParams.ColContent2 + "%'";
            break;
          case "10":
            com2 = "not like'%" + this.queryParams.ColContent2 + "%'";
            break;
          default:
            com2 = "" + this.queryParams.Comparator + "'" + this.queryParams.ColContent + "'";
            break;
        }
        this.sWhere += " and " + this.queryParams.ColName2 + " " + com2;
      }
      if (this.queryParams.HGroupName) {
        this.sWhere += " and 角色 like '%" + this.queryParams.HGroupName + "%'";
      }
    //   if (this.queryParams.HUSEORGID) {
    //     this.sWhere += " and HUSEORGID = '" + this.queryParams.HUSEORGID + "'";
    //   }
      this.getList()
    },
    //#endregion

    //#region 查询
    getList() {
      this.pageSize = 50
      if (this.pageSize == 0) {
        this.pageSize = 50
      }
      this.tableShow = false
      this.loading = true
      
      // 列表查询
      axios.get(this.baseURL + '/Xt_UserGroup/list', {
        params: {
          "sWhere": this.sWhere,
        },
      }).then(response => {
        this.tyResList = response.data.data//总数据
        let data1 = response.data
        let option = []
        if (data1.code == 1) {
          this.btResList = data1.list             //列表表头数据
          this.total = data1.count;
          var data = [];//列字段数据
          var col = [];
          var totalArray = [];
          //给空的数组赋值
          for (var key in data1.list) {//循序遍历数组
            data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });//从每个对象中提取数据
          }
          //在列表左边添加勾选框
          col.push({ type: 'checkbox', fixed: 'left', totalRowText: '合计' });
          for (var i = 0; i < data.length; i++) {//遍历data数组重的数据
            if (this.titleData.indexOf(data[i].name) > -1) {//检查data【i】.name是否在数组中  //计算列
              col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //隐藏id列
            } else if (totalArray.indexOf(data[i].name) > -1 || (data[i].Type == "Decimal" || data[i].Type == "Int32")) { //计算列
              col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, totalRow: true, width: 120 });
            }
            else {
              col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 200 });
            }
          }

          col = [
             { type: 'checkbox', fixed: 'left' }
            , { field: 'HGroupID', title: 'HGroupID', sort: true, hide: true }
            , { field: '角色', title: '角色' }
            , { field: '级别', title: '级别' }
            , { field: '说明', title: '说明' }
            , { field: '使用组织', title: '使用组织' }
          ]

          option.cols = [col]
          this.dataList = option
          option.data = data1.data;
          var result = data1.data;
          option.data = result;
          let HModName = "Xt_UserGroupList"
          this.DisPlay_HideColumn(HModName, sessionStorage["HUserName"], option, this.dataList);
        }
      }).catch(error => {
        this.$modal.msgError("接口请求失败!");
      });
    },

    //#region 合计行数据处理
    getSummaries(param) {
      const { columns, data } = param;
      const sums = [];
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = '合计';
          return;
        }
        const values = data.map(item => Number(item[column.property]));
        if (this.totalNameList[index].totalRow) {
          if (!values.every(value => isNaN(value))) {
            sums[index] = values.reduce((prev, curr) => {
              const value = Number(curr);
              if (!isNaN(value)) {
                return prev + curr;
              } else {
                return prev;
              }
            }, 0)

          } else {
            sums[index] = '';
          }
        }
      }, 1000);
      return sums;
    },
    //#endregion

    //#endregion

    //#region 新增
    handleAddEdit() {
      this.rowForm.hmainid = 0
      this.editShow = true
      this.openEdit = true
    },
    //#endregion

    //#region 编辑
    handleEdit(row) {
      this.rowForm = row
      this.editShow = true
      this.openEdit = true
    },
    editClose(val) {
      this.open = val
      this.editShow = false
      this.openEdit = val
      this.handleQuery()
    },
    //#endregion

    //#region 删除
    handleDelete() {
      this.$modal.confirm('确认要删除吗，删除后不能恢复').then(() => {
        axios.get(this.baseURL + "/Xt_UserGroup/DelXt_UserGroupList", {
            params: { 'HInterID': this.rowForm.HGroupID.toString(), 'user': sessionStorage["HUserName"] }
          }).then(response => {
            if (response.data.count == 1) {
              this.handleQuery()
              this.$modal.msgSuccess("删除成功")
            } else {
              this.$modal.msgError("错误:" + result.code + result.Message);
            }
          }).catch(error => {
            this.$modal.msgError("接口请求失败!");
          });
      }).catch(() => { })
    },
    //#endregion

    //#region 列设置
    handleRowHide() {
      this.rowHideShow = true
      this.openRowHide = true
    },
    rowSetClose(val) {
      this.rowHideShow = false
      this.tableShow = true
      this.openRowHide = val
      this.handleQuery()
    },
    DisPlay_HideColumn(HModName, user, option, dataOption) {
      this.totalNameList = []
      axios.get(this.baseURL + '/Xt_grdAlignment_WMES/grdAlignmentWMESList', {
        params: {
          "HModName": HModName,
          "user": user,
        },
      }).then(res => {
        let data1 = res.data
        if (data1.data.length != 0) {
          var dataCol = [];//数据库查询出的列数据
          var newCols = [[]];//对应数据库列顺序col
          newCols[0].push(option.cols[0][0]);//放入第一个checkbox
          dataCol = data1.data[0].HGridString.split(',');
          //列设置列数与页面列数是否一致
          if (dataCol.length == option.cols[0].length - 1) {
            //遍历寻找列设置对应列按顺序插入
            for (var j = 0; j < option.cols[0].length - 1; j++) {
              for (var i = 0; i < option.cols[0].length - 1; i++) {
                var dataCols = dataCol[j].split('|');
                //选择与datacols相应列进行修改
                if (option.cols[0][i + 1]["field"] == dataCols[5]) {
                  //隐藏列
                  if (dataCols[1] == 1) {
                    option.cols[0][i + 1]["hide"] = true;
                  }
                  //设置列宽
                  if (dataCols[3] > 0) {
                    option.cols[0][i + 1]["width"] = dataCols[3];
                  }
                  //设置内容字体大小
                  if (data1.data[0].HFontSize != 0) {
                    option.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;";
                  } else {
                    option.cols[0][i + 1]["style"] = "font-size:100%";
                  }
                  //显示列
                  if (dataCols[1] == 0 && this.titleData.indexOf(option.cols[0][i + 1]["title"]) == -1) {
                    option.cols[0][i + 1]["hide"] = false;
                  }
                  //统计列
                  if (dataCols[6] == 1) {
                    option.cols[0][i + 1]["totalRow"] = true;
                  } else {
                    option.cols[0][i + 1]["totalRow"] = false;
                  }
                  //字体所在位置(左 居中 右)
                  switch (dataCols[2]) {
                    case "L":
                      option.cols[0][i + 1]["align"] = "left";
                      break;
                    case "M":
                      option.cols[0][i + 1]["align"] = "center";
                      break;
                    case "R":
                      option.cols[0][i + 1]["align"] = "right";
                      break;
                  }
                  //设置表格title属性显示别名
                  if (dataCols[4] != null && dataCols[4] != "") {
                    option.cols[0][i + 1]["title"] = dataCols[4];
                  }
                  newCols[0].push(option.cols[0][i + 1]);
                  break;
                }
              }
            }
            //遍历循环后判断对应列数是否一致
            if (dataCol.length == newCols[0].length - 1) {
              option.cols = newCols;
              //取消冻结列
              for (var i = 1; i < option.cols[0].length - 1; i++) {
                if (option.cols[0][i + 1]["fixed"] != null) {
                  option.cols[0][i + 1]["fixed"] = null;
                }
                else {
                  break;
                }
              }
              //冻结列
              if (data1.data[0].HFixCols != 0) {
                for (var i = 0; i < data1.data[0].HFixCols; i++) {
                  if (dataOption.cols[0].indexOf(option.cols[0][i + 1]["title"]) != -1) {
                    data1.data[0].HFixCols += 1;
                  }

                  option.cols[0][i + 1]["fixed"] = "left";
                }
              }
              //设置列排序
              for (var i = 1; i < option.cols[0].length; i++) {
                if (data1.data[0].HSortFlag == "是") {
                  option.cols[0][i]["sort"] = true;
                }
                else {
                  option.cols[0][i]["sort"] = false;
                }
              }
            }
          }
          this.btList = option.cols[0]
          this.btList.map(item => {
            if (!item.hide) {
              this.totalNameList.push(item)
            }
          })
          if (data1.data[0].HPageSize == 0) {
            this.pageSize = 50
          } else {
            this.pageSize = data1.data[0].HPageSize
          }
          this.tableData = option.data
          this.tableShow = true
          this.loading = false
        } else {
          this.btList = dataOption.cols[0]
          this.btList.map(item => {
            if (!item.hide) {
              this.totalNameList.push(item)
            }
          })
          this.tableData = dataOption.data
          this.tableShow = true
          this.loading = false
        }
      }).catch(error => {
        this.$modal.msgError("接口请求失败!");
      });
    },
    //#endregion

    //#region 权限设置
    queryClick() {
      this.queryShow = true
      this.openQuery = true
    },

    editQueryClose(val) {
      this.queryShow = false
      this.openQuery = false
      this.single= true
      this.ids = []
      this.getList()
    },
    //#endregion

    //#region 导出
    handleExport() {
      const ws = this.$XLSX.utils.json_to_sheet(this.tyResList); // 将数据转换为工作表
      const wb = this.$XLSX.utils.book_new(); // 创建一个新的工作簿
      this.$XLSX.utils.book_append_sheet(wb, ws, "Sheet1"); // 将工作表添加到工作簿中，并命名为"Sheet1"
      this.$XLSX.writeFile(wb, `Xt_UserGroupList_${new Date().getTime()}.xlsx`); // 导出文件      
    },
    //#endregion

    //#region 退出
    close() {
      // this.reset()
      this.tableShow = true
      this.openEdit = false
      this.editShow = false
      this.handleQuery()
    },
    //#endregion

    //#region 获取公司名，根据公司进行定制化开发
    defaintOperationByCompanyName() {
      var result = false;
      axios.get(this.baseURL + '/Xt_getInfo/getCompanyName').then(response => {
        var data1 = response.data
        if (data1.count == 1) {
          if (data1.data == "水务") {
            result = true;
          }
        }
      }).catch(error => {
        this.$modal.msgError("接口请求失败!");
      });
      return result;
    },
    //#endregion
  }
};
</script>
<style>
.xsckdBox .el-date-editor.el-input {
  width: 100%;
}
</style>