| | |
| | | <!-- 表格操作列 --> |
| | | <script type="text/html" id="company-table-bar"> |
| | | <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看详情</a> |
| | | <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a> |
| | | <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="del">删除</a> |
| | | <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a> |
| | | <a class="layui-btn layui-btn-xs" lay-event="del">删除</a> |
| | | </script> |
| | | <!-- 表格状态列 --> |
| | | <script type="text/html" id="company-tpl-state"> |
| | |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label">租户</label> |
| | | <div class="layui-input-block"> |
| | | <select id="tenantId" name="tenantId" placeholder="选择一个应用" > |
| | | <select id="tenantId" name="tenantId" placeholder="选择一个应用" lay-verify="required" required > |
| | | <option value="">-请选择-</option> |
| | | </select> |
| | | </div> |
| | |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label">选择组织</label> |
| | | <div class="layui-input-block"> |
| | | <select id="orgId" name="orgId" placeholder="选择一个应用" > |
| | | <select id="orgId" name="orgId" placeholder="选择一个应用" lay-verify="required" required > |
| | | <option value="">-请选择-</option> |
| | | </select> |
| | | </div> |
| | |
| | | <div class="layui-form-item"> |
| | | <label class="layui-form-label">所在地区</label> |
| | | <div class="layui-input-block"> |
| | | <select id="sheng" name="companyArea" placeholder="省份" lay-filter="sheng"> |
| | | <input name="companyProvince" id="companyProvince" type="hidden" class="layui-input" maxlength="20"/> |
| | | <select id="sheng" placeholder="省份" lay-filter="sheng" ay-verify="required" required> |
| | | <option value="">-请选择-</option> |
| | | </select> |
| | | <select id="shi" name="companyArea" placeholder="城市" lay-filter="shi"> |
| | | <input name="companyCity" id="companyCity" type="hidden" class="layui-input" maxlength="20"/> |
| | | <select id="shi" placeholder="城市" lay-filter="shi" ay-verify="required" required> |
| | | <option value="">-请选择-</option> |
| | | </select> |
| | | <select id="xian" name="companyArea" placeholder="区县" > |
| | | <input name="companyArea" id="companyArea" type="hidden" class="layui-input" maxlength="20"/> |
| | | <select id="xian" placeholder="区县"lay-filter="xian" ay-verify="required" required> |
| | | <option value="">-请选择-</option> |
| | | </select> |
| | | </div> |
| | |
| | | cols: [[ |
| | | { type: 'numbers' }, |
| | | { field: 'companyName', width: 180, sort: true, title: '公司名称' }, |
| | | { field: 'sheng', width: 200, sort: true, title: '省' }, |
| | | { field: 'shi', width: 180, sort: true, title: '市' }, |
| | | { field: 'xian', width: 300, sort: true, title: '区县' }, |
| | | { field: 'companyProvince', width: 200, sort: true, title: '省' }, |
| | | { field: 'companyCity', width: 180, sort: true, title: '市' }, |
| | | { field: 'companyArea', width: 300, sort: true, title: '区县' }, |
| | | { field: 'companyTel', width: 250, align: 'center', sort: true, title: '联系方式' }, |
| | | { field: 'tenantId', width: 250, align: 'center', sort: true, title: '应用' }, |
| | | { field: 'enabled', width: 250, align: 'center', templet: '#company-tpl-state', sort: true, title: '状态' }, |
| | |
| | | * |
| | | */ |
| | | //获取省份 |
| | | var getSheng = function (obj, id) { |
| | | var sheng = {}; |
| | | var getSheng = function (obj, id, checkValue) { |
| | | admin.req('api-user/sysarea/getListByMap', { area_leveltype: obj }, function (data) { |
| | | layer.closeAll('loading'); |
| | | if (0 === data.code) { |
| | | let selected = false; |
| | | clientsAll = data.data; |
| | | sheng = data.data; |
| | | |
| | | console.log(checkValue); |
| | | $.each(data.data, function (index, item) { |
| | | if (config.clientId === item.clientId) { |
| | | // console.log( item.areaName); |
| | | if (checkValue == item.areaName) { |
| | | selected = true; |
| | | console.log(item.areaName); |
| | | console.log(selected); |
| | | } else { |
| | | selected = false; |
| | | } |
| | | //往下拉菜单里添加元素 |
| | | $('#' + id).append(new Option(item.areaName, item.id, false, selected)); |
| | | $('#' + id).append(new Option(item.areaName, item.id, true, selected)); |
| | | }) |
| | | form.render(); |
| | | form.render('select', id); |
| | | } else { |
| | | layer.msg(data.msg, { icon: 2, time: 500 }); |
| | | } |
| | | }, 'GET'); |
| | | } |
| | | form.on('select(sheng)', function (data) { |
| | | $.each(sheng, function (index, item) { |
| | | if (data.value == item.id) { |
| | | $("#companyProvince").val(item.areaName); |
| | | } |
| | | }) |
| | | |
| | | //补充市的数据 |
| | | getShi_and_xian(data.value, "shi"); |
| | | }); |
| | | |
| | | form.on('select(shi)', function (data) { |
| | | $.each(shi_name, function (index, item) { |
| | | if (data.value == item.id) { |
| | | $("#companyCity").val(item.areaName); |
| | | } |
| | | }) |
| | | //补充县的数据 |
| | | getShi_and_xian(data.value, "xian"); |
| | | }); |
| | | |
| | | var getShi_and_xian = function (obj, id) { |
| | | form.on('select(xian)', function (data) { |
| | | $.each(xian_name, function (index, item) { |
| | | if (data.value == item.id) { |
| | | $("#companyArea").val(item.areaName); |
| | | } |
| | | }) |
| | | }); |
| | | var shi_name = {}; |
| | | var xian_name = {}; |
| | | var getShi_and_xian = function (obj, id, checkValue) { |
| | | admin.req('api-user/sysarea/getListByMap', { area_parent_id: obj }, function (data) { |
| | | layer.closeAll('loading'); |
| | | if (0 === data.code) { |
| | | let selected = false; |
| | | $('#' + id).empty(); |
| | | // |
| | | if (id == "shi") { |
| | | shi_name = data.data |
| | | $("#companyCity").val(shi_name[0].areaName); |
| | | } |
| | | if (id == "xian") { |
| | | xian_name = data.data |
| | | $("#companyArea").val(xian_name[0].areaName); |
| | | } |
| | | |
| | | $.each(data.data, function (index, item) { |
| | | if (config.clientId === item.clientId) { |
| | | if (checkValue === item.areaName) { |
| | | selected = true; |
| | | } else { |
| | | selected = false; |
| | |
| | | //将组织填充 |
| | | getorganization(); |
| | | //将省份填充 |
| | | getSheng(1, "sheng"); |
| | | getSheng(1, "sheng", data.companyProvince); |
| | | // getSheng(2, "shi"); |
| | | // getSheng(3, "xian"); |
| | | //图片 |
| | |
| | | $('#sure').hide(); |
| | | } |
| | | form.val('app-form', data); |
| | | $('#sheng').val(data.shengId); |
| | | // |
| | | if (data.shiId) { |
| | | getShi_and_xian(data.shengId, "shi") |
| | | $('#shi').val(data.shiId); |
| | | //将市填充 |
| | | var shengId = ""; |
| | | $.each(sheng, function (index, item) { |
| | | if (data.companyProvince === item.areaName) { |
| | | shengId = item.id; |
| | | } |
| | | }) |
| | | if (data.companyCity) { |
| | | getShi_and_xian(shengId, "shi", data.companyCity) |
| | | } |
| | | if (data.xianId) { |
| | | getShi_and_xian(data.shiId, "xian") |
| | | $('#xian').val(data.xianId); |
| | | var shiId = ""; |
| | | |
| | | console.log(shi_name) |
| | | $.each(shi_name, function (index, item) { |
| | | if (data.companyCity === item.areaName) { |
| | | shiId = item.id; |
| | | } |
| | | }) |
| | | console.log(data.companyArea) |
| | | if (data.companyArea) { |
| | | getShi_and_xian(shiId, "xian", data.companyArea) |
| | | } |
| | | $('#app-form').attr('method', 'POST'); |
| | | } else { |