培训计划

src/views/modules/planbranch/annual-add-or-update.vue

+<template>
+ <el-dialog
+  title="修改年度培训计划"
+    :close-on-click-modal="false"
+    :visible.sync="visible">
+    <el-form :model="dataForm"  ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="120px" >
+    <el-form-item label="分支机构名称：" prop="name">
+      <el-input v-model="dataForm.name" placeholder="请输入显示标题"  disabled></el-input>
+    </el-form-item>
+    <el-form-item label="上传附件：" prop="file" class="pic">
+      <el-upload
+        class="avatar-uploaderFile"
+        action=""
+        :show-file-list="false"
+        :http-request="UploadFile"
+        :before-upload="beforeUploadFile">
+        <el-button size="small" type="primary">点击上传</el-button>
+        <span style="float:right;color:red;margin-left:100px;font-size:10px">*注意：上传附件为.xsl或.xlsx</span>
+      </el-upload>
+      <a  :href="dataForm.docfile" target="_blank">{{dataForm.docfile}}</a>
+    </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer"  >
+        <el-button @click="visible = false">取消</el-button>
+        <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+      </span>
+  </el-dialog>
+</template>
+
+<script>
+  import Ueditor from '../temps/ueditor'
+  export default {
+    components: {
+      Ueditor
+    },
+    data () {
+      return {
+        loading: false,
+        visible: false,
+        dataForm: {
+          id: 0,
+          name: '',
+          docfile: ''
+        },
+        fileUrl: new FormData(),
+        fileUrlStr: ''
+  
+      }
+    },
+  
+    created () {
+  
+    },
+    mounted () {
+    },
+    methods: {
+      init (id, name) {
+        this.dataForm.id = id || 0
+        this.visible = true
+        this.dataForm.name = name
+        this.dataForm.docfile = ''
+      },
+  
+      // 表单提交
+      dataFormSubmit () {
+        if (this.dataForm.docfile === '') {
+          this.$message.error('请上传附件！')
+          return false
+        }
+        this.loading = true
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            this.$http({
+              url: this.$http.adornUrl(`/office/planbranch/batchUpdateStatus`),
+              method: 'post',
+              data: this.$http.adornData({
+                'ids': [this.dataForm.id],
+                'ppath': this.dataForm.docfile
+              })
+            }).then(({data}) => {
+              this.loading = false
+              if (data && data.code === 0) {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      },
+  
+      clearInp () {
+        this.dataForm.docfile = ''
+  
+        this.dialogVisible = false
+      },
+      beforeUploadFile (file) {
+        const isLt100M = file.size / 1024 / 1024 < 10
+        var index = file.name.lastIndexOf('.')
+      // 获取后缀
+        var ext = file.name.substr(index + 1).toLowerCase()
+      // 输出结果
+        var extarr = ['xlsx', 'xls']
+
+        if (extarr.indexOf(ext) === -1) {
+          this.$message.error('上传文件只能是xlsx/xls格式!')
+          return false
+        }
+  
+        if (!isLt100M) {
+          this.$message.error('上传文件大小不能超过100MB哦!')
+          return false
+        }
+        if (file) {
+          var windowURL = window.URL || window.webkitURL
+          this.fileUrlStr = windowURL.createObjectURL(file)
+          this.dialogVisible = true
+          this.fileUrl.append('file', file)
+        }
+      },
+      UploadFile () {
+        this.$http({
+          url: this.$http.adornUrl('/office/file/uploadFile'),
+          method: 'post',
+          data: this.fileUrl,
+          headers: {
+            'Content-Type': 'multipart/form-data'
+          }
+        })
+        .then(res => {
+          console.log(res)
+          if (res.data.code === 500) {
+            this.$message.error(res.data.message)
+          } else {
+            this.dataForm.docfile = res.data.data
+          }
+        }).catch(err => {
+          console.log(err)
+          this.$message.error('上传失败')
+        })
+      }
+    }
+  }
+</script>

src/views/modules/planbranch/annual.vue

+<template>
+  <div class="mod-config mod-list-form">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" label-width="120px">
+        <el-form-item label='分支机构名称' prop='name'>
+          <el-input v-model='dataForm.name' placeholder='请输入分支机构名称'  clearable></el-input>
+        </el-form-item>
+        <el-form-item label='状态' prop='state'>
+          <el-select v-model="dataForm.state" placeholder="请选择状态" clearable>
+            <el-option
+              v-for="item in stateList"
+              :key="item.state"
+              :label="item.stateName"
+              :value="item.state">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        
+        <el-button class="seach-btn" @click="getDataList2()" type="primary">搜索</el-button>
+      </el-form>
+  <div class="add-btn">
+      <el-button   type="primary" @click="allUpload('',-1)">批量上报</el-button>
+      <el-button   type="primary" @click="allUpload('',0)">批量上传</el-button>
+  </div>
+  <div class="table-list">
+    <el-table
+      :data="dataList"
+      v-loading="dataListLoading"
+      @selection-change="selectionChangeHandle"
+      border
+      style="width: 100%;">
+      <el-table-column
+        type="selection"
+        header-align="center"
+        align="center"
+        width="50">
+      </el-table-column>
+      <el-table-column
+       type="index"
+        header-align="center"
+        align="center"
+        width="50px"
+        label="序号">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        header-align="center"
+        align="center"
+        label="分支机构名称">
+      </el-table-column>
+      <el-table-column
+        prop="updatetime"
+        header-align="center"
+        align="center"
+        label="修改时间">
+      </el-table-column>
+      <el-table-column
+        prop="lasteditor"
+        header-align="center"
+        align="center"
+        label="最后编辑">
+      </el-table-column>
+      <el-table-column
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作">
+        <template slot-scope="scope">
+          <el-button   type="text" size="small"  @click="addOrUpdateHandle(scope.row.id,scope.row.name)">修改</el-button><br />
+          <el-button   type="text" size="small" @click="allUpload(scope.row.id,-1)">[未上报]</el-button>
+          <el-button   type="text" size="small"  @click="allUpload(scope.row.id,0)">[未上传]</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="checkflag"
+        header-align="center"
+        align="center"
+        label="状态">
+        <!-- -1为“未上报”，0为“未上传”1为“已上传” -->
+        <template slot-scope="scope">
+          <p v-if="scope.row.checkflag===-1" type="text" size="small">未上报</p>
+          <p v-if="scope.row.checkflag===0" type="text" size="small">未上传</p>
+          <p v-if="scope.row.checkflag===1" type="text" size="small">已上传</p>
+        </template>
+      </el-table-column>
+    </el-table>
+  
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+   <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+   </div>
+  </div>
+</template>
+
+<script>
+ import AddOrUpdate from './annual-add-or-update'
+ export default {
+   components: {
+     AddOrUpdate
+   },
+   data () {
+     return {
+       addOrUpdateVisible: false,
+       dataForm: {
+         name: '',
+         state: ''
+       },
+       dataList: [],
+       pageIndex: 1,
+       pageSize: 10,
+       totalPage: 0,
+       dataListLoading: false,
+       dataListSelections: [],
+       stateList: [
+         {
+           state: -1,
+           stateName: '未上报'
+         },
+         {
+           state: 0,
+           stateName: '未上传'
+         },
+         {
+           state: 1,
+           stateName: '已上传'
+         }
+       ]
+     }
+   },
+   activated () {
+     this.getDataList()
+   },
+   methods: {
+     getDataList2 () {
+       this.pageIndex = 1
+       this.getDataList()
+     },
+      // 获取数据列表
+     getDataList () {
+       this.dataListLoading = true
+       this.$http({
+         url: this.$http.adornUrl('/office/planbranch/list'),
+         method: 'post',
+         data: this.$http.adornData({
+           'page': this.pageIndex + '',
+           'limit': this.pageSize + '',
+           'classnum': 0, // 0 年度  1 第一季度  2第二季度  3第三季度  4第四季度
+           'checkflag': this.dataForm.state == null ? '' : this.dataForm.state + '',  // -1为“未上报”。 0为“未上传” 1为“已上传”
+           'name': this.dataForm.name
+         })
+       }).then(({data}) => {
+         if (data && data.code === 0) {
+           this.dataList = data.page.list
+           this.totalPage = data.page.totalCount
+         } else {
+           this.$message.error(data.msg)
+           this.dataList = []
+           this.totalPage = 0
+         }
+         this.dataListLoading = false
+       })
+     },
+
+      // 每页数
+     sizeChangeHandle (val) {
+       this.pageSize = val
+       this.pageIndex = 1
+       this.getDataList()
+     },
+      // 当前页
+     currentChangeHandle (val) {
+       this.pageIndex = val
+       this.getDataList()
+     },
+      // 多选
+     selectionChangeHandle (val) {
+       this.dataListSelections = val
+     },
+            // 新增 / 修改
+     addOrUpdateHandle (id, name) {
+       this.addOrUpdateVisible = true
+       this.$nextTick(() => {
+         this.$refs.addOrUpdate.init(id, name)
+       })
+     },
+     checkHandle (data) {
+ 
+     },
+      // 修改状态
+     allUpload (id, checkflag) {
+       var ids = id ? [id] : this.dataListSelections.map(item => {
+         return item.id
+       })
+       if (ids.length === 0) {
+         this.$message.error('请选择需要更改的分支机构')
+         return false
+       }
+       this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? checkflag === -1 ? '未上报' : '未上传' : '批量' + checkflag === -1 ? '未上报' : '未上传'}]操作?`, '提示', {
+         confirmButtonText: '确定',
+         cancelButtonText: '取消',
+         type: 'warning'
+       }).then(() => {
+         this.$http({
+           url: this.$http.adornUrl('/office/planbranch/batchUpdateStatus'),
+           method: 'post',
+           data: this.$http.adornData({
+             'ids': ids,
+             'checkflag': checkflag + ''
+
+           })
+         }).then(({data}) => {
+           if (data && data.code === 0) {
+             this.$message({
+               message: '操作成功',
+               type: 'success',
+               duration: 1500,
+               onClose: () => {
+                 this.getDataList()
+               }
+             })
+           } else {
+             this.$message.error(data.msg)
+           }
+         })
+       }).catch(() => {})
+     }
+ 
+   }
+ }
+</script>

src/views/modules/planbranch/fistplan.vue

+<template>
+  <div class="mod-config mod-list-form">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" label-width="120px">
+        <el-form-item label='分支机构名称' prop='name'>
+          <el-input v-model='dataForm.name' placeholder='请输入分支机构名称'  clearable></el-input>
+        </el-form-item>
+        <el-form-item label='状态' prop='state'>
+          <el-select v-model="dataForm.state" placeholder="请选择状态" clearable>
+            <el-option
+              v-for="item in stateList"
+              :key="item.state"
+              :label="item.stateName"
+              :value="item.state">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        
+        <el-button class="seach-btn" @click="getDataList2()" type="primary">搜索</el-button>
+      </el-form>
+  <div class="add-btn">
+      <el-button   type="primary" @click="allUpload('',-1)">批量上报</el-button>
+      <el-button   type="primary" @click="allUpload('',0)">批量上传</el-button>
+  </div>
+  <div class="table-list">
+    <el-table
+      :data="dataList"
+      v-loading="dataListLoading"
+      @selection-change="selectionChangeHandle"
+      border
+      style="width: 100%;">
+      <el-table-column
+        type="selection"
+        header-align="center"
+        align="center"
+        width="50">
+      </el-table-column>
+      <el-table-column
+       type="index"
+        header-align="center"
+        align="center"
+        width="50px"
+        label="序号">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        header-align="center"
+        align="center"
+        label="分支机构名称">
+      </el-table-column>
+      <el-table-column
+        prop="updatetime"
+        header-align="center"
+        align="center"
+        label="修改时间">
+      </el-table-column>
+      <el-table-column
+        prop="lasteditor"
+        header-align="center"
+        align="center"
+        label="最后编辑">
+      </el-table-column>
+      <el-table-column
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作">
+        <template slot-scope="scope">
+          <el-button   type="text" size="small"  @click="addOrUpdateHandle(scope.row.id,scope.row.name)">修改</el-button><br />
+          <el-button   type="text" size="small" @click="allUpload(scope.row.id,-1)">[未上报]</el-button>
+          <el-button   type="text" size="small"  @click="allUpload(scope.row.id,0)">[未上传]</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="checkflag"
+        header-align="center"
+        align="center"
+        label="状态">
+        <!-- -1为“未上报”，0为“未上传”1为“已上传” -->
+        <template slot-scope="scope">
+          <p v-if="scope.row.checkflag===-1" type="text" size="small">未上报</p>
+          <p v-if="scope.row.checkflag===0" type="text" size="small">未上传</p>
+          <p v-if="scope.row.checkflag===1" type="text" size="small">已上传</p>
+        </template>
+      </el-table-column>
+    </el-table>
+  
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+   <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+   </div>
+  </div>
+</template>
+
+<script>
+ import AddOrUpdate from './annual-add-or-update'
+ export default {
+   components: {
+     AddOrUpdate
+   },
+   data () {
+     return {
+       addOrUpdateVisible: false,
+       dataForm: {
+         name: '',
+         state: ''
+       },
+       dataList: [],
+       pageIndex: 1,
+       pageSize: 10,
+       totalPage: 0,
+       dataListLoading: false,
+       dataListSelections: [],
+       stateList: [
+         {
+           state: -1,
+           stateName: '未上报'
+         },
+         {
+           state: 0,
+           stateName: '未上传'
+         },
+         {
+           state: 1,
+           stateName: '已上传'
+         }
+       ]
+     }
+   },
+   activated () {
+     this.getDataList()
+   },
+   methods: {
+     getDataList2 () {
+       this.pageIndex = 1
+       this.getDataList()
+     },
+      // 获取数据列表
+     getDataList () {
+       this.dataListLoading = true
+       this.$http({
+         url: this.$http.adornUrl('/office/planbranch/list'),
+         method: 'post',
+         data: this.$http.adornData({
+           'page': this.pageIndex + '',
+           'limit': this.pageSize + '',
+           'classnum': 1, // 0 年度  1 第一季度  2第二季度  3第三季度  4第四季度
+           'checkflag': this.dataForm.state == null ? '' : this.dataForm.state + '',  // -1为“未上报”。 0为“未上传” 1为“已上传”
+           'name': this.dataForm.name
+         })
+       }).then(({data}) => {
+         if (data && data.code === 0) {
+           this.dataList = data.page.list
+           this.totalPage = data.page.totalCount
+         } else {
+           this.$message.error(data.msg)
+           this.dataList = []
+           this.totalPage = 0
+         }
+         this.dataListLoading = false
+       })
+     },
+
+      // 每页数
+     sizeChangeHandle (val) {
+       this.pageSize = val
+       this.pageIndex = 1
+       this.getDataList()
+     },
+      // 当前页
+     currentChangeHandle (val) {
+       this.pageIndex = val
+       this.getDataList()
+     },
+      // 多选
+     selectionChangeHandle (val) {
+       this.dataListSelections = val
+     },
+            // 新增 / 修改
+     addOrUpdateHandle (id, name) {
+       this.addOrUpdateVisible = true
+       this.$nextTick(() => {
+         this.$refs.addOrUpdate.init(id, name)
+       })
+     },
+     checkHandle (data) {
+ 
+     },
+      // 修改状态
+     allUpload (id, checkflag) {
+       var ids = id ? [id] : this.dataListSelections.map(item => {
+         return item.id
+       })
+       if (ids.length === 0) {
+         this.$message.error('请选择需要更改的分支机构')
+         return false
+       }
+       this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? checkflag === -1 ? '未上报' : '未上传' : '批量' + checkflag === -1 ? '未上报' : '未上传'}]操作?`, '提示', {
+         confirmButtonText: '确定',
+         cancelButtonText: '取消',
+         type: 'warning'
+       }).then(() => {
+         this.$http({
+           url: this.$http.adornUrl('/office/planbranch/batchUpdateStatus'),
+           method: 'post',
+           data: this.$http.adornData({
+             'ids': ids,
+             'checkflag': checkflag + ''
+
+           })
+         }).then(({data}) => {
+           if (data && data.code === 0) {
+             this.$message({
+               message: '操作成功',
+               type: 'success',
+               duration: 1500,
+               onClose: () => {
+                 this.getDataList()
+               }
+             })
+           } else {
+             this.$message.error(data.msg)
+           }
+         })
+       }).catch(() => {})
+     }
+ 
+   }
+ }
+</script>

