目标

shj

2022-07-12 870d0b78a4da7ee5ec4ba9c18609a3ca09621e78

 src/views/goalManagement/IncentiveRecording/index.vue

@@ -3,10 +3,9 @@
      <el-row>
         <el-col :span="4">
            <el-form-item>
               <el-select v-model="ruleForm.region" style="width:100%" placeholder="">
                  <el-option label="Zone one" value="shanghai" />
                  <el-option label="Zone two" value="beijing" />
               </el-select>
               <el-input v-model="ruleForm.name" placeholder="请选择被奖惩者">
                     <template #append> <el-button :icon="Search" @click="openSearch" /> </template
                  ></el-input>
            </el-form-item>
         </el-col>
         <!-- <el-col :span="4">
@@ -30,24 +29,23 @@
               <el-button type="danger" :icon="Delete" plain>删除</el-button>
            </div>
            <div>
               <el-button :icon="Upload" @click="upButton"></el-button>
               <el-button :icon="Download"></el-button>
               <el-button :icon="Refresh"></el-button>
            </div>
         </div>
      <el-table ref="multipleTableRef" :data="tableData" style="width: 100%">
         <el-table-column type="selection" align="center" width="55" />
         <el-table-column label="奖惩名称" align="center" sortable>
         <el-table-column label="奖惩日期" align="center" sortable>
            <template #default="scope">{{ scope.row.date }}</template>
         </el-table-column>
         <el-table-column property="name" align="center" label="奖惩类型" sortable />
         <el-table-column property="name" align="center" label="被奖惩者" sortable />
         <el-table-column property="address" label="奖惩内容" align="center" sortable show-overflow-tooltip />
         <el-table-column property="address" label="依据" align="center" sortable show-overflow-tooltip />
         <el-table-column property="address" label="奖惩依据" align="center" sortable show-overflow-tooltip />
         <!-- <el-table-column property="address" label="指标级别" align="center" sortable show-overflow-tooltip />
         <el-table-column property="address" label="完成期限" align="center" sortable show-overflow-tooltip />
         <el-table-column property="address" label="状态" align="center" sortable show-overflow-tooltip /> -->
         <el-table-column property="address" label="备注信息" align="center" sortable show-overflow-tooltip />
         <el-table-column label="操作" align="center" sortable show-overflow-tooltip>
         <el-table-column label="操作" align="center" style="width:300px">
            <template #default>
               <el-button link type="primary" size="default" :icon="View">查看</el-button>
                    <el-button link type="primary" size="default" :icon="EditPen">修改</el-button>
@@ -70,15 +68,15 @@
         />
      </div>
      <DailogAdd ref="openAdd"></DailogAdd>
      <upData ref="upShow"></upData>
      <DailogSearchUser ref="openUser"></DailogSearchUser>
   </div>
</template>
<script lang="ts">
import DailogAdd from './component/DailogAdd.vue'
import upData from '../../../components/updata/updata.vue';
import DailogSearchUser from '/@/components/DailogSearchUser/index.vue'
import { ref, toRefs, reactive, onMounted, defineComponent } from 'vue';
import { ElMessageBox, ElMessage, ElButton, ElInput, TabsPaneContext, FormInstance } from 'element-plus';
import { Plus, Delete, Upload, Download, Refresh, View,EditPen } from '@element-plus/icons-vue';
import { Plus, Delete, Upload, Download, Refresh, View,EditPen,Search} from '@element-plus/icons-vue';
interface User {
   date: string;
   name: string;
@@ -86,7 +84,7 @@
}
import type { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults';
export default defineComponent({
   components: { ElButton, ElInput, upData,DailogAdd },
   components: { ElButton, ElInput,DailogAdd,DailogSearchUser },
   setup() {
      // 搜索条件
      const ruleForm = reactive({
@@ -151,12 +149,10 @@
      const openD = () => {
         openAdd.value.openDailog();
      };

      // 上传
      const upShow = ref();
      const upButton = () => {
         upShow.value.openDialog();
      };
        const openUser =ref();
      const openSearch=()=>{
         openUser.value.openDailog()
      }
      return {
         
         tableData,
@@ -167,19 +163,20 @@
         handleCurrentChange,
         openAdd,
         openD,
         upShow,
         upButton,
         small,
         disabled,
         background,
         ruleForm,
         openUser,
         openSearch,
         Plus,
         Delete,
         Upload,
         Download,
         Refresh,
         View,
            EditPen
            EditPen,
         Search
      };
   },
});