forked from kidgrow-microservices-platform

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<div class="layui-tab">
    <ul class="layui-tab-title">
      <li class="layui-this">组织信息</li>
      <li>基本信息</li>
    </ul>
    <div class="layui-tab-content">
      <div class="layui-tab-item layui-show">
        <form id="app-form" lay-filter="app-form" class="layui-form model-form">
          <input name="id" type="hidden" />
          <div class="layui-form-item">
              <label class="layui-form-label">上级组织</label>
              <div class="layui-input-block">
                  <input name="orgParentId" id="orgParentId" type="hidden" value="-1"/>
                  <input  placeholder="输入上级组织名称..." pname="orgParentName" id="orgParentName" type="text" class="layui-input" maxlength="50"  />
              </div>
          </div>
          <div class="layui-form-item">
              <label class="layui-form-label">组织类型</label>
              <div class="layui-input-block">
                  <select id="orgAttr" name="orgAttr" placeholder="选择一个类型">
                      <option value="0" selected='selected'>集团</option>
                      <option value="1">公司/医院</option>
                      <option value="2">部门/科室</option>
                      <option value="3">子部门/子科室</option>
                  </select>
              </div>
          </div>
          <div class="layui-form-item">
              <label class="layui-form-label">组织层级</label>
              <div class="layui-input-block">
                  <select name="orgLevel" id='orgLevel' placeholder="选择一个层级">
                      <option value="0" selected='selected'>1级</option>
                      <option value="1">2级</option>
                      <option value="2">3级</option>
                      <option value="3">4级</option>
                      <option value="4">5级</option>
                      <option value="5">6级</option>
                      <option value="6">7级</option>
                      <option value="7">8级</option>
                      <option value="8">9级</option>
                  </select>
              </div>
          </div>
          <div class="layui-form-item">
              <label class="layui-form-label">组织名称</label>
              <div class="layui-input-block">
                  <input name="orgName" id="orgName" type="text" class="layui-input" maxlength="20" />
              </div>
          </div>
          <div class="layui-form-item model-form-footer">
              <button class="layui-btn layui-btn-primary" ew-event="closeDialog" type="button">取消</button>
              <button class="layui-btn" id="sure" lay-filter="org-form-submit" lay-submit>保存</button>
          </div>
          <input name="id" id="id" type="hidden" value=""/>
      </form>
      </div>
      <div class="layui-tab-item">
    </div>
  </div>
  <script>
  layui.use(['form', 'table', 'laydate', 'util','config', 'admin','element','autocomplete'], function () {
        var form = layui.form;
        var table = layui.table;
        var config = layui.config;
        var layer = layui.layer;
        var util = layui.util;
        var admin = layui.admin;
        //树形插件
        var tree = layui.tree;
        var $ = layui.jquery;
        var element = layui.element;
        var autocomplete=layui.autocomplete;
        //自动完成-上级组织
        autocomplete.render({
            elem: $('#orgParentName')[0],
            keywordsName:'orgName',//查询关键字名称
            url: config.base_server +'api-user/sysorganization/listByName?page=1&limit=9999999',
            template_val: '{{d.orgName}}',//选择后文本框显示的数据字段
            template_txt: "<div class='layui-table-cell'>{{d.orgName}}</div>",//下拉列表模板
            onselect: function (resp) {
              $("#orgParentId").val(resp.id);
              $("#orgLevel").val(resp.orgLevel+1);
              $("#orgAttr").val(resp.orgLevel+1);
              form.render();
            }
        })
 
        //自动完成-医院名称
        autocomplete.render({
            elem: $('#orgName')[0],
            keywordsName:'orgName',//查询关键字名称
            url: config.base_server +'api-user/sysorganization/listByName?page=1&limit=9999999',
            template_val: '{{d.orgName}}',//选择后文本框显示的数据字段
            template_txt: "<div class='layui-table-cell'>{{d.orgName}}</div>",//下拉列表模板
            onselect: function (resp) {
              $("#id").val(resp.id);
              form.render();
            }
        })
 
        // 表单提交事件
        form.on('submit(org-form-submit)', function (data) {
            layer.load(2);
            admin.req('api-user/sysorganization', JSON.stringify(data.field), function (data) {
                layer.closeAll('loading');
                if (data.code == 0) {
                    //将组织数据存入本地
                    admin.putTempData('t_org', data.data);
                    //组织数据维护成功后,进入医院基本信息页面
                    layer.msg("组织数据编辑成功,继续编辑基本数据...", { icon: 1, time: 1000 },function(){
                        //admin.finishPopupCenter();
                    });
                } else {
                    layer.msg(data.msg, { icon: 2, time: 1000 });
                }
            }, "POST");
            return false;
        });
        form.render();
        getData();
    });
  </script>