hd-idevvue3 3.0.0 → 3.0.1

package/src/App.vue

@@ -0,0 +1,15 @@
+<template>
+	<div id="app">
+		<router-view></router-view>
+	</div>
+</template>
+
+<script>
+export default{
+  name: 'APP'
+}
+</script>
+
+<style lang="scss">
+
+</style>

package/src/demo/demo.vue

@@ -0,0 +1,43 @@
+<template>
+  <el-dialog title="下拉测试" :visible="true" top="5vh" width='80%'>
+
+    <hd-drop :field="myts" v-model="clientType" :url="url"></hd-drop>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="useUrl">{{$t('使用url')}}</el-button>
+      <el-button type="primary" @click="submit"> 动态改变fieldCode</el-button>
+    </div>
+  </el-dialog>
+
+</template>
+
+<script>
+// 下拉例子,动态修改field走syscode,或者更改url,后台应该用List<DropBean>对象
+export default {
+  components: {},
+  name: 'tsDrop',
+  data() {
+    return {
+      myts: 'CLIENT_TYPE',
+      url: '',
+      clientType: '1'
+    }
+  },
+  methods: {
+    show(sclientId) { // 换为本表主键
+      // 弹窗重复使用时,清除校验项目
+
+      this.visible = true
+    },
+
+    submit() {
+      // console.debug(this.hdform)
+      this.myts = 'ENTERPRISE_NATURE'
+    },
+    useUrl() {
+      this.url = '/webresources/login/privilege/SysCode/findAll?fieldCod=ENTERPRISE_NATURE'
+    }
+  }
+}
+</script>
+

package/src/demo/dropdemo.vue

@@ -0,0 +1,43 @@
+<template>
+  <el-dialog title="下拉测试" :visible="true" top="5vh" width='80%'>
+
+    <hd-drop :field="myts" v-model="clientType" :url="url"></hd-drop>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="useUrl">使用url</el-button>
+      <el-button type="primary" @click="submit"> 动态改变fieldCode</el-button>
+    </div>
+  </el-dialog>
+
+</template>
+
+<script>
+// 下拉例子,动态修改field走syscode,或者更改url,后台应该用List<DropBean>对象
+export default {
+  components: {},
+  name: 'tsDrop',
+  data() {
+    return {
+      myts: 'CLIENT_TYPE',
+      url: '',
+      clientType: '1'
+    }
+  },
+  methods: {
+    show(sclientId) { // 换为本表主键
+      // 弹窗重复使用时,清除校验项目
+
+      this.visible = true
+    },
+
+    submit() {
+      // console.debug(this.hdform)
+      this.myts = 'ENTERPRISE_NATURE'
+    },
+    useUrl() {
+      this.url = '/webresources/login/privilege/SysCode/findAll?fieldCod=ENTERPRISE_NATURE'
+    }
+  }
+}
+</script>
+

package/src/demo/extsets.vue

