hd-idevvue3 3.0.3 → 3.0.4

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

@@ -1,38 +1,42 @@
 <template>
-  <el-dialog title="编辑" :visible.sync="visible" width='80%' top="5vh">
+  <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-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-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>
+            <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-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 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>
@@ -40,121 +44,141 @@
         <el-col :span="24">
           <el-tabs type="border-card" v-model="hdform.msgWayCode">
             <el-tab-pane :label="$t('按用户')" name="BY_USER">
-              <commsgtrans :orgnIds="hdform.sendIds" :msgId="hdform.msgId" ref="commsgtrans"></commsgtrans>
+              <commsgtrans
+                :orgnIds="hdform.sendIds"
+                :msgId="hdform.msgId"
+                ref="commsgtrans"
+              ></commsgtrans>
             </el-tab-pane>
             <el-tab-pane :label="$t('按角色')" name="BY_ROLE">
-              <commsgRole :orgnIds="hdform.sendIds" :msgId="hdform.msgId" ref="commsgRole"></commsgRole>
+              <commsgRole
+                :orgnIds="hdform.sendIds"
+                :msgId="hdform.msgId"
+                ref="commsgRole"
+              ></commsgRole>
             </el-tab-pane>
             <el-tab-pane :label="$t('按组织')" name="BY_ORGN">
-              <commsgOrgn :orgnIds="hdform.sendIds" :msgId="hdform.msgId" ref="commsgOrgn"></commsgOrgn>
+              <commsgOrgn
+                :orgnIds="hdform.sendIds"
+                :msgId="hdform.msgId"
+                ref="commsgOrgn"
+              ></commsgOrgn>
             </el-tab-pane>
           </el-tabs>
         </el-col>
       </el-row>
     </el-form>
     <div slot="footer" class="dialog-footer">
-      <el-button @click="visible = false">{{$t('取 消')}}</el-button>
-      <el-button type="primary" @click="submit" :loading="loading"> {{$t('确 定')}}</el-button>
+      <el-button @click="visible = false">{{ $t('取 消') }}</el-button>
+      <el-button type="primary" @click="submit" :loading="loading">
+        {{ $t('确 定') }}</el-button
+      >
     </div>
   </el-dialog>
-
 </template>
 
 <script>
