pc-v3 修复多处 Vue 3 / Element Plus 适配残留与表单细节

- 修复 Dialog 组件 v-model 绑定：7 处 v-model:visible 改为 v-model，匹配组件 modelValue prop，解决「选择权益 / 添加规则组 / 调整名单 / 显示页面 / 权益链接」等弹窗点击无响应
- 修复日期选择器格式 token：批量将 yyyy-MM-dd[ HH:mm:ss]、yyyy-MM 改成 dayjs 大写 YYYY-MM-DD / YYYY-MM，解决选完日期 v-model 拿不到值的问题
- 修复 CrowdTaskEdit「客群任务结束日期」picker-options（Vue 2 API）改为 :disabled-date 函数 prop
- 权益编辑相关表单：设置规则去掉重复标题，「展示规则 / 领取规则」拆为独立卡片复用灰色头部；form-item 内容改块级布局让开关/单选下的灰色面板自然换行；「权益图标 / 权益主图」建议尺寸提示落到上传按钮下方；「不满足提示」label 宽度统一 100px
- 发放计划编辑页：去掉重复标题，「选择客群 / 选择权益」宽度收窄至 420px，「权益有效期」固定日期范围选择器锁定 360px

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

pc-v3/src/components/ruleGroup/RuleEditDialog.vue

@@ -90,7 +90,7 @@
             :disabled="readonly"
             type="date"
             placeholder="请选择日期"
-            value-format="yyyy-MM-dd"
+            value-format="YYYY-MM-DD"
             style="width: 100%"
           />
           <!-- 月份 -->
@@ -100,7 +100,7 @@
             :disabled="readonly"
             type="month"
             placeholder="请选择日期"
-            value-format="yyyy-MM"
+            value-format="YYYY-MM"
             style="width: 100%"
           />
           <!-- 数字 -->

pc-v3/src/components/tag/RuleBuilder.vue

@@ -99,7 +99,7 @@
               size="small"
               style="width: 140px"
               placeholder="选择月份"
-              value-format="yyyy-MM"
+              value-format="YYYY-MM"
               :disabled="readonly"
             />
 
@@ -425,7 +425,7 @@ export default {
             size: 'small',
             style: 'width: 160px',
             placeholder: '选择日期',
-            valueFormat: isMonth ? 'yyyy-MM' : 'yyyy-MM-dd'
+            valueFormat: isMonth ? 'YYYY-MM' : 'YYYY-MM-DD'
           }
         }
       }

pc-v3/src/views/AddEquityProduct.vue

@@ -327,7 +327,7 @@
                     </template>
                     <el-switch v-model="form.smsEnabled" @change="handleSmsEnabledChange"></el-switch>
                     <template v-if="form.smsEnabled">
-                      <div style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                      <div style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                         <el-select
                           v-model="form.smsTemplateId"
                           placeholder="请选择短信模板"
@@ -361,26 +361,23 @@
       </div>
 
       <div v-show="activeStep === 1">
-        <!-- 设置规则 -->
+        <!-- 展示规则 -->
         <el-card shadow="never" class="section-card">
           <template #header>
-            <div class="section-title">设置规则</div>
+            <div class="section-title">展示规则</div>
           </template>
-
-          <!-- 展示规则 -->
           <div class="rule-section">
-            <h4>展示规则</h4>
             <el-form :model="form" label-width="120px" label-position="left">
               <el-form-item label="展示时间限制">
                 <el-switch v-model="form.showTimeEnabled"></el-switch>
                 <template v-if="form.showTimeEnabled">
-                  <div style="display: flex;width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                  <div style="display: flex;max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                     <el-date-picker
                       v-model="form.showStartTime"
                       type="datetime"
                       placeholder="请选择开始时间"
-                      format="yyyy-MM-dd HH:mm:ss"
-                      value-format="yyyy-MM-dd HH:mm:ss"
+                      format="YYYY-MM-DD HH:mm:ss"
+                      value-format="YYYY-MM-DD HH:mm:ss"
                       style="width: 100%"
                     ></el-date-picker>
                     <div style="width: 50px;text-align: center;">-</div>
