hd-idevvue3 3.0.0 → 3.0.1

package/src/views/privilege/commsg/commsgtoform.vue

@@ -0,0 +1,108 @@
+<template>
+  <el-dialog title="编辑" :visible.sync="visible" width='80%' top="5vh">
+    <el-form label-width="100px" :model="hdform" ref="hdform">
+      <el-row>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="CODE" prop="msgCode"
+                        :rules="$r(0,0,36)">
+            <el-input type="text" v-model="hdform.msgCode" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="标题" prop="title"
+                        :rules="$r(1,0,256)">
+            <el-input type="text" v-model="hdform.title" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="类型" prop="msgTypeCode" :rules="$r(1)">
+            <hd-drop field="MSG_TYPE" v-model="hdform.msgTypeCode" style="width: 100%" ></hd-drop>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24" :xs="16">
+          <el-form-item label="打开路径" prop="url"
+                        :rules="$r(0,0,256)">
+            <el-input type="text" v-model="hdform.url" ></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24" :xs="16">
+          <el-form-item label="内容" prop="content" :rules="$r(0,0,4000)">
+            <el-input v-model="hdform.content" type="textarea"
+                      :rows="3" ></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+<!--    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取 消</el-button>
+      <el-button type="primary" @click="submit" :loading="loading"> 确 定</el-button>
+    </div>-->
+  </el-dialog>
+
+</template>
+
+<script>
+
+  export default {
+    name: 'commsgtoform',
+    data() {
+      return {
+        hdform: {},
+        visible: false,
+        tsLoading: false,
+        loading: false,
+        hdRtData: {rows: []}, // 已选人员
+        findUrl: ''
+      }
+    },
+    methods: {
+      show(msgId) { // 换为本表主键
+        // 弹窗重复使用时,清除校验项目
+        if (this.$refs['hdform']) {
+          this.$refs['hdform'].resetFields()
+        }
+        this.hdRtData.rows = []
+        this.visible = true
+        this.$http.get('/webresources/login/com/ComMsg/findone/rec?msgId=' + msgId).then(response => {
+          const data = response.data
+          this.hdform = data
+          if (this.hdform.userList != null) {
+            this.hdRtData.rows = this.hdform.userList
+            this.$refs.commsgtrans.doQuery()
+          }
+        })
+      },
+
+      submit() {
+        this.$refs['hdform'].validate((valid) => {
+          if (!valid) {
+            return false
+          }
+          this.hdform.userList = this.hdRtData.rows
+          this.loading = true
+          this.$http.post('/webresources/login/com/ComMsg/saveone', this.hdform).then(response => {
+            this.loading = false
+            const data = response.data
+            this.$message({
+              type: data.code == '-1' ? 'error' : 'success',
+              message: data.message
+            })
+            if (data.code == '-1') {
+              return
+            }
+            this.$emit('save-ok') // 主页面调用弹窗时添加
+            this.visible = false
+          })
+        })
+      },
+      handleChange(value, direction, movedKeys) {
+        // console.log(value, direction, movedKeys);
+      }
+    }
+  }
+</script>
+

package/src/views/privilege/commsg/commsgtrans.vue

