印章档案 印章上缴登记 印章销毁登记 页面 前端

src/views/oa/SealArchivesList.vue

@@ -0,0 +1,330 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="印章类别">
+              <a-input placeholder="请输入印章类别" v-model="queryParam.sealType"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="印章名称">
+              <a-input placeholder="请输入印章名称" v-model="queryParam.sealName"></a-input>
+            </a-form-item>
+          </a-col>
+          <template v-if="toggleSearchStatus">
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="印章材质">
+                <a-input placeholder="请输入印章材质" v-model="queryParam.sealMaterial"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="印章尺寸">
+                <a-input placeholder="请输入印章尺寸" v-model="queryParam.sealSize"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="印章状态">
+                <a-input placeholder="请输入印章状态" v-model="queryParam.sealStatus"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="印章保管人">
+                <a-input placeholder="请输入印章保管人" v-model="queryParam.sealCustodian"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="保管部门">
+                <a-input placeholder="请输入保管部门" v-model="queryParam.custodianDept"></a-input>
+              </a-form-item>
+            </a-col>
+          </template>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+              <a @click="handleToggleSearch" style="margin-left: 8px">
+                {{ toggleSearchStatus ? '收起' : '展开' }}
+                <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+              </a>
+            </span>
+          </a-col>
+
+        </a-row>
+      </a-form>
+    </div>
+    <!-- 查询区域-END -->
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+<!--      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>-->
+<!--      <a-button type="primary" icon="download" @click="handleExportXls('印章档案')">导出</a-button>-->
+<!--      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">-->
+<!--        <a-button type="primary" icon="import">导入</a-button>-->
+<!--      </a-upload>-->
+<!--      <a-dropdown v-if="selectedRowKeys.length > 0">-->
+<!--        <a-menu slot="overlay">-->
+<!--          <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>-->
+<!--        </a-menu>-->
+<!--        <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>-->
+<!--      </a-dropdown>-->
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div>
+
+      <a-table
+        ref="table"
+        size="middle"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{fixed:true,selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+
+        @change="handleTableChange">
+
+        <template slot="htmlSlot" slot-scope="text">
+          <div v-html="text"></div>
+        </template>
+        <template slot="imgSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无此图片</span>
+          <img v-else :src="getImgView(text)" height="25px" alt="图片不存在" style="max-width:80px;font-size: 12px;font-style: italic;"/>
+        </template>
+        <template slot="fileSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无此文件</span>
+          <a-button
+            v-else
+            :ghost="true"
+            type="primary"
+            icon="download"
+            size="small"
+            @click="uploadFile(text)">
+            下载
+          </a-button>
+        </template>
+
+        <span slot="action" slot-scope="text, record">
+          <a @click="handleEdit(record)">编辑</a>
+
+          <a-divider type="vertical" />
+          <a-dropdown>
+            <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
+            <a-menu slot="overlay">
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
+                  <a>删除</a>
+                </a-popconfirm>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </span>
+
+
+        <span slot="status" slot-scope="text, record">
+          <a @click="changeStatus(record)">{{record.sealStatus}}</a>
+        </span>
+
+      </a-table>
+    </div>
+    <a-modal
+      :visible='visible'
+      :width="100"
+      cancelText='关闭'
+      title='更改状态'
+      @ok="ok"
+      @cancel="cancel">
+      <a-form :form="form">
+        <a-form-item label="印章状态" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-select placeholder="请选择印章状态" v-decorator="[ 'sealStatus']" >
+            <a-select-option value="正在使用">正在使用</a-select-option>
+            <a-select-option value="已销毁">已销毁</a-select-option>
+          </a-select>
+        </a-form-item>
+      </a-form>
+    </a-modal>
+    <sealArchives-modal ref="modalForm" @ok="modalFormOk"></sealArchives-modal>
+  </a-card>
+</template>
+
+<script>
+
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import SealArchivesModal from './modules/SealArchivesModal'
+  import JDictSelectTag from '@/components/dict/JDictSelectTag.vue'
+  import { httpAction } from '@api/manage'
+  import pick from 'lodash.pick'
+
+  export default {
+    name: "SealArchivesList",
+    mixins:[JeecgListMixin],
+    components: {
+      JDictSelectTag,
+      SealArchivesModal
+    },
+    data () {
+      return {
+        form: this.$form.createForm(this),
+        visible: false,
+        description: '印章档案管理页面',
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 5 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 16 },
+        },
+        // 表头
+        columns: [
+          {
+            title: '#',
+            dataIndex: '',
+            key:'rowIndex',
+            width:60,
+            align:"center",
+            customRender:function (t,r,index) {
+              return parseInt(index)+1;
+            }
+          },
+          {
+            title:'印章类别',
+            align:"center",
+            dataIndex: 'sealType'
+          },
+          {
+            title:'印章名称',
+            align:"center",
+            dataIndex: 'sealName'
+          },
+          {
+            title:'印章材质',
+            align:"center",
+            dataIndex: 'sealMaterial'
+          },
+          {
+            title:'印章尺寸',
+            align:"center",
+            dataIndex: 'sealSize'
+          },
+          {
+            title:'印章状态',
+            align:"center",
+            scopedSlots: { customRender: 'status' },
+            dataIndex: 'sealStatus'
+          },
+          {
+            title:'印章保管人',
+            align:"center",
+            dataIndex: 'sealCustodian'
+          },
+          {
+            title:'保管部门',
+            align:"center",
+            dataIndex: 'custodianDept'
+          },
+          {
+            title:'刻章日期',
+            align:"center",
+            dataIndex: 'engravingDate'
+          },
+          {
+            title:'销毁日期',
+            align:"center",
+            dataIndex: 'destroyDate',
+            customRender:function (text) {
+              return !text?"":(text.length>10?text.substr(0,10):text)
+            }
+          },
+          {
+            title:'上缴日期',
+            align:"center",
+            dataIndex: 'turnDate',
+            customRender:function (text) {
+              return !text?"":(text.length>10?text.substr(0,10):text)
+            }
+          },
+          {
+            title:'附件',
+            align:"center",
+            dataIndex: 'file',
+            scopedSlots: {customRender: 'fileSlot'},
+          },
+          // {
+          //   title: '操作',
+          //   dataIndex: 'action',
+          //   align:"center",
+          //   scopedSlots: { customRender: 'action' }
+          // }
+        ],
+        url: {
+          list: "/sealArchives/sealArchives/list",
+          delete: "/sealArchives/sealArchives/delete",
+          deleteBatch: "/sealArchives/sealArchives/deleteBatch",
+          exportXlsUrl: "/sealArchives/sealArchives/exportXls",
+          importExcelUrl: "sealArchives/sealArchives/importExcel",
+          edit: "/sealArchives/sealArchives/edit",
+        },
+        dictOptions:{},
+      }
+    },
+    computed: {
+      importExcelUrl: function(){
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      }
+    },
+    methods: {
+      initDictConfig(){
+      },
+      changeStatus(record){
+        console.log(record);
+        this.form.resetFields();
+        this.visible = true;
+        this.model = Object.assign({}, record);
+        this.$nextTick(() => {
+          this.form.setFieldsValue(pick(this.model,'sealStatus'))
+        })
+      },
+      ok(){
+        const that = this;
+        // 触发表单验证
+        this.form.validateFields((err, values) => {
+          if (!err) {
+            that.confirmLoading = true;
+            let httpurl = '';
+            let method = '';
+            httpurl+=this.url.edit;
+            method = 'put';
+            let formData = Object.assign(this.model, values);
+            console.log("表单提交数据",formData)
+            httpAction(httpurl,formData,method).then((res)=>{
+              if(res.success){
+                that.$message.success(res.message);
+                that.$emit('ok');
+              }else{
+                that.$message.warning(res.message);
+              }
+            }).finally(() => {
+              this.visible = false;
+              this.loadData()
+            })
+          }
+        })
+      },
+      cancel(){
+        this.visible = false;
+      },
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>

src/views/oa/SealDestroyList.vue

@@ -0,0 +1,229 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="印章名称">
+              <a-input placeholder="请输入印章名称" v-model="queryParam.sealName"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="印制材质">
+              <a-input placeholder="请输入印制材质" v-model="queryParam.sealMaterial"></a-input>
+            </a-form-item>
+          </a-col>
+          <template v-if="toggleSearchStatus">
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="印章尺寸">
+                <a-input placeholder="请输入印章尺寸" v-model="queryParam.sealSize"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="销毁日期">
+                <j-date placeholder="请选择销毁日期" v-model="queryParam.destroyDate"></j-date>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="经办人">
+                <a-input placeholder="请输入经办人" v-model="queryParam.handlingPerson"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="经办部门">
+                <a-input placeholder="请输入经办部门" v-model="queryParam.handlingDept"></a-input>
+              </a-form-item>
+            </a-col>
+          </template>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+              <a @click="handleToggleSearch" style="margin-left: 8px">
+                {{ toggleSearchStatus ? '收起' : '展开' }}
+                <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+              </a>
+            </span>
+          </a-col>
+
+        </a-row>
+      </a-form>
+    </div>
+    <!-- 查询区域-END -->
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
+<!--      <a-button type="primary" icon="download" @click="handleExportXls('销毁印章登记')">导出</a-button>-->
+<!--      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">-->
+<!--        <a-button type="primary" icon="import">导入</a-button>-->
+<!--      </a-upload>-->
+      <a-dropdown v-if="selectedRowKeys.length > 0">
+        <a-menu slot="overlay">
+          <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
+        </a-menu>
+        <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
+      </a-dropdown>
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div>
+
+      <a-table
+        ref="table"
+        size="middle"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{fixed:true,selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+
+        @change="handleTableChange">
+
+        <template slot="htmlSlot" slot-scope="text">
+          <div v-html="text"></div>
+        </template>
+        <template slot="imgSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无此图片</span>
+          <img v-else :src="getImgView(text)" height="25px" alt="图片不存在" style="max-width:80px;font-size: 12px;font-style: italic;"/>
+        </template>
+        <template slot="fileSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无此文件</span>
+          <a-button
+            v-else
+            :ghost="true"
+            type="primary"
+            icon="download"
+            size="small"
+            @click="uploadFile(text)">
+            下载
+          </a-button>
+        </template>
+
+        <span slot="action" slot-scope="text, record">
+          <a @click="handleEdit(record)">编辑</a>
+
+          <a-divider type="vertical" />
+          <a-dropdown>
+            <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
+            <a-menu slot="overlay">
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
+                  <a>删除</a>
+                </a-popconfirm>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </span>
+
+      </a-table>
+    </div>
+
+    <sealDestroy-modal ref="modalForm" @ok="modalFormOk"></sealDestroy-modal>
+  </a-card>
+</template>
+
+<script>
+
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import SealDestroyModal from './modules/SealDestroyModal'
+  import JDate from '@/components/jeecg/JDate.vue'
+
+  export default {
+    name: "SealDestroyList",
+    mixins:[JeecgListMixin],
+    components: {
+      JDate,
+      SealDestroyModal
+    },
+    data () {
+      return {
+        description: '销毁印章登记管理页面',
+        // 表头
+        columns: [
+          {
+            title: '#',
+            dataIndex: '',
+            key:'rowIndex',
+            width:60,
+            align:"center",
+            customRender:function (t,r,index) {
+              return parseInt(index)+1;
+            }
+          },
+          {
+            title:'印章名称',
+            align:"center",
+            dataIndex: 'sealName'
+          },
+          {
+            title:'印制材质',
+            align:"center",
+            dataIndex: 'sealMaterial'
+          },
+          {
+            title:'印章尺寸',
+            align:"center",
+            dataIndex: 'sealSize'
+          },
+          {
+            title:'销毁日期',
+            align:"center",
+            dataIndex: 'destroyDate',
+            customRender:function (text) {
+              return !text?"":(text.length>10?text.substr(0,10):text)
+            }
+          },
+          {
+            title:'经办人',
+            align:"center",
+            dataIndex: 'handlingPerson'
+          },
+          {
+            title:'经办部门',
+            align:"center",
+            dataIndex: 'handlingDept'
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align:"center",
+            scopedSlots: { customRender: 'action' }
+          }
+        ],
+        url: {
+          list: "/sealDestroy/sealDestroy/list",
+          delete: "/sealDestroy/sealDestroy/delete",
+          deleteBatch: "/sealDestroy/sealDestroy/deleteBatch",
+          exportXlsUrl: "/sealDestroy/sealDestroy/exportXls",
+          importExcelUrl: "sealDestroy/sealDestroy/importExcel",
+        },
+        dictOptions:{},
+      }
+    },
+    computed: {
+      importExcelUrl: function(){
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      }
+    },
+    methods: {
+      initDictConfig(){
+      },
+      handleAdd: function () {
+        this.$refs.modalForm.add();
+        this.$refs.modalForm.title = "销毁印章登记";
+        this.$refs.modalForm.disableSubmit = false;
+      },
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>

src/views/oa/SealTurnList.vue

@@ -0,0 +1,266 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="印章名称">
+              <a-input placeholder="请输入印章名称" v-model="queryParam.sealName"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="上缴日期">
+              <j-date placeholder="请选择上缴日期" v-model="queryParam.turnDate"></j-date>
+            </a-form-item>
+          </a-col>
+          <template v-if="toggleSearchStatus">
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="原保管人">
+                <a-input placeholder="请输入原保管人" v-model="queryParam.oldCustodian"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="原保管部门">
+                <a-input placeholder="请输入原保管部门" v-model="queryParam.oldDept"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="现上缴人">
+                <a-input placeholder="请输入现上缴人" v-model="queryParam.nowTurnPerson"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="现上缴部门">
+                <a-input placeholder="请输入现上缴部门" v-model="queryParam.nowTurnDept"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="经办人">
+                <a-input placeholder="请输入经办人" v-model="queryParam.handlingPerson"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="经办部门">
+                <a-input placeholder="请输入经办部门" v-model="queryParam.handlingDept"></a-input>
+              </a-form-item>
+            </a-col>
+          </template>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+              <a @click="handleToggleSearch" style="margin-left: 8px">
+                {{ toggleSearchStatus ? '收起' : '展开' }}
+                <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+              </a>
+            </span>
+          </a-col>
+
+        </a-row>
+      </a-form>
+    </div>
+    <!-- 查询区域-END -->
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
+<!--      <a-button type="primary" icon="download" @click="handleExportXls('上缴印章')">导出</a-button>-->
+<!--      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">-->
+<!--        <a-button type="primary" icon="import">导入</a-button>-->
+<!--      </a-upload>-->
+      <a-dropdown v-if="selectedRowKeys.length > 0">
+        <a-menu slot="overlay">
+          <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
+        </a-menu>
+        <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
+      </a-dropdown>
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
+        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
+      </div>
+
+      <a-table
+        ref="table"
+        size="middle"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{fixed:true,selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+
+        @change="handleTableChange">
+
+        <template slot="htmlSlot" slot-scope="text">
+          <div v-html="text"></div>
+        </template>
+        <template slot="imgSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无此图片</span>
+          <img v-else :src="getImgView(text)" height="25px" alt="图片不存在" style="max-width:80px;font-size: 12px;font-style: italic;"/>
+        </template>
+        <template slot="fileSlot" slot-scope="text">
+          <span v-if="!text" style="font-size: 12px;font-style: italic;">无此文件</span>
+          <a-button
+            v-else
+            :ghost="true"
+            type="primary"
+            icon="download"
+            size="small"
+            @click="uploadFile(text)">
+            下载
+          </a-button>
+        </template>
+
+        <span slot="action" slot-scope="text, record">
+          <a @click="handleEdit(record)">编辑</a>
+
+          <a-divider type="vertical" />
+          <a-dropdown>
+            <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
+            <a-menu slot="overlay">
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
+                  <a>删除</a>
+                </a-popconfirm>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </span>
+
+      </a-table>
+    </div>
+
+    <sealTurn-modal ref="modalForm" @ok="modalFormOk"></sealTurn-modal>
+  </a-card>
+</template>
+
+<script>
+
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import SealTurnModal from './modules/SealTurnModal'
+  import JDate from '@/components/jeecg/JDate.vue'
+
+  export default {
+    name: "SealTurnList",
+    mixins:[JeecgListMixin],
+    components: {
+      JDate,
+      SealTurnModal
+    },
+    data () {
+      return {
+        description: '上缴印章管理页面',
+        // 表头
+        columns: [
+          {
+            title: '#',
+            dataIndex: '',
+            key:'rowIndex',
+            width:60,
+            align:"center",
+            customRender:function (t,r,index) {
+              return parseInt(index)+1;
+            }
+          },
+          {
+            title:'印章名称',
+            align:"center",
+            dataIndex: 'sealName'
+          },
+
+          {
+            title:'上缴日期',
+            align:"center",
+            dataIndex: 'turnDate',
+            customRender:function (text) {
+              return !text?"":(text.length>10?text.substr(0,10):text)
+            }
+          },
+          {
+            title:'现上缴人',
+            align:"center",
+            dataIndex: 'nowTurnPerson'
+          },
+          {
+            title:'现上缴部门',
+            align:"center",
+            dataIndex: 'nowTurnDept'
+          },
+          {
+            title:'经办人',
+            align:"center",
+            dataIndex: 'handlingPerson'
+          },
+          {
+            title:'经办部门',
+            align:"center",
+            dataIndex: 'handlingDept'
+          },
+          {
+            title:'原保管人',
+            align:"center",
+            dataIndex: 'oldCustodian'
+          },
+          {
+            title:'原保管部门',
+            align:"center",
+            dataIndex: 'oldDept'
+          },
+          {
+            title:'启用日期',
+            align:"center",
+            dataIndex: 'enableDate',
+            customRender:function (text) {
+              return !text?"":(text.length>10?text.substr(0,10):text)
+            }
+          },
+          {
+            title:'停用日期',
+            align:"center",
+            dataIndex: 'stopDate',
+            customRender:function (text) {
+              return !text?"":(text.length>10?text.substr(0,10):text)
+            }
+          },
+          {
+            title: '操作',
+            dataIndex: 'action',
+            align:"center",
+            scopedSlots: { customRender: 'action' }
+          }
+        ],
+        url: {
+          list: "/sealTurn/sealTurn/list",
+          delete: "/sealTurn/sealTurn/delete",
+          deleteBatch: "/sealTurn/sealTurn/deleteBatch",
+          exportXlsUrl: "/sealTurn/sealTurn/exportXls",
+          importExcelUrl: "sealTurn/sealTurn/importExcel",
+        },
+        dictOptions:{},
+      }
+    },
+    computed: {
+      importExcelUrl: function(){
+        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
+      }
+    },
+    methods: {
+      initDictConfig(){
+      },
+      handleAdd: function () {
+        this.$refs.modalForm.add();
+        this.$refs.modalForm.title = "上缴印章登记";
+        this.$refs.modalForm.disableSubmit = false;
+      },
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+</style>

src/views/oa/modules/SealArchivesModal.vue

@@ -0,0 +1,175 @@
+<template>
+  <a-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    @ok="handleOk"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+
+        <a-form-item label="印章类别" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input v-decorator="[ 'sealType', validatorRules.sealType]" placeholder="请输入印章类别"></a-input>
+        </a-form-item>
+        <a-form-item label="印章名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input v-decorator="[ 'sealName', validatorRules.sealName]" placeholder="请输入印章名称"></a-input>
+        </a-form-item>
+        <a-form-item label="印章材质" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input v-decorator="[ 'sealMaterial', validatorRules.sealMaterial]" placeholder="请输入印章材质"></a-input>
+        </a-form-item>
+        <a-form-item label="印章尺寸" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input v-decorator="[ 'sealSize', validatorRules.sealSize]" placeholder="请输入印章尺寸"></a-input>
+        </a-form-item>
+        <a-form-item label="印章状态" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-select placeholder="请选择印章状态" v-decorator="[ 'sealStatus', validatorRules.sealStatus]" >
+            <a-select-option value="正在使用">正在使用</a-select-option>
+            <a-select-option value="已销毁">已销毁</a-select-option>
+          </a-select>
+        </a-form-item>
+        <a-form-item label="印章保管人" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input v-decorator="[ 'sealCustodian', validatorRules.sealCustodian]" placeholder="请输入印章保管人"></a-input>
+        </a-form-item>
+        <a-form-item label="保管部门" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input v-decorator="[ 'custodianDept', validatorRules.custodianDept]" placeholder="请输入保管部门"></a-input>
+        </a-form-item>
+        <a-form-item label="刻章日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <j-date placeholder="请选择刻章日期" v-decorator="[ 'engravingDate', validatorRules.engravingDate]" :trigger-change="true" style="width: 100%"/>
+        </a-form-item>
+        <a-form-item label="销毁日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <j-date placeholder="请选择销毁日期" v-decorator="[ 'destroyDate', validatorRules.destroyDate]" :trigger-change="true" style="width: 100%"/>
+        </a-form-item>
+        <a-form-item label="上缴日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <j-date placeholder="请选择上缴日期" v-decorator="[ 'turnDate', validatorRules.turnDate]" :trigger-change="true" style="width: 100%"/>
+        </a-form-item>
+        <a-form-item label="附件" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <j-upload v-decorator="['file', validatorRules.file]" :trigger-change="true"></j-upload>
+        </a-form-item>
+
+      </a-form>
+    </a-spin>
+  </a-modal>
+</template>
+
+<script>
+
+  import { httpAction } from '@/api/manage'
+  import pick from 'lodash.pick'
+  import { validateDuplicateValue } from '@/utils/util'
+  import JDate from '@/components/jeecg/JDate'
+  import JDictSelectTag from "@/components/dict/JDictSelectTag"
+  import JUpload from '@/components/jeecg/JUpload'
+
+  export default {
+    name: "SealArchivesModal",
+    components: {
+      JDate,
+      JUpload,
+      JDictSelectTag,
+    },
+    data () {
+      return {
+        form: this.$form.createForm(this),
+        title:"操作",
+        width:800,
+        visible: false,
+        model: {},
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 6 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 15 },
+        },
+        confirmLoading: false,
+        validatorRules: {
+          sealType: {rules: [
+          ]},
+          sealName: {rules: [
+          ]},
+          sealMaterial: {rules: [
+          ]},
+          sealSize: {rules: [
+          ]},
+          sealStatus: {rules: [
+          ]},
+          sealCustodian: {rules: [
+          ]},
+          custodianDept: {rules: [
+          ]},
+          engravingDate: {rules: [
+          ]},
+          destroyDate: {rules: [
+          ]},
+          turnDate: {rules: [
+          ]},
+          file: {rules: [
+          ]},
+        },
+        url: {
+          add: "/sealArchives/sealArchives/add",
+          edit: "/sealArchives/sealArchives/edit",
+        }
+      }
+    },
+    created () {
+    },
+    methods: {
+      add () {
+        this.edit({});
+      },
+      edit (record) {
+        this.form.resetFields();
+        this.model = Object.assign({}, record);
+        this.visible = true;
+        this.$nextTick(() => {
+          this.form.setFieldsValue(pick(this.model,'sealType','sealName','sealMaterial','sealSize','sealStatus','sealCustodian','custodianDept','engravingDate','destroyDate','turnDate','file'))
+        })
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      handleOk () {
+        const that = this;
+        // 触发表单验证
+        this.form.validateFields((err, values) => {
+          if (!err) {
+            that.confirmLoading = true;
+            let httpurl = '';
+            let method = '';
+            if(!this.model.id){
+              httpurl+=this.url.add;
+              method = 'post';
+            }else{
+              httpurl+=this.url.edit;
+               method = 'put';
+            }
+            let formData = Object.assign(this.model, values);
+            console.log("表单提交数据",formData)
+            httpAction(httpurl,formData,method).then((res)=>{
+              if(res.success){
+                that.$message.success(res.message);
+                that.$emit('ok');
+              }else{
+                that.$message.warning(res.message);
+              }
+            }).finally(() => {
+              that.confirmLoading = false;
+              that.close();
+            })
+          }
+
+        })
+      },
+      handleCancel () {
+        this.close()
+      },
+      popupCallback(row){
+        this.form.setFieldsValue(pick(row,'sealType','sealName','sealMaterial','sealSize','sealStatus','sealCustodian','custodianDept','engravingDate','destroyDate','turnDate','file'))
+      },
+    }
+  }
+</script>

src/views/oa/modules/SealDestroyModal.vue

@@ -0,0 +1,210 @@
+<template>
+  <a-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    @ok="handleOk"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+        <a-col span="8">
+          <a-form-item label="印章名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <j-popup
+              v-decorator="['sealName', validatorRules.sealName]"
+              :trigger-change="true"
+              org-fields="seal_name,seal_material,seal_size,id"
+              dest-fields="sealName,sealMaterial,sealSize,sealId"
+              code="seal_select"
+              @callback="popupCallback"/>
+          </a-form-item>
+        </a-col>
+        <a-col span="8">
+          <a-form-item label="印制材质" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input v-decorator="[ 'sealMaterial', validatorRules.sealMaterial]" :disabled="true" placeholder="请输入印制材质"></a-input>
+          </a-form-item>
+        </a-col>
+        <a-col span="8">
+          <a-form-item label="印章尺寸" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input v-decorator="[ 'sealSize', validatorRules.sealSize]" :disabled="true" placeholder="请输入印章尺寸"></a-input>
+          </a-form-item>
+        </a-col>
+        <a-col span="8">
+          <a-form-item label="销毁日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <j-date placeholder="请选择销毁日期" v-decorator="[ 'destroyDate', validatorRules.destroyDate]" :trigger-change="true" style="width: 100%"/>
+          </a-form-item>
+        </a-col>
+        <a-col span="8">
+          <a-form-item label="经办人" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <j-popup
+              v-decorator="['handlingPerson', validatorRules.handlingPerson]"
+              :trigger-change="true"
+              org-fields="realname,depart_name"
+              dest-fields="handlingPerson,handlingDept"
+              code="user_dept"
+              @callback="popupCallback"/>
+          </a-form-item>
+        </a-col>
+        <a-col span="8">
+          <a-form-item label="经办部门" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input v-decorator="[ 'handlingDept', validatorRules.handlingDept]" :disabled="true" placeholder="请输入经办部门"></a-input>
+          </a-form-item>
+        </a-col>
+        <a-col span="24">
+          <a-form-item label="销毁原因" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
+            <a-textarea v-decorator="['destroyResult', validatorRules.destroyResult]" rows="1" placeholder="请输入销毁原因"/>
+          </a-form-item>
+        </a-col>
+        <a-col span="24">
+          <a-form-item label="备注" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
+            <a-textarea  v-decorator="['remark', validatorRules.remark]" rows="1" placeholder="请输入备注"/>
+          </a-form-item>
+        </a-col>
+        <a-col span="24">
+          <a-form-item label="附件" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
+            <j-upload v-decorator="['file', validatorRules.file]" :trigger-change="true"></j-upload>
+          </a-form-item>
+        </a-col>
+      </a-form>
+    </a-spin>
+  </a-modal>
+</template>
+
+<script>
+
+  import { httpAction } from '@/api/manage'
+  import pick from 'lodash.pick'
+  import { validateDuplicateValue } from '@/utils/util'
+  import JDate from '@/components/jeecg/JDate'
+  import JUpload from '@/components/jeecg/JUpload'
+
+  export default {
+    name: "SealDestroyModal",
+    components: {
+      JDate,
+      JUpload,
+    },
+    data () {
+      return {
+        form: this.$form.createForm(this),
+        title:"操作",
+        width:1150,
+        visible: false,
+        model: {},
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 6 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 15 },
+        },
+        labelCol1: {
+          xs: { span: 24 },
+          sm: { span: 2 },
+        },
+        wrapperCol1: {
+          xs: { span: 24 },
+          sm: { span: 21 },
+        },
+        sealId:'',
+        confirmLoading: false,
+        validatorRules: {
+          sealName: {rules: [
+            {required: true, message: '请输入印章名称!'},
+          ]},
+          sealMaterial: {rules: [
+          ]},
+          sealSize: {rules: [
+          ]},
+          destroyDate: {rules: [
+            {required: true, message: '请输入销毁日期!'},
+          ]},
+          handlingPerson: {rules: [
+            {required: true, message: '请输入经办人!'},
+          ]},
+          handlingDept: {rules: [
+          ]},
+          destroyResult: {rules: [
+            {required: true, message: '请输入销毁原因!'},
+          ]},
+          remark: {rules: [
+            {required: true, message: '请输入备注!'},
+          ]},
+          file: {rules: [
+          ]},
+        },
+        url: {
+          add: "/sealDestroy/sealDestroy/add",
+          edit: "/sealDestroy/sealDestroy/edit",
+        }
+      }
+    },
+    created () {
+    },
+    methods: {
+      add () {
+        this.edit({});
+      },
+      edit (record) {
+        this.form.resetFields();
+        this.model = Object.assign({}, record);
+        this.visible = true;
+        this.$nextTick(() => {
+          this.form.setFieldsValue(pick(this.model,'sealName','sealMaterial','sealSize','destroyDate','handlingPerson','handlingDept','destroyResult','remark','file'))
+        })
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      handleOk () {
+        const that = this;
+        // 触发表单验证
+        this.form.validateFields((err, values) => {
+          if (!err) {
+            that.confirmLoading = true;
+            let httpurl = '';
+            let method = '';
+            if(!this.model.id){
+              httpurl+=this.url.add;
+              method = 'post';
+            }else{
+              httpurl+=this.url.edit;
+               method = 'put';
+            }
+            let formData = Object.assign(this.model, values);
+            formData.sealId = this.sealId;
+            console.log("表单提交数据",formData)
+            httpAction(httpurl,formData,method).then((res)=>{
+              if(res.success){
+                that.$message.success(res.message);
+                that.$emit('ok');
+              }else{
+                that.$message.warning(res.message);
+              }
+            }).finally(() => {
+              that.confirmLoading = false;
+              that.close();
+            })
+          }
+
+        })
+      },
+      handleCancel () {
+        this.close()
+      },
+      popupCallback(row){
+        console.log(row.sealId)
+        if(typeof(row.sealId)!="undefined"){
+          this.sealId = row.sealId;
+        }
+        this.form.setFieldsValue(pick(row,'sealName','sealMaterial','sealSize','destroyDate','handlingPerson','handlingDept','destroyResult','remark','file'))
+        console.log(this.sealId)
+      },
+
+
+    }
+  }
+</script>

src/views/oa/modules/SealTurnModal.vue

@@ -0,0 +1,242 @@
+<template>
+  <a-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    @ok="handleOk"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+        <a-col span="8">
+          <a-form-item label="印章名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <j-popup
+              v-decorator="['sealName', validatorRules.sealName]"
+              :trigger-change="true"
+              org-fields="seal_name,engraving_date,id"
+              dest-fields="sealName,enableDate,sealId"
+              code="seal_select"
+              @callback="popupCallback"/>
+          </a-form-item>
+        </a-col>
+        <a-col span="8">
+          <a-form-item label="启用日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <j-date placeholder="请选择启用日期"  v-decorator="[ 'enableDate', validatorRules.enableDate]" :trigger-change="true" :read-only="true" style="width: 100%"/>
+          </a-form-item>
+        </a-col>
+          <a-col span="8">
+          <a-form-item label="停用日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <j-date placeholder="请选择停用日期" v-decorator="[ 'stopDate', validatorRules.stopDate]" :trigger-change="true" style="width: 100%"/>
+          </a-form-item>
+          </a-col>
+          <a-col span="8">
+            <a-form-item label="上缴日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-date placeholder="请选择上缴日期" v-decorator="[ 'turnDate', validatorRules.turnDate]" :trigger-change="true" style="width: 100%"/>
+            </a-form-item>
+          </a-col>
+          <a-col span="8">
+            <a-form-item label="原保管人" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-popup
+                v-decorator="['oldCustodian', validatorRules.oldCustodian]"
+                :trigger-change="true"
+                org-fields="realname,depart_name"
+                dest-fields="oldCustodian,oldDept"
+                code="user_dept"
+                @callback="popupCallback"/>
+            </a-form-item>
+          </a-col>
+          <a-col span="8">
+            <a-form-item label="原保管部门" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="[ 'oldDept', validatorRules.oldDept]" :disabled="true" placeholder="请输入原保管部门"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col span="8">
+            <a-form-item label="现上缴人" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-popup
+                v-decorator="['nowTurnPerson', validatorRules.nowTurnPerson]"
+                :trigger-change="true"
+                org-fields="realname,depart_name"
+                dest-fields="nowTurnPerson,nowTurnDept"
+                code="user_dept"
+                @callback="popupCallback"/>
+            </a-form-item>
+          </a-col>
+          <a-col span="8">
+            <a-form-item label="现上缴部门" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="[ 'nowTurnDept', validatorRules.nowTurnDept]" :disabled="true" placeholder="请输入现上缴部门"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col span="8">
+            <a-form-item label="经办人" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-popup
+                v-decorator="['handlingPerson', validatorRules.handlingPerson]"
+                :trigger-change="true"
+                org-fields="realname,depart_name"
+                dest-fields="handlingPerson,handlingDept"
+                code="user_dept"
+                @callback="popupCallback"/>
+            </a-form-item>
+          </a-col>
+          <a-col span="8">
+            <a-form-item label="经办部门" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="[ 'handlingDept', validatorRules.handlingDept]" placeholder="请输入经办部门" :disabled="true"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col span="24">
+            <a-form-item label="上缴原因" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
+              <a-textarea v-decorator="['turnResult', validatorRules.turnResult]" rows="1" placeholder="请输入上缴原因"/>
+            </a-form-item>
+          </a-col>
+          <a-col span="24">
+            <a-form-item label="附件" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
+              <j-upload v-decorator="['file', validatorRules.file]" :trigger-change="true"></j-upload>
+            </a-form-item>
+          </a-col>
+      </a-form>
+    </a-spin>
+  </a-modal>
+</template>
+
+<script>
+
+  import { httpAction } from '@/api/manage'
+  import pick from 'lodash.pick'
+  import { validateDuplicateValue } from '@/utils/util'
+  import JDate from '@/components/jeecg/JDate'
+  import JUpload from '@/components/jeecg/JUpload'
+
+  export default {
+    name: "SealTurnModal",
+    components: {
+      JDate,
+      JUpload,
+    },
+    data () {
+      return {
+        form: this.$form.createForm(this),
+        title:"操作",
+        width:1200,
+        visible: false,
+        model: {},
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 6 },
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 15 },
+        },
+        labelCol1: {
+          xs: { span: 24 },
+          sm: { span: 2 },
+        },
+        wrapperCol1: {
+          xs: { span: 24 },
+          sm: { span: 21 },
+        },
+        sealId:'',
+        confirmLoading: false,
+        validatorRules: {
+          sealName: {rules: [
+            {required: true, message: '请选择印章名称!'},
+          ]},
+          enableDate: {rules: [
+          ]},
+          stopDate: {rules: [
+            {required: true, message: '请选择停用日期!'},
+          ]},
+          turnDate: {rules: [
+            {required: true, message: '请选择上缴日期!'},
+          ]},
+          oldCustodian: {rules: [
+            {required: true, message: '请选择原保管人!'},
+          ]},
+          oldDept: {rules: [
+          ]},
+          nowTurnPerson: {rules: [
+            {required: true, message: '请选择现上缴人!'},
+          ]},
+          nowTurnDept: {rules: [
+          ]},
+          handlingPerson: {rules: [
+            {required: true, message: '请选择经办人!'},
+          ]},
+          handlingDept: {rules: [
+          ]},
+          turnResult: {rules: [
+            {required: true, message: '请输入上缴原因!'},
+          ]},
+          file: {rules: [
+          ]},
+        },
+        url: {
+          add: "/sealTurn/sealTurn/add",
+          edit: "/sealTurn/sealTurn/edit",
+        }
+      }
+    },
+    created () {
+    },
+    methods: {
+      add () {
+        this.edit({});
+      },
+      edit (record) {
+        this.form.resetFields();
+        this.model = Object.assign({}, record);
+        this.visible = true;
+        this.$nextTick(() => {
+          this.form.setFieldsValue(pick(this.model,'sealName','enableDate','stopDate','turnDate','oldCustodian','oldDept','nowTurnPerson','nowTurnDept','handlingPerson','handlingDept','turnResult','file'))
+        })
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      handleOk () {
+        const that = this;
+        // 触发表单验证
+        this.form.validateFields((err, values) => {
+          if (!err) {
+            that.confirmLoading = true;
+            let httpurl = '';
+            let method = '';
+            if(!this.model.id){
+              httpurl+=this.url.add;
+              method = 'post';
+            }else{
+              httpurl+=this.url.edit;
+               method = 'put';
+            }
+            let formData = Object.assign(this.model, values);
+            formData.sealId = this.sealId;
+            console.log("表单提交数据",formData)
+            httpAction(httpurl,formData,method).then((res)=>{
+              if(res.success){
+                that.$message.success(res.message);
+                that.$emit('ok');
+              }else{
+                that.$message.warning(res.message);
+              }
+            }).finally(() => {
+              that.confirmLoading = false;
+              that.close();
+            })
+          }
+
+        })
+      },
+      handleCancel () {
+        this.close()
+      },
+      popupCallback(row){
+        if(typeof(row.sealId)!="undefined"){
+          this.sealId = row.sealId;
+        }
+        this.form.setFieldsValue(pick(row,'sealId','sealName','enableDate','stopDate','turnDate','oldCustodian','oldDept','nowTurnPerson','nowTurnDept','handlingPerson','handlingDept','turnResult','file'))
+        // console.log(this.sealId);
+      },
+    }
+  }
+</script>