承诺书

src/views/business/erp/goods/goods-list.vue

@@ -7,7 +7,7 @@
     <a-row class="smart-query-form-row" v-privilege="'goods:query'">
       <a-form-item label="活动分类"  class="smart-query-form-item">
         <category-tree
-          width="150px"
+          width="250px"
           v-model:value="queryForm.categoryId"
           placeholder="请选择活动分类"
           :categoryType="CATEGORY_TYPE_ENUM.GOODS.value"
@@ -15,8 +15,8 @@
         />
       </a-form-item>
 
-      <a-form-item label="活动名称" class="smart-query-form-item">
+      <a-form-item style="margin-left:100px;width: 300px" label="活动名称" class="smart-query-form-item">
-        <a-input style="width: 200px" v-model:value="queryForm.searchWord" placeholder="活动名称" />
+        <a-input  v-model:value="queryForm.searchWord" placeholder="活动名称" />
       </a-form-item>
 
       <a-form-item label="快速筛选" class="smart-query-form-item">
@@ -174,14 +174,14 @@
 
 <style scoped>
 .category-search-select {
-  max-width: 150px;
+  max-width: 180px;
 }
 
 .category-search-select :deep(.ant-select-selection-item) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  max-width: 80px; /* 限制宽度，大约显示6个中文字符 */
+  max-width: 300px; /* 限制宽度，大约显示6个中文字符 */
   position: relative;
 }
 
@@ -227,7 +227,7 @@
       dataIndex: 'categoryName',
       resizable: true,
       sorter: true,
