hd-idevvue3 3.0.2 → 3.0.4

package/src/views/privilege/mobile/authmobileupdateform.vue

@@ -1,22 +1,38 @@
 <template>
-  <el-dialog :visible.sync="visible" title="编辑" width='60%'>
+  <el-dialog :visible.sync="visible" title="编辑" width="60%">
     <el-form :model="hdform" label-width="100px" ref="hdform">
       <el-row>
         <el-col :span="8" :xs="16">
-          <el-form-item :rules="$r(1,0,36)" label="版本号" prop="versionNo">
+          <el-form-item :rules="$r(1, 0, 36)" label="版本号" prop="versionNo">
             <el-input :clearable="false" type="text" v-model="hdform.versionNo">
-              <hd-btn hint="版本号使用字符串排序,请确保版本号是最大的,并且上传的apk的版本号必须和本版号一致" icon="el-icon-question" slot="suffix"></hd-btn>
+              <hd-btn
+                hint="版本号使用字符串排序,请确保版本号是最大的,并且上传的apk的版本号必须和本版号一致"
+                icon="el-icon-question"
+                slot="suffix"
+              ></hd-btn>
             </el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item :rules="$r(0,0,1)" label="强制升级" prop="isMust">
-            <el-switch active-value="1" inactive-value="0" v-model="hdform.isMust"></el-switch>
+          <el-form-item :rules="$r(0, 0, 1)" label="强制升级" prop="isMust">
+            <el-switch
+              active-value="1"
+              inactive-value="0"
+              v-model="hdform.isMust"
+            ></el-switch>
           </el-form-item>
         </el-col>
         <el-col :span="22" :xs="22">
-          <el-form-item :rules="$r(0,0,2048)" label="更新信息(提示用户)" prop="updateMsg">
-            <el-input :rows="6" type="textarea" v-model="hdform.updateMsg"></el-input>
+          <el-form-item
+            :rules="$r(0, 0, 2048)"
+            label="更新信息(提示用户)"
+            prop="updateMsg"
+          >
+            <el-input
+              :rows="6"
+              type="textarea"
+              v-model="hdform.updateMsg"
+            ></el-input>
           </el-form-item>
         </el-col>
         <!--<el-col :span="8" :xs="16">-->
@@ -25,66 +41,80 @@
         <!--</el-form-item>-->
         <!--</el-col>-->
         <el-col :span="22" :xs="22">
-          <el-form-item :rules="$r(0,0,512)" label="备注" prop="remark">
-            <el-input :rows="6" type="textarea" v-model="hdform.remark"></el-input>
+          <el-form-item :rules="$r(0, 0, 512)" label="备注" prop="remark">
+            <el-input
+              :rows="6"
+              type="textarea"
+              v-model="hdform.remark"
+            ></el-input>
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
     <div class="dialog-footer" slot="footer">
-      <el-button @click="visible = false">{{$t('取 消')}}</el-button>
-      <el-button :loading="loading" @click="submit" type="primary"> {{$t('确 定')}}</el-button>
+      <el-button @click="visible = false">{{ $t('取 消') }}</el-button>
+      <el-button :loading="loading" @click="submit" type="primary">
+        {{ $t('确 定') }}</el-button
+      >
     </div>
   </el-dialog>
-
 </template>
 
 <script>