-  import commsgtrans from './commsgtrans'
-  import commsgOrgn from './commsgOrgn'
-  import commsgRole from './commsgRole'
-  export default {
-    components: {commsgtrans, commsgOrgn, commsgRole},
-    name: 'commsgform',
-    data() {
-      return {
-        hdform: {
-          msgWayCode: 'BY_USER'
-        },
-        visible: false,
-        loading: false,
-        findUrl: ''
+import commsgtrans from './commsgtrans'
+import commsgOrgn from './commsgOrgn'
+import commsgRole from './commsgRole'
+export default {
+  components: { commsgtrans, commsgOrgn, commsgRole },
+  name: 'commsgform',
+  data() {
+    return {
+      hdform: {
+        msgWayCode: 'BY_USER',
+      },
+      visible: false,
+      loading: false,
+      findUrl: '',
+    }
+  },
+  methods: {
+    show(msgId) {
+      // 换为本表主键
+      // 弹窗重复使用时,清除校验项目
+      if (this.$refs['hdform']) {
+        this.$refs['hdform'].resetFields()
       }
-    },
-    methods: {
-      show(msgId) { // 换为本表主键
-        // 弹窗重复使用时,清除校验项目
-        if (this.$refs['hdform']) {
-          this.$refs['hdform'].resetFields()
-        }
-        this.visible = true;
-        this.$http.get('/webresources/login/com/ComMsg/findone?msgId=' + msgId).then(response => {
-          console.log('show', this.hdform.msgWayCode);
+      this.visible = true
+      this.$http
+        .get('/webresources/login/com/ComMsg/findone?msgId=' + msgId)
+        .then((response) => {
+          console.log('show', this.hdform.msgWayCode)
           const data = response.data
           this.hdform = data
-          console.log('show', this.hdform.msgWayCode);
+          console.log('show', this.hdform.msgWayCode)
           if (this.hdform.msgWayCode == null) {
-            this.hdform.msgWayCode = 'BY_USER';
+            this.hdform.msgWayCode = 'BY_USER'
           }
-          this.$nextTick(()=>{
-            this.initFormContent(this.hdform.msgWayCode);
+          this.$nextTick(() => {
+            this.initFormContent(this.hdform.msgWayCode)
           })
         })
-      },
+    },
 
-      submit() {
-        this.$refs['hdform'].validate((valid) => {
-          if (!valid) {
-            return false
-          }
-          this.loading = true
-          this.hdform.sendIds = this.getOrgIds();
-          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
-          }, error => {
-            this.visible = false
-          })
-        })
-      },
-      handleChange(value, direction, movedKeys) {
-        // console.log(value, direction, movedKeys);
-      },
-      initFormContent(val) {
-        if(val === 'BY_USER') {
-          this.$refs.commsgtrans.initQuery();
-        }
-        if(val === 'BY_ROLE') {
-          this.$refs.commsgRole.initQuery();
-        }
-        if(val === 'BY_ORGN') {
-          this.$refs.commsgOrgn.doQuery();
-        }
-      },
-      getOrgIds() {
-        const val = this.hdform.msgWayCode
-        if(val === 'BY_USER') {
-          return this.$refs.commsgtrans.getOrgIds();
-        }
-        if(val === 'BY_ROLE') {
-          return this.$refs.commsgRole.getOrgIds();
-        }
-        if(val === 'BY_ORGN') {
-          return this.$refs.commsgOrgn.getOrgIds();
+    submit() {
+      this.$refs['hdform'].validate((valid) => {
+        if (!valid) {
+          return false
         }
+        this.loading = true
+        this.hdform.sendIds = this.getOrgIds()
+        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
+            },
+            (error) => {
+              this.visible = false
+            }
+          )
+      })
+    },
+    handleChange(value, direction, movedKeys) {
+      // console.log(value, direction, movedKeys);
+    },
+    initFormContent(val) {
+      if (val === 'BY_USER') {
+        this.$refs.commsgtrans.initQuery()
+      }
+      if (val === 'BY_ROLE') {
+        this.$refs.commsgRole.initQuery()
+      }
+      if (val === 'BY_ORGN') {
+        this.$refs.commsgOrgn.doQuery()
       }
     },
-    watch: {
-      'hdform.msgWayCode' : function (val) {
-        console.log('msgWayCode changed');
-        this.initFormContent(val)
+    getOrgIds() {
+      const val = this.hdform.msgWayCode
+      if (val === 'BY_USER') {
+        return this.$refs.commsgtrans.getOrgIds()
       }
-    }
-  }
+      if (val === 'BY_ROLE') {
+        return this.$refs.commsgRole.getOrgIds()
+      }
+      if (val === 'BY_ORGN') {
+        return this.$refs.commsgOrgn.getOrgIds()
+      }
+    },
+  },
+  watch: {
+    'hdform.msgWayCode': function (val) {
+      console.log('msgWayCode changed')
+      this.initFormContent(val)
+    },
+  },
+}
 </script>
-

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

@@ -1,33 +1,40 @@
 <template>
-  <el-dialog title="查看" :fullscreen="true" :visible.sync="visible" width='100%' custom-class="dialog">
+  <el-dialog
+    title="查看"
+    :fullscreen="true"
+    :visible.sync="visible"
+    width="100%"
+    custom-class="dialog"
+  >
     <iframe :src="iframeUrl" width="100%" :height="height"></iframe>
   </el-dialog>
 </template>
 
 <script>
-  export default {
-    data() {
-      return {
-        visible: false,
-        iframeUrl: "",
-        height:0
-      }
-    },
-    mounted() {
-      this.height = document.body.clientHeight-100
-    },
-    methods: {
-      show(url) { // 换为本表主键
-        console.log(this)
-        this.iframeUrl = url
-        this.visible = true;
-      },
+export default {
+  data() {
+    return {
+      visible: false,
+      iframeUrl: '',
+      height: 0,
     }
-  }
+  },
+  mounted() {
+    this.height = document.body.clientHeight - 100
+  },
+  methods: {
+    show(url) {
+      // 换为本表主键
+      console.log(this)
+      this.iframeUrl = url
+      this.visible = true
+    },
+  },
+}
 </script>
 
-<style rel="stylesheet/scss" lang="scss" scoped>
-  .el-dialog {
-    height: 100%;
-  }
+<style lang="scss" rel="stylesheet/scss" scoped>
+.el-dialog {
+  height: 100%;
+}
 </style>

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

@@ -1,120 +1,199 @@
 <template>
   <el-container>
     <el-main>
-
-      <hd-com-grid :hdQuery="hdQuery" :pageSizes="[100,500,1000,5000,10000]" @cell-click="cellClick"
-                   @row-dblclick="showMsg" findUrl="/webresources/login/com/ComMsg/find/rec" notInit recHide ref="grid"
-                   visualScroll>
-
+      <hd-com-grid
+        :hdQuery="hdQuery"
+        :pageSizes="[100, 500, 1000, 5000, 10000]"
+        @cell-click="cellClick"
+        @row-dblclick="showMsg"
+        findUrl="/webresources/login/com/ComMsg/find/rec"
+        notInit
+        recHide
+        ref="grid"
+        visualScroll
+      >
         <div class="filter-container" slot="query">
-          <el-input :placeholder="$t('名称')" @keyup.enter.native="$refs.grid.doQuery()" class="filter-item"
-                    style="width: 200px;"
-                    v-model="hdQuery.query.anyQuery">
+          <el-input
+            :placeholder="$t('名称')"
+            @keyup.enter.native="$refs.grid.doQuery()"
+            class="filter-item"
+            style="width: 200px"
+            v-model="hdQuery.query.anyQuery"
+          >
           </el-input>
-          <el-radio-group @change="$refs.grid.doQuery()" size="mini" v-model="hdQuery.query.readFlg">
-            <el-radio-button label="">{{$t('全部')}}</el-radio-button>
-            <el-radio-button label="0">{{$t('未读')}}</el-radio-button>
-            <el-radio-button label="1">{{$t('已读')}}</el-radio-button>
+          <el-radio-group
+            @change="$refs.grid.doQuery()"
+            size="mini"
+            v-model="hdQuery.query.readFlg"
+          >
+            <el-radio-button label="">{{ $t('全部') }}</el-radio-button>
+            <el-radio-button label="0">{{ $t('未读') }}</el-radio-button>
+            <el-radio-button label="1">{{ $t('已读') }}</el-radio-button>
           </el-radio-group>
-          <hd-drop class="filter-item" field="MSG_TYPE" style="width: 180px;" v-model="hdQuery.query.msgType"></hd-drop>
-          <el-date-picker :end-placeholder="$t('结束日期')" :start-placeholder="$t('开始日期')" class="filter-item"
-                          format="yyyy-MM-dd HH:mm"
-                          range-separator="-" style="width: 350px;"
-                          type="datetimerange" v-model="hdQuery.query.recTime"
-                          value-format="yyyy-MM-dd HH:mm"></el-date-picker>
-          <el-button @click="$refs.grid.doQuery()" class="filter-item" icon="search" type="primary">{{$t('搜索')}}
+          <hd-drop
+            class="filter-item"
+            field="MSG_TYPE"
+            style="width: 180px"
+            v-model="hdQuery.query.msgType"
+          ></hd-drop>
+          <el-date-picker
+            :end-placeholder="$t('结束日期')"
+            :start-placeholder="$t('开始日期')"
+            class="filter-item"
+            format="yyyy-MM-dd HH:mm"
+            range-separator="-"
+            style="width: 350px"
+            type="datetimerange"
+            v-model="hdQuery.query.recTime"
+            value-format="yyyy-MM-dd HH:mm"
+          ></el-date-picker>
+          <el-button
+            @click="$refs.grid.doQuery()"
+            class="filter-item"
+            :icon="ElIconSearch"
+            type="primary"
+            >{{ $t('搜索') }}
           </el-button>
-          <el-button @click="readMessage()" class="filter-item" type="success">{{$t('读取')}}
+          <el-button @click="readMessage()" class="filter-item" type="success"
+            >{{ $t('读取') }}
           </el-button>
         </div>
-        <el-table-column align="center" label="标题" prop="title" sortable width="150px">
+        <el-table-column
+          align="center"
+          label="标题"
+          prop="title"
+          sortable
+          width="150px"
+        >
         </el-table-column>
-        <el-table-column align="center" label="类型" prop="msgTypeName" width="150px">
+        <el-table-column
+          align="center"
+          label="类型"
+          prop="msgTypeName"
+          width="150px"
+        >
         </el-table-column>
-        <el-table-column align="center" label="内容" prop="content" sortable width="600px">
+        <el-table-column
+          align="center"
+          label="内容"
+          prop="content"
+          sortable
+          width="600px"
+        >
         </el-table-column>
-        <el-table-column align="center" label="打开路径" prop="url" sortable width="150px">
+        <el-table-column
+          align="center"
+          label="打开路径"
+          prop="url"
+          sortable
+          width="150px"
+        >
         </el-table-column>
-        <el-table-column align="center" label="发送人" prop="sendNam" sortable width="100px">
+        <el-table-column
+          align="center"
+          label="发送人"
+          prop="sendNam"
+          sortable
+          width="100px"
+        >
         </el-table-column>
-        <el-table-column :inputProp="$date" align="center" input="el-date-picker" label="发送时间" noEdit prop="sendTim"
-                         sortable
-                         width="130px">
+        <el-table-column
+          :inputProp="$date"
+          align="center"
+          input="el-date-picker"
+          label="发送时间"
+          noEdit
+          prop="sendTim"
+          sortable
+          width="130px"
+        >
         </el-table-column>
-        <el-table-column :inputProp="$date" align="center" input="el-date-picker" label="读取时间" noEdit prop="redTim"
-                         sortable
-                         width="130px">
+        <el-table-column
+          :inputProp="$date"
+          align="center"
+          input="el-date-picker"
+          label="读取时间"
+          noEdit
+          prop="redTim"
+          sortable
+          width="130px"
+        >
         </el-table-column>
       </hd-com-grid>
     </el-main>
-    <commsgtoform @save-ok="$refs.grid.doQuery()" ref="commsgtoform"></commsgtoform>
+    <commsgtoform
+      @save-ok="$refs.grid.doQuery()"
+      ref="commsgtoform"
+    ></commsgtoform>
     <commsgiframe ref="commsgiframe"></commsgiframe>
   </el-container>
 </template>
-<script>
-  import commsgtoform from './commsgtoform'
-  import commsgiframe from './commsgiframe'
 
-  export default {
-    components: {commsgtoform, commsgiframe},
-
-    data() {
-      return {
-        hdQuery: new HdQuery(this)
-      }
-    },
+<script>
+import { Search as ElIconSearch } from '@element-plus/icons'
+import commsgtoform from './commsgtoform'
+import commsgiframe from './commsgiframe'
 
-    mounted() {
-      this.hdQuery.sort = 'sendTim'
-      this.$refs.grid.doQuery()
-      this.$set(this.hdQuery.query, 'readFlg', '0')
+export default {
+  data() {
+    return {
+      hdQuery: new HdQuery(this),
+      ElIconSearch,
+    }
+  },
+  components: { commsgtoform, commsgiframe },
+  mounted() {
+    this.hdQuery.sort = 'sendTim'
+    this.$refs.grid.doQuery()
+    this.$set(this.hdQuery.query, 'readFlg', '0')
+  },
+  methods: {
+    showMsg(row) {
+      this.$refs['commsgtoform'].show(row.recId)
     },
-    methods: {
-      showMsg(row) {
-        this.$refs['commsgtoform'].show(row.recId)
-      },
-      readMessage() {
-        const checkRows = this.$refs.grid.$refs.hdgrid.getCkRows()
-        if (checkRows.length < 1) {
-          this.$message({type: 'error', message: this.$t('请先选择消息！')})
-          return;
-        }
-        this.$http.post('/webresources/login/com/ComMsg/batch/read', checkRows).then(response => {
-          var data = response.data;
+    readMessage() {
+      const checkRows = this.$refs.grid.$refs.hdgrid.getCkRows()
+      if (checkRows.length < 1) {
+        this.$message({ type: 'error', message: this.$t('请先选择消息！') })
+        return
+      }
+      this.$http
+        .post('/webresources/login/com/ComMsg/batch/read', checkRows)
+        .then((response) => {
+          var data = response.data
           if (data.code == '1') {
             this.$message({
               type: 'success',
-              message: data.message
+              message: data.message,
             })
-            this.$store.state.user.messageNum = response.data.data;
-            this.$refs.grid.doQuery();
+            this.$store.state.user.messageNum = response.data.data
+            this.$refs.grid.doQuery()
           } else {
             this.$message({
               type: 'error',
-              message: data.message
+              message: data.message,
             })
           }
-
-
         })
-      },
-      cellClick(row, column) {
-        if (column.property == 'url') {
-          this.openUrl(row.url)
-        }
-      },
-      openUrl(path) {//这里必须是全局的
-        if (path.indexOf('http://') == 0 || path.indexOf('https://') == 0) {//http开头的在新窗口打开
-          window.open(path);
-        } else if (path.indexOf('iframe://') == 0) {
-          this.$refs['commsgiframe'].show(path.substring(9));
-        } else {
-          this.$router.push({
-            path: path,
-          });
-        }
+    },
+    cellClick(row, column) {
+      if (column.property == 'url') {
+        this.openUrl(row.url)
       }
-    }
-  }
-
+    },
+    openUrl(path) {
+      //这里必须是全局的
+      if (path.indexOf('http://') == 0 || path.indexOf('https://') == 0) {
+        //http开头的在新窗口打开
+        window.open(path)
+      } else if (path.indexOf('iframe://') == 0) {
+        this.$refs['commsgiframe'].show(path.substring(9))
+      } else {
+        this.$router.push({
+          path: path,
+        })
+      }
+    },
+  },
+}
 </script>