合并‘

tian

2025-09-23 7afa7c7ad7d7f1250a086a406453a7cbc8b5cbd5

 src/views/archiveManager/index.vue

@@ -26,12 +26,18 @@
        />
      </el-form-item>
      <el-form-item label="公开属性" prop="publicAttribute">
        <el-input
        <el-select
          v-model="queryParams.publicAttribute"
          placeholder="请输入公开属性"
          placeholder="请选择公开属性"
          clearable
          @keyup.enter.native="handleQuery"
        />
        >
          <el-option
            v-for="item in publicAttributeOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="编制单位" prop="preparationUnit">
        <el-input
@@ -50,20 +56,35 @@
        </el-date-picker>
      </el-form-item>
      <el-form-item label="保管期限" prop="retentionPeriod">
        <el-input
        <el-select
          v-model="queryParams.retentionPeriod"
          placeholder="请输入保管期限"
          placeholder="请选择保管期限"
          clearable
          @keyup.enter.native="handleQuery"
        />
        >
          <el-option
            v-for="item in retentionPeriodOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="密级" prop="securityClassification">
        <el-input


        <el-select
          v-model="queryParams.securityClassification"
          placeholder="请输入密级"
          placeholder="请选择密级"
          clearable
          @keyup.enter.native="handleQuery"
        />
        >
          <el-option
            v-for="item in securityLevelOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>

      </el-form-item>
      <el-form-item label="案卷页数" prop="pageCount">
        <el-input
@@ -104,6 +125,21 @@
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <!-- 添加项目名称搜索框 -->
      <el-form-item label="项目名称" prop="everyProjectName">
        <el-select
          v-model="queryParams.everyProjectName"
          placeholder="请选择项目名称"
          clearable
        >
          <el-option
            v-for="item in projectOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="项目编号" prop="projectNumber">
        <el-input
@@ -202,7 +238,9 @@
<!--      <el-table-column label="${comment}" align="center" prop="id" /> -->
      <el-table-column label="档案号" align="center" prop="recordId" />
      <el-table-column label="发文号" align="center" prop="inquiryNumber" />
      <el-table-column label="案卷题名" align="center" prop="caseTitle" />
            <el-table-column label="项目名称" align="center" prop="everyProjectName" />

      <el-table-column label="案卷题名" align="center" prop="caseTitle" show-overflow-tooltip />
      <el-table-column label="公开属性" align="center" prop="publicAttribute" />
      <el-table-column label="编制单位" align="center" prop="preparationUnit" />
      <el-table-column label="编制日期" align="center" prop="preparationDate" width="180">
@@ -223,17 +261,46 @@
      <el-table-column label="缩微号" align="center" prop="microfilmNumber" />
      <el-table-column label="备注" align="center" prop="remarks" />
      <el-table-column label="历史相关发文号" align="center" prop="historicalReferenceNumber" />
      <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
     
           <el-table-column label="状态" align="center" prop="recordStatus">
  <template slot-scope="scope">
    <el-button :type="scope.row.recordStatus === '未录入' ? 'danger' : 'success'" size="mini">
      {{ scope.row.recordStatus }}
    </el-button>
  </template>
</el-table-column>

     
      <el-table-column label="操作" align="center" width="190" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            v-if="amio"
          v-if="scope.row.ownData"

            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            @click="handleInfo(scope.row)"
            v-hasPermi="['system:records:edit']"
          >案卷详细信息管理</el-button>
          >案卷详细信息</el-button>

          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleCheck(scope.row)"
          >查看</el-button>
    <el-button
          v-if="userId!==1"

            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleSubmit(scope.row)"
            v-hasPermi="['system:records:edit']"
          >提交案卷</el-button>
          <el-button
          v-if="scope.row.ownData||userId===1"

            size="mini"
            type="text"
            icon="el-icon-edit"
@@ -247,7 +314,7 @@
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:records:remove']"
          >删除</el-button>
          <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)">
          <el-dropdown size="mini" v-hasPermi="['system:records:remove']" @command="(command) => handleCommand(command, scope.row)">
            <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
            <el-dropdown-menu slot="dropdown">

@@ -266,23 +333,212 @@
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />
    <!--  查看数据按钮  -->
    <el-dialog :title="title" :visible.sync="open_check" width="800px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
        <el-form-item label="档案号" >

    <!-- 添加或修改档案记录对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="档案号" prop="recordId">
          <el-input v-model="form.recordId" placeholder="请输入档案号" />