@@ -0,0 +1,155 @@
+<template>
+  <el-container direction="vertical" style="height: 60vh;padding: 0">
+    <ex-header height="50px">
+      <div class="filter-container" style="padding: 5px">
+        {{$t('用户查询')}}
+        <el-input :placeholder="$t('姓名、账号')" @keyup.enter.native="doQuery()" class="filter-item"
+                  style="width: 200px;"
+                  v-model="hdQuery.query.name">
+        </el-input>
+        <orgnselect :idVal.sync="hdQuery.query.orgnId" :placeholder="$t('请选择组织')"
+                    :txtVal.sync="hdQuery.query.orgnIdStr" class="filter-item"></orgnselect>
+        <roleselect :idVal.sync="hdQuery.query.roleId" :txtVal.sync="hdQuery.query.roleIdStr"
+                    class="filter-item"></roleselect>
+        <el-button @click="doQuery">{{$t('搜索')}}</el-button>
+        <el-button @click="hdQuery.query={}">{{$t('清空')}}</el-button>
+
+      </div>
+    </ex-header>
+    <el-main>
+      <div style="width:100%;height:100%;">
+        <el-container style="width:100%;height:100%;">
+          <ex-aside width="45%">
+            <hd-grid :hdQuery="hdQuery" :hdResult="hdResultLeftSel"
+                     @row-dblclick="leftClick" @selection-change="leftSelMe" noSets recHide v-loading="listLoading1">
+              <div class="el-line">{{$t('未选')}}</div>
+              <el-table-column align="left" header-align="center" label="姓名" prop="name" sortable width="130px">
+              </el-table-column>
+              <el-table-column align="left" header-align="center" label="部门" prop="orgnName" sortable width="130px">
+              </el-table-column>
+              <el-table-column align="left" header-align="center" label="账号" prop="account" sortable>
+              </el-table-column>
+            </hd-grid>
+          </ex-aside>
+          <ex-aside :arrowShow="false" width="80px">
+            <el-row align="middle" justify="center" style="height: 100%" type="flex">
+              <el-col :span="20">
+                <el-button @click="addSel()" style="width: 100%">{{$t('选择')}}</el-button>
+                <br/><br/>
+                <el-button @click="removeSel()" style="width: 100%">{{$t('移除')}}</el-button>
+              </el-col>
+            </el-row>
+          </ex-aside>
+          <el-main :arrowShow="false" width="50%">
+            <hd-grid :hdResult="hdResultRightSel" @row-dblclick="rightClick" @selection-change="rightSelMe" noSets
+                     pageHide
+                     recHide>
+              <div class="el-line">{{$t('已选')}}</div>
+              <el-table-column align="left" header-align="center" label="姓名" prop="name" sortable width="130px">
+              </el-table-column>
+              <el-table-column align="left" header-align="center" label="部门" prop="orgnName" sortable width="130px">
+              </el-table-column>
+              <el-table-column align="left" header-align="center" label="账号" prop="account" sortable width="130px">
+              </el-table-column>
+            </hd-grid>
+          </el-main>
+        </el-container>
+      </div>
+    </el-main>
+
+  </el-container>
+</template>
+
+<script>
+  import roleselect from '../role/roleselect'
+  import orgnselect from '../orgDept/orgnselect'
+
+
+  export default {
+    name: 'MsgTrans',
+    components: {orgnselect, roleselect},
+    data() {
+      return {
+        hdQuery: new HdQuery(this),
+        hdResultLeftSel: {rows: []},//左侧数据
+        hdResultRightSel: {rows: []},
+        leftSel: [], // check 左侧
+        rightSel: [], //
+        leftCheck: Object,
+        rightCheck: Object,
+        listLoading1: false,
+        listLoading2: false
+      }
+    },
+    // hdResult展示 hdQuery查询 defaultSort默认排序 pageHide true隐藏分页
+    props: {
+      msgId: String,
+      orgnIds: String
+    },
+    watch: {
+      msgId: function (newVal) {
+        this.initQuery()
+      }
+    },
+    methods: {
+      initQuery() {
+        console.log('initQuery', this.msgId, this.orgnIds)
+        this.$http.get(`/webresources/login/com/ComMsg/findUserByMsgId/${this.msgId}`).then(response => {
+          this.hdResultRightSel.rows = response.data == null ? [] : response.data
+        })
+      },
+      doQuery() {
+        let excIds = ''
+        this.listLoading1 = true
+        for (let i = 0; i < this.hdResultRightSel.rows.length; i++) {
+          excIds += this.hdResultRightSel.rows[i].userId + ','
+        }
+        this.hdQuery.query.excIds = excIds
+        this.$http.post(`/webresources/login/com/ComMsg/find/user`, this.hdQuery).then(response => {
+          this.listLoading1 = false
+          this.hdResultLeftSel = response.data
+        })
+      },
+      leftSelMe(select) {
+        this.leftSel = select
+      },
+      rightSelMe(select) {
+        this.rightSel = select
+      },
+      leftClick(row) {
+        this.hdResultRightSel.rows.push(row)
+        this.hdResultLeftSel.rows.remove(row)
+        this.leftSel.remove(row)
+      },
+      rightClick(row) {
+        this.hdResultRightSel.rows.remove(row)
+        this.hdResultLeftSel.rows.push(row)
+        this.rightSel.remove(row)
+      },
+      addSel() {
+        this.leftSel.forEach((value) => {
+          this.hdResultRightSel.rows.push(value)
+          this.hdResultLeftSel.rows.remove(value)
+        })
+        this.leftSel = []
+      },
+      removeSel() {
+        this.rightSel.forEach((value) => {
+          this.hdResultLeftSel.rows.push(value)
+          this.hdResultRightSel.rows.remove(value)
+        })
+        this.rightSel = []
+      },
+      getOrgIds() {
+        let excIds = ''
+        for (let i = 0; i < this.hdResultRightSel.rows.length; i++) {
+          excIds += this.hdResultRightSel.rows[i].userId + ','
+        }
+        return excIds;
+      }
+    }
+  }
+</script>
+<style rel="stylesheet/scss" lang="scss">
+
+</style>

