阳关村务重大事项入口

src/router/index.js

@@ -4134,6 +4134,15 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/sunVillage_info/bankAgriculture/paymentApproval/approvalList12'], resolve)
   },
+  {
+    path: '/sunVillage_info/approvalList13',
+    name: 'sunVillageApprovalList13',
+    meta: {
+      title: '重大事项',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/bankAgriculture/paymentApproval/approvalList13'], resolve)
+  },
   {
     path: '/sunVillage_info/approvalDetail',
     name: 'sunVillageApprovalDetail',
@@ -4161,6 +4170,15 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/sunVillage_info/bankAgriculture/paymentApproval/approvalDetail3'], resolve)
   },
+  {
+    path: '/sunVillage_info/approvalDetail13',
+    name: 'sunVillageApprovalDetail13',
+    meta: {
+      title: '重大事项',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/bankAgriculture/paymentApproval/approvalDetail13'], resolve)
+  },
   {
     path: '/sunVillage_info/approvalDetail4',
     name: 'sunVillageApprovalDetail4',
@@ -4280,6 +4298,15 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/sunVillage_info/bankAgriculture/paymentApproval/approvalAdd12'], resolve)
   },
+  {
+    path: '/sunVillage_info/approvalAdd13',
+    name: 'sunVillageApprovalAdd13',
+    meta: {
+      title: '添加重大事项',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/bankAgriculture/paymentApproval/approvalAdd13'], resolve)
+  },
   {
     path: '/sunVillage_info/approval/collectionAdd',
     name: 'sunVillageApprovalCollectionAdd',
@@ -4416,6 +4443,15 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/sunVillage_info/bankAgriculture/paymentApproval/approvalModify12'], resolve)
   },
+  {
+    path: '/sunVillage_info/approvalModify13',
+    name: 'sunVillageApprovalModify13',
+    meta: {
+      title: '修改重大事项',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/bankAgriculture/paymentApproval/approvalModify13'], resolve)
+  },
   {
     path: '/sunVillage_info/approvalProcess',
     name: 'sunVillageApprovalProcess',
@@ -4443,6 +4479,15 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/sunVillage_info/bankAgriculture/paymentApproval/approvalProcess3'], resolve)
   },
+  {
+    path: '/sunVillage_info/approvalProcess13',
+    name: 'sunVillageApprovalProcess3',
+    meta: {
+      title: '审批流程',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/bankAgriculture/paymentApproval/approvalProcess13'], resolve)
+  },
   {
     path: '/sunVillage_info/collectionList',
     name: 'sunVillageCollectionList',

src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalAdd13.vue

@@ -0,0 +1,311 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="$router.back(-1)"
+    >
+      <template #title>
+        <p style="font-weight: bold;">添加重大事项</p>
+      </template>
+<!--      <template #right>-->
+<!--        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>-->
+<!--      </template>-->
+    </van-nav-bar>
+    <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
+      <p class="main_title">基础信息</p>
+      <div class="main_box">
+        <van-field
+          label="事项名称"
+          v-model="form.eventName"
+          placeholder="请输入事项名称"
+          input-align="right"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请输入事项名称' }]"
+        />
+        <van-field
+          readonly
+          clickable
+          required
+          :rules="[{ required: true , message:'请选择发生日期'  }]"
+          v-model="form.eventTime"
+          label="发生日期"
+          placeholder="请选择发生日期"
+          @click="showlasj = true"
+          input-align="right"
+          right-icon="arrow-down"
+        />
+        <van-popup v-model="showlasj" position="bottom">
+          <van-datetime-picker
+            v-model="currentDate"
+            type="date"
+            title="选择年月日"
+            :min-date="minDate"
+            :max-date="maxDate"
+            @confirm="onConfirmLasj"
+            @cancel="showlasj = false"
+          />
+        </van-popup>
+      </div>
+      <div class="main_box" style="margin-top: 10px;">
+        <van-field
+          label="事项内容"
+          input-align="right"
+          label-width="auto"
+          readonly
+        />
+        <van-field
+          v-model="form.eventContent"
+          type="textarea"
+          placeholder="请输入事项内容"
+          rows="8"
+          required
+          :rules="[{ required: true , message:'请输入事项内容'  }]"
+        />
+<!--        <editor v-model="form.eventContent" :min-height="192"/>-->
+<!--        <quill-editors @ChangeText="(text)=>{form.eventContent=text}" :title="title" />-->
+      </div>
+      <div class="main_box" style="margin-top: 10px;">
+        <van-field
+          label="备注"
+          v-model="form.remark"
+          type="textarea"
+          placeholder="请输入备注"
+          input-align="right"
+          rows="3"
+          label-width="auto"
+        />
+      </div>
+
+<!--      <p class="main_title">上传附件</p>-->
+<!--      <div class="main_box" style="padding: 5px 0 0 8px;">-->
+<!--        <van-uploader v-model="fileList" :after-read="beforeRead" @delete="deleteFile"></van-uploader>-->
+<!--      </div>-->
+      <div style="padding: 16px 0;">
+        <van-row>
+          <van-col span="6"></van-col>
+          <van-col span="12" align="center">
+            <!--            @click="goUpdate"-->
+            <van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
+          </van-col>
+<!--          <van-col span="12" align="center">-->
+<!--            &lt;!&ndash;            @click="goAdd"&ndash;&gt;-->
+<!--            <van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">保存并提交</van-button>-->
+<!--          </van-col>-->
+        </van-row>
+        <div class="clear"></div>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import {addMajorevent , customSubmitMajorevent , attachmentList } from "@/api/onlineHome/bankAgriculture/paymentApproval";
+  import request from '@/utils/request';
+  import Dialog from "vant/lib/dialog";
+  import Editor from '@/components/Editor';
+  export default {
+    name: "approvalAdd3",
+    components: {
+      Editor,
+    },
+    data() {
+      return {
+        title:false,
+        showcapital:false,
+        showpayee:false,
+        showlasj:false,
+        showbankType:false,
+        showproject:false,
+        showFundType:false,
+        showpayer:false,
+
+        buttonType:'a',
+
+        minDate: new Date(2000, 1, 1),
+        maxDate: new Date(2050, 12, 31),
+        currentDate: new Date(),
+        form:{},
+        fileList:[],
+        capitalExpenditureType:'',
+        payee:'',
+        bankType:'',
+
+        wfydlxDictionaries:[],
+        jglxDictionaries:[],
+        sysDictionaries:[],
+        capitalExpenditureTypeOptions:[],
+        bankTypeDictionaries:[],
+        projectList:[],
+        projectFundTypeOptions:[],
+        projectFundTypeDictionaries:[],
+        projectListShow:[],
+        payerOptions:[],
+
+        chargeItme:[],
+        chargeItmeShow:[],
+
+        payeeList:[],
+        // 查询参数
+        queryParams: {
+          transferType:"",
+          orderByColumn: "id",
+          isAsc: "desc",
+        },
+        capitalExpenditureOpen:false,
+        projectForm:{
+          projectId:null,
+          projectName:null,
+          projectContractor:null,
+          projectAmount:null,
+          projectBillNum:null,
+          projectFundType:'1',
+          outId:null,
+          ynType:'2'
+        },
+        projectFundType:'',
+        uploadFiles:[],
+      };
+    },
+    created() {
+      this.reset();
+    },
+    methods: {
+      // 表单重置
+      reset() {
+        this.form = {
+          id: null,
+          upId: null,
+          downId: null,
+          orderId: null,
+          cashierId: null,
+          transferType: '3',
+          accountType: '2',
+          explainSituation: null,
+          succeedAmount: null,
+          payer: null,
+          payerAccount: null,
+          operatorCode: null,
+          enterpriseCode: null,
+          expenditureAmount: null,
+          capitalExpenditureType: '1',
+          remark: null,
+          transferStatus: "0",
+          auditStatus: "0",
+          paymentState: "1",
+          bankPriority: "0",
+          clientPriority: "0"
+        };
+        this.processList = {}
+        this.projectForm={
+          projectId:null,
+          projectName:null,
+          projectContractor:null,
+          projectAmount:null,
+          projectBillNum:null,
+          projectFundType:'1',
+          outId:null,
+          ynType:'1'
+        }
+      },
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
+      getChange(){
+        addMajorevent(this.form).then(response => {
+          this.$toast.success('保存成功');
+          setTimeout(function(){
+            history.go(-1)
+          },2000)
+        });
+      },
+      getError(e){
+        console.log(e)
+        this.$notify({ type: 'danger', message: e.errors[0].message });
+      },
+      onConfirmLasj(data){
+        this.form.eventTime = this.getNowFormatDate(data).substr(0,10);
+        this.showlasj = false;
+      },
+      beforeRead(file) {
+        this.uploadFiles.push(file.file);
+      },
+      deleteFile(file){
+        this.uploadFiles.map((response,index) => {
+          if(file.file == response){
+            this.uploadFiles.splice(index,1)
+          }
+        })
+      },
+      getFileList(){
+        let oData= {
+          tableId: this.$route.query.id,
+          tableName: "t_yinnong_transfer",
+          bizPath: "upload",
+          fileType: "0",
+        }
+        attachmentList(oData).then(res => {
+          console.log(res)
+          console.log(location.protocol+"//"+location.host+request.defaults.baseURL)
+          res.rows.map(r => {
+            let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
+            this.fileList.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{})})
+            console.log(r)
+          })
+        })
+      },
+      goBack(){
+        window.history.go(-1)
+      },
+      //删除家庭成员
+      deleteChargeItme(index){
+        this.chargeItme.splice(index,1)
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  .deleteFamily{
+    position: absolute;
+    top: 0rem;
+    right: 6%;
+    z-index: 9;
+    border-radius: 50%;
+  }
+</style>

src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalDetail13.vue

@@ -0,0 +1,298 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="$router.back(-1)"
+    >
+      <template #title>
+        <p style="font-weight: bold;">重大事项</p>
+      </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
+    </van-nav-bar>
+    <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first readonly>
+      <p class="main_title">基础信息</p>
+      <div class="main_box">
+        <van-field
+          label="事项名称"
+          v-model="form.eventName"
+          placeholder="事项名称"
+          input-align="right"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'事项名称' }]"
+        />
+        <van-field
+          readonly
+          clickable
+          required
+          :rules="[{ required: true , message:'发生日期'  }]"
+          v-model="form.eventTime"
+          label="发生日期"
+          placeholder="发生日期"
+          input-align="right"
+          right-icon="arrow-down"
+        />
+        <van-popup v-model="showlasj" position="bottom">
+          <van-datetime-picker
+            v-model="currentDate"
+            type="date"
+            title="选择年月日"
+            :min-date="minDate"
+            :max-date="maxDate"
+            @confirm="onConfirmLasj"
+            @cancel="showlasj = false"
+          />
+        </van-popup>
+      </div>
+      <div class="main_box" style="margin-top: 10px;">
+        <van-field
+          label="事项内容"
+          input-align="right"
+          label-width="auto"
+          readonly
+        />
+        <van-field
+          v-model="form.eventContent"
+          type="textarea"
+          placeholder="事项内容"
+          rows="8"
+          required
+          :rules="[{ required: true , message:'事项内容'  }]"
+        />
+<!--        <editor v-model="form.eventContent" :min-height="192"/>-->
+<!--        <quill-editors @ChangeText="(text)=>{form.eventContent=text}" :title="title" />-->
+      </div>
+      <div class="main_box" style="margin-top: 10px;">
+        <van-field
+          label="备注"
+          v-model="form.remark"
+          type="textarea"
+          placeholder="备注"
+          input-align="right"
+          rows="3"
+          label-width="auto"
+        />
+      </div>
+
+<!--      <p class="main_title">上传附件</p>-->
+<!--      <div class="main_box" style="padding: 5px 0 0 8px;">-->
+<!--        <van-uploader v-model="fileList" :after-read="beforeRead" @delete="deleteFile"></van-uploader>-->
+<!--      </div>-->
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { addMajorevent , getMajorevent , attachmentList , updateMajorevent } from "@/api/onlineHome/bankAgriculture/paymentApproval";
+  import request from '@/utils/request';
+  import Dialog from "vant/lib/dialog";
+  import Editor from '@/components/Editor';
+  export default {
+    name: "approvalAdd3",
+    components: {
+      Editor,
+    },
+    data() {
+      return {
+        title:false,
+        showcapital:false,
+        showpayee:false,
+        showlasj:false,
+        showbankType:false,
+        showproject:false,
+        showFundType:false,
+        showpayer:false,
+
+        buttonType:'a',
+
+        minDate: new Date(2000, 1, 1),
+        maxDate: new Date(2050, 12, 31),
+        currentDate: new Date(),
+        form:{},
+        fileList:[],
+        capitalExpenditureType:'',
+        payee:'',
+        bankType:'',
+
+        wfydlxDictionaries:[],
+        jglxDictionaries:[],
+        sysDictionaries:[],
+        capitalExpenditureTypeOptions:[],
+        bankTypeDictionaries:[],
+        projectList:[],
+        projectFundTypeOptions:[],
+        projectFundTypeDictionaries:[],
+        projectListShow:[],
+        payerOptions:[],
+
+        chargeItme:[],
+        chargeItmeShow:[],
+
+        payeeList:[],
+        // 查询参数
+        queryParams: {
+          transferType:"",
+          orderByColumn: "id",
+          isAsc: "desc",
+        },
+        capitalExpenditureOpen:false,
+        projectForm:{
+          projectId:null,
+          projectName:null,
+          projectContractor:null,
+          projectAmount:null,
+          projectBillNum:null,
+          projectFundType:'1',
+          outId:null,
+          ynType:'2'
+        },
+        projectFundType:'',
+        uploadFiles:[],
+      };
+    },
+    created() {
+      this.reset();
+      this.getForm();
+    },
+    methods: {
+      // 表单重置
+      reset() {
+        this.form = {
+          id: null,
+          upId: null,
+          downId: null,
+          orderId: null,
+          cashierId: null,
+          transferType: '3',
+          accountType: '2',
+          explainSituation: null,
+          succeedAmount: null,
+          payer: null,
+          payerAccount: null,
+          operatorCode: null,
+          enterpriseCode: null,
+          expenditureAmount: null,
+          capitalExpenditureType: '1',
+          remark: null,
+          transferStatus: "0",
+          auditStatus: "0",
+          paymentState: "1",
+          bankPriority: "0",
+          clientPriority: "0"
+        };
+        this.processList = {}
+        this.projectForm={
+          projectId:null,
+          projectName:null,
+          projectContractor:null,
+          projectAmount:null,
+          projectBillNum:null,
+          projectFundType:'1',
+          outId:null,
+          ynType:'1'
+        }
+      },
+      getForm(){
+        getMajorevent(this.$route.query.id).then(response => {
+          this.form = response.data;
+        });
+      },
+      goFlow(){
+        window.location='approvalProcess13?id='+this.form.instanceId;
+      },
+      getChange(){
+        updateMajorevent(this.form).then(response => {
+          this.$toast.success('修改成功');
+          setTimeout(function(){
+            history.go(-1)
+          },2000)
+        });
+      },
+      getError(e){
+        console.log(e)
+        this.$notify({ type: 'danger', message: e.errors[0].message });
+      },
+      onConfirmLasj(data){
+        this.form.eventTime = this.getNowFormatDate(data).substr(0,10);
+        this.showlasj = false;
+      },
+      beforeRead(file) {
+        this.uploadFiles.push(file.file);
+      },
+      deleteFile(file){
+        this.uploadFiles.map((response,index) => {
+          if(file.file == response){
+            this.uploadFiles.splice(index,1)
+          }
+        })
+      },
+      getFileList(){
+        let oData= {
+          tableId: this.$route.query.id,
+          tableName: "t_yinnong_transfer",
+          bizPath: "upload",
+          fileType: "0",
+        }
+        attachmentList(oData).then(res => {
+          console.log(res)
+          console.log(location.protocol+"//"+location.host+request.defaults.baseURL)
+          res.rows.map(r => {
+            let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
+            this.fileList.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{})})
+            console.log(r)
+          })
+        })
+      },
+      goBack(){
+        window.history.go(-1)
+      },
+      //删除家庭成员
+      deleteChargeItme(index){
+        this.chargeItme.splice(index,1)
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  .deleteFamily{
+    position: absolute;
+    top: 0rem;
+    right: 6%;
+    z-index: 9;
+    border-radius: 50%;
+  }
+</style>

src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalList13.vue

@@ -0,0 +1,228 @@
+<template>
+    <div class="app-container">
+      <van-nav-bar
+        left-arrow
+        fixed
+        placeholder
+        @click-left="$router.back(-1)"
+        @click-right="goAdd()"
+      >
+        <template #title>
+          <p style="font-weight: bold;">重大事项</p>
+        </template>
+        <template #right>
+          <van-icon name="add" size="18"/>
+        </template>
+      </van-nav-bar>
+
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="getList"
+      >
+        <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
+          <van-cell :title="item.eventName" :value="item.auditStatus" center :to="{name:'sunVillageApprovalDetail13', query: {id:item.id}}">
+            <template #icon>
+              <van-icon name="../../../../../static/images/onlineHome/icon_yn3.png" size="30" color="#539FFD" style="margin-right: 10px;" />
+            </template>
+            <template #label>
+              <p>{{item.eventTime}}</p>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button v-if="item.auditStatus=='草稿'||item.auditStatus=='驳回'" square text="修改" type="info" :to="{name:'sunVillageApprovalModify13', query: {id:item.id}}" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button v-if="item.auditStatus=='草稿'||item.auditStatus=='驳回'" color="#FFA63E" square text="提交" type="info" @click="onSubmit(item.id)" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button v-if="item.auditStatus=='草稿'||item.auditStatus=='驳回'" square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button v-if="item.auditStatus=='草稿'||item.auditStatus=='驳回'" square text="附件" style="background-color: rgb(98,173,102,0.2);color: #62AD66;" @click="openLoader(item.id,index)" class="delete-button" />
+              </van-col>
+            </van-row>
+          </template>
+        </van-swipe-cell>
+      </van-list>
+      <van-popup v-model="show" lock-scroll closeable position="top" :style="{ height: '30%' }" >
+        <div style="padding: 0 13% 0 5%;">
+          <van-divider>附件</van-divider>
+          <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple />
+        </div>
+      </van-popup>
+    </div>
+</template>
+
+<script>
+import { delMajorevent , customSubmitMajorevent , delTransfer , listMajorevent } from "@/api/onlineHome/bankAgriculture/paymentApproval";
+import {attachmentList, commonAttach, systemAttachment} from "@/api/sunVillage_info/fixedAssets";
+import request from "@/utils/request";
+export default {
+  name: "approvalList3",
+  data() {
+    return {
+      applicationList:[],
+      auditStatusOptions:[],
+      loading: false,
+      finished: false,
+      queryParams:{
+        pageNum:1,
+        pageSize:10,
+        transferType:"3",
+      },
+      show: false,
+      fileList:[],
+      uploadFiles1:[],
+      projectId:'',
+      projectIndex:''
+    };
+  },
+  created() {
+    this.getDicts("audit_status").then((response) => {
+      this.auditStatusOptions = response.data;
+    });
+  },
+  methods: {
+    goAdd(){
+      window.location = 'approvalAdd13';
+    },
+    getList(){
+      setTimeout(() => {
+        listMajorevent(this.queryParams).then(response => {
+          console.log(response)
+          for (var i = 0; i < response.rows.length; i++) {
+            response.rows[i].auditStatus = this.selectDictLabel(this.auditStatusOptions, response.rows[i].auditStatus);
+            this.applicationList.push(response.rows[i]);
+          }
+          if(this.applicationList.length >= response.total){
+            this.finished = true;
+            return;
+          }else{
+            this.loading = false;
+            this.queryParams.pageNum += 1 ;
+          }
+        });
+      }, 1000);
+    },
+    openLoader(id,index){
+      this.show = true;
+      this.projectId = id;
+      this.projectIndex = index;
+      this.fileList = [];
+      let oData1= {
+        tableId: id,
+        tableName: "t_yinnong_transfer",
+        bizPath: "transfer",
+        fileType: '',
+      }
+      attachmentList(oData1).then(res => {
+        res.rows.map(r => {
+          let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
+          this.fileList.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{}),"id":r.id})
+        })
+      })
+    },
+    deleteList(id,index){
+      this.$dialog.confirm({
+        message: '您确认删除草稿？',
+      })
+      .then(() => {
+        // on confirm
+        this.applicationList.splice(index,1)
+        delMajorevent(id).then(res => {
+          if(res.code = 200){
+            this.$toast.success('删除成功');
+          }
+        });
+      })
+      .catch(() => {
+        // on cancel
+      });
+    },
+    onSubmit(id){
+      this.$dialog.confirm({
+        message: '您确认提交草稿？',
+      })
+      .then(() => {
+        customSubmitMajorevent(id).then(res => {
+          this.$toast.success('提交成功');
+          setTimeout(function(){
+            history.go(0)
+          },2000)
+        })
+      })
+      .catch(() => {
+        // on cancel
+      });
+    },
+    afterRead(file) {
+      // 此时可以自行将文件上传至服务器
+      this.uploadFiles1.push(file.file);
+      let params1 = new FormData();
+      params1.append("tableId", this.projectId);
+      params1.append("tableName", "t_yinnong_transfer");
+      params1.append("bizPath", "transfer");
+      params1.append("fileType", 'bookkeeping_type');
+      params1.append("file", file.file);
+      commonAttach(params1).then((r1) => {
+        this.$notify({ type: 'success', message: '上传成功' });
+      })
+    },
+    deleteFile1(file){
+      console.log(file)
+      systemAttachment(file.id).then(res => {
+        this.$notify({ type: 'success', message: '删除成功' });
+      })
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 0.2rem 3%;
+  }
+  /deep/.van-cell__title{
+    flex: 0.7;
+  }
+  /deep/.van-cell__title span{
+    font-family: Arial;
+    font-size: 0.4rem;
+    font-weight: normal;
+
+  }
+  /deep/.van-cell__label span{
+    color: #1D6FE9;
+    font-weight: bold;
+    i{
+      font-size: 0.2rem;
+    }
+  }
+  /deep/.van-cell__value{
+    flex: 0.3;
+    color: #1D6FE9;
+    font-weight: bold;
+  }
+  /deep/.van-swipe-cell{
+    margin-bottom: 0.2rem;
+    border-radius: 0.2rem;
+    overflow: hidden;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  }
+  /deep/van-ellipsis{
+    font-weight: bold;
+  }
+  .van-row{
+    height: 100%;
+  }
+  .van-col{
+    height: 100%;
+  }
+  .delete-button {
+    height: 100%;
+  }
+</style>

src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalModify13.vue

@@ -0,0 +1,314 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="$router.back(-1)"
+    >
+      <template #title>
+        <p style="font-weight: bold;">修改重大事项</p>
+      </template>
+    </van-nav-bar>
+    <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
+      <p class="main_title">基础信息</p>
+      <div class="main_box">
+        <van-field
+          label="事项名称"
+          v-model="form.eventName"
+          placeholder="请输入事项名称"
+          input-align="right"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请输入事项名称' }]"
+        />
+        <van-field
+          readonly
+          clickable
+          required
+          :rules="[{ required: true , message:'请选择发生日期'  }]"
+          v-model="form.eventTime"
+          label="发生日期"
+          placeholder="请选择发生日期"
+          @click="showlasj = true"
+          input-align="right"
+          right-icon="arrow-down"
+        />
+        <van-popup v-model="showlasj" position="bottom">
+          <van-datetime-picker
+            v-model="currentDate"
+            type="date"
+            title="选择年月日"
+            :min-date="minDate"
+            :max-date="maxDate"
+            @confirm="onConfirmLasj"
+            @cancel="showlasj = false"
+          />
+        </van-popup>
+      </div>
+      <div class="main_box" style="margin-top: 10px;">
+        <van-field
+          label="事项内容"
+          input-align="right"
+          label-width="auto"
+          readonly
+        />
+        <van-field
+          v-model="form.eventContent"
+          type="textarea"
+          placeholder="请输入事项内容"
+          rows="8"
+          required
+          :rules="[{ required: true , message:'请输入事项内容'  }]"
+        />
+<!--        <editor v-model="form.eventContent" :min-height="192"/>-->
+<!--        <quill-editors @ChangeText="(text)=>{form.eventContent=text}" :title="title" />-->
+      </div>
+      <div class="main_box" style="margin-top: 10px;">
+        <van-field
+          label="备注"
+          v-model="form.remark"
+          type="textarea"
+          placeholder="请输入备注"
+          input-align="right"
+          rows="3"
+          label-width="auto"
+        />
+      </div>
+
+<!--      <p class="main_title">上传附件</p>-->
+<!--      <div class="main_box" style="padding: 5px 0 0 8px;">-->
+<!--        <van-uploader v-model="fileList" :after-read="beforeRead" @delete="deleteFile"></van-uploader>-->
+<!--      </div>-->
+      <div style="padding: 16px 0;">
+        <van-row>
+          <van-col span="6"></van-col>
+          <van-col span="12" align="center">
+            <!--            @click="goUpdate"-->
+            <van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
+          </van-col>
+<!--          <van-col span="12" align="center">-->
+<!--            &lt;!&ndash;            @click="goAdd"&ndash;&gt;-->
+<!--            <van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">保存并提交</van-button>-->
+<!--          </van-col>-->
+        </van-row>
+        <div class="clear"></div>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { addMajorevent , getMajorevent , attachmentList , updateMajorevent } from "@/api/onlineHome/bankAgriculture/paymentApproval";
+  import request from '@/utils/request';
+  import Dialog from "vant/lib/dialog";
+  import Editor from '@/components/Editor';
+  export default {
+    name: "approvalAdd3",
+    components: {
+      Editor,
+    },
+    data() {
+      return {
+        title:false,
+        showcapital:false,
+        showpayee:false,
+        showlasj:false,
+        showbankType:false,
+        showproject:false,
+        showFundType:false,
+        showpayer:false,
+
+        buttonType:'a',
+
+        minDate: new Date(2000, 1, 1),
+        maxDate: new Date(2050, 12, 31),
+        currentDate: new Date(),
+        form:{},
+        fileList:[],
+        capitalExpenditureType:'',
+        payee:'',
+        bankType:'',
+
+        wfydlxDictionaries:[],
+        jglxDictionaries:[],
+        sysDictionaries:[],
+        capitalExpenditureTypeOptions:[],
+        bankTypeDictionaries:[],
+        projectList:[],
+        projectFundTypeOptions:[],
+        projectFundTypeDictionaries:[],
+        projectListShow:[],
+        payerOptions:[],
+
+        chargeItme:[],
+        chargeItmeShow:[],
+
+        payeeList:[],
+        // 查询参数
+        queryParams: {
+          transferType:"",
+          orderByColumn: "id",
+          isAsc: "desc",
+        },
+        capitalExpenditureOpen:false,
+        projectForm:{
+          projectId:null,
+          projectName:null,
+          projectContractor:null,
+          projectAmount:null,
+          projectBillNum:null,
+          projectFundType:'1',
+          outId:null,
+          ynType:'2'
+        },
+        projectFundType:'',
+        uploadFiles:[],
+      };
+    },
+    created() {
+      this.reset();
+      this.getForm();
+    },
+    methods: {
+      // 表单重置
+      reset() {
+        this.form = {
+          id: null,
+          upId: null,
+          downId: null,
+          orderId: null,
+          cashierId: null,
+          transferType: '3',
+          accountType: '2',
+          explainSituation: null,
+          succeedAmount: null,
+          payer: null,
+          payerAccount: null,
+          operatorCode: null,
+          enterpriseCode: null,
+          expenditureAmount: null,
+          capitalExpenditureType: '1',
+          remark: null,
+          transferStatus: "0",
+          auditStatus: "0",
+          paymentState: "1",
+          bankPriority: "0",
+          clientPriority: "0"
+        };
+        this.processList = {}
+        this.projectForm={
+          projectId:null,
+          projectName:null,
+          projectContractor:null,
+          projectAmount:null,
+          projectBillNum:null,
+          projectFundType:'1',
+          outId:null,
+          ynType:'1'
+        }
+      },
+      getForm(){
+        getMajorevent(this.$route.query.id).then(response => {
+          this.form = response.data;
+        });
+      },
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
+      getChange(){
+        updateMajorevent(this.form).then(response => {
+          this.$toast.success('修改成功');
+          setTimeout(function(){
+            history.go(-1)
+          },2000)
+        });
+      },
+      getError(e){
+        console.log(e)
+        this.$notify({ type: 'danger', message: e.errors[0].message });
+      },
+      onConfirmLasj(data){
+        this.form.eventTime = this.getNowFormatDate(data).substr(0,10);
+        this.showlasj = false;
+      },
+      beforeRead(file) {
+        this.uploadFiles.push(file.file);
+      },
+      deleteFile(file){
+        this.uploadFiles.map((response,index) => {
+          if(file.file == response){
+            this.uploadFiles.splice(index,1)
+          }
+        })
+      },
+      getFileList(){
+        let oData= {
+          tableId: this.$route.query.id,
+          tableName: "t_yinnong_transfer",
+          bizPath: "upload",
+          fileType: "0",
+        }
+        attachmentList(oData).then(res => {
+          console.log(res)
+          console.log(location.protocol+"//"+location.host+request.defaults.baseURL)
+          res.rows.map(r => {
+            let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
+            this.fileList.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{})})
+            console.log(r)
+          })
+        })
+      },
+      goBack(){
+        window.history.go(-1)
+      },
+      //删除家庭成员
+      deleteChargeItme(index){
+        this.chargeItme.splice(index,1)
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  .deleteFamily{
+    position: absolute;
+    top: 0rem;
+    right: 6%;
+    z-index: 9;
+    border-radius: 50%;
+  }
+</style>

src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalProcess13.vue

@@ -0,0 +1,169 @@
+<template>
+    <div class="app-container">
+      <van-nav-bar
+        left-arrow
+        fixed
+        placeholder
+        @click-left="$router.back(-1)"
+      >
+        <template #title>
+          <p style="font-weight: bold;">审批历史</p>
+        </template>
+      </van-nav-bar>
+      <div class="main_box">
+        <van-row v-if="approvalTemplateDetailList.length>0" v-for="(item1,index,i) in approvalTemplateDetailList" :key="i">
+          <van-col span="4" align="right">
+            <p class="icon_jian blue" ><van-icon name="minus" size="14" /></p>
+          </van-col>
+          <van-col span="20">
+            <van-row>
+              <van-col span="9" style="padding: 0;">
+                <p>{{item1.activityName}}</p>
+              </van-col>
+              <van-col span="15" style="padding: 0;">
+                <p style="text-align: right;">{{item1.startTime}}</p>
+              </van-col>
+            </van-row>
+            <van-row>
+              <van-col span="9" style="padding: 0;">
+                <p>{{item1.assigneeName}}</p>
+              </van-col>
+              <van-col span="15" style="padding: 0;">
+                <p style="text-align: right;">{{item1.comment}}</p>
+              </van-col>
+            </van-row>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+</template>
+
+<script>
+import request from "@/utils/request";
+export default {
+  name: "approvalProcess",
+  data() {
+    return {
+      processList:{},
+      form:{},
+      approvalTemplateDeptList:[],
+      approvalTemplateDetailList:[]
+    };
+  },
+  created() {
+    this.getHistoryList(this.$route.query.id);
+  },
+  methods: {
+    getHistoryList(instanceId) {
+      this.loading = true;
+      return request({
+        url: "/activiti/process/listHistory",
+        method: "post",
+        data: { processInstanceId: instanceId },
+      })
+        .then((response) => {
+          this.approvalTemplateDetailList = response.rows;
+          this.approvalTemplateDetailList.forEach((row) => {
+            row.startTime = this.format(row.startTime, "yyyy-MM-dd HH:mm:ss");
+            row.endTime = this.format(row.endTime, "yyyy-MM-dd HH:mm:ss");
+            row.durationInMillis = this.formatTotalDateSub(
+              row.durationInMillis / 1000
+            );
+          });
+          this.total = response.total;
+          this.loading = false;
+        })
+        .then(() => {});
+    },
+    formatTotalDateSub (secondSub) {
+      var days = Math.floor(secondSub / (24 * 3600));     // 计算出小时数
+      var leave1 = secondSub % (24*3600) ;                // 计算天数后剩余的毫秒数
+      var hours = Math.floor(leave1 / 3600);              // 计算相差分钟数
+      var leave2 = leave1 % (3600);                       // 计算小时数后剩余的毫秒数
+      var minutes = Math.floor(leave2 / 60);              // 计算相差秒数
+      var leave3 = leave2 % 60;                           // 计算分钟数后剩余的毫秒数
+      var seconds = Math.round(leave3);
+      return days + "天" + hours + "时" + minutes + "分" + seconds + '秒';
+    },
+    format(time, format) {
+      var t = new Date(time);
+      var tf = function (i) { return (i < 10 ? '0' : '') + i };
+      return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) {
+        switch (a) {
+          case 'yyyy':
+            return tf(t.getFullYear());
+            break;
+          case 'MM':
+            return tf(t.getMonth() + 1);
+            break;
+          case 'mm':
+            return tf(t.getMinutes());
+            break;
+          case 'dd':
+            return tf(t.getDate());
+            break;
+          case 'HH':
+            return tf(t.getHours());
+            break;
+          case 'ss':
+            return tf(t.getSeconds());
+            break;
+        }
+      })
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 0.2rem 0;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    padding: 20Px 0;
+  }
+  .icon_jian{
+    background-color: #C9C9C9;
+    display: inline-block;
+    width: 20Px;
+    height: 20Px;
+    line-height: 24Px;
+    text-align: center;
+    border-radius: 50%;
+    color: #FFF;
+  }
+  .blue{
+    background-color: #1D6FE9;
+  }
+  .red{
+    background-color: rgb(245, 108, 108);
+  }
+  .textBlue{
+    color: #1D6FE9!important;
+  }
+  .textRed{
+    color: rgb(245, 108, 108)!important;
+  }
+  .van-col{
+    padding: 10Px 10Px;
+  }
+  .van-col:nth-child(2){
+    font-size: 16Px;
+    color: #878787;
+    line-height: 22Px;
+  }
+  .van-row{
+    .van-row{
+      .van-col{
+        padding: 0 0 5Px 0!important;
+        color: #878787;
+      }
+    }
+  }
+</style>

src/views/sunVillage_info/index.vue

@@ -124,6 +124,12 @@
                     </div>
                     <p style="margin-top: 5px;color: #666666;">开户行</p>
                   </van-grid-item>
+                  <van-grid-item text="重大事项" :to="{name:'sunVillageApprovalList13'}" >
+                    <div class="icon" slot="default" style="background:#c568f5;" >
+                      <img src="../../../static/images/onlineHome/icon_Y3.png" alt />
+                    </div>
+                    <p style="margin-top: 5px;color: #666666;">重大事项</p>
+                  </van-grid-item>
                 </van-grid>
               </div>
             </div>