<el-row :gutter="8">
  <el-col :span="6">
    <el-select
      v-model="form.recordType"
      placeholder="选择档案类型"
      disabled
      @change="handleRecordTypeChange"
    >
      <el-option
        v-for="item in recordTypeOptions"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      />
    </el-select>
  </el-col>
  <el-col :span="6">
    <el-input
      v-model="form.recordYear"
      placeholder="输入年份"
      disabled


      @input="generateRecordId"
    />
  </el-col>
  <el-col :span="6">
    <el-input
      v-model="form.recordSeq"
      placeholder="自动生成"
      disabled
    />
  </el-col>
</el-row>
        </el-form-item>
        <el-form-item label="发文号" prop="inquiryNumber">
          <el-input v-model="form.inquiryNumber" placeholder="请输入发问号" />
          <el-input v-model="form.inquiryNumber" placeholder="请输入发文号" disabled/>
        </el-form-item>
        <el-form-item label="建设项目名称" prop="projectName">
          <el-input v-model="form.projectName" placeholder="请输入建设项目名称" disabled/>
        </el-form-item>
        <div v-if="vis">
        <el-form-item label="案卷题名" prop="caseTitle">
          <el-input v-model="form.caseTitle" placeholder="请输入案卷题名" />
          <el-input v-model="form.caseTitle" placeholder="请输入案卷题名" disabled/>
        </el-form-item>
        <el-form-item label="公开属性" prop="publicAttribute">
          <el-input v-model="form.publicAttribute" placeholder="请输入公开属性" />
          <el-input v-model="form.publicAttribute" placeholder="请输入公开属性" disabled />
        </el-form-item>
        <el-form-item label="编制单位" prop="preparationUnit">
          <el-input v-model="form.preparationUnit" placeholder="请输入编制单位" disabled/>
        </el-form-item>
        <el-form-item label="编制日期" prop="preparationDate">
          <el-date-picker clearable
            v-model="form.preparationDate"
            type="date"
            disabled

            value-format="yyyy-MM-dd"
            placeholder="请选择编制日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="保管期限" prop="retentionPeriod">
          <el-input v-model="form.retentionPeriod" placeholder="请输入保管期限" disabled/>
        </el-form-item>
        <el-form-item label="密级" prop="securityClassification">
          <el-input v-model="form.securityClassification" placeholder="请输入密级" disabled/>
        </el-form-item>
        <el-form-item label="案卷页数" prop="pageCount">
          <el-input v-model="form.pageCount" placeholder="请输入案卷页数" disabled/>
        </el-form-item>
        <el-form-item label="立案号" prop="filingNumber">
          <el-input v-model="form.filingNumber" placeholder="请输入立案号" disabled/>
        </el-form-item>
        <el-form-item label="建设单位" prop="constructionUnit">
          <el-input v-model="form.constructionUnit" placeholder="请输入建设单位" disabled />
        </el-form-item>
        <el-form-item label="建设地址" prop="constructionAddress">
          <el-input v-model="form.constructionAddress" placeholder="请输入建设地址" disabled/>
        </el-form-item>

        <el-form-item label="项目编号" prop="projectNumber">
          <el-input v-model="form.projectNumber" placeholder="请输入项目编号" disabled/>
        </el-form-item>
        <el-form-item label="扫描加工公司" prop="scanningCompany">
          <el-input v-model="form.scanningCompany" placeholder="请输入扫描加工公司" disabled/>
        </el-form-item>
        <el-form-item label="档案管(室)号" prop="archiveRoomNumber">
          <el-input v-model="form.archiveRoomNumber" placeholder="请输入档案管(室)号" disabled/>
        </el-form-item>
        <el-form-item label="缩微号" prop="microfilmNumber">
          <el-input v-model="form.microfilmNumber" placeholder="请输入缩微号" disabled/>
        </el-form-item>
        <el-form-item label="备注" prop="remarks">
          <el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" disabled/>
        </el-form-item>
        <el-form-item label="历史相关发文号" prop="historicalReferenceNumber">
          <el-input v-model="form.historicalReferenceNumber" placeholder="请输入历史相关发文号" disabled/>
        </el-form-item>
        </div>
      </el-form>

    </el-dialog>
    <!-- 添加或修改档案记录对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
        <el-form-item label="档案号" prop="recordId">

        <el-row :gutter="8">
          <el-col :span="6">
            <el-select

              v-model="form.recordType"
              placeholder="选择档案类型"
              @change="handleRecordTypeChange"
              :disabled="userId!=1"              >
              <el-option
                v-for="item in recordTypeOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-col>


            <el-col :span="6">
            <el-select

              v-model="form.recordZone"
              placeholder="选择地区"
              @change="handleRecordTypeChange"
              :disabled="userId!=1"              >
              <el-option
                v-for="item in zoneTypeOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-col>
          <el-col :span="4">
            <el-input
              v-model="form.recordYear"
              placeholder="输入年份"
              @input="generateRecordId"