package/src/views/privilege/exfield/comexcolumn.vue

@@ -0,0 +1,71 @@
+<template>
+  <el-container>
+    <el-main>
+
+      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/tech/ComExColumn" @row-click="rowClick">
+        <div class="filter-container" slot="query">
+          <el-input @keyup.enter.native="doQuery" style="width: 200px;" class="filter-item" placeholder="名称"
+                    v-model="hdQuery.query.anyQuery">
+          </el-input>
+          <el-button class="filter-item" type="primary" icon="search" @click="$refs.grid.doQuery()" keyType="query">搜索
+          </el-button>
+          <el-button class="filter-item" @click="doEdit('')" type="primary" icon="edit" keyType="add">新增
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger" keyType="del">删除
+          </el-button>
+        </div>
+        <el-table-column width="100px" align="center" label="操作" fixed="right">
+          <template slot-scope="scope">
+            <hd-btn icon="el-icon-edit" hint="编辑" @click.stop="doEdit(scope.row.exColumnId)"></hd-btn>
+            <hd-btn icon="el-icon-delete" hint="删除" @click.stop="$refs.grid.doRemove(scope.row)"></hd-btn>
+          </template>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="表名" prop="tableName" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="字段名" prop="columnName" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="字段注解" prop="columnComment" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="字段类型" prop="columnTypeStr" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="是否必填" prop="columnRequire" sortable :inputFormat='$ckFt'>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="长度" prop="columnLen" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="比例" prop="columnScale" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="默认值" prop="defaultValue" sortable>
+        </el-table-column>
+
+
+      </hd-com-grid>
+    </el-main>
+    <comexcolumnform ref="comexcolumnform" @save-ok="$refs.grid.doQuery()"></comexcolumnform>
+  </el-container>
+</template>
+<script>
+    import comexcolumnform from './comexcolumnform'
+
+    export default {
+        name: 'comexcolumn',
+        components: {comexcolumnform},
+        data() {
+            return {
+                hdQuery: new HdQuery(this),
+            }
+        },
+
+        mounted() {
+
+        },
+        methods: {
+
+            doEdit(exColumnId) { // 增加或编辑
+                this.$refs['comexcolumnform'].show(exColumnId)
+            },
+            rowClick(row) {
+                this.$emit('rowClick', row);
+            }
+        }
+    }
+</script>

package/src/views/privilege/exfield/comexcolumnform.vue

