lilei 1 ماه پیش
والد
کامیت
af0f6afbd5

+ 4 - 1
src/views/expenseManagement/expenseReimbursement/add.vue

@@ -19,7 +19,7 @@
             <a-icon type="edit" /> 编辑基础信息
           </div>
         </div>
-        <a-descriptions :column="{ xs: 2, sm: 3, md: 3}" v-if="detailData">
+        <a-descriptions :column="{ xs: 2, sm: 3, md: 4}" v-if="detailData">
           <a-descriptions-item label="费用单号">{{ detailData&&detailData.expenseAccountNo || '--' }}</a-descriptions-item>
           <a-descriptions-item label="申请人">{{ detailData&&detailData.applyPersonName || '--' }}</a-descriptions-item>
           <a-descriptions-item label="申请部门">{{ detailData&&detailData.applyDepartmentName || '--' }}</a-descriptions-item>
@@ -43,6 +43,9 @@
           <a-descriptions-item label="关联单号" v-if="detailData&&detailData.bizNo">{{ detailData&&detailData.bizNo || '--' }}</a-descriptions-item>
           <a-descriptions-item label="主题" :span="3">{{ detailData&&detailData.title || '--' }}</a-descriptions-item>
           <a-descriptions-item label="详细说明" :span="4">{{ detailData&&detailData.content.join(',')||'' }}</a-descriptions-item>
+          <a-descriptions-item label="摘要" :span="4">
+            {{ detailData.abstract||'' }}
+          </a-descriptions-item>
           <a-descriptions-item label="附件" :span="4">
             <a
               target="_blank"

+ 21 - 3
src/views/expenseManagement/expenseReimbursement/baseDataModal.vue

@@ -96,6 +96,16 @@
                 allowClear/>
             </a-form-model-item>
           </a-col>
+          <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+            <a-form-model-item label="摘要" prop="abstract" :label-col="{span:3}" :wrapper-col="{span:19}">
+              <a-textarea
+                id="expenseReimbursementAddform-abstract"
+                placeholder="请详细描述费用报销内容(最多30个字符)"
+                v-model.trim="form.abstract"
+                :maxLength="30"
+                allowClear/>
+            </a-form-model-item>
+          </a-col>
         </a-row>
         <a-row>
           <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
@@ -173,9 +183,14 @@ export default {
         productTypeSn3: '', //  产品三级分类
         expenseDate: moment().locale('zh-cn').format('YYYY-MM'), //  费用产生月
         title: '', // 主题
-        content: '' // 费用说明
-      },
-      rules: {
+        content: '', // 费用说明
+        abstract: '' // 摘要
+      }
+    }
+  },
+  computed: {
+    rules () {
+      return {
         applyPersonSn: [
           { required: true, message: '请选择申请人', trigger: 'change' }
         ],
@@ -193,6 +208,9 @@ export default {
         ],
         content: [
           { required: true, message: '请输入详细说明', trigger: 'blur' }
+        ],
+        abstract: [
+          { required: this.form.expenseTypeName == '促销费用', message: '请输入摘要', trigger: 'blur' }
         ]
       }
     }

+ 4 - 1
src/views/expenseManagement/expenseReimbursement/detail.vue

@@ -35,7 +35,7 @@
       </a-page-header>
       <!-- 基础信息 -->
       <a-card size="small" :bordered="false" class="expenseManagementDetail-cont" v-show="showDetail">
-        <a-descriptions size="small" :column="{ xs: 2, sm: 3, md: 3}" v-if="detailData">
+        <a-descriptions size="small" :column="{ xs: 2, sm: 3, md: 4}" v-if="detailData">
           <a-descriptions-item label="费用单号">{{ detailData&&detailData.expenseAccountNo || '--' }}</a-descriptions-item>
           <a-descriptions-item label="申请人">{{ detailData&&detailData.applyPersonName || '--' }}</a-descriptions-item>
           <a-descriptions-item label="申请部门">{{ detailData&&detailData.applyDepartmentName || '--' }}</a-descriptions-item>
@@ -62,6 +62,9 @@
           <a-descriptions-item label="详细说明" :span="4">
             {{ detailData.content.join(',')||'' }}
           </a-descriptions-item>
+          <a-descriptions-item label="摘要" :span="4">
+            {{ detailData.abstract||'' }}
+          </a-descriptions-item>
           <a-descriptions-item label="附件" :span="4">
             <a target="_blank" style="color: #00aaff;text-decoration: underline;margin-right: 15px;" :href="item.filePath" v-for="item in detailData.expenseAccountFilesList" :key="item.id">
               {{ item.fileName }}