hd-idevvue3 3.0.2 → 3.0.4

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

@@ -1,71 +1,161 @@
 <template>
   <el-container>
     <el-main>
-
-      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/tech/ComExColumn" @row-click="rowClick">
+      <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
+            @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
+            class="filter-item"
+            type="primary"
+            :icon="ElIconSearch"
+            @click="$refs.grid.doQuery()"
+            keyType="query"
+            >搜索
           </el-button>
-          <el-button class="filter-item" @click="doEdit('')" type="primary" icon="edit" keyType="add">新增
+          <el-button
+            class="filter-item"
+            @click="doEdit('')"
+            type="primary"
+            :icon="ElIconEdit"
+            keyType="add"
+            >新增
           </el-button>
-          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger" keyType="del">删除
+          <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">
+        <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>
+            <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
+          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
+          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
+          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
+          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
+          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
+          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
+          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
+          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>
+    <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: {
+<script>
+import { Search as ElIconSearch, Edit as ElIconEdit } from '@element-plus/icons'
+import comexcolumnform from './comexcolumnform'
 
-            doEdit(exColumnId) { // 增加或编辑
-                this.$refs['comexcolumnform'].show(exColumnId)
-            },
-            rowClick(row) {
-                this.$emit('rowClick', row);
-            }
-        }
+export default {
+  data() {
+    return {
+      hdQuery: new HdQuery(this),
+      ElIconSearch,
+      ElIconEdit,
     }
+  },
+  name: 'comexcolumn',
+  components: { comexcolumnform },
+  mounted() {},
+  methods: {
+    doEdit(exColumnId) {
+      // 增加或编辑
+      this.$refs['comexcolumnform'].show(exColumnId)
+    },
+    rowClick(row) {
+      this.$emit('rowClick', row)
+    },
+  },
+}
 </script>

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

@@ -1,39 +1,59 @@
 <template>
-  <el-dialog title="编辑" :visible.sync="visible" width='60%'>
+  <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-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-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-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-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-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-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-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>
@@ -41,61 +61,68 @@
     </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>
+      <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
-                })
-            },
+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
-                    })
-                })
-            }
+    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

@@ -8,24 +8,22 @@
     </el-main>
   </el-container>
 </template>
-<script>
-  import comexfieldsub from './comexfieldsub'
-  import comexcolumn from "./comexcolumn";
-  export default {
-    name: 'comexfield',
-    components: {comexcolumn,  comexfieldsub },
-    data() {
-        return {
-        }
-    },
 
-    mounted() {
+<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)
     },
-    methods: {
-      rowClick(row) {
-          this.$refs['comexfieldsub'].query(row.exColumnId)
-      }
-    }
-  }
+  },
+}
 </script>

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

@@ -1,94 +1,112 @@
 <template>
-  <el-dialog title="编辑" :visible.sync="visible" width='60%' top="10vh">
+  <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">
+    <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 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 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 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
+            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
+            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
+            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 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 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 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>
+      <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
-                }
-            },
-        }
+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>
-