{"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\\BasicsProperty.vue?vue&type=template&id=50f63064&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\form\\BasicsProperty.vue","mtime":1675071991960},{"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<el-form data-vv-scope=\"field\" size=\"small\" inline>\n  <!-- 子表联动设置 目前只支持单行文本框配置 -->\n  <template v-if=\"(field.ctrlType == 'input' || field.ctrlType == 'button') &&  field.parentNodeType == 'sub' \" >\n    <ht-form-item label=\"显示设置\" label-width=\"100px\" style=\"margin-bottom: -10px;\">\n      <template slot=\"label\">\n        <el-tooltip content=\"为true时,绑定字段显示\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n        <span>显示设置</span>\n      </template>\n      <ht-select\n        clearable\n        v-model=\"field.options.showCondition.target\"\n        :options=\"mainBoFields\"\n        :props=\"{ key: 'name', value: 'desc' }\"\n        filterable\n        style=\"width:100px\"\n        @change=\"changeShowCondition\"\n      >\n        <template slot-scope=\"{ options, propKey, propValue }\">\n          <el-option-group v-for=\"group in options\" :key=\"group.name\" :label=\"group.desc\">\n            <el-option\n              v-for=\"item in group.children.filter(obj => {\n                return filterFields(obj);\n              })\"\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      <ht-input  style=\"width:100px\" v-model=\"field.options.showCondition.value\"  placeholder=\"请输入值\" />\n    </ht-form-item>\n    <pre style=\"color:red;\"><span v-if=\"field.options.showCondition.fieldPath\">{{field.options.showCondition.fieldPath+'=='+field.options.showCondition.value}}</span> 为true时，显示绑定的字段</pre>\n  </template>\n  <!-- 下拉框基本属性 -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'selectConfig')\">\n    <ht-form-item label label-width=\"100px\">\n      <el-checkbox-button\n        v-model=\"field.options.multiple\"\n        label=\"isMultiple\"\n        v-if=\"\n          field.ctrlType != 'eip-cascader' && field.ctrlType != 'autocomplete'\n        \"\n      >是否多选</el-checkbox-button>\n    <el-checkbox-button\n        v-if=\"field.ctrlType == 'dropdown' && field.options.multiple\"\n        v-model=\"field.options.cascade\"\n        label=\"cascade\"\n      >父子节点级联选中</el-checkbox-button>\n\n      <el-checkbox-button\n        v-model=\"field.options.filterable\"\n        label=\"filterable\"\n        v-if=\"\n          field.ctrlType != 'eip-cascader' && field.ctrlType != 'autocomplete'\n        \"\n      >是否可搜索</el-checkbox-button>\n      <el-checkbox-button\n        v-if=\"field.options.filterable && field.ctrlType != 'dropdown'\"\n        v-model=\"field.options.allowCreate\"\n        label=\"allowCreate\"\n      >是否可创建条目</el-checkbox-button>\n\n    </ht-form-item>\n  </template>\n\n  <!-- 下拉框 下拉树固态|动态选项配置 choiceType -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'choiceType')\">\n    <ht-form-item label=\"选项配置\" label-width=\"100px\" style=\"margin-bottom:0px;margin-right:0px;\">\n      <el-checkbox\n        v-if=\"\n          field.options.type == 'radio' || field.options.type == 'checkbox'\n        \"\n        v-model=\"field.options.inline\"\n      >\n        换行显示\n        <el-tooltip content=\"是否换行显示\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n      </el-checkbox>\n      <span v-else style=\"margin-left:96px\"></span>\n      <el-radio-group\n        @change=\"dynamicClick\"\n        v-model=\"field.options.choiceType\"\n        size=\"mini\"\n        class=\"btn-radio\"\n      >\n        <el-radio-button\n          label=\"static\"\n          :disabled=\"\n            field.ctrlType == 'cascader' ||\n              field.ctrlType == 'dropdown' ||\n              field.ctrlType == 'eip-cascader'\n          \"\n        >固定选项</el-radio-button>\n        <el-radio-button label=\"dynamic\">动态选项</el-radio-button>\n      </el-radio-group>\n    </ht-form-item>\n    <div v-if=\"field.options.choiceType == 'static'\">\n      <table class=\"form-table choiceType-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody v-if=\"field.ctrlType == 'autocomplete'\">\n          <tr class=\"linkageTable-tr\">\n            <td>选项配置</td>\n            <td style=\"width: 60px;\">\n              操作\n              <el-button\n                class=\"btn-padding\"\n                icon=\"el-icon-plus\"\n                @click=\"field.options.options.push({ value: '' })\"\n              ></el-button>\n            </td>\n          </tr>\n          <tr v-for=\"(item, index) in field.options.options\" :key=\"index\">\n            <td>\n              <el-input size=\"mini\" placeholder=\"请填写输入建议\" v-model=\"item.value\"></el-input>\n            </td>\n            <td style=\"text-align: center;\">\n              <el-button\n                class=\"btn-padding\"\n                style=\"margin-left:0px;\"\n                icon=\"el-icon-delete\"\n                @click=\"field.options.options.remove(item)\"\n              ></el-button>\n            </td>\n          </tr>\n        </tbody>\n        <tbody v-else>\n          <tr class=\"linkageTable-tr\">\n            <td style=\"width: 100px;\">选项值</td>\n            <td>选项标签</td>\n            <td style=\"width: 60px;\">\n              操作\n              <el-button\n                class=\"btn-padding\"\n                icon=\"el-icon-plus\"\n                @click=\"field.options.options.push({ key: '', value: '' })\"\n              ></el-button>\n            </td>\n          </tr>\n          <tr v-for=\"(item, index) in field.options.options\" :key=\"index\">\n            <td>\n              <el-input size=\"mini\" placeholder=\"选项值\" v-model=\"item.key\"></el-input>\n            </td>\n            <td>\n              <el-input size=\"mini\" placeholder=\"选项标签\" v-model=\"item.value\"></el-input>\n            </td>\n            <td style=\"text-align: center;\">\n              <el-button\n                class=\"btn-padding\"\n                style=\"margin-left:0px;\"\n                icon=\"el-icon-delete\"\n                @click=\"field.options.options.remove(item)\"\n              ></el-button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n    <div v-if=\"field.options.choiceType == 'dynamic'\" class=\"customQuery-inputs\">\n      <!-- 获取单选复选控件动态值选项 @change=\"setCurrentCustomQuery()\"-->\n      <ht-load-data\n        url=\"/form/customQuery/v1/list\"\n        requestMethod=\"post\"\n        context=\"form\"\n        @after-load-data=\"afterCustomQueryLoadData\"\n      ></ht-load-data>\n      <ht-select\n        clearable\n        filterable\n        @change=\"setCurrentCustomQuery()\"\n        v-model=\"field.options.customQuery.alias\"\n        :options=\"customQuerys\"\n        :props=\"{ key: 'alias', value: 'name' }\"\n      />\n      <ht-form-item\n        label\n        label-width\n        v-if=\"field.options.bind && field.options.bind.length > 0\"\n        class=\"basics-property\"\n      >\n        <template slot=\"label\">\n          <el-tooltip content=\"自定义查询需要的参数传入\">\n            <i class=\"property-tip icon-question\" />\n          </el-tooltip>\n          <span>参数绑定</span>\n        </template>\n        <template v-if=\"field.ctrlType == 'eip-cascader'\">\n          <table class=\"form-table custDialog-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n            <tbody>\n              <tr class=\"linkageTable-tr\">\n                <td width=\"100px;\">参数名</td>\n                <td>取值对象</td>\n              </tr>\n              <tr\n                class=\"linkageTable-tr\"\n                style=\"text-align: center;\"\n                v-for=\"(bind, indexBind) in field.options.bind\"\n                :key=\"indexBind\"\n              >\n                <td>{{ bind.comment }}</td>\n                <td>\n                  <ht-select\n                    clearable\n                    v-model=\"bind.fieldPath\"\n                    :options=\"field.options.customQuery.resultfield\"\n                    :props=\"{ key: 'field', value: 'comment' }\"\n                  ></ht-select>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </template>\n        <template v-else>\n          <table class=\"form-table custDialog-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n            <tbody>\n              <tr class=\"linkageTable-tr\">\n                <td width=\"100px;\">参数名</td>\n                <td>取值对象</td>\n              </tr>\n              <tr\n                style=\"text-align: center;\"\n                v-for=\"(bind, index) in field.options.bind\"\n                :key=\"index\"\n              >\n                <td>{{ bind.comment }}</td>\n                <td>\n                  <ht-select\n                    clearable\n                    v-model=\"bind.fieldPath\"\n                    :options=\"allBoData\"\n                    :props=\"{ key: 'name', value: 'desc' }\"\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.filter(i => i.name !== field.name)\"\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                </td>\n              </tr>\n            </tbody>\n          </table>\n        </template>\n      </ht-form-item>\n      <ht-form-item label label-width v-if=\"field.ctrlType != 'eip-cascader'\">\n        <el-checkbox v-model=\"field.options.customQuery.noInit\">\n          初始化时不加载选项\n          <el-tooltip>\n            <div slot=\"content\">\n              初始化时不加载动态选项，当展开下拉框时再加载。\n              <br />注意勾选该选项后：\n              <br />1.只读时只会显示下拉框的选项值，不会显示值所对应的标签值；\n              <br />2.下拉框多选、可创建条目时数据不会及时回显。\n            </div>\n            <i class=\"property-tip icon-question\" />\n          </el-tooltip>\n        </el-checkbox>\n      </ht-form-item>\n      <ht-form-item label label-width>\n        <template slot=\"label\">\n          <el-tooltip content=\"返回值作为选项时的绑定\">\n            <i class=\"property-tip icon-question\" />\n          </el-tooltip>\n          <span>选项绑定</span>\n        </template>\n        <div v-if=\"field.ctrlType == 'autocomplete'\">\n          <ht-form-item label=\"输入建议候选\" label-width=\"90px\" class=\"customQuery-inputs\">\n            <ht-select\n              clearable\n              style=\"width:200px;\"\n              v-model=\"field.options.customQuery.valueBind\"\n              :options=\"field.options.customQuery.resultfield\"\n              :props=\"{ key: 'field', value: 'comment' }\"\n            />\n          </ht-form-item>\n        </div>\n        <div v-else>\n          <ht-form-item label=\"值\" label-width=\"40px\" class=\"customQuery-inputs\">\n            <ht-select\n              clearable\n              style=\"width:110px;\"\n              v-model=\"field.options.customQuery.valueBind\"\n              :options=\"field.options.customQuery.resultfield\"\n              :props=\"{ key: 'field', value: 'comment' }\"\n            />\n          </ht-form-item>\n          <ht-form-item label=\"标签\" label-width=\"40px\" class=\"customQuery-inputs\">\n            <ht-select\n              clearable\n              style=\"width:120px;\"\n              v-model=\"field.options.customQuery.labelBind\"\n              :options=\"field.options.customQuery.resultfield\"\n              :props=\"{ key: 'field', value: 'comment' }\"\n            />\n          </ht-form-item>\n\n          <ht-form-item label=\"PId\" v-if=\"field.ctrlType == 'dropdown'\" label-width=\"40px\" class=\"customQuery-inputs\">\n            <ht-select\n              clearable\n              style=\"width:120px;\"\n              v-model=\"field.options.customQuery.PId\"\n              :options=\"field.options.customQuery.resultfield\"\n              :props=\"{ key: 'field', value: 'comment' }\"\n            />&nbsp;\n            <el-tooltip>\n              <div slot=\"content\">\n                非必填。当数据为纯列表时使用。会根据该字段和值字段，将列表数据转化为树形数据。\n              </div>\n              <i class=\"property-tip icon-question\" />\n            </el-tooltip>\n          </ht-form-item>\n        </div>\n      </ht-form-item>\n    </div>\n    <!-- 下拉框动态查询绑定关联查询 -->\n    <el-button\n      style=\"width:100%;margin-left: 0px  !important; margin-bottom: 5px;\"\n      class=\"custDialog-btn\"\n      icon=\"icon-list2\"\n      size=\"mini\"\n      v-if=\"field.options.choiceType == 'dynamic' && !field.isMultiple && field.ctrlType != 'autocomplete' && field.ctrlType != 'eip-cascader'\"\n      @click=\"showSelectQueryDialog\"\n    >绑定关联查询</el-button>\n    <el-dialog\n      title=\"下拉框添加关联查询\"\n      width=\"60%\"\n      append-to-body\n      top=\"8vh\"\n      :visible.sync=\"selectQueryDialog\"\n      :close-on-click-modal=\"false\"\n    >\n      <el-button\n        class=\"btn-padding\"\n        icon=\"el-icon-plus\"\n        style=\"margin-bottom: 5px;\"\n        @click=\"field.options.customQuery.custQueryJson.push({})\"\n      >添加关联查询</el-button>\n      <el-tag type=\"warning\">当前下拉框的值发生变化时触发关联查询，可以添加多个关联查询（不能重复）。</el-tag>\n      <div style=\"width:100%;height: 550px;overflow: auto;\">\n        <div\n          v-for=\"(condition, indexCondition) in field.options.customQuery\n            .custQueryJson\"\n          :key=\"indexCondition\"\n        >\n          <table\n            class=\"form-table choiceType-table\"\n            style=\"margin-bottom: 1px;\"\n            cellspacing=\"0\"\n            cellpadding=\"0\"\n            border=\"0\"\n          >\n            <tbody>\n              <tr>\n                <th width=\"110px\">关联查询:</th>\n                <td>\n                  <ht-load-data\n                    url=\"/form/customQuery/v1/list\"\n                    requestMethod=\"post\"\n                    context=\"form\"\n                    @after-load-data=\"afterCustomQueryLoadData\"\n                  ></ht-load-data>\n                  <ht-select\n                    clearable\n                    filterable\n                    @change=\"setSelectQuery(condition.alias, indexCondition)\"\n                    v-model=\"condition.alias\"\n                    :options=\"customQuerys\"\n                    :props=\"{ key: 'alias', value: 'name' }\"\n                  />\n                  <el-button\n                    class=\"btn-padding\"\n                    icon=\"el-icon-delete\"\n                    style=\"margin-left: 10px;\"\n                    @click=\"\n                      field.options.customQuery.custQueryJson.remove(\n                        condition\n                      )\n                    \"\n                  ></el-button>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <el-tabs type=\"border-card\" style=\"margin-bottom:20px;\">\n            <el-tab-pane label=\"参数绑定\">\n              <table\n                class=\"form-table choiceType-table\"\n                cellspacing=\"0\"\n                cellpadding=\"0\"\n                border=\"0\"\n              >\n                <tbody>\n                  <tr\n                    v-for=\"(bind, indexBind) in field.options.customQuery\n                      .custQueryJson[indexCondition].conditionfield\"\n                    :key=\"indexBind\"\n                  >\n                    <th width=\"110px\">{{ bind.comment }}:</th>\n                    <td>\n                      <ht-select\n                        clearable\n                        v-model=\"bind.fieldPath\"\n                        :options=\"returnData\"\n                        :props=\"{ key: 'name', value: 'desc' }\"\n                      >\n                        <template slot-scope=\"{ options }\">\n                          <el-option-group\n                            v-for=\"(group, idenxOptions) in options\"\n                            :key=\"idenxOptions\"\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                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </el-tab-pane>\n            <el-tab-pane label=\"设置返回值\">\n              <table\n                class=\"form-table choiceType-table\"\n                cellspacing=\"0\"\n                cellpadding=\"0\"\n                border=\"0\"\n              >\n                <tbody>\n                  <tr\n                    v-for=\"(bind, indexBind) in field.options.customQuery\n                      .custQueryJson[indexCondition].resultfield\"\n                    :key=\"indexBind\"\n                  >\n                    <th width=\"110px\">{{ bind.comment }}:</th>\n                    <td>\n                      <ht-select\n                        clearable\n                        v-model=\"bind.fieldPath\"\n                        :options=\"returnData\"\n                        :props=\"{ key: 'name', value: 'desc' }\"\n                      >\n                        <template slot-scope=\"{ options }\">\n                          <el-option-group\n                            v-for=\"(group, idenxOptions) in options\"\n                            :key=\"idenxOptions\"\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                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </el-tab-pane>\n          </el-tabs>\n        </div>\n      </div>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"selectQueryDialog = false\" size=\"small\">确定</el-button>\n      </div>\n    </el-dialog>\n    <el-button\n      v-if=\"\n        field.options.choiceType == 'static' &&\n          field.ctrlType != 'autocomplete'\n      \"\n      class=\"el-icon-edit\"\n      size=\"mini\"\n      style=\"width:100%;margin-top: 5px;margin-bottom: 5px;\"\n      @click=\"openLinkage\"\n    >联动设置</el-button>\n    <el-dialog\n      title=\"字段联动设置\"\n      :visible.sync=\"dialogLinkageVisible\"\n      top=\"8vh\"\n      append-to-body\n      class=\"urgent-text\"\n      :close-on-click-modal=\"false\"\n      width=\"1040px\"\n    >\n      <!-- width=\"500px\" -->\n      <el-button\n        icon=\"el-icon-plus\"\n        size=\"mini\"\n        @click=\"addRows()\"\n        style=\"margin-bottom:5px;\"\n        plain\n      >添加</el-button>\n      <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody>\n          <tr class=\"linkageTable-tr\">\n            <td width=\"190px\">所选值</td>\n            <td width=\"190px\">变换条件</td>\n            <td width=\"190px\">变换字段</td>\n            <td width=\"140px\">变换类型</td>\n            <td width=\"460px\">\n              <span>字段验证</span>\n              <el-tooltip effect=\"light\">\n                  <!-- <div style=\"margin-top: 15px;margin-bottom: 25px;\" slot=\"content\">\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                  <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            </td>\n            <td width=\"60px\">操作</td>\n          </tr>\n\n          <tr v-for=\"(column, index) in linkage\" :key=\"index\">\n            <td width=\"190px\">\n              <ht-select v-model=\"column.value\" :options=\"field.options.options\" :filterable='true'/>\n            </td>\n            <td colspan=\"4\">\n              <table class cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                <tr v-for=\"(effects, index1) in column.effect\" :key=\"index1\">\n                  <td width=\"190px\">\n                    <ht-select\n                      v-model=\"effects.linkageType\"\n                      :options=\"getLinkageTypeList(effects)\"\n                      clearable\n                      :props=\"{ key: 'key', value: 'desc' }\"\n                    />\n                  </td>\n                  <td width=\"190px\">\n\n\n                    <ht-select\n                      style=\"margin-left:30px;\"\n                      v-if=\"effects.linkageType=='subTable'\"\n                      v-model=\"effects.targetSub\"\n                      :options=\"subTables\"\n                      clearable\n                      :props=\"{ key: 'name', value: 'desc' }\"\n                    />\n\n                    <ht-select\n                      v-if=\"effects.linkageType=='field'\"\n                      style=\"margin-left:30px;\"\n                      v-model=\"effects.target\"\n                      :options=\"getEffectsTargetOptions()\"\n                      clearable\n                      :filterable='true'\n                      :props=\"{ key: 'name', value: 'desc' }\"\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=\"getEffectsTarget(group,item)\"\n                          ></el-option>\n                        </el-option-group>\n                      </template>\n                    </ht-select>\n                  </td>\n                  <td width=\"160px\">\n                    <ht-select v-model=\"effects.type\" :options=\"items\" style=\"margin-left:40px;\" />\n                  </td>\n                  <td width=\"460px\">\n                    <div style=\"margin-left: 20px;\" class=\"basics-property\">\n                      <ValidataProperty :data=\"effects.validateObj\" :boData.sync=\"mainBoFields\" />\n                    </div>\n                  </td>\n                  <td width=\"150px\" style=\"text-align: center;\">\n                    <el-button\n                      class=\"btn-padding\"\n                      icon=\"el-icon-document-copy\"\n                      @click=\"copyEffectObj(column.effect, effects)\"\n                    ></el-button>\n                    <el-button\n                      class=\"btn-padding\"\n                      style=\"margin-left:5px;\"\n                      icon=\"el-icon-plus\"\n                      @click=\"addEffectObj(column.effect, effectObj)\"\n                    ></el-button>\n                    <el-button\n                      class=\"btn-padding\"\n                      v-if=\"column.effect.length > 1\"\n                      style=\"margin-left:5px;\"\n                      icon=\"el-icon-delete\"\n                      @click=\"column.effect.remove(effects)\"\n                    ></el-button>\n                  </td>\n                </tr>\n              </table>\n            </td>\n            <td width=\"150px\" style=\"text-align: center;\">\n              <el-button icon=\"el-icon-document-copy\"  class=\"btn-padding\" @click=\"copyEffect(column)\"></el-button>\n              <el-button icon=\"el-icon-delete\"  class=\"btn-padding\" @click=\"linkage.remove(column)\"></el-button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"linkageOk\">确 定</el-button>\n        <el-button\n          @click=\"\n            dialogLinkageVisible = false;\n            linkage.length = 0;\n          \"\n        >取 消</el-button>\n      </div>\n    </el-dialog>\n  </template>\n\n  <!-- 复选单选 选项配置 choiceType -->\n  <template v-if=\"isBasicsProperty(field.options.advancedProperty, 'choiceType')\">\n    <ht-form-item label=\"选项配置\" label-width=\"100px\" style=\"margin-bottom:0px;margin-right:0px;\">\n      <el-checkbox v-model=\"field.options.inline\">\n        换行显示\n        <el-tooltip content=\"是否换行显示\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n      </el-checkbox>\n      <el-radio-group\n        @change=\"dynamicClick\"\n        v-model=\"field.options.choiceType\"\n        size=\"mini\"\n        class=\"btn-radio\"\n      >\n        <el-radio-button label=\"static\">固定选项</el-radio-button>\n        <el-radio-button label=\"dynamic\">动态选项</el-radio-button>\n      </el-radio-group>\n    </ht-form-item>\n    <div v-if=\"field.options.choiceType == 'static'\" style=\"margin-bottom:10px\">\n      <table class=\"form-table choiceType-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody>\n          <tr>\n            <td style=\"width: 100px;\">选项值</td>\n            <td>选项标签</td>\n            <td style=\"width: 60px;\">\n              操作\n              <el-button\n                class=\"btn-padding\"\n                icon=\"el-icon-plus\"\n                @click=\"field.options.options.push({ key: '', value: '' })\"\n              ></el-button>\n            </td>\n          </tr>\n          <tr v-for=\"(item, index) in field.options.options\" :key=\"index\">\n            <td>\n              <el-input size=\"mini\" placeholder=\"选项值\" v-model=\"item.key\"></el-input>\n            </td>\n            <td>\n              <el-input size=\"mini\" placeholder=\"选项标签\" v-model=\"item.value\"></el-input>\n            </td>\n            <td style=\"text-align: center;\">\n              <el-button\n                class=\"btn-padding\"\n                style=\"margin-left:0px;\"\n                icon=\"el-icon-delete\"\n                @click=\"field.options.options.remove(item)\"\n              ></el-button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n    <div v-if=\"field.options.choiceType == 'dynamic'\" class=\"customQuery-inputs\">\n      <!-- 获取单选复选控件动态值选项 @change=\"setCurrentCustomQuery()\"-->\n      <ht-load-data\n        url=\"/form/customQuery/v1/list\"\n        requestMethod=\"post\"\n        context=\"form\"\n        @after-load-data=\"afterCustomQueryLoadData\"\n      ></ht-load-data>\n      <ht-select\n        filterable\n        @change=\"setCurrentCustomQuery()\"\n        v-model=\"field.options.customQuery.alias\"\n        :options=\"customQuerys\"\n        :props=\"{ key: 'alias', value: 'name' }\"\n      />\n      <ht-form-item\n        label\n        label-width\n        v-if=\"field.options.bind && field.options.bind.length > 0\"\n        class=\"choiceType-bottom\"\n      >\n        <template slot=\"label\">\n          <el-tooltip content=\"自定义查询需要的参数传入\">\n            <i class=\"property-tip icon-question\" />\n          </el-tooltip>\n          <span>参数绑定</span>\n        </template>\n        <ht-form-item\n          :label=\"bind.comment\"\n          label-width=\"80px\"\n          class=\"customQuery-inputs\"\n          v-for=\"(bind, index) in field.options.bind\"\n          :key=\"index\"\n        >\n          <ht-select\n            v-model=\"bind.fieldPath\"\n            :options=\"allBoData\"\n            :props=\"{ key: 'name', value: 'desc' }\"\n          >\n            <template slot-scope=\"{ options }\">\n              <el-option-group v-for=\"(group, idenx) in options\" :key=\"idenx\" :label=\"group.desc\">\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      </ht-form-item>\n      <ht-form-item label label-width>\n        <template slot=\"label\">\n          <el-tooltip content=\"返回值作为选项时的绑定\">\n            <i class=\"property-tip icon-question\" />\n          </el-tooltip>\n          <span>选项绑定</span>\n        </template>\n        <div>\n          <ht-form-item label=\"值\" label-width=\"60px\">\n            <ht-select\n              v-model=\"field.options.customQuery.valueBind\"\n              :options=\"field.options.customQuery.resultfield\"\n              :props=\"{ key: 'field', value: 'comment' }\"\n            />\n          </ht-form-item>\n          <ht-form-item label=\"标签\" label-width=\"60px\" class=\"customQuery-inputs\">\n            <ht-select\n              v-model=\"field.options.customQuery.labelBind\"\n              :options=\"field.options.customQuery.resultfield\"\n              :props=\"{ key: 'field', value: 'comment' }\"\n            />\n          </ht-form-item>\n        </div>\n      </ht-form-item>\n    </div>\n    <el-button\n      v-if=\"field.options.choiceType == 'static'\"\n      class=\"el-icon-edit\"\n      @click=\"openLinkage\"\n      size=\"mini\"\n    >联动设置</el-button>\n    <el-dialog\n      title=\"字段联动设置\"\n      :visible.sync=\"dialogLinkageVisible\"\n      append-to-body\n      class=\"urgent-text\"\n      top=\"8vh\"\n      :before-close=\"closeDialogLinkage\"\n      :close-on-click-modal=\"false\"\n      width=\"1040px\"\n    >\n      <!-- width=\"500px\" -->\n      <el-button\n        icon=\"el-icon-plus\"\n        size=\"mini\"\n        @click=\"addRows()\"\n        style=\"margin-bottom:5px;\"\n        plain\n      >添加</el-button>\n      <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody>\n          <tr class=\"linkageTable-tr\">\n            <td width=\"190px\">所选值</td>\n            <td width=\"190px\">变换条件</td>\n            <td width=\"190px\">变换字段</td>\n            <td width=\"140px\">变换类型</td>\n            <td width=\"460px\">字段验证</td>\n            <td width=\"60px\">操作</td>\n          </tr>\n\n          <tr v-for=\"(column, index) in linkage\" :key=\"index\">\n            <td width=\"190px\">\n              <ht-select v-model=\"column.value\" :filterable='true' :options=\"field.options.options\" />\n            </td>\n            <td colspan=\"4\">\n              <table class cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n                <tr v-for=\"(effects, index1) in column.effect\" :key=\"index1\">\n                  <td width=\"190px\">\n                    <ht-select\n                      v-model=\"effects.linkageType\"\n                      :options=\"getLinkageTypeList(effects)\"\n                      clearable\n                      :props=\"{ key: 'key', value: 'desc' }\"\n                    />\n                  </td>\n                  <td width=\"190px\">\n                    <ht-select\n                      style=\"margin-left:30px;\"\n                      v-if=\"effects.linkageType=='subTable'\"\n                      v-model=\"effects.targetSub\"\n                      :options=\"subTables\"\n                      :filterable='true'\n                      clearable\n                      :props=\"{ key: 'name', value: 'desc' }\"\n                    />\n\n                    <ht-select\n                      v-if=\"effects.linkageType=='field'\"\n                      style=\"margin-left:30px;\"\n                      v-model=\"effects.target\"\n                      filterable\n                      :options=\"getEffectsTargetOptions()\"\n                      clearable\n                      :props=\"{ key: 'name', value: 'desc' }\"\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=\"getEffectsTarget(group,item)\"\n                          ></el-option>\n                        </el-option-group>\n                      </template>\n                    </ht-select>\n                  </td>\n                  <td width=\"160px\">\n                    <ht-select\n                      v-model=\"effects.type\"\n                      :options=\"items\"\n                      clearable\n                      style=\"margin-left:40px;\"\n                    />\n                  </td>\n                  <td width=\"460px\">\n                    <div style=\"margin-left: 20px;\" class=\"linkage-div-bottom\">\n                      <ValidataProperty :data=\"effects.validateObj\" />\n                    </div>\n                  </td>\n                  <td width=\"150px\" style=\"text-align: center;\">\n                     <el-button\n                      class=\"btn-padding\"\n                      icon=\"el-icon-document-copy\"\n                      @click=\"copyEffectObj(column.effect, effects)\"\n                    ></el-button>\n                    <el-button\n                      class=\"btn-padding\"\n                      style=\"margin-left:5px;\"\n                      icon=\"el-icon-plus\"\n                      @click=\"column.effect.push({...effectObj})\"\n                    ></el-button>\n                    <el-button\n                      class=\"btn-padding\"\n                      v-if=\"column.effect.length > 1\"\n                      style=\"margin-left:5px;\"\n                      icon=\"el-icon-delete\"\n                      @click=\"column.effect.remove(effects)\"\n                    ></el-button>\n                  </td>\n                </tr>\n              </table>\n            </td>\n            <td width=\"150px\" style=\"text-align: center;\">\n              <el-button icon=\"el-icon-document-copy\"  class=\"btn-padding\" @click=\"copyEffect(column)\"></el-button>\n              <el-button icon=\"el-icon-delete\"  class=\"btn-padding\" @click=\"linkage.remove(column)\"></el-button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"linkageOk\">确 定</el-button>\n        <el-button @click=\"closeDialogLinkage\">取 消</el-button>\n      </div>\n    </el-dialog>\n  </template>\n\n  <!-- 是否分页显示 目前只有相关流程用到  isPaging-->\n  <!-- <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'isPaging')\">\n    <ht-form-item label-width=\"100px\">\n      <el-checkbox v-model=\"field.options.isPaging\">是否分页</el-checkbox>\n      <span style=\"margin-left:96px\"></span>\n      <ht-form-item\n        v-if=\"field.options.isPaging\"\n        label=\"分页大小\"\n        label-width=\"100px\"\n      >\n        <el-input-number\n          v-model=\"field.options.pageSize\"\n          placeholder=\"分页大小\"\n          controls-position=\"right\"\n          :min=\"10\"\n          :max=\"1000\"\n          :step=\"10\"\n        ></el-input-number>\n      </ht-form-item>\n    </ht-form-item>\n  </template>-->\n  <!-- 选择器设置  selector-->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'selector')\">\n    <ht-form-item label=\"选择器设置\" label-width=\"100px\" class=\"customQuery-inputs\">\n      <ht-select\n        @change=\"changeFieldBind\"\n        v-model=\"field.options.selector.type.alias\"\n        :options=\"selectors\"\n        validate=\"required\"\n        :props=\"{ key: 'alias', value: 'name' }\"\n      />\n    </ht-form-item>\n    <div>\n      <el-checkbox\n        v-if=\"field.options.selector.type.alias\"\n        v-model=\"field.options.selector.isSingle\"\n      >单选</el-checkbox>\n      <el-checkbox\n        v-if=\"'eip-user-selector' == field.options.selector.type.alias\"\n        v-model=\"field.options.selector.selectCurrent\"\n      >当前用户</el-checkbox>\n      <el-checkbox\n        v-if=\"'eip-org-selector' == field.options.selector.type.alias\"\n        v-model=\"field.options.selector.selectCurrent\"\n      >当前组织</el-checkbox>\n      <el-checkbox\n        v-if=\"'eip-post-selector' == field.options.selector.type.alias\"\n        v-model=\"field.options.selector.selectCurrent\"\n      >当前岗位</el-checkbox>\n    </div>\n    <div v-if=\"field.options.bind && field.options.bind.length > 0\" class=\"basics-property\">\n      <H3 style=\"margin-bottom: 0px;\">\n        <el-tooltip content=\"选择器的返回值绑定的属性，选择器控件绑定的属性不能作为返回值绑定\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>返回值\n      </H3>\n      <ht-form-item\n        :label=\"bind.value\"\n        label-width=\"100px\"\n        class=\"customQuery-inputs\"\n        v-for=\"(bind, index) in field.options.bind\"\n        :key=\"index\"\n      >\n        <!-- 主表选择器 -->\n        <ht-select\n          v-if=\"!field.parentNodeType\"\n          v-model=\"bind.jsonPath\"\n          :options=\"allBoData.filter(tab => tab.type == 'main')\"\n          :props=\"{ key: 'name', value: 'desc' }\"\n          clearable\n          filterable\n        >\n          <template slot-scope=\"{ options }\">\n            <el-option key=\"0\" label=\"请选择\" :value=\"''\" />\n            <el-option-group\n              v-for=\"(group, idenx) in options\"\n              :key=\"Math.random() + idenx\"\n              :label=\"group.desc\"\n            >\n              <el-option\n                v-for=\"item in group.children\"\n                :disabled=\"item.name == field.name\"\n                :key=\"item.id\"\n                :label=\"item.desc\"\n                :value=\"item.path + '.' + item.name\"\n              ></el-option>\n            </el-option-group>\n          </template>\n        </ht-select>\n        <!-- 子表选择器 -->\n        <ht-select\n          v-if=\"field.parentNodeType && field.parentNodeType=='sub'\"\n          v-model=\"bind.jsonPath\"\n          :options=\"allBoData.filter(tab => tab.nodeType == 'sub' && tab.name==field.tableName)\"\n          :props=\"{ key: 'name', value: 'desc' }\"\n          clearable\n          filterable\n        >\n          <template slot-scope=\"{ options }\">\n            <el-option key=\"0\" label=\"请选择\" :value=\"''\" />\n            <el-option-group\n              v-for=\"(group, idenx) in options\"\n              :key=\"Math.random() + idenx\"\n              :label=\"group.desc\"\n            >\n              <el-option\n                v-for=\"item in group.children\"\n                :disabled=\"item.name == field.name\"\n                :key=\"item.id\"\n                :label=\"item.desc\"\n                :value=\"item.path + '.' + item.name\"\n              ></el-option>\n            </el-option-group>\n          </template>\n        </ht-select>\n        <!-- 孙表选择器 -->\n        <ht-select\n          v-if=\"field.parentNodeType && field.parentNodeType=='sun'\"\n          v-model=\"bind.jsonPath\"\n          :options=\"allBoData\"\n          :props=\"{ key: 'name', value: 'desc' }\"\n          clearable\n          filterable\n        >\n          <template slot-scope=\"{ options }\">\n            <el-option key=\"0\" label=\"请选择\" :value=\"''\" />\n            <el-option-group\n              v-for=\"(group, idenx) in options\"\n              :key=\"Math.random() + idenx\"\n              :label=\"group.desc\"\n            >\n              <el-option\n                v-for=\"item in group.children\"\n                :disabled=\"item.name == field.name\"\n                :key=\"item.id\"\n                :label=\"item.desc\"\n                :value=\"item.path + '.' + item.name\"\n              ></el-option>\n            </el-option-group>\n          </template>\n        </ht-select>\n      </ht-form-item>\n    </div>\n  </template>\n\n  <!-- 对话框基本属性  custDialog -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'custDialog')\">\n    <div class=\"custDialog-div\">\n      <span>对话框设置</span>\n      <div style=\"float: right;margin-right: 15px;\">\n        <IconDialog @selected=\"icons\" />\n      </div>\n    </div>\n    <ht-form-item label=\"按钮名称\" label-width=\"100px\" class=\"customQuery-inputs custDialog-item\">\n      <ht-input v-model=\"field.options.customDialogjson.name\"></ht-input>\n    </ht-form-item>\n    <ht-form-item label-width=\"100px\" class=\"customQuery-inputs custDialog-item\">\n      <template slot=\"label\">\n        <el-tooltip content=\"所选择的自定义查询作为选项时的绑定\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n        <span>选择对话框</span>\n      </template>\n      <ht-select\n        clearable\n        filterable\n        @change=\"changeCustDialog\"\n        v-model=\"field.options.customDialogjson.custDialog.alias\"\n        :options=\"customDialogs\"\n        :props=\"{ key: 'alias', value: 'name' }\"\n      />\n    </ht-form-item>\n    <div\n      class=\"basics-property\"\n      v-if=\"\n        field.options.customDialogjson.custDialog.conditions &&\n          field.options.customDialogjson.custDialog.conditions.length > 0\n      \"\n    >\n      <ht-form-item label label-width>\n        <template slot=\"label\">\n          <el-tooltip content=\"自定义对话框需要的参数传入\">\n            <i class=\"property-tip icon-question\" />\n          </el-tooltip>\n          <span>参数绑定</span>\n        </template>\n      </ht-form-item>\n    </div>\n    <table\n      v-if=\"\n        field.options.customDialogjson.custDialog.conditions &&\n          field.options.customDialogjson.custDialog.conditions.length > 0\n      \"\n      class=\"form-table custDialog-table\"\n      cellspacing=\"0\"\n      cellpadding=\"0\"\n      border=\"0\"\n    >\n      <tbody>\n        <tr class=\"linkageTable-tr\">\n          <td width=\"100px;\">参数名</td>\n          <td>取值对象</td>\n          <!-- <td>默认值</td> -->\n        </tr>\n        <tr\n          class=\"linkageTable-tr\"\n          v-for=\"(condition, indexCondition) in field.options.customDialogjson\n            .custDialog.conditions\"\n          :key=\"indexCondition\"\n        >\n          <td>{{ condition.comment }}</td>\n          <td>\n            <ht-select\n              clearable\n              v-model=\"condition.bind\"\n              :options=\"allBoData.filter(tab => tab.type == 'main')\"\n              :props=\"{ key: 'name', value: 'desc' }\"\n            >\n              <template slot-scope=\"{ options }\">\n                <el-option-group\n                  v-for=\"(group, idenxOptions) in options\"\n                  :key=\"idenxOptions\"\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          </td>\n          <!-- <td>\n            <ht-input v-model=\"condition.defaultValue\" placeholder=\"默认值\"></ht-input>\n          </td>-->\n        </tr>\n      </tbody>\n    </table>\n    <el-button\n      style=\"width:100%;margin-top: 5px;\"\n      class=\"custDialog-btn\"\n      v-if=\"field.options.customDialogjson.custDialog.alias\"\n      icon=\"icon-list2\"\n      size=\"mini\"\n      @click=\"custDialogClick\"\n    >设置返回值</el-button>\n    <!-- 对话框绑定关联查询 -->\n    <el-button\n      style=\"width:100%;margin-top: 5px;margin-left: 0px  !important; \"\n      class=\"custDialog-btn\"\n      icon=\"icon-list2\"\n      size=\"mini\"\n      v-if=\"field.options.customDialogjson.custDialog.selectNum == '1'\"\n      @click=\"showDialogQuery\"\n    >绑定关联查询</el-button>\n    <el-dialog\n      title=\"对话框添加关联查询\"\n      width=\"60%\"\n      append-to-body\n      top=\"8vh\"\n      :visible.sync=\"dialogQuery\"\n      :close-on-click-modal=\"false\"\n    >\n      <el-button\n        class=\"btn-padding\"\n        icon=\"el-icon-plus\"\n        style=\"margin-bottom: 5px;\"\n        @click=\"\n          field.options.customDialogjson.custDialog.custQueryJson.push({})\n        \"\n      >添加关联查询</el-button>\n      <div style=\"width:100%;height: 550px;overflow: auto;\">\n        <div\n          v-for=\"(condition, indexCondition) in field.options.customDialogjson\n            .custDialog.custQueryJson\"\n          :key=\"indexCondition\"\n        >\n          <table\n            class=\"form-table choiceType-table\"\n            style=\"margin-bottom: 1px;\"\n            cellspacing=\"0\"\n            cellpadding=\"0\"\n            border=\"0\"\n          >\n            <tbody>\n              <tr>\n                <th width=\"110px\">关联查询:</th>\n                <td>\n                  <ht-load-data\n                    url=\"/form/customQuery/v1/list\"\n                    requestMethod=\"post\"\n                    context=\"form\"\n                    @after-load-data=\"afterCustomQueryLoadData\"\n                  ></ht-load-data>\n                  <ht-select\n                    clearable\n                    @change=\"setDialogQuery(condition.alias, indexCondition)\"\n                    v-model=\"condition.alias\"\n                    :options=\"customQuerys\"\n                    :props=\"{ key: 'alias', value: 'name' }\"\n                  />\n                  <el-button\n                    class=\"btn-padding\"\n                    icon=\"el-icon-delete\"\n                    style=\"margin-left: 10px;\"\n                    @click=\"\n                      field.options.customDialogjson.custDialog.custQueryJson.remove(\n                        condition\n                      )\n                    \"\n                  ></el-button>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <el-tabs type=\"border-card\" style=\"margin-bottom:20px;\">\n            <el-tab-pane label=\"参数绑定\">\n              <table\n                class=\"form-table choiceType-table\"\n                cellspacing=\"0\"\n                cellpadding=\"0\"\n                border=\"0\"\n              >\n                <tbody>\n                  <tr\n                    v-for=\"(bind, indexBind) in field.options.customDialogjson\n                      .custDialog.custQueryJson[indexCondition]\n                      .conditionfield\"\n                    :key=\"indexBind\"\n                  >\n                    <th width=\"110px\">{{ bind.comment }}:</th>\n                    <td>\n                      <ht-select\n                        clearable\n                        v-model=\"bind.fieldPath\"\n                        :options=\"returnData\"\n                        :props=\"{ key: 'name', value: 'desc' }\"\n                      >\n                        <template slot-scope=\"{ options }\">\n                          <el-option-group\n                            v-for=\"(group, idenxOptions) in options\"\n                            :key=\"idenxOptions\"\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                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </el-tab-pane>\n            <el-tab-pane label=\"设置返回值\">\n              <table\n                class=\"form-table choiceType-table\"\n                cellspacing=\"0\"\n                cellpadding=\"0\"\n                border=\"0\"\n              >\n                <tbody>\n                  <tr\n                    v-for=\"(bind, indexBind) in field.options.customDialogjson\n                      .custDialog.custQueryJson[indexCondition].resultfield\"\n                    :key=\"indexBind\"\n                  >\n                    <th width=\"110px\">{{ bind.comment }}:</th>\n                    <td>\n                      <ht-select\n                        clearable\n                        v-model=\"bind.fieldPath\"\n                        :options=\"returnData\"\n                        :props=\"{ key: 'name', value: 'desc' }\"\n                      >\n                        <template slot-scope=\"{ options }\">\n                          <el-option-group\n                            v-for=\"(group, idenxOptions) in options\"\n                            :key=\"idenxOptions\"\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                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </el-tab-pane>\n          </el-tabs>\n        </div>\n      </div>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"dialogQuery = false\" size=\"small\">确 定</el-button>\n      </div>\n    </el-dialog>\n    <!-- 获取对话框选项列表-->\n    <ht-load-data\n      url=\"/form/customDialog/v1/getAll\"\n      requestMethod=\"post\"\n      context=\"form\"\n      @after-load-data=\"afterCustomDialogLoadData\"\n    ></ht-load-data>\n    <el-dialog\n      title=\"设置对话框返回值\"\n      :visible.sync=\"dialogcustDialogVisible\"\n      append-to-body\n      class=\"urgent-text\"\n      :close-on-click-modal=\"false\"\n      width=\"600px\"\n    >\n      <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody>\n          <tr class=\"linkageTable-tr\">\n            <td width=\"150px\">返回结果字段</td>\n            <td width=\"220px\">绑定显示的属性</td>\n            <!-- <td width=\"80px\">解除绑定</td> -->\n          </tr>\n\n          <tr\n            class=\"linkageTable-tr\"\n            v-for=\"(field, index) in this.field.options.customDialogjson.resultField\"\n            :key=\"index\"\n          >\n            <td>{{ field.comment }}</td>\n            <td>\n              <ht-select\n                v-model=\"custDialogprop[field.comment]\"\n                :options=\"returnData\"\n                :props=\"{ key: 'name', value: 'desc' }\"\n                clearable\n                filterable\n                @change=\"updateCustDialogprop()\"\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=\"item.path + '.' + item.name\"\n                    ></el-option>\n                  </el-option-group>\n                </template>\n              </ht-select>\n            </td>\n            <!-- <td>\n              <el-button icon=\"el-icon-delete\" @click=\"unbind(field.comment)\"></el-button>\n            </td>-->\n          </tr>\n        </tbody>\n      </table>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"custDialogOk\">确 定</el-button>\n        <el-button @click=\"dialogcustDialogVisible = false\">取 消</el-button>\n      </div>\n    </el-dialog>\n  </template>\n\n  <!-- 关联数据设置  relation -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'relation')\">\n    <div class=\"custDialog-div\">\n      <span>关联数据设置</span>\n      <el-button\n        class=\"custDialog-btn\"\n        v-if=\"field.options.customQuery.alias\"\n        icon=\"icon-list2\"\n        size=\"mini\"\n        @click=\"custDialogClick\"\n      >设置返回值</el-button>\n    </div>\n    <div class=\"customQuery-inputs custDialog-item\" style=\"margin-right: 15px;\">\n      <ht-select\n        clearable\n        @change=\"setCurrentCustomQuery()\"\n        v-model=\"field.options.customQuery.alias\"\n        :options=\"customQuerys\"\n        :props=\"{ key: 'alias', value: 'name' }\"\n      />\n    </div>\n\n    <ht-form-item\n      label\n      label-width\n      v-if=\"field.options.bind && field.options.bind.length > 0\"\n      class=\"basics-property\"\n    >\n      <template slot=\"label\">\n        <el-tooltip content=\"自定义查询需要的参数传入\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n        <span>参数绑定</span>\n      </template>\n      <ht-form-item\n        :label=\"bind.comment\"\n        label-width=\"80px\"\n        class=\"customQuery-inputs\"\n        v-for=\"(bind, index) in field.options.bind\"\n        :key=\"index\"\n      >\n        <ht-select\n          clearable\n          v-model=\"bind.fieldPath\"\n          :options=\"allBoData\"\n          :props=\"{ key: 'name', value: 'desc' }\"\n        >\n          <template slot-scope=\"{ options }\">\n            <el-option-group v-for=\"(group, idenx) in options\" :key=\"idenx\" :label=\"group.desc\">\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    </ht-form-item>\n\n    <ht-form-item label label-width class=\"basics-property\">\n      <template slot=\"label\">\n        <el-tooltip content=\"返回值作为选项时的绑定\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n        <span>选项绑定</span>\n      </template>\n      <ht-form-item label=\"值\" label-width=\"37px\" class=\"customQuery-inputs\">\n        <ht-select\n          :validate=\"{ required: true }\"\n          clearable\n          style=\"width:103px;\"\n          v-model=\"field.options.customQuery.valueBind\"\n          :options=\"field.options.customQuery.resultfield\"\n          :props=\"{ key: 'field', value: 'comment' }\"\n        />\n      </ht-form-item>\n      <ht-form-item label=\"标签\" label-width=\"50px\" class=\"customQuery-inputs\">\n        <ht-select\n          :validate=\"{ required: true }\"\n          clearable\n          style=\"width:110px;\"\n          v-model=\"field.options.customQuery.labelBind\"\n          :options=\"field.options.customQuery.resultfield\"\n          :props=\"{ key: 'field', value: 'comment' }\"\n        />\n      </ht-form-item>\n    </ht-form-item>\n\n    <!-- 获取关联数据选项列表-->\n    <ht-load-data\n      url=\"/form/customQuery/v1/list\"\n      requestMethod=\"post\"\n      context=\"form\"\n      @after-load-data=\"afterCustomQueryLoadData\"\n    ></ht-load-data>\n    <el-dialog\n      title=\"设置关联数据返回值\"\n      :visible.sync=\"dialogcustDialogVisible\"\n      append-to-body\n      class=\"urgent-text\"\n      :close-on-click-modal=\"false\"\n      width=\"600px\"\n    >\n      <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody>\n          <tr class=\"linkageTable-tr\">\n            <td width=\"150px\">返回结果字段</td>\n            <td width=\"220px\">绑定显示的属性</td>\n            <td width=\"80px\">解除绑定</td>\n          </tr>\n\n          <tr\n            class=\"linkageTable-tr\"\n            v-for=\"(field, index) in field.options.customQuery.resultfield\"\n            :key=\"index\"\n          >\n            <td>{{ field.comment }}</td>\n            <td>\n              <ht-select\n                v-model=\"custDialogprop[field.comment]\"\n                :options=\"allBoData\"\n                :props=\"{ key: 'name', value: 'desc' }\"\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=\"item.tableName + '.' + item.name\"\n                    ></el-option>\n                  </el-option-group>\n                </template>\n              </ht-select>\n            </td>\n            <td>\n              <el-button icon=\"el-icon-delete\" @click=\"unbind(field.comment)\"></el-button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"custDialogOk\">确 定</el-button>\n        <el-button @click=\"dialogcustDialogVisible = false\">取 消</el-button>\n      </div>\n    </el-dialog>\n  </template>\n\n  <!-- 文件上传 fileupload -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'fileupload')\">\n    <H3 style=\"margin-bottom: 0px;\">文件上传</H3>\n    <ht-form-item label-width=\"50px\" class=\"custDialog-item\">\n      <el-checkbox v-model=\"field.options.file.multiple\">\n        是否多选\n        <el-tooltip content=\"是否可同时选择多个文件上传\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n      </el-checkbox>\n      <el-checkbox v-model=\"field.options.file.simplicity\">\n        是否简版\n        <el-tooltip content=\"附件上传后以简约方法显示\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n      </el-checkbox>\n      <ht-form-item class=\"custDialog-item\" label=\"最多上传个数\" label-width=\"100px\">\n        <el-input-number\n          style=\"width:200px\"\n          v-model=\"field.options.file.limit\"\n          value=\"5\"\n          placeholder=\"最多上传个数\"\n          controls-position=\"right\"\n          :min=\"1\"\n          :max=\"20\"\n        ></el-input-number>\n      </ht-form-item>\n      <ht-form-item\n        class=\"custDialog-item\"\n        label=\"限制大小（M）\"\n        label-width=\"100px\"\n      >\n        <el-input-number\n          style=\"width:200px\"\n          v-model=\"field.options.file.size\"\n          value=\"50\"\n          placeholder=\"单个文件限制大小（M）\"\n          controls-position=\"right\"\n          :min=\"1\"\n          :max=\"1024\"\n        ></el-input-number>\n      </ht-form-item>\n    </ht-form-item>\n    <H3 style=\"margin-bottom: 0px;\">支持的类型</H3>\n    <el-radio-group v-model=\"field.options.file.acceptType\">\n      <el-radio-button label=\"any\">任意类型</el-radio-button>\n      <el-radio-button label=\"custom\">自定义类型</el-radio-button>\n    </el-radio-group>\n    <div v-if=\"field.options.file.acceptType=='custom'\" style=\"margin-top: 5px;\">\n      <el-button type=\"primary\" plain @click=\"selectAll\">全选</el-button>\n      <el-button type=\"success\" plain @click=\"selectNotAll\">全不选</el-button>\n      <el-button type=\"warning\" plain @click=\"counterSelect\">反选</el-button>\n    </div>\n    <H3 style=\"margin-bottom: 0px;\" v-if=\"field.options.file.acceptType=='custom'\">选择类型</H3>\n    <el-checkbox-group\n      v-if=\"field.options.file.acceptType=='custom'\"\n      v-model=\"field.options.file.accept\"\n      class=\"file-checkbox\"\n    >\n      <el-checkbox v-for=\"accept in upLoadAcceptList\" :label=\"accept\" :key=\"accept\">{{ accept }}</el-checkbox>\n    </el-checkbox-group>\n    <H3 style=\"margin-bottom: 0px;\" v-if=\"field.options.file.acceptType=='custom'\">\n      <el-tooltip content=\"配置扩展类型的后缀名，多个用逗号隔开，如：DOC,DOCX\">\n        <i class=\"property-tip icon-question\" />\n      </el-tooltip>扩展类型\n    </H3>\n    <ht-input\n      v-if=\"field.options.file.acceptType=='custom'\"\n      type=\"textarea\"\n      :rows=\"5\"\n      v-model=\"field.options.file.acceptStr\"\n    ></ht-input>\n    <H3 style=\"margin-bottom: 0px;\">附件扩展属性配置</H3>\n    <ht-form-item\n      label-width=\"50px\"\n      class=\"custDialog-item\"\n      :label=\"conf.name\"\n      v-for=\"(conf, index) in field.options.propConf\"\n      :key=\"index\"\n    >\n      <ht-input v-model=\"conf.desc\"></ht-input>\n      <el-checkbox v-model=\"conf.requried\" style=\"margin-left: 3px;\">必填</el-checkbox>\n    </ht-form-item>\n  </template>\n\n  <!--属性文本内容 textValue -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'property-text')\">\n    <H3 style=\"margin-bottom: 0px;\">文本内容</H3>\n    <el-button\n      @click=\"\n        textValue = field.options.textValue;\n        dialogTextVisible = true;\n      \"\n    >属性文本内容</el-button>\n    <el-dialog\n      title=\"属性文本内容\"\n      :visible.sync=\"dialogTextVisible\"\n      append-to-body\n      class=\"urgent-text\"\n      :close-on-click-modal=\"false\"\n      width=\"60%\"\n    >\n      <FormVarSelector type=\"1\" :boData=\"formVarData\" @node-click=\"textClick\" />\n      <!--<el-tag type=\"warning\" style=\"margin-left: 30px\">\n        <span v-pre>在子表中使用当前行数据的其他字段时，请修改为{{ item.字段名 }}</span>\n      </el-tag>-->\n      <vue-ueditor-wrap v-model=\"textValue\" :config=\"config\"></vue-ueditor-wrap>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button\n          type=\"primary\"\n          @click=\"\n            dialogTextVisible = false;\n            field.options.textValue = textValue;\n          \"\n        >确 定</el-button>\n        <el-button\n          @click=\"\n            dialogTextVisible = false;\n            textValue = '';\n          \"\n        >取 消</el-button>\n      </div>\n    </el-dialog>\n  </template>\n\n   <!--文本内容 textValue -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'textValue')\">\n    <!--<ht-form-item\n      label-width=\"50px\"\n      class=\"custDialog-item\"\n      label=\"字段\"\n    >\n      <ht-input v-model=\"field.name\" validate=\"alpha_num\"></ht-input>\n    </ht-form-item>-->\n    <H3 style=\"margin-bottom: 0px;\">文本内容</H3>\n    <el-button\n      @click=\"\n        textValue = field.options.textValue;\n        dialogTextVisible = true;\n      \"\n    >文本内容</el-button>\n  </template>\n  <el-dialog\n          title=\"文本内容\"\n          :visible.sync=\"dialogTextVisible\"\n          append-to-body\n          class=\"urgent-text\"\n          :close-on-click-modal=\"false\"\n          width=\"60%\"\n  >\n    <FormVarSelector type=\"1\" :boData=\"allBoData\" @node-click=\"textClick\" />\n    <!-- <el-tag type=\"warning\" style=\"margin-left: 30px\">\n      <span v-pre>在子表中使用当前行数据的其他字段时，请修改为{{item.字段名}}</span>\n    </el-tag> -->\n    <vue-ueditor-wrap v-model=\"textValue\" :config=\"config\"></vue-ueditor-wrap>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button\n              type=\"primary\"\n              @click=\"\n            dialogTextVisible = false;\n            field.options.textValue = textValue;\n          \"\n      >确 定</el-button>\n      <el-button\n              @click=\"\n            dialogTextVisible = false;\n            textValue = '';\n          \"\n      >取 消</el-button>\n    </div>\n  </el-dialog>\n\n  <!-- 日期基本属性 -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'date')\">\n    <ht-form-item label=\"指定日期输入框的格式\" label-width>\n      <ht-select\n        :options=\"[\n          { key: 'yyyy-MM-dd', value: 'yyyy-MM-dd' },\n          { key: 'yyyy 年 MM 月 dd 日', value: 'yyyy 年 MM 月 dd 日' },\n          { key: 'yyyy-M-d H:m:s', value: 'yyyy-M-d H:m:s' },\n          { key: 'yyyy-MM-dd HH:mm:ss', value: 'yyyy-MM-dd HH:mm:ss' },\n          { key: 'HH:mm:ss', value: 'HH:mm:ss' }\n        ]\"\n        disabled\n        v-model=\"field.options.inputFormat\"\n        placeholder=\"请选择日期格式\"\n      />\n    </ht-form-item>\n    <ht-form-item label=\"日期绑定值设置\" label-width>\n      <ht-checkbox\n        v-model=\"field.options.showCurrentDate\"\n        :options=\"[{ key: 'true', value: '当前时间' }]\"\n      />\n      <ht-checkbox\n        v-if=\"field.options.showCurrentDate\"\n        v-model=\"field.options.isServerDate\"\n        :options=\"[{ key: 'true', value: '获取服务器当前时间' }]\"\n      />\n      <div v-if=\"field.options.showCurrentDate\">\n        与当前日期相差的天数:\n        <ht-input size=\"mini\" :min=\"0\" type=\"number\" v-model.number=\"field.options.day\" />\n      </div>\n    </ht-form-item>\n  </template>\n\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'time')\">\n    <ht-form-item label=\"时间设置\" label-width>\n      <el-radio-group v-model=\"field.options.type\">\n        <el-radio-button label=\"select\" title=\"时间不包含年月日\">固定时间点</el-radio-button>\n        <el-radio-button label=\"picker\" title=\"时间包含当前年月日\">任意时间点</el-radio-button>\n      </el-radio-group>\n    </ht-form-item>\n  </template>\n  <!-- 公式计算 -->\n  <div v-if=\"field.options.formulasDiyJs !== undefined && !(field.ctrlType == 'button' && field.options.bindEventjson.isShowInput == false)\">\n    <template>\n      <ht-form-item label=\"公式编辑\" label-width=\"100px\" style=\"margin-top: 10px\">\n        <el-button v-if=\"!field.options.formulasDiyJs\" style=\"min-width: 200px;\" type=\"primary\" plain @click=\"formulasDialog\">编写公式</el-button>\n        <el-button v-if=\"field.options.formulasDiyJs\" style=\"min-width: 200px;\" type=\"success\" plain @click=\"formulasDialog\">编写公式</el-button>\n      </ht-form-item>\n      <formulas-dialog ref=\"formulasDialog\" :boDefData=\"boDefData\" :field=\"field\" />\n    </template>\n  </div>\n\n  <!--日期计算-->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'dateCount')\">\n    <ht-form-item label-width=\"100px\">\n      <el-checkbox v-model=\"field.options.isCountDate\">\n        日期计算\n        <el-tooltip content=\"文本框内容是否由日期计算得出\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n      </el-checkbox>\n\n      <ht-form-item v-if=\"field.options.isCountDate\" label=\"开始时间\" label-width=\"90px\">\n\n        <ht-select\n          validate=\"required\"\n          v-model=\"field.options.isStartDate\"\n          :options=\"mainBoFields\"\n          :props=\"{ key: 'name', value: 'desc' }\"\n        >\n          <template slot-scope=\"{ options, propKey, propValue }\">\n            <el-option-group v-for=\"group in options\" :key=\"group.name\" :label=\"group.desc\">\n              <template v-if=\"field.parentNodeType == 'sub' || field.parentNodeType == 'sun'\">\n                <el-option\n                  v-for=\"obj in group.children.filter(item => {\n                    return item.dataType == 'date';\n                  })\"\n                  :key=\"'item.' + obj[propKey]\"\n                  :label=\"obj[propValue]\"\n                  :value=\"'item.' + obj[propKey]\"\n                ></el-option>\n              </template>\n              <template v-else>\n                <el-option\n                  v-for=\"obj in group.children.filter(item => {\n                    return item.dataType == 'date';\n                  })\"\n                  :key=\"'data.' + group.path + '.' + obj[propKey]\"\n                  :label=\"obj[propValue]\"\n                  :value=\"'data.' + group.path + '.' + obj[propKey]\"\n                ></el-option>\n              </template>\n            </el-option-group>\n          </template>\n        </ht-select>\n      </ht-form-item>\n\n      <ht-form-item v-if=\"field.options.isCountDate\" label=\"结束时间\" label-width=\"90px\">\n        <ht-select\n          validate=\"required\"\n          v-model=\"field.options.isEndDate\"\n          :options=\"mainBoFields\"\n          :props=\"{ key: 'name', value: 'desc' }\"\n        >\n          <template slot-scope=\"{ options, propKey, propValue }\">\n            <el-option-group v-for=\"group in options\" :key=\"group.name\" :label=\"group.desc\">\n              <template v-if=\"field.parentNodeType == 'sub' || field.parentNodeType == 'sun'\">\n                <el-option\n                  v-for=\"obj in group.children.filter(item => {\n                    return item.dataType == 'date';\n                  })\"\n                  :key=\"'item.' + obj[propKey]\"\n                  :label=\"obj[propValue]\"\n                  :value=\"'item.' + obj[propKey]\"\n                ></el-option>\n              </template>\n              <template v-else>\n                <el-option\n                  v-for=\"obj in group.children.filter(item => {\n                    return item.dataType == 'date';\n                  })\"\n                  :key=\"'data.' + group.path + '.' + obj[propKey]\"\n                  :label=\"obj[propValue]\"\n                  :value=\"'data.' + group.path + '.' + obj[propKey]\"\n                ></el-option>\n              </template>\n            </el-option-group>\n          </template>\n        </ht-select>\n      </ht-form-item>\n      <ht-form-item v-if=\"field.options.isCountDate\" label=\"计算周期\" label-width=\"90px\">\n        <ht-radio\n          v-model=\"field.options.countFormat\"\n          :options=\"[\n            { key: 'year', value: '年' },\n            { key: 'month', value: '月份' },\n            { key: 'day', value: '天数' },\n            { key: 'hour', value: '小时' },\n            { key: 'minute', value: '分钟' },\n            { key: 'second', value: '秒' }\n          ]\"\n        />\n      </ht-form-item>\n      <div style=\"width: 200px;\"></div>\n    </ht-form-item>\n  </template>\n\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'currency')\">\n    <h4>数字设置</h4>\n    <ht-form-item label=\"最小值\" label-width=\"100px\">\n      <ht-input\n        v-model=\"field.options.min\"\n        placeholder=\"最小值\"\n        controls-position=\"right\"\n        type=\"number\"\n      ></ht-input>\n    </ht-form-item>\n    <ht-form-item label=\"最大值\" label-width=\"100px\">\n      <ht-input\n        v-model=\"field.options.max\"\n        placeholder=\"最大值\"\n        controls-position=\"right\"\n        type=\"number\"\n      ></ht-input>\n    </ht-form-item>\n    <ht-form-item label=\"步长\" label-width=\"100px\">\n      <ht-input\n        v-model=\"field.options.step\"\n        placeholder=\"步长\"\n        controls-position=\"right\"\n        type=\"number\"\n      ></ht-input>\n    </ht-form-item>\n\n    <ht-form-item label=\"小数位\" label-width=\"100px\">\n      <ht-input\n        v-model=\"field.options.decimalDigits\"\n        placeholder=\"小数位\"\n        controls-position=\"right\"\n        :min=\"0\"\n        :max=\"field.options.maxDecimalDigits\"\n        type=\"number\"\n      ></ht-input>\n    </ht-form-item>\n\n    <ht-form-item label=\"格式化显示设置\" label-width=\"100px\">\n      <el-checkbox-button v-model=\"field.options.filterthousandBit\">千分位</el-checkbox-button>\n      <el-checkbox-button v-model=\"field.options.filtercurrency\">货币(大写)</el-checkbox-button>\n    </ht-form-item>\n    <ht-form-item label=\"单位\" label-width=\"100px\">\n      <el-select\n        v-model=\"field.options.company\"\n        filterable\n        allow-create\n        clearable\n        default-first-option\n        placeholder=\"请选择(其他输入即可)\"\n      >\n        <el-option\n          v-for=\"(item, index) in companys\"\n          :key=\"index\"\n          :label=\"item.label\"\n          :value=\"item.label\"\n        ></el-option>\n      </el-select>\n    </ht-form-item>\n  </template>\n  <!-- 背景图片 -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'img')\">\n    <ht-form-item label-width=\"200px\">\n      <template slot=\"label\">\n        <el-tooltip content=\"可以上传本地图片和输入网络图片地址\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n        <span>图片配置</span>\n      </template>\n      <el-row>\n        <el-col :span=\"10\">图片地址</el-col>\n        <el-col :span=\"14\">\n          <el-checkbox v-model=\"field.options.isDisplay\">本地上传</el-checkbox>\n        </el-col>\n      </el-row>\n      <el-row v-show=\"field.options.isDisplay\">\n        <el-col :span=\"24\">\n          <img-file-upload v-model=\"field.options.fileJson\" :fileJson=\"field.options.fileJson\"></img-file-upload>\n        </el-col>\n      </el-row>\n      <el-row v-show=\"!field.options.isDisplay\">\n        <el-col :span=\"24\" v-if=\"!field.options.isDisplay\">\n          <ht-input type=\"textarea\" :rows=\"8\" v-model=\"field.options.imgSrc\"></ht-input>\n        </el-col>\n      </el-row>\n    </ht-form-item>\n\n    <ht-form-item>\n      <template slot=\"label\">\n        <el-tooltip content=\"默认为原始图片宽高\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n        <span>图片宽高</span>\n      </template>\n      <ht-input\n        v-model=\"field.options.size.width\"\n        placeholder=\"宽度：默认图片宽度\"\n        :min=\"0\"\n        :max=\"999\"\n        type=\"number\"\n        style=\"width:150px;float: left;\"\n      />\n      <ht-input\n        v-model=\"field.options.size.height\"\n        type=\"number\"\n        :min=\"0\"\n        :max=\"999\"\n        placeholder=\"高度：默认图片高度\"\n        style=\"width:150px\"\n      />\n    </ht-form-item>\n  </template>\n  <!-- 图片 -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'imageViewer')\">\n    <ht-form-item>\n      <template slot=\"label\">\n        <el-tooltip content=\"默认为原始图片宽高\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n        <span>图片宽高</span>\n      </template>\n      <ht-input\n        v-model=\"field.options.size.width\"\n        placeholder=\"宽度：默认图片宽度\"\n        :min=\"0\"\n        type=\"number\"\n        style=\"width:150px;float: left;\"\n      />\n      <ht-input\n        v-model=\"field.options.size.height\"\n        type=\"number\"\n        :min=\"0\"\n        placeholder=\"高度：默认图片高度\"\n        style=\"width:150px\"\n      />\n    </ht-form-item>\n    <ht-form-item>\n      <template slot=\"label\">\n        <el-tooltip content=\"图片的上传方式\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n        <span>上传方式</span>\n      </template>\n      <el-radio v-model=\"field.options.uploadType\" label=\"local\" border>本地上传</el-radio>\n      <el-radio v-model=\"field.options.uploadType\" label=\"https\" border>网络图片</el-radio>\n    </ht-form-item>\n    <el-checkbox v-model=\"field.options.file.multiple\">\n      是否多选\n      <el-tooltip content=\"是否可同时选择多个文件上传\">\n        <i class=\"property-tip icon-question\" />\n      </el-tooltip>\n    </el-checkbox>\n    <ht-form-item class=\"custDialog-item\" label=\"最多上传个数\" label-width=\"100px\">\n      <el-input-number\n        style=\"width:200px\"\n        v-model=\"field.options.file.limit\"\n        value=\"3\"\n        placeholder=\"最多上传个数\"\n        controls-position=\"right\"\n        :min=\"1\"\n        :max=\"20\"\n      ></el-input-number>\n    </ht-form-item>\n  </template>\n  <!-- iframe -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'iframe')\">\n    <ht-form-item label-width label=\"Iframe标签链接地址\">\n      <ht-input type=\"textarea\" :rows=\"8\" v-model=\"data.options.iframeSrc\"></ht-input>\n    </ht-form-item>\n\n    <ht-form-item label=\"iframe宽高\" label-width>\n      <!-- config.labelWidth  -->\n      <el-input\n        v-model=\"data.options.iframeSrcHeight\"\n        placeholder=\"高度：500px\"\n        style=\"width:150px\"\n      />\n      <el-input\n        v-model=\"data.options.iframeSrcWidth\"\n        placeholder=\"宽度：100%\"\n        style=\"width:150px;float: left;\"\n      />\n    </ht-form-item>\n    <ht-form-item label=\"iframe样式\" label-width>\n      <ht-radio\n        v-model=\"data.options.frameborder\"\n        :options=\"[\n          { key: '0', value: '无边框' },\n          { key: '1', value: '有边框' }\n        ]\"\n      ></ht-radio>\n      <span v-if=\"data.options.frameborder\">\n        颜色：\n        <el-color-picker v-model=\"data.options.lableColor\" size=\"mini\"></el-color-picker>\n      </span>\n    </ht-form-item>\n  </template>\n\n  <!-- contract -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'contract')\">\n\n    <ht-form-item label=\"合同预览宽高\" label-width>\n      <!-- config.labelWidth  -->\n      <el-input\n        v-model=\"data.options.iframeSrcHeight\"\n        placeholder=\"高度：500px\"\n        style=\"width:150px\"\n      />\n      <el-input\n        v-model=\"data.options.iframeSrcWidth\"\n        placeholder=\"宽度：100%\"\n        style=\"width:150px;float: left;\"\n      />\n    </ht-form-item>\n    <ht-form-item label=\"合同预览样式\" label-width>\n      <ht-radio\n        v-model=\"data.options.frameborder\"\n        :options=\"[\n          { key: '0', value: '无边框' },\n          { key: '1', value: '有边框' }\n        ]\"\n      ></ht-radio>\n      <span v-if=\"data.options.frameborder\">\n        颜色：\n        <el-color-picker\n          v-model=\"data.options.lableColor\"\n          size=\"mini\"\n        ></el-color-picker>\n      </span>\n    </ht-form-item>\n  </template>\n\n  <!-- 设置自定义脚本  script-->\n  <!-- <template v-if=\"isBasicsProperty(field.options.basicsProperty,'script')\">\n    <H3 style=\"margin-bottom: 0px;\">设置控件执行的方法</H3>\n    <el-button class=\"btn-padding\" icon=\"el-icon-plus\" @click=\"autoRunJSScript\">设置自定义脚本</el-button>\n  </template>-->\n\n  <!-- placeholder 填写说明 placeholder-->\n  <template\n    v-if=\"\n      isBasicsProperty(field.options.basicsProperty, 'placeholder') &&\n        !field.noPlaceholder\n    \"\n  >\n    <ht-form-item label-width=\"100px\">\n      <template slot=\"label\">\n        <el-tooltip content=\"字段没有内容时显示的文本（placeholder）\">\n          <i class=\"property-tip icon-question\" />\n        </el-tooltip>\n        <span>填写说明</span>\n      </template>\n      <ht-input v-model=\"field.options.placeholder\" style=\"width: 215px\">\n        <el-button\n          icon=\"el-icon-search\"\n          slot=\"append\"\n          style=\"width: 80px\"\n          @click=\"editI18nMessage('placeholder')\"\n        >国际化</el-button>\n      </ht-input>\n    </ht-form-item>\n  </template>\n  <!-- 按钮基础属性  onetextBtn-->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'onetextBtn')\">\n    <H3 style=\"margin-bottom: 0px;\">按钮事件绑定设置</H3>\n    <ht-form-item label-width=\"190px\" class=\"custDialog-item\">\n      <template slot=\"label\">\n        <el-tooltip content=\"目前只添加系统中需使用到的事件，如果不满足需求，需自行扩展事件。\">\n          <i class=\"property-tip icon-question\" />\n          <el-checkbox v-model=\"field.options.isBindBtn\">绑定按钮调用JS方法</el-checkbox>\n        </el-tooltip>\n      </template>\n      <el-button\n        v-if=\"field.options.isBindBtn\"\n        class=\"btn-padding\"\n        icon=\"el-icon-plus\"\n        @click=\"autoRunJSScript(true)\"\n      >设置自定义脚本</el-button>\n    </ht-form-item>\n    <ht-form-item label-width=\"190px\">\n      <template slot=\"label\">\n        <el-tooltip content=\"是否显示输入框,如果显示需要绑定属性,js方法返回的值将填写到输入框中\">\n          <i class=\"property-tip icon-question\" />\n          <el-checkbox\n            v-model=\"field.options.bindEventjson.isShowInput\"\n            @change=\"clickNoBindModel\"\n          >是否显示输入框</el-checkbox>\n        </el-tooltip>\n      </template>\n    </ht-form-item>\n    <ht-form-item label=\"按钮名称\" label-width=\"100px\" class=\"customQuery-inputs custDialog-item\">\n      <ht-input v-model=\"field.options.bindEventjson.name\"></ht-input>\n    </ht-form-item>\n\n    <div class=\"custDialog-div\">\n      <span>按钮图标</span>\n      <div style=\"float: right;\nmargin-right: 15px;\">\n        <IconDialog @selected=\"icons\" />\n      </div>\n\n      <!-- <el-button\n        class=\"custDialog-btn\"\n        icon=\"icon-magnify\"\n        size=\"mini\"\n        @click=\"custDialogClick\"\n      >选择</el-button>-->\n    </div>\n  </template>\n\n  <!-- 里程碑配置基本属性  script-->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'stepControl')\">\n    <ht-form-item label=\"里程碑样式\" label-width=\"210px\" style=\"margin-bottom:0px;\">\n      <el-radio-group v-model=\"field.options.direction\" size=\"mini\" class=\"btn-radio\">\n        <el-radio-button label=\"horizontal\">横向</el-radio-button>\n        <!-- <el-radio-button label=\"buttom\">下</el-radio-button> -->\n        <el-radio-button label=\"vertical\">纵向</el-radio-button>\n        <!-- <el-radio-button label=\"right\">右</el-radio-button> -->\n      </el-radio-group>\n    </ht-form-item>\n    <ht-form-item label=\"里程碑内容设置\" label-width=\"210px\" style=\"margin-bottom:0px;\">\n      <table class=\"form-table choiceType-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n        <tbody>\n          <tr class=\"linkageTable-tr\">\n            <td style=\"width: 100px;\">名称</td>\n            <td>描述</td>\n            <td style=\"width: 55px;\">操作</td>\n          </tr>\n          <tr v-for=\"(item, index) in field.options.steps\" :key=\"index\">\n            <td>\n              <el-input size=\"mini\" placeholder=\"名称\" v-model=\"item.title\"></el-input>\n            </td>\n            <td>\n              <el-input size=\"mini\" placeholder=\"名称\" v-model=\"item.description\"></el-input>\n            </td>\n            <td style=\"text-align: center;\">\n              <el-button\n                class=\"btn-padding\"\n                icon=\"el-icon-plus\"\n                @click=\"\n                  field.options.steps.push({ title: '', description: '' })\n                \"\n              ></el-button>\n              <el-button\n                class=\"btn-padding\"\n                v-if=\"field.options.steps.length > 1\"\n                style=\"margin-left:0px;\"\n                icon=\"el-icon-delete\"\n                @click=\"field.options.steps.remove(item)\"\n              ></el-button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </ht-form-item>\n  </template>\n\n  <!--数据字典基本配置 dic -->\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty, 'dicConfig')\">\n    <H3 style=\"margin-bottom: 0px;\">数据字典</H3>\n    <div class=\"customQuery-inputs\">\n      <el-select\n        @visible-change=\"dicClick\"\n        clearable\n        v-model=\"field.options.dic\"\n        placeholder=\"请选择数据字典\"\n        style=\"width: 100%\"\n        ref=\"dicSelect\"\n      >\n        <el-option\n          :value=\"field.options.dic\"\n          :label=\"field.options.dicName\"\n          style=\"width: 100%;height:100%;overflow: auto;background-color:#fff\">\n          <el-tree :data=\"dicData\" :props=\"dicDefaultProps\" @node-click=\"dicNodeClick\"></el-tree>\n        </el-option>\n      </el-select>\n    </div>\n    <ht-form-item>\n      <el-checkbox-group size=\"mini\" v-model=\"field.options.filterable\">\n        <el-checkbox-button label=\"filterable\">字典是否可搜索</el-checkbox-button>\n      </el-checkbox-group>\n    </ht-form-item>\n  </template>\n\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty,'tagConfig')\">\n    <H3 style=\"margin-bottom: 0px;\">标签</H3>\n    <div class=\"customQuery-inputs\">\n      <el-select\n          @visible-change=\"tagClick\"\n          clearable\n          v-model=\"field.options.tag\"\n          placeholder=\"请选择标签\"\n          style=\"width: 100%\"\n          ref=\"tagSelect\">\n        <el-option\n            :value=\"field.options.tag\"\n            :label=\"field.options.tagName\"\n            style=\"width: 100%;height:100%;overflow: auto;background-color:#fff\">\n          <el-tree :data=\"tagData\" :props=\"dicDefaultProps\" @node-click=\"tagNodeClick\"></el-tree>\n        </el-option>\n      </el-select>\n    </div>\n    <ht-form-item>\n      <el-switch\n          v-model=\"field.options.filterable\"\n          active-color=\"#13ce66\"\n          inactive-color=\"#ff4949\"\n          active-text=\"可搜索\"\n          inactive-text=\"不可搜索\">\n      </el-switch>\n      <br>\n      <el-switch\n          v-model=\"field.options.expand\"\n          active-color=\"#13ce66\"\n          inactive-color=\"#ff4949\"\n          active-text=\"可扩展\"\n          inactive-text=\"不可扩展\">\n      </el-switch>\n      <br>\n      <el-switch\n        v-model=\"field.isMultiple\"\n        active-color=\"#13ce66\"\n        inactive-color=\"#ff4949\"\n        active-text=\"多选\"\n        inactive-text=\"单选\">\n      </el-switch>\n    </ht-form-item>\n  </template>\n\n  <template v-if=\"isBasicsProperty(field.options.basicsProperty,'officeConfig')\">\n    <ht-form-item>\n      <el-switch\n        v-model=\"field.options.isRevision\"\n        active-color=\"#13ce66\"\n        inactive-color=\"#ff4949\"\n        active-text=\"显示痕迹\"\n        inactive-text=\"隐藏痕迹\">\n      </el-switch>\n    </ht-form-item>\n  </template>\n\n  <!--开关配置 switch -->\n  <template v-if=\"isBasicsProperty(field.ctrlType, 'switch')\">\n    <ht-form-item label=\"打开时的值\">\n      <el-input\n        v-model=\"field.options.activeValue\"\n        @input=\"field.options.defaultValue = field.options.activeValue\"\n      />\n    </ht-form-item>\n    <ht-form-item label=\"关闭时的值\">\n      <el-input v-model=\"field.options.inactiveValue\" />\n    </ht-form-item>\n    <ht-form-item label=\"打开时文字描述\">\n      <el-input v-model=\"field.options.activeText\" />\n    </ht-form-item>\n    <ht-form-item label=\"关闭时文字描述\">\n      <el-input v-model=\"field.options.inactiveText\" />\n    </ht-form-item>\n  </template>\n\n  <!-- 签章 -->\n  <template v-if=\"isBasicsProperty(field.ctrlType, 'signature')\">\n    <ht-form-item label=\"最大签章人数\">\n      <el-input-number :min=\"1\"\n        v-model=\"field.options.maxPeople\"\n      />\n    </ht-form-item>\n  </template>\n\n  <!-- 通用的不放在 template中-->\n  <el-dialog\n    title=\"自定义运行脚本设置\"\n    :visible.sync=\"dialogScriptVisible\"\n    append-to-body\n    class=\"urgent-text\"\n    :close-on-click-modal=\"false\"\n  >\n    <div>\n      <p>\n        <span>\n          <strong>备注：</strong>\n        </span>\n      </p>\n      <p>只需要填写function内的业务逻辑 内置参数有</p>\n      <code>\n        function(req,data,i18n,Message,Loading,formVm,_this){\n        <br />// 业务逻辑代码\n        <br />// req 异步请求封装\n        可以查看带中的request.js\n        <br />// i18n 国际化对象\n        i18n.t('login.login'); // data 在线表单数据对象\n        <br />// Message,\n        Loading 分别ElementUI 的message 和 loading组件\n        <br />// formVm\n        form的vue实例对象 使用如下\n        <br />// formVm.data 表单数据\n        <br />//\n        formVm.$t('login.login') 国际化\n        <br />// _this 当前控件的vue对象\n        _this.inputVal 控件绑定的model值\n        <br />} // 如果是设置树控件的脚本\n        多三个参数 nodeData节点数据 ,node节点对象,treeComponent 树组件对象\n      </code>\n      <p>如果设置了输入框 返回值将直接绑带到输入框中</p>\n    </div>\n    <ht-form-item label=\"自定义JS脚本\" label-width>\n      <ht-select\n        clearable\n        placeholder=\"选择表单变量\"\n        v-model=\"diyScript\"\n        :options=\"allBoData\"\n        :props=\"{ key: 'name', value: 'desc' }\"\n        @change=\"diyScriptChange\"\n      >\n        <template slot-scope=\"{ options }\">\n          <el-option-group v-for=\"(group, idenx) in options\" :key=\"idenx\" :label=\"group.desc\">\n            <el-option\n              v-for=\"item in group.children\"\n              :key=\"item.id\"\n              :label=\"item.desc\"\n              :value=\"\n                'data.' +\n                  item.path +\n                  (group.nodeType == 'sub' ? '[0]' : '') +\n                  '.' +\n                  item.name\n              \"\n            ></el-option>\n          </el-option-group>\n        </template>\n      </ht-select>\n    </ht-form-item>\n    <div style=\"width: 100%;height:100%;\">\n      <textarea\n        v-model=\"scriptText\"\n        type=\"textarea\"\n        rows=\"15\"\n        autocomplete=\"off\"\n        ref=\"scriptText\"\n        style=\"width: 99%;height:100%;\"\n      ></textarea>\n    </div>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"scriptOk\">确 定</el-button>\n      <el-button\n        @click=\"\n          dialogScriptVisible = false;\n          scriptText = '';\n        \"\n      >取 消</el-button>\n    </div>\n  </el-dialog>\n  <i18n-message-edit\n    ref=\"i18nMessageEdit\"\n    :messageKey=\"i18nMessageKey\"\n    @after-save=\"afterSaveI18n\"\n  />\n</el-form>\n",null]}