优化承接合同和分包合同的导出选择；

修改进度条页面展示

oa-back/ruoyi-system/src/main/resources/mapper/oa/CmcContractMapper.xml

     <sql id="selectCmcContractVo">
         select distinct c.contract_id, c.contract_code, c.contract_name, c.contract_number, c.tender_id, t.project_name as t_project_name, p.project_number, p.project_name,
         p.project_source, c.party_a_id, pa.party_a_name, t.a_person as a_person, t.a_phone as a_phone, t.agent as agent, t.agent_person as agent_person,
-        sum(cp.paid_amount) as paid_amount, case c.amount when 0 then 0 else round(sum(ci.paid_amount) / c.sub_amount * 100, 2) end as paid_percentage,
-        sum(ci.invoice_amount) as invoice_amount, case c.amount when 0 then 0 else round(sum(ci.invoice_amount) / c.sub_amount * 100, 2) end as invoice_percentage,
+        sum(cp.paid_amount) as paid_amount, case c.amount when 0 then 0 else round(sum(cp.paid_amount) / c.amount * 100, 2) end as paid_percentage,
+        sum(ci.invoice_amount) as invoice_amount, case c.amount when 0 then 0 else round(sum(ci.invoice_amount) / c.amount * 100, 2) end as invoice_percentage,
         t.agent_phone as agent_phone, c.amount, c.deposit, c.contract_document, c.drafter, u.nick_name as draft_nick_name, c.draft_time, c.remark, c.sign_date, c.sign_remark, c.sign_scan,
         c.comment_type, c.manager_comment, c.manager_user_id, u1.nick_name as manager_nick_name, c.manager_time, c.gm_user_id, u2.nick_name as gm_nick_name, c.gm_time, c.gm_comment from cmc_contract as c
         left join sys_user as u on u.user_id = c.drafter
     <select id="selectCmcContractListFuzzy" parameterType="CmcContract" resultMap="CmcContractResult">
         select distinct c.contract_id, c.contract_code, c.contract_name, c.contract_number, c.tender_id, t.project_name as t_project_name, p.project_number, p.project_name,
         p.project_source, c.party_a_id, pa.party_a_name, t.a_person as a_person, t.a_phone as a_phone, t.agent as agent, t.agent_person as agent_person,
-        sum(cp.paid_amount) as paid_amount, case c.amount when 0 then 0 else round(sum(ci.paid_amount) / c.sub_amount * 100, 2) end as paid_percentage,
-        sum(ci.invoice_amount) as invoice_amount, case c.amount when 0 then 0 else round(sum(ci.invoice_amount) / c.sub_amount * 100, 2) end as invoice_percentage,
+        sum(cp.paid_amount) as paid_amount, case c.amount when 0 then 0 else round(sum(cp.paid_amount) / c.amount * 100, 2) end as paid_percentage,
+        sum(ci.invoice_amount) as invoice_amount, case c.amount when 0 then 0 else round(sum(ci.invoice_amount) / c.amount * 100, 2) end as invoice_percentage,
         t.agent_phone as agent_phone, c.amount, c.deposit, c.contract_document, c.drafter, u.nick_name as draft_nick_name, c.draft_time, c.remark, c.sign_date, c.sign_remark, c.sign_scan,
         c.comment_type, c.manager_comment, c.manager_user_id, u1.nick_name as manager_nick_name, c.manager_time, c.gm_user_id, u2.nick_name as gm_nick_name, c.gm_time, c.gm_comment from cmc_contract as c
         left join sys_user as u on u.user_id = c.drafter

oa-back/ruoyi-system/src/main/resources/mapper/oa/CmcSubContractMapper.xml

 
     <sql id="selectCmcSubContractVo">
         select distinct sc.sub_contract_id, sc.sub_contract_name, sc.sub_amount, sc.partner_id, pa.partner_name, sc.contact_person, sc.telephone, sc.contract_document, sc.drafter,