src/views/modules/planbranch/fourplan.vue

+<template>
+  <div class="mod-config mod-list-form">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" label-width="120px">
+        <el-form-item label='分支机构名称' prop='name'>
+          <el-input v-model='dataForm.name' placeholder='请输入分支机构名称'  clearable></el-input>
+        </el-form-item>
+        <el-form-item label='状态' prop='state'>
+          <el-select v-model="dataForm.state" placeholder="请选择状态" clearable>
+            <el-option
+              v-for="item in stateList"
+              :key="item.state"
+              :label="item.stateName"
+              :value="item.state">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        
+        <el-button class="seach-btn" @click="getDataList2()" type="primary">搜索</el-button>
+      </el-form>
+  <div class="add-btn">
+      <el-button   type="primary" @click="allUpload('',-1)">批量上报</el-button>
+      <el-button   type="primary" @click="allUpload('',0)">批量上传</el-button>
+  </div>
+  <div class="table-list">
+    <el-table
+      :data="dataList"
+      v-loading="dataListLoading"
+      @selection-change="selectionChangeHandle"
+      border
+      style="width: 100%;">
+      <el-table-column
+        type="selection"
+        header-align="center"
+        align="center"
+        width="50">
+      </el-table-column>
+      <el-table-column
+       type="index"
+        header-align="center"
+        align="center"
+        width="50px"
+        label="序号">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        header-align="center"
+        align="center"
+        label="分支机构名称">
+      </el-table-column>
+      <el-table-column
+        prop="updatetime"
+        header-align="center"
+        align="center"
+        label="修改时间">
+      </el-table-column>
+      <el-table-column
+        prop="lasteditor"
+        header-align="center"
+        align="center"
+        label="最后编辑">
+      </el-table-column>
+      <el-table-column
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作">
+        <template slot-scope="scope">
+          <el-button   type="text" size="small"  @click="addOrUpdateHandle(scope.row.id,scope.row.name)">修改</el-button><br />
+          <el-button   type="text" size="small" @click="allUpload(scope.row.id,-1)">[未上报]</el-button>
+          <el-button   type="text" size="small"  @click="allUpload(scope.row.id,0)">[未上传]</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="checkflag"
+        header-align="center"
+        align="center"
+        label="状态">
+        <!-- -1为“未上报”，0为“未上传”1为“已上传” -->
+        <template slot-scope="scope">
+          <p v-if="scope.row.checkflag===-1" type="text" size="small">未上报</p>
+          <p v-if="scope.row.checkflag===0" type="text" size="small">未上传</p>
+          <p v-if="scope.row.checkflag===1" type="text" size="small">已上传</p>
+        </template>
+      </el-table-column>
+    </el-table>
+  
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+   <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+   </div>
+  </div>
+</template>
+
+<script>
+ import AddOrUpdate from './annual-add-or-update'
+ export default {
+   components: {
+     AddOrUpdate
+   },
+   data () {
+     return {
+       addOrUpdateVisible: false,
+       dataForm: {
+         name: '',
+         state: ''
+       },
+       dataList: [],
+       pageIndex: 1,
+       pageSize: 10,
+       totalPage: 0,
+       dataListLoading: false,
+       dataListSelections: [],
+       stateList: [
+         {
+           state: -1,
+           stateName: '未上报'
+         },
+         {
+           state: 0,
+           stateName: '未上传'
+         },
+         {
+           state: 1,
+           stateName: '已上传'
+         }
+       ]
+     }
+   },
+   activated () {
+     this.getDataList()
+   },
+   methods: {
+     getDataList2 () {
+       this.pageIndex = 1
+       this.getDataList()
+     },
+      // 获取数据列表
+     getDataList () {
+       this.dataListLoading = true
+       this.$http({
+         url: this.$http.adornUrl('/office/planbranch/list'),
+         method: 'post',
+         data: this.$http.adornData({
+           'page': this.pageIndex + '',
+           'limit': this.pageSize + '',
+           'classnum': 4, // 0 年度  1 第一季度  2第二季度  3第三季度  4第四季度
+           'checkflag': this.dataForm.state == null ? '' : this.dataForm.state + '',  // -1为“未上报”。 0为“未上传” 1为“已上传”
+           'name': this.dataForm.name
+         })
+       }).then(({data}) => {
+         if (data && data.code === 0) {
+           this.dataList = data.page.list
+           this.totalPage = data.page.totalCount
+         } else {
+           this.$message.error(data.msg)
+           this.dataList = []
+           this.totalPage = 0
+         }
+         this.dataListLoading = false
+       })
+     },
+
+      // 每页数
+     sizeChangeHandle (val) {
+       this.pageSize = val
+       this.pageIndex = 1
+       this.getDataList()
+     },
+      // 当前页
+     currentChangeHandle (val) {
+       this.pageIndex = val
+       this.getDataList()
+     },
+      // 多选
+     selectionChangeHandle (val) {
+       this.dataListSelections = val
+     },
+            // 新增 / 修改
+     addOrUpdateHandle (id, name) {
+       this.addOrUpdateVisible = true
+       this.$nextTick(() => {
+         this.$refs.addOrUpdate.init(id, name)
+       })
+     },
+     checkHandle (data) {
+ 
+     },
+      // 修改状态
+     allUpload (id, checkflag) {
+       var ids = id ? [id] : this.dataListSelections.map(item => {
+         return item.id
+       })
+       if (ids.length === 0) {
+         this.$message.error('请选择需要更改的分支机构')
+         return false
+       }
+       this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? checkflag === -1 ? '未上报' : '未上传' : '批量' + checkflag === -1 ? '未上报' : '未上传'}]操作?`, '提示', {
+         confirmButtonText: '确定',
+         cancelButtonText: '取消',
+         type: 'warning'
+       }).then(() => {
+         this.$http({
+           url: this.$http.adornUrl('/office/planbranch/batchUpdateStatus'),
+           method: 'post',
+           data: this.$http.adornData({
+             'ids': ids,
+             'checkflag': checkflag + ''
+
+           })
+         }).then(({data}) => {
+           if (data && data.code === 0) {
+             this.$message({
+               message: '操作成功',
+               type: 'success',
+               duration: 1500,
+               onClose: () => {
+                 this.getDataList()
+               }
+             })
+           } else {
+             this.$message.error(data.msg)
+           }
+         })
+       }).catch(() => {})
+     }
+ 
+   }
+ }
+</script>

src/views/modules/planbranch/secondplan.vue

+<template>
+  <div class="mod-config mod-list-form">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" label-width="120px">
+        <el-form-item label='分支机构名称' prop='name'>
+          <el-input v-model='dataForm.name' placeholder='请输入分支机构名称'  clearable></el-input>
+        </el-form-item>
+        <el-form-item label='状态' prop='state'>
+          <el-select v-model="dataForm.state" placeholder="请选择状态" clearable>
+            <el-option
+              v-for="item in stateList"
+              :key="item.state"
+              :label="item.stateName"
+              :value="item.state">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        
+        <el-button class="seach-btn" @click="getDataList2()" type="primary">搜索</el-button>
+      </el-form>
+  <div class="add-btn">
+      <el-button   type="primary" @click="allUpload('',-1)">批量上报</el-button>
+      <el-button   type="primary" @click="allUpload('',0)">批量上传</el-button>
+  </div>
+  <div class="table-list">
+    <el-table
+      :data="dataList"
+      v-loading="dataListLoading"
+      @selection-change="selectionChangeHandle"
+      border
+      style="width: 100%;">
+      <el-table-column
+        type="selection"
+        header-align="center"
+        align="center"
+        width="50">
+      </el-table-column>
+      <el-table-column
+       type="index"
+        header-align="center"
+        align="center"
+        width="50px"
+        label="序号">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        header-align="center"
+        align="center"
+        label="分支机构名称">
+      </el-table-column>
+      <el-table-column
+        prop="updatetime"
+        header-align="center"
+        align="center"
+        label="修改时间">
+      </el-table-column>
+      <el-table-column
+        prop="lasteditor"
+        header-align="center"
+        align="center"
+        label="最后编辑">
+      </el-table-column>
+      <el-table-column
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作">
+        <template slot-scope="scope">
+          <el-button   type="text" size="small"  @click="addOrUpdateHandle(scope.row.id,scope.row.name)">修改</el-button><br />
+          <el-button   type="text" size="small" @click="allUpload(scope.row.id,-1)">[未上报]</el-button>
+          <el-button   type="text" size="small"  @click="allUpload(scope.row.id,0)">[未上传]</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="checkflag"
+        header-align="center"
+        align="center"
+        label="状态">
+        <!-- -1为“未上报”，0为“未上传”1为“已上传” -->
+        <template slot-scope="scope">
+          <p v-if="scope.row.checkflag===-1" type="text" size="small">未上报</p>
+          <p v-if="scope.row.checkflag===0" type="text" size="small">未上传</p>
+          <p v-if="scope.row.checkflag===1" type="text" size="small">已上传</p>
+        </template>
+      </el-table-column>
+    </el-table>
+  
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+   <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+   </div>
+  </div>
+</template>
+
+<script>
+ import AddOrUpdate from './annual-add-or-update'
+ export default {
+   components: {
+     AddOrUpdate
+   },
+   data () {
+     return {
+       addOrUpdateVisible: false,
+       dataForm: {
+         name: '',
+         state: ''
+       },
+       dataList: [],
+       pageIndex: 1,
+       pageSize: 10,
+       totalPage: 0,
+       dataListLoading: false,
+       dataListSelections: [],
+       stateList: [
+         {
+           state: -1,
+           stateName: '未上报'
+         },
+         {
+           state: 0,
+           stateName: '未上传'
+         },
+         {
+           state: 1,
+           stateName: '已上传'
+         }
+       ]
+     }
+   },
+   activated () {
+     this.getDataList()
+   },
+   methods: {
+     getDataList2 () {
+       this.pageIndex = 1
+       this.getDataList()
+     },
+      // 获取数据列表
+     getDataList () {
+       this.dataListLoading = true
+       this.$http({
+         url: this.$http.adornUrl('/office/planbranch/list'),
+         method: 'post',
+         data: this.$http.adornData({
+           'page': this.pageIndex + '',
+           'limit': this.pageSize + '',
+           'classnum': 2, // 0 年度  1 第一季度  2第二季度  3第三季度  4第四季度
+           'checkflag': this.dataForm.state == null ? '' : this.dataForm.state + '',  // -1为“未上报”。 0为“未上传” 1为“已上传”
+           'name': this.dataForm.name
+         })
+       }).then(({data}) => {
+         if (data && data.code === 0) {
+           this.dataList = data.page.list
+           this.totalPage = data.page.totalCount
+         } else {
+           this.$message.error(data.msg)
+           this.dataList = []
+           this.totalPage = 0
+         }
+         this.dataListLoading = false
+       })
+     },
+
+      // 每页数
+     sizeChangeHandle (val) {
+       this.pageSize = val
+       this.pageIndex = 1
+       this.getDataList()
+     },
+      // 当前页
+     currentChangeHandle (val) {
+       this.pageIndex = val
+       this.getDataList()
+     },
+      // 多选
+     selectionChangeHandle (val) {
+       this.dataListSelections = val
+     },
+            // 新增 / 修改
+     addOrUpdateHandle (id, name) {
+       this.addOrUpdateVisible = true
+       this.$nextTick(() => {
+         this.$refs.addOrUpdate.init(id, name)
+       })
+     },
+     checkHandle (data) {
+ 
+     },
+      // 修改状态
+     allUpload (id, checkflag) {
+       var ids = id ? [id] : this.dataListSelections.map(item => {
+         return item.id
+       })
+       if (ids.length === 0) {
+         this.$message.error('请选择需要更改的分支机构')
+         return false
+       }
+       this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? checkflag === -1 ? '未上报' : '未上传' : '批量' + checkflag === -1 ? '未上报' : '未上传'}]操作?`, '提示', {
+         confirmButtonText: '确定',
+         cancelButtonText: '取消',
+         type: 'warning'
+       }).then(() => {
+         this.$http({
+           url: this.$http.adornUrl('/office/planbranch/batchUpdateStatus'),
+           method: 'post',
+           data: this.$http.adornData({
+             'ids': ids,
+             'checkflag': checkflag + ''
+
+           })
+         }).then(({data}) => {
+           if (data && data.code === 0) {
+             this.$message({
+               message: '操作成功',
+               type: 'success',
+               duration: 1500,
+               onClose: () => {
+                 this.getDataList()
+               }
+             })
+           } else {
+             this.$message.error(data.msg)
+           }
+         })
+       }).catch(() => {})
+     }
+ 
+   }
+ }
+</script>