-      width: 150,
+      width: 250,
       ellipsis: true,
       customRender: ({ text }) => {
         return {
@@ -243,7 +243,8 @@
       dataIndex: 'goodsName',
       resizable: true,
       sorter: true,
-      width: 150,
+      width: 300,
+      ellipsis: true,
     },
     {
       title: '小时（次）',

src/views/business/erp/service/service-applications-list.vue

@@ -260,6 +260,7 @@
         </div>
 
         <ServiceApplicationsForm  ref="formRef" @reloadList="queryData"/>
+        <AgreementModal ref="agreementModalRef" @confirm="handleAgreementConfirm" />
 
         <!-- 导入弹窗 -->
         <a-modal v-model:open="importModalShowFlag" title="导入" @onCancel="hideImportModal" @ok="hideImportModal">
@@ -311,6 +312,7 @@ import { employeeApi } from '/@/api/system/employee-api';
 import { REVIEW_ENUM } from '/@/constants/system/review-const';
 import { PlusOutlined, DeleteOutlined, SendOutlined, ImportOutlined, ExportOutlined, DownloadOutlined, UploadOutlined, CheckCircleOutlined } from '@ant-design/icons-vue';
 import { loginApi } from '/@/api/system/login-api';
+import AgreementModal from '/@/views/system/home/components/agreement-modal.vue';
     // ---------------------------- 表格列 ----------------------------
 
     const columns = ref([
@@ -497,7 +499,6 @@ import { loginApi } from '/@/api/system/login-api';
         // cto角色则额外显示批量上报按钮
         isCtoRole.value = roleLower === 'cto';
         
-        // 协会角色（协会角色显示驳回按钮）
         // 协会角色（协会角色显示驳回按钮）
         isAssociationRole.value = roleLower.includes('协会') || 
                                  roleLower.includes('association') || 
@@ -513,26 +514,24 @@ import { loginApi } from '/@/api/system/login-api';
         // CEO角色判断（CEO不显示新建申报和批量提交按钮）
         isCeo.value = roleLower === 'ceo';
         
-        // CEO角色判断（CEO不显示新建申报和批量提交按钮）
+        console.log('用户角色:', userRole, '不是user:', isNotUser.value, '是cto:', isCtoRole.value, '是协会角色:', isAssociationRole.value, '是CEO:', isCeo.value);
-        isCeo.value = roleLower === 'ceo';
+      }
-        
+    }
-        // CEO角色判断（CEO不显示新建申报和批量提交按钮）
-        isCeo.value = roleLower === 'ceo';
-        
-        // CEO角色判断（CEO不显示新建申报和批量提交按钮）
-        isCeo.value = roleLower === 'ceo';
-        
-        // CEO角色判断（CEO不显示新建申报和批量提交按钮）
-        isCeo.value = roleLower === 'ceo';
 
-        // CEO角色判断（CEO不显示新建申报和批量提交按钮）
+    // 检查用户是否已签约
-        isCeo.value = roleLower === 'ceo';
+    function checkUserSigned() {
+        if (!loginInfo.value) {
+            console.log('未获取到登录信息');
+            return false;
+        }
         
-        // CEO角色
+        // 从用户信息接口获取agreementSignFlag字段
-        isCeo.value = roleLower === 'ceo';
+        const agreementSignFlag = loginInfo.value.agreementSignFlag;
+        console.log('用户签约状态 agreementSignFlag:', agreementSignFlag);
         
-        console.log('用户角色:', userRole, '不是user:', isNotUser.value, '是cto:', isCtoRole.value, '是协会角色:', isAssociationRole.value, '是CEO:', isCeo.value);
+        // true代表已签约，不需要弹框
-      }
+        // false或undefined代表未签约，需要弹框
+        return agreementSignFlag === true;
     }
     
     // 批量审核
@@ -801,11 +800,39 @@ onMounted(async () => {
         queryData();
     });
 
+    // ---------------------------- 承诺书弹框 ----------------------------
+    const agreementModalRef = ref();
+    const pendingFormData = ref(null); // 暂存表单数据
+
+    // 显示承诺书弹框
+    function showAgreementModal(data) {
+        pendingFormData.value = data;
+        agreementModalRef.value.showDrawer();
+    }
+
+    // 承诺书确认回调
+    function handleAgreementConfirm() {
+        // 用户同意协议，继续显示表单
+        if (pendingFormData.value) {
+            formRef.value.show(pendingFormData.value);
+        } else {
+            formRef.value.show();
+        }
+        pendingFormData.value = null;
+    }
+
     // ---------------------------- 添加/修改 ----------------------------
     const formRef = ref();
 
     function showForm(data) {
+        // 检查用户是否已签约
+        if (checkUserSigned()) {
+            // 已签约，直接显示表单
             formRef.value.show(data);
+        } else {
+            // 未签约，先显示承诺书弹框
+            showAgreementModal(data);
+        }
     }
     
     // ---------------------------- 详情 ----------------------------

src/views/system/home/components/agreement-modal.vue

@@ -20,38 +20,14 @@
           </div>
           <div class="content-html" v-html="noticeDetail.contentHtml"></div>
           <div v-if="!noticeDetail.contentHtml" class="default-content">
-            <p>欢迎使用本系统！在开始使用前，请仔细阅读以下协议内容：</p>
             
-            <h4>一、服务条款</h4>
-            <p>1. 您在使用本系统时，必须遵守相关法律法规和平台规定。</p>
-            <p>2. 不得利用本系统从事任何违法或不当行为。</p>
-            
-            <h4>二、隐私政策</h4>
-            <p>1. 我们将保护您的个人信息安全，仅用于系统功能使用。</p>
-            <p>2. 未经您同意，我们不会向第三方泄露您的个人信息。</p>
-            
-            <h4>三、使用规范</h4>
-            <p>1. 请妥善保管您的账号密码，避免泄露。</p>
-            <p>2. 如发现异常情况，请及时联系系统管理员。</p>
           </div>
           <p class="important">请仔细阅读以上协议内容，点击"同意并继续"表示您已阅读并同意本协议。</p>
         </div>
         <div v-else class="agreement-text">
           <h3>用户协议与隐私政策</h3>
           <div class="default-content">
-            <p>欢迎使用本系统！在开始使用前，请仔细阅读以下协议内容：</p>
-            
-            <h4>一、服务条款</h4>
-            <p>1. 您在使用本系统时，必须遵守相关法律法规和平台规定。</p>
-            <p>2. 不得利用本系统从事任何违法或不当行为。</p>
-            
-            <h4>二、隐私政策</h4>
-            <p>1. 我们将保护您的个人信息安全，仅用于系统功能使用。</p>
-            <p>2. 未经您同意，我们不会向第三方泄露您的个人信息。</p>
             
-            <h4>三、使用规范</h4>
-            <p>1. 请妥善保管您的账号密码，避免泄露。</p>
-            <p>2. 如发现异常情况，请及时联系系统管理员。</p>
           </div>
           <p class="important">请仔细阅读以上协议内容，点击"同意并继续"表示您已阅读并同意本协议。</p>
         </div>
@@ -74,11 +50,15 @@
 </template>
 
 <script setup>
-import { ref, onMounted, reactive } from 'vue';
+import { ref, reactive } from 'vue';
+import { useRouter } from 'vue-router';
+import { message } from 'ant-design-vue';
 import { noticeApi } from '/@/api/business/oa/notice-api';
+import { letterApi } from '/@/api/business/letter/letter-api';
 import { smartSentry } from '/@/lib/smart-sentry';
 
 const emit = defineEmits(['confirm', 'cancel']);
+const router = useRouter();
 const visible = ref(false);
 const loading = ref(false);
 
@@ -94,11 +74,19 @@ const noticeDetail = reactive({
   publishTime: ''
 });
 
-onMounted(() => {
+// 显示弹框的方法
+function showDrawer() {
   visible.value = true;
+  // 重置滚动状态
+  hasScrolledToBottom.value = false;
   // 获取首页第一条公告的详情
   getFirstNoticeDetail();
-});
+}
+
+// 隐藏弹框的方法
+function hideDrawer() {
+  visible.value = false;
+}
 
 // 滚动事件处理
 function handleScroll(event) {
@@ -137,15 +125,34 @@ async function getFirstNoticeDetail() {
   }
 }
 
-const handleConfirm = () => {
+const handleConfirm = async () => {
+  try {
+    // 调用签署承诺书接口
+    await letterApi.add();
+    message.success('承诺书签署成功');
+    
+    // 触发确认事件
     emit('confirm');
     visible.value = false;
+  } catch (error) {
+    message.error('承诺书签署失败，请稍后重试');
+    // 签署失败时仍然关闭弹框
+    visible.value = false;
+  }
 };
 
 const handleCancel = () => {
   emit('cancel');
   visible.value = false;
+  // 跳转到登录页面
+  router.push('/login');
 };
+
+// ----------------------- 以下是暴露的方法内容 ----------------------------
+defineExpose({
+  showDrawer,
+  hideDrawer,
+});
 </script>
 
 <style scoped>

vite.config.js

@@ -35,14 +35,14 @@ export default {
     proxy: {
       // 代理API路径
       '/api': {
-        target: 'http://8.148.67.92:8080/', // 目标服务器地址
+        //target: 'http://8.148.67.92:8080/', // 目标服务器地址
-        //target: 'http://127.0.0.1:8080/',
+        target: 'http://127.0.0.1:8080/',
         changeOrigin: true, // 是否修改请求头中的 Origin 字段
         rewrite: (path) => path.replace(/^\/api/, ''), // 重写路径
       },
       '/login': {
-        target: 'http://8.148.67.92:8080/', // 目标服务器地址
+        //target: 'http://8.148.67.92:8080/', // 目标服务器地址
-        //target: 'http://127.0.0.1:8080/',
+        target: 'http://127.0.0.1:8080/',
         changeOrigin: true, // 是否修改请求头中的 Origin 字段
         rewrite: (path) => path.replace(/^\/api/, ''), // 重写路径
       },