@@ -0,0 +1,101 @@
+<template>
+  <el-dialog title="编辑" :visible.sync="visible" width='60%'>
+    <el-form label-width="100px" :model="hdform" ref="hdform">
+      <el-row>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="表名" prop="tableName" :rules="$r(0,0,36)">
+            <el-input type="text" v-model="hdform.tableName"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="字段名" prop="columnName" :rules="$r(0,0,36)">
+            <el-input type="text" v-model="hdform.columnName"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="字段注解" prop="columnComment" :rules="$r(0,0,36)">
+            <el-input type="text" v-model="hdform.columnComment"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="字段类型" prop="columnType" :rules="$r(0,0,10)">
+            <el-input type="text" v-model="hdform.columnType"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="长度" prop="columnLen" :rules="$r(0,'number',0,99999)">
+            <el-input type="number" v-model="hdform.columnLen"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="比例" prop="columnScale" :rules="$r(0,'number',0,99999)">
+            <el-input type="number" v-model="hdform.columnScale"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="默认值" prop="defaultValue" :rules="$r(0,0,255)">
+            <el-input type="text" v-model="hdform.defaultValue"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取 消</el-button>
+      <el-button type="primary" @click="submit" :loading="loading"> 确 定</el-button>
+    </div>
+  </el-dialog>
+
+</template>
+
+<script>
+    export default {
+        name: 'comexcolumnform',
+        data() {
+            return {
+                hdform: {},
+                visible: false,
+                tsLoading: false,
+                loading: false
+
+            }
+        },
+        methods: {
+            show(exColumnId) { // 换为本表主键
+                //弹窗重复使用时,清除校验项目
+                if (this.$refs['hdform'])
+                    this.$refs['hdform'].resetFields()
+                this.visible = true
+                this.$http.get('/webresources/login/tech/ComExColumn/findone?exColumnId=' + exColumnId).then(response => {
+                    const data = response.data
+                    this.hdform = data
+                })
+            },
+
+            submit() {
+                // console.debug(this.hdform)
+                this.$refs['hdform'].validate((valid) => {
+                    if (!valid) {
+                        return false;
+                    }
+                    this.loading = true
+                    this.$http.post('/webresources/login/tech/ComExColumn/saveone', this.hdform).then(response => {
+                        this.loading = false
+                        const data = response.data
+                        this.$message({
+                            type: data.code == '-1' ? 'error' : 'success',
+                            message: data.message
+                        })
+                        if (data.code == '-1') {
+                            return
+                        }
+                        this.$emit('save-ok') // 主页面调用弹窗时添加
+                        this.visible = false
+                    }).catch(() => {
+                        this.loading = false
+                    })
+                })
+            }
+        }
+    }
+</script>
+

package/src/views/privilege/exfield/comexfield.vue

@@ -0,0 +1,31 @@
+<template>
+  <el-container>
+    <el-aside width="50%">
+      <comexcolumn @rowClick="rowClick"></comexcolumn>
+    </el-aside>
+    <el-main>
+      <comexfieldsub ref="comexfieldsub"></comexfieldsub>
+    </el-main>
+  </el-container>
+</template>
+<script>
+  import comexfieldsub from './comexfieldsub'
+  import comexcolumn from "./comexcolumn";
+  export default {
+    name: 'comexfield',
+    components: {comexcolumn,  comexfieldsub },
+    data() {
+        return {
+        }
+    },
+
+    mounted() {
+
+    },
+    methods: {
+      rowClick(row) {
+          this.$refs['comexfieldsub'].query(row.exColumnId)
+      }
+    }
+  }
+</script>

package/src/views/privilege/exfield/comexfieldform.vue

