{"remainingRequest":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\artfess-module\\src\\demo\\BasicForm.vue?vue&type=template&id=204c36a6&","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-module\\src\\demo\\BasicForm.vue","mtime":1675232038652},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div>\n  <form data-vv-scope=\"form1\" v-form name=\"online-form\">\n    <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n      <tbody>\n        <tr>\n          <th class=\"group-th\" colspan=\"4\">基础控件演示</th>\n        </tr>\n        <tr v-permit=\"4\">\n          <th width=\"10%\">htTimeSelect：</th>\n          <td width=\"40%\">\n            <ht-time-select v-model=\"data.xxb.timeselect\" validate=\"required\" />\n          </td>\n          <th width=\"10%\">htTimeSelect：</th>\n          <td width=\"40%\">\n            <ht-time-select v-model=\"data.xxb.timeselect2\" permission=\"r\" validate=\"required\" />\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th width=\"10%\">htTimePicker：</th>\n          <td width=\"40%\">\n            <ht-time-picker v-model=\"data.xxb.timepicker\" validate=\"required\" />\n            <pre>{{data.xxb.timepicker}}</pre>\n          </td>\n          <th width=\"10%\">htTimePicker2：</th>\n          <td width=\"40%\">\n            <ht-time-picker v-model=\"data.xxb.timepicker2\" permission=\"r\" validate=\"required\" />\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th width=\"10%\">htCheckbox：</th>\n          <td width=\"40%\">\n            <ht-checkbox\n              v-model=\"data.xxb.htCheckbox\"\n              :options=\"options.ah\"\n              option-layout=\"vertical\"\n              :validate=\"{'required':true}\"\n            />\n          </td>\n          <th width=\"10%\">htCheckbox2：</th>\n          <td width=\"40%\">\n            <ht-checkbox\n              v-model=\"data.xxb.htCheckbox2\"\n              :options=\"options.ah\"\n              option-layout=\"vertical\"\n              permission=\"r\"\n              :validate=\"{'required':true}\"\n            />\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th width=\"10%\">htRadio：</th>\n          <td width=\"40%\">\n            <ht-radio\n              v-model=\"data.xxb.htRadio\"\n              :options=\"[{key:1,value:'是'},{key:0,value:'否'}]\"\n              option-layout=\"vertical\"\n              :validate=\"{'required':true}\"\n            />\n          </td>\n          <th width=\"10%\">htSelect2：</th>\n          <td width=\"40%\">\n            <ht-select\n              v-model=\"data.xxb.htSelect\"\n              :options=\"[{'key': 0, 'value':'禁用'},{'key': 1, 'value':'启用'}]\"\n              :validate=\"{'required':true}\"\n            />\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n      <tbody>\n        <tr>\n          <th class=\"group-th\" colspan=\"4\">基础表单</th>\n        </tr>\n        <tr v-permit=\"4\">\n          <th width=\"10%\" v-if=\"permission.fields.grxx.xm!='n'\">\n            <span v-if=\"permission.fields.grxx.xm=='b'\">*</span>\n            姓名：\n          </th>\n          <td width=\"40%\" v-if=\"permission.fields.grxx.xm!='n'\">\n            <ht-input\n              v-model=\"data.xxb.xm\"\n              :permission=\"permission.fields.grxx.xm\"\n              :validate=\"validate.xm\"\n              :readonly-format=\"readonlyFormat\"\n              placeholder=\"请输入您的姓名\"\n            />\n          </td>\n          <th width=\"10%\" v-if=\"permission.fields.grxx.xb!='n'\">\n            <span v-if=\"permission.fields.grxx.xb=='b'\">*</span>\n            性别：\n          </th>\n          <td width=\"40%\" v-if=\"permission.fields.grxx.xb!='n'\">\n            <ht-radio\n              v-model=\"data.xxb.xb\"\n              option-layout=\"vertical\"\n              permission=\"w\"\n              :options=\"options.xb\"\n              :props=\"{key:'code',value:'desc'}\"\n            />\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th width=\"10%\">爱好：</th>\n          <td width=\"40%\">\n            <ht-checkbox\n              v-model=\"data.xxb.ah\"\n              :options=\"options.ah\"\n              option-layout=\"vertical\"\n              :min=\"1\"\n              :max=\"3\"\n              :linkage=\"[{'value':'1','effect':[{'target':'permission.fields.grxx.xm', 'type': '=','value':'w'},{'target': 'validate.xm', 'type': '+', 'value': {'mobile':true}}]},{'value':'2','effect':[{'target': 'validate.xm', 'type': '-', 'value': 'required'}]}]\"\n              :permission=\"permission.fields.grxx.ah\"\n              :validate=\"{'required':false}\"\n            />\n          </td>\n          <th width=\"10%\">家庭住址：</th>\n          <td width=\"40%\">\n            <ht-input\n              type=\"textarea\"\n              v-model=\"data.xxb.jtzz\"\n              :validate=\"{method: {callback: callback, message: '校验失败，必须输入test。'}}\"\n              permission=\"w\"\n            />\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th width=\"10%\">出生日期：</th>\n          <td>\n            <ht-date\n              v-model=\"data.xxb.csrq\"\n              :validate=\"{'required':true,'isEnd':data.xxb.bysj}\"\n              format=\"hh:mm:ss\"\n              :show-date=\"true\"\n              :day=\"-3\"\n            />\n          </td>\n          <th>毕业时间：</th>\n          <td>\n            <ht-date\n              v-model=\"data.xxb.bysj\"\n              name=\"bysj\"\n              format=\"yyyy-MM-dd HH:mm:ss\"\n            \n            />\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th>毕业时年龄（天）：</th>\n          <td>\n            <ht-input\n              v-model=\"data.xxb.bynl\"\n              :date-calc-exp=\"{'start':'data.xxb.csrq','end':'data.xxb.bysj','diffType':'day'}\"\n            />\n          </td>\n          <th>毕业时年龄：</th>\n          <td>\n            <ht-input v-model=\"data.xxb.bynly\" math-exp=\"{毕业时年龄天(data.xxb.bynl)}/365\" />\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th>下拉异步只读：</th>\n          <td>\n            <ht-select\n              v-model=\"data.xxb.zyd\"\n              :options=\"options.zy\"\n              :remote-method=\"handleSelectOptions\"\n              permission=\"r\"\n              :validate=\"{'required':true}\"\n              :linkage=\"{value: '2', effect: [{target:'permission.fields.grxx.ah', type:'=', value: 'r'}]}\"\n            ></ht-select>\n          </td>\n          <th>htSelect默认用法固定选项只读：</th>\n          <td>\n            <ht-select\n              v-model=\"data.xxb.zyc\"\n              :options=\"options.zy2\"\n              multiple\n              permission=\"r\"\n            ></ht-select>\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th>htSelect默认用法：</th>\n          <td>\n            <ht-select\n              v-model=\"data.xxb.zyb\"\n              :options=\"options.zy\"\n              :remote-method=\"handleSelectOptions\"\n              multiple\n              :validate=\"{'required':true}\"\n              :linkage=\"{value: '2', effect: [{target:'permission.fields.grxx.ah', type:'=', value: 'r'}]}\"\n            ></ht-select>\n          </td>\n          <th>select默认插槽用法：</th>\n          <td>\n            <ht-select\n              v-model=\"data.xxb.zya\"\n              :options=\"[{key:'a',value:'a',children:[ {key:'1',value:'医生'},{key:'2',value:'护士'}]},{key:'水果',value:'水果',children:[ {key:'a',value:'苹果'},{key:'b',value:'香蕉'}]}]\"\n              :validate=\"{'required':true}\"\n              :linkage=\"{value: '2', effect: [{target:'permission.fields.grxx.ah', type:'=', value: 'r'}]}\"\n            >\n              <template slot-scope=\"{ options }\">\n                <el-option-group v-for=\"group in options\" :key=\"group.key\" :label=\"group.value\">\n                  <el-option\n                    v-for=\"item in group.children\"\n                    :key=\"item.key\"\n                    :label=\"item.value\"\n                    :value=\"item.key\"\n                  ></el-option>\n                </el-option-group>\n              </template>\n            </ht-select>\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th>职业（分组）：</th>\n          <td>\n            <ht-select\n              v-model=\"data.xxb.zy\"\n              :options=\"[{key:'a',value:'a',children:[ {key:'1',value:'医生'},{key:'2',value:'护士'}]},{key:'水果',value:'水果',children:[ {key:'a',value:'苹果'},{key:'b',value:'香蕉'}]}]\"\n              :validate=\"{'required':true}\"\n              multiple\n              permission=\"r\"\n              :linkage=\"{value: '2', effect: [{target:'permission.fields.grxx.ah', type:'=', value: 'r'}]}\"\n            >\n              <template slot-scope=\"{ options,propKey,propValue }\">\n                <el-option-group v-for=\"group in options\" :key=\"group.key\" :label=\"group.value\">\n                  <el-option\n                    v-for=\"item in group.children\"\n                    :key=\"item[propKey]\"\n                    :label=\"item[propValue]\"\n                    :value=\"item[propKey]\"\n                  ></el-option>\n                </el-option-group>\n              </template>\n            </ht-select>\n          </td>\n          <th>职业2 htselect slot：</th>\n          <td>\n            <ht-select\n              v-model=\"data.xxb.zye\"\n              :options=\"options.zy\"\n              :remote-method=\"handleSelectOptions\"\n              :validate=\"{'required':true}\"\n              :linkage=\"{value: '2', effect: [{target:'permission.fields.grxx.ah', type:'=', value: 'r'}]}\"\n            />\n            <el-button\n              size=\"small\"\n              style=\"margin-left:10px\"\n              type=\"danger\"\n              @click=\"clearSelectOptions\"\n            >清空下拉框选项</el-button>\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th>附件资料：</th>\n          <td>\n            <ht-file\n              v-model=\"data.xxb.fjzl\"\n              :previewable=\"false\"\n              permission=\"w\"\n              :column-show=\"{fileType:false,fileSize:false}\"\n              :size=\"100\"\n              :limit=\"2\"\n              :validate=\"{'required':true}\"\n              :propConfList='[{\"name\":\"prop1\",\"desc\":\"test1\"},{\"name\":\"prop2\",\"desc\":\"test2\"},{\"name\":\"prop3\"},{\"name\":\"prop4\"},{\"name\":\"prop5\"},{\"name\":\"prop6\"}]'\n            />\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th>所在维度：</th>\n          <td>\n            <my-demension\n              v-model=\"data.xxb.szwd\"\n              permission=\"w\"\n              :config=\"{id:'data.xxb.szwdId',code: 'data.xxb.szwdCode'}\"\n              placeholder=\"选择你所在的维度\"\n            />\n          </td>\n          <th width=\"10%\">合计：</th>\n          <td>\n            <ht-input\n              v-model=\"data.xxb.hj\"\n              multiple\n              math-exp=\"FormMath.convertCurrency(FormMath.sum([{小计(data.xxb.sub_bxxx.xj)}]))\"\n            />\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th>角色选择：</th>\n          <td>\n            <my-role-selector\n              v-model=\"data.xxb.roles\"\n              permission=\"w\"\n              :config=\"{id:'data.xxb.roleId',code: 'data.xxb.roleCode'}\"\n              placeholder=\"请选择\"\n            />\n          </td>\n          <th width=\"10%\">用户选择：</th>\n          <td>\n            <my-user-selector\n              v-model=\"data.xxb.users\"\n              permission=\"w\"\n              :config=\"{id:'data.xxb.userIds',fullname: 'data.xxb.userFullnames',account: 'data.xxb.userAccounts'}\"\n              placeholder=\"请选择\"\n            />\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th>时间选择（分）：</th>\n          <td>\n            <ht-duration v-model=\"data.xxb.second\" placeholder=\"请选择\" validate=\"required\" />\n          </td>\n          <th width=\"10%\">时间选择（秒）：</th>\n          <td>\n            <ht-duration\n              type=\"second\"\n              v-model=\"data.xxb.second2\"\n              placeholder=\"请选择\"\n              validate=\"required\"\n            />\n            <el-button type=\"button\" @click=\"data.xxb.second2=0\">second2</el-button>\n          </td>\n        </tr>\n        <tr v-permit=\"4\">\n          <th>价格1：</th>\n          <td>\n            <ht-input v-model=\"data.xxb.price1\" />\n            <ht-input v-model=\"data.xxb.price2\" />\n          </td>\n          <th width=\"10%\">总价：</th>\n          <td>\n            <ht-input\n              v-model=\"data.xxb.price3\"\n              math-exp=\"{数字1(data.xxb.price1)}+{数字2(data.xxb.price2)}\"\n            />\n          </td>\n        </tr>\n\n        <tr>\n          <th class=\"group-th\" colspan=\"4\">子表</th>\n        </tr>\n        <tr>\n          <td colspan=\"4\">\n            <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n              <thead>\n                <tr class=\"sub-table-header\">\n                  <th>报销项目</th>\n                  <th>单价</th>\n                  <th>数量</th>\n                  <th>小计</th>\n                  <th>开始时间</th>\n                  <th>结束时间</th>\n                  <th width=\"150\">持续时间(分钟)</th>\n                  <th width=\"180\">操作</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr\n                  v-for=\"(item, index) in data.xxb.sub_bxxx\"\n                  :key=\"index\"\n                  :data-index=\"index\"\n                  data-subname=\"data.xxb.sub_bxxx\"\n                >\n                  <td>\n                    <my-demension\n                      v-model=\"item.bxxm\"\n                      :config=\"{id:'item.dj',code: 'item.sl'}\"\n                      placeholder=\"选择你所在的维度\"\n                    />\n                  </td>\n                  <td>\n                    <ht-input v-model=\"item.dj\" />\n                  </td>\n                  <td>\n                    <ht-input v-model=\"item.sl\" />\n                  </td>\n                  <td>\n                    <ht-input v-model=\"item.xj\" math-exp=\"{单价(item.dj)}*{数量(item.sl)}\" />\n                  </td>\n                  <td>\n                    <ht-date\n                      v-model=\"item.begin\"\n                      format=\"yyyy-MM-dd\"\n                      :validate=\"{'required':true,'isEnd':'itemEnd'}\"\n                    />\n                  </td>\n                  <td>\n                    <ht-date v-model=\"item.end\" format=\"yyyy-MM-dd\" name=\"itemEnd\" />\n                  </td>\n                  <td>\n                    <ht-input\n                      v-model=\"item.cxsj\"\n                      :date-calc-exp=\"{'start':'item.begin','end':'item.end','diffType':'minute'}\"\n                    />\n                  </td>\n                  <td class=\"trash\">\n                    <el-button size=\"small\" type=\"text\" @click=\"data.xxb.sub_bxxx.remove(item)\">删除</el-button>\n                    <el-button\n                      size=\"small\"\n                      type=\"text\"\n                      @click=\"move(data.xxb.sub_bxxx, item, 'up')\"\n                    >上移</el-button>\n                    <el-button\n                      size=\"small\"\n                      type=\"text\"\n                      @click=\"move(data.xxb.sub_bxxx, item, 'down')\"\n                    >下移</el-button>\n                    <el-button\n                      size=\"small\"\n                      type=\"text\"\n                      @click=\"data.xxb.sub_bxxx.push({...item})\"\n                    >复制</el-button>\n                  </td>\n                </tr>\n              </tbody>\n              <tfoot>\n                <tr>\n                  <td colspan=\"15\">\n                    <el-button\n                      size=\"small\"\n                      type=\"text\"\n                      icon=\"el-icon-plus\"\n                      @click=\"data.xxb.sub_bxxx.push({})\"\n                    >添加</el-button>\n                  </td>\n                </tr>\n              </tfoot>\n            </table>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </form>\n  <pre>{{data}}</pre>\n  <el-button\n    style=\"margin-top: 20px\"\n    :loading=\"loading\"\n    size=\"small\"\n    type=\"primary\"\n    @click=\"submit\"\n  >提交</el-button>\n</div>\n",null]}