05131451公务出访lhj

src/components/Resource/OpOfficialActivities.vue

@@ -43,12 +43,24 @@
             <el-form :model="OpOfficialActivitiesDto" ref="OpOfficialActivitiesDto" :rules="OpOfficialActivitiesRules"
                 label-width="100px" class="demo-ruleForm">
                 <div style="display: flex;flex-wrap: wrap;">
+                    <div style="width: 385px;">
+                        <el-form-item label="国家:" prop="country" label-width="160px">
+                            <el-input clearable placeholder="国家" v-model="OpOfficialActivitiesDto.country">
+                            </el-input>
+                        </el-form-item>
+                    </div>
                     <div style="width: 385px;">
                         <el-form-item label="公务单位:" prop="client" label-width="160px">
                             <el-input clearable placeholder="公务单位" v-model="OpOfficialActivitiesDto.client">
                             </el-input>
                         </el-form-item>
                     </div>
+                    <div style="width: 385px;">
+                        <el-form-item label="地区:" prop="area" label-width="160px">
+                            <el-input clearable placeholder="地区" v-model="OpOfficialActivitiesDto.area">
+                            </el-input>
+                        </el-form-item>
+                    </div>
                     <div style="width: 385px;">
                         <el-form-item label="公务日期:" prop="date" label-width="160px">
                             <el-date-picker v-model="OpOfficialActivitiesDto.date" type="date" placeholder="选择公务日期">
@@ -71,8 +83,8 @@
                             </el-radio-group>
                         </el-form-item>
                     </div>
-                </div>
-                <div style="display: flex;flex-wrap: wrap;">
+                <!-- </div>
+                <div style="display: flex;flex-wrap: wrap;"> -->
 
                     <div style="width: 385px;">
                         <el-form-item label="公务方联系人职务:" prop="job" label-width="160px">
@@ -100,14 +112,20 @@
                             </el-select>
                         </el-form-item>
                     </div>
-                </div>
-                <div style="display: flex;flex-wrap: wrap;">
+                <!-- </div>
+                <div style="display: flex;flex-wrap: wrap;"> -->
                     <div style="width: 385px;">
                         <el-form-item label="着装要求:" prop="dresscode" label-width="160px">
                             <el-input clearable placeholder="着装要求" v-model="OpOfficialActivitiesDto.dresscode">
                             </el-input>
                         </el-form-item>
                     </div>
+                    <div style="width: 385px;">
+                        <el-form-item label="涉及领域:" label-width="160px">
+                            <el-input clearable placeholder="涉及领域" v-model="OpOfficialActivitiesDto.field">
+                            </el-input>
+                        </el-form-item>
+                    </div>
                     <div style="width: 385px;">
                         <el-form-item label="需要翻译:" prop="isNeedTrans" label-width="160px">
                             <el-radio-group v-model="OpOfficialActivitiesDto.isNeedTrans">
@@ -145,29 +163,34 @@
                         </el-form-item>
                     </div>
                 </div>
-                <div style="display: flex;">
-                    <div style="width: 50%;">
+                <div style="display: flex; flex-wrap: wrap;">
+                    <div style="width: 770px;">
+                        <el-form-item label="公务请示范例:" label-width="160px">
+                            <el-input type="textarea" :rows="3" placeholder="公务请示范例" v-model="OpOfficialActivitiesDto.reqSample">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 770px;">
                         <el-form-item label="公务方背景:" prop="setting" label-width="160px">
                             <el-input type="textarea" :rows="3" placeholder="公务方背景"
                                 v-model="OpOfficialActivitiesDto.setting"></el-input>
                         </el-form-item>
                     </div>
-                    <div style="width: 50%;">
+                    <div style="width: 770px;">
                         <el-form-item label="公务地址:" prop="address" label-width="160px">
                             <el-input type="textarea" :rows="3" placeholder="公务地址"
                                 v-model="OpOfficialActivitiesDto.address"></el-input>
                         </el-form-item>
                     </div>
-                </div>
-                <div style="display: flex;">
-                    <div style="width: 50%;">
+                <!-- </div>
+                <div style="display: flex;"> -->
+                    <div style="width: 770px;">
                         <el-form-item label="暂定议程:" prop="trip" label-width="160px">
                             <el-input type="textarea" :rows="3" placeholder="暂定议程"
                                 v-model="OpOfficialActivitiesDto.trip"></el-input>
                         </el-form-item>
                     </div>
-
-                    <div style="width: 50%;">
+                    <div style="width:770px;">
                         <el-form-item label="参会人员:" prop="attendees" label-width="160px">
                             <el-input type="textarea" :rows="3" placeholder="参会人员"
                                 v-model="OpOfficialActivitiesDto.attendees"></el-input>
@@ -268,13 +291,23 @@ export default {
                 createUserId: 0,
                 isPay:0,
                 isSubmitApproval:0,
-                remark: ""
+                remark: "",
+                country: "",
+                area: "",
+                field: "",
+                reqSample: "",
             },
             OpOfficialActivitiesRules: {
                 officialForm: [
                     { required: true, message: '该信息为必填信息', trigger: 'blur' },
                     { required: true, message: '该信息为必填信息', trigger: 'change' },
                 ],
+                country: [
+                    { required: true, message: '该信息为必填信息', trigger: 'blur' },
+                ],
+                area: [
+                    { required: true, message: '该信息为必填信息', trigger: 'blur' },
+                ],
                 inviteCosts: [
                     { required: true, message: '该信息为必填信息', trigger: 'blur' },
                     { required: true, message: '该信息为必填信息', trigger: 'change' },
@@ -451,6 +484,10 @@ export default {
                     that.OpOfficialActivitiesDto.remark = dataList.remark
                     that.OpOfficialActivitiesDto.isSubmitApproval = dataList.isSubmitApproval
                     that.OpOfficialActivitiesDto.isPay = dataList.isPay
+                    that.OpOfficialActivitiesDto.country = dataList.country
+                    that.OpOfficialActivitiesDto.area = dataList.area
+                    that.OpOfficialActivitiesDto.field = dataList.field
+                    that.OpOfficialActivitiesDto.reqSample = dataList.reqSample
                 }
 
             })
@@ -752,6 +789,7 @@ export default {
     box-shadow: 0 0 5px #0005;
     border-radius: 10px;
     min-height: 810px;
+    
 }
 .visit-box .el-date-editor.el-input, .el-date-editor.el-input__inner{
     width: 100%;