-        sum(cp.paid_amount) as paid_amount, case sc.sub_amount when 0 then 0 else round(sum(ci.paid_amount) / sc.sub_amount * 100, 2) end as paid_percentage,
+        sum(cp.paid_amount) as paid_amount, case sc.sub_amount when 0 then 0 else round(sum(cp.paid_amount) / sc.sub_amount * 100, 2) end as paid_percentage,
         sum(ci.invoice_amount) as invoice_amount, case sc.sub_amount when 0 then 0 else round(sum(ci.invoice_amount) / sc.sub_amount * 100, 2) end as invoice_percentage,
         p.project_number, p.project_name, p.project_source,u.nick_name as draft_nick_name, sc.draft_time, sc.remark, sc.sign_date, sc.sign_remark, sc.sign_scan, sc.comment_type, sc.manager_comment,
         sc.manager_user_id, u1.nick_name as manager_nick_name, sc.manager_time, sc.gm_user_id, u2.nick_name as gm_nick_name, sc.gm_time, sc.gm_comment from cmc_sub_contract as sc

oa-ui/src/views/oa/contract/index.vue

  * @Author: ysh
  * @Date: 2024-06-21 18:52:00
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2025-07-23 17:17:19
+ * @LastEditTime: 2025-07-24 10:38:53
 -->
 <template>
   <div class="app-container">
           <span>{{ parseTime(scope.row.signDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column prop="percentage" align="center" label="开票/回款进度" width="130px" sortable>
+      <el-table-column prop="percentage" align="center" label="开票/回款进度" width="180px" sortable>
         <template slot-scope="scope">
-          <div class="mb10">
-            <el-progress :text-inside="true" :stroke-width="26" :status="formatStatus(scope.row.percentage)"
-              :percentage="scope.row.percentage" text-color="#fff"></el-progress>
-            <div>
-              {{ scope.row.paidAmount }}
+          <div class="progress-container">
+            <div class="progress-item">
+              <div class="progress-header">
+                <span class="progress-label invoice-label">
+                  <i class="el-icon-tickets"></i>开票
+                </span>
+                <span class="progress-amount" v-show="scope.row.invoiceAmount">
+                  {{ scope.row.invoiceAmount }}元
+                </span>
+              </div>
+              <el-progress :text-inside="true" :stroke-width="20"
+                :status="formatStatus(Number(scope.row.invoicePercentage))"
+                :percentage="Number(scope.row.invoicePercentage)" text-color="#fff" class="custom-progress">
+              </el-progress>
             </div>
-          </div>
-          <div>
-            <el-progress :text-inside="true" :stroke-width="26" :status="formatStatus(scope.row.percentage)"
-              :percentage="scope.row.percentage" text-color="#fff"></el-progress>
-            <div>
-              {{ scope.row.paidAmount }}
+
+            <div class="progress-item">
+              <div class="progress-header">
+                <span class="progress-label payment-label">
+                  <i class="el-icon-money"></i>回款
+                </span>
+                <span class="progress-amount" v-show="scope.row.paidAmount">
+                  {{ scope.row.paidAmount }}元
+                </span>
+              </div>
+              <el-progress :text-inside="true" :stroke-width="20"
+                :status="formatStatus(Number(scope.row.paidPercentage))" :percentage="Number(scope.row.paidPercentage)"
+                text-color="#fff" class="custom-progress">
+              </el-progress>
             </div>
           </div>
         </template>
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
             v-hasPermi="['oa:contract:edit']">修改</el-button>
           <el-button size="mini" type="text" icon="el-icon-edit-outline" @click="handleProgress(scope.row)"
-            v-hasPermi="['oa:contract:paid']">回款进度</el-button>
+            v-hasPermi="['oa:contract:paid']">开票/回款进度</el-button>
         </template>
       </el-table-column>
     </el-table>
     <!-- 导出对话框 -->
     <el-dialog :title="title" :visible.sync="exportOpen" width="50%" append-to-body>
       <el-form>
-        <el-form-item label="导出字段名" label-width="100px">
-          <el-checkbox-group v-model="selectedFields">
-            <el-checkbox v-for="field in fieldsObj" :key="field.value" :label="field.value">
-              {{ field.label }}
-            </el-checkbox>
-          </el-checkbox-group>
+        <el-form-item label="选择导出字段名" label-width="120px">
+          <div class="export-fields-container">
+            <div class="field-selection-header">
+              <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"
+                class="check-all-btn">
+                全选
+              </el-checkbox>
+            </div>
+            <el-checkbox-group v-model="selectedFields" @change="handleCheckedFieldsChange"
+              class="field-checkbox-group">
+              <div class="field-grid">
+                <el-checkbox v-for="field in fieldsObj" :key="field.value" :label="field.value"
+                  class="field-checkbox-item">
+                  <span class="field-label">{{ field.label }}</span>
+                </el-checkbox>
+              </div>
+            </el-checkbox-group>
+          </div>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="handleExport">导出</el-button>
+        <el-button type="primary" @click="handleExport" :disabled="selectedFields.length === 0">导出</el-button>
         <el-button @click="exportOpen = false">取消</el-button>
       </div>
     </el-dialog>
         { label: '拟稿人', value: 'drafter' },
         { label: '拟稿日期', value: 'draftTime' },
         { label: '签订日期', value: 'signDate' },
-        { label: '实际回款金额', value: 'paidAmount' },
-        { label: '实际回款比例', value: 'paidPercentage' },
+        { label: '开票金额', value: 'invoiceAmount' },
+        { label: '开票进度', value: 'invoicePercentage' },
+        { label: '回款金额', value: 'paidAmount' },
+        { label: '回款进度', value: 'paidPercentage' },
       ],
-      selectedFields: []
+      selectedFields: [],
+      checkAll: false,
+      isIndeterminate: false
     };
   },
   created() {
         return 'success'
       }
     },
