{"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\\PropertyPanel.vue?vue&type=template&id=c50cd3fc&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\form\\PropertyPanel.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<el-form data-vv-scope=\"field\" class=\"form\" size=\"small\" inline label-position=\"left\">\n  <el-tabs class=\"field__tabs\" v-model=\"activeTabName\" type=\"card\" @tab-click=\"handleClick\">\n    <el-tab-pane label=\"字段属性\" name=\"field\">\n      <el-scrollbar class=\"scrollbar-fullheight\">\n        <el-collapse v-if=\"field && !field.isLayout\" accordion v-model=\"avtiveCollapseName\">\n          <el-collapse-item title=\"基础属性\" name=\"basic\">\n            <!-- iframe 配置项显示在基础属性中 -->\n            <template v-if=\"!field.isLayout && (field.ctrlType == 'iframe' || field.ctrlType == 'contractPreview')\">\n              <BasicsProperty\n                :data=\"field\"\n                :main-bo-fields=\"tableFields\"\n                :all-bo-data=\"allBoData\"\n                :bo-def-data=\"boDefData\"\n                :formVarData=\"formVarData\"\n                :returnData=\"returnData\"\n                :formType=\"formData.formType\"\n                :linkageNoAttrFieldList=\"noAttrFieldList\"\n              />\n            </template>\n            <template v-if=\"!field.isLayout && !field.noBasics\">\n              <ht-form-item label-width=\"100px\" v-if=\"isNoAttrField()\">\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                  validate=\"required\"\n                  v-model=\"field.tableName\"\n                  :options=\"tableFields\"\n                  :props=\"{key: 'keyName', value: 'desc'}\"\n                  filterable\n                  clearable\n                  @change=\"changeNoAttrFile\"\n                >\n                  <template slot-scope=\"{options}\">\n                    <el-option\n                        v-for=\"group in options\"\n                        :key=\"group.name\"\n                        :label=\"group.desc\"\n                        :value=\"group.name\"\n                      ></el-option>\n                  </template>\n                </ht-select>\n              </ht-form-item>\n\n              <ht-form-item v-show=\"false\" label-width=\"100px\" v-if=\"isNoAttrField()\">\n                <template slot=\"label\">\n                  <span>控件别名</span>\n                </template>\n                <ht-input v-model=\"field.name\" readonly></ht-input>\n              </ht-form-item>\n            </template>\n            <template v-if=\"!field.isLayout && !field.noBasics\">\n              <ht-form-item label-width=\"100px\" v-if=\"!field.options || !field.options.noBindModel\">\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                  validate=\"required\"\n                  v-model=\"field.target\"\n                  :options=\"tableFields\"\n                  :props=\"{key: 'keyName', value: 'desc'}\"\n                  filterable\n                  clearable\n                  @change=\"change\"\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-form-item>\n              <ht-form-item label=\"字段标题\" label-width=\"100px\" v-if=\"!field.noTitle\">\n                <ht-input v-model=\"field.desc\" style=\"width: 215px\">\n                  <el-button icon=\"el-icon-search\" slot=\"append\" style=\"width: 80px\" @click=\"editI18nMessage('')\">国际化</el-button>\n                </ht-input>\n              </ht-form-item>\n              <ht-form-item v-if=\"field.ctrlType!='divider'\" label=\"控件类型\" label-width=\"100px\">\n                <el-select v-model=\"field.ctrlType\" :filterable=\"true\" @change=\"isChangeWatch\">\n                  <el-option-group label=\"基础字段\">\n                    <el-option\n                      v-for=\"item in basicComponents.filter(obj => {\n                        return filterFieldsByCurrentField(obj)\n                      })\"\n                      :key=\"item.ctrlType\"\n                      :label=\"item.desc\"\n                      :value=\"item.ctrlType\"\n                    />\n                  </el-option-group>\n                  <el-option-group label=\"高级字段\">\n                    <el-option\n                      v-for=\"item in advanceComponents.filter(obj => {\n                        return filterAdvanceFields(obj)\n                      })\"\n                      :key=\"item.ctrlType\"\n                      :label=\"item.desc\"\n                      :value=\"item.ctrlType\"\n                    />\n                  </el-option-group>\n                </el-select>\n              </ht-form-item>\n\n              <ht-form-item label-width=\"100px\" v-if=\"!field.noTitle && field.options\">\n                <template slot=\"label\">\n                  <el-tooltip content=\"子孙表Table布局列宽请设置为：px\">\n                    <i class=\"property-tip icon-question\" />\n                  </el-tooltip>\n                  <span>标题宽度</span>\n                </template>\n                <ht-input v-model=\"field.options.labelstyleWidth\" placeholder=\"宽度：100%\"></ht-input>\n              </ht-form-item>\n              <!-- 高德地图 -->\n              <template v-if=\"field.ctrlType == 'amap'\">\n                <ht-form-item label-width=\"100px\">\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                    validate=\"required\"\n                    v-model=\"field.options.addressName\"\n                    :options=\"tableFields\"\n                    :props=\"{key: 'name', value: 'desc'}\"\n                    @change=\"changeMap\"\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-form-item>\n                <ht-form-item label-width=\"100px\">\n                  <template slot=\"label\">\n                    <el-tooltip content=\"高德地图控件的高度，默认高度为：350px。\">\n                      <i class=\"property-tip icon-question\" />\n                    </el-tooltip>\n                    <span>地图高度</span>\n                  </template>\n                  <ht-input type=\"number\" v-model=\"field.options.heightMap\" v-if=\"!field.noTitle\" :min=\"0\"></ht-input>\n                </ht-form-item>\n              </template>\n              <!-- 对应某些控件是基础属性 但又不是所有控件的基础属性放入BasicsProperty组件中 -->\n              <BasicsProperty\n                :data=\"field\"\n                :main-bo-fields=\"tableFields\"\n                :all-bo-data=\"allBoData\"\n                :bo-def-data=\"boDefData\"\n                :formVarData=\"formVarData\"\n                :returnData=\"returnData\"\n                :formType=\"formData.formType\"\n                :linkageNoAttrFieldList=\"noAttrFieldList\"\n              />\n            </template>\n          </el-collapse-item>\n          <el-collapse-item title=\"高级属性\" name=\"advanced\" v-if=\"!field.noAdvanced\">\n            <advanced-property\n              :data.sync=\"field\"\n              :main-bo-fields=\"tableFields\"\n              :all-bo-data=\"allBoData\"\n              :boDefData=\"boDefData\"\n              :fieldIndexData=\"fieldIndexData\"\n            />\n          </el-collapse-item>\n        </el-collapse>\n        <template v-else-if=\"field && field.isLayout\">\n          <layout-property\n            :data.sync=\"field\"\n            :sub-tables=\"subTables\"\n            :sun-tables=\"sunTables\"\n            :tablefields=\"tableFields\"\n            :bo-def-data=\"boDefData\"\n            :formType=\"formData.formType\"\n          />\n        </template>\n        <div v-else class=\"field-empty\">选择一个字段进行属性设置</div>\n      </el-scrollbar>\n    </el-tab-pane>\n    <el-tab-pane label=\"表单属性\" name=\"form\" style=\"padding: 0 10px 10px\" data-vv-scope=\"editBpmForm\">\n      <el-scrollbar class=\"scrollbar-fullheight\">\n        <el-collapse v-model=\"formCollapseActiveNames\">\n          <el-collapse-item title=\"基础属性\" name=\"formBasic\">\n            <el-form :model=\"formData\" data-vv-scope=\"editBpmForm\" class=\"form__property-content\">\n              <ht-form-item label=\"表单分类\" label-width=\"80px\">\n                <EipSysTypeSelector\n                  placeholder=\"请选择表单分类\"\n                  cat-id=\"7\"\n                  v-model=\"formData.typeName\"\n                  :sys-type-id.sync=\"formData.typeId\"\n                  :validate=\"{required: true}\"\n                />\n              </ht-form-item>\n              <ht-form-item label=\"表单名称\" label-width=\"80px\">\n                <ht-input\n                  v-model=\"formData.name\"\n                  autocomplete=\"off\"\n                  :validate=\"{required: true}\"\n                  placeholder=\"请输入名称\"\n                  :maxlength=\"50\"\n                  :showWordLimit=\"true\"\n                ></ht-input>\n              </ht-form-item>\n              <div style=\"display:flex;\">\n                <ht-form-item label=\"表单别名\" label-width=\"80px\">\n                <ht-input\n                  v-model=\"formData.formKey\"\n                  v-pinyin=\"formData.name\"\n                  :disabled=\"formData.id ? true : false\"\n                  autocomplete=\"off\"\n                  :validate=\"{\n                    required: true,\n                    isExist: '${form}/form/form/v1/checkKey?key=',\n                    regex: {\n                      exp: '^[a-zA-Z][a-zA-Z0-9_]*$',\n                      message: '只能输入字母、数字、下划线，且以字母开头'\n                    }\n                  }\"\n                  :maxlength=\"50\"\n                  :showWordLimit=\"true\"\n                  placeholder=\"请输入别名\"\n                ></ht-input>\n              </ht-form-item>\n              <el-tooltip class=\"item\" effect=\"dark\" content=\"别名只能填写英文、数字、下划线\" placement=\"right-start\">\n                  <span class=\"el-icon-question\" style=\"margin-left: -5px;margin-top:10px;\"></span>\n                </el-tooltip>\n              </div>\n              <ht-form-item label=\"表单描述\" label-width=\"80px\">\n                <ht-input type=\"textarea\" v-model=\"formData.desc\" :maxlength=\"200\" :showWordLimit=\"true\" placeholder=\"请输入描述\" />\n              </ht-form-item>\n            </el-form>\n          </el-collapse-item>\n          <el-collapse-item title=\"表单配置\" name=\"formConfig\">\n            <el-form :model=\"formData\" data-vv-scope=\"editBpmForm\" class=\"form__property-content\">\n              <ht-form-item label=\"样式配置\" label-width=\"80px\">\n                <el-button @click=\"formSettingClick\" type=\"primary\" plain class=\"style__config-btn\">设计样式</el-button>\n              </ht-form-item>\n            </el-form>\n          </el-collapse-item>\n        </el-collapse>\n      </el-scrollbar>\n    </el-tab-pane>\n  </el-tabs>\n  <el-dialog\n    title=\"表单配置\"\n    :visible.sync=\"formSettingVisible\"\n    append-to-body\n    class=\"urgent-text\"\n    :close-on-click-modal=\"false\"\n    width=\"60%\"\n  >\n    <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n      <tbody>\n        <tr>\n          <th style=\"min-width: 130px\">字体颜色:</th>\n          <td>\n            <el-color-picker v-model=\"formSetting.fontColor\" size=\"mini\"></el-color-picker>\n          </td>\n        </tr>\n        <tr>\n          <th style=\"min-width: 130px\">是否隐藏冒号:</th>\n          <td>\n            <el-checkbox v-model=\"formSetting.customColon\">是</el-checkbox>\n          </td>\n        </tr>\n        <tr>\n          <th style=\"min-width: 130px\">标题位置:</th>\n          <td>\n            <ht-select\n              v-model=\"formSetting.align\"\n              :options=\"[{key: 'right', value: '居右'}, {key: 'center', value: '居中'}, {key: 'left', value: '居左'}, {key: 'justify', value: '两端对齐'}]\"\n            />\n          </td>\n        </tr>\n      </tbody>\n    </table>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"formSettingOk\">确 定</el-button>\n      <el-button type=\"danger\" @click=\"formSettingReset\">重 置</el-button>\n      <el-button @click=\"formSettingVisible = false\">取 消</el-button>\n    </div>\n  </el-dialog>\n  <el-dialog\n    title=\"引入脚本\"\n    :visible.sync=\"dialogincluddingFileVisible\"\n    append-to-body\n    class=\"urgent-text\"\n    :close-on-click-modal=\"false\"\n    width=\"1024\"\n  >\n    <el-row style=\"height: 100%\">\n      <el-col :span=\"12\" style=\"padding: 5px; height: 100%\">\n        <codemirror ref=\"mycode\" v-model=\"formHtml\" :options=\"cmOptions\" class=\"mycode\" style=\"width: 99%; height: 100%\"></codemirror>\n      </el-col>\n      <el-col :span=\"12\" style=\"padding: 5px\">\n        <ht-form-item label=\"自定义JS脚本\" label-width>\n          <el-dropdown @command=\"variablesClick\" size=\"mini\">\n            <el-button type=\"primary\">\n              常用变量\n              <i class=\"el-icon-arrow-down el-icon--right\"></i>\n            </el-button>\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-dropdown-item :command=\"{value: 'currentUser.account'}\">当前用户账号</el-dropdown-item>\n              <el-dropdown-item :command=\"{value: 'currentUser.username'}\">当前用户名称</el-dropdown-item>\n            </el-dropdown-menu>\n          </el-dropdown>\n        </ht-form-item>\n        <span style=\"color: red\">编辑的脚本内容会直接填充到【script】里面；如需使用到表单BO数据例：data.实体表名.实体表字段</span>\n        <codemirror\n          ref=\"mycode2\"\n          v-model=\"includeFiles.diyJs\"\n          :options=\"cmOptions2\"\n          class=\"code\"\n          style=\"width: 99%; height: 100%\"\n        ></codemirror>\n      </el-col>\n    </el-row>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"includeFilesOk\">确 定</el-button>\n      <el-button\n        @click=\"\n          dialogincluddingFileVisible = false\n          includeFiles.diyJs = ''\n        \"\n        >取 消</el-button\n      >\n    </div>\n  </el-dialog>\n  <ht-load-data :url.sync=\"formHtmlUrl\" context=\"form\" @after-load-data=\"afterformHtml\"></ht-load-data>\n  <i18n-message-edit ref=\"i18nMessageEdit\" :messageKey=\"i18nMessageKey\" @after-save=\"afterSaveI18n\" />\n</el-form>\n",null]}