From 08871002af1232c730a07394081a88d5fb968adf Mon Sep 17 00:00:00 2001
From: xuhuajiao <13476289682@163.com>
Date: Thu, 28 Sep 2023 14:36:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=B9=E9=87=8F=E7=BB=84=E5=8D=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/collect/dot.png             | Bin 0 -> 3596 bytes
 src/assets/images/collect/dot2.png            | Bin 0 -> 3614 bytes
 .../collectReorganizi/batchPaper/index.vue    | 335 ++++++++++++++++++
 .../module/collectHeader.vue                  |  20 +-
 4 files changed, 345 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/images/collect/dot.png
 create mode 100644 src/assets/images/collect/dot2.png
 create mode 100644 src/views/collectReorganizi/batchPaper/index.vue

diff --git a/src/assets/images/collect/dot.png b/src/assets/images/collect/dot.png
new file mode 100644
index 0000000000000000000000000000000000000000..2c3f815564ed89679b139ceb46c58fb9714e9d6b
GIT binary patch
literal 3596
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
SN{K4~0000<MNUMnLSTZ<IQm@x

literal 0
HcmV?d00001

diff --git a/src/assets/images/collect/dot2.png b/src/assets/images/collect/dot2.png
new file mode 100644
index 0000000000000000000000000000000000000000..7adedd736fd9f7593b20621f5e622d9bc6f7d329
GIT binary patch
literal 3614
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

literal 0
HcmV?d00001

diff --git a/src/views/collectReorganizi/batchPaper/index.vue b/src/views/collectReorganizi/batchPaper/index.vue
new file mode 100644
index 0000000..1d1d1af
--- /dev/null
+++ b/src/views/collectReorganizi/batchPaper/index.vue
@@ -0,0 +1,335 @@
+<template>
+  <div class="app-container">
+    <div class="collect-paper-header">
+      <div class="paper-step-item paper-step1">
+        <i />
+        <p>选择组卷条件</p>
+      </div>
+      <div class="paper-step-dot dot-active" />
+      <div class="paper-step-item paper-step2 paper-step2-active">
+        <i />
+        <p>确认组卷条目</p>
+      </div>
+      <div class="paper-step-dot" />
+      <div class="paper-step-item paper-step3">
+        <i />
+        <p>补充案卷数据</p>
+      </div>
+    </div>
+    <div class="collect-paper-filter">
+      <div class="collect-paper-form">
+        <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="年份" prop="years">
+                <el-select v-model="form.years" placeholder="请选择" style="width: 110px;">
+                  <el-option
+                    v-for="item in yearsOptions"
+                    :key="item"
+                    :label="item"
+                    :value="item"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="月份" prop="month">
+                <el-select v-model="form.month" placeholder="请选择" style="width: 110px;">
+                  <el-option
+                    v-for="item in monthOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-form-item label="全宗" prop="fonds.id">
+            <el-select v-model="form.fonds.id" placeholder="请选择" style="width: 320px;" @click.native="lastValue = form.fonds.id" @change="changeFondsValue($event)">
+              <el-option
+                v-for="(item,index) in fondsOptions"
+                :key="index"
+                :label="item.fondsName"
+                :value="item.id"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="档案门类" prop="categoryId">
+            <treeselect
+              v-model="form.categoryId"
+              :options="categoryDatas"
+              placeholder="请选择"
+              flat
+              :multiple="false"
+              :normalizer="normalizer"
+              @select="selectCategoryTree"
+            />
+          </el-form-item>
+          <el-form-item label="档案分类" prop="archivesClassId">
+            <treeselect
+              v-model="form.archivesClassId"
+              :options="classifyOptions"
+              :normalizer="classifyNormalizer"
+              placeholder="请选择"
+              no-options-text="暂无数据"
+            />
+          </el-form-item>
+          <el-button class="next-btn" type="primary">下一步</el-button>
+        </el-form>
+      </div>
+      <div class="collect-paper-list">
+        <div class="collect-no-data">选择组卷条件后自动获取数据</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { FetchFondsAll } from '@/api/system/fonds'
+import { FetchCategoryMenu } from '@/api/system/category/category'
+import { FetchArchivesClassTree } from '@/api/system/archivesClass'
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+export default {
+  name: 'BatchPaper',
+  components: { Treeselect },
+  data() {
+    return {
+      form: {
+        years: null,
+        month: null,
+        fonds: { id: null },
+        categoryId: null,
+        archivesClassId: null
+      },
+      yearsOptions: [],
+      monthOptions: [
+        { label: '一月', value: 1 },
+        { label: '二月', value: 2 },
+        { label: '三月', value: 3 },
+        { label: '四月', value: 4 },
+        { label: '五月', value: 5 },
+        { label: '六月', value: 6 },
+        { label: '七月', value: 7 },
+        { label: '八月', value: 8 },
+        { label: '九月', value: 9 },
+        { label: '十月', value: 10 },
+        { label: '十一月', value: 11 },
+        { label: '十二月', value: 12 }
+      ],
+      fondsOptions: [],
+      lastValue: '',
+      categoryDatas: [],
+      classifyOptions: [],
+      rules: {
+        years: [{ required: true, message: '请选择年份', trigger: 'change' }],
+        month: [{ required: true, message: '请选择月份', trigger: 'change' }],
+        'fonds.id': [{ required: true, message: '请选择全宗', trigger: 'change' }],
+        categoryId: [{ required: true, message: '请选择档案门类', trigger: 'change' }]
+      }
+    }
+  },
+  computed: {
+  },
+  mounted() {
+    this.generateYears()
+    this.getFondsDatas()
+    this.getCategoryDataTree()
+  },
+  methods: {
+    generateYears() {
+      const currentYear = new Date().getFullYear()
+      for (let i = 0; i < 11; i++) {
+        this.yearsOptions.push(currentYear - i)
+      }
+    },
+    getFondsDatas() {
+      const parent = {}
+      parent.id = 0
+      parent.fondsName = '全宗选择'
+      FetchFondsAll().then(res => {
+        // res.forEach(item => {
+        //   item.children = item.depts
+        // })
+        // parent.children = res
+        // this.fondsDatas.push(parent)
+        this.fondsOptions = res
+        // this.$nextTick(() => {
+        //   Vue.set(this.defaultExpandedKeys, 0, this.fondsDatas[0].children[0].children[0].id)
+        //   this.$refs.tree.setCurrentKey(this.fondsDatas[0].children[0].children[0].id)
+        //   this.handleNodeClick(this.fondsDatas[0].children[0].children[0])
+        // })
+      })
+    },
+    changeFondsValue(value) {
+      console.log(this.lastValue)
+      if (this.lastValue) {
+        if (value !== this.lastValue) {
+          this.form.dept.id = null
+        }
+      }
+    },
+    filterData(data) {
+      return data.filter(node => {
+        if (node.children && node.children.length > 0) {
+          node.children = this.filterData(node.children) // 递归处理子节点
+        }
+        return node.isType !== 3 // 过滤掉isType为3的节点
+      })
+    },
+    getCategoryDataTree() {
+      FetchCategoryMenu().then(res => {
+        this.categoryDatas = this.filterData(res)
+      })
+    },
+    selectCategoryTree(val) {
+      this.getClassifyTree(val.id)
+    },
+    getClassifyTree(categoryId) {
+      FetchArchivesClassTree({ 'categoryId': categoryId }).then(res => {
+        this.classifyOptions = res.map(function(obj) {
+          if (obj.childArchivesClass !== null) {
+            obj.hasChildren = true
+          } else {
+            obj.hasChildren = false
+          }
+          if (obj.hasChildren) {
+            obj.children = null
+          }
+          return obj
+        })
+      })
+    },
+    normalizer(node) {
+      if (node.children && !node.children.length) {
+        delete node.children
+      }
+      return {
+        id: node.id,
+        label: node.cnName,
+        children: node.children,
+        isDisabled: node.isType !== 2
+      }
+    },
+    classifyNormalizer(node) {
+      if (node.childArchivesClass && !node.childArchivesClass.length) {
+        delete node.childArchivesClass
+      }
+      return {
+        id: node.id,
+        label: node.name,
+        children: node.childArchivesClass
+      }
+    }
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+.collect-paper-header{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 174px;
+  background: linear-gradient(180deg, #F3F5F8 29%, #fff 100%);
+  border: 2px solid #fff;
+  .paper-step-item{
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    width: 100px;
+    font-size: 16px;
+    font-weight: 600;
+    color: #0C0E1E;
+    i{
+      display: block;
+      height: 60px;
+    }
+    p{
+      margin-top: 15px;
+    }
+    &.paper-step1{
+      i{
+        width: 65px;
+        background: url('~@/assets/images/collect/one.png') no-repeat center center;
+        background-size: 65px 60px;
+      }
+    }
+    &.paper-step2{
+      i{
+        width: 41px;
+        background: url('~@/assets/images/collect/two.png') no-repeat bottom center;
+        background-size: 41px 41px;
+      }
+      &.paper-step2-active{
+        i{
+          width: 65px;
+          background: url('~@/assets/images/collect/two2.png') no-repeat center center;
+          background-size: 65px 60px;
+        }
+      }
+    }
+    &.paper-step3{
+      i{
+        width: 41px;
+        background: url('~@/assets/images/collect/three.png') no-repeat bottom center;
+        background-size: 41px 41px;
+      }
+      &.paper-step3-active{
+        i{
+          width: 65px;
+          background: url('~@/assets/images/collect/three2.png') no-repeat center center;
+          background-size: 65px 60px;
+        }
+      }
+    }
+  }
+  .paper-step-dot{
+    width: 146px;
+    text-align: center;
+    height: 5px;
+    background: url('~@/assets/images/collect/dot.png') no-repeat center center;
+    background-size: contain;
+    &.dot-active{
+      background: url('~@/assets/images/collect/dot2.png') no-repeat center center;
+      background-size: contain;
+    }
+  }
+}
+.collect-paper-filter{
+  margin-top: 20px;
+  height: calc(100vh - 333px);
+  background-color: #fff;
+  .collect-paper-form{
+    width: 420px;
+    padding-top: 50px;
+    margin: 0 auto;
+    ::v-deep .el-form{
+      .el-form-item__label{
+        color: #0C0E1E;
+      }
+    }
+  }
+  .next-btn{
+    margin-left: 220px;
+    color: #fff;
+    background-color: #0348f3;
+    border-color: #0348f3;
+  }
+  .collect-paper-list{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: calc(100% - 334px);
+    margin: 20px;
+    background-color: #EDEFF3;
+    .collect-no-data{
+      font-size: 20px;
+      color: #A6ADB6;
+    }
+  }
+}
+</style>
+
diff --git a/src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue b/src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
index 54e459c..1f5becc 100644
--- a/src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
+++ b/src/views/collectReorganizi/collectionLibrary/module/collectHeader.vue
@@ -266,16 +266,16 @@
 
 <script>
 import PreviewForm from '@/views/components/category/PreviewForm'
-import UploadOriginal from './uploadOriginal/index.vue'
-import BlukImport from './bulkImport/index.vue'
-import BlukEditing from './blukEditing/index.vue'
-import FileNumberAdjustment from './fileNumberAdjustment/index.vue'
-import CombineFile from './combineFile/index.vue'
-import InsertFile from './insertFile/index.vue'
-import CollectMoveFile from './collectMoveFile/index.vue'
-import Print from './print/index.vue'
-import FourTest from './fourTest/index.vue'
-import QuickPaper from './quickPaper/index.vue'
+import UploadOriginal from './uploadOriginal/index'
+import BlukImport from './bulkImport/index'
+import BlukEditing from './blukEditing/index'
+import FileNumberAdjustment from './fileNumberAdjustment/index'
+import CombineFile from './combineFile/index'
+import InsertFile from './insertFile/index'
+import CollectMoveFile from './collectMoveFile/index'
+import Print from './print/index'
+import FourTest from './fourTest/index'
+import QuickPaper from './quickPaper/index'
 // import { exportFile } from '@/utils/index'
 import { mapGetters } from 'vuex'
 export default {