src/views/modules/planbranch/thirdplan.vue

+<template>
+  <div class="mod-config mod-list-form">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" label-width="120px">
+        <el-form-item label='分支机构名称' prop='name'>
+          <el-input v-model='dataForm.name' placeholder='请输入分支机构名称'  clearable></el-input>
+        </el-form-item>
+        <el-form-item label='状态' prop='state'>
+          <el-select v-model="dataForm.state" placeholder="请选择状态" clearable>
+            <el-option
+              v-for="item in stateList"
+              :key="item.state"
+              :label="item.stateName"
+              :value="item.state">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        
+        <el-button class="seach-btn" @click="getDataList2()" type="primary">搜索</el-button>
+      </el-form>
+  <div class="add-btn">
+      <el-button   type="primary" @click="allUpload('',-1)">批量上报</el-button>
+      <el-button   type="primary" @click="allUpload('',0)">批量上传</el-button>
+  </div>
+  <div class="table-list">
+    <el-table
+      :data="dataList"
+      v-loading="dataListLoading"
+      @selection-change="selectionChangeHandle"
+      border
+      style="width: 100%;">
+      <el-table-column
+        type="selection"
+        header-align="center"
+        align="center"
+        width="50">
+      </el-table-column>
+      <el-table-column
+       type="index"
+        header-align="center"
+        align="center"
+        width="50px"
+        label="序号">
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        header-align="center"
+        align="center"
+        label="分支机构名称">
+      </el-table-column>
+      <el-table-column
+        prop="updatetime"
+        header-align="center"
+        align="center"
+        label="修改时间">
+      </el-table-column>
+      <el-table-column
+        prop="lasteditor"
+        header-align="center"
+        align="center"
+        label="最后编辑">
+      </el-table-column>
+      <el-table-column
+        header-align="center"
+        align="center"
+        width="150"
+        label="操作">
+        <template slot-scope="scope">
+          <el-button   type="text" size="small"  @click="addOrUpdateHandle(scope.row.id,scope.row.name)">修改</el-button><br />
+          <el-button   type="text" size="small" @click="allUpload(scope.row.id,-1)">[未上报]</el-button>
+          <el-button   type="text" size="small"  @click="allUpload(scope.row.id,0)">[未上传]</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="checkflag"
+        header-align="center"
+        align="center"
+        label="状态">
+        <!-- -1为“未上报”，0为“未上传”1为“已上传” -->
+        <template slot-scope="scope">
+          <p v-if="scope.row.checkflag===-1" type="text" size="small">未上报</p>
+          <p v-if="scope.row.checkflag===0" type="text" size="small">未上传</p>
+          <p v-if="scope.row.checkflag===1" type="text" size="small">已上传</p>
+        </template>
+      </el-table-column>
+    </el-table>
+  
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+   <!-- 弹窗, 新增 / 修改 -->
+    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+   </div>
+  </div>
+</template>
+
+<script>
+ import AddOrUpdate from './annual-add-or-update'
+ export default {
+   components: {
+     AddOrUpdate
+   },
+   data () {
+     return {
+       addOrUpdateVisible: false,
+       dataForm: {
+         name: '',
+         state: ''
+       },
+       dataList: [],
+       pageIndex: 1,
+       pageSize: 10,
+       totalPage: 0,
+       dataListLoading: false,
+       dataListSelections: [],
+       stateList: [
+         {
+           state: -1,
+           stateName: '未上报'
+         },
+         {
+           state: 0,
+           stateName: '未上传'
+         },
+         {
+           state: 1,
+           stateName: '已上传'
+         }
+       ]
+     }
+   },
+   activated () {
+     this.getDataList()
+   },
+   methods: {
+     getDataList2 () {
+       this.pageIndex = 1
+       this.getDataList()
+     },
+      // 获取数据列表
+     getDataList () {
+       this.dataListLoading = true
+       this.$http({
+         url: this.$http.adornUrl('/office/planbranch/list'),
+         method: 'post',
+         data: this.$http.adornData({
+           'page': this.pageIndex + '',
+           'limit': this.pageSize + '',
+           'classnum': 3, // 0 年度  1 第一季度  2第二季度  3第三季度  4第四季度
+           'checkflag': this.dataForm.state == null ? '' : this.dataForm.state + '',  // -1为“未上报”。 0为“未上传” 1为“已上传”
+           'name': this.dataForm.name
+         })
+       }).then(({data}) => {
+         if (data && data.code === 0) {
+           this.dataList = data.page.list
+           this.totalPage = data.page.totalCount
+         } else {
+           this.$message.error(data.msg)
+           this.dataList = []
+           this.totalPage = 0
+         }
+         this.dataListLoading = false
+       })
+     },
+
+      // 每页数
+     sizeChangeHandle (val) {
+       this.pageSize = val
+       this.pageIndex = 1
+       this.getDataList()
+     },
+      // 当前页
+     currentChangeHandle (val) {
+       this.pageIndex = val
+       this.getDataList()
+     },
+      // 多选
+     selectionChangeHandle (val) {
+       this.dataListSelections = val
+     },
+            // 新增 / 修改
+     addOrUpdateHandle (id, name) {
+       this.addOrUpdateVisible = true
+       this.$nextTick(() => {
+         this.$refs.addOrUpdate.init(id, name)
+       })
+     },
+     checkHandle (data) {
+ 
+     },
+      // 修改状态
+     allUpload (id, checkflag) {
+       var ids = id ? [id] : this.dataListSelections.map(item => {
+         return item.id
+       })
+       if (ids.length === 0) {
+         this.$message.error('请选择需要更改的分支机构')
+         return false
+       }
+       this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? checkflag === -1 ? '未上报' : '未上传' : '批量' + checkflag === -1 ? '未上报' : '未上传'}]操作?`, '提示', {
+         confirmButtonText: '确定',
+         cancelButtonText: '取消',
+         type: 'warning'
+       }).then(() => {
+         this.$http({
+           url: this.$http.adornUrl('/office/planbranch/batchUpdateStatus'),
+           method: 'post',
+           data: this.$http.adornData({
+             'ids': ids,
+             'checkflag': checkflag + ''
+
+           })
+         }).then(({data}) => {
+           if (data && data.code === 0) {
+             this.$message({
+               message: '操作成功',
+               type: 'success',
+               duration: 1500,
+               onClose: () => {
+                 this.getDataList()
+               }
+             })
+           } else {
+             this.$message.error(data.msg)
+           }
+         })
+       }).catch(() => {})
+     }
+ 
+   }
+ }
+</script>

src/views/modules/plate/glossary.vue

@@ -132,12 +132,12 @@
 </template>
 
 <script>
-import AddOrUpdate from "./glossary-add-or-update";
+import AddOrUpdate from './glossary-add-or-update'
 export default {
-  data() {
+  data () {
     return {
       dataForm: {
-        key: "",
+        key: '',
         titleCn: '中文标题'
       },
       titleList: [
@@ -156,97 +156,97 @@ export default {
       totalPage: 0,
       dataListLoading: false,
       dataListSelections: [],
-      addOrUpdateVisible: false,
-    };
+      addOrUpdateVisible: false
+    }
   },
   components: {
-    AddOrUpdate,
+    AddOrUpdate
   },
-  activated() {
-    this.getDataList();
+  activated () {
+    this.getDataList()
   },
   methods: {
     // 获取数据列表
-    getDataList() {
-      this.dataListLoading = true;
+    getDataList () {
+      this.dataListLoading = true
       this.$http({
-        url: this.$http.adornUrl("/office/glossary/list"),
-        method: "get",
+        url: this.$http.adornUrl('/office/glossary/list'),
+        method: 'get',
         params: this.$http.adornParams({
           page: this.pageIndex,
           limit: this.pageSize,
           titleCn: this.dataForm.titleCn,
-          keyword: this.dataForm.key,
-        }),
+          keyword: this.dataForm.key
+        })
       }).then(({ data }) => {
         if (data && data.code === 0) {
-          this.dataList = data.page.records;
-          this.totalPage = data.page.total;
+          this.dataList = data.page.records
+          this.totalPage = data.page.total
         } else {
-          this.dataList = [];
-          this.totalPage = 0;
+          this.dataList = []
+          this.totalPage = 0
         }
-        this.dataListLoading = false;
-      });
+        this.dataListLoading = false
+      })
     },
     // 每页数
-    sizeChangeHandle(val) {
-      this.pageSize = val;
-      this.pageIndex = 1;
-      this.getDataList();
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
     },
     // 当前页
-    currentChangeHandle(val) {
-      this.pageIndex = val;
-      this.getDataList();
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
     },
     // 多选
-    selectionChangeHandle(val) {
-      this.dataListSelections = val;
+    selectionChangeHandle (val) {
+      this.dataListSelections = val
     },
     // 新增 / 修改
-    addOrUpdateHandle(id) {
-      this.addOrUpdateVisible = true;
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
       this.$nextTick(() => {
-        this.$refs.addOrUpdate.init(id);
-      });
+        this.$refs.addOrUpdate.init(id)
+      })
     },
     // 删除
-    deleteHandle(id) {
+    deleteHandle (id) {
       var ids = id
         ? [id]
         : this.dataListSelections.map((item) => {
-            return item.id;
-          });
+          return item.id
+        })
       this.$confirm(
-        `确定对[id=${ids.join(",")}]进行[${id ? "删除" : "批量删除"}]操作?`,
-        "提示",
+        `确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`,
+        '提示',
         {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         }
       ).then(() => {
         this.$http({
-          url: this.$http.adornUrl("/office/glossary/delete"),
-          method: "post",
-          data: this.$http.adornData(ids, false),
+          url: this.$http.adornUrl('/office/glossary/delete'),
+          method: 'post',
+          data: this.$http.adornData(ids, false)
         }).then(({ data }) => {
           if (data && data.code === 0) {
             this.$message({
-              message: "操作成功",
-              type: "success",
+              message: '操作成功',
+              type: 'success',
               duration: 1500,
               onClose: () => {
-                this.getDataList();
-              },
-            });
+                this.getDataList()
+              }
+            })
           } else {
-            this.$message.error(data.msg);
+            this.$message.error(data.msg)
           }
-        });
-      });
-    },
-  },
-};
+        })
+      })
+    }
+  }
+}
 </script>

src/views/modules/plate/pcategory.vue

@@ -76,12 +76,12 @@
 </template>
 
 <script>
-import AddOrUpdate from "./pcategory-add-or-update";
+import AddOrUpdate from './pcategory-add-or-update'
 export default {
-  data() {
+  data () {
     return {
       dataForm: {
-        key: "",
+        key: ''
       },
       dataList: [],
       pageIndex: 1,
@@ -89,96 +89,96 @@ export default {
       totalPage: 0,
       dataListLoading: false,
       dataListSelections: [],
-      addOrUpdateVisible: false,
-    };
+      addOrUpdateVisible: false
+    }
   },
   components: {
-    AddOrUpdate,
+    AddOrUpdate
   },
-  activated() {
-    this.getDataList();
+  activated () {
+    this.getDataList()
   },
   methods: {
     // 获取数据列表
-    getDataList() {
-      this.dataListLoading = true;
+    getDataList () {
+      this.dataListLoading = true
       this.$http({
-        url: this.$http.adornUrl("/office/pcategory/list"),
-        method: "get",
+        url: this.$http.adornUrl('/office/pcategory/list'),
+        method: 'get',
         params: this.$http.adornParams({
           page: this.pageIndex,
           limit: this.pageSize,
-          key: this.dataForm.key,
-        }),
+          key: this.dataForm.key
+        })
       }).then(({ data }) => {
         if (data && data.code === 0) {
-          this.dataList = data.page.list;
-          this.totalPage = data.page.totalCount;
+          this.dataList = data.page.list
+          this.totalPage = data.page.totalCount
         } else {
-          this.dataList = [];
-          this.totalPage = 0;
+          this.dataList = []
+          this.totalPage = 0
         }
-        this.dataListLoading = false;
-      });
+        this.dataListLoading = false
+      })
     },
     // 每页数
-    sizeChangeHandle(val) {
-      this.pageSize = val;
-      this.pageIndex = 1;
-      this.getDataList();
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
     },
     // 当前页
-    currentChangeHandle(val) {
-      this.pageIndex = val;
-      this.getDataList();
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
     },
     // 多选
-    selectionChangeHandle(val) {
-      this.dataListSelections = val;
+    selectionChangeHandle (val) {
+      this.dataListSelections = val
     },
     // 新增 / 修改
-    addOrUpdateHandle(id) {
-      this.addOrUpdateVisible = true;
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
       this.$nextTick(() => {
-        this.$refs.addOrUpdate.init(id);
-      });
+        this.$refs.addOrUpdate.init(id)
+      })
     },
     // 删除
-    deleteHandle(id) {
+    deleteHandle (id) {
       var ids = id
         ? [id]
         : this.dataListSelections.map((item) => {
-            return item.categoryid;
-          });
+          return item.categoryid
+        })
       this.$confirm(
-        `确定对[id=${ids.join(",")}]进行[${id ? "删除" : "批量删除"}]操作?`,
-        "提示",
+        `确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`,
+        '提示',
         {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         }
       ).then(() => {
         this.$http({
-          url: this.$http.adornUrl("/office/pcategory/delete"),
-          method: "post",
-          data: this.$http.adornData(ids, false),
+          url: this.$http.adornUrl('/office/pcategory/delete'),
+          method: 'post',
+          data: this.$http.adornData(ids, false)
         }).then(({ data }) => {
           if (data && data.code === 0) {
             this.$message({
-              message: "操作成功",
-              type: "success",
+              message: '操作成功',
+              type: 'success',
               duration: 1500,
               onClose: () => {
-                this.getDataList();
-              },
-            });
+                this.getDataList()
+              }
+            })
           } else {
-            this.$message.error(data.msg);
+            this.$message.error(data.msg)
           }
-        });
-      });
-    },
-  },
-};
+        })
+      })
+    }
+  }
+}
 </script>

src/views/modules/plate/product.vue

@@ -157,13 +157,13 @@
 </template>
 
 <script>
-import AddOrUpdate from "./product-add-or-update";
+import AddOrUpdate from './product-add-or-update'
 export default {
-  data() {
+  data () {
     return {
       dataForm: {
-        key: "",
-        categoryid: "",
+        key: '',
+        categoryid: ''
       },
       categoryIdList: [],
       dataList: [],
@@ -172,165 +172,165 @@ export default {
       totalPage: 0,
       dataListLoading: false,
       dataListSelections: [],
-      addOrUpdateVisible: false,
-    };
+      addOrUpdateVisible: false
+    }
   },
   components: {
-    AddOrUpdate,
+    AddOrUpdate
   },
   filters: {
-    statusFilter(val) {
-      let newVal;
+    statusFilter (val) {
+      // let newVal
       switch (val) {
         case 0:
-          return "等待";
-          break;
+          return '等待'
+          break
         case 1:
-          return "成功";
-          break;
+          return '成功'
+          break
         default:
-          return "失败";
-          break;
+          return '失败'
+          break
       }
-    },
+    }
   },
-  activated() {
-    this.getCategoryList();
-    this.getDataList();
+  activated () {
+    this.getCategoryList()
+    this.getDataList()
   },
   methods: {
     // 获取商品分类列表
-    getCategoryList() {
+    getCategoryList () {
       this.$http({
-        url: this.$http.adornUrl("/office/pcategory/getCategoryList"),
-        method: "get",
+        url: this.$http.adornUrl('/office/pcategory/getCategoryList'),
+        method: 'get'
       }).then(({ data }) => {
         if (data && data.code === 0) {
-          this.categoryIdList = data.list;
+          this.categoryIdList = data.list
         } else {
-          this.categoryIdList = [];
+          this.categoryIdList = []
         }
-      });
+      })
     },
     // 获取数据列表
-    getDataList() {
-      this.dataListLoading = true;
+    getDataList () {
+      this.dataListLoading = true
       this.$http({
-        url: this.$http.adornUrl("/office/product/list"),
-        method: "get",
+        url: this.$http.adornUrl('/office/product/list'),
+        method: 'get',
         params: this.$http.adornParams({
           page: this.pageIndex,
           limit: this.pageSize,
           keyword: this.dataForm.key,
-          categoryid: this.dataForm.categoryid,
-        }),
+          categoryid: this.dataForm.categoryid
+        })
       }).then(({ data }) => {
         if (data && data.code === 0) {
-          this.dataList = data.page.list;
-          this.totalPage = data.page.totalCount;
+          this.dataList = data.page.list
+          this.totalPage = data.page.totalCount
         } else {
-          this.dataList = [];
-          this.totalPage = 0;
+          this.dataList = []
+          this.totalPage = 0
         }
-        this.dataListLoading = false;
-      });
+        this.dataListLoading = false
+      })
     },
     // 每页数
-    sizeChangeHandle(val) {
-      this.pageSize = val;
-      this.pageIndex = 1;
-      this.getDataList();
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
     },
     // 当前页
-    currentChangeHandle(val) {
-      this.pageIndex = val;
-      this.getDataList();
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
     },
     // 多选
-    selectionChangeHandle(val) {
-      this.dataListSelections = val;
+    selectionChangeHandle (val) {
+      this.dataListSelections = val
     },
     // 新增 / 修改
-    addOrUpdateHandle(id) {
-      this.addOrUpdateVisible = true;
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
       this.$nextTick(() => {
-        this.$refs.addOrUpdate.init(id);
-      });
+        this.$refs.addOrUpdate.init(id)
+      })
     },
     // 删除
-    deleteHandle(id) {
+    deleteHandle (id) {
       var ids = id
         ? [id]
         : this.dataListSelections.map((item) => {
-            return item.id;
-          });
+          return item.id
+        })
       this.$confirm(
-        `确定对[id=${ids.join(",")}]进行[${id ? "删除" : "批量删除"}]操作?`,
-        "提示",
+        `确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`,
+        '提示',
         {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         }
       ).then(() => {
         this.$http({
-          url: this.$http.adornUrl("/office/product/delete"),
-          method: "post",
-          data: this.$http.adornData(ids, false),
+          url: this.$http.adornUrl('/office/product/delete'),
+          method: 'post',
+          data: this.$http.adornData(ids, false)
         }).then(({ data }) => {
           if (data && data.code === 0) {
             this.$message({
-              message: "操作成功",
-              type: "success",
+              message: '操作成功',
+              type: 'success',
               duration: 1500,
               onClose: () => {
-                this.getDataList();
-              },
-            });
+                this.getDataList()
+              }
+            })
           } else {
-            this.$message.error(data.msg);
+            this.$message.error(data.msg)
           }
-        });
-      });
+        })
+      })
     },
     // 审核
-    checkHandle(id, status) {
-      let str = "";
+    checkHandle (id, status) {
+      let str = ''
       if (status === 1) {
-        str = "成功";
+        str = '成功'
       } else {
-        str = "失败";
+        str = '失败'
       }
-      this.$confirm(`确定对[id=${id}]进行['审核${str}']操作?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
+      this.$confirm(`确定对[id=${id}]进行['审核${str}']操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
       })
         .then(() => {
           this.$http({
-            url: this.$http.adornUrl("/office/product/verifyProduct"),
-            method: "post",
+            url: this.$http.adornUrl('/office/product/verifyProduct'),
+            method: 'post',
             data: this.$http.adornData({
               id: id,
-              status: status,
-            }),
+              status: status
+            })
           }).then(({ data }) => {
             if (data && data.code === 0) {
               this.$message({
-                message: "操作成功",
-                type: "success",
+                message: '操作成功',
+                type: 'success',
                 duration: 1500,
                 onClose: () => {
-                  this.getDataList();
-                },
-              });
+                  this.getDataList()
+                }
+              })
             } else {
-              this.$message.error(data.msg);
+              this.$message.error(data.msg)
             }
-          });
+          })
         })
-        .catch(() => {});
-    },
-  },
-};
+        .catch(() => {})
+    }
+  }
+}
 </script>