{"remainingRequest":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\teachingLog\\organLog\\components\\auditedView.vue?vue&type=style&index=0&id=b8286cc0&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\teachingLog\\organLog\\components\\auditedView.vue","mtime":1787567993862},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\css-loader\\dist\\cjs.js","mtime":1787309792478},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1787309794547},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\postcss-loader\\src\\index.js","mtime":1787309793084},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js","mtime":1787309793790}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQoucGFnZS1jb250YWluZXIgew0KICBwYWRkaW5nOiA0cHggOHB4Ow0KfQ0KDQouc2VhcmNoLWNhcmQgew0KICBtYXJnaW4tYm90dG9tOiAxNnB4Ow0KDQogIC5zZWFyY2gtZm9ybSB7DQogICAgLnctZnVsbCB7DQogICAgICB3aWR0aDogMTAwJTsNCiAgICB9DQoNCiAgICA6OnYtZGVlcCAuZWwtcm93IHsNCiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWJlZWY1Ow0KDQogICAgICAmOmxhc3QtY2hpbGQgew0KICAgICAgICBib3JkZXItYm90dG9tOiBub25lOw0KICAgICAgfQ0KICAgIH0NCg0KICAgIDo6di1kZWVwIC5lbC1jb2wgew0KICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2ViZWVmNTsNCg0KICAgICAgJjpsYXN0LWNoaWxkIHsNCiAgICAgICAgYm9yZGVyLXJpZ2h0OiBub25lOw0KICAgICAgfQ0KICAgIH0NCg0KICAgIDo6di1kZWVwIC5lbC1mb3JtLWl0ZW1fX2xhYmVsIHsNCiAgICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7DQogICAgICBsaW5lLWhlaWdodDogMS40Ow0KICAgICAgdGV4dC1hbGlnbjogbGVmdDsNCiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDsNCiAgICB9DQoNCiAgICAuZWwtZm9ybS1pdGVtIHsNCiAgICAgIG1hcmdpbi1ib3R0b206IDA7DQogICAgICBwYWRkaW5nOiAxMHB4IDEycHg7DQogICAgfQ0KDQogICAgLmNoYW5nZS1vcHRpb25zIHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAgICAgZ2FwOiA4cHg7DQoNCiAgICAgIDo6di1kZWVwIC5lbC1yYWRpby1ncm91cCwNCiAgICAgIDo6di1kZWVwIC5lbC1jaGVja2JveC1ncm91cCB7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGZsZXgtd3JhcDogd3JhcDsNCiAgICAgICAgZ2FwOiAxMnB4Ow0KICAgICAgfQ0KDQogICAgfQ0KICB9DQoNCiAgLnNlYXJjaC10aXAgew0KICAgIHBhZGRpbmc6IDZweCAxMnB4IDA7DQogICAgZm9udC1zaXplOiAxMnB4Ow0KICAgIGNvbG9yOiAjZjU2YzZjOw0KICB9DQoNCiAgLnNlYXJjaC1hY3Rpb25zIHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7DQogICAgcGFkZGluZzogMTJweDsNCiAgICBib3JkZXItdG9wOiAxcHggc29saWQgI2ViZWVmNTsNCiAgfQ0KfQ0KDQoudGFibGUtY2FyZCB7DQogIC5lbC10YWJsZSB7DQogICAgd2lkdGg6IDEwMCU7DQogIH0NCg0KICAucGFnaW5hdGlvbi13cmFwcGVyIHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7DQogICAgcGFkZGluZzogMTZweCAwIDA7DQogIH0NCn0NCg=="},{"version":3,"sources":["auditedView.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmTA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"auditedView.vue","sourceRoot":"src/views/teachingLog/organLog/components","sourcesContent":["<template>\r\n  <div class=\"page-container\">\r\n    <!-- 查询条件 -->\r\n    <el-card shadow=\"never\" class=\"search-card\">\r\n      <el-form :model=\"searchForm\" label-width=\"110px\" class=\"search-form\">\r\n        <el-row :gutter=\"0\">\r\n          <el-col :span=\"12\">\r\n            <el-form-item label=\"开始日期\">\r\n              <el-date-picker v-model=\"searchForm.ksrq\" type=\"date\" value-format=\"yyyy-MM-dd\" placeholder=\"选择开始日期\"\r\n                class=\"w-full\" />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"12\">\r\n            <el-form-item label=\"结束日期\">\r\n              <el-date-picker v-model=\"searchForm.jsrq\" type=\"date\" value-format=\"yyyy-MM-dd\" placeholder=\"选择结束日期\"\r\n                class=\"w-full\" />\r\n            </el-form-item>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <el-row :gutter=\"0\">\r\n          <el-col :span=\"12\">\r\n            <el-form-item label=\"课程名称\">\r\n              <el-input v-model=\"searchForm.kcmc\" placeholder=\"请输入课程名称\" clearable />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"12\">\r\n            <el-form-item label=\"教研室\">\r\n              <el-select v-model=\"searchForm.jys\" placeholder=\"请选择教研室\" clearable class=\"w-full\">\r\n                <el-option v-for=\"item in jysOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n              </el-select>\r\n            </el-form-item>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <el-row :gutter=\"0\">\r\n          <el-col :span=\"12\">\r\n            <el-form-item label=\"教学方法\">\r\n              <el-select v-model=\"searchForm.jxff\" placeholder=\"请选择教学方法\" clearable class=\"w-full\">\r\n                <el-option v-for=\"item in jxffOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n              </el-select>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"12\">\r\n            <el-form-item label=\"授课教员\">\r\n              <el-select v-model=\"searchForm.skjy\" placeholder=\"请选择授课教员\" clearable class=\"w-full\">\r\n                <el-option v-for=\"item in skjyOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n              </el-select>\r\n            </el-form-item>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <el-row :gutter=\"0\">\r\n          <el-col :span=\"24\">\r\n            <el-form-item label=\"改动情况\">\r\n              <div class=\"change-options\">\r\n                <el-radio-group v-model=\"searchForm.createSource\">\r\n                  <el-radio v-for=\"item in createSourceOptions\" :key=\"item\" :label=\"item\">{{ item }}</el-radio>\r\n                </el-radio-group>\r\n                <el-checkbox-group v-model=\"searchForm.changeTypes\">\r\n                  <el-checkbox v-for=\"item in changeTypeOptions\" :key=\"item\" :label=\"item\">{{ item }}</el-checkbox>\r\n                </el-checkbox-group>\r\n              </div>\r\n            </el-form-item>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <el-row :gutter=\"0\">\r\n          <el-col :span=\"12\">\r\n            <el-form-item label=\"任务类别\">\r\n              <el-select v-model=\"searchForm.rwlb\" placeholder=\"请选择任务类别\" clearable class=\"w-full\">\r\n                <el-option v-for=\"item in rwlbOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n              </el-select>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"12\">\r\n            <el-form-item label=\"培训期班\">\r\n              <el-input v-model=\"searchForm.pxqb\" placeholder=\"请输入培训期班\" clearable />\r\n            </el-form-item>\r\n          </el-col>\r\n        </el-row>\r\n      </el-form>\r\n\r\n      <div class=\"search-actions\">\r\n        <el-button type=\"primary\" @click=\"handleSearch\">查询</el-button>\r\n      </div>\r\n    </el-card>\r\n\r\n    <!-- 数据表格 -->\r\n    <el-card shadow=\"never\" class=\"table-card\">\r\n      <el-table v-loading=\"loading\" :data=\"tableData\" stripe border highlight-current-row\r\n        @selection-change=\"handleSelectionChange\">\r\n        <el-table-column type=\"selection\" width=\"50\" align=\"center\" />\r\n        <el-table-column type=\"index\" label=\"序号\" width=\"60\" align=\"center\" />\r\n        <el-table-column prop=\"rwlb\" label=\"任务类别\" width=\"130\" align=\"center\" show-overflow-tooltip />\r\n        <el-table-column prop=\"jyxm\" label=\"主讲教员\" width=\"100\" align=\"center\" />\r\n        <el-table-column prop=\"rq\" label=\"日期\" width=\"150\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{ scope.row.rq ? formatDate(scope.row.rq) : '-' }}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"节次\" width=\"80\" align=\"center\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.qsjc && scope.row.jsjc ? `${scope.row.qsjc}-${scope.row.jsjc}节` : (scope.row.qsjc || '-') }}\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"kcmc\" label=\"课程名称\" min-width=\"150\" show-overflow-tooltip />\r\n        <el-table-column prop=\"pxqbxx\" label=\"培训期班信息\" min-width=\"140\" show-overflow-tooltip />\r\n        <el-table-column label=\"人数\" width=\"70\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{ scope.row.sdrs || scope.row.ydrs || '-' }}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"分组指导教员\" width=\"120\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{ scope.row.fzyzdjy || '-' }}</template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"jsfs\" label=\"教学方法\" width=\"100\" align=\"center\" />\r\n        <el-table-column prop=\"zt\" label=\"日志状态\" width=\"100\" align=\"center\" />\r\n        <el-table-column prop=\"gdqk\" label=\"变动汇总\" min-width=\"120\" show-overflow-tooltip />\r\n        <el-table-column prop=\"jxrzcjfs\" label=\"创建方式\" width=\"100\" align=\"center\" />\r\n        <el-table-column label=\"操作\" width=\"80\" align=\"center\" fixed=\"right\" class-name=\"table-action-column\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button type=\"text\" @click=\"handleDetail(scope.row)\">详细</el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <!-- 分页 -->\r\n      <div class=\"pagination-wrapper\">\r\n        <el-pagination :current-page=\"pageNum\" :page-size=\"pageSize\" :total=\"total\" :page-sizes=\"[10, 20, 50, 100]\"\r\n          layout=\"total, sizes, prev, pager, next, jumper\" background @current-change=\"handlePageChange\"\r\n          @size-change=\"handleSizeChange\" />\r\n      </div>\r\n    </el-card>\r\n\r\n    <!-- 日志详情对话框 -->\r\n    <el-dialog :visible.sync=\"detailVisible\" title=\"教学日志详情\" width=\"700px\" destroy-on-close>\r\n      <div v-loading=\"detailLoading\">\r\n        <el-descriptions v-if=\"!detailLoading\" :column=\"2\" border>\r\n          <el-descriptions-item label=\"编号\">{{ detailData.bh || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"统一编号\">{{ detailData.tybh || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"教员编号\">{{ detailData.jybh || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"教员姓名\">{{ detailData.jyxm || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"课程名称\">{{ detailData.kcmc || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"任务类别\">{{ detailData.rwlb || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"日期\">{{ detailData.rq || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"节次\">\r\n            {{ detailData.qsjc && detailData.jsjc ? `${detailData.qsjc}-${detailData.jsjc}节` : '-' }}\r\n          </el-descriptions-item>\r\n          <el-descriptions-item label=\"教学方法\">{{ detailData.jsfs || detailData.jxff || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"创建方式\">{{ detailData.jxrzcjfs || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"应到人数\">{{ detailData.ydrs || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"实到人数\">{{ detailData.sdrs || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"培训期班信息\" :span=\"2\">{{ detailData.pxqbxx || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"授课地点\" :span=\"2\">{{ detailData.skdd || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"状态\">{{ detailData.zt || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"教研室\">{{ detailData.jysmc || detailData.jys || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"变动汇总\" :span=\"2\">{{ detailData.gdqk || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"变动详细情况\" :span=\"2\">{{ detailData.gdxxqk || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"退回意见\" :span=\"2\">{{ detailData.thyj || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"创建时间\">{{ detailData.cjsj || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"修改时间\">{{ detailData.xgsj || '-' }}</el-descriptions-item>\r\n        </el-descriptions>\r\n      </div>\r\n      <div slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"detailVisible = false\">关 闭</el-button>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { formatDate } from '@/utils/index'\r\nimport { getAuditedTeachingLogList, getTeachingLogByBh } from '@/api/log'\r\n\r\nexport default {\r\n  name: 'AuditedView',\r\n  data() {\r\n    return {\r\n      // ==================== 查询表单 ====================\r\n      searchForm: {\r\n        ksrq: '',\r\n        jsrq: '',\r\n        kcmc: '',\r\n        jys: '',\r\n        jxff: '',\r\n        skjy: '',\r\n        createSource: '',\r\n        changeTypes: [],\r\n        rwlb: '',\r\n        pxqb: ''\r\n      },\r\n\r\n      jysOptions: ['教研室', '防空兵系', '通信工程系', '装甲兵系'],\r\n      jxffOptions: ['理论讲授', '讨论', '实操', '演示'],\r\n      skjyOptions: ['教务处', '张三', '李四', '王五'],\r\n      rwlbOptions: ['全军院校训练规划内任务', '其他任务'],\r\n      createSourceOptions: ['由教学计划创建', '已改动教学计划', '手动拟制'],\r\n      changeTypeOptions: [\r\n        '教员变动',\r\n        '时间变动',\r\n        '课程变动',\r\n        '授课方式变动',\r\n        '任务类别变动',\r\n        '期班变动',\r\n        '地点变动',\r\n        '课题变动'\r\n      ],\r\n\r\n      // ==================== 数据表格 ====================\r\n      loading: false,\r\n      tableData: [],\r\n      selectedRows: [],\r\n      pageNum: 1,\r\n      pageSize: 20,\r\n      total: 0,\r\n\r\n      // ==================== 详情 ====================\r\n      detailVisible: false,\r\n      detailLoading: false,\r\n      detailData: {}\r\n    }\r\n  },\r\n  created() {\r\n    this.fetchList()\r\n  },\r\n  methods: {\r\n    handleSelectionChange(rows) {\r\n      this.selectedRows = rows\r\n    },\r\n\r\n    /** 根据已填写的查询值构建实际查询参数 */\r\n    buildSearchParams() {\r\n      const form = this.searchForm\r\n      const params = { pageNum: this.pageNum, pageSize: this.pageSize }\r\n      if (form.ksrq) params.ksrq = form.ksrq\r\n      if (form.jsrq) params.jsrq = form.jsrq\r\n      if (form.kcmc) params.kcmc = form.kcmc\r\n      if (form.jys) params.jys = form.jys\r\n      if (form.jxff) params.jxff = form.jxff\r\n      if (form.skjy) params.skjy = form.skjy\r\n      if (form.rwlb) params.rwlb = form.rwlb\r\n      if (form.pxqb) params.pxqb = form.pxqb\r\n      if (form.createSource) params.gdqk = form.createSource\r\n      if (form.changeTypes.length > 0) {\r\n        params.gdxxqk = form.changeTypes.join(',')\r\n      }\r\n      return params\r\n    },\r\n\r\n    extractListData(res) {\r\n      const data = res.data || res\r\n      const list = data.records || data.list || data.rows || []\r\n      const totalCount = data.total ?? data.totalCount ?? data.totalRows ?? 0\r\n      return { list, total: totalCount }\r\n    },\r\n\r\n    fetchList() {\r\n      this.loading = true\r\n      return getAuditedTeachingLogList(this.buildSearchParams())\r\n        .then((res) => {\r\n          if (res.code === 200 || res.code === 0) {\r\n            const { list, total } = this.extractListData(res)\r\n            this.tableData = list\r\n            this.total = total\r\n          }\r\n        })\r\n        .catch(() => {})\r\n        .finally(() => {\r\n          this.loading = false\r\n        })\r\n    },\r\n\r\n    handleSearch() {\r\n      this.pageNum = 1\r\n      this.fetchList()\r\n    },\r\n\r\n    handlePageChange(page) {\r\n      this.pageNum = page\r\n      this.fetchList()\r\n    },\r\n\r\n    handleSizeChange(size) {\r\n      this.pageSize = size\r\n      this.pageNum = 1\r\n      this.fetchList()\r\n    },\r\n\r\n    handleDetail(row) {\r\n      this.detailData = { ...row }\r\n      this.detailVisible = true\r\n      const bh = row.bh\r\n      if (!bh) return\r\n      this.detailLoading = true\r\n      getTeachingLogByBh(String(bh))\r\n        .then((res) => {\r\n          if ((res.code === 200 || res.code === 0) && res.data) {\r\n            this.detailData = res.data\r\n          }\r\n        })\r\n        .catch(() => {})\r\n        .finally(() => {\r\n          this.detailLoading = false\r\n        })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.page-container {\r\n  padding: 4px 8px;\r\n}\r\n\r\n.search-card {\r\n  margin-bottom: 16px;\r\n\r\n  .search-form {\r\n    .w-full {\r\n      width: 100%;\r\n    }\r\n\r\n    ::v-deep .el-row {\r\n      border-bottom: 1px solid #ebeef5;\r\n\r\n      &:last-child {\r\n        border-bottom: none;\r\n      }\r\n    }\r\n\r\n    ::v-deep .el-col {\r\n      border-right: 1px solid #ebeef5;\r\n\r\n      &:last-child {\r\n        border-right: none;\r\n      }\r\n    }\r\n\r\n    ::v-deep .el-form-item__label {\r\n      white-space: normal;\r\n      line-height: 1.4;\r\n      text-align: left;\r\n      justify-content: flex-start;\r\n    }\r\n\r\n    .el-form-item {\r\n      margin-bottom: 0;\r\n      padding: 10px 12px;\r\n    }\r\n\r\n    .change-options {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n\r\n      ::v-deep .el-radio-group,\r\n      ::v-deep .el-checkbox-group {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n      }\r\n\r\n    }\r\n  }\r\n\r\n  .search-tip {\r\n    padding: 6px 12px 0;\r\n    font-size: 12px;\r\n    color: #f56c6c;\r\n  }\r\n\r\n  .search-actions {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    padding: 12px;\r\n    border-top: 1px solid #ebeef5;\r\n  }\r\n}\r\n\r\n.table-card {\r\n  .el-table {\r\n    width: 100%;\r\n  }\r\n\r\n  .pagination-wrapper {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    padding: 16px 0 0;\r\n  }\r\n}\r\n</style>\r\n"]}]}