@@ -388,8 +385,8 @@
                       v-model="form.showEndTime"
                       type="datetime"
                       placeholder="请选择结束时间"
-                      format="yyyy-MM-dd HH:mm:ss"
-                      value-format="yyyy-MM-dd HH:mm:ss"
+                      format="YYYY-MM-DD HH:mm:ss"
+                      value-format="YYYY-MM-DD HH:mm:ss"
                       style="width: 100%"
                     ></el-date-picker>
                   </div>
@@ -398,7 +395,7 @@
               <el-form-item label="展示客群限制">
                 <el-switch v-model="form.showGroupEnabled"></el-switch>
                 <template v-if="form.showGroupEnabled">
-                  <div style="display: flex;width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                  <div style="display: flex;max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                     <el-select v-model="form.showGroupTagIds" multiple filterable placeholder="请选择客群" style="width: 100%">
                       <el-option label="客群A" value="客群A"></el-option>
                       <el-option label="客群B" value="客群B"></el-option>
@@ -409,21 +406,25 @@
               </el-form-item>
             </el-form>
           </div>
+        </el-card>
 
-          <!-- 领取规则 -->
+        <!-- 领取规则 -->
+        <el-card shadow="never" class="section-card">
+          <template #header>
+            <div class="section-title">领取规则</div>
+          </template>
           <div class="rule-section">
-            <h4>领取规则</h4>
             <el-form :model="form" label-width="120px" label-position="left">
               <el-form-item label="领取时间限制">
                 <el-switch v-model="form.claimTimeEnabled"></el-switch>
                 <template v-if="form.claimTimeEnabled">
-                  <div style="display: flex;width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                  <div style="display: flex;max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                     <el-date-picker
                       v-model="form.claimStartTime"
                       type="datetime"
                       placeholder="请选择开始时间"
-                      format="yyyy-MM-dd HH:mm:ss"
-                      value-format="yyyy-MM-dd HH:mm:ss"
+                      format="YYYY-MM-DD HH:mm:ss"
+                      value-format="YYYY-MM-DD HH:mm:ss"
                       style="width: 100%"
                     ></el-date-picker>
                     <div style="width: 50px;text-align: center;">-</div>
@@ -431,8 +432,8 @@
                       v-model="form.claimEndTime"
                       type="datetime"
                       placeholder="请选择结束时间"
-                      format="yyyy-MM-dd HH:mm:ss"
-                      value-format="yyyy-MM-dd HH:mm:ss"
+                      format="YYYY-MM-DD HH:mm:ss"
+                      value-format="YYYY-MM-DD HH:mm:ss"
                       style="width: 100%"
                     ></el-date-picker>
                   </div>
@@ -441,7 +442,7 @@
               <el-form-item label="领取客群限制">
                 <el-switch v-model="form.claimGroupEnabled"></el-switch>
                 <template v-if="form.claimGroupEnabled">
-                  <div style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                  <div style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                     <el-alert
                       title="需在【发放计划】中选择权益发放，未发放的权益移动端不展示"
                       type="info"
@@ -450,7 +451,7 @@
                       style="margin-bottom: 12px;"
                     ></el-alert>
                     <div style="font-size: 14px;color: #606266;margin-bottom: 8px;font-weight: 500;">不满足提示</div>
-                    <el-form-item label="提示内容" label-width="80px" style="margin-bottom: 12px;">
+                    <el-form-item label="提示内容" label-width="100px" style="margin-bottom: 12px;">
                       <el-input v-model="form.claimDenyMessage" maxlength="200" placeholder="请输入提示内容"></el-input>
                     </el-form-item>
                     <el-form-item label="跳转按钮文案" label-width="100px" style="margin-bottom: 12px;">
@@ -487,7 +488,7 @@
               </el-radio-group>
               <div
                 v-if="form.showOnAssembly === '显示'"
-                style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;"
+                style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;"
               >
                 <el-select
                   v-model="form.assemblyPages"
@@ -515,7 +516,7 @@
             <el-form-item label="是否支持分享">
               <el-switch v-model="form.shareEnabled" @change="handleShareEnabledChange"></el-switch>
               <template v-if="form.shareEnabled">