-  export default {
-    name: 'authmobileupdateform',
-    data() {
-      return {
-        hdform: {},
-        visible: false,
-        tsLoading: false,
-        loading: false
-
-      }
-    },
-    methods: {
-      show(updateId) { // 换为本表主键
-        //弹窗重复使用时,清除校验项目
-        if (this.$refs['hdform'])
-          this.$refs['hdform'].resetFields()
-        this.visible = true
-        this.$http.get('/webresources/login/mobile/AuthMobileUpdate/findone?updateId=' + updateId).then(response => {
+export default {
+  name: 'authmobileupdateform',
+  data() {
+    return {
+      hdform: {},
+      visible: false,
+      tsLoading: false,
+      loading: false,
+    }
+  },
+  methods: {
+    show(updateId) {
+      // 换为本表主键
+      //弹窗重复使用时,清除校验项目
+      if (this.$refs['hdform']) this.$refs['hdform'].resetFields()
+      this.visible = true
+      this.$http
+        .get(
+          '/webresources/login/mobile/AuthMobileUpdate/findone?updateId=' +
+            updateId
+        )
+        .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/mobile/AuthMobileUpdate/saveone', this.hdform).then(response => {
+    submit() {
+      // console.debug(this.hdform)
+      this.$refs['hdform'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.loading = true
+        this.$http
+          .post(
+            '/webresources/login/mobile/AuthMobileUpdate/saveone',
+            this.hdform
+          )
+          .then((response) => {
             this.loading = false
             const data = response.data
             this.$message({
               type: 'success',
-              message: this.$t('保存成功,请上传app')
+              message: this.$t('保存成功,请上传app'),
             })
             this.$emit('save-ok', data.data) // 主页面调用弹窗时添加
             this.visible = false
-          }).catch(() => {
+          })
+          .catch(() => {
             this.loading = false
           })
-        })
-      }
-    }
-  }
+      })
+    },
+  },
+}
 </script>
-

package/src/views/privilege/orgDept/authOrgn.vue

@@ -1,96 +1,188 @@
 <template>
   <el-container>
     <el-main>
-
-      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/privilege/AuthOrgn" :removeUrl="removeUrl"
-                   :defaultSort="{prop: 'sorter', order: 'ascending'}" readForm genChart>
+      <hd-com-grid
+        ref="grid"
+        :hdQuery="hdQuery"
+        url="/webresources/login/privilege/AuthOrgn"
+        :removeUrl="removeUrl"
+        :defaultSort="{ prop: 'sorter', order: 'ascending' }"
+        readForm
+        genChart
+      >
         <div class="filter-container" slot="query">
-          <el-input @keyup.enter.native="$refs.grid.doQuery()" style="width: 200px;" class="filter-item"
-                    :placeholder="$t('名称')"
-                    v-model="hdQuery.query.anyQuery">
+          <el-input
+            @keyup.enter.native="$refs.grid.doQuery()"
+            style="width: 200px"
+            class="filter-item"
+            :placeholder="$t('名称')"
+            v-model="hdQuery.query.anyQuery"
+          >
           </el-input>
-          <el-button @click="$refs.grid.doQuery()" keyType="query">{{$t('搜索')}}</el-button>
-          <el-button class="filter-item" @click="doEdit('')" type="primary" keyType="add">{{$t('新增')}}
+          <el-button @click="$refs.grid.doQuery()" keyType="query">{{
+            $t('搜索')
+          }}</el-button>
+          <el-button
+            class="filter-item"
+            @click="doEdit('')"
+            type="primary"
+            keyType="add"
+            >{{ $t('新增') }}
           </el-button>
-          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger" keyType="del">{{$t('删除')}}
+          <el-button
+            class="filter-item"
+            @click="$refs.grid.doRemoveAll()"
+            type="danger"
+            keyType="del"
+            >{{ $t('删除') }}
           </el-button>
         </div>
-        <el-table-column width="100px" align="center" label="操作" fixed="right">
+        <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="doRemove(scope.row)"></hd-btn>
+            <hd-btn
+              icon="el-icon-edit"
+              hint="编辑"
+              @click.stop="doEdit(scope.row)"
+            ></hd-btn>
+            <hd-btn
+              icon="el-icon-delete"
+              hint="删除"
+              @click.stop="doRemove(scope.row)"
+            ></hd-btn>
           </template>
         </el-table-column>
 
