xcx

src/pages/system/caseManager/deviceManager/add.vue

@@ -0,0 +1,92 @@
+<template>
+  <div class="subPage">
+    <form class="mainForm">
+      <ul>
+        <li class="flex-h">
+          <span>角色名称：</span>
+          <div class="flex-item">
+            <div style="width:50%">
+              <el-input
+                placeholder="请输入角色名称"
+                v-model="detail.RoleName"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li class="flex-h">
+          <span>备注：</span>
+          <div class="flex-item">
+            <div>
+              <el-input
+                placeholder="请输入备注"
+                type="textarea"
+                :autosize="{ minRows: 3, maxRows: 5}"
+                v-model="detail.Remark"
+                clearable>
+              </el-input>
+            </div>
+          </div>
+        </li>
+        <li style="text-align:center">
+          <el-button type="primary" size="mini" @click='submit'>保存</el-button>
+          <el-button type="danger" size="mini" @click="cancel">取消</el-button>
+        </li>
+      </ul>
+    </form>
+  </div>
+</template>
+
+<script>
+import { createNamespacedHelpers, mapState } from 'vuex'
+
+const { mapState: mapRoleState, mapActions: mapRoleActions } = createNamespacedHelpers('role')
+export default {
+  name: '',
+  data () {
+    return {}
+  },
+  components: {},
+  computed: {
+    ...mapRoleState({
+      detail: x => x.roleInfo,
+    }),
+    ...mapState({
+      caseid: x => x.app.cases.default,
+      orgid: x => x.app.user.OrgId,
+    })
+  },
+  methods: {
+    ...mapRoleActions([
+      'GetRoleByID',
+      'AddRole',
+      'UpdateRole',
+      'SetRoleNull',
+    ]),
+    submit () {
+      if ((this.detail.RoleId || '') === '') {
+        this.detail.CaseId = this.caseid
+        this.detail.OrgId = this.orgid
+        this.AddRole(this.detail)
+      } else {
+        this.UpdateRole(this.detail)
+      }
+    },
+    cancel () {
+      this.$router.go(-1)
+    }
+  },
+  beforeMount () {
+    const { id } = this.$route.query
+    if (id && id !== '') {
+      this.GetRoleByID({ roleid: id })
+    } else {
+      this.SetRoleNull()
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/caseManager/deviceManager/index.vue

@@ -0,0 +1,177 @@
+<template>
+  <div class="subPage">
+    <div class="system-table-search">
+      <div class="flex-h">
+        <div class="flex-item flex-h">
+          <el-button size="mini" type="success" @click='addRole'>新增角色</el-button>
+        </div>
+        <tableSearch value='角色名称' @exportSearchKey="searchList"></tableSearch>
+      </div>
+      <div class="moreFilter"></div>
+    </div>
+    <div class="system-table-box">
+      <el-table :data="roles.list" stripe style="width: 100%">
+        <el-table-column prop="RoleName" label="角色名">
+        </el-table-column>
+        <el-table-column label="创建时间" width="300">
+          <template slot-scope="scope">
+            <label>{{FormatDate(scope.row.CreateDate)}}</label>
+          </template>
+        </el-table-column>
+        <el-table-column fixed='right' label="操作" width="300">
+          <template slot-scope="scope">
+            <el-button size="mini" type="warning" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+            <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+            <el-button size="mini" type="success" @click="handlePermission(scope.$index, scope.row)">分配权限</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-pagination
+    @size-change="handleSizeChange"
+    @current-change="handleCurrentChange"
+    :current-page.sync="currentPage"
+    :page-size="10"
+    layout="prev, pager, next, jumper"
+    :total="roles.pagenum">
+    </el-pagination>
+    <el-dialog title="请选择菜单" :visible.sync="dialogTableVisible">
+      <el-tree
+        v-if="dialogTableVisible"
+        class="flxe-h"
+        :data="menus"
+        node-key="id"
+        :default-expand-all="true"
+        :default-checked-keys="defaultChecked"
+        ref="tree"
+        show-checkbox
+        @node-click="handleNodeClick"></el-tree>
+        <div class="flex-h" style="justify-content: flex-end;margin-top: 1rem">
+          <el-button type='success' @click="getCheckedNodes">确定</el-button>
+        </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { createNamespacedHelpers, mapState } from 'vuex'
+import tableSearch from '@/components/tableSearch/index'
+
+const { mapState: mapRoleState, mapActions: mapRoleActions } = createNamespacedHelpers('role')
+
+export default {
+  name: '',
+  data () {
+    return {
+      currentPage: 0, // 当前页码
+      key: '',
+      selid: '',
+      dialogTableVisible: false,
+    }
+  },
+  computed: {
+    ...mapRoleState({
+      roles: x => x.roleList,
+      roleMenus: x => x.roleMenus,
+    }),
+    ...mapState({
+      menus: x => x.app.menus
+    }),
+    defaultChecked: {
+      get () {
+        const sels = (this.roleMenus || []).map(x => x.MenuId)
+        console.log(sels)
+        return sels
+      },
+    },
+  },
+  components: {
+    tableSearch
+  },
+  methods: {
+    ...mapRoleActions([
+      'GetRolesList',
+      'DelRole',
+      'SaveRoleMenus',
+      'GetRoleMenu',
+    ]),
+    FormatDate (date) {
+      console.log()
+      return this.toolClass.dateFormat(date)
+    },
+    handleSizeChange (val) {
+      console.log(`每页 ${val} 条`)
+    },
+    handleCurrentChange (val) {
+      console.log(`当前页: ${val}`)
+    },
+    handleEdit (index, row) {
+      // 编辑
+      this.$router.push({ name: 'editRole', query: { id: row.RoleId } })
+    },
+    handleDelete (index, row) {
+      // 删除
+      console.log(index, row)
+      this.$confirm('确认删除此角色?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.DelRole({id: row.RoleId, callback: this.delCallBack})
+        })
+        .catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          })
+        })
+    },
+    delCallBack () {
+      this.$message({
+        type: 'success',
+        message: '删除成功!'
+      })
+      this.GetRolesList({name: this.key})
+    },
+    handlePermission (index, row) {
+      this.selid = row.RoleId
+      this.GetRoleMenu({id: this.selid})
+      this.dialogTableVisible = true
+    },
+    handleNodeClick (node) {
+      console.log(node)
+    },
+    searchList (key) {
+      this.key = key
+      this.GetRolesList({name: this.key})
+    },
+    addRole () {
+      this.$router.push({ name: 'editRole' })
+    },
+    getCheckedNodes () { // 获取选中的节点
+      const menuids = this.$refs.tree.getCheckedNodes().map(x => x.id).join(',')
+      console.log(menuids)
+      this.SaveRoleMenus({
+        id: this.selid,
+        menuids: menuids,
+        callback: this.hideDialog,
+      })
+    },
+    hideDialog () {
+      this.$message({
+        type: 'success',
+        message: '操作成功!'
+      })
+      this.dialogTableVisible = false
+    },
+  },
+  beforeMount () {
+    this.GetRolesList()
+  },
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+</style>