:disabled="userId!=1"
            />
          </el-col>
          <el-col :span="4">
            <el-input
              v-model="form.recordSeq"
              placeholder="自动生成"
              disabled
            />
          </el-col>
        </el-row>
        </el-form-item>
        <el-form-item label="发文号" prop="inquiryNumber">
          <el-input v-model="form.inquiryNumber" placeholder="请输入发文号"   :disabled="userId!=1"
          />
        </el-form-item>
        <el-form-item label="项目名称" prop="everyProjectName">
 <el-select
    v-model="form.everyProjectName"
    placeholder="请选择项目名称"

    :disabled="userId!=1"
  >
    <el-option
      v-for="item in projectOptions"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    />
  </el-select>
        </el-form-item>



        <div v-if="vis">
        <el-form-item label="案卷题名" prop="caseTitle">
          <el-input v-model="form.caseTitle" placeholder="自动生成" :readonly="true" />
        </el-form-item>
        <el-form-item label="公开属性" prop="publicAttribute">


          <el-select
            v-model="form.publicAttribute"
            placeholder="请选择公开属性"
            clearable
          >
            <el-option
              v-for="item in publicAttributeOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            />
          </el-select>
        </el-form-item>

        <el-form-item label="编制单位" prop="preparationUnit">
          <el-input v-model="form.preparationUnit" placeholder="请输入编制单位" />
        </el-form-item>
@@ -295,10 +551,32 @@
          </el-date-picker>
        </el-form-item>
        <el-form-item label="保管期限" prop="retentionPeriod">
          <el-input v-model="form.retentionPeriod" placeholder="请输入保管期限" />
          <el-select
            v-model="form.retentionPeriod"
            placeholder="请选择保管期限"
            clearable
          >
            <el-option
              v-for="item in retentionPeriodOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="密级" prop="securityClassification">
          <el-input v-model="form.securityClassification" placeholder="请输入密级" />
          <el-select
            v-model="form.securityClassification"
            placeholder="请选择密级"
            clearable
          >
            <el-option
              v-for="item in securityLevelOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="案卷页数" prop="pageCount">
          <el-input v-model="form.pageCount" placeholder="请输入案卷页数" />
@@ -312,8 +590,9 @@
        <el-form-item label="建设地址" prop="constructionAddress">
          <el-input v-model="form.constructionAddress" placeholder="请输入建设地址" />
        </el-form-item>
        <el-form-item label="建设项目名称" prop="projectName">
          <el-input v-model="form.projectName" placeholder="请输入建设项目名称" />
     <el-form-item label="建设项目名称" prop="projectName">
      <el-input v-model="form.projectName" placeholder="请输入建设项目名称" />
          <!-- <el-input v-model="form.projectName" placeholder="请输入建设项目名称" :disabled="userId!=1"/> -->
        </el-form-item>
        <el-form-item label="项目编号" prop="projectNumber">
          <el-input v-model="form.projectNumber" placeholder="请输入项目编号" />
@@ -344,14 +623,41 @@
</template>

<script>
import { listRecords, getRecords, delRecords, addRecords, updateRecords } from "@/api/system/records"

