123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816 |
- <template>
- <div>
- <el-breadcrumb separator-class="el-icon-arrow-right">
- <el-breadcrumb-item>首页</el-breadcrumb-item>
- <el-breadcrumb-item>牵头单位</el-breadcrumb-item>
- <el-breadcrumb-item :to="{ path: '/jc/routineMonitorqt' }">任务列表</el-breadcrumb-item>
- <el-breadcrumb-item>基本信息</el-breadcrumb-item>
- </el-breadcrumb>
- <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
- <el-tab-pane label="基本信息" name="first">
- <el-form :model="readForm" label-position="right" label-width="auto" style="margin-left: 35%;">
- <el-form-item label="发布单位:" prop="releaser" class="labelItem" required>
- <div>{{readForm.releaser}}</div>
- </el-form-item>
- <el-form-item label="任务名称:" prop="task_name" class="labelItem" required>
- <div>{{readForm.task_name}}</div>
- </el-form-item>
- <el-form-item label="任务优先级:" prop="level" class="labelItem" required>
- <div v-if="readForm.level=='0'">一般</div>
- <div v-else-if="readForm.level=='1'">紧急</div>
- <div v-else>特急</div>
- </el-form-item>
- <el-form-item label="监测类型:" prop="task_class" width="70px" class="labelItem" required>
- <div>{{readForm.task_class}}</div>
- </el-form-item>
- <el-form-item label="检测模型:" prop="readForm.test_model_id" width="70px" class="labelItem" required>
- <el-select v-model="readForm.test_model_id" size="mini" placeholder="请选择">
- <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="抽检分离:" prop="is_divide" width="70px" class="labelItem">
- <el-select v-model="readForm.is_divide" size="mini">
- <el-option v-for="item in divideOptions" :key="item.id" :label="item.name" :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="年度:" prop="year" class="labelItem" required>
- <div>{{readForm.year}}</div>
- </el-form-item>
- <!-- <el-form-item label="发布机构所属区域:" prop="year" class="labelItem" required>
- <div>{{readForm.year}}</div>
- </el-form-item> -->
- <el-form-item label="机构级别:" prop="releaserInfo.releaser_group" class="labelItem" required>
- <div>{{readForm.releaser_group}}</div>
- </el-form-item>
- <!-- <el-form-item label="批次:" prop="batch" width="200px" class="labelItem">
- <div>{{readForm.batch}}</div>
- </el-form-item> -->
- <el-form-item label="任务时间:" prop="starttime" width="200px" class="labelItem" required>
- <div>{{readForm.starttime}} 至 {{readForm.endtime}}</div>
- </el-form-item>
- <el-form-item label="抽样信息上报截止时间:" size="mini" class="labelItem" required>
- <el-date-picker v-model="readForm.endtime_cydsb" type="date" value-format="yyyy-MM-dd">
- </el-date-picker>
- </el-form-item>
- <el-form-item label="附件:" prop="file_url" class="labelItem">
- <div v-if="readForm.file_url==null">无</div>
- <el-link v-else type="primary" :href="readForm.file_url">{{readForm.file_name}}</el-link>
- </el-form-item>
- <el-form-item label="文件号:" prop="filenum" width="200px" class="labelItem">
- <div v-if="readForm.filenum==null">无</div>
- <div v-else>{{readForm.filenum}}</div>
- </el-form-item>
- <el-form-item label="备注:" prop="log" class="labelItem">
- <div v-if="readForm.log==null">无</div>
- <div v-else>{{readForm.log}}</div>
- </el-form-item>
- </el-form>
- <div class="footer">
- <el-button type="success" size="mini" @click="bindModel">保存</el-button>
- <el-button type="success" size="mini" @click="next">下一步</el-button>
- </div>
-
- </el-tab-pane>
- <el-tab-pane label="机构与地域" name="second">
- <!-- 头部搜索栏 -->
- <el-form ref="form" :model="form" style="display: flex; flex-direction: column; margin-left: 5px; width: 100%; label-width: auto;">
- <el-row style="width: 75%;">
- <el-col :span="6">
- <el-form-item prop="bear_unit" label="抽样机构" class="select" size="mini">
- <el-input v-model="form.bear_unit" @focus="getTestListShow = true"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item prop="check_unit" label="检测机构" class="select" size="mini">
- <el-input v-model="form.check_unit" @focus="getTestListShow2 = true"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item prop="sample_number" label="抽样数量" class="select" size="mini">
- <el-input v-model="form.sample_number" style="width: 110px;"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="7">
- <el-form-item prop="report_unit" label="报告上传单位" class="select" size="mini">
- <el-input v-model="form.report_unit" @focus="getTestListShow1 = true"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row style="width: 100%; margin-top: 10px;">
- <el-col :span="5">
- <el-form-item prop="address" label="抽样地区" class="select" size="mini">
- <el-cascader :options="region" v-model="selectedOptions"
- @change="handleChange">
- </el-cascader>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item prop="uploadtime" label="报告上传时间:" class="select" size="mini">
- <el-date-picker v-model="form.uploadtime" type="date" value-format="yyyy-MM-dd">
- </el-date-picker>
- </el-form-item>
- </el-col>
- <el-col :span="12" >
- <el-button type="primary" size="mini" plain @click="save('form')">保存
- </el-button>
- <el-button type="primary" size="small" plain icon="el-icon-edit-outline" @click="resetForm('form')">
- 重置
- </el-button>
- <el-button type="primary" size="mini" plain @click="back()">上一步</el-button>
- <el-button type="primary" size="mini" plain @click="nexto()">下一步</el-button>
- </el-col>
- </el-row>
- </el-form>
- <!-- 表格数据区域-->
- <el-row :gutter="90" style="margin-right: 0px;">
- <div style="display: flex;flex-direction: row;float: right;">
- <el-button type="primary" size="small" plain @click="sampleDetail()">删除</el-button>
- </div>
- </el-row>
- <el-table ref="multipleTable" :data="underTask" border stripe highlight-current-row
- @selection-change="handleSelectionChange" style="width: 100%" :row-style="rowStyle"
- :cell-style="cellStyle">
- <el-table-column type="selection" width="50" align="center"></el-table-column>
- <el-table-column label="序号" width="50px" align="center">
- <template slot-scope="scope">
- {{ scope.$index+1 }}
- </template>
- </el-table-column>
- <el-table-column :key="table.label" v-for="table in tableHeader" :label="table.label"
- :prop="table.prop" align="center" :width="table.width" :fixed="table.fixed" />
- </el-table>
- <!-- 分页器区域-->
- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
- :current-page="queryInfo.pageNum" :page-sizes="[1,10, 15, 20]" :page-size="queryInfo.pageSize"
- layout="total, sizes, prev, pager, next, jumper" :total="underTasktotal" background />
- </el-tab-pane>
- <el-tab-pane label="总览" name="third">
- <taskdetail :task_id="task_id" :test_model_id="readForm.test_model_id"></taskdetail>
- <div class="footer">
- <el-button type="success" size="mini" @click="release()">发布</el-button>
- <el-button type="success" size="mini" @click="exportOverview(task_id)">导出总览</el-button>
- <el-button type="success" size="mini" @click="next">返回</el-button>
- </div>
- </el-tab-pane>
-
- <el-dialog title="生成监测报告" :visible.sync="dialogVisible2" width="50%">
- <taskdetail :task_id="task_id"></taskdetail>
- <div class="footer">
- <el-button @click="dialogVisible2 = false">取 消</el-button>
- <el-button type="success" size="mini" @click="exportOverviewpdf()">导出总览pdf</el-button>
- </div>
- </el-dialog>
- </el-tabs>
- <!-- 选择抽样机构对话框 -->
- <el-dialog title="抽样机构选择" :visible.sync="getTestListShow" width="50%" :close-on-click-modal="false"
- @open="getTestList()" class="dialogItem">
- <el-form v-if="getTestListShow">
- <!-- 表格数据区域-->
- <el-table ref="singleTable" :data="testList" row-key="id" @current-change="choseChange" border stripe
- highlight-current-row style="width: 100%">
- <el-table-column label="序号" width="50px" align="center">
- <template slot-scope="scope">
- {{ scope.$index+1 }}
- </template>
- </el-table-column>
- <el-table-column :key="table.prop" v-for="table in tableHeaders" :label="table.label"
- :prop="table.prop" align="center" :width="table.width" :fixed="table.fixed" />
- </el-table>
- <div>
- <!-- 分页器区域-->
- <el-pagination @size-change="handleSizeChanges" @current-change="handleCurrentChanges"
- :current-page="queryInfos.pageNum" :page-sizes="[1,10, 15, 20]" :page-size="queryInfos.pageSize"
- layout="total, sizes, prev, pager, next, jumper" :total="totals" background />
- <el-button type="success" style="display: block; margin: 10px auto;" size="mini" @click="choseTest()">提交</el-button>
- </div>
- </el-form>
- </el-dialog>
- <!-- 选择报告上传单位对话框 -->
- <el-dialog title="机构选择" :visible.sync="getTestListShow1" width="50%" :close-on-click-modal="false"
- @open="getTestList()" class="dialogItem">
- <el-form v-if="getTestListShow1">
- <!-- 表格数据区域-->
- <el-table ref="singleTable" :data="testList" row-key="id" @current-change="choseChange1" border stripe
- highlight-current-row style="width: 100%">
- <el-table-column label="序号" width="50px" align="center">
- <template slot-scope="scope">
- {{ scope.$index+1 }}
- </template>
- </el-table-column>
- <el-table-column :key="table.prop" v-for="table in tableHeaders" :label="table.label"
- :prop="table.prop" align="center" :width="table.width" :fixed="table.fixed" />
- </el-table>
- <div>
- <!-- 分页器区域-->
- <el-pagination @size-change="handleSizeChanges" @current-change="handleCurrentChanges"
- :current-page="queryInfos.pageNum" :page-sizes="[1,10, 15, 20]" :page-size="queryInfos.pageSize"
- layout="total, sizes, prev, pager, next, jumper" :total="totals" background />
- <el-button style="display: block; margin: 10px auto;" type="success" size="mini" @click="choseReportUnit()">提交</el-button>
- </div>
- </el-form>
- </el-dialog>
- <!-- 选择检测单位对话框 -->
- <el-dialog title="机构选择" :visible.sync="getTestListShow2" width="50%" :close-on-click-modal="false"
- @open="getTestList()" class="dialogItem">
- <el-form v-if="getTestListShow2">
- <!-- 表格数据区域-->
- <el-table ref="singleTable" :data="testList" row-key="id" @current-change="choseChange2" border stripe
- highlight-current-row style="width: 100%">
- <el-table-column label="序号" width="50px" align="center">
- <template slot-scope="scope">
- {{ scope.$index+1 }}
- </template>
- </el-table-column>
- <el-table-column :key="table.prop" v-for="table in tableHeaders" :label="table.label"
- :prop="table.prop" align="center" :width="table.width" :fixed="table.fixed" />
- </el-table>
- <div>
- <!-- 分页器区域-->
- <el-pagination @size-change="handleSizeChanges" @current-change="handleCurrentChanges"
- :current-page="queryInfos.pageNum" :page-sizes="[1,10, 15, 20]" :page-size="queryInfos.pageSize"
- layout="total, sizes, prev, pager, next, jumper" :total="totals" background />
- <el-button style="display: block; margin: 10px auto;" type="success" size="mini" @click="choseCheckUnit()">提交</el-button>
- </div>
- </el-form>
- </el-dialog>
- </div>
- </template>
- <script>
- import htmlToPdf from '../../assets/js/htmlToPdf.js'
- const token = window.sessionStorage.getItem('token')
- const rybh = window.sessionStorage.getItem('rybh')
- import {
- provinceAndCityData,
- regionData,
- provinceAndCityDataPlus,
- regionDataPlus,
- CodeToText,
- TextToCode
- } from 'element-china-area-data'
- import taskdetail from './taskdetail'
- export default {
- name: 'setTask',
- data() {
- return {
- size: 'medium',
- dialogVisible2: false,
- activeName: 'first',
- id: 0,
- readForm: {
- // releaser: '',
- // task_name: '',
- // level: '',
- // task_class: '',
- // year: '',
- modelInfo:{
- creattime:'',
- id:'',
- name:'',
- type_id:'',
- updatetime:'',
- user_id:'',
- },
- releaserInfo:{
- groupname: '',
- rymc:'',
- },
- taskInfo:{
- base_file_url: null,
- batch: '',
- creater: null,
- createtime: null,
- endtime: null,
- endtime_cydsb: null,
- file_name: null,
- file_url: null,
- filenum: null,
- id: null,
- industry: null,
- is_divide: null,
- ispublic:null,
- level:null,
- log: null,
- main_unit: null,
- releaser:null,
- starttime: null,
- status: null,
- task_class: null,
- task_name:null,
- test_model_id:null,
- year: null,
- },
- },
- queryInfo: {
- pageNum: 1,
- pageSize: 10,
- },
- queryInfos: {
- pageNum: 1,
- pageSize: 10
- },
- cellStyle: {
- padding: 2 + 'px'
- },
- rowStyle: {
- height: 35 + 'px'
- },
- tableHeader: [{
- label: '抽样机构',
- prop: 'bear_name',
- width: 180,
- }, {
- label: '检测机构',
- prop: 'check_name'
- },
- {
- label: '抽样地区',
- prop: 'address'
- }, {
- label: '抽样数量',
- prop: 'sample_number'
- },
- {
- label: '报告上传单位',
- prop: 'report_name'
- }, {
- label: '报告上传截止时间',
- prop: 'uploadtime'
- }
- ],
- checkHeader2: [{
- label: '检测项目',
- prop: 'test_name',
- // fixed: 'left'
- }],
- // 数据表格数据
- tableData: [],
- total: 0,
- task_id: '',
- multipleSelection: null,
- delarr: [],
- // 模型列表
- options: [{
- id: null,
- name: null
- }],
- bindForm: {
- test_model_id: null,
- endtime_cydsb: '',
- is_divide: ''
- },
- // 弹出检测机构弹窗
- getTestListShow: false,
- getTestListShow1: false,
- getTestListShow2: false,
- tableHeaders: [{
- label: '单位名称',
- prop: 'name',
- width: 300
- // fixed: 'left'
- },
- {
- label: '机构类型',
- prop: 'groupname',
- // width: 40
- // fixed: 'left'
- }, {
- label: '所属区域',
- prop: 'dtRelyOnUnit',
- width: 300
- // fixed: 'left'
- }
- ],
- testList: [],
- totals: 0,
- form: {
- bear_unit: '',
- report_unit: '',
- check_unit: '',
- sample_number: '',
- address: '',
- uploadtime: ''
- },
- currentRow: null,
- currentRow1: null,
- currentRow2: null,
- // 抽样地区
- region: regionData,
- selectedOptions: [],
- // 机构地域表格数据
- underTask: [],
- underTasktotal: 0,
- // 抽检分离选项
- divideOptions: [{
- id: 0,
- name: '否'
- },
- {
- id: 1,
- name: '是'
- }
- ]
- };
- },
- components: {
- taskdetail
- },
- mounted() {
- this.task_id = this.$route.params.id
- console.log(this.$route.params.id)
- this.getTaskBaseInfo()
- this.getmodelList()
- this.getUndertakeList()
- // this.getModeldetail()
- },
- created() {
- this.task_id = this.$route.params.id
- console.log(this.$route.params.id)
- this.getTaskBaseInfo()
- this.getmodelList()
- this.getUndertakeList()
- // this.getModeldetail()
- },
- methods: {
- // 跳转到检测
- nexto() {
- this.activeName = 'third'
- },
- // 跳转到基本信息
- back() {
- this.activeName = 'first'
- },
- // 机构与地域---保存
- async save(formName) {
- this.form['task_id'] = this.task_id
- console.log(this.form)
- const {
- data: res
- } = await this.$http.post("AddUnderTask", this.form);
- if (res.code == 0) {
- this.$message({
- type: 'success',
- message: '保存成功!'
- });
- this.resetForm(formName)
- this.getUndertakeList()
- }
- },
- //重置
- async resetForm(formName) {
- this.$refs[formName].resetFields();
- this.selectedOptions = '';
- },
- // 机构与地域---删除
- async sampleDetail(id) {
- console.log(id)
- // 判断任务是否为该创建者创建
- // for (let i = 0; i < this.multipleSelection.length; i++) {
- // if (rybh != this.multipleSelection[i].releaser) {
- // this.$alert('仅创建者可以删除!', {
- // confirmButtonText: '确定',
- // callback: action => {
- // }
- // });
- // }
- // }
- var that = this;
- const length = this.multipleSelection.length;
- // var val = this.selectedData;
- for (let i = 0; i < length; i++) {
- console.log(this.multipleSelection[i])
- this.delarr.push(this.multipleSelection[i].id);
- }
- const result = await this.$http.post('delUnderTask', {
- delarr: that.delarr
- // token: token
- })
- if (result.data.code == 0) {
- this.$message({
- type: 'success',
- message: '删除成功!'
- });
- that.getUndertakeList()
- } else {
- this.$message({
- type: 'error',
- message: '删除失败!'
- });
- }
- this.$refs.multipleTable.clearSelection();
- console.log(that.delarr)
- this.delarr = [];
-
- },
- // 获取机构地域表格
- async getUndertakeList() {
- this.queryInfo['task_id'] = this.task_id
- const result = await this.$http.post('getUndertakeList', this.queryInfo)
- // 判断业务逻辑
- console.log(result.data.data.rows)
- if (result.data.code == 0) {
- this.underTask = result.data.data.rows
- this.underTasktotal = result.data.data.total
- }
-
- },
- // 提交选中报告上传单位
- choseReportUnit() {
- let that = this
- that.form.report_unit = that.currentRow1.name
- that.form.report_id = that.currentRow1.id
- that.getTestListShow1 = false
- },
- // 提交选中检测单位
- choseCheckUnit() {
- let that = this
- that.form.check_unit = that.currentRow2.name
- that.form.check_id = that.currentRow2.id
- that.getTestListShow2 = false
- },
- // 提交选中抽样机构
- choseTest() {
- let that = this
- that.form.bear_unit = that.currentRow.name
- that.form.bear_id = that.currentRow.id
- that.getTestListShow = false
- },
- // 获取选择抽样地区
- handleChange() {
- var that = this
- var loc = "";
- // console.log(this.form.place)
- for (let i = 0; i < this.selectedOptions.length; i++) {
- loc += CodeToText[this.selectedOptions[i]];
- }
- // console.log(loc)
- that.form.address = loc
- },
- /** 监听每页显示多少数据的改变 */
- handleSizeChanges(newSize) {
- this.queryInfos.pageSize = newSize
- this.getTestList()
- },
- /** 监听页码的改变 */
- handleCurrentChanges(newPage) {
- this.queryInfos.pageNum = newPage
- this.getTestList()
- },
- // 获取检测机构列表
- async getTestList() {
- const result = await this.$http.post('getTestList', this.queryInfos)
- // 判断业务逻辑
- if (result.data.code == 0) {
- this.testList = result.data.data.rows
- this.totals = result.data.data.total
- }
- },
- choseChange(val) {
- this.currentRow = val;
- },
- choseChange1(val) {
- this.currentRow1 = val;
- },
- choseChange2(val) {
- this.currentRow2 = val;
- console.log(this.currentRow2)
- },
- // 跳转到机构与地域
- next() {
- this.activeName = 'second'
- },
- // 获取模型列表
- async getmodelList() {
- const {
- data: res
- } = await this.$http.post(
- "getModelList", {
- 'pageNum': 1,
- 'pageSize': 100,
- type_id: ""
- }
- );
- this.options = res.data.rows
- },
- // 绑定模型
- async bindModel() {
- var that = this
- that.bindForm['id'] = that.task_id
- that.bindForm['test_model_id'] = that.readForm.test_model_id
- that.bindForm['is_divide'] = that.readForm.is_divide
- that.bindForm['endtime_cydsb'] = that.readForm.endtime_cydsb
- console.log(that.bindForm)
- const {
- data: res
- } = await this.$http.post(
- "bindModel", this.bindForm
- );
- if (res.code == 0) {
- this.$message({
- type: 'success',
- message: '绑定模型成功!'
- });
- console.log(this.res)
- that.getTaskBaseInfo()
- }else{
- console.log(this.res.message)
- this.$message({
- type: 'error',
- message: res.message
- });
- }
- },
- //发布
- async release() {
- var that = this
- const {
- data: res
- } = await this.$http.post("qtRelease", {
- task_id: that.task_id
- });
- this.$router.push({
- path: '/jc/routineMonitorqt',
- })
- },
- // 导出总览
- exportOverview(id) {
- console.log(this.id)
- var that = this
- that.dialogVisible2 = true
- },
- // 导出总览pdf
- exportOverviewpdf() {
- htmlToPdf.downloadPDF(document.querySelector('#pdf1'), '监测任务总览')
- },
- handleClick(tab, event) {
- console.log(tab, event);
- },
- // 获取任务详情
- async getTaskBaseInfo() {
- var that = this
- const {
- data: res
- } = await this.$http.post("getTaskBaseInfo", {
- task_id: that.task_id
- });
- console.log(res.data)
- if (res.data.industry == '1') {
- res.data.model_type = '种植业'
- } else if (res.data.industry == '2') {
- res.data.model_type = '畜牧业'
- } else if (res.data.industry == '3') {
- res.data.model_type = '渔业'
- } else {
- res.data.model_type = '其他'
- }
-
- this.readForm = res.data
- console.log(this.readForm)
- console.log(this.readForm.releaser)
- // this.underTask = res.data.unitTaskList.rows
- // this.underTasktotal = res.data.unitTaskList.total
-
- // this.bindForm.is_divide = res.data.taskInfo.is_divide
- // this.bindForm.endtime_cydsb = res.data.taskInfo.endtime_cydsb
- // this.bindForm.test_model_id = Number(res.data.taskInfo.test_model_id)
- if(res.data.test_model_id === null) {
- this.readForm.test_model_id = undefined
- }else
- {
- this.readForm.test_model_id = Number(res.data.test_model_id)
- }
- console.log(this.readForm.test_model_id)
-
- // console.log(this.divideOptions.id)
- },
- //获取模型详情
- // async getModeldetail(){
- // console.log('11')
- // console.log(this.readForm.test_model_id)
- // },
- /** 修复当用户在大于1的分页进行数据搜索没有返回值的问题 */
- setPageNum() {
- this.queryInfo.pageNum = 1
- this.getSampleList()
- },
- setSelectedRow() {
- // 设置当前页已选项
- this.hander = true
- this.tableData.forEach(item => {
- if (this.list.includes(item[this.uniqueKey])) {
- this.$refs.multipleTable.toggleRowSelection(item, true)
- }
- })
- this.hander = false
- },
- /** 监听每页显示多少数据的改变 */
- handleSizeChange(newSize) {
- this.queryInfo.pageSize = newSize
- this.getTaskBaseInfo()
- },
- /** 监听页码的改变 */
- handleCurrentChange(newPage) {
- this.queryInfo.pageNum = newPage
- this.getTaskBaseInfo()
- },
- // 批量勾选
- handleSelectionChange(val) {
- this.multipleSelection = val
- console.log(this.multipleSelection)
- if (this.hander) return false
- // this.setSelectRows() // 处理选中的方法
- },
- }
- }
- </script>
- <style lang="less" scoped>
- .el-breadcrumb {
- margin-bottom: 20px;
- }
- // .el-form-item {
- // margin-bottom: 0px;
- // }
- .el-select {
- width: 210px;
- height: 100%;
- }
- .select {
- display: flex;
- flex-direction: row;
- margin-left: 10px;
- }
- .el-form-item {
- margin-left: 15px;
- margin-bottom: 5px;
- }
- .labelItem /deep/ .el-form-item__label {
- // width: 80px;
- text-align: center;
- vertical-align: middle;
- float: left;
- font-size: 14px;
- color: #606266;
- font-weight: bold;
- // line-height: 40px;
- padding: 0 20px 0 0;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- }
- .demonstration {
- margin: 20px;
- }
- // .el-form-item__content {
- // width: 200px;
- // }
- .my-label {
- width: 100px;
- }
- .el-pagination {
- margin-top: 25px;
- }
- .footer {
- margin-left: 45%;
- margin-top: 20px;
- }
- .el-table{
- margin-top: 20px;
- }
- </style>
|