-        <el-table-column width="170px" align="left" header-align="center" label="名称" prop="name" sortable>
+        <el-table-column
+          width="170px"
+          align="left"
+          header-align="center"
+          label="名称"
+          prop="name"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="170px" align="left" header-align="center" label="编码" prop="orgnCod" sortable>
+        <el-table-column
+          width="170px"
+          align="left"
+          header-align="center"
+          label="编码"
+          prop="orgnCod"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="100px" align="left" header-align="center" label="英文名" prop="enName" sortable>
+        <el-table-column
+          width="100px"
+          align="left"
+          header-align="center"
+          label="英文名"
+          prop="enName"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="120px" align="left" header-align="center" label="简称" prop="shortNam" sortable>
+        <el-table-column
+          width="120px"
+          align="left"
+          header-align="center"
+          label="简称"
+          prop="shortNam"
+          sortable
+        >
         </el-table-column>
 
-        <el-table-column width="100px" align="left" header-align="center" label="类型" prop="orgnTyp" sortable
-                         input="hd-drop" :inputProp="{field:'ORGN_TYP'}" :inputFormat="(d,row)=>row.orgnTypStr">
+        <el-table-column
+          width="100px"
+          align="left"
+          header-align="center"
+          label="类型"
+          prop="orgnTyp"
+          sortable
+          input="hd-drop"
+          :inputProp="{ field: 'ORGN_TYP' }"
+          :inputFormat="(d, row) => row.orgnTypStr"
+        >
         </el-table-column>
-        <el-table-column width="150px" align="left" header-align="center" label="描述" prop="description" sortable>
+        <el-table-column
+          width="150px"
+          align="left"
+          header-align="center"
+          label="描述"
+          prop="description"
+          sortable
+        >
         </el-table-column>
-        <el-table-column width="60px" align="left" header-align="center" label="排序" prop="sorter" chartNum sortable>
+        <el-table-column
+          width="60px"
+          align="left"
+          header-align="center"
+          label="排序"
+          prop="sorter"
+          chartNum
+          sortable
+        >
         </el-table-column>
-
       </hd-com-grid>
     </el-main>
-    <authorgnform ref="authorgnform" @change="change" :hdQuery="hdQuery"></authorgnform>
+    <authorgnform
+      ref="authorgnform"
+      @change="change"
+      :hdQuery="hdQuery"
+    ></authorgnform>
   </el-container>
 </template>
-<script>
-  import authorgnform from './authorgnform'
 
