{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-bpm\\src\\views\\form\\customDialog\\CustomDialogList.vue?vue&type=template&id=190f22ca&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\views\\form\\customDialog\\CustomDialogList.vue","mtime":1675071992928},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"fullheight\">\n  <!-- 对话框数据 -->\n  <ht-table\n    @load=\"loadData\"\n    :data=\"data\"\n    :pageResult=\"pageResult\"\n    quick-search-props=\"name,alias\"\n    :show-export=\"false\"\n    :defaultSorter=\"[{ property: 'CREATE_TIME_', direction: 'DESC' }]\"\n    ref=\"htTable\"\n    @row-click=\"rowClick\"\n  >\n    <template v-slot:toolbar>\n     \n        <el-button size=\"small\" @click=\"showDialog('add')\" icon=\"el-icon-plus\" type=\"primary\"\n          >添加</el-button\n        >\n         <ht-delete-button :url=\"deleteUrl\" :htTable=\"$refs.htTable\" :style=\"{marginLeft: '10px'}\"\n          >删除</ht-delete-button\n        >\n        <el-button\n        style=\"margin-left:10px\"\n                icon=\"el-icon-back\"\n                @click=\"uploadDialogVisible = true;\"\n                type=\"primary\"\n                plain\n        >导入</el-button\n        >\n        <el-button\n        style=\"margin-left:10px\"\n                icon=\"el-icon-right\"\n                @click=\"handleExport\"\n                type=\"primary\"\n                plain\n        >导出</el-button\n        >\n       \n     \n    </template>\n    <template v-slot:search>\n      <ht-table-search-panel :divide=\"3\">\n        <ht-table-search-field label=\"名称\" prop=\"name\" />\n        <ht-table-search-field label=\"别名\" prop=\"alias\" />\n      </ht-table-search-panel>\n    </template>\n    <template>\n      <ht-table-column type=\"index\" width=\"50\" align=\"center\" label=\"序号\" />\n      <ht-table-column\n        label=\"名称\"\n        prop=\"name\"\n        :sortable=\"true\"\n        :show-overflow-tooltip=\"true\"\n      >\n        <template v-slot=\"{ row }\">\n          <el-link\n            @click=\"showDialog('edit', row)\"\n            type=\"primary\"\n            title=\"编辑详情\"\n            >{{ row.name }}</el-link\n          >\n        </template>\n      </ht-table-column>\n      <ht-table-column\n        prop=\"alias\"\n        width=\"260\"\n        label=\"别名\"\n        :sortable=\"true\"\n      />\n      <ht-table-column\n        prop=\"style\"\n        label=\"显示样式\"\n        width=\"100\"\n        :filters=\"[\n          { text: '列表', value: 0 },\n          { text: '树形', value: 1 },\n          { text: '组合', value: 2 }\n        ]\"\n      >\n        <template v-slot=\"{ row }\">\n          <el-tag type=\"info\" v-if=\"row.style == '0'\">列表</el-tag>\n          <el-tag type=\"success\" v-if=\"row.style == '1'\">树形</el-tag>\n          <el-tag type=\"primary\" v-if=\"row.style == '2'\">组合</el-tag>\n        </template>\n      </ht-table-column>\n      <ht-table-column\n        prop=\"dsType\"\n        label=\"数据来源\"\n        width=\"110\"\n        :filters=\"[\n          { text: '数据源', value: 'dataSource' },\n          { text: 'REST接口', value: 'restful' },\n        ]\"\n      >\n        <template v-slot=\"{ row }\">\n          <el-tag type=\"info\" v-if=\"row.dsType == 'dataSource'\"\n            >数据源</el-tag\n          >\n          <el-tag type=\"success\" v-if=\"row.dsType == 'restful'\"\n            >REST接口</el-tag\n          >\n        </template>\n      </ht-table-column>\n      <ht-table-column\n        prop=\"objName\"\n        label=\"对象名称\"\n        width=\"200\"\n        :sortable=\"true\"\n      />\n      <ht-table-column\n        prop=\"dsalias\"\n        label=\"数据源的别名\"\n        width=\"200\"\n        :sortable=\"true\"\n      />\n      <ht-table-column width=\"120\" label=\"操作\" align=\"center\">\n        <template v-slot=\"{ row }\">\n          <el-dropdown\n            size=\"mini\"\n            split-button\n            @command=\"handleCommond\"\n            @click=\"handleCommond({ row: row, command: 'preview' })\"\n          >\n            <span> <i class=\"el-icon-view\"></i>预览 </span>\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-dropdown-item\n                icon=\"el-icon-plus\"\n                v-if=\"row.style == '0'\"\n                :command=\"{ row: row, command: 'relation' }\"\n                >添加为关联查询</el-dropdown-item\n              >\n            </el-dropdown-menu>\n          </el-dropdown>\n        </template>\n      </ht-table-column>\n    </template>\n  </ht-table>\n  <!-- 添加编辑对话框 -->\n  <el-dialog\n    width=\"70%\"\n    top=\"6vh\"\n    :title=\"title\"\n    :visible=\"dialogVisible\"\n    v-if=\"dialogVisible\"\n    :before-close=\"handleClose\"\n    :close-on-click-modal=\"false\"\n    append-to-body\n    :close-on-press-escape=\"true\"\n  >\n    <el-form\n      style=\"width: 100%; height: 500px\"\n      :model=\"treeSidebarData\"\n      :inline=\"true\"\n      data-vv-scope=\"editCustomDialogList\"\n    >\n      <ht-form-item label=\"名称\" label-width=\"120px\">\n        <ht-input\n          v-model=\"treeSidebarData.name\"\n          class=\"ht\"\n          placeholder=\"请输入名称\"\n          autocomplete=\"off\"\n          validate=\"required\"\n          :maxlength=\"50\"\n          :showWordLimit=\"true\"\n        ></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"别名\" label-width=\"120px\">\n        <ht-input\n          v-model=\"treeSidebarData.alias\"\n          class=\"ht\"\n          v-pinyin=\"treeSidebarData.name\"\n          placeholder=\"请输入别名\"\n          autocomplete=\"off\"\n          :validate=\"{\n            required: true,\n            regex: {\n              exp: '^[a-zA-Z][a-zA-Z0-9_]*$',\n              message: '只能输入字母、数字、下划线，且以字母开头',\n            },\n          }\"\n          :disabled=\"treeSidebarData.id ? true : false\"\n          :maxlength=\"50\"\n          :showWordLimit=\"true\"\n        ></ht-input>\n      </ht-form-item>\n      <ht-form-item label=\"样式\" label-width=\"120px\">\n        <ht-radio\n          v-model=\"treeSidebarData.style\"\n          class=\"ht\"\n          :options=\"[\n            { key: 0, value: '列表' },\n            { key: 1, value: '树形' },\n            { key: 2 ,value: '组合' }\n          ]\"\n          :readonly=\"disabled\"\n        />\n      </ht-form-item>\n      <ht-form-item\n        label=\"分页\"\n        v-if=\"treeSidebarData.style != 1\"\n        label-width=\"120px\"\n      >\n        <ht-radio\n          v-model=\"treeSidebarData.needPage\"\n          class=\"ht\"\n          :options=\"[\n            { key: true, value: '是' },\n            { key: false, value: '否' },\n          ]\"\n        />\n      </ht-form-item>\n      <ht-form-item label=\"单选多选\" label-width=\"120px\">\n        <ht-radio\n          v-model=\"treeSidebarData.selectNum\"\n          class=\"ht\"\n          :options=\"[\n            { key: 1, value: '单选' },\n            { key: -1, value: '多选' },\n          ]\"\n        />\n      </ht-form-item>\n      <div v-if=\"treeSidebarData.style == 2\"><br/></div>\n      <ht-form-item label=\"左树型对话框\" v-if=\"treeSidebarData.style == 2\" label-width=\"120px\">\n        <ht-select class=\"ht\" v-model=\"combinationRule.leftTree\" :options=\"leftTreeDialogList\" :props=\"{ key: 'alias', value: 'name' }\" @change=\"loadDialogFields\"></ht-select>\n      </ht-form-item>\n      <ht-form-item label=\"右列表对话框\" v-if=\"treeSidebarData.style == 2\" label-width=\"120px\">\n        <ht-select class=\"ht\" v-model=\"combinationRule.rightDialog\" :options=\"rightDialogList\" :props=\"{ key: 'alias', value: 'name' }\" @change=\"loadDialogFields\"></ht-select>\n      </ht-form-item>\n      <template v-if=\"treeSidebarData.style == 2 && combinationRule.leftTree && combinationRule.rightDialog\">\n        <el-divider>设置组合规则</el-divider>\n        <el-link type=\"primary\" @click=\"addCombinationRule\">添加组合规则</el-link><br/>\n        <template v-for=\"(rule,index) in combinationRule.rules\">\n          <ht-form-item :label=\"combinationRule.leftTree\" label-width=\"120px\">\n            <ht-select class=\"ht\" v-model=\"combinationRule.rules[index].treeField\" :options=\"treeDialogFields\" :props=\"{key:'alias',value:'name'}\"></ht-select>\n          </ht-form-item>\n          <ht-form-item :label=\"combinationRule.rightDialog\" label-width=\"120px\">\n            <ht-select class=\"ht\" v-model=\"combinationRule.rules[index].listField\" :options=\"listDialogFields\" :props=\"{key:'alias',value:'name'}\" @change=\"(item) => {setCondition(item,index)}\"></ht-select>\n            <el-link @click=\"deleteRule(index)\" type=\"primary\">删除</el-link>\n          </ht-form-item>\n        </template>\n      </template>\n\n      <ht-form-item label=\"数据来源\" label-width=\"120px\" v-if=\"treeSidebarData.style != 2\">\n        <ht-radio\n          v-model=\"treeSidebarData.dsType\"\n          class=\"ht\"\n          :readonly=\"disabled\"\n          :options=\"[\n            { key: 'dataSource', value: '数据源' },\n            { key: 'restful', value: 'REST接口' },\n          ]\"\n        />\n      </ht-form-item>\n      <!-- 数据源配置 -->\n      <div v-show=\"treeSidebarData.dsType == 'dataSource' && treeSidebarData.style != 2\">\n        <ht-form-item\n          label=\"数据源\"\n          v-if=\"!treeSidebarData.id\"\n          label-width=\"120px\"\n        >\n          <ht-select\n            class=\"ht\"\n            v-model=\"treeSidebarData.dsalias\"\n            :options=\"dataSourcesInBean\"\n            :props=\"{ key: 'alias', value: 'name' }\"\n          />\n        </ht-form-item>\n        <ht-form-item\n          label=\"查询表(视图)\"\n          v-if=\"!treeSidebarData.id && treeSidebarData.style != 2\"\n          label-width=\"120px\"\n        >\n          <ht-select\n            style=\"width: 100px\"\n            v-model=\"treeSidebarData.isTable\"\n            :options=\"isTableList\"\n          />&nbsp;&nbsp;\n          <ht-input\n            v-model=\"objName\"\n            style=\"width: 170px\"\n            placeholder=\"请输入表或视图名称\"\n            autocomplete=\"off\"\n          ></ht-input\n          >&nbsp;&nbsp;\n          <el-button type=\"primary\" @click=\"getByDsObjectName\"\n            >查 询</el-button\n          >\n        </ht-form-item>\n        <ht-form-item label=\"选择表或视图\" label-width=\"120px\">\n          <ht-select\n            v-show=\"!treeSidebarData.id\"\n            v-model=\"treeSidebarData.objName\"\n            :options=\"tableOrViewList\"\n            :remote-method=\"getByDsObjectName\"\n            :props=\"{ key: 'name', value: 'comment' }\"\n            v-if=\"treeSidebarData.style != 2\"\n          />&nbsp;&nbsp;\n          <label v-if=\"treeSidebarData.id\"\n            >对象名称：{{ treeSidebarData.objName }}&nbsp;&nbsp;所属数据源：{{\n              treeSidebarData.dsalias\n            }}</label\n          >&nbsp;&nbsp;\n          <el-button\n            type=\"primary\"\n            v-if=\"treeSidebarData.objName\"\n            @click=\"showSettingDialog\"\n            >设置列</el-button\n          >\n        </ht-form-item>\n      </div>\n      <!-- restful配置 -->\n      <div v-if=\"treeSidebarData.dsType == 'restful'\">\n        <ht-form-item label=\"请求地址\" label-width=\"120px\">\n          <ht-input\n            v-model=\"treeSidebarData.url\"\n            class=\"ht\"\n            placeholder=\"请输入请求地址\"\n            autocomplete=\"off\"\n            validate=\"required\"\n          >\n            <template slot=\"append\">\n              <el-tooltip\n                slot=\"label\"\n                effect=\"dark\"\n                content=\"Restful接口地址，若要请求当前系统的某个微服务，以${服务名称}为前缀，如：${form}/base/tools/v1/getPinyin\" \n              >\n                <i class=\"icon-question\"></i>\n              </el-tooltip> </template\n          ></ht-input>\n        </ht-form-item>\n        <ht-form-item label=\"请求类型\" label-width=\"120px\">\n          <ht-radio\n            v-model=\"treeSidebarData.requestType\"\n            class=\"ht\"\n            :options=\"[\n              { key: 'POST', value: 'POST' },\n              { key: 'GET', value: 'GET' },\n            ]\"\n          />\n        </ht-form-item>\n        <ht-form-item\n          label=\"页号(key)\"\n          label-width=\"120px\"\n          v-if=\"\n            treeSidebarData.requestType == 'POST' &&\n            treeSidebarData.needPage &&\n            treeSidebarData.style != 1\n          \"\n        >\n          <ht-input\n            v-model=\"treeSidebarData.pageKey\"\n            class=\"ht\"\n            placeholder=\"请输入页号\"\n            autocomplete=\"off\"\n            validate=\"required\"\n          ></ht-input>\n        </ht-form-item>\n        <ht-form-item\n          label=\"分页大小(key)\"\n          label-width=\"120px\"\n          v-if=\"\n            treeSidebarData.requestType == 'POST' &&\n            treeSidebarData.needPage &&\n            treeSidebarData.style != 1\n          \"\n        >\n          <ht-input\n            v-model=\"treeSidebarData.pageSizeKey\"\n            class=\"ht\"\n            placeholder=\"请输入分页大小\"\n            autocomplete=\"off\"\n            validate=\"required\"\n          ></ht-input>\n        </ht-form-item>\n        <ht-form-item\n          label=\"总条数(key)\"\n          label-width=\"120px\"\n          v-if=\"\n            treeSidebarData.requestType == 'POST' &&\n            treeSidebarData.needPage &&\n            treeSidebarData.style != 1\n          \"\n        >\n          <ht-input\n            v-model=\"treeSidebarData.totalKey\"\n            class=\"ht\"\n            placeholder=\"请输入总条数\"\n            autocomplete=\"off\"\n            validate=\"required\"\n          ></ht-input>\n        </ht-form-item>\n        <ht-form-item\n          label=\"列表(key)\"\n          label-width=\"120px\"\n          v-if=\"\n            treeSidebarData.requestType == 'POST' &&\n            treeSidebarData.needPage &&\n            treeSidebarData.style != 1\n          \"\n        >\n          <ht-input\n            v-model=\"treeSidebarData.listKey\"\n            class=\"ht\"\n            placeholder=\"请输入列表\"\n            autocomplete=\"off\"\n            validate=\"required\"\n          ></ht-input>\n        </ht-form-item>\n        <ht-form-item label=\"数据源\" label-width=\"120px\">\n          <el-button type=\"primary\" @click=\"showSettingDialog\"\n            >设置列</el-button\n          >\n        </ht-form-item>\n      </div>\n    </el-form>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <ht-submit-button\n        :url=\"saveUrl\"\n        :model=\"treeSidebarData\"\n        scope-name=\"editCustomDialogList\"\n        @before-save-data=\"beforeSaveData\"\n        @after-save-data=\"afterSaveData\"\n        :isSubmit=\"isSubmit\"\n        >{{ $t(\"eip.common.save\") }}</ht-submit-button\n      >\n      <el-button @click=\"handleClose\">取 消</el-button>\n    </div>\n  </el-dialog>\n\n  <!-- 设置列 -->\n  <ht-sidebar-dialog\n    width=\"100%\"\n    class=\"cd-column__dialog\"\n    :visible=\"dialogVisibleSetting\"\n    :before-close=\"close\"\n    :close-on-click-modal=\"false\"\n    :show-close=\"false\"\n    append-to-body\n  >\n    <template v-slot:title  >\n      <div class=\"flex\" style=\"justify-content: space-between; width: 100%\">\n        <div style=\"float: left; width: 100%\">\n          <el-page-header\n            style=\"float: left\"\n            @back=\"close\"\n            :content=\"titleSetting\"\n          ></el-page-header>\n          <el-button\n            style=\"float: left; margin-left: 20px\"\n            type=\"success\"\n            @click=\"addFields\"\n            v-if=\"treeSidebarData.dsType != 'dataSource'\"\n            icon=\"el-icon-plus\"\n            >添加字段</el-button\n          >\n          <el-button\n            style=\"float: right\"\n            type=\"primary\"\n            @click=\"save\"\n            icon=\"el-icon-check\"\n            >保 存</el-button\n          >\n        </div>\n      </div>\n    </template>\n    <el-form   data-vv-scope=\"settingSave\" class=\"custom-dialog__wrap\">\n      <el-row :gutter=\"20\" class=\"custom-dialog__row\">\n        <el-col :span=\"7\" class=\"custom-dialog__row_left\">\n          <el-table\n            :data=\"table.columnList\"\n            @selection-change=\"handleSelectionChange\"\n            border\n            ref=\"htTableSetting\"\n          >\n            <el-table-column type=\"selection\" width=\"40\" />\n            <el-table-column\n              v-if=\"treeSidebarData.dsType == 'dataSource'\"\n              prop=\"fieldName\"\n              :key=\"1\"\n              label=\"字段\"\n              width=\"150\"\n            />\n            <el-table-column\n              v-if=\"treeSidebarData.dsType != 'dataSource'\"\n              :key=\"1\"\n              label=\"字段\"\n              width=\"150\"\n            >\n              <template v-slot=\"{ row }\">\n                <ht-input\n                  v-model=\"row.fieldName\"\n                  placeholder=\"请输入字段\"\n                  autocomplete=\"off\"\n                  validate=\"required\"\n                ></ht-input>\n              </template>\n            </el-table-column>\n            <el-table-column label=\"字段说明\" :key=\"2\">\n              <template v-slot=\"{ row }\">\n                <ht-input\n                  v-model=\"row.comment\"\n                  style=\"width: 100%\"\n                  placeholder=\"请输入字段说明\"\n                  autocomplete=\"off\"\n                  validate=\"required\"\n                  :maxlength=\"50\"\n                ></ht-input>\n              </template>\n            </el-table-column>\n            <el-table-column\n              label=\"类型\"\n              prop=\"columnType\"\n              width=\"80\"\n              :key=\"3\"\n            />\n            <el-table-column\n              label=\"操作\"\n              width=\"100\"\n              v-if=\"treeSidebarData.dsType != 'dataSource'\"\n              :key=\"4\"\n            >\n              <template v-slot=\"{ row, $index }\">\n                <el-button\n                  size=\"mini\"\n                  type=\"danger\"\n                  icon=\"el-icon-delete\"\n                  @click=\"deleteSetting(table.columnList, $index)\"\n                  >删除</el-button\n                >\n              </template>\n            </el-table-column>\n          </el-table>\n        </el-col>\n        <el-col :span=\"1\">\n          <el-button\n            type=\"primary\"\n            circle\n            icon=\"icon-hide\"\n            :title=\"addColumnsTitle\"\n            style=\"\n              -webkit-transform: rotate(270deg);\n              transform: rotate(270deg);\n            \"\n            @click=\"addColumns\"\n          />\n        </el-col>\n        <el-col :span=\"16\" class=\"custom-dialog__row_right\">\n          <el-tabs v-model=\"tabStatus\"  @tab-click=\"handleTabSwitch\" type=\"border-card\">\n            <el-tab-pane label=\"显示字段\" name=\"display\">\n              <!-- 列表 -->\n              <el-table\n                :data=\"treeSidebarData.displayfield\"\n                border\n                v-if=\"treeSidebarData.style == 0\"\n              >\n                <el-table-column prop=\"field\" label=\"字段名\" width=\"200\" />\n                <el-table-column label=\"显示名\">\n                  <template v-slot=\"{ row }\">\n                    <ht-input\n                      v-model=\"row.comment\"\n                      placeholder=\"请输入显示名\"\n                      style=\"width: 100%\"\n                      autocomplete=\"off\"\n                      validate=\"required\"\n                      :maxlength=\"50\"\n                      :showWordLimit=\"true\"\n                    ></ht-input>\n                  </template>\n                </el-table-column>\n                <el-table-column label=\"操作\" width=\"100\">\n                  <template v-slot=\"{ row, $index }\">\n                    <el-button\n                      size=\"mini\"\n                      type=\"danger\"\n                      icon=\"el-icon-delete\"\n                      @click=\"\n                        deleteSetting(treeSidebarData.displayfield, $index)\n                      \"\n                      >删除</el-button\n                    >\n                  </template>\n                </el-table-column>\n              </el-table>\n              <!-- 树形 -->\n              <el-form\n                :model=\"displayfieldTree\"\n                data-vv-scope=\"editSysTypeForm\"\n                v-show=\"treeSidebarData.style == 1\"\n              >\n                <ht-form-item label=\"ID\" label-width=\"120px\">\n                  <ht-input\n                    v-model=\"displayfieldTree.id\"\n                    placeholder=\"请输入ID\"\n                    autocomplete=\"off\"\n                    validate=\"required\"\n                    :maxlength=\"50\"\n                    :showWordLimit=\"true\"\n                  ></ht-input>\n                </ht-form-item>\n                <ht-form-item label=\"父ID\" label-width=\"120px\">\n                  <ht-input\n                    v-model=\"displayfieldTree.pid\"\n                    placeholder=\"请输入父ID\"\n                    autocomplete=\"off\"\n                    validate=\"required\"\n                    :maxlength=\"50\"\n                    :showWordLimit=\"true\"\n                  ></ht-input>\n                </ht-form-item>\n                <ht-form-item label=\"父ID初始值\" label-width=\"120px\">\n                  <ht-input\n                    type=\"textarea\"\n                    :autosize=\"{ minRows: 4, maxRows: 6 }\"\n                    v-model=\"displayfieldTree.pvalue\"\n                    placeholder=\"请输入父ID初始值\"\n                    validate=\"required\"\n                    autocomplete=\"off\"\n                    :maxlength=\"200\"\n                    :showWordLimit=\"true\"\n                  ></ht-input\n                  >&nbsp;&nbsp;\n                  <el-checkbox v-model=\"displayfieldTree.isScript\"\n                    >脚本</el-checkbox\n                  >\n                </ht-form-item>\n                <ht-form-item label=\"显示名\" label-width=\"120px\">\n                  <ht-input\n                    v-model=\"displayfieldTree.displayName\"\n                    placeholder=\"请输入显示名\"\n                    autocomplete=\"off\"\n                    validate=\"required\"\n                    :maxlength=\"50\"\n                    :showWordLimit=\"true\"\n                  ></ht-input>\n                </ht-form-item>\n              </el-form>\n            </el-tab-pane>\n            <el-tab-pane label=\"条件字段\" name=\"condition\">\n\n              <el-table :data=\"treeSidebarData.conditionfield\" border>\n                <el-table-column prop=\"field\" label=\"字段名\" width=\"130\" />\n                <el-table-column label=\"显示名\">\n                  <template v-slot=\"{ row }\">\n                    <ht-input\n                      v-model=\"row.comment\"\n                      placeholder=\"请输入显示名\"\n                      autocomplete=\"off\"\n                      validate=\"required\"\n                      :maxlength=\"50\"\n                    ></ht-input>\n                  </template>\n                </el-table-column>\n                <el-table-column label=\"条件\" width=\"120\">\n                  <template v-slot=\"{ row }\">\n                    <ht-select\n                      v-show=\"row.dbType == 'number' || row.dbType == 'int'\"\n                      v-model=\"row.condition\"\n                      :options=\"number_opList\"\n                      :validate=\"{ required: true }\"\n                    />\n                    <ht-select\n                      v-show=\"row.dbType == 'varchar' || row.dbType == 'clob'\"\n                      v-model=\"row.condition\"\n                      :options=\"string_opList\"\n                      :validate=\"{ required: true }\"\n                    />\n                    <ht-select\n                      v-show=\"row.dbType == 'date'\"\n                      v-model=\"row.condition\"\n                      :options=\"date_opList\"\n                      :validate=\"{ required: true }\"\n                    />\n                  </template>\n                </el-table-column>\n                <el-table-column label=\"值来源\" width=\"130\">\n                  <template v-slot=\"{ row }\">\n                    <ht-select\n                      v-show=\"treeSidebarData.style != '1'\"\n                      v-model=\"row.defaultType\"\n                      :options=\"value_sourceList_list\"\n                      :validate=\"{ required: true }\"\n                      @change=\"controllerTypeChange(row)\"\n                    />\n                    <ht-select\n                      v-show=\"treeSidebarData.style == '1'\"\n                      v-model=\"row.defaultType\"\n                      :options=\"value_sourceList_tree\"\n                      :validate=\"{ required: true }\"\n                      @change=\"controllerTypeChange(row)\"\n                    />\n                  </template>\n                </el-table-column>\n                <el-table-column label=\"默认值\" width=\"250\">\n                  <template v-slot=\"{ row }\">\n                    <ht-input\n                      type=\"textarea\"\n                      v-if=\"\n                        (row.defaultType == '2' || row.defaultType == '5') &&\n                        row.dbType != 'date'\n                      \"\n                      :autosize=\"{ minRows: 4, maxRows: 6 }\"\n                      v-model=\"row.defaultValue\"\n                      placeholder=\"请输入默认值\"\n                      autocomplete=\"off\"\n                      validate=\"required\"\n                      :maxlength=\"200\"\n                      :showWordLimit=\"true\"\n                    ></ht-input>\n                    <!-- <ht-select\n                      v-if=\"row.defaultType=='1'\"\n                      v-model=\"row.controllerType\"\n                      :options=\"param_ctList\"\n                      :validate=\"{'required':true}\"\n                    />-->\n                    <span style=\"line-height: 32px\">\n                      <el-select\n                        style=\"float: left\"\n                        @change=\"\n                          (val) => {\n                            paramChange(val, row);\n                          }\n                        \"\n                        :popper-append-to-body=\"false\"\n                        v-if=\"row.defaultType == '1'\"\n                        v-model=\"row.controllerType\"\n                        placeholder=\"请选择\"\n                      >\n                        <el-option\n                          v-for=\"item in param_ctList\"\n                          :key=\"item.value\"\n                          :label=\"item.value\"\n                          :value=\"item.key\"\n                        >\n                          <span style=\"float: left\">{{ item.value }}</span>\n                        </el-option>\n                      </el-select>\n                      <param-setting-dialog\n                        v-if=\"\n                          param_ctList[row.controllerType - 1] &&\n                          param_ctList[row.controllerType - 1].config\n                        \"\n                        :title=\"param_ctList[row.controllerType - 1].value\"\n                        @returnVal=\"\n                          (val) => {\n                            returnVal(val, row);\n                          }\n                        \"\n                        :config=\"\n                          row && row.config\n                            ? row.config\n                            : param_ctList[row.controllerType - 1].config\n                        \"\n                        :data=\"treeSidebarData.conditionfield\"\n                      ></param-setting-dialog>\n                    </span>\n                    <ht-date\n                      v-if=\"row.defaultType == '2' && row.dbType == 'date'\"\n                      v-model=\"row.defaultValue\"\n                      :validate=\"{ required: true }\"\n                      format=\"yyyy-MM-dd\"\n                    />\n                    <div\n                      v-if=\"\n                        row.defaultType == '2' &&\n                        row.dbType == 'date' &&\n                        row.condition == 'BETWEEN'\n                      \"\n                    >\n                      <ht-date\n                        v-model=\"row.endDate\"\n                        placeholder=\"选择结束日期\"\n                        :validate=\"{ required: true }\"\n                        format=\"yyyy-MM-dd\"\n                      />\n                    </div>\n                  </template>\n                </el-table-column>\n                <el-table-column label=\"操作\" width=\"100\">\n                  <template v-slot=\"{ row, $index }\">\n                    <el-button\n                      size=\"mini\"\n                      type=\"danger\"\n                      icon=\"el-icon-delete\"\n                      @click=\"\n                        deleteSetting(treeSidebarData.conditionfield, $index)\n                      \"\n                      >删除</el-button\n                    >\n                  </template>\n                </el-table-column>\n              </el-table>\n            </el-tab-pane>\n            <el-tab-pane label=\"返回字段\" name=\"return\">\n              <el-table :data=\"treeSidebarData.resultfield\" border>\n                <el-table-column prop=\"field\" label=\"字段名\" width=\"200\" />\n                <el-table-column label=\"返回名称\">\n                  <template v-slot=\"{ row }\">\n                    <ht-input\n                      v-model=\"row.comment\"\n                      style=\"width: 100%\"\n                      placeholder=\"请输入返回名称\"\n                      autocomplete=\"off\"\n                      validate=\"required\"\n                      :maxlength=\"50\"\n                      :showWordLimit=\"true\"\n                    ></ht-input>\n                  </template>\n                </el-table-column>\n                <el-table-column\n                  prop=\"columnType\"\n                  label=\"字段类型\"\n                  width=\"100\"\n                />\n                <el-table-column label=\"操作\" width=\"100\">\n                  <template v-slot=\"{ row, $index }\">\n                    <el-button\n                      size=\"mini\"\n                      type=\"danger\"\n                      icon=\"el-icon-delete\"\n                      @click=\"\n                        deleteSetting(treeSidebarData.resultfield, $index)\n                      \"\n                      >删除</el-button\n                    >\n                  </template>\n                </el-table-column>\n              </el-table>\n            </el-tab-pane>\n            <el-tab-pane\n              label=\"排序字段\"\n              name=\"order\"\n              v-if=\"treeSidebarData.dsType == 'dataSource'\"\n            >\n              <el-table :data=\"treeSidebarData.sortfield\" border>\n                <el-table-column prop=\"field\" label=\"字段名\" width=\"200\" />\n                <el-table-column\n                  prop=\"comment\"\n                  label=\"字段说明\"\n                  width=\"200\"\n                />\n                <el-table-column label=\"排序类型\">\n                  <template v-slot=\"{ row }\">\n                    <ht-select\n                      v-model=\"row.sortType\"\n                      :options=\"sort_typeList\"\n                      :validate=\"{ required: true }\"\n                    />\n                  </template>\n                </el-table-column>\n                <el-table-column label=\"操作\">\n                  <template v-slot=\"{ row, $index }\">\n                    <el-button\n                      size=\"mini\"\n                      type=\"danger\"\n                      icon=\"el-icon-delete\"\n                      @click=\"\n                        deleteSetting(treeSidebarData.sortfield, $index)\n                      \"\n                      >删除</el-button\n                    >\n                  </template>\n                </el-table-column>\n              </el-table>\n            </el-tab-pane>\n            <el-tab-pane label=\"自定义SQL\" name=\"custom\">\n              <el-checkbox v-model=\"isSqlBuildType\">\n                自定义SQL\n                <el-tooltip class=\"item\" effect=\"dark\" placement=\"top\">\n                  <div slot=\"content\">\n                    <ul>\n                      <li>\n                        自定义SQL\n                        <ul>\n                          <li>if(map.get('ACTDEFID')!=null){</li>\n                          <li>\n                            return 'select * from where ACTDEFID like\n                            '%'+map.get('ACTDEFID')+'%'' ;\n                          </li>\n                          <li>}</li>\n                          <li>其中的map为系统所封装的一个参数</li>\n                          <li>\n                            在脚本中使用map.get('ACTDEFID')可以获取表单提交时所携带的ACTDEFID参数值，\n                            脚本应拼接并返回任意的可执行的sql语句;同时，sql语句字段返回应该包含我们定义的\n                            返回字段，和显示字段，通常使用select *\n                            from的方式保证需求字段都在这个查询里面\n                          </li>\n                        </ul>\n                      </li>\n                    </ul>\n                  </div>\n                  <i class=\"icon-question\" style=\"margin-right: 8px\" />\n                </el-tooltip>\n              </el-checkbox>\n              <ht-select\n                v-model=\"selectOp\"\n                :options=\"selectOptions\"\n                @change=\"changeOptions()\"\n                :props=\"{ key: 'field', value: 'comment' }\"\n              ></ht-select>\n              <br />\n              <br />\n              <el-input\n                type=\"textarea\"\n                :validate=\"{ required: true }\"\n                :autosize=\"{ minRows: 12 }\"\n                placeholder=\"请输入内容\"\n                v-model=\"treeSidebarData.diySql\"\n              ></el-input>\n            </el-tab-pane>\n\n            <el-tab-pane\n              label=\"POST请求参数\"\n              name=\"dataParam\"\n              v-if=\"treeSidebarData.dsType != 'dataSource' && treeSidebarData.requestType == 'POST'\"\n            >\n              <div style=\"min-height: 320px;\">\n                <el-tag type=\"warning\">以POST方式请求接口时传入的参数，参数中可以通过${field}传入条件字段中定义的参数。</el-tag>\n                <VariablesSelector\n                  :data=\"treeSidebarData.conditionfield\"\n                  node-key=\"field\"\n                  :props=\"{label:'comment', children: 'children'}\"\n                  @node-click=\"handleVarSelectorClick\"\n                />\n                <codemirror\n                  ref=\"dataParamCode\"\n                  v-model=\"treeSidebarData.dataParam\"\n                  :options=\"cmOptions\"\n                  class=\"code\"\n                  style=\"width: 95%;min-height:270px;\"\n                ></codemirror>\n              </div>\n            </el-tab-pane>\n\n          </el-tabs>\n        </el-col>\n      </el-row>\n    </el-form>\n  </ht-sidebar-dialog>\n  <!-- 自定义对话框列表预览 -->\n  <custom-dialog-show\n    :title=\"titlePreview\"\n    ref=\"customDialogShow\"\n    :custom-dialog=\"customDialogPreview\"\n    :alias=\"aliasPreview\"\n    @handle-save=\"handleSavePreview\"\n  ></custom-dialog-show>\n  <!-- 自定义对话框树形预览 参数动态传入的--->\n  <custom-dialog-show-tree\n    :title=\"titlePreview\"\n    ref=\"customDialogShowTree\"\n    :custom-dialog=\"customDialogPreview\"\n    :alias=\"aliasPreview\"\n  ></custom-dialog-show-tree>\n  <!-- 自定义对话框树形预览  参数没有动态传入的-->\n  <eip-tree-dialog\n    ref=\"eipTreeDialog\"\n    :custom-dialog=\"customDialogPreview\"\n    :alias=\"aliasPreview\"\n  ></eip-tree-dialog>\n  <el-dialog title=\"上传文件\" :visible=\"uploadDialogVisible\" :before-close=\"beforeClose\" name=\"uploadDialog\" width=\"40%\" top=\"30vh\" custom-class=\"upload-dialog\">\n    <el-upload :action=\"uploadUrl\" :http-request=\"handleImport\" accept=\".zip\"\n    :file-list=\"fileList\" :limit=\"1\" :auto-upload=\"false\" ref=\"elUpload\" class=\"upload-dialog__content\">\n      <el-button size=\"small\" icon=\"el-icon-upload\">点击上传</el-button>\n      <div slot=\"tip\" class=\"el-upload__tip\">只能上传zip文件</div>\n    </el-upload>\n    <span slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"uploadSubmit\" >上传</el-button>\n      <el-button type=\"default\" @click=\"beforeClose\">取消</el-button>\n    </span>\n  </el-dialog>\n</div>\n",null]}