|
@@ -0,0 +1,823 @@
|
|
|
+ <template>
|
|
|
+ <div>
|
|
|
+ <el-form :inline="true">
|
|
|
+ <!-- <el-form-item class="mr10" prop="keyword" label="学生姓名:">
|
|
|
+ <el-input
|
|
|
+ placeholder="输入学生姓名"
|
|
|
+ v-model="keyword"
|
|
|
+ clearable
|
|
|
+ @clear="getListData"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" prop="xdx_xsxh" label="学生学号:">
|
|
|
+ <el-input
|
|
|
+ v-model="xdx_xsxh"
|
|
|
+ placeholder="输入学生学号"
|
|
|
+ clearable
|
|
|
+ @clear="getListData"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" prop="xdx_lxfs" label="手机号码:">
|
|
|
+ <el-input
|
|
|
+ v-model="xdx_lxfs"
|
|
|
+ clearable
|
|
|
+ @clear="getListData"
|
|
|
+ placeholder="输入手机号码"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" prop="class_name" label="班级:">
|
|
|
+ <el-input
|
|
|
+ v-model="class_name"
|
|
|
+ clearable
|
|
|
+ @clear="getListData"
|
|
|
+ placeholder="输入班级"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="学年学期:" style="margin-bottom: 10px">
|
|
|
+ <el-select
|
|
|
+ v-model="firstForm.team"
|
|
|
+ placeholder="请选择学年学期"
|
|
|
+ clearable
|
|
|
+ @change="getListData"
|
|
|
+ style="width: 300px"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in teamList"
|
|
|
+ :label="item.team_name"
|
|
|
+ :value="item.team_id"
|
|
|
+ :key="item.team_id"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-button type="primary" class="ml5" @click="getListData"
|
|
|
+ >搜索</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" class="ml5" @click="clearData">清空</el-button>
|
|
|
+ </el-form>
|
|
|
+ <div>
|
|
|
+ <el-button type="primary" @click="exportAll">导出打印</el-button>
|
|
|
+ <!-- <el-button type="primary" @click="addData">添加</el-button>
|
|
|
+ <el-button
|
|
|
+ type="danger"
|
|
|
+ @click="delData"
|
|
|
+ :disabled="multipleSelection.length == 0"
|
|
|
+ >删除</el-button
|
|
|
+ > -->
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ tooltip-effect="dark"
|
|
|
+ v-loading="loading"
|
|
|
+ ref="multipleTable"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ class="mt20"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-table-column type="selection" align="center" width="55">
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="学生姓名" prop="xdx_xsxm" width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="学生学号"
|
|
|
+ prop="xdx_xsxh"
|
|
|
+ align="center"
|
|
|
+ width="150"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="性别" prop="xdx_xb" width="80"> </el-table-column>
|
|
|
+ <el-table-column label="年龄" prop="xdx_nl" align="center" width="80">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="联系方式"
|
|
|
+ prop="xdx_lxfs"
|
|
|
+ align="center"
|
|
|
+ width="150"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="备注" prop="xdx_yddqzt" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span class="text-red">{{ scope.row.xdx_yddqzt }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="班级" prop="class_name" width="150">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="学籍卡">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" @click="detailData(scope.row)"
|
|
|
+ >查看
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" @click="editData(scope.row)">编辑 </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <footer
|
|
|
+ class="flex-item-none"
|
|
|
+ style="display: flex; justify-content: flex-end; margin-top: 30px"
|
|
|
+ >
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout="total,prev, pager, next"
|
|
|
+ :page-size="limit"
|
|
|
+ :total="total"
|
|
|
+ :current-page.sync="cur_page"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ ></el-pagination>
|
|
|
+ </footer>
|
|
|
+
|
|
|
+ <el-dialog :title="title" :visible.sync="dialogFormVisible" width="700px">
|
|
|
+ <el-form :inline="true" :model="dialogForm" label-width="100px">
|
|
|
+ <h4 class="mb20 ml20 font-size-15 color-2">基本信息</h4>
|
|
|
+ <el-form-item class="mr75" label="学生姓名" prop="xsxm">
|
|
|
+ <el-input v-model="dialogForm.xsxm"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="学生学号" prop="xsxh">
|
|
|
+ <el-input v-model="dialogForm.xsxh"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr75" label="年龄" prop="nl">
|
|
|
+ <el-input v-model="dialogForm.nl"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="班级" prop="bj">
|
|
|
+ <el-input v-model="dialogForm.bj"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr75" label="证件类型" prop="zjlx">
|
|
|
+ <el-input v-model="dialogForm.zjlx"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="身份号码" prop="zjhm">
|
|
|
+ <el-input v-model="dialogForm.zjhm"></el-input> </el-form-item
|
|
|
+ ><el-form-item class="mr75" label="籍贯" prop="jg">
|
|
|
+ <el-input v-model="dialogForm.jg"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="出生年月" prop="csrq">
|
|
|
+ <el-date-picker
|
|
|
+ style="width: 191px"
|
|
|
+ v-model="dialogForm.csrq"
|
|
|
+ type="date"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr75" label="曾用名" prop="cym">
|
|
|
+ <el-input v-model="dialogForm.cym"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr75" label="性别" prop="xb">
|
|
|
+ <el-radio-group v-model="dialogForm.xb">
|
|
|
+ <el-radio :label="1">男</el-radio>
|
|
|
+ <el-radio :label="2">女</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr75" label="民族" prop="mz">
|
|
|
+ <el-input v-model="dialogForm.mz"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="政治面貌" prop="zzmm">
|
|
|
+ <el-input v-model="dialogForm.zzmm"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr75" label="文化程度" prop="whcd">
|
|
|
+ <el-input v-model="dialogForm.whcd"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="入党时间" prop="rdsj">
|
|
|
+ <el-date-picker
|
|
|
+ style="width: 191px"
|
|
|
+ v-model="dialogForm.rdsj"
|
|
|
+ type="date"
|
|
|
+ >
|
|
|
+ </el-date-picker> </el-form-item
|
|
|
+ ><el-form-item class="mr75" label="所在支部" prop="szzb">
|
|
|
+ <el-input v-model="dialogForm.szzb"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="所在党小组" prop="szdxz">
|
|
|
+ <el-input v-model="dialogForm.szdxz"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr75" label="家庭住址" prop="jtzz">
|
|
|
+ <el-input v-model="dialogForm.jtzz"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr75" label="详细地址" prop="xxdz">
|
|
|
+ <el-input v-model="dialogForm.xxdz"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="上传照片" prop="sczp">
|
|
|
+ <el-upload
|
|
|
+ v-model="dialogForm.sczp"
|
|
|
+ action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
+ list-type="picture-card"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="" />
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr75 ml40" label="联系方式" prop="lxfs">
|
|
|
+ <el-input v-model="dialogForm.lxfs"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="爱好特长:" prop="ahtc">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ style="width: 500px"
|
|
|
+ v-model="dialogForm.ahtc"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注:" prop="bz">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ style="width: 500px"
|
|
|
+ v-model="dialogForm.bz"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <h4 class="mb20 ml20 font-size-15 color-2">家庭主要</h4>
|
|
|
+ <el-form-item class="mr75" label="称谓" prop="jcw">
|
|
|
+ <el-input v-model="dialogForm.jcw"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="姓名" prop="jxm">
|
|
|
+ <el-input v-model="dialogForm.jxm"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr75" label="政治面貌" prop="jzzmm">
|
|
|
+ <el-input v-model="dialogForm.jzzmm"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="工作单位" prop="jgzdw">
|
|
|
+ <el-input v-model="dialogForm.jgzdw"></el-input> </el-form-item
|
|
|
+ ><el-form-item class="mr75" label="职务" prop="zw">
|
|
|
+ <el-input v-model="dialogForm.zw"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="手机号码" prop="jsjhm">
|
|
|
+ <el-input v-model="dialogForm.jsjhm"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <h4 class="mb20 ml20 font-size-15 color-2">获奖荣誉</h4>
|
|
|
+
|
|
|
+ <el-form-item label="是否获奖" prop="sfhj" class="w100">
|
|
|
+ <el-radio-group v-model="dialogForm.sfhj">
|
|
|
+ <el-radio :label="1">是</el-radio>
|
|
|
+ <el-radio :label="2">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="w100" label=" ">
|
|
|
+ <el-tag
|
|
|
+ class="mr20"
|
|
|
+ :key="tag"
|
|
|
+ v-for="tag in dynamicTags"
|
|
|
+ closable
|
|
|
+ :disable-transitions="false"
|
|
|
+ @close="handleClose(tag)"
|
|
|
+ >
|
|
|
+ {{ tag }}
|
|
|
+ </el-tag>
|
|
|
+ <el-input
|
|
|
+ class="input-new-tag w25"
|
|
|
+ v-if="inputVisible"
|
|
|
+ v-model="inputValue"
|
|
|
+ ref="saveTagInput"
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleInputConfirm"
|
|
|
+ @blur="handleInputConfirm"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label=" " class="w100">
|
|
|
+ <el-button
|
|
|
+ class="button-new-tag"
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="showInput"
|
|
|
+ >添加荣誉</el-button
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <h4 class="mb20 ml20 font-size-15 color-2">异动管理</h4>
|
|
|
+ <el-form-item class="mr75" label="当前状态" prop="yddqzt">
|
|
|
+ <el-radio-group v-model="dialogForm.yddqzt">
|
|
|
+ <el-radio :label="1">休学</el-radio>
|
|
|
+ <el-radio :label="2">转班</el-radio>
|
|
|
+ <el-radio :label="3">休学</el-radio>
|
|
|
+ <el-radio :label="4">复学</el-radio>
|
|
|
+ <el-radio :label="5">开除</el-radio>
|
|
|
+ <el-radio :label="6">其他</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注:" prop="ydbz">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ style="width: 500px"
|
|
|
+ v-model="dialogForm.ydbz"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="text-center">
|
|
|
+ <el-button @click="formCancel">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="formSubmit">确 定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog :visible.sync="detailDialogFormVisible" width="700px">
|
|
|
+ <h3 class="text-center mb45">XXX学校高等教育学生学籍卡</h3>
|
|
|
+ <el-form ref="form" :model="dialogForm" label-width="0px">
|
|
|
+ <table class="form-table" cellpadding="0" cellspacing="0">
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <h3 class="font-size-14">学生姓名</h3>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">
|
|
|
+ {{ detailInfo.xdx_xsxm }}
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <h3 class="font-size-14">性别</h3>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdx_xb_option_n }}</div>
|
|
|
+ </td>
|
|
|
+
|
|
|
+ <td rowspan="5"></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <h3 class="font-size-14">民族</h3>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdx_mz }}</div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <h3 class="font-size-14">出生年月</h3>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdx_csrq }}</div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <h3 class="font-size-14">身份证号</h3>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdx_zjhm }}</div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <h3 class="font-size-14">政治面貌</h3>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdx_zzmm }}</div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <h3 class="font-size-14">籍贯</h3>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdx_jg }}</div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <h3 class="font-size-14">家庭住址</h3>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdx_jtzz }}</div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <h3 class="font-size-14" style="height: 53px">爱好</h3>
|
|
|
+ </td>
|
|
|
+ <td colspan="3">
|
|
|
+ <div class="font-size-14" style="height: 53px">
|
|
|
+ {{ detailInfo.xdx_ahtc }}
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <table class="form-table-two" cellpadding="0" cellspacing="0">
|
|
|
+ <tr>
|
|
|
+ <td rowspan="3" class="w20">
|
|
|
+ <h3 class="font-size-14">家庭主要</h3>
|
|
|
+ </td>
|
|
|
+ <td class="w10">
|
|
|
+ <h3 class="font-size-14">称谓</h3>
|
|
|
+ </td>
|
|
|
+ <td class="w10">
|
|
|
+ <h3 class="font-size-14">姓名</h3>
|
|
|
+ </td>
|
|
|
+ <td class="w10">
|
|
|
+ <h3 class="font-size-14">政治面貌</h3>
|
|
|
+ </td>
|
|
|
+ <td class="w20">
|
|
|
+ <h3 class="font-size-14">工作单位</h3>
|
|
|
+ </td>
|
|
|
+ <td class="w10">
|
|
|
+ <h3 class="font-size-14">职务</h3>
|
|
|
+ </td>
|
|
|
+ <td class="w20">
|
|
|
+ <h3 class="font-size-14">手机号码</h3>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdxj_cw }}</div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdxj_xm }}</div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdxj_zzmm }}</div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdxj_gzdw }}</div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdxj_zw }}</div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14">{{ detailInfo.xdxj_sjhm }}</div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14"></div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14"></div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14"></div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14"></div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14"></div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="font-size-14"></div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="text-center">
|
|
|
+ <el-button @click="formCancel">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="formSubmit">打印</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {
|
|
|
+ ydlb_list,
|
|
|
+ ydlb_add,
|
|
|
+ ydlb_edit,
|
|
|
+ ydlb_del,
|
|
|
+ ydlb_detail,
|
|
|
+ team_search,
|
|
|
+ ydlb_export,
|
|
|
+ jtcy_list,
|
|
|
+ jtcy_add,
|
|
|
+ jtcy_edit,
|
|
|
+ jtcy_detail,
|
|
|
+ jtcy_del,
|
|
|
+ jtcy_export,
|
|
|
+} from "./api";
|
|
|
+
|
|
|
+import { useUserStore } from "@/stores/user";
|
|
|
+const { token } = useUserStore();
|
|
|
+export default {
|
|
|
+ name: "index",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ keyword: "",
|
|
|
+ xdx_xsxh: "",
|
|
|
+ xdx_lxfs: "",
|
|
|
+ class_name: "",
|
|
|
+ limit: 10,
|
|
|
+ total: 12,
|
|
|
+ cur_page: 1,
|
|
|
+ teamList: [],
|
|
|
+ dialogForm: {
|
|
|
+ xsxm: "",
|
|
|
+ xsxh: "",
|
|
|
+ xb: "",
|
|
|
+ nl: "",
|
|
|
+ lxfs: "",
|
|
|
+ bz: "",
|
|
|
+ bj: "",
|
|
|
+ yybz: "",
|
|
|
+ yddqzt: "",
|
|
|
+ jg: "",
|
|
|
+ zzmm: "",
|
|
|
+ jtzz: "",
|
|
|
+ zjhm: "",
|
|
|
+ mz: "",
|
|
|
+ jcw: "",
|
|
|
+ jxm: "",
|
|
|
+ jzzmm: "",
|
|
|
+ jzw: "",
|
|
|
+ jgzdw: "",
|
|
|
+ jsjhm: "",
|
|
|
+ },
|
|
|
+ firstForm: {
|
|
|
+ team: "",
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
+ termList: [],
|
|
|
+ gradeList: [],
|
|
|
+ detailInfo: {},
|
|
|
+ dynamicTags: ["全国先进工作者", "优秀党务工作者"],
|
|
|
+ inputVisible: false,
|
|
|
+ inputValue: "",
|
|
|
+ title: "",
|
|
|
+ multipleSelection: [],
|
|
|
+ id: "",
|
|
|
+ loading: false,
|
|
|
+ isEdit: false,
|
|
|
+ dialogImageUrl: "",
|
|
|
+ dialogVisible: false,
|
|
|
+ dialogFormVisible: false,
|
|
|
+ detailDialogFormVisible: false,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.cur_page = val;
|
|
|
+ this.getListData();
|
|
|
+ },
|
|
|
+ getListData() {
|
|
|
+ this.loading = true;
|
|
|
+ let data = {
|
|
|
+ page: this.cur_page,
|
|
|
+ limit: this.limit,
|
|
|
+ keyword: this.keyword,
|
|
|
+ xdx_xsxh: this.xdx_xsxh,
|
|
|
+ xdx_lxfs: this.xdx_lxfs,
|
|
|
+ class_name: this.class_name,
|
|
|
+ };
|
|
|
+
|
|
|
+ ydlb_list(data).then((res) => {
|
|
|
+ this.loading = false;
|
|
|
+ this.tableData = res.data.page_data;
|
|
|
+ this.cur_page = Number(res.data.page_now);
|
|
|
+ this.total = Number(res.data.total_rows);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addData() {
|
|
|
+ this.title = "添加/申请";
|
|
|
+ this.dialogForm = {
|
|
|
+ xsxm: "",
|
|
|
+ xsxh: "",
|
|
|
+ xb: "",
|
|
|
+ nl: "",
|
|
|
+ lxfs: "",
|
|
|
+ ydbz: "",
|
|
|
+ //bz: "",
|
|
|
+ // /zjlx: "",
|
|
|
+ // zjhm: "",
|
|
|
+ // jg: "",
|
|
|
+ // csrq: "",
|
|
|
+ // // cym: "",
|
|
|
+ // mz: "",
|
|
|
+ // zzmm: "",
|
|
|
+ // // whcd: "",
|
|
|
+ // // rdsj: "",
|
|
|
+ // // szzb: "",
|
|
|
+ // // szdxz: "",
|
|
|
+ // jtzz: "",
|
|
|
+ // // xxdz: "",
|
|
|
+ // // sczp: "",
|
|
|
+
|
|
|
+ // ahtc: "",
|
|
|
+ // // sfhj: "",
|
|
|
+ // // zt: "",
|
|
|
+ // // bz: "",
|
|
|
+ };
|
|
|
+ this.isEdit = false;
|
|
|
+ this.dialogFormVisible = true;
|
|
|
+ },
|
|
|
+ delData() {
|
|
|
+ this.$confirm("确认删除这些信息?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ let data = {
|
|
|
+ xdx_id: this.multipleSelection,
|
|
|
+ };
|
|
|
+
|
|
|
+ ydlb_del(data).then((res) => {
|
|
|
+ if (res.code == 1) {
|
|
|
+ this.$message({
|
|
|
+ message: "信息删除成功!",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.getListData();
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: res.msg,
|
|
|
+ type: "error",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ },
|
|
|
+
|
|
|
+ handleSelectionChange(val) {
|
|
|
+ this.multipleSelection = [];
|
|
|
+ for (let i in val) {
|
|
|
+ this.multipleSelection.push(val[i].xdx_id);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ editData(item) {
|
|
|
+ this.title = "编辑信息";
|
|
|
+ this.isEdit = true;
|
|
|
+ this.dialogFormVisible = true;
|
|
|
+ this.id = item.xdx_id;
|
|
|
+ this.dialogForm.xsxm = item.xdx_xsxm;
|
|
|
+ this.dialogForm.xsxh = item.xdx_xsxh;
|
|
|
+ this.dialogForm.xb = item.xdx_xb_option_k;
|
|
|
+ this.dialogForm.nl = item.xdx_nl;
|
|
|
+ this.dialogForm.lxfs = item.xdx_lxfs;
|
|
|
+ this.dialogForm.yddqzt = item.xdx_yddqzt_option_k;
|
|
|
+ this.dialogForm.bj = item.class_name;
|
|
|
+ this.dialogForm.csrq = item.xdx_csrq;
|
|
|
+ this.dialogForm.zzmm = item.xdx_zzmm;
|
|
|
+ this.dialogForm.mz = item.xdx_mz;
|
|
|
+ this.dialogForm.jtzz = item.xdx_jtzz;
|
|
|
+ this.dialogForm.jg = item.xdx_jg;
|
|
|
+ this.dialogForm.ahtc = item.xdx_ahtc;
|
|
|
+ this.dialogForm.zjhm = item.xdx_zjhm;
|
|
|
+ this.dialogForm.jcw = item.xdxj_cw;
|
|
|
+ this.dialogForm.jxm = item.xdxj_xm;
|
|
|
+ this.dialogForm.jzzmm = item.xdxj_zzmm;
|
|
|
+ this.dialogForm.jgzdw = item.xdxj_gzdw;
|
|
|
+ this.dialogForm.jzw = item.xdxj_zw;
|
|
|
+ this.dialogForm.jsjhm = item.xdxj_sjhm;
|
|
|
+ },
|
|
|
+
|
|
|
+ detailData(item) {
|
|
|
+ this.title = "信息详情";
|
|
|
+ this.detailDialogFormVisible = true;
|
|
|
+ let data = {
|
|
|
+ xdx_id: item.xdx_id,
|
|
|
+ };
|
|
|
+ ydlb_detail(data).then((res) => {
|
|
|
+ if (res.code == 1) {
|
|
|
+ this.detailInfo = res.data.one_info;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ formSubmit() {
|
|
|
+ let data = {
|
|
|
+ xdx_xsxm: this.dialogForm.xsxm,
|
|
|
+ xdx_xsxh: this.dialogForm.xsxh,
|
|
|
+ xdx_xb: this.dialogForm.xb,
|
|
|
+ xdx_nl: this.dialogForm.nl,
|
|
|
+ xdx_lxfs: this.dialogForm.lxfs,
|
|
|
+ xdx_yddqzt: this.dialogForm.yddqzt,
|
|
|
+ class_name: this.dialogForm.bj,
|
|
|
+ xdx_csrq: this.dialogForm.csrq,
|
|
|
+ xdx_zzmm: this.dialogForm.zzmm,
|
|
|
+ xdx_mz: this.dialogForm.mz,
|
|
|
+ xdx_jtzz: this.dialogForm.jtzz,
|
|
|
+ xdx_jg: this.dialogForm.jg,
|
|
|
+ xdx_zjhm: this.dialogForm.zjhm,
|
|
|
+ xdx_ahtc: this.dialogForm.ahtc,
|
|
|
+ xdxj_cw: this.dialogForm.jcw,
|
|
|
+ xdxj_xm: this.dialogForm.jxm,
|
|
|
+ xdxj_zzmm: this.dialogForm.jzzmm,
|
|
|
+ xdxj_gzdw: this.dialogForm.jgzdw,
|
|
|
+ xdxj_zw: this.dialogForm.jzw,
|
|
|
+ xdxj_sjhm: this.dialogForm.jsjhm,
|
|
|
+ };
|
|
|
+ if (!this.isEdit) {
|
|
|
+ ydlb_add(data).then((res) => {
|
|
|
+ if (res.code == 1) {
|
|
|
+ this.$message({
|
|
|
+ message: "报表添加成功!",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ this.getListData();
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: res.msg,
|
|
|
+ type: "error",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ data.xdx_id = this.id;
|
|
|
+ ydlb_edit(data).then((res) => {
|
|
|
+ if (res.code == 1) {
|
|
|
+ this.$message({
|
|
|
+ message: "信息编辑成功!",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ this.getListData();
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: res.msg,
|
|
|
+ type: "error",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ teamListData() {
|
|
|
+ let data = {
|
|
|
+ page: 1,
|
|
|
+ limit: 9999,
|
|
|
+ };
|
|
|
+ team_search(data).then((res) => {
|
|
|
+ if (res.code == 1) {
|
|
|
+ this.teamList = res.data.page_data;
|
|
|
+ let obj = {
|
|
|
+ team_id: "",
|
|
|
+ team_name: "全部",
|
|
|
+ };
|
|
|
+ this.teamList.unshift(obj);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ formCancel() {
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ this.detailDialogFormVisible = false;
|
|
|
+ },
|
|
|
+
|
|
|
+ handleClose(tag) {
|
|
|
+ this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
|
|
|
+ },
|
|
|
+
|
|
|
+ showInput() {
|
|
|
+ this.inputVisible = true;
|
|
|
+ this.$nextTick((_) => {
|
|
|
+ this.$refs.saveTagInput.$refs.input.focus();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleInputConfirm() {
|
|
|
+ let inputValue = this.inputValue;
|
|
|
+ if (inputValue) {
|
|
|
+ this.dynamicTags.push(inputValue);
|
|
|
+ }
|
|
|
+ this.inputVisible = false;
|
|
|
+ this.inputValue = "";
|
|
|
+ },
|
|
|
+
|
|
|
+ exportAll() {
|
|
|
+ let link =
|
|
|
+ window.globalVariables.api +
|
|
|
+ "/xddy/dygl_xsxjk/index?api=xls&page=1&limit=10000&token=" +
|
|
|
+ token;
|
|
|
+ window.open(link, "_blank");
|
|
|
+ },
|
|
|
+ clearData() {
|
|
|
+ this.keyword = "";
|
|
|
+ this.xdx_xsxh = "";
|
|
|
+ this.xdx_lxfs = "";
|
|
|
+ this.class_name = "";
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.getListData();
|
|
|
+ this.teamListData();
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.form-table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: collapse;
|
|
|
+ padding: auto;
|
|
|
+ td {
|
|
|
+ width: 20%;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 4px 4px 5px 5px;
|
|
|
+ border: 1px solid #dbdbdb;
|
|
|
+ }
|
|
|
+ td:nth-child(odd) {
|
|
|
+ background-color: #f0f3f8;
|
|
|
+ }
|
|
|
+ td:nth-child(5) {
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+}
|
|
|
+.form-table-two {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: collapse;
|
|
|
+ padding: auto;
|
|
|
+ td {
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 4px 4px 5px 5px;
|
|
|
+ border: 1px solid #dbdbdb;
|
|
|
+ border-top: none;
|
|
|
+ }
|
|
|
+ tr:first-child {
|
|
|
+ background-color: #f0f3f8;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|