-                <div style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                <div style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                   <el-form-item label="分享名称" label-width="100px" required style="margin-bottom: 16px;">
                     <el-input
                       v-model="form.shareName"
@@ -570,7 +571,7 @@
     </el-card>
 
     <rongshu-product-dialog
-      v-model:visible="rongshuDialogVisible"
+      v-model="rongshuDialogVisible"
       @select="onRongshuSelect"
     />
 
@@ -957,6 +958,9 @@ export default {
   background: #fafafa;
   border-bottom: 1px solid #ebeef5;
 }
+.section-card >>> .el-form-item__content {
+  display: block;
+}
 .section-title {
   font-size: 16px;
   font-weight: 600;
@@ -984,6 +988,7 @@ export default {
   font-size: 14px;
 }
 .upload-size-tip {
+  width: 100%;
   margin-top: 4px;
   font-size: 12px;
   color: #909399;

pc-v3/src/views/AuditEquityProduct.vue

@@ -248,7 +248,7 @@
                   <el-form-item label="下单成功短信">
                     <el-switch v-model="form.smsEnabled" disabled></el-switch>
                     <template v-if="form.smsEnabled">
-                      <div style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                      <div style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                         <el-select
                           v-model="form.smsTemplateId"
                           placeholder="请选择短信模板"
@@ -295,7 +295,7 @@
               <el-form-item label="展示时间限制">
                 <el-switch v-model="form.showTimeEnabled" disabled></el-switch>
                 <template v-if="form.showTimeEnabled">
-                  <div style="display: flex;width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                  <div style="display: flex;max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                     <el-input :value="form.showStartTime" readonly style="width: 100%"></el-input>
                     <div style="width: 50px;text-align: center;">-</div>
                     <el-input :value="form.showEndTime" readonly style="width: 100%"></el-input>
@@ -305,7 +305,7 @@
               <el-form-item label="展示客群限制">
                 <el-switch v-model="form.showGroupEnabled" disabled></el-switch>
                 <template v-if="form.showGroupEnabled">
-                  <div style="display: flex;width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                  <div style="display: flex;max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                     <el-input :value="(form.showGroupTagIds || []).join('、')" readonly></el-input>
                   </div>
                 </template>
@@ -320,7 +320,7 @@
               <el-form-item label="领取时间限制">
                 <el-switch v-model="form.claimTimeEnabled" disabled></el-switch>
                 <template v-if="form.claimTimeEnabled">
-                  <div style="display: flex;width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                  <div style="display: flex;max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                     <el-input :value="form.claimStartTime" readonly style="width: 100%"></el-input>
                     <div style="width: 50px;text-align: center;">-</div>
                     <el-input :value="form.claimEndTime" readonly style="width: 100%"></el-input>
@@ -330,7 +330,7 @@
               <el-form-item label="领取客群限制">
                 <el-switch v-model="form.claimGroupEnabled" disabled></el-switch>
                 <template v-if="form.claimGroupEnabled">
-                  <div style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                  <div style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                     <el-alert
                       title="需在【发放计划】中选择权益发放，未发放的权益移动端不展示"
                       type="info"
@@ -376,7 +376,7 @@
               </el-radio-group>
               <div
                 v-if="form.showOnAssembly === '显示'"
-                style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;"
+                style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;"
               >
                 <el-input :value="form.assemblyPages.join('，')" readonly></el-input>
               </div>
@@ -393,7 +393,7 @@
             <el-form-item label="是否支持分享">
               <el-switch v-model="form.shareEnabled" disabled></el-switch>
               <template v-if="form.shareEnabled">
-                <div style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                <div style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                   <el-form-item label="分享名称" label-width="100px" style="margin-bottom: 16px;">
                     <el-input :value="form.shareName" readonly></el-input>
                   </el-form-item>
@@ -706,6 +706,9 @@ export default {
 .section-card {
   margin-top: 20px;
 }
+.section-card >>> .el-form-item__content {
+  display: block;
+}
 
 .section-title {
   font-size: 16px;

pc-v3/src/views/CashDiscountGrant.vue

@@ -25,7 +25,7 @@
                   range-separator="至"
                   start-placeholder="开始日期"
                   end-placeholder="结束日期"
-                  value-format="yyyy-MM-dd"
+                  value-format="YYYY-MM-DD"
                   style="width: 100%;"
                 ></el-date-picker>
               </el-form-item>

pc-v3/src/views/CreditCardEquity.vue

@@ -99,13 +99,13 @@
     </el-card>
 
     <show-pages-dialog
-      v-model:visible="showPagesDialogVisible"
+      v-model="showPagesDialogVisible"
       :row="showPagesRow"
       @confirm="onShowPagesConfirm"
     ></show-pages-dialog>
 
     <equity-link-dialog
-      v-model:visible="linkDialogVisible"
+      v-model="linkDialogVisible"
       :id="linkTargetId"
       path-name="equity/credit"
       title="生成信用卡权益链接"

pc-v3/src/views/CrowdTaskEdit.vue

@@ -58,7 +58,7 @@
                   v-model="form.startDate"
                   type="date"
                   placeholder="请选择日期"
-                  value-format="yyyy-MM-dd"
+                  value-format="YYYY-MM-DD"
                   style="width: 100%"
                 />
               </el-form-item>
@@ -69,8 +69,8 @@
                   v-model="form.endDate"
                   type="date"
                   placeholder="请选择日期"
-                  value-format="yyyy-MM-dd"
-                  :picker-options="endDateOptions"
+                  value-format="YYYY-MM-DD"
+                  :disabled-date="endDateDisabled"
                   style="width: 100%"
                 />
               </el-form-item>
@@ -123,7 +123,7 @@
     </el-card>
 
     <add-rule-group-dialog
-      v-model:visible="dialogVisible"
+      v-model="dialogVisible"
       :exclude-ids="selectedRuleGroupIds"
       @save="onRuleGroupAdded"
     />
@@ -177,13 +177,11 @@ export default {
     selectedRuleGroupIds() {
       return this.form.ruleGroups.map((r) => r.id)
     },
-    endDateOptions() {
+    endDateDisabled() {
       const start = this.form.startDate
-      return {
-        disabledDate(d) {
-          if (!start) return false
-          return d.getTime() < new Date(start).getTime()
-        }
+      return (d) => {
+        if (!start) return false
+        return d.getTime() < new Date(start).getTime()
       }
     }
   },

pc-v3/src/views/CrowdTaskList.vue

@@ -159,11 +159,11 @@
     </el-card>
 
     <adjust-member-dialog
-      v-model:visible="adjustVisible"
+      v-model="adjustVisible"
       :default-list-id="adjustListId"
     />
     <upload-adjust-dialog
-      v-model:visible="uploadVisible"
+      v-model="uploadVisible"
       :default-list-id="adjustListId"
     />
   </div>

pc-v3/src/views/CrowdTaskView.vue

@@ -83,7 +83,7 @@
     </el-card>
 
     <sample-detail-dialog
-      v-model:visible="showSample"
+      v-model="showSample"
       :rows="sampleRows"
     />
   </div>

pc-v3/src/views/CustomerEquityGrant.vue

@@ -23,7 +23,7 @@
                   range-separator="至"
                   start-placeholder="开始日期"
                   end-placeholder="结束日期"
-                  value-format="yyyy-MM-dd"
+                  value-format="YYYY-MM-DD"
                   style="width: 100%;"
                 ></el-date-picker>
               </el-form-item>

pc-v3/src/views/EditEquityProduct.vue

@@ -330,7 +330,7 @@
                   </template>
                   <el-switch v-model="form.smsEnabled" @change="handleSmsEnabledChange"></el-switch>
                   <template v-if="form.smsEnabled">
-                    <div style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                    <div style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                       <el-select
                         v-model="form.smsTemplateId"
                         placeholder="请选择短信模板"
@@ -367,20 +367,19 @@
         <!-- 设置规则 -->
         <el-card shadow="never" class="section-card">
           <template #header>
-            <div class="section-title">设置规则</div>
             <div class="section-title">展示规则</div>
           </template>
         <el-form :model="form" label-width="120px" label-position="left">
           <el-form-item label="展示时间限制">
             <el-switch v-model="form.showTimeEnabled"></el-switch>
             <template v-if="form.showTimeEnabled">
-              <div style="display: flex;width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+              <div style="display: flex;max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                 <el-date-picker
                   v-model="form.showStartTime"
                   type="datetime"
                   placeholder="请选择开始时间"
-                  format="yyyy-MM-dd HH:mm:ss"
-                  value-format="yyyy-MM-dd HH:mm:ss"
+                  format="YYYY-MM-DD HH:mm:ss"
+                  value-format="YYYY-MM-DD HH:mm:ss"
                   style="width: 100%"
                 ></el-date-picker>
                 <div style="width: 50px;text-align: center;">-</div>
@@ -388,8 +387,8 @@
                   v-model="form.showEndTime"
                   type="datetime"
                   placeholder="请选择结束时间"
-                  format="yyyy-MM-dd HH:mm:ss"
-                  value-format="yyyy-MM-dd HH:mm:ss"
+                  format="YYYY-MM-DD HH:mm:ss"
+                  value-format="YYYY-MM-DD HH:mm:ss"
                   style="width: 100%"
                 ></el-date-picker>
               </div>
@@ -398,7 +397,7 @@
           <el-form-item label="展示客群限制">
             <el-switch v-model="form.showGroupEnabled"></el-switch>
             <template v-if="form.showGroupEnabled">
-              <div style="display: flex;width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+              <div style="display: flex;max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                 <el-select v-model="form.showGroupTagIds" multiple filterable placeholder="请选择客群" style="width: 100%">
                   <el-option label="客群A" value="客群A"></el-option>
                   <el-option label="客群B" value="客群B"></el-option>
@@ -419,13 +418,13 @@
           <el-form-item label="领取时间限制">
             <el-switch v-model="form.claimTimeEnabled"></el-switch>
             <template v-if="form.claimTimeEnabled">
-              <div style="display: flex;width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+              <div style="display: flex;max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                 <el-date-picker
                   v-model="form.claimStartTime"
                   type="datetime"
                   placeholder="请选择开始时间"
-                  format="yyyy-MM-dd HH:mm:ss"
-                  value-format="yyyy-MM-dd HH:mm:ss"
+                  format="YYYY-MM-DD HH:mm:ss"
+                  value-format="YYYY-MM-DD HH:mm:ss"
                   style="width: 100%"
                 ></el-date-picker>
                 <div style="width: 50px;text-align: center;">-</div>
@@ -433,8 +432,8 @@
                   v-model="form.claimEndTime"
                   type="datetime"
                   placeholder="请选择结束时间"
-                  format="yyyy-MM-dd HH:mm:ss"
-                  value-format="yyyy-MM-dd HH:mm:ss"
+                  format="YYYY-MM-DD HH:mm:ss"
+                  value-format="YYYY-MM-DD HH:mm:ss"
                   style="width: 100%"
                 ></el-date-picker>
               </div>
@@ -443,7 +442,7 @@
           <el-form-item label="领取客群限制">
             <el-switch v-model="form.claimGroupEnabled"></el-switch>
             <template v-if="form.claimGroupEnabled">
-              <div style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+              <div style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                 <el-alert
                   title="需在【发放计划】中选择权益发放，未发放的权益移动端不展示"
                   type="info"
@@ -452,7 +451,7 @@
                   style="margin-bottom: 12px;"
                 ></el-alert>
                 <div style="font-size: 14px;color: #606266;margin-bottom: 8px;font-weight: 500;">不满足提示</div>
-                <el-form-item label="提示内容" label-width="80px" style="margin-bottom: 12px;">
+                <el-form-item label="提示内容" label-width="100px" style="margin-bottom: 12px;">
                   <el-input v-model="form.claimDenyMessage" maxlength="200" placeholder="请输入提示内容"></el-input>
                 </el-form-item>
                 <el-form-item label="跳转按钮文案" label-width="100px" style="margin-bottom: 12px;">
@@ -488,7 +487,7 @@
               </el-radio-group>
               <div
                 v-if="form.showOnAssembly === '显示'"
-                style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;"
+                style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;"
               >
                 <el-select
                   v-model="form.assemblyPages"
@@ -516,7 +515,7 @@
             <el-form-item label="是否支持分享">
               <el-switch v-model="form.shareEnabled" @change="handleShareEnabledChange"></el-switch>
               <template v-if="form.shareEnabled">
-                <div style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                <div style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                   <el-form-item label="分享名称" label-width="100px" required style="margin-bottom: 16px;">
                     <el-input
                       v-model="form.shareName"
@@ -578,7 +577,7 @@
     </el-card>
 
     <rongshu-product-dialog
-      v-model:visible="rongshuDialogVisible"
+      v-model="rongshuDialogVisible"
       @select="onRongshuSelect"
     />
 
@@ -955,6 +954,9 @@ export default {
   background: #fafafa;
   border-bottom: 1px solid #ebeef5;
 }
+.section-card >>> .el-form-item__content {
+  display: block;
+}
 .section-title {
   font-size: 16px;
   font-weight: 600;
@@ -982,6 +984,7 @@ export default {
   font-size: 14px;
 }
 .upload-size-tip {
+  width: 100%;
   margin-top: 4px;
   font-size: 12px;
   color: #909399;

pc-v3/src/views/EquityGrantCampaign.vue

@@ -15,7 +15,7 @@
                 range-separator="至"
                 start-placeholder="开始日期"
                 end-placeholder="结束日期"
-                value-format="yyyy-MM-dd"
+                value-format="YYYY-MM-DD"
                 style="width:360px"
               />
             </el-form-item>

pc-v3/src/views/EquityGrantCampaignEdit.vue

@@ -1,12 +1,6 @@
 <template>
   <div class="equity-grant-campaign-edit">
     <el-card>
-      <template #header>
-        <div class="header">
-          <span class="title">{{ pageTitle }}</span>
-        </div>
-      </template>
-
       <el-form
         ref="form"
         :model="form"
@@ -31,7 +25,7 @@
             v-model="form.startTime"
             type="datetime"
             placeholder="选择开始时间"
-            value-format="yyyy-MM-dd HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
             style="width:320px"
           />
         </el-form-item>
@@ -40,7 +34,7 @@
             v-model="form.endTime"
             type="datetime"
             placeholder="选择结束时间"
-            value-format="yyyy-MM-dd HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
             style="width:320px"
           />
         </el-form-item>
@@ -51,7 +45,7 @@
             filterable
             collapse-tags
             placeholder="请选择客群（可多选，支持搜索）"
-            style="width:100%"
+            style="width:420px"
           >
             <el-option
               v-for="item in crowdOptions"
@@ -75,7 +69,7 @@
             filterable
             collapse-tags
             placeholder="请选择借记卡权益（可多选）"
-            style="width:100%"
+            style="width:420px"
           >
             <el-option
               v-for="item in equityOptions"
@@ -89,7 +83,7 @@
             v-model="singleEquityId"
             filterable
             placeholder="请选择借记卡权益（仅可单选）"
-            style="width:100%"
+            style="width:420px"
           >
             <el-option
               v-for="item in equityOptions"
@@ -122,15 +116,14 @@
             <el-radio label="fixed">固定日期</el-radio>
             <el-radio label="relative">相对日期</el-radio>
           </el-radio-group>
-          <div v-if="form.validity.type === 'fixed'" class="validity-row">
+          <div v-if="form.validity.type === 'fixed'" class="validity-row" style="width:360px">
             <el-date-picker
               v-model="form.validity.fixedRange"
               type="daterange"
               range-separator="至"
               start-placeholder="开始日期"
               end-placeholder="结束日期"
-              value-format="yyyy-MM-dd"
-              style="width:360px"
+              value-format="YYYY-MM-DD"
             />
           </div>
           <div v-else class="validity-row">
@@ -236,9 +229,6 @@ export default {
     isEdit() {
       return this.$route.name === 'EquityGrantCampaignEdit'
     },
-    pageTitle() {
-      return this.isEdit ? '编辑发放计划' : '新建发放计划'
-    },
     crowdOptions() {
       return crowdNameListStore.list
     },
@@ -352,11 +342,10 @@ export default {
 
 <style scoped>
 .equity-grant-campaign-edit { padding: 0; }
-.header { display: flex; align-items: center; justify-content: center; }
-.title { font-size: 16px; font-weight: 600; color: #409EFF; }
 .grant-row { display: flex; align-items: center; }
 .grant-suffix { margin-left: 8px; color: #606266; }
 .validity-row { margin-top: 8px; display: flex; align-items: center; }
+.equity-grant-campaign-edit >>> .el-form-item__content { display: block; }
 .footer {
   text-align: center;
   margin-top: 24px;

pc-v3/src/views/EquityProductCoupons.vue

@@ -61,8 +61,8 @@
             v-model="editForm.effectiveTime"
             type="datetime"
             placeholder="请选择生效时间"
-            format="yyyy-MM-dd HH:mm:ss"
-            value-format="yyyy-MM-dd HH:mm:ss"
+            format="YYYY-MM-DD HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
             style="width: 100%"
           ></el-date-picker>
         </el-form-item>
@@ -71,8 +71,8 @@
             v-model="editForm.expireTime"
             type="datetime"
             placeholder="请选择过期时间"
-            format="yyyy-MM-dd HH:mm:ss"
-            value-format="yyyy-MM-dd HH:mm:ss"
+            format="YYYY-MM-DD HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
             style="width: 100%"
           ></el-date-picker>
         </el-form-item>
@@ -81,8 +81,8 @@
             v-model="editForm.stopIssueTime"
             type="datetime"
             placeholder="请选择停止发放时间"
-            format="yyyy-MM-dd HH:mm:ss"
-            value-format="yyyy-MM-dd HH:mm:ss"
+            format="YYYY-MM-DD HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
             style="width: 100%"
           ></el-date-picker>
         </el-form-item>
@@ -161,8 +161,8 @@
             v-model="importForm.effectiveTime"
             type="datetime"
             placeholder="请选择生效时间"
-            format="yyyy-MM-dd HH:mm:ss"
-            value-format="yyyy-MM-dd HH:mm:ss"
+            format="YYYY-MM-DD HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
             style="width: 100%"
           ></el-date-picker>
         </el-form-item>
@@ -171,8 +171,8 @@
             v-model="importForm.expireTime"
             type="datetime"
             placeholder="请选择过期时间"
-            format="yyyy-MM-dd HH:mm:ss"
-            value-format="yyyy-MM-dd HH:mm:ss"
+            format="YYYY-MM-DD HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
             style="width: 100%"
           ></el-date-picker>
         </el-form-item>
@@ -181,8 +181,8 @@
             v-model="importForm.stopIssueTime"
             type="datetime"
             placeholder="请选择停止发放时间"
-            format="yyyy-MM-dd HH:mm:ss"
-            value-format="yyyy-MM-dd HH:mm:ss"
+            format="YYYY-MM-DD HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
             style="width: 100%"
           ></el-date-picker>
         </el-form-item>

pc-v3/src/views/EquityProducts.vue

@@ -161,7 +161,7 @@
       </el-table>
 
       <equity-link-dialog
-        v-model:visible="linkDialogVisible"
+        v-model="linkDialogVisible"
         :id="linkTargetId"
         path-name="equity/debit"
         title="生成借记卡权益链接"

pc-v3/src/views/PointsDetail.vue

@@ -19,7 +19,7 @@
               range-separator="至"
               start-placeholder="开始日期"
               end-placeholder="结束日期"
-              value-format="yyyy-MM-dd"
+              value-format="YYYY-MM-DD"
               style="width: 360px;"
             ></el-date-picker>
           </el-form-item>

pc-v3/src/views/RuleGroupEdit.vue

@@ -135,7 +135,7 @@
     </el-card>
 
     <rule-edit-dialog
-      v-model:visible="dialog.visible"
+      v-model="dialog.visible"
       :rule="dialog.rule"
       :mode="dialog.mode"
       @save="onRuleSave"

pc-v3/src/views/SmsSendRecord.vue

@@ -32,7 +32,7 @@
                 range-separator="至"
                 start-placeholder="开始日期"
                 end-placeholder="结束日期"
-                value-format="yyyy-MM-dd"
+                value-format="YYYY-MM-DD"
                 style="width: 260px"
               />
             </el-form-item>

pc-v3/src/views/TagList.vue

@@ -28,7 +28,7 @@
                 range-separator="至"
                 start-placeholder="开始日期"
                 end-placeholder="结束日期"
-                value-format="yyyy-MM-dd"
+                value-format="YYYY-MM-DD"
                 style="width: 260px"
               />
             </el-form-item>

pc-v3/src/views/ViewEquityProduct.vue

@@ -251,7 +251,7 @@
                   <el-form-item label="下单成功短信">
                     <el-switch v-model="form.smsEnabled" disabled></el-switch>
                     <template v-if="form.smsEnabled">
-                      <div style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                      <div style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                         <el-select
                           v-model="form.smsTemplateId"
                           placeholder="请选择短信模板"
@@ -298,7 +298,7 @@
               <el-form-item label="展示时间限制">
                 <el-switch v-model="form.showTimeEnabled" disabled></el-switch>
                 <template v-if="form.showTimeEnabled">
-                  <div style="display: flex;width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                  <div style="display: flex;max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                     <el-input :value="form.showStartTime" readonly style="width: 100%"></el-input>
                     <div style="width: 50px;text-align: center;">-</div>
                     <el-input :value="form.showEndTime" readonly style="width: 100%"></el-input>
@@ -308,7 +308,7 @@
               <el-form-item label="展示客群限制">
                 <el-switch v-model="form.showGroupEnabled" disabled></el-switch>
                 <template v-if="form.showGroupEnabled">
-                  <div style="display: flex;width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                  <div style="display: flex;max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                     <el-input :value="(form.showGroupTagIds || []).join('、')" readonly></el-input>
                   </div>
                 </template>
@@ -323,7 +323,7 @@
               <el-form-item label="领取时间限制">
                 <el-switch v-model="form.claimTimeEnabled" disabled></el-switch>
                 <template v-if="form.claimTimeEnabled">
-                  <div style="display: flex;width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                  <div style="display: flex;max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                     <el-input :value="form.claimStartTime" readonly style="width: 100%"></el-input>
                     <div style="width: 50px;text-align: center;">-</div>
                     <el-input :value="form.claimEndTime" readonly style="width: 100%"></el-input>
@@ -333,7 +333,7 @@
               <el-form-item label="领取客群限制">
                 <el-switch v-model="form.claimGroupEnabled" disabled></el-switch>
                 <template v-if="form.claimGroupEnabled">
-                  <div style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                  <div style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                     <el-alert
                       title="需在【发放计划】中选择权益发放，未发放的权益移动端不展示"
                       type="info"
@@ -379,7 +379,7 @@
               </el-radio-group>
               <div
                 v-if="form.showOnAssembly === '显示'"
-                style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;"
+                style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;"
               >
                 <el-input :value="form.assemblyPages.join('，')" readonly></el-input>
               </div>
@@ -396,7 +396,7 @@
             <el-form-item label="是否支持分享">
               <el-switch v-model="form.shareEnabled" disabled></el-switch>
               <template v-if="form.shareEnabled">
-                <div style="width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;">
+                <div style="max-width: 600px;background: #f1f2f5;padding: 20px;margin-top: 10px;flex-basis: 100%;">
                   <el-form-item label="分享名称" label-width="100px" style="margin-bottom: 16px;">
                     <el-input :value="form.shareName" readonly></el-input>
                   </el-form-item>
@@ -782,6 +782,9 @@ export default {
   background: #fafafa;
   border-bottom: 1px solid #ebeef5;
 }
+.section-card >>> .el-form-item__content {
+  display: block;
+}
 .section-title {
   font-size: 16px;
   font-weight: 600;