@@ -0,0 +1,94 @@
+<template>
+  <el-dialog title="编辑" :visible.sync="visible" width='60%' top="10vh">
+    <!--:hdform.sync 对应的form对象 formRef对应的是el-form的 ref="hdform"-->
+    <hd-form @saveCall="saveCall" @delCall="delCall"
+             label-width="100px" :model.sync="hdform" ref="hdform">
+      <el-row>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "编码" prop="gridCode" :rules="$r(0,0,20)">
+            <el-input type="text" v-model="hdform.gridCode" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "是否使用" prop="useFlg" :rules="$r(0,0,1)">
+            <el-input type="text" v-model="hdform.useFlg" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "表达宽度" prop="formWidth" :rules="$r(0,0,22)">
+            <el-input type="text" v-model="hdform.formWidth" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "表单高度" prop="formHeigth" :rules="$r(0,0,22)">
+            <el-input type="text" v-model="hdform.formHeigth" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "列表默认宽度" prop="gridWidth" :rules="$r(0,0,22)">
+            <el-input type="text" v-model="hdform.gridWidth" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "默认值" prop="defaultValue" :rules="$r(0,0,255)">
+            <el-input type="text" v-model="hdform.defaultValue" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "描述" prop="placeHolder" :rules="$r(0,0,255)">
+            <el-input type="text" v-model="hdform.placeHolder" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "规则" prop="rules" :rules="$r(0,0,255)">
+            <el-input type="text" v-model="hdform.rules" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "对应列" prop="columnId" :rules="$r(0,0,36)">
+            <el-input type="text" v-model="hdform.columnId" ></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </hd-form>
+    <div slot="footer" class="dialog-footer">
+      <hd-form-btn ref="hdformbtn" style="float: left"></hd-form-btn>
+      <el-button @click="visible = false">{{$t('取 消')}}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+
+    export default {
+        name: 'comexfieldform',
+        components: {  },
+        data() {
+            return {
+                hdform: {},
+                visible: false
+            }
+        },
+        props: {
+            hdQuery: Object
+        },
+        methods: {
+            show(row) { // 换为本表主键
+                this.visible = true
+                this.$nextTick(() => {
+                    this.$refs.hdform.show(row, this.$vnode.context.$refs.grid)// form
+                    this.$refs.hdformbtn.show(this.$vnode.context.$refs.grid, this.$refs.hdform)// 按钮
+                })
+            },
+            saveCall(row, isAdd) {
+
+            },
+            delCall(row) {
+                if (!row.orgnId) { // 新增就删除
+                    return false
+                }
+            },
+        }
+    }
+</script>
+

package/src/views/privilege/exfield/comexfieldsub.vue

@@ -0,0 +1,72 @@
+<template>
+  <el-container>
+    <el-main>
+
+      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/tech/ComExField" not-init>
+        <div class="filter-container" slot="query">
+          <el-input @keyup.enter.native="doQuery" style="width: 200px;" class="filter-item" placeholder="名称"
+                    v-model="hdQuery.query.anyQuery">
+          </el-input>
+          <el-button class="filter-item" type="primary" icon="search" @click="$refs.grid.doQuery()"  keyType="query">搜索</el-button>
+          <el-button class="filter-item"  @click="doEdit(null)" type="primary" icon="edit" keyType="add">新增
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger"  keyType="del">删除
+          </el-button>
+        </div>
+        <el-table-column width="100px" align="center" label="操作" fixed="right">
+          <template slot-scope="scope">
+            <hd-btn icon="el-icon-edit" hint="编辑" @click.stop="doEdit(scope.row)"></hd-btn>
+            <hd-btn icon="el-icon-delete" hint="删除" @click.stop="$refs.grid.doRemove(scope.row)"></hd-btn>
+          </template>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="编码" prop="gridCode" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="是否使用" prop="useFlg" :inputFormat='$ckFt' sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="表达宽度" prop="formXs" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="表单高度" prop="formSpan" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="列表默认宽度" prop="gridWidth" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="默认值" prop="defaultValue" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="描述" prop="placeHolder" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="规则" prop="rules" sortable>
+        </el-table-column>
+ <!--       <el-table-column width="100px" align="center" label="对应列" prop="columnId" sortable>
+        </el-table-column>-->
+
+
+      </hd-com-grid>
+    </el-main>
+    <comexfieldform ref="comexfieldform" @save-ok="$refs.grid.doQuery()"></comexfieldform>
+  </el-container>
+</template>
+<script>
+    import comexfieldform from './comexfieldform'
+    export default {
+        name: 'comexfieldsub',
+        components: {  comexfieldform },
+        data() {
+            return {
+                hdQuery: new HdQuery(this),
+            }
+        },
+
+        mounted() {
+
+        },
+        methods: {
+
+            doEdit(row) { // 增加或编辑
+                this.$refs['comexfieldform'].show(row)
+            },
+            query(exColumnId) {
+                this.hdQuery.query.exColumnId = exColumnId;
+                this.$refs.grid.doQuery();
+            }
+        }
+    }
+</script>