import { updateStatusById,listRecords,getMaxId, getRecords, delRecords, addRecords, updateRecords } from "@/api/system/records"
import { listAllCategory } from "@/api/system/category"
import { listName } from "@/api/system/projectName"
import { listPlaceName } from "@/api/system/placeName"
export default {
  name: "Records",
  data() {
    return {
      open_check: false,
      securityLevelOptions: [
        { value: '秘密', label: '秘密' },
        { value: '普通', label: '普通' }
      ],
      maxId: 0,
      // 项目名称选项
      projectOptions: [],
      // 档案类型选项
      recordTypeOptions: [],
      //地区类型
      zoneTypeOptions: [],
      // 保管期限选项
      retentionPeriodOptions: [
        { value: "10年", label: "10年" },
        { value: "30年", label: "30年" },
        { value: "永久", label: "永久" }
      ],
         // 公开属性选项
         publicAttributeOptions: [
        { value: "主动公开", label: "主动公开" },
        { value: "依申请公开", label: "依申请公开" },
        { value: "免予公开", label: "免予公开" }
      ],
      amio: false,
      vis: false,
      userId: null,
      vis: true,
      // 遮罩层
      loading: true,
      // 选中数组
@@ -376,6 +682,7 @@
        pageSize: 10,
        recordId: null,
        inquiryNumber: null,
        everyProjectName: null,
        caseTitle: null,
        publicAttribute: null,
        preparationUnit: null,
@@ -395,22 +702,153 @@
        historicalReferenceNumber: null
      },
      // 表单参数
      form: {},
      form: {
        recordSeq: '',
      },
      // 表单校验
      rules: {
        recordId: [
          { required: true, message: "档案号不能为空", trigger: "blur" }
        ],
        inquiryNumber: [
          { required: true, message: "发问号不能为空", trigger: "blur" }
          { required: true, message: "发文号不能为空", trigger: "blur" }
        ],
        everyProjectName: [
          { required: true, message: "项目名称不能为空", trigger:  ['change', 'blur']}
        ],
        caseTitle: [
          { required: true, message: "案卷题名不能为空", trigger: "blur" }
        ],
        constructionUnit: [
          { required: true, message: "建设单位不能为空", trigger: "blur" }
        ],
        projectName: [
          { required: true, message: "建设项目名称不能为空", trigger: "blur" }
        ]
      }
    }
  },
  created() {
    this.getList()

    this.userId = this.$store.state.user.id;

// 获取用户角色
    this.getId()
    this.getRecordTypes()
    this.getZoneOptions()
    this.fetchProjectOptions()
this.getList()
  },
  watch: {
    'form.constructionUnit': {
      handler() {
        this.generateCaseTitle();
      },
      immediate: true
    },
    'form.constructionAddress': {
      handler() {
        this.generateCaseTitle();
      },
      immediate: true
    },
    'form.projectName': {
      handler() {
        this.generateCaseTitle();
      },
      immediate: true
    }
  },
  methods: {
    getId()
    {
      var _this = this;
      getMaxId().then(response=>{
      //  alert(213)
        console.log(response)
        _this.maxId = String(response.data).padStart(4, '0')

        _this.$set(_this.form, 'recordSeq', _this.maxId) //

          //      alert(this.maxId)
      })
    },
    // 生成案卷题名
    generateCaseTitle() {
      let titleParts = [];
      
      if (this.form.constructionUnit) {
        titleParts.push(this.form.constructionUnit);
      }
      
      if (this.form.constructionAddress) {
        titleParts.push(this.form.constructionAddress);
      }
      
      if (this.form.projectName) {
        titleParts.push(this.form.projectName);
      }
      
      this.form.caseTitle = titleParts.join('');
    },
    async getZoneOptions()
    {
      try {
        const response = await listPlaceName()
        console.log(response)
     //   alert(134)
        this.zoneTypeOptions = response.data.data.map(item => ({
          value: item.nnumber,
          label: item.name
        }))
      } catch (error) {
        console.error('获取项目名称列表失败:', error)
      }
    },
    async fetchProjectOptions() {
      try {
        const response = await listName()
        console.log(response)
        this.projectOptions = response.data.data.map(item => ({
          value: item.name,
          label: item.name
        }))
      } catch (error) {
        console.error('获取项目名称列表失败:', error)
      }
    },
       /** 获取档案类型列表 */
       getRecordTypes() {
        return new Promise((resolve) => {
    listAllCategory().then(response => {
      this.recordTypeOptions = response.data.map(item => ({
        value: item.numb,
        label: item.nname
      }))
      resolve()
    })
  })
    },

    /** 档案类型变更处理 */
    handleRecordTypeChange() {
      this.generateRecordId()
    },

    /** 生成档案号 */
    generateRecordId() {

      if (this.form.recordType && this.form.recordZone && this.form.recordYear) {

        // getNextRecordId({
        //   type: this.form.recordType,
        //   year: this.form.recordYear
        // }).then(response => {
        //   this.form.recordSeq = response.data.seq
          this.form.recordId = `${this.form.recordType}-${this.form.recordZone}-${this.form.recordYear}-${this.form.recordSeq}`
        // })
      }
    },
    /** 查询档案记录列表 */
    getList() {
      this.loading = true
@@ -435,6 +873,7 @@
        id: null,
        recordId: null,
        inquiryNumber: null,
        everyProjectName: null,
        caseTitle: null,
        publicAttribute: null,
        preparationUnit: null,
@@ -451,7 +890,8 @@
        archiveRoomNumber: null,
        microfilmNumber: null,
        remarks: null,
        historicalReferenceNumber: null
        historicalReferenceNumber: null,
        recordSeq:null
      }
      this.resetForm("form")
    },