@@ -0,0 +1,107 @@
+<!--列表右上角设置按钮可以单独扩展示例-->
+<template>
+  <el-container>
+    <el-main>
+      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/privilege/SysCode/vue"
+                   :validate="validate" noCopy="codeId">
+        <el-dropdown-item command="myts" slot="extSets">扩展测试2</el-dropdown-item>
+        <el-dropdown-item command="myts3" slot="extSets">{{showTs}}</el-dropdown-item>
+        <div class="filter-container" slot="query">
+          <el-input @keyup.enter.native="$refs.grid.doQuery()" suffix-icon="el-icon-search"
+                    style="width: 200px;float:right;"
+                    class="filter-item" placeholder="名称"
+                    v-model="hdQuery.query.anyQuery">
+          </el-input>
+          <el-button class="filter-item" @click="doAdd" 　type="primary">新增
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doCopy()" type="primary">复制
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger">删除
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doSaveAll()" type="danger">保存
+          </el-button>
+        </div>
+        <el-table-column width="60px" align="center" label="操作" fixed="right">
+          <template slot-scope="scope">
+            <hd-btn icon="el-icon-edit" hint="编辑" @click.stop="$refs.grid.doEdit(scope.row)" v-if="!scope.row.isEdit">编辑
+            </hd-btn>
+            <hd-btn hint="撤销" @click.stop="$refs.grid.doCancel(scope.row,scope.$index)" v-if="scope.row.isEdit">
+              <svg-icon icon-class="undo"/>
+            </hd-btn>
+            <hd-btn icon="el-icon-check" hint="保存" @click.stop="$refs.grid.doSave(scope.row)" v-if="scope.row.isEdit">保存
+            </hd-btn>
+            <hd-btn icon="el-icon-delete" hint="删除" @click.stop="$refs.grid.doRemove(scope.row)"
+                    v-if="!scope.row.isEdit">
+              删除
+            </hd-btn>
+          </template>
+        </el-table-column>
+        <el-table-column width="80px" align="left" header-align="center" label="代码" prop="code" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="left" header-align="center" label="名称" prop="name" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="left" header-align="center" label="英文名" prop="enName" sortable>
+        </el-table-column>
+        <el-table-column width="80px" align="left" header-align="center" label="排序号" prop="sorter" sortable>
+        </el-table-column>
+        <el-table-column align="center" label="系统" prop="sysMark" sortable>
+          <template slot-scope="scope">
+            <el-switch v-model="scope.row.sysMark" v-if="scope.row.isEdit" active-value="1"
+                       inactive-value="0"></el-switch>
+            <span v-else>{{scope.row.sysMark == '1' ? '√' : '×'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="废弃" prop="abandonedMark" sortable>
+          <template slot-scope="scope">
+            <el-switch v-model="scope.row.abandonedMark" v-if="scope.row.isEdit" active-value="1"
+                       inactive-value="0"></el-switch>
+            <span v-else>{{scope.row.abandonedMark == '1' ? '√' : '×'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column width="150px" align="left" header-align="center" label="备注/描述" prop="description" sortable>
+        </el-table-column>
+      </hd-com-grid>
+    </el-main>
+  </el-container>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      hdQuery: new HdQuery(this),
+      showTs: 'tssss'
+    }
+  },
+  mounted() {
+    this.$refs.grid.$on('extSets', (command) => {
+      console.info(command)
+      this.showTs = 'change'
+    })
+  },
+  props: {},
+  methods: {
+    querycode(row) {
+      this.hdQuery.query.fieldCod = row.fieldCod
+      this.$refs.grid.doQuery()
+    },
+    doAdd() {
+      if (!this.hdQuery.query.fieldCod) {
+        this.$message({
+          type: 'error',
+          message: '未选择数据'
+        })
+        return false
+      }
+      this.$refs.grid.doEdit('')
+    }
+  },
+  computed: {// 给外层v-model赋值
+    validate() {
+      return {
+        name: [{ message: '名称必填', required: true }, { max: 50, message: '名称长度不能超过50个字符' }],
+        code: [{ required: true, message: '代码必填' }, { max: 36, message: '代码长度不能超过36个字符' }]
+      }
+    }
+  }
+}
+</script>

package/src/demo/formedit.vue

@@ -0,0 +1,145 @@
+<template>
+  <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">
+      <el-row>
+        <el-col :span="8" :xs="16">
+          <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-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-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-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)">
+            <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>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <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)">
+            <hd-num v-model="hdform.sorter"></hd-num>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="创建人" prop="recNam">
+            <el-input type="text" v-model="hdform.recNam" disabled></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="创建时间" prop="recTim">
+            <el-input type="text" v-model="hdform.recTim" disabled></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="更新人" prop="updNam">
+            <el-input type="text" v-model="hdform.updNam" disabled></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label="更新时间" prop="updTim">
+            <el-input type="text" v-model="hdform.updTim" disabled></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">取 消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import orgnselect from './orgnselect'
+import orgTree from '../orgDept/orgTree'
+import HdFormBtn from '../../../hdcom/HdFormBtn.vue'
+
+export default {
+  name: 'authorgnform',
+  components: {
+    HdFormBtn,
+    orgnselect, orgTree
+  },
+  data: function() {
+    return {
+      hdform: {},
+      parentId: '',
+      findoneUrl: '',
+      visible: false
+    }
+  },
+  props: {
+    hdQuery: Object
+  },
+  methods: {
+    show(row, parentId) { // 换为本表主键
+      this.parentId = parentId
+      this.hdform.parentId = parentId
+      this.visible = true
+      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)// 按钮
+      })
+    },
+    saveCall(row, isAdd) {
+      this.$emit('change', {
+        type: isAdd ? 'add' : 'edit',
+        parentId: row.parentId,
+        data: { id: row.orgnId, text: row.name }
+      })
+    },
+    delCall(row) {
+      if (!row.orgnId) { // 新增就删除
+        return false
+      }
+      this.$emit('change', {
+        type: 'remove',
+        parentId: this.parentId,
+        data: { id: row.orgnId }
+      })
+    },
+    handleNodeClick(data) {
+      //        this.$emit('org-node-click', data)
+      //        this.currentNodeData = data
+    }
+  }
+}
+</script>
+

