出差申请修改

src/views/attendance/business-trip/info.vue

@@ -9,7 +9,7 @@
                               <el-form-item label="出差事由：" prop="key">
                                   <el-input v-model="formModel.key"/>
                               </el-form-item>
-                              <HcCardItem :title="'行程'+ Number(index+1) " class="mt-2" v-for="(item,index) in journeyList">
+                              <HcCardItem :title="'行程'+ Number(index+1) " class="mt-2" v-for="(item,index) in journeyList" ui="hac-bg-grey">
                                     <el-form-item label="交通工具" prop="key1">
                                       <el-select v-model="formModel.key1" block clearable placeholder="请选择交通工具">
                                           <el-option v-for="item in trafficType" :label="item.name" :value="item.key"/>
@@ -50,7 +50,7 @@
                                       <el-input v-model="formModel.key"/>
                                   </el-form-item>
                                   <span class="tip ml-8">时长将自动计入考勤统计</span>
-                                  <template #extra>
+                                  <!-- <template #extra>
                                         <el-button type="primary" size="small"  @click="addJourney(item,index)">
                                             <HcIcon name="add"/>
                                             <span>增加行程</span>
@@ -59,9 +59,18 @@
                                             <HcIcon name="delete-bin-2"/>
                                             <span>删除行程</span>
                                         </el-button>
-                                    </template>
-                               
+                                    </template> -->
+                                
                               </HcCardItem>
+                              <div  class="mt-16" style="margin-bottom: 40px;">
+                                <el-divider content-position="right" border-style="dashed">
+                                      <el-button type="primary" hc-btn   @click="addJourney(item,index)">
+                                          <HcIcon name="add"/>
+                                          <span>添加行程</span>
+                                      </el-button>
+                               </el-divider>
+                              </div>
+                            
                               <el-form-item label="出差天数：" prop="key" class="mt-4">
                                   <el-input v-model="formModel.key" disabled/>
                               </el-form-item>
@@ -89,7 +98,7 @@
                                       </el-select>
                               </el-form-item>
                               <el-form-item label="关联预算计划" prop="key">
-                                <el-button type="primary" size="small" >
+                                <el-button type="primary" size="small"  @click="budgetModalShow">
                                             <HcIcon name="add"/>
                                             <span>关联预算计划</span>
                                 </el-button>
@@ -128,7 +137,20 @@
             </div>
           </div>
       </div>
-
+      <!--关联预算计划-->
+      <HcDialog bgColor="#ffffff" isToBody isTable
+                  title="关联预算计划" widths="80%" saveText="保存"
+                  :show="budgetModal"
+                  @close="budgetCloseClick"
+                  @save="budgetSaveClick"
+        >
+            <HcTable :column="tableBudgetColumn" :datas="tableBudgetData">
+                <template #action="{row,index}">
+                    <el-button size="small" type="danger" @click="row.relevance = false" v-if="row.relevance">取消关联</el-button>
+                    <el-button size="small" type="primary" @click="row.relevance = true" v-else>关联</el-button>
+                </template>
+            </HcTable>
+      </HcDialog>
   </HcCard>
 </template>
 
@@ -270,6 +292,34 @@ const goBackClick = () => {
 const doubleClick = () => {
 
 }
+
+//关联预算计划
+const budgetModal = ref(false)
+const budgetModalShow = () => {
+    budgetModal.value = true
+}
+const budgetCloseClick = () => {
+    budgetModal.value = false
+}
+const budgetSaveClick = () => {
+
+}
+
+//关联预算计划表格
+const tableBudgetColumn = [
+    {key: 'key1', name: '任务所属项目'},
+    {key: 'key2', name: '状态',  width: '120', align: 'center'},
+    {key: 'key3', name: '任务描述'},
+    {key: 'key4', name: '完成指标', width: '120', align: 'center'},
+    {key: 'action', name: '操作', width: '100', align: 'center'},
+]
+const tableBudgetData = ref([
+    {id: 1, key1: 'xxxx'},
+    {id: 2, key1: 'xxxx'},
+    {id: 3, key1: 'xxxx'},
+    {id: 4, key1: 'xxxx'},
+])
+
 </script>
 
 <style lang="scss" scoped>
@@ -344,6 +394,8 @@ const doubleClick = () => {
     font-weight: bold;
     margin-bottom: 40px;
 }
+
+
 </style>
 
 <style lang="scss">