{"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\\customquery\\CustomQueryList.vue?vue&type=template&id=e68a65c6&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\views\\form\\customquery\\CustomQueryList.vue","mtime":1675071992960},{"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    :defaultSorter=\"[{'property':'CREATE_TIME_','direction':'DESC'}]\"\n    :show-export=\"false\"\n    ref=\"htTable\"\n    @row-click=\"rowClick\"\n  >\n    <template v-slot:toolbar>\n        <el-button size=\"small\" \n        @click=\"showDialog('add')\" icon=\"el-icon-plus\" type='primary'>添加</el-button>\n        <ht-delete-button :url=\"deleteUrl\" :htTable=\"$refs.htTable\" :style=\"{marginLeft: '10px'}\">删除</ht-delete-button>\n        <el-button size=\"small\" \n        style=\"margin-left:10px\"\n        @click=\"uploadDialogVisible = true;\" icon=\"el-icon-back\" type=\"primary\" plain>导入</el-button>\n        <el-button size=\"small\" @click=\"handleExport\"\n        style=\"margin-left:10px\"\n        icon=\"el-icon-right\" type=\"primary\" plain>导出</el-button>\n    </template>\n    <template>\n      <ht-table-column type=\"index\" width=\"50\" align=\"center\" label=\"序号\" />\n      <ht-table-column label=\"名称\" prop=\"name\" :sortable=\"true\" :show-overflow-tooltip=\"true\">\n        <template v-slot=\"{ row }\">\n          <el-link @click=\"showDialog('edit', row.id)\" type=\"primary\" title=\"编辑详情\">{{ row.name }}</el-link>\n        </template>\n      </ht-table-column>\n      <ht-table-column prop=\"alias\" width=\"260\" label=\"别名\" :sortable=\"true\" />\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'\">数据源</el-tag>\n          <el-tag type=\"success\" v-if=\"row.dsType == 'restful'\">REST接口</el-tag>\n        </template>\n      </ht-table-column>\n      <ht-table-column prop=\"objName\" label=\"对象名称\" width=\"260\" :sortable=\"true\" />\n      <ht-table-column prop=\"dsalias\" label=\"数据源的别名\" width=\"160\" :sortable=\"true\" />\n      <ht-table-column width=\"120\" label=\"操作\">\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>\n              <i class=\"el-icon-view\"></i>预览\n            </span>\n            <el-dropdown-menu slot=\"dropdown\">\n              <el-dropdown-item\n                icon=\"el-icon-plus\"\n                :command=\"{ row: row, command: 'dialog' }\"\n              >添加为对话框</el-dropdown-item>\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    :before-close=\"handleClose\"\n    :close-on-click-modal=\"false\"\n    append-to-body\n  >\n    <el-form\n      style=\"width:100%;height: 500px;\"\n      :model=\"treeSidebarData\"\n      :inline=\"true\"\n      data-vv-scope=\"editCustomQueryList\"\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=\"{ required: true, regex:{exp:'^[a-zA-Z][a-zA-Z0-9_]*$', message:'只能输入字母、数字、下划线，且以字母开头' } }\"\n          :disabled=\"treeSidebarData.id ? true : false\"\n          :maxlength=\"50\"\n          :showWordLimit=\"true\"\n        ></ht-input>\n      </ht-form-item>\n\n      <ht-form-item label=\"分页大小\" label-width=\"120px\" v-if=\"treeSidebarData.needPage == 1\">\n        <ht-input\n          v-model=\"treeSidebarData.pageSize\"\n          class=\"ht\"\n          placeholder=\"请输入分页大小\"\n          autocomplete=\"off\"\n          :validate=\"{ required: true, numeric: true, max_value: 500 }\"\n        >\n          <template slot=\"append\">\n            <el-tooltip slot=\"label\" effect=\"dark\" content=\"关联查询时固定按照该分页大小返回第一页数据，分页大小上限为500。\">\n              <i class=\"icon-question\"></i>\n            </el-tooltip>\n          </template>\n        </ht-input>\n      </ht-form-item>\n\n      <ht-form-item label=\"数据来源\" label-width=\"120px\">\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'\">\n        <ht-form-item label=\"数据源\" v-if=\"!treeSidebarData.id\" label-width=\"120px\">\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 label=\"查询表(视图)\" v-if=\"!treeSidebarData.id\" label-width=\"120px\">\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>&nbsp;&nbsp;\n          <el-button type=\"primary\" @click=\"getByDsObjectName\">查 询</el-button>\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          />&nbsp;&nbsp;\n          <label v-if=\"treeSidebarData.id\">\n            对象名称：{{ treeSidebarData.objName }}&nbsp;&nbsp;所属数据源：{{\n            treeSidebarData.dsalias\n            }}\n          </label>&nbsp;&nbsp;\n          <el-button type=\"primary\" v-if=\"treeSidebarData.objName\" @click=\"showSettingDialog\">设置列</el-button>\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>\n            </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 label-width=\"120px\" label=\"接口头部\">\n          <ht-input\n            v-model=\"treeSidebarData.header\"\n            class=\"ht\"\n            placeholder=\"请求接口的头部信息\"\n            autocomplete=\"off\"\n          >\n            <template slot=\"append\">\n              <el-tooltip\n                slot=\"label\"\n                effect=\"dark\"\n                content=\"接口头部（header）为JSON格式，如：{'Authorization':'Bearer eyJhbGciOiJIUzUxMiJ9'}\"\n              >\n                <i class=\"icon-question\"></i>\n              </el-tooltip>\n            </template>\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 == 1\n          \"\n        >\n          <ht-input\n            v-if=\"treeSidebarData.needPage == 1\"\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 == 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 == 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 label=\"列表(key)\" label-width=\"120px\">\n          <ht-input\n            v-model=\"treeSidebarData.listKey\"\n            class=\"ht\"\n            placeholder=\"列表所对应key\"\n            autocomplete=\"off\"\n          >\n            <template slot=\"append\">\n              <el-tooltip\n                slot=\"label\"\n                effect=\"dark\"\n                content=\"如果返回的数据为复杂结构，请输入列表数据的key(支持多级嵌套结构，例如result.rows)\"\n              >\n                <i class=\"icon-question\"></i>\n              </el-tooltip>\n            </template>\n          </ht-input>\n        </ht-form-item>\n        <ht-form-item label=\"参数配置\" label-width=\"120px\">\n          <el-button type=\"primary\" @click=\"showSettingDialog\">设置参数</el-button>\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=\"editCustomQueryList\"\n        @before-save-data=\"beforeSaveData\"\n        @after-save-data=\"afterSaveData\"\n        :isSubmit=\"isSubmit\"\n      >{{ $t(\"eip.common.save\") }}</ht-submit-button>\n      <el-button @click=\"handleClose\">取 消</el-button>\n    </div>\n  </el-dialog>\n  <!-- 设置列 -->\n  <ht-sidebar-dialog\n    width=\"100%\"\n    :title=\"titleSetting\"\n    class=\"cd-column__dialog\"\n    :visible=\"dialogVisibleSetting\"\n    :before-close=\"close\"\n    :close-on-click-modal=\"false\"\n    append-to-body\n    :show-close=\"false\"\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 style=\"float: left;\" @back=\"close\" :content=\"titleSetting\"></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          <el-button style=\"float: right;\" type=\"primary\" @click=\"save\" icon=\"el-icon-check\">保 存</el-button>\n        </div>\n      </div>\n    </template>\n    <el-form data-vv-scope=\"settingSave\" class=\"form-table__wrap\">\n      <el-row :gutter=\"20\" class=\"form-table__row\">\n        <el-col :span=\"7\" class=\"form-table__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                  :maxlength=\"50\"\n                ></ht-input>\n              </template>\n            </el-table-column>\n            <el-table-column label=\"注解\" key=\"3\">\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 label=\"类型\" prop=\"columnType\" width=\"80\" key=\"4\" />\n            <el-table-column\n              label=\"操作\"\n              width=\"100\"\n              v-if=\"treeSidebarData.dsType != 'dataSource'\"\n              key=\"2\"\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              </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=\"-webkit-transform: rotate(270deg);transform: rotate(270deg)\"\n            @click=\"addColumns\"\n          />\n        </el-col>\n        <el-col :span=\"16\" class=\"form-table__right\">\n          <el-tabs v-model=\"tabStatus\" @tab-click=\"handleTabSwitch\" type=\"border-card\">\n            <el-tab-pane label=\"返回字段\" name=\"return\">\n              <div v-if=\"treeSidebarData.dsType != 'dataSource'\">\n                <el-tag type=\"warning\">如果返回的数据为复杂的JSON结构，可以指定列表（key）字段，当前返回字段为列表中的字段。</el-tag>\n                <ol class=\"guide-ol\">\n                  <li>\n                    例如返回的数据为：\n                    <code>{state: true, message: \"数据请求成功\", result: {page: 1, size:20, total: 200, rows: [{name: \"name1\",age: 20},{name: \"name2\",age: 18}]}}</code>\n                  </li>\n                  <li>\n                    指定列表（key）字段为\n                    <code>result.rows</code>，现在返回字段就可以指定\n                    <code>{name: \"name1\",age: 20}</code>中的字段，如：\n                    <code>name</code>或者\n                    <code>age</code>\n                  </li>\n                </ol>\n                <br />\n              </div>\n              <el-table :data=\"treeSidebarData.resultfield\" border>\n                <el-table-column prop=\"field\" label=\"字段名\" width=\"200\">\n                  <template v-slot=\"{ row }\">\n                    <ht-input\n                      :permission=\"treeSidebarData.dsType != 'dataSource' ? 'w':'r'\"\n                      v-model=\"row.field\"\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 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                      :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.resultfield, $index)\n                      \"\n                    >删除</el-button>\n                  </template>\n                </el-table-column>\n              </el-table>\n            </el-tab-pane>\n            <el-tab-pane label=\"条件字段\" name=\"condition\">\n              <el-table :data=\"treeSidebarData.conditionfield\" border>\n                <el-table-column label=\"字段名\" width=\"130\">\n                  <template v-slot=\"{ row }\">\n                    <ht-input\n                      :permission=\"treeSidebarData.dsType != 'dataSource' ? 'w':'r'\"\n                      v-model=\"row.field\"\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=\"130\">\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\n                  label=\"条件\"\n                  width=\"120\"\n                  v-if=\"treeSidebarData.dsType == 'dataSource'\"\n                >\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                      @change=\"sourceListChang(row)\"\n                      :validate=\"{ required: true }\"\n                    />\n                    <ht-select\n                      v-show=\"treeSidebarData.style == '1'\"\n                      v-model=\"row.defaultType\"\n                      @change=\"sourceListChang(row)\"\n                      :options=\"value_sourceList_tree\"\n                      :validate=\"{ required: true }\"\n                    />\n                  </template>\n                </el-table-column>\n                <el-table-column label=\"默认值\">\n                  <template v-slot=\"{ row }\">\n                    <ht-input\n                      type=\"textarea\"\n                      v-if=\"row.dbType != 'date' && row.defaultType == 2\"\n                      :autosize=\"{ minRows: 1, maxRows: 4 }\"\n                      v-model=\"row.defaultValue\"\n                      placeholder=\"请输入默认值\"\n                      autocomplete=\"off\"\n                      :validate=\"{'required':row.defaultType == '2'}\"\n                      :maxlength=\"200\"\n                      :showWordLimit=\"true\"\n                    ></ht-input>\n                    <ht-date\n                      v-if=\"row.dbType == 'date'\"\n                      v-model=\"row.defaultValue\"\n                      :validate=\"{'required':row.defaultType == '2'}\"\n                      format=\"yyyy-MM-dd\"\n                    />\n                    <div v-if=\"row.dbType == 'date' && row.condition == 'BETWEEN'\">\n                      <ht-date\n                        v-model=\"row.endDate\"\n                        placeholder=\"选择结束日期\"\n                        :validate=\"{'required':row.defaultType == '2'}\"\n                        format=\"yyyy-MM-dd\"\n                      />\n                    </div>\n                  </template>\n                </el-table-column>\n                <el-table-column label=\"控件类型\" width=\"140\">\n                  <template v-slot=\"{ row }\">\n                    <ht-select\n                      v-if=\"\n                        row.defaultType == '1'\n                          ? (row.controllerType = '1')\n                          : (row.controllerType = '')\n                      \"\n                      v-model=\"row.controllerType\"\n                      :options=\"param_ctList\"\n                      :validate=\"{ required: true }\"\n                    />\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                  </template>\n                </el-table-column>\n              </el-table>\n            </el-tab-pane>\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            <el-tab-pane label=\"排序字段\" name=\"order\" v-if=\"treeSidebarData.dsType == 'dataSource'\">\n              <el-table :data=\"treeSidebarData.sortfield\" border>\n                <el-table-column prop=\"field\" label=\"字段名\" width=\"200\" />\n                <el-table-column prop=\"comment\" label=\"注解\" width=\"200\" />\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=\"操作\" 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.sortfield, $index)\n                      \"\n                    >删除</el-button>\n                  </template>\n                </el-table-column>\n              </el-table>\n            </el-tab-pane>\n            <el-tab-pane\n              label=\"自定义SQL\"\n              name=\"custom\"\n              v-if=\"treeSidebarData.dsType == 'dataSource'\"\n            >\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>return 'select * from where ACTDEFID like '%'+map.get('ACTDEFID')+'%'' ;</li>\n                          <li>}</li>\n                          <li>其中的map为系统所封装的一个参数</li>\n                          <li>\n                            在脚本中使用map.get('ACTDEFID')可以获取表单提交时所携带的ACTDEFID参数值，\n                            脚本应拼接并返回任意的可执行的sql语句;同时，sql语句字段返回应该包含我们定义的\n                            返回字段，和显示字段，通常使用select * 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                @change=\"changeOptions()\"\n                :options=\"selectOptions\"\n                :props=\"{key:'field', value:'comment'}\"\n              ></ht-select>\n              <br />\n              <br />\n              <!--<el-button @click=\"getScriptList\">常用脚本</el-button>-->\n              <el-input\n                type=\"textarea\"\n                :autosize=\"{ minRows: 12 }\"\n                placeholder=\"请输入内容\"\n                v-model=\"treeSidebarData.diySql\"\n                @input=\"diySqlChange($event)\"\n              ></el-input>\n            </el-tab-pane>\n          </el-tabs>\n        </el-col>\n      </el-row>\n    </el-form>\n  </ht-sidebar-dialog>\n  <!-- 关联查询预览 -->\n  <custom-query-show ref=\"customQueryShow\" />\n  <!--导入功能上传-->\n  <el-dialog title=\"上传文件\" :visible=\"uploadDialogVisible\" :before-close=\"beforeClose\"  name=\"uploadDialog\" width=\"40%\" custom-class=\"upload-dialog\"\n    top=\"30vh\">\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]}