package/src/demo/hightquery.vue

@@ -0,0 +1,169 @@
+<template>
+  <el-container style="height: 100%; ">
+    <el-aside width="50%" title="货名">
+      <hd-com-grid :hdQuery="hdQuery" ref="gridleft" url="/webresources/login/code/SbcCargo" @row-click="doClickQuery">
+        <div class="filter-container" slot="query">
+          <el-input @keyup.enter.native="doQuery" suffix-icon="el-icon-search" style="width: 200px;float:right;"
+                    class="filter-item" placeholder="代码、名称" v-model="hdQuery.query.anyQuery">
+          </el-input>
+          <el-button class="filter-item" @click="$refs.gridleft.doEdit('')" type="primary" keyType="add">新增
+          </el-button>
+          <el-button class="filter-item" @click="$refs.gridleft.doRemoveAll()" type="danger" keyType="del">删除
+          </el-button>
+          <tlifend :ifend.sync="hdQuery.query.ifendFlag" @ifendFlag="doQuery"></tlifend>
+        </div>
+        <el-table-column width="60px" align="center" label="操作" fixed="right">
+          <!--<template slot-scope="scope">
+            <hd-btn icon="el-icon-edit" hint="编辑" @click="doEdit(scope.row.scargoId)"></hd-btn>
+            <hd-btn icon="el-icon-delete" hint="删除" @click="$refs.gridleft.doRemove(scope.row)"></hd-btn>
+          </template>-->
+          <template slot-scope="scope">
+            <hd-btn icon="el-icon-edit" hint="编辑" @click.stop="$refs.gridleft.doEdit(scope.row)"
+                    v-if="!scope.row.isEdit">编辑
+            </hd-btn>
+            <hd-btn icon="el-icon-check" hint="保存" @click.stop="doSave(scope.row)" v-if="scope.row.isEdit">保存</hd-btn>
+            <hd-btn hint="撤销" @click.stop="$refs.gridleft.doCancel(scope.row,scope.$index)" v-if="scope.row.isEdit">
+              <svg-icon icon-class="undo"/>
+            </hd-btn>
+            <hd-btn icon="el-icon-delete" hint="删除" @click.stop="$refs.gridleft.doRemove(scope.row)"
+                    v-if="!scope.row.isEdit">删除
+            </hd-btn>
+          </template>
+        </el-table-column>
+        <el-table-column width="50px" header-align="center" align="center" label="状态">
+          <template slot-scope="scope">
+            <span>
+              <i v-if="scope.row.ifendFlag =='1'" class="fa fa-eercast" style="color: red;"></i>
+               <i v-else="scope.row.ifendFlag =='0'" class="fa fa-eercast" style="color: black;"></i>
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column width="100px" align="left" header-align="center" label="代码" prop="cargoCode" sortable
+                         :rules="$r(1,0,20)"></el-table-column>
+        <el-table-column width="200px" align="left" header-align="center" label="简称" prop="cargoShort" sortable
+                         :rules="$r(1,0,50)"></el-table-column>
+        <el-table-column width="100px" align="left" header-align="center" label="货类" prop="cargoKindCode"
+                         :input="require('@/views/comgctos/sel_sbccargokind').default" txtVal="cargoKindName"
+                         :inputProp='{kindSetCod:"CN"}' idVal="cargoKindCode"></el-table-column>
+        <el-table-column width="200px" align="left" header-align="center" label="货名称" prop="cargoName" sortable
+                         :rules="$r(1,0,50)"></el-table-column>
+        <el-table-column width="130px" align="left" header-align="center" label="英文名称" prop="enCargoName" sortable
+                         :rules="$r(1,0,50)"></el-table-column>
+        <el-table-column width="100px" align="left" header-align="center" label="汉字提示" prop="hzts" sortable
+                         noEdit></el-table-column>
+        <el-table-column width="100px" align="left" header-align="center" label="备注" prop="description" sortable
+                         :rules="$r('',0,255)"></el-table-column>
+        <el-table-column align="center" label="全局" prop="sysFlag" input="el-switch"
+                         :inputProp='{activeValue:"1", inactiveValue:"0"}' :inputFormat='$ckFt'></el-table-column>
+        <el-table-column align="center" label="作废" prop="ifendFlag" input="el-switch"
+                         :inputProp='{activeValue:"1", inactiveValue:"0"}' :inputFormat='$ckFt'></el-table-column>
+      </hd-com-grid>
+    </el-aside>
+    <el-main title="规格">
+      <hd-com-grid :hdQuery="formathdQuery" ref="gridright" url="/webresources/login/code/SbcCargoFormat" notInit>
+        <div class="filter-container" slot="query">
+          <el-button class="filter-item" @click="formatEdit('')" type="primary" keyType="add">新增</el-button>
+          <el-button class="filter-item" @click="$refs.gridright.doRemoveAll()" type="danger" keyType="del">删除
+          </el-button>
+          <tlifend :ifend.sync="formathdQuery.query.ifendFlag" @ifendFlag="formatQuery"></tlifend>
+        </div>
+        <el-table-column align="center" label="操作" fixed="right">
+          <template slot-scope="scope">
+            <hd-btn icon="el-icon-edit" hint="编辑" @click="formatEdit(scope.row)" v-if="!scope.row.isEdit">编辑</hd-btn>
+            <hd-btn icon="el-icon-check" hint="保存" @click="$refs.gridright.doSave(scope.row)" v-if="scope.row.isEdit">
+              保存
+            </hd-btn>
+            <hd-btn icon="el-icon-delete" hint="删除" @click="$refs.gridright.doRemove(scope.row)"
+                    v-if="!scope.row.isEdit"></hd-btn>
+            <hd-btn hint="撤销" @click.stop="$refs.gridright.doCancel(scope.row,scope.$index)" v-if="scope.row.isEdit">
+              <svg-icon icon-class="undo"/>
+            </hd-btn>
+          </template>
+        </el-table-column>
+        <el-table-column width="50px" header-align="center" align="center" label="状态">
+          <template slot-scope="scope">
+            <span>
+              <i v-if="scope.row.ifendFlag =='1'" class="fa fa-eercast" style="color: red;"></i>
+               <i v-else="scope.row.ifendFlag =='0'" class="fa fa-eercast" style="color: black;"></i>
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column width="100px" align="left" header-align="center" label="规格" prop="format" sortable
+                         :rules="$r(1,0,20)"></el-table-column>
+        <el-table-column width="100px" align="left" header-align="center" label="备注" prop="description" sortable
+                         :rules="$r('',0,255)"></el-table-column>
+        <!-- <el-table-column width="100px" align="left" header-align="center" label="汉字提示" prop="hzts" sortable noEdit></el-table-column>-->
+        <el-table-column align="center" label="全局" prop="sysFlag" input="el-switch"
+                         :inputProp='{activeValue:"1", inactiveValue:"0"}' :inputFormat='$ckFt'></el-table-column>
+        <el-table-column align="center" label="作废" prop="ifendFlag" input="el-switch"
+                         :inputProp='{activeValue:"1", inactiveValue:"0"}' :inputFormat='$ckFt'></el-table-column>
+      </hd-com-grid>
+    </el-main>
+    <sbccargoform ref="sbccargoform" @save-ok="doQuery"></sbccargoform>
+  </el-container>
+</template>
+<script>
+import sbccargoform from './sbccargoform'
+import selsbccargokind from '@/views/comgctos/sel_sbccargokind'
+import tlifend from '@/views/comgctos/showTl/tl_ifend'
+
+export default {
+  components: { sbccargoform, tlifend, selsbccargokind },
+  data() {
+    return {
+      hdQuery: new HdQuery(this),
+      formathdQuery: new HdQuery(this, 'formatQuery'),
+      scargoId: ''
+    }
+  },
+  methods: {
+    doQuery() {
+      // 显示loading框
+      this.scargoId = ''
+      this.$refs['gridleft'].doQuery()
+    },
+    doEdit(scargoId) { // 增加或编辑
+      this.$refs['sbccargoform'].show(scargoId)
+    },
+    doRemove(row) {
+      this.$refs['gridleft'].doRemove(row).then(() => {
+        this.scargoId = ''
+      })
+    },
+    doRemoveAll() {
+      this.$refs['gridleft'].doRemoveAll().then(() => {
+        this.scargoId = ''
+      })
+    },
+    doSave(row) {
+      this.$refs.gridleft.doSave(row).then(() => {
+        this.scargoId = row.scargoId
+      })
+    },
+    doClickQuery(row) {
+      this.scargoId = row.scargoId
+      if (!this.scargoId) {
+        this.scargoId = '-1'
+      }
+      this.formatQuery()
+    },
+    formatQuery() {
+      if (!this.scargoId) {
+        this.$message({ type: 'error', message: '请先选择货名！' })
+        return
+      }
+      this.formathdQuery.query.scargoId = this.scargoId
+      this.$refs['gridright'].doQuery()
+    },
+    formatEdit(row) {
+      if (!this.scargoId) {
+        this.$message({ type: 'error', message: '请先选择货名！' })
+        return
+      }
+      this.formathdQuery.query.scargoId = this.scargoId
+      this.$refs.gridright.doEdit(row)
+    }
+  }
+}
+</script>
+