@@ -474,23 +914,79 @@
    /** 新增按钮操作 */
    handleAdd() {
      this.reset()
      this.form.recordSeq = this.maxId
      this.open = true
      this.vis = false;
      this.title = "添加档案记录"
    },
    /*查看详情*/
    handleInfo(row)
    {

      var mid = row.id
      const roleId = 2
   //   alert(mid)
      var recordId = mid
    //  this.$router.push("/archiveManager/infoManagerAu/user/" + roleId+"/"+recordId)
      this.$router.push("/archiveManager/infoManagerAu/archiveMaterialManager/" + recordId)

    },
    //
    handleSubmit(row)
    {
      alert(row.id)
      var id = row.id
      updateStatusById(id).then(response=>{
        this.$modal.msgSuccess("提交成功")
        this.getList()
      })
    },
    /** 修改按钮操作 */
    handleUpdate(row) {

      this.reset()
      this.vis = true;
      if(this.userId===1)
        this.vis = false;
      const id = row.id || this.ids
      getRecords(id).then(response => {
        console.log(response)
        console.log("----=============--------------")
        this.form = response.data
  // 确保recordTypeOptions已加载
  if(this.recordTypeOptions.length > 0) {
      const recordParts = response.data.recordId.split('-')
      this.$set(this.form, 'recordType', recordParts[0])
            this.$set(this.form, 'recordZone', recordParts[1])

      this.$set(this.form, 'recordYear', recordParts[2])
      this.$set(this.form, 'recordSeq', recordParts[3])
    }
        this.open = true
        this.title = "修改档案记录"
      })
    },
    /** 修改按钮操作 */
    handleCheck(row) {

this.vis = true;
const id = row.id || this.ids
getRecords(id).then(response => {
  console.log(response)
  console.log("----=============--------------")
  this.form = response.data
  if(this.recordTypeOptions.length > 0) {
      const recordParts = response.data.recordId.split('-')
      this.$set(this.form, 'recordType', recordParts[0])
            this.$set(this.form, 'recordZone', recordParts[1])

      this.$set(this.form, 'recordYear', recordParts[2])
      this.$set(this.form, 'recordSeq', recordParts[3])
    }
  this.open_check = true
  this.title = "查看档案记录"
})
},

    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
@@ -502,10 +998,14 @@
              this.getList()
            })
          } else {
            console.log(this.form)
            addRecords(this.form).then(response => {
              this.$modal.msgSuccess("新增成功")
              this.open = false
              this.getId()
              this.getList()


            })
          }
        }
@@ -513,6 +1013,7 @@
    },
    // 更多操作触发
    handleCommand(command, row) {

      switch (command) {
        case "handleDataScope":
          this.handleDataScope(row)
@@ -527,8 +1028,9 @@
    /** 分配用户操作 */
    handleAuthUser: function(row) {
      const roleId = 2
      alert(roleId)
      this.$router.push("/archiveManager/infoManagerAu/user/" + roleId)
      var archiveRecordsId = row.recordId
   //   alert(roleId)
      this.$router.push("/archiveManager/infoManagerAu/user/" + roleId+"/"+archiveRecordsId)
    },
    /** 删除按钮操作 */
    handleDelete(row) {
@@ -549,3 +1051,27 @@
  }
}
</script>

<style scoped>
/* 加宽表格底部滚动条 */
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
  height: 20px; /* 横向滚动条高度 */
}

/* 滚动条轨道 */
::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* 滚动条滑块 */
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

/* 滚动条滑块悬停效果 */
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
  background: #2f91ec;
}
</style>