表单内容：
1 <div id="complex" class="mini-complex" style="background: rgb(255, 255, 255); padding: 2px 20px 10px; box-shadow: rgb(144, 144, 144) 0px 0px 5px; margin: 10px auto 12px; font-size: 14px; font-family: Microsoft YaHei; text-align: center; position: relative;" type="1"> 2 <p> 3 <br/> 4 </p> 5 <p style="margin-bottom: 25px;"> 6 <strong><span style="font-size: 24px;">学生实习报备流程</span></strong> 7 </p> 8 <p style="margin-bottom: 25px;"> 9 <strong><span style="font-size: 24px;"></span></strong> 10 </p> 11 <table style="table-layout: fixed;border-collapse:collapse;border:2px solid black;" data-sort="sortDisabled" align="center"> 12 <tbody> 13 <tr class="firstRow"> 14 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="129.33333333333334" valign="middle" align="center"> 15 指导教师姓名 16 </td> 17 <td style="border-color: rgb(38, 38, 38);" width="145.33333333333334" valign="middle" align="center"> 18 <input class="mini-textbox" choosevalue="CURRENTUSER" required="true" fieldtype="ordinary" allowinput="true" isshowonlist="1" datasourcetype="url" fldorder="0" enfield="ZDJSXM" cnfield="指导教师姓名" adaptive="true" multiselect="false" style="width: 100%;" showclearbutton="false" allowlimitvalue="false" maxlength="200" data-options="{"id":"ZDJSXM","type":"COUNTDAY","emptytext":""}" type="mini-textbox" ziti="MicrosoftYaHei" zihao="fourteen" emptytext=""/><br/> 19 </td> 20 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="109.33333333333333" valign="middle" align="center"> 21 指导教师工号 22 </td> 23 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="186.33333333333334" valign="middle" align="center"> 24 <input class="mini-textbox" choosevalue="CURRENTUSERID" required="true" fieldtype="ordinary" allowinput="true" isshowonlist="1" datasourcetype="url" fldorder="1" enfield="ZDJSGH" cnfield="指导教师工号" adaptive="true" multiselect="false" style="width: 100%;" showclearbutton="false" allowlimitvalue="false" maxlength="200" data-options="{"id":"ZDJSGH","type":"COUNTDAY","emptytext":""}" type="mini-textbox" ziti="MicrosoftYaHei" zihao="fourteen" emptytext="" linkageurl="/queryservice/query.htm?snumber=CXZDJSXX&ZDJSGH=INPUTVALUE" datasourceurl="" relatefield_1="cnfield=指导教师姓名;enfield=ZDJSXM;datatype=value;icon=;key=ZDJSXM;" relatefield_2="cnfield=联系电话;enfield=LXDH;datatype=value;icon=;key=LXDH;" relatefield_3="cnfield=专业负责人;enfield=ZYFZR;datatype=data;icon=;key=;"/><br/> 25 </td> 26 </tr> 27 <tr> 28 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="129.33333333333334" valign="middle" align="center"> 29 所在单位 30 </td> 31 <td style="border-color: rgb(38, 38, 38);" width="145.33333333333334" valign="middle" align="center"> 32 <input class="mini-textbox" choosevalue="other" required="true" fieldtype="ordinary" allowinput="true" isshowonlist="1" datasourcetype="url" fldorder="2" enfield="SZDW" cnfield="所在单位" adaptive="true" multiselect="false" style="width: 100%;" showclearbutton="false" allowlimitvalue="false" maxlength="200" data-options="{"id":"SZDW","type":"COUNTDAY","emptytext":""}" type="mini-textbox" ziti="MicrosoftYaHei" zihao="fourteen" emptytext="" datasourceurl="/queryservice/query.htm?snumber=CXBMMC&HUMANCODE=STARTID" urlkey="DWMC"/><br/> 33 </td> 34 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="101.33333333333333" valign="middle" align="center"> 35 备案日期 36 </td> 37 <td style="border-color: rgb(38, 38, 38);" width="187.33333333333334" valign="middle" align="center"> 38 <input class="mini-datepicker" choosevalue="OPTIONDATE" required="true" fieldtype="ordinary" allowinput="true" isshowonlist="1" datasourcetype="url" fldorder="3" enfield="BARQ" cnfield="备案日期" adaptive="true" multiselect="false" style="width: 100%;" showclearbutton="false" allowlimitvalue="false" showtime="false" tagtype="mini-datepicker" datetimetype="mini-datepicker" mindate="" maxdate="" data-options="{"minDate":"","maxDate":"","showStyle":"rung","dateScope":"false","manyDateScope":"false","nowDateAfter":"false","dateFixedScope":"false","workDate":"false","emptytext":""}" showsignaturedateformat="rung" type="mini-datepicker" ziti="MicrosoftYaHei" zihao="fourteen" emptytext=""/><br/> 39 </td> 40 </tr> 41 <tr> 42 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="129.33333333333334" valign="middle" align="center"> 43 联系电话 44 </td> 45 <td style="border-color: rgb(38, 38, 38);" width="145.33333333333334" valign="middle" align="center"> 46 <input class="mini-textbox" choosevalue="other" required="true" fieldtype="ordinary" allowinput="true" isshowonlist="1" datasourcetype="url" fldorder="4" enfield="LXDH" cnfield="联系电话" adaptive="true" multiselect="false" style="width: 100%;" showclearbutton="false" allowlimitvalue="false" maxlength="200" data-options="{"id":"LXDH","type":"COUNTDAY"}" type="mini-textbox" ziti="MicrosoftYaHei" zihao="fourteen"/><br/> 47 </td> 48 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="109.33333333333333" valign="middle" align="center"> 49 专业负责人 50 </td> 51 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="188.33333333333334" valign="middle" align="center"> 52 <input class="mini-combobox" choosevalue="other" required="true" fieldtype="ordinary" allowinput="true" isshowonlist="1" datasourcetype="url" fldorder="5" enfield="ZYFZR" cnfield="专业负责人" adaptive="true" multiselect="false" style="width: 100%; height: 100% !important ;" showclearbutton="false" allowlimitvalue="false" textfield="ZYFZR" valuefield="ZYFZRGH" valuefromselect="true" data-options="{"id":"ZYFZR","type":"COUNTDAY"}"/><br/> 53 </td> 54 </tr> 55 <tr> 56 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="129.33333333333334" valign="middle" align="center"> 57 实习课程号 58 </td> 59 <td style="border-color: rgb(38, 38, 38);" width="140.33333333333334" valign="middle" align="center"> 60 <input class="mini-textbox" choosevalue="other" required="true" fieldtype="ordinary" allowinput="true" isshowonlist="1" datasourcetype="url" fldorder="6" enfield="SXKCH" cnfield="实习课程号" adaptive="true" multiselect="false" style="width: 100%;" showclearbutton="false" allowlimitvalue="false" maxlength="200" data-options="{"id":"SXKCH","type":"COUNTDAY"}" type="mini-textbox" ziti="MicrosoftYaHei" zihao="fourteen" datasourceurl="" linkageurl="/queryservice/query.htm?snumber=CXSXKCXX&SXKCH=INPUTVALUE" value="" relatefield_1="cnfield=实习课程名;enfield=SXKCM;datatype=value;icon=;key=SXKCM;"/><br/> 61 </td> 62 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="109.33333333333333" valign="middle" align="center"> 63 实习课程名 64 </td> 65 <td style="border-color: rgb(38, 38, 38);" width="188.33333333333334" valign="middle" align="center"> 66 <input class="mini-textbox" choosevalue="other" required="true" fieldtype="ordinary" allowinput="true" isshowonlist="1" datasourcetype="url" fldorder="7" enfield="SXKCM" cnfield="实习课程名" adaptive="true" multiselect="false" style="width: 100%;" showclearbutton="false" allowlimitvalue="false" maxlength="200" data-options="{"id":"SXKCM","type":"COUNTDAY"}" type="mini-textbox" ziti="MicrosoftYaHei" zihao="fourteen"/><br/> 67 </td> 68 </tr> 69 <tr> 70 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="269" valign="middle" height="27" align="center"> 71 学生所在二级学院 72 </td> 73 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" rowspan="1" colspan="3" valign="middle" height="27" align="center"> 74 <input class="mini-combobox" choosevalue="other" required="true" fieldtype="ordinary" allowinput="true" isshowonlist="1" datasourcetype="url" fldorder="8" enfield="SZXY" cnfield="学生所在二级学院" adaptive="true" multiselect="false" style="width: 100%; height: 100% !important ;" showclearbutton="false" allowlimitvalue="false" textfield="ORGNAME" valuefield="ORGNAME" valuefromselect="true" data-options="{"id":"SZXY","type":"COUNTDAY"}" datasourceurl="/queryservice/query.htm?snumber=CXXSXY"/><br/> 75 </td> 76 </tr> 77 <tr> 78 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" rowspan="1" colspan="4" valign="middle" height="27" align="center"> 79 <strong>实习学生名单</strong><br/> 80 </td> 81 </tr> 82 <tr> 83 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" rowspan="1" colspan="4" valign="middle" height="27" align="center"> 84 <img src="../../resources/images/flow/datagrid.png" datagrid_style="width: 100%; height: 200px;" datagrid_class="mini-datagrid" datagrid_idfield="id" datagrid_showpager="false" datagrid_fldorder="9" datagrid_cnfield="实习学生名单" datagrid_enfield="SXXSMD" showaddbtn="true" showdelbtn="true" showinbtn="false" showupbtn="true" showdownbtn="true" maxgridrows="500" loadcontext="true" shownumber="false" adaptive="true" datagridfield_1="class=mini-textbox;field=XH;name=学号;required=true;align=left;allowinput=true;allowsort=true;maxLength=200;emptytext=;stylewidth=80;stylewidthtype=%;linkageurl=;reactionData=%5B%5D;vtype=undefined;choosevalue=other;" stylewidth="80" stylewidthtype="%" fieldname_1="学号" datagridfield_2="class=mini-textbox;field=XM;name=姓名;required=false;align=left;allowinput=true;allowsort=true;maxLength=200;emptytext=;stylewidth=80;stylewidthtype=%;linkageurl=;reactionData=%5B%5D;vtype=undefined;choosevalue=other;" fieldname_2="姓名" required="true" datagridfield_3="class=mini-textbox;field=ZY;name=专业;required=false;align=left;allowinput=true;allowsort=true;maxLength=200;emptytext=;stylewidth=80;stylewidthtype=%;linkageurl=;reactionData=%5B%5D;vtype=undefined;choosevalue=other;" fieldname_3="专业" datagridfield_4="class=mini-textbox;field=BJ;name=班级;required=false;align=left;allowinput=true;allowsort=true;maxLength=200;emptytext=;stylewidth=80;stylewidthtype=%;linkageurl=;reactionData=%5B%5D;vtype=undefined;choosevalue=other;" fieldname_4="班级" datagridfield_5="class=mini-combobox;field=SXXZ;name=实习性质;align=left;required=true;multiselect=false;allowinput=true;allowsort=true;datasourcetype=data;data=[{"id":"分散","text":"分散","_id":1,"_uid":1,"_state":"modified"},{"id":"集中","text":"集中","_id":2,"_uid":2,"_state":"modified"}];valuefield=id;textfield=text;fromEnfield=;emptytext=;stylewidth=80;stylewidthtype=%;linkageurl=;reactionData=%5B%5D;choosevalue=other;" name="未定义列" field="HT44EB6B" data="[{"id":"是","text":"是","_id":1,"_uid":1,"_state":"modified"},{"id":"否","text":"否","_id":2,"_uid":2,"_state":"modified"}]" fieldname_5="实习性质" datagridfield_6="class=mini-combobox;field=SFLX;name=是否离校;align=left;required=false;multiselect=false;allowinput=true;allowsort=true;datasourcetype=data;data=[{"id":"是","text":"是","_id":1,"_uid":1,"_state":"modified"},{"id":"否","text":"否","_id":2,"_uid":2,"_state":"modified"}];valuefield=id;textfield=text;fromEnfield=;emptytext=;stylewidth=80;stylewidthtype=%;linkageurl=;reactionData=%5B%5D;choosevalue=other;" fieldname_6="是否离校" datagridfield_7="class=mini-textbox;field=SXDWMC;name=实习单位名称;required=false;align=left;allowinput=true;allowsort=true;maxLength=200;emptytext=;stylewidth=80;stylewidthtype=%;linkageurl=;reactionData=%5B%5D;vtype=undefined;choosevalue=other;" fieldname_7="实习单位名称" datagridfield_8="class=mini-textbox;field=SXDWDZ;name=实习单位地址（省市县区）;required=false;align=left;allowinput=true;allowsort=true;maxLength=200;emptytext=;stylewidth=80;stylewidthtype=%;linkageurl=;reactionData=%5B%5D;vtype=undefined;choosevalue=other;" fieldname_8="实习单位地址（省市县区）" datagridfield_9="class=mini-datepicker;field=SXKSSJ;name=实习开始时间;align=left;required=false;allowinput=true;allowsort=true;showdatetime=1;emptytext=;stylewidth=80;stylewidthtype=%;linkageurl=;reactionData=%5B%5D;choosevalue=OPTIONDATE;" fieldname_9="实习开始时间" datagridfield_10="class=mini-datepicker;field=SXJSSJ;name=实习结束时间;align=left;required=false;allowinput=true;allowsort=true;showdatetime=1;emptytext=;stylewidth=80;stylewidthtype=%;linkageurl=;reactionData=%5B%5D;choosevalue=other;" fieldname_10="实习结束时间" fieldname_11="备注" data-options="{"shownumber":"false","mingridrows":1,"showinbtn":"false","showupbtn":"true"}" mingridrows="1"/><br/> 85 </td> 86 </tr> 87 <tr> 88 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="269" valign="middle" height="27" align="center"> 89 辅导员 90 </td> 91 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="269" valign="middle" height="27" align="center"> 92 <input class="mini-textbox" choosevalue="other" required="true" fieldtype="ordinary" allowinput="true" isshowonlist="1" datasourcetype="url" fldorder="10" enfield="FDYXM" cnfield="辅导员" adaptive="true" multiselect="false" style="width: 100%;" showclearbutton="false" allowlimitvalue="false" maxlength="200" data-options="{"id":"FDYXM","type":"COUNTDAY"}"/><br/> 93 </td> 94 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="269" valign="middle" height="27" align="center"> 95 发起时间<br/> 96 </td> 97 <td style="border-color: rgb(38, 38, 38); word-break: break-all;" width="269" valign="middle" height="27" align="center"> 98 <input class="mini-datepicker" choosevalue="OPRTIONTIME" required="true" fieldtype="ordinary" allowinput="true" isshowonlist="0" datasourcetype="url" fldorder="11" enfield="FQSJ" cnfield="发起时间" adaptive="true" multiselect="false" style="width: 100%;" showclearbutton="false" allowlimitvalue="false" showtime="true" tagtype="mini-datepicker" datetimetype="mini-datetimepicker" mindate="" maxdate="" data-options="{"minDate":"","maxDate":"","showStyle":"chineseDateTime","dateScope":"false","manyDateScope":"false","nowDateAfter":"false","dateFixedScope":"false","workDate":"false","emptytext":""}" showsignaturedateformat="chineseDateTime" emptytext=""/><br/> 99 </td> 100 </tr> 101 </tbody> 102 </table><input class="mini-textbox" choosevalue="other" required="true" fieldtype="ordinary" allowinput="true" isshowonlist="0" datasourcetype="url" fldorder="100" enfield="FDYGH" cnfield="辅导员审批" adaptive="true" multiselect="false" showclearbutton="false" allowlimitvalue="false" maxlength="200" data-options="{"id":"FDYGH","type":"COUNTDAY"}" style="width: 100%;"/> 103 <p style="margin-bottom: 25px; text-align: left;"> 104 <img class="flow-javascript" src="../../style/flow/img/javascript.png" choosevalue="other" enfield="HTA261E6" cnfield="脚本控件" style="width: 18px; height: 18px; display: block;" method="$(function () { 105 mini.get('ZDJSGH').on('valuechanged', valueChanged); 106 mini.get('ZYFZR').on('valuechanged', valueChanged); 107 mini.get('SXKCH').on('valuechanged', valueChanged); 108 mini.get('SZXY').on('valuechanged', valueChanged); 109 var arr = [], arrOfDel = [] , indexArr = 0 110 async function getInputValue(data) { 111 if(data.length == 0){ 112 mini.get('FDYXM').setValue('') 113 mini.get('FDYGH').setValue('') 114 return 115 } 116 data = data.map(item => item.BJ) 117 data.forEach(async (item, index) => { 118 await getData(data, item, index) 119 console.log(indexArr , [...new Set(data)].length) 120 if(indexArr == [...new Set(data)].length){ 121 mini.get('FDYXM').setValue([...new Set(arr.map(item => item['HUMANNAME']))].join(',')) 122 mini.get('FDYGH').setValue([...new Set(arr.map(item => item['HUMANCODE']))].join(',')) 123 arr = [] 124 indexArr = 0 125 } 126 }) 127 } 128 function getData(array, data, index) { 129 return new Promise(function (resolve, reject) { 130 if ((index > 0 && array.filter((item, i) => i < index).some(item => item == data))) { 131 return reject() 132 } 133 $.ajax({ 134 methods: 'GET', 135 url: "${basePath}queryservice/query.htm?snumber=CXFDY&orgname=" + data, 136 success: function (res) { 137 indexArr++ 138 arr = arr.concat(JSON.parse(res)) 139 resolve() 140 }, 141 error: function (err) { 142 reject(err) 143 } 144 }) 145 }) 146 } 147 function valueChanged() { 148 var ZDJSGH = mini.get('ZDJSGH').getValue(); 149 var ZYFZR = mini.get('ZYFZR').getValue(); 150 var SXKCH = mini.get('SXKCH').getValue(); 151 var SZXY = mini.get('SZXY').getValue(); 152 $.ajax({ 153 url: "${basePath}queryservice/query.htm?snumber=CXSXXSXX&ZDJSGH=" + ZDJSGH + "&ZYFZRGH=" + ZYFZR + "&SXKCH=" + SXKCH + "&SZXY=" + SZXY, 154 dataType: "json", 155 success: function (data) { 156 if (Array.isArray(data)) { 157 arrOfDel = JSON.parse(JSON.stringify(data)) 158 mini.get('SXXSMD').setData(data); 159 getInputValue(data) 160 } else { 161 arrOfDel = [] 162 arr = [] 163 indexArr = 0 164 mini.get('FDYXM').setValue('') 165 mini.get('FDYGH').setValue('') 166 mini.get('SXXSMD').setData([]); 167 } 168 }, 169 }); 170 } 171 $('#delbar_SXXSMD').click(function () { 172 if (mini.get('SXXSMD').getData().length == arrOfDel.length) return 173 else indexArr = 0; arr = []; getInputValue(mini.get('SXXSMD').getData()) 174 }) 175 })"/><br/> 176 </p> 177 </div>
表单JS-MINIUI：
$(function () { mini.get('ZDJSGH').on('valuechanged', valueChanged); mini.get('ZYFZR').on('valuechanged', valueChanged); mini.get('SXKCH').on('valuechanged', valueChanged); mini.get('SZXY').on('valuechanged', valueChanged); var arr = [], arrOfDel = [] , indexArr = 0 async function getInputValue(data) { if(data.length == 0){ mini.get('FDYXM').setValue('') mini.get('FDYGH').setValue('') return } data = data.map(item => item.BJ) data.forEach(async (item, index) => { await getData(data, item, index) console.log(indexArr , [...new Set(data)].length) if(indexArr == [...new Set(data)].length){ mini.get('FDYXM').setValue([...new Set(arr.map(item => item['HUMANNAME']))].join(',')) mini.get('FDYGH').setValue([...new Set(arr.map(item => item['HUMANCODE']))].join(',')) arr = [] indexArr = 0 } }) } function getData(array, data, index) { return new Promise(function (resolve, reject) { if ((index > 0 && array.filter((item, i) => i < index).some(item => item == data))) { return reject() } $.ajax({ methods: 'GET', url: "${basePath}queryservice/query.htm?snumber=CXFDY&orgname=" + data, success: function (res) { indexArr++ arr = arr.concat(JSON.parse(res)) resolve() }, error: function (err) { reject(err) } }) }) } function valueChanged() { var ZDJSGH = mini.get('ZDJSGH').getValue(); var ZYFZR = mini.get('ZYFZR').getValue(); var SXKCH = mini.get('SXKCH').getValue(); var SZXY = mini.get('SZXY').getValue(); $.ajax({ url: "${basePath}queryservice/query.htm?snumber=CXSXXSXX&ZDJSGH=" + ZDJSGH + "&ZYFZRGH=" + ZYFZR + "&SXKCH=" + SXKCH + "&SZXY=" + SZXY, dataType: "json", success: function (data) { if (Array.isArray(data)) { arrOfDel = JSON.parse(JSON.stringify(data)) mini.get('SXXSMD').setData(data); getInputValue(data) } else { arrOfDel = [] arr = [] indexArr = 0 mini.get('FDYXM').setValue('') mini.get('FDYGH').setValue('') mini.get('SXXSMD').setData([]); } }, }); } $('#delbar_SXXSMD').click(function () { if (mini.get('SXXSMD').getData().length == arrOfDel.length) return else indexArr = 0; arr = []; getInputValue(mini.get('SXXSMD').getData()) }) })
截图：