package/src/demo/inlineedit.vue

@@ -0,0 +1,88 @@
+<!--行内编辑与普通列表,写法应该只差有没有rules校验,el-table-column 列内容尽可能不要写template,下拉和自定义组件 prop='code值'
+inputFormat 写code对应的文字 :input写组件 inputProp组件属性,这样在高级查询时和导出excel时    会自动实现 -->
+<template>
+  <el-container>
+    <el-main>
+      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/privilege/SysCode/vue"
+                   noCopy="codeId">
+        <div class="filter-container" slot="query">
+          <el-input @keyup.enter.native="$refs.grid.doQuery()" suffix-icon="el-icon-search"
+                    style="width: 200px;float:right;"
+                    class="filter-item" placeholder="名称、代码"
+                    v-model="hdQuery.query.anyQuery">
+          </el-input>
+          <el-button class="filter-item" @click="doAdd" 　type="primary" keyType="add">新增
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doCopy()" type="primary" keyType="copy">复制
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger" keyType="del">删除
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doSaveAll()" type="danger" keyType="save">保存
+          </el-button>
+        </div>
+        <el-table-column width="60px" align="center" label="操作" fixed="right">
+          <template slot-scope="scope">
+            <HdGridEditBtn :row="scope.row" gridRef="grid"></HdGridEditBtn>
+          </template>
+        </el-table-column>
+        <el-table-column width="120px" align="left" header-align="center" label="代码" prop="code" sortable
+                         :rules="$r(1,0,36)">
+        </el-table-column>
+        <el-table-column width="120px" align="left" header-align="center" label="名称" prop="name" sortable
+                         :rules="$r(1,0,50)">
+        </el-table-column>
+        <el-table-column width="120px" align="left" header-align="center" label="英文名" prop="enName" sortable>
+        </el-table-column>
+        <el-table-column align="left" header-align="center" label="排序号" prop="sorter" sortable input="HdNum"
+                         :rules="$r(0,0,100000,'number')">
+        </el-table-column>
+        <el-table-column align="center" label="系统" prop="sysMark" sortable input="el-switch"
+                         :inputProp='{activeValue:"1", inactiveValue:"0"}' :inputFormat='$ckFt'>
+        </el-table-column>
+        <el-table-column align="center" label="废弃" prop="abandonedMark" sortable input="el-switch"
+                         :inputProp='{activeValue:"1", inactiveValue:"0"}' :inputFormat='$ckFt'>
+        </el-table-column>
+        <el-table-column width="150px" align="left" header-align="center" label="备注/描述" prop="description" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="left" header-align="center" label="货类" prop="cargoKindCode"
+                         :input="require('@/views/comgctos/sel_sbccargokind').default" txtVal="cargoKindName"
+                         :inputProp='{kindSetCod:"CN"}' idVal="cargoKindCode"></el-table-column>
+        <!--syscode下拉-->
+        <el-table-column width="100px" align="left" header-align="center" label="作业模式" prop="operationMode" sortable
+                         input="HdDrop" :inputProp="{ field:'OPERATION_MODE'}"></el-table-column>
+      </hd-com-grid>
+    </el-main>
+  </el-container>
+</template>
+<script>
+
+export default {
+  data() {
+    return {
+      hdQuery: new HdQuery(this)
+    }
+  },
+  // mounted() {//页面加载后执行
+  //   this.doQuery()
+  // },
+  props: {},
+  methods: {
+    querycode(row) {
+      this.hdQuery.query.fieldCod = row.fieldCod
+      this.$refs.grid.doQuery()
+    },
+    doAdd() {
+      if (!this.hdQuery.query.fieldCod) {
+        this.$message({
+          type: 'error',
+          message: '未选择数据'
+        })
+        return false
+      }
+      this.$refs.grid.doEdit('')
+    }
+  },
+  computed: {// 给外层v-model赋值
+  }
+}
+</script>