-  export default {
-    name: 'authOrgn',
-    components: {authorgnform},
-    data() {
-      return {
-        removeUrl: '',
-        parentId: '',
-        hdQuery: new HdQuery(this)
-      }
-    },
-    mounted() {
+<script>
+import authorgnform from './authorgnform'
 
+export default {
+  name: 'authOrgn',
+  components: { authorgnform },
+  data() {
+    return {
+      removeUrl: '',
+      parentId: '',
+      hdQuery: new HdQuery(this),
+    }
+  },
+  mounted() {},
+  methods: {
+    queryOrg(parentId) {
+      this.parentId = parentId
+      this.hdQuery.query.parentId = parentId
+      this.$refs.grid.doQuery()
     },
-    methods: {
-      queryOrg(parentId) {
-        this.parentId = parentId
-        this.hdQuery.query.parentId = parentId
-        this.$refs.grid.doQuery()
-      },
 
-      doEdit(row) { // 增加或编辑
-        if (!row && !this.parentId) { // 新增
-          this.$message({
-            type: 'error',
-            message: this.$t('未选择数据')
-          })
-          return false
-        }
-        this.$refs['authorgnform'].show(row, this.parentId)
-      },
-      doRemove(row) {
-        // 为了兼容easyui,不能传对象到后台删除
-        this.removeUrl = '/webresources/login/privilege/AuthOrgn/remove?orgnId=' + row.orgnId
-        this.$refs.grid.doRemove(row).then(() => {
-          this.$emit('change', {
-            type: 'remove',
-            parentId: this.parentId,
-            data: {id: row.orgnId}
-          })
+    doEdit(row) {
+      // 增加或编辑
+      if (!row && !this.parentId) {
+        // 新增
+        this.$message({
+          type: 'error',
+          message: this.$t('未选择数据'),
         })
-      },
-      change: function (data) {
-        this.$emit('change', data)
+        return false
       }
-    }
-  }
+      this.$refs['authorgnform'].show(row, this.parentId)
+    },
+    doRemove(row) {
+      // 为了兼容easyui,不能传对象到后台删除
+      this.removeUrl =
+        '/webresources/login/privilege/AuthOrgn/remove?orgnId=' + row.orgnId
+      this.$refs.grid.doRemove(row).then(() => {
+        this.$emit('change', {
+          type: 'remove',
+          parentId: this.parentId,
+          data: { id: row.orgnId },
+        })
+      })
+    },
+    change: function (data) {
+      this.$emit('change', data)
+    },
+  },
+}
 </script>

package/src/views/privilege/orgDept/authorgnform.vue

@@ -1,58 +1,64 @@
 <template>
-  <el-dialog title="编辑" :visible.sync="visible" width='65%' top="10vh">
+  <el-dialog title="编辑" :visible.sync="visible" width="65%" top="10vh">
     <!--:hdform.sync 对应的form对象 formRef对应的是el-form的 ref="hdform"-->
-    <hd-form saveoneUrl="webresources/login/privilege/AuthOrgn/save"
-             removeUrl="webresources/login/privilege/AuthOrgn/entity/remove"
-             :findoneUrl="findoneUrl"
-             noCopy="orgnId" @saveCall="saveCall" @delCall="delCall"
-             label-width="100px" :model.sync="hdform" ref="hdform">
+    <hd-form
+      saveoneUrl="webresources/login/privilege/AuthOrgn/save"
+      removeUrl="webresources/login/privilege/AuthOrgn/entity/remove"
+      :findoneUrl="findoneUrl"
+      noCopy="orgnId"
+      @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="name"
-                        :rules="$r(1,0,200)">
+          <el-form-item label="组织名称" prop="name" :rules="$r(1, 0, 200)">
             <el-input type="text" v-model="hdform.name"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item label="组织编码" prop="orgnCod"
-                        :rules="$r(0,0,300)">
+          <el-form-item label="组织编码" prop="orgnCod" :rules="$r(0, 0, 300)">
             <el-input type="text" v-model="hdform.orgnCod"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item label="英文名" prop="enName"
-                        :rules="$r(0,0,200)">
+          <el-form-item label="英文名" prop="enName" :rules="$r(0, 0, 200)">
             <el-input type="text" v-model="hdform.enName"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item label="组织简称" prop="shortNam"
-                        :rules="$r(0,0,100)">
+          <el-form-item label="组织简称" prop="shortNam" :rules="$r(0, 0, 100)">
             <el-input type="text" v-model="hdform.shortNam"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item label="组织类型" prop="orgnTyp"
-                        :rules="$r(1)">
+          <el-form-item label="组织类型" prop="orgnTyp" :rules="$r(1)">
             <hd-drop field="ORGN_TYP" v-model="hdform.orgnTyp"></hd-drop>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item label="上级部门" prop="parentId"
-                        :rules="$r(1)">
-            <orgnselect style="width: 100%" :txtVal.sync="hdform.parentName"
-                        :idVal.sync="hdform.parentId"></orgnselect>
+          <el-form-item label="上级部门" prop="parentId" :rules="$r(1)">
+            <orgnselect
+              style="width: 100%"
+              :txtVal.sync="hdform.parentName"
+              :idVal.sync="hdform.parentId"
+            ></orgnselect>
           </el-form-item>
         </el-col>
         <el-col :span="8" :xs="16">
-          <el-form-item label="描述" prop="description"
-                        :rules="$r(0,0,255)">
+          <el-form-item label="描述" prop="description" :rules="$r(0, 0, 255)">
             <el-input type="text" v-model="hdform.description"></el-input>
           </el-form-item>
         </el-col>
 
         <el-col :span="8" :xs="16">
-          <el-form-item label="排序" prop="sorter" :rules="$r(0,0,99999,'number',0)">
+          <el-form-item
+            label="排序"
+            prop="sorter"
+            :rules="$r(0, 0, 99999, 'number', 0)"
+          >
             <hd-num v-model="hdform.sorter"></hd-num>
           </el-form-item>
         </el-col>
@@ -80,7 +86,7 @@
     </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>
+      <el-button @click="visible = false">{{ $t('取 消') }}</el-button>
     </div>
   </el-dialog>
 </template>
@@ -94,52 +100,58 @@ export default {
   name: 'authorgnform',
   components: {
     HdFormBtn,
-    orgnselect, orgTree
+    orgnselect,
+    orgTree,
   },
-  data: function() {
+  data: function () {
     return {
       hdform: {},
       parentId: '',
       findoneUrl: '',
-      visible: false
+      visible: false,
     }
   },
   props: {
-    hdQuery: Object
+    hdQuery: Object,
   },
   methods: {
-    show(row, parentId) { // 换为本表主键
+    show(row, parentId) {
+      // 换为本表主键
       this.parentId = parentId
       this.hdform.parentId = parentId
       this.visible = true
-      this.findoneUrl = 'webresources/login/privilege/AuthOrgn/findone?parentId=' + parentId
+      this.findoneUrl =
+        'webresources/login/privilege/AuthOrgn/findone?parentId=' + parentId
       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)// 按钮
+        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) {
       this.$emit('change', {
         type: isAdd ? 'add' : 'edit',
         parentId: row.parentId,
-        data: { id: row.orgnId, text: row.name }
+        data: { id: row.orgnId, text: row.name },
       })
     },
     delCall(row) {
-      if (!row.orgnId) { // 新增就删除
+      if (!row.orgnId) {
+        // 新增就删除
         return false
       }
       this.$emit('change', {
         type: 'remove',
         parentId: this.parentId,
-        data: { id: row.orgnId }
+        data: { id: row.orgnId },
       })
     },
     handleNodeClick(data) {
       //        this.$emit('org-node-click', data)
       //        this.currentNodeData = data
-    }
-  }
+    },
+  },
 }
 </script>
-

package/src/views/privilege/orgDept/orgDept.vue

@@ -1,37 +1,38 @@
-
-<template>
-  <el-container>
-    <el-aside>
-      <orgTree ref='orgTree' @org-node-click='query'></orgTree>
-    </el-aside>
-    <el-main>
-      <authOrgn ref='authOrgn' @change="change"></authOrgn>
-    </el-main>
-  </el-container>
-</template>
-<script>
-import orgTree from './orgTree'
-import authOrgn from './authOrgn'
-
-export default {
-  name: 'orgDept',
-  components: {
-    orgTree, authOrgn
-  },
-  data() {
-    return {
-      parentId: '0'
-    }
-  },
-  methods: {
-    query: function(data) {
-      this.$refs['authOrgn'].queryOrg(data.id)
-      this.parentId = data.id
-    },
-    change: function(data) {
-      // console.log('change', data)
-      this.$refs['orgTree'].refresh(data)
-    }
-  }
-}
-</script>
+<template>
+  <el-container>
+    <el-aside>
+      <orgTree ref="orgTree" @org-node-click="query"></orgTree>
+    </el-aside>
+    <el-main>
+      <authOrgn ref="authOrgn" @change="change"></authOrgn>
+    </el-main>
+  </el-container>
+</template>
+
+<script>
+import orgTree from './orgTree'
+import authOrgn from './authOrgn'
+
+export default {
+  name: 'orgDept',
+  components: {
+    orgTree,
+    authOrgn,
+  },
+  data() {
+    return {
+      parentId: '0',
+    }
+  },
+  methods: {
+    query: function (data) {
+      this.$refs['authOrgn'].queryOrg(data.id)
+      this.parentId = data.id
+    },
+    change: function (data) {
+      // console.log('change', data)
+      this.$refs['orgTree'].refresh(data)
+    },
+  },
+}
+</script>