{"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\\dataTemplate\\DisplaySetting.vue?vue&type=template&id=04df65a0&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\components\\form\\dataTemplate\\DisplaySetting.vue","mtime":1675071992131},{"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-container>\n  <el-row :gutter=\"20\" style=\"width: 100%\">\n    <el-col :span=\"7\">\n      <el-table\n        ref=\"displaySettingTable\"\n        border\n        :max-height=\"tabHeight\"\n        :data=\"displaySettingFields\"\n        tooltip-effect=\"dark\"\n        @row-dblclick=\"fillToDisplay\"\n      >\n        <el-table-column type=\"selection\" width=\"55\"></el-table-column>\n        <el-table-column\n          prop=\"name\"\n          label=\"列名\"\n          class=\"is-required\"\n          show-overflow-tooltip\n        ></el-table-column>\n        <el-table-column\n          prop=\"desc\"\n          label=\"注释\"\n          show-overflow-tooltip\n        ></el-table-column>\n        <el-table-column\n          prop=\"type\"\n          label=\"类型\"\n          width=\"80\"\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=\"将所选字段添加为显示字段\"\n        style=\"-webkit-transform: rotate(270deg); transform: rotate(270deg)\"\n        @click=\"allFillToDisplay()\"\n      />\n    </el-col>\n    <el-col :span=\"16\">\n      <el-table\n        ref=\"displayTable\"\n        border\n        :max-height=\"tabHeight\"\n        :data=\"displayFields\"\n        tooltip-effect=\"dark\"\n        style=\"width: 100%\"\n        @selection-change=\"handleSelectionChange\"\n      >\n        <el-table-column type=\"selection\" width=\"55\"> </el-table-column>\n        <el-table-column\n          label=\"序号\"\n          type=\"index\"\n          width=\"50\"\n        ></el-table-column>\n        <el-table-column prop=\"name\" label=\"列名\" width=\"200\">\n          <template slot-scope=\"scope\">\n            <span v-if=\"!scope.row.customColumn\">{{ scope.row.name }}</span>\n            <ht-input\n              v-if=\"scope.row.customColumn\"\n              v-model=\"scope.row.name\"\n              placeholder=\"请输入列表内容\"\n              validate=\"required\"\n              style=\"width: 50%; margin-right: 3px\"\n            ></ht-input>\n            <el-button\n              v-if=\"scope.row.customColumn\"\n              @click=\"sqlDialogShow(scope.row)\"\n              size=\"mini\"\n              >配置SQL</el-button\n            >\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"desc\" label=\"注释\" width=\"135\">\n          <template scope=\"scope\">\n            <el-input\n              v-model=\"scope.row.desc\"\n              placeholder=\"请输入字段注释\"\n              :maxlength=\"50\"\n              show-word-limit\n            ></el-input>\n          </template>\n        </el-table-column>\n        <el-table-column\n          prop=\"right\"\n          :render-header=\"rightRenderHeader\"\n          label=\"显示权限\"\n          width=\"220\"\n        >\n          <template scope=\"scope\">\n            <span>{{ rightToDesc(scope.row.right) }}</span>\n            <span style=\"float: right\">\n              <el-button\n                size=\"small\"\n                @click=\"setFieldRightDialog(scope.row)\"\n                icon=\"el-icon-edit\"\n              ></el-button>\n            </span>\n          </template>\n        </el-table-column>\n        <el-table-column label=\"管理\">\n          <template slot=\"header\">\n            <span style=\"margin-right: 10px\">管理</span>\n            <el-button type=\"primary\" @click=\"addCustomColumn\" size=\"mini\">\n              添加\n            </el-button>\n            <el-button type=\"danger\" @click=\"delCustomColumn\" size=\"mini\">\n              删除\n            </el-button>\n          </template>\n          <template slot-scope=\"scope\">\n            <el-button\n              v-if=\"\n                (scope.row.urlType && scope.row.urlType != 'noUrl') ||\n                (scope.row.ruleSettings &&\n                  scope.row.ruleSettings.length > 0) ||\n                scope.row.openType ||\n                (scope.row.formatterData &&\n                  scope.row.formatterData.length > 0)\n              \"\n              type=\"primary\"\n              @click=\"setting(scope.row)\"\n              size=\"small\"\n            >\n              设置\n            </el-button>\n            <el-button\n              v-if=\"\n                (!scope.row.urlType || scope.row.urlType == 'noUrl') &&\n                ((scope.row.ruleSettings &&\n                  scope.row.ruleSettings.length == 0) ||\n                  !scope.row.formatterData) &&\n                !scope.row.openType &&\n                ((scope.row.formatterData &&\n                  scope.row.formatterData.length == 0) ||\n                  !scope.row.formatterData)\n              \"\n              @click=\"setting(scope.row)\"\n              size=\"small\"\n            >\n              设置\n            </el-button>\n            <el-button\n              @click=\"sort(scope.$index, 'down')\"\n              size=\"small\"\n              icon=\"el-icon-arrow-down\"\n              plain\n            ></el-button>\n            <el-button\n              @click=\"sort(scope.$index, 'up')\"\n              size=\"small\"\n              icon=\"el-icon-arrow-up\"\n              plain\n            ></el-button>\n            <el-button\n              :plain=\"scope.row.mpDisplay === btnType.notShow\"\n              class=\"mobile-btn\"\n              :class=\"{\n                'is-active__btn': scope.row.mpDisplay === btnType.isShow,\n              }\"\n              v-show=\"\n                scope.row.mpDisplay\n                  ? (scope.row.mpDisplay = scope.row.mpDisplay)\n                  : initMpDisplay(scope.row)\n              \"\n              @click=\"btnChange(scope.row)\"\n              >移动端</el-button\n            >\n            <el-button\n              @click=\"remove(scope.$index)\"\n              type=\"danger\"\n              size=\"small\"\n              icon=\"el-icon-delete\"\n              plain\n            ></el-button>\n          </template>\n        </el-table-column>\n      </el-table>\n    </el-col>\n  </el-row>\n  <!-- 选择对话框  -->\n  <eip-auth-dialog\n    ref=\"eipAuthDialog\"\n    name=\"eipAuthDialog\"\n    @onConfirm=\"authDialogOnConfirm\"\n    append-to-body\n  />\n  <el-dialog\n    title=\"设置\"\n    width=\"60%\"\n    append-to-body\n    :visible.sync=\"settingVisible\"\n    :close-on-click-modal=\"false\"\n  >\n    <el-tabs v-model=\"activeName\" type=\"card\">\n      <el-tab-pane label=\"格式化设置\" name=\"formatter\">\n        <el-button\n          type=\"primary\"\n          style=\"margin-bottom: 10px; margin-right: 10px\"\n          @click=\"addSetting\"\n          >添加</el-button\n        >\n        <el-tag\n          >类似固定选项的方式配置实际值和显示内容的映射关系，例如：实际值为：0，显示内容为：男士；实际值为：1，显示内容为：女士</el-tag\n        >\n        <el-table :data=\"selectedRow.formatterData\" border>\n          <el-table-column label=\"实际值\">\n            <template slot-scope=\"scope\">\n              <el-input\n                v-model=\"scope.row.key_\"\n                :maxlength=\"50\"\n                show-word-limit\n              />\n            </template>\n          </el-table-column>\n          <el-table-column label=\"显示内容\">\n            <template slot-scope=\"scope\">\n              <el-input\n                v-model=\"scope.row.value_\"\n                :maxlength=\"50\"\n                show-word-limit\n              />\n            </template>\n          </el-table-column>\n          <el-table-column label=\"操作\">\n            <template slot-scope=\"scope\">\n              <el-button\n                icon=\"el-icon-delete\"\n                @click=\"removeSetting(scope.$index)\"\n              />\n            </template>\n          </el-table-column>\n        </el-table>\n      </el-tab-pane>\n      <el-tab-pane label=\"设置链接\" name=\"url\">\n        <table class=\"form-table\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n          <tbody>\n            <tr>\n              <td>链接类型</td>\n              <td>\n                <el-radio-group v-model=\"selectedRow.urlType\">\n                  <el-radio label=\"edit\">查询明细</el-radio>\n                  <el-radio label=\"reportForm\">选择其它报表</el-radio>\n                  <el-radio label=\"url\">URL地址</el-radio>\n                  <el-radio label=\"noUrl\">无链接</el-radio>\n                </el-radio-group>\n              </td>\n            </tr>\n            <tr v-if=\"selectedRow.urlType == 'url'\">\n              <td>内容</td>\n              <td>\n                <el-input\n                  v-model=\"selectedRow.url\"\n                  placeholder=\"请输入url地址\"\n                />\n              </td>\n            </tr>\n          </tbody>\n\n          <tbody v-if=\"selectedRow.urlType == 'reportForm'\">\n            <tr>\n              <td>选择报表</td>\n              <td>\n                <ht-input\n                  type=\"text\"\n                  @focus=\"showDataTemplateDialog\"\n                  placeholder=\"请选择报表\"\n                  v-model=\"reportName\"\n                >\n                  <el-button\n                    slot=\"append\"\n                    type=\"primary\"\n                    icon=\"el-icon-search\"\n                    @click=\"showDataTemplateDialog\"\n                    >选择</el-button\n                  >\n                </ht-input>\n              </td>\n            </tr>\n            <tr v-if=\"conditionField.length > 0\">\n              <td>参数关系</td>\n              <td>\n                <el-table :data=\"conditionField\">\n                  <el-table-column :label=\"data.data.name\">\n                    <template slot-scope=\"scope\">\n                      <ht-select\n                        v-model=\"scope.row.parameter\"\n                        :props=\"{key: 'name', value: 'desc'}\"\n                        :options=\"displayFields\"\n                      >\n                      </ht-select>\n                    </template>\n                  </el-table-column>\n                  <el-table-column :label=\"reportName\">\n                    <template slot-scope=\"scope\">\n                      <ht-select\n                        v-model=\"scope.row.key\"\n                        :options=\"conditionField\"\n                      >\n                      </ht-select>\n                    </template>\n                  </el-table-column>\n                </el-table>\n              </td>\n            </tr>\n          </tbody>\n          <tbody v-if=\"selectedRow.urlType == 'url'\">\n            <tr>\n              <td>追加参数</td>\n              <td>\n                <table\n                  class=\"form-table\"\n                  cellspacing=\"0\"\n                  cellpadding=\"0\"\n                  border=\"0\"\n                >\n                  <tbody>\n                    <tr class=\"linkageTable-tr\">\n                      <td width=\"120px\">参数名</td>\n                      <td width=\"120px\">取值列</td>\n                      <td width=\"120px\">\n                        操作\n                        <el-button\n                          size=\"small\"\n                          icon=\"el-icon-plus\"\n                          @click=\"urlParamsAdd()\"\n                        ></el-button>\n                      </td>\n                    </tr>\n                    <tr\n                      class=\"linkageTable-tr\"\n                      v-for=\"(uparam, index) in urlParams\"\n                      :key=\"index\"\n                    >\n                      <td>\n                        <el-input\n                          size=\"mini\"\n                          type=\"text\"\n                          v-model=\"uparam.name\"\n                          :maxlength=\"50\"\n                          show-word-limit\n                        />\n                      </td>\n                      <td>\n                        <ht-select\n                          v-model=\"uparam.field\"\n                          :options=\"displaySettingFields\"\n                          clearable\n                          filterable\n                          :props=\"{key: 'name', value: 'desc'}\"\n                        />\n                      </td>\n                      <td>\n                        <el-button\n                          size=\"small\"\n                          icon=\"el-icon-plus\"\n                          @click=\"urlParamsAdd()\"\n                        ></el-button>\n                        <el-button\n                          icon=\"el-icon-delete\"\n                          @click=\"urlParamsRemove(uparam)\"\n                        ></el-button>\n                      </td>\n                    </tr>\n                  </tbody>\n                </table>\n              </td>\n            </tr>\n          </tbody>\n          <tbody v-if=\"selectedRow.urlType != 'noUrl'\">\n            <tr>\n              <td>打开方式</td>\n              <td>\n                <el-radio-group v-model=\"selectedRow.openType\">\n                  <el-radio label=\"old\">当前页面打开</el-radio>\n                  <el-radio label=\"new\">新窗口打开</el-radio>\n                </el-radio-group>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </el-tab-pane>\n      <el-tab-pane label=\"显示设置\" name=\"showSetting\">\n        <el-button\n          type=\"primary\"\n          @click=\"addProSetting\"\n          style=\"margin-right: 5px\"\n          >添加</el-button\n        >\n        <span style=\"margin-right: 3px\" v-if=\"selectedRow.type == 'number'\"\n          >进度条</span\n        >\n        <el-switch\n          v-model=\"proSetting2\"\n          v-if=\"selectedRow.type == 'number'\"\n          @change=\"proSwitchChange\"\n          style=\"margin-right: 5px\"\n        >\n        </el-switch>\n        <ht-radio\n          v-model=\"selectedRow.ruleSetting\"\n          v-if=\"proSetting2\"\n          :options=\"calOptions\"\n        />\n        <el-input-number\n          v-model=\"selectedRow.diyProRule\"\n          v-if=\"proSetting2\"\n          :controls=\"false\"\n          size=\"mini\"\n          @change=\"diyProRuleChange\"\n        />\n        <br />\n        <el-table\n          :data=\"selectedRow.ruleSettings\"\n          border\n          style=\"margin-top: 3px\"\n        >\n          <el-table-column label=\"文字颜色\">\n            <template slot-scope=\"scope\">\n              <el-color-picker v-model=\"scope.row.proColor\" />\n            </template>\n          </el-table-column>\n          <el-table-column label=\"规则设置\">\n            <template slot-scope=\"scope\">\n              <!--<el-input v-model=\"scope.row.proRule\" />-->\n              <el-button\n                @click=\"\n                  showRuleSettingDialog(scope.row.proRule, scope.$index)\n                \"\n                >规则设置</el-button\n              >\n            </template>\n          </el-table-column>\n          <el-table-column label=\"操作\">\n            <template slot-scope=\"scope\">\n              <el-button\n                icon=\"el-icon-delete\"\n                @click=\"removeProSetting(scope.$index)\"\n              />\n            </template>\n          </el-table-column>\n        </el-table>\n        <span style=\"color: red\" class=\"is-required\">\n          注：若多条规则均返回true时，采用最后一条规则的文字颜色。\n        </span>\n      </el-tab-pane>\n    </el-tabs>\n\n    <span slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"dialogOk\" size=\"medium\"\n        >确 定</el-button\n      >\n      <el-button @click=\"cancelSetting\" size=\"medium\">取 消</el-button>\n    </span>\n  </el-dialog>\n\n  <el-dialog\n    title=\"配置SQL\"\n    :visible.sync=\"sqlConfigDialog\"\n    append-to-body\n    :close-on-click-modal=\"false\"\n  >\n    <el-input type=\"textarea\" v-model=\"sql\" />\n    <div>\n      此处写的SQL，会动态的插入到原执行SQL语句中，故请详细阅读规则:<br />\n      <span>①</span\n      >因为SQL拼接位置为SELECT当中，语句最前面需要拼接一个逗号。<br />\n      <span>②</span>如果需要涉及到连表查询，关联字段需要加个t.***。<br />\n      <span>③</span>最后取别名的时候一定要取与列的列名（name）一样的。<br />\n      <span>④</span>查询字段不要用*，只查询一个字段。<br />\n      <span style=\"color:red\">⑤ORACLE数据库列名要用大写，pgsql数据库列名要用小写。</span><br/>\n      <span class=\"is-required\">参考案例:</span>\n      <span style=\"margin-left: 10px\"\n        >,( SELECT uc_user.account_ FROM uc_user WHERE uc_user.id_ = '1' )\n        userAccount\n      </span>\n    </div>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button\n        @click=\"\n          sqlConfigDialog = false\n          sql = ''\n        \"\n        >取 消</el-button\n      >\n      <el-button type=\"primary\" @click=\"sqlConfigOk()\">确定</el-button>\n    </div>\n  </el-dialog>\n\n  <el-dialog\n    title=\"配置规则\"\n    :visible.sync=\"isShowRuleSettingDialog\"\n    append-to-body\n    class=\"urgent-text\"\n    :close-on-click-modal=\"false\"\n    :destroy-on-close=\"true\"\n  >\n    <div style=\"margin-top: 10px; margin-bottom: 25px\">\n      <code>\n        <span style=\"color: red; margin-left: 15px\"\n          >编辑的脚本内容会直接填充到function(data){...}里面；data是表单数据对象，可以通过data.{显示字段列名}来获取字段的值。</span\n        >\n        <br />\n        <span style=\"color: red; margin-left: 15px\"\n          >返回true时按此规则的文字颜色来显示。</span\n        >\n        <br />\n        <span style=\"color: red; margin-left: 15px\">\n          例如： if(data.fieldName && data.fieldName == '张三' ){ return true;\n          }else{ return false; }\n        </span>\n      </code>\n    </div>\n    <div style=\"width: 100%; height: 100%\">\n      <codemirror\n        ref=\"scriptText\"\n        v-model=\"dialogRuleData\"\n        :options=\"cmOptions\"\n        class=\"code\"\n        style=\"width: 99%; height: 100%\"\n      ></codemirror>\n    </div>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"methodOk()\">确 定</el-button>\n      <el-button @click=\"isShowRuleSettingDialog = false\">取 消</el-button>\n    </div>\n  </el-dialog>\n\n  <eip-data-template-dialog\n    :appendToBody=\"true\"\n    ref=\"dataTemplateDialog\"\n    :single=\"true\"\n    @onConfirm=\"onDataTemplateConfirm\"\n  ></eip-data-template-dialog>\n</el-container>\n",null]}