src/pages/system/page.js

@@ -12,6 +12,8 @@ import caseManager from './caseManager/index' // 案场管理
 import caseInfo from './caseManager/caseInfo/index' // 案场信息
 import addCase from './caseManager/caseInfo/addCase/index' // 新增案场
 import editCase from './caseManager/caseInfo/editCase/index' // 新增案场
+import deviceManager from './caseManager/caseInfo/deviceManager/index' // 体检设备
+import editDevice from './caseManager/caseInfo/deviceManager/add' // 添加体检设备
 import pplConcerned from './caseManager/caseInfo/pplConcerned/index' // 相关人员
 import editPPLConcerned from './caseManager/caseInfo/pplConcerned/editPPLConcerned/index' // 编辑相关人员
 import keyManager from './caseManager/keyManager/index' // 钥匙管理
@@ -118,6 +120,16 @@ export default {
             name: 'editCase',
             component: editCase,
             children: []
+          }, { // 体检设备
+            path: 'deviceManager',
+            name: 'deviceManager',
+            component: deviceManager,
+            children: []
+          }, { // 添加体检设备
+            path: 'editDevice',
+            name: 'editDevice',
+            component: editDevice,
+            children: []
           }, { // 相关人员
             path: 'pplConcerned',
             name: 'pplConcerned',