{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\form\\ValidataProperty.vue?vue&type=template&id=cc92c9ae&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\form\\ValidataProperty.vue","mtime":1675071992022},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div>\n  <ht-form-item label-width=\"300px;\">\n    <draggable\n      tag=\"ul\"\n      class=\"column-ul\"\n      :list=\"data.options.validateList\"\n      v-bind=\"{\n        group: { name: 'options' },\n        ghostClass: 'ghost',\n        handle: '.drag-item'\n      }\"\n      @end=\"end\"\n      handle=\".drag-item\"\n    >\n      <li v-for=\"(item, index) in data.options.validateList\" :key=\"index\">\n        <i class=\"drag-item icon-draggable\"></i>\n        <ht-select\n          v-model=\"item.key\"\n          :options=\"validateList\"\n          :props=\"{ key: 'key', value: 'name' }\"\n          placeholder=\"请选择\"\n          validate=\"required\"\n          name=\"validatorSelect\"\n          @change=\"changeValidate(item)\"\n          style=\"width: 120px;margin-left: 5px;\"\n        >\n        </ht-select>\n\n        <el-button\n          class=\"el-icon-edit\"\n          @click=\"methodClick(index)\"\n          v-if=\"item.inputType == 'button'\"\n          style=\"margin-left: 5px;\"\n          >编写方法</el-button\n        >\n        <ht-input\n          @input=\"appendValidate(item)\"\n          name=\"validatorValue\"\n          v-model=\"item.start\"\n          validate=\"required\"\n          v-if=\"item.inputType == 'twoInput'\"\n          style=\"width: 60px;margin-left: 5px;\"\n        />\n        <ht-input\n          @input=\"appendValidate(item)\"\n          name=\"validatorValue\"\n          v-model=\"item.end\"\n          validate=\"required\"\n          v-if=\"item.inputType == 'twoInput'\"\n          style=\"width: 60px;margin-left: 5px;\"\n        />\n        <ht-input\n          @input=\"appendValidate(item)\"\n          name=\"validatorValue\"\n          v-model=\"item.value\"\n          validate=\"required\"\n          v-if=\"item.inputType == 'input'\"\n          style=\"width: 120px;margin-left: 5px;\"\n        />\n        <ht-select\n          :validate=\"item.key == 'row_unique'?'':required\"\n          v-model=\"item.value\"\n          :options=\"boData\"\n          :multiple=\"item.key == 'row_unique'?true:false\"\n          :props=\"{ key: 'name', value: 'desc' }\"\n          @change=\"appendValidate(item)\"\n          name=\"validatorSelectInput\"\n          v-if=\"item.inputType == 'select' || item.key == 'row_unique'\"\n          style=\"width: 120px;margin-left: 5px;\"\n        >\n        <el-tooltip  content=\"多个字段组合进行唯一校验时，字段名用逗号分隔。不填则只校验当前字段\">\n          <i style=\"margin-right: -10px;\" class=\"property-tip icon-question\" />\n        </el-tooltip>\n          <template slot-scope=\"{ options, propKey, propValue }\">\n            <el-option-group\n              v-for=\"group in options\"\n              :key=\"group.name\"\n              :label=\"group.desc\"\n            >\n              <el-option\n                v-for=\"obj in filterBoAttr(group.children)\"\n                :key=\"'data.' + group.path + '.' + obj[propKey]\"\n                :label=\"obj[propValue]\"\n                :value=\"'data.' + group.path + '.' + obj[propKey]\"\n              ></el-option>\n            </el-option-group>\n          </template>\n        </ht-select>\n\n        <el-button\n          v-if=\"index == requiredIndex\"\n          circle\n          disabled\n          plain\n          class=\"grid-remove-button\"\n          type=\"danger\"\n          size=\"mini\"\n          icon=\"el-icon-minus\"\n        ></el-button>\n        <el-button\n          v-else\n          @click=\"removeValidata(index)\"\n          circle\n          plain\n          class=\"grid-remove-button\"\n          type=\"danger\"\n          size=\"mini\"\n          icon=\"el-icon-minus\"\n        ></el-button>\n      </li>\n    </draggable>\n    <div v-if=\"isAddValidata\" style=\"margin-left: 22px;width:100%\">\n      <div style=\"float:left;\">\n        <el-tooltip effect=\"light\">\n                  <div slot=\"content\">\n                      <h3>校验规则：</h3>\n                      <div style=\"margin-top: 15px;margin-bottom: 25px;\">\n                        <span style=\"color:red\">*正则表达式：</span>\n                      <span>两个参数，第一个参数为正则表达式，第二个参数为校验未通过时的提示信息</span>\n                      <br>\n                      <span style=\"color:red\">例如：</span>\n                      <span>\"^[0-9]+$\",\"校验失败，请输入数字\"</span>\n                      <br>\n                      <span style=\"color:red\">注意：</span>\n                      <span>字符串格式的表达式以英文逗号‘,’来分割参数</span>\n                      </div>\n                  </div>\n                  <i class=\"property-tip icon-question\" />\n                </el-tooltip>\n        <el-button type=\"text\" @click=\"addValidata\">添加校验规则</el-button>\n      </div>\n      <div style=\"float:right\">\n        <!-- <el-popover\n          placement=\"bottom\"\n          title=\"校验规则\"\n          width=\"520\"\n          trigger=\"hover\"\n        >\n        \n          <div style=\"margin-top: 15px;margin-bottom: 25px;\">\n            <code>\n              <span style=\"color: red;margin-left: 15px;\">*正则表达式：</span>\n              <span>两个参数，第一个参数为正则表达式，第二个参数为校验未通过时的提示信息</span>\n              <br />\n              <span style=\"color: red;margin-left: 25px;\">例如：</span>\n              <span>^[0-9]+$,校验失败，请输入数字</span>\n              <br />\n              <span style=\"color: red;margin-left: 25px;\">注意：</span>\n              <span>字符串格式的表达式以英文逗号`,`来分割参数</span>\n            </code>\n          </div>\n          <el-button type=\"text\" slot=\"reference\">规则说明</el-button>\n        </el-popover> -->\n      </div>\n    </div>\n  </ht-form-item>\n\n  <el-dialog\n    title=\"方法校验\"\n    :visible.sync=\"dialogMethodVisible\"\n    append-to-body\n    class=\"urgent-text\"\n    :close-on-click-modal=\"false\"\n  >\n    <div style=\"margin-top: 15px;margin-bottom: 25px;\">\n      <code>\n        <span style=\"color: red;margin-left: 15px;\"\n          >编辑的脚本内容会直接填充到function(value,data){...}里面；value\n          是当前控件输入值 data是表单数据对象</span\n        >\n        <br />\n        <span style=\"color: red;margin-left: 15px;\"\n          >如需使用到表单BO数据例：data.实体表名.实体表字段(可以直接选择表单变量)</span\n        >\n        <br />\n        <span style=\"color: red;margin-left: 15px;\"\n          >返回true 校验通过 false 校验不通过</span\n        >\n        <br />\n        <span style=\"color: red;margin-left: 15px;\"\n          >返回值也可以是一个对象 {valid:true} 或者\n          {valid:false,data:{message: i18n.t(\"login.login\") }}\n          使用国际化的方式</span\n        >\n        <br />\n        <span style=\"color: red;margin-left: 15px;\"\n          >返回值也可以是一个对象 {valid:false,data:{message:\n          \"身份证号和出生日期不一致，请重新填写\" }}</span\n        >\n        <br />\n        <span style=\"color: red;margin-left: 15px;\"\n          >例如： if(data.jasonBo.fieldName == value ){ return true; }else{\n          return false;}</span\n        >\n      </code>\n    </div>\n    <ht-form-item label=\"表单变量\" label-width>\n      <ht-select\n        clearable\n        placeholder=\"选择表单变量\"\n        v-model=\"diyScript\"\n        :options=\"boData\"\n        :props=\"{ key: 'name', value: 'desc' }\"\n        @change=\"diyScriptChange\"\n      >\n        <template slot-scope=\"{ options }\">\n          <el-option-group\n            v-for=\"(group, idenx) in options\"\n            :key=\"idenx\"\n            :label=\"group.desc\"\n          >\n            <el-option\n              v-for=\"item in group.children\"\n              :key=\"item.id\"\n              :label=\"item.desc\"\n              :value=\"'data.' + item.path + '.' + item.name\"\n            ></el-option>\n          </el-option-group>\n        </template>\n      </ht-select>\n    </ht-form-item>\n    <div style=\"width: 100%;height:100%;\">\n      <codemirror\n        ref=\"scriptText\"\n        v-model=\"toolmethod\"\n        :options=\"cmOptions\"\n        class=\"code\"\n        style=\"width: 99%;height:100%;\"\n      ></codemirror>\n    </div>\n    <!-- <vue-ueditor-wrap v-model=\"toolmethod\"></vue-ueditor-wrap>-->\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"methodOk()\">确 定</el-button>\n      <el-button @click=\"dialogMethodVisible = false\">取 消</el-button>\n    </div>\n  </el-dialog>\n</div>\n",null]}