+    // 全选处理
+    handleCheckAllChange(val) {
+      this.selectedFields = val ? this.fieldsObj.map(field => field.value) : [];
+      this.isIndeterminate = false;
+    },
+    // 选择字段变化处理
+    handleCheckedFieldsChange(value) {
+      let checkedCount = value.length;
+      this.checkAll = checkedCount === this.fieldsObj.length;
+      this.isIndeterminate = checkedCount > 0 && checkedCount < this.fieldsObj.length;
+    },
   }
 };
 </script>
+
+<style scoped>
+/* 进度显示样式 */
+.progress-container {
+  padding: 8px 4px;
+}
+
+.progress-item {
+  margin-bottom: 12px;
+}
+
+.progress-item:last-child {
+  margin-bottom: 0;
+}
+
+.progress-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 4px;
+  padding: 0 2px;
+}
+
+.progress-label {
+  font-size: 12px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.invoice-label {
+  color: #409eff;
+}
+
+.payment-label {
+  color: #67c23a;
+}
+
+.progress-label i {
+  font-size: 14px;
+}
+
+.progress-amount {
+  font-size: 11px;
+  color: #909399;
+  font-weight: 500;
+  background: #f5f7fa;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: 1px solid #e4e7ed;
+}
+
+.custom-progress {
+  margin: 2px 0;
+}
+
+.custom-progress ::v-deep .el-progress-bar__outer {
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.custom-progress ::v-deep .el-progress-bar__inner {
+  border-radius: 10px;
+  transition: all 0.3s ease;
+}
+
+.custom-progress ::v-deep .el-progress__text {
+  font-size: 11px !important;
+  font-weight: 600;
+}
+
+/* 不同状态的进度条颜色优化 */
+.custom-progress ::v-deep .el-progress--success .el-progress-bar__inner {
+  background: linear-gradient(135deg, #67c23a, #85ce61);
+}
+
+.custom-progress ::v-deep .el-progress--warning .el-progress-bar__inner {
+  background: linear-gradient(135deg, #e6a23c, #f0b90b);
+}
+
+.custom-progress ::v-deep .el-progress--exception .el-progress-bar__inner {
+  background: linear-gradient(135deg, #f56c6c, #f89898);
+}
+
+/* 默认状态（蓝色）的渐变 */
+.custom-progress ::v-deep .el-progress-bar__inner:not(.el-progress--success):not(.el-progress--warning):not(.el-progress--exception) {
+  background: linear-gradient(135deg, #409eff, #66b1ff);
+}
+
+.export-fields-container {
+  padding: 10px;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  background-color: #fafafa;
+}
+
+.field-selection-header {
+  padding-bottom: 12px;
+  margin-bottom: 12px;
+  border-bottom: 1px solid #e4e7ed;
+}
+
+.check-all-btn {
+  font-weight: 600;
+  color: #409eff;
+}
+
+.field-checkbox-group {
+  width: 100%;
+}
+
+.field-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 12px 16px;
+  padding: 8px 0;
+}
+
+.field-checkbox-item {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  background-color: #fff;
+  transition: all 0.3s ease;
+  cursor: pointer;
+}
+
+.field-checkbox-item:hover {
+  border-color: #409eff;
+  background-color: #f0f8ff;
+  transform: translateY(-1px);
+  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.2);
+}
+
+.field-checkbox-item.is-checked {
+  border-color: #409eff;
+  background-color: #ecf5ff;
+}
+
+.field-label {
+  margin-left: 8px;
+  font-size: 14px;
+  color: #606266;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* 禁用导出按钮时的样式 */
+.dialog-footer .el-button:disabled {
+  opacity: 0.6;
+}
+
+/* 自定义复选框样式 */
+.field-checkbox-item ::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
+  background-color: #409eff;
+  border-color: #409eff;
+}
+
+.field-checkbox-item ::v-deep .el-checkbox__input:hover .el-checkbox__inner {
+  border-color: #409eff;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .field-grid {
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: 8px 12px;
+  }
+
+  .field-checkbox-item {
+    padding: 6px 10px;
+  }
+}
+</style>

oa-ui/src/views/oa/contract/subContract.vue

  * @Author: ysh
  * @Date: 2024-06-21 18:52:00
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2025-02-17 15:15:23
+ * @LastEditTime: 2025-07-24 10:39:15
 -->
 <template>
   <div class="app-container">
           v-hasPermi="['oa:contract:add']">登记分包合同</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
+        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="openExportDialog"
           v-hasPermi="['oa:subContract:export']">导出</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
       <el-table-column label="合同名称" align="center" prop="subContractName" width="300px" />
       <el-table-column label="分包合同金额" align="center" prop="subAmount" />
       <el-table-column label="承接单位" align="center" prop="partner.partnerName" />
-      <!-- <el-table-column label="承接单位联系人" align="center" prop="contactPerson" /> -->
-      <!-- <el-table-column label="合同文件" align="center" prop="contractDocument" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <el-link type="primary" @click="reviewWord(`${baseUrl}${'/profile/upload' + scope.row.contractDocument}`)">
-            {{ getFileName(scope.row.contractDocument) }}
-          </el-link>
-        </template>
-</el-table-column> -->
       <el-table-column label="拟稿日期" align="center" prop="draftTime">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.draftTime, '{y}-{m}-{d}') }}</span>
           <span>{{ parseTime(scope.row.signDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column prop="percentage" align="center" label="付款进度" width="120px" sortable>
+      <el-table-column prop="percentage" align="center" label="收票/付款进度" width="180px" sortable>
         <template slot-scope="scope">
-          <el-progress :text-inside="true" :stroke-width="26" :status="formatStatus(scope.row.percentage)"
-            :percentage="scope.row.percentage" text-color="#fff"></el-progress>
-          <div>
-            {{ scope.row.paidAmount }}
+          <div class="progress-container">
+            <div class="progress-item">
+              <div class="progress-header">
+                <span class="progress-label invoice-label">
+                  <i class="el-icon-document"></i>收票
+                </span>
+                <span class="progress-amount" v-show="scope.row.invoiceAmount">
+                  {{ scope.row.invoiceAmount }}元
+                </span>
+              </div>
+              <el-progress :text-inside="true" :stroke-width="20"
+                :status="formatStatus(Number(scope.row.invoicePercentage))"
+                :percentage="Number(scope.row.invoicePercentage)" text-color="#fff" class="custom-progress">
+              </el-progress>
+            </div>
+
+            <div class="progress-item">
+              <div class="progress-header">
+                <span class="progress-label payment-label">
+                  <i class="el-icon-wallet"></i>付款
+                </span>
+                <span class="progress-amount" v-show="scope.row.paidAmount">
+                  {{ scope.row.paidAmount }}元
+                </span>
+              </div>
+              <el-progress :text-inside="true" :stroke-width="20"
+                :status="formatStatus(Number(scope.row.paidPercentage))" :percentage="Number(scope.row.paidPercentage)"
+                text-color="#fff" class="custom-progress">
+              </el-progress>
+            </div>
           </div>
         </template>
       </el-table-column>
-      <!-- <el-table-column label="签订备注" align="center" prop="signRemark" /> -->
-      <!-- <el-table-column label="签订扫描件" align="center" prop="signScan">
-        <template slot-scope="scope">
-          <el-link type="primary" @click="reviewWord(`${baseUrl}${'/profile/upload' + scope.row.signScan}`)">
-            {{ getFileName(scope.row.signScan) }}
-          </el-link>
-        </template>
-      </el-table-column>
-      <el-table-column label="评审方式" align="center" prop="commentType">
-        <template slot-scope="scope">
-          <el-tag :type="scope.row.commentType == '2' ? 'success' : 'warning'">
-            {{ setCommentType(scope.row.commentType) }}
-          </el-tag>
-        </template>
-      </el-table-column> -->
       <el-table-column label="拟稿人" align="center" prop="drafter">
         <template slot-scope="scope">
           {{ getUserName(scope.row.drafter) }}
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
             v-hasPermi="['oa:subContract:edit']">修改</el-button>
           <el-button size="mini" type="text" icon="el-icon-edit-outline" @click="handleProgress(scope.row)"
-            v-hasPermi="['oa:contract:paid']">付款进度</el-button>
+            v-hasPermi="['oa:contract:paid']">收票/付款进度</el-button>
         </template>
       </el-table-column>
     </el-table>
     <el-dialog :title="title" :visible.sync="progressOpen" width="50%" append-to-body>
       <sub-progress :form="progressContract" @cancel="progressOpen = false" @getList="getList"></sub-progress>
     </el-dialog>
+
+    <!-- 导出对话框 -->
+    <el-dialog :title="title" :visible.sync="exportOpen" width="60%" append-to-body>
+      <el-form>
+        <el-form-item label="选择导出字段名" label-width="120px">
+          <div class="export-fields-container">
+            <div class="field-selection-header">
+              <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"
+                class="check-all-btn">
+                全选
+              </el-checkbox>
+            </div>
+            <el-checkbox-group v-model="selectedFields" @change="handleCheckedFieldsChange"
+              class="field-checkbox-group">
+              <div class="field-grid">
+                <el-checkbox v-for="field in fieldsObj" :key="field.value" :label="field.value"
+                  class="field-checkbox-item">
+                  <span class="field-label">{{ field.label }}</span>
+                </el-checkbox>
+              </div>
+            </el-checkbox-group>
+          </div>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="handleExport" :disabled="selectedFields.length === 0">导出</el-button>
+        <el-button @click="exportOpen = false">取消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
       commentList: [],
       commentOpen: false,
       progressOpen: false,
-      progressContract: {}
+      progressContract: {},
+      exportOpen: false,
+      fieldsObj: [
+        { label: '分包合同名称', value: 'subContractName' },
+        { label: '分包合同金额', value: 'subAmount' },
+        { label: '承接单位', value: 'partnerName' },
+        { label: '拟稿人', value: 'drafter' },
+        { label: '拟稿日期', value: 'draftTime' },
+        { label: '签订日期', value: 'signDate' },
+        { label: '收票金额', value: 'invoiceAmount' },
+        { label: '收票进度', value: 'invoicePercentage' },
+        { label: '付款金额', value: 'paidAmount' },
+        { label: '付款进度', value: 'paidPercentage' },
+      ],
+      selectedFields: [],
+      checkAll: false,
+      isIndeterminate: false
     };
   },
   created() {
     },
     /** 导出按钮操作 */
     handleExport() {
-      this.download('oa/subContract/export', {
-        ...this.queryParams
+      let selectFields = this.selectedFields.join(',');
+      this.download('oa/subContract/exportSelectFields', {
+        ...this.queryParams,
+        selectFields: selectFields
       }, `subContract_${new Date().getTime()}.xlsx`)
+      this.exportOpen = false;
+    },
+    // 全选处理
+    handleCheckAllChange(val) {
+      this.selectedFields = val ? this.fieldsObj.map(field => field.value) : [];
+      this.isIndeterminate = false;
+    },
+    // 选择字段变化处理
+    handleCheckedFieldsChange(value) {
+      let checkedCount = value.length;
+      this.checkAll = checkedCount === this.fieldsObj.length;
+      this.isIndeterminate = checkedCount > 0 && checkedCount < this.fieldsObj.length;
+    },
+    // 打开导出对话框
+    openExportDialog() {
+      this.title = "导出分包合同";
+      this.exportOpen = true;
     },
     setCommentType(commentType) {
       if (commentType == '2') {
     padding: 5px;
   }
 }
+
+/* 进度显示样式 */
+.progress-container {
+  padding: 8px 4px;
+}
+
+.progress-item {
+  margin-bottom: 12px;
+}
+
+.progress-item:last-child {
+  margin-bottom: 0;
+}
+
+.progress-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 4px;
+  padding: 0 2px;
+}
+
+.progress-label {
+  font-size: 12px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.invoice-label {
+  color: #409eff;
+}
+
+.payment-label {
+  color: #67c23a;
+}
+
+.progress-label i {
+  font-size: 14px;
+}
+
+.progress-amount {
+  font-size: 11px;
+  color: #909399;
+  font-weight: 500;
+  background: #f5f7fa;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: 1px solid #e4e7ed;
+}
+
+.custom-progress {
+  margin: 2px 0;
+}
+
+.custom-progress ::v-deep .el-progress-bar__outer {
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.custom-progress ::v-deep .el-progress-bar__inner {
+  border-radius: 10px;
+  transition: all 0.3s ease;
+}
+
+.custom-progress ::v-deep .el-progress__text {
+  font-size: 11px !important;
+  font-weight: 600;
+}
+
+/* 不同状态的进度条颜色优化 */
+.custom-progress ::v-deep .el-progress--success .el-progress-bar__inner {
+  background: linear-gradient(135deg, #67c23a, #85ce61);
+}
+
+.custom-progress ::v-deep .el-progress--warning .el-progress-bar__inner {
+  background: linear-gradient(135deg, #e6a23c, #f0b90b);
+}
+
+.custom-progress ::v-deep .el-progress--exception .el-progress-bar__inner {
+  background: linear-gradient(135deg, #f56c6c, #f89898);
+}
+
+/* 默认状态（蓝色）的渐变 */
+.custom-progress ::v-deep .el-progress-bar__inner:not(.el-progress--success):not(.el-progress--warning):not(.el-progress--exception) {
+  background: linear-gradient(135deg, #409eff, #66b1ff);
+}
+
+/* 导出字段选择样式 */
+.export-fields-container {
+  padding: 10px;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  background-color: #fafafa;
+}
+
+.field-selection-header {
+  padding-bottom: 12px;
+  margin-bottom: 12px;
+  border-bottom: 1px solid #e4e7ed;
+}
+
+.check-all-btn {
+  font-weight: 600;
+  color: #409eff;
+}
+
+.field-checkbox-group {
+  width: 100%;
+}
+
+.field-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 12px 16px;
+  padding: 8px 0;
+}
+
+.field-checkbox-item {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  background-color: #fff;
+  transition: all 0.3s ease;
+  cursor: pointer;
+}
+
+.field-checkbox-item:hover {
+  border-color: #409eff;
+  background-color: #f0f8ff;
+  transform: translateY(-1px);
+  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.2);
+}
+
+.field-checkbox-item.is-checked {
+  border-color: #409eff;
+  background-color: #ecf5ff;
+}
+
+.field-label {
+  margin-left: 8px;
+  font-size: 14px;
+  color: #606266;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* 禁用导出按钮时的样式 */
+.dialog-footer .el-button:disabled {
+  opacity: 0.6;
+}
+
+/* 自定义复选框样式 */
+.field-checkbox-item ::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
+  background-color: #409eff;
+  border-color: #409eff;
+}
+
+.field-checkbox-item ::v-deep .el-checkbox__input:hover .el-checkbox__inner {
+  border-color: #409eff;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .field-grid {
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: 8px 12px;
+  }
+
+  .field-checkbox-item {
+    padding: 6px 10px;
+  }
+}
 </style>