优化

luohairen

2024-12-17 ba61d95e7367745913a0c85d45416578d8d66e31

 src/views/projectManage/plan/planInfo.vue

@@ -7,7 +7,13 @@
        <el-card shadow="hover">
          <el-row :gutter="20">
            <el-col :span="24" class="mb-4">
              <el-button type="primary" size="small" @click="handleAdd" style="float: right; margin-bottom: 10px">新增</el-button>
              <el-button
                type="text"
                size="medium"
                icon="el-icon-plus"
                @click="handleAdd"
                style="float: right;
                margin-bottom: 10px">新增</el-button>
              <el-table :data="tableData" border stripe style="width: 100%; margin-bottom: 20px">
                <el-table-column prop="index" label="序号" width="50" align="center">
                  <template #default="scope">
@@ -24,14 +30,14 @@
                    <el-date-picker v-model="scope.row.startTime"
                                    type="date"
                                    placeholder="选择日期"
                                    size="small"
                                    size="medium"
                                    style="width: 130px"
                                    value-format="yyyy-MM-dd HH:mm:ss"/>
                  </template>
                </el-table-column>
                <el-table-column prop="endTime" label="计划完成时间" width="160" align="center">
                  <template #default="scope">
                    <el-date-picker v-model="scope.row.endTime" type="date" placeholder="选择日期" size="small" style="width: 130px" value-format="yyyy-MM-dd HH:mm:ss"/>
                    <el-date-picker v-model="scope.row.endTime" type="date" placeholder="选择日期" size="medium" style="width: 130px" value-format="yyyy-MM-dd HH:mm:ss"/>
                  </template>
                </el-table-column>
                <el-table-column :label="planInfoData.planTimeFlag === 0 ? '月度' : planInfoData.planTimeFlag === 1 ? '季度' : '年度' " width="100" align="center">
@@ -41,9 +47,21 @@
                </el-table-column>
                <el-table-column fixed="right" label="操作" align="center">
                  <template #default="scope">
                    <el-button size="small" @click="handleSave(scope.$index)">保存</el-button>
                    <el-button size="small" type="danger" @click="handleReset(scope.$index)">重置</el-button>
                    <el-button size="small" type="danger" @click="handleDelete(scope.$index)">删除</el-button>
                    <el-button
                      size="medium"
                      type="text"
                      icon="el-icon-check"
                      @click="handleSave(scope.$index)">保存</el-button>
                    <el-button
                      size="medium"
                      type="text"
                      icon="el-icon-refresh-left"
                      @click="handleReset(scope.$index)">重置</el-button>
                    <el-button
                      size="medium"
                      type="text"
                      icon="el-icon-delete"
                      @click="handleDelete(scope.$index)">删除</el-button>
                  </template>
                </el-table-column>
              </el-table>
@@ -61,8 +79,16 @@
                </el-input>
              </div>
              <div style="display: flex; justify-content: center; align-items: center; margin-top: 20px">
                <el-button type="primary" size="small" @click="handleSubmit">上报</el-button>
                <el-button type="primary" size="small" @click="handleResetAll">重置</el-button>
                <el-button
                  type="text"
                  size="medium"
                  icon="el-icon-upload2"
                  @click="handleSubmit">上报</el-button>
                <el-button
                  type="text"
                  size="medium"
                  icon="el-icon-refresh-left"
                  @click="handleResetAll">重置</el-button>
              </div>
            </el-col>
          </el-row>