package/src/demo/selfdrop.vue

@@ -0,0 +1,41 @@
+<template>
+  <hd-grid-sel :txtVal="txtVal" :idVal="idVal" placeholder="请点击选组织"
+               height="50vh" :hdQuery="hdQuery" :disabled="disabled"
+               url="/webresources/login/code/AuthOrgnExt/find" @rowClick="doClick" :beforeQuery="beforeQuery">
+    <el-table-column  align="left" header-align="center"  label="组织代码" prop="orgnCod" sortable></el-table-column>
+    <el-table-column  align="left" header-align="center" label="组织名称" prop="name" sortable></el-table-column>
+  </hd-grid-sel>
+</template>
+
+<script>
+
+export default {
+  name: 'selauthorgn',
+  components: {},
+  data() {
+    return {
+      hdQuery: new HdQuery(this)
+    }
+  },
+  mounted() {
+
+  },
+  props: { idVal: String, txtVal: String, deptFlag: String, disabled: Boolean }, // 设置value为props属性-必须
+  methods: {
+    beforeQuery(val) {
+      this.hdQuery.query.anyQuery = val
+      this.hdQuery.add('deptFlag', this.deptFlag)
+    },
+    doClick(row) {
+      this.$emit('update:txtVal', row.shortNam)
+      this.$emit('update:idVal', row.orgnId)
+    }
+  }
+}
+</script>
+
+<style>
+  .el-popper{
+    z-index: 3000!important;
+  }
+</style>

package/src/demo//350/241/214/345/206/205/347/272/247/350/201/224.txt

@@ -0,0 +1,2 @@
+https://gctos6.huadong.net/#/code/portRel/sbcport
+gctos的行内级联下拉,国籍和省份的例子