From c7c8f1d72e988a300b920e353b519c3a341a57f0 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Tue, 18 Oct 2022 15:56:46 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=84=E7=BB=87=E6=8D=A2=E5=B1=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/electionAdd.vue                |   4 +
 .../AppOrganizationChange.vue                 |  12 +-
 .../AppOrganizationChange/components/List.vue | 109 ++-------
 .../components/addChange.vue                  | 133 ++++++-----
 .../components/moment.vue                     |  12 +-
 .../components/organizationSetting.vue        | 219 ++++++++++++++++++
 6 files changed, 342 insertions(+), 147 deletions(-)
 create mode 100644 project/pingchang/apps/AppOrganizationChange/components/organizationSetting.vue

diff --git a/project/pingchang/apps/AppGeneralElection/components/electionAdd.vue b/project/pingchang/apps/AppGeneralElection/components/electionAdd.vue
index 857c9c4e..da345e9e 100644
--- a/project/pingchang/apps/AppGeneralElection/components/electionAdd.vue
+++ b/project/pingchang/apps/AppGeneralElection/components/electionAdd.vue
@@ -16,6 +16,10 @@
               <ai-info-item label="单位名称" :value="info.organizationName"></ai-info-item>
               <ai-info-item label="选举方式">
                 {{ info.electionMethod==0? '等额':'差额'}}
+                <el-tooltip class="item" effect="dark" content="差额选举：候选人数多于应选人数的选举方式；
+                  等额选举：候选人数与应选人数相等的选举方式。" placement="top">
+                  <i class="el-icon-info" style="margin-right: 8px"></i>
+                </el-tooltip>
               </ai-info-item>
               <ai-info-item label="应选人数" :value="info.candidatesNumber"></ai-info-item>
               <ai-info-item label="投票日期" :value="info.votingDate"></ai-info-item>
diff --git a/project/pingchang/apps/AppOrganizationChange/AppOrganizationChange.vue b/project/pingchang/apps/AppOrganizationChange/AppOrganizationChange.vue
index f8b5b88b..b51e266e 100644
--- a/project/pingchang/apps/AppOrganizationChange/AppOrganizationChange.vue
+++ b/project/pingchang/apps/AppOrganizationChange/AppOrganizationChange.vue
@@ -9,6 +9,7 @@
 <script>
 import addChange from "./components/addChange.vue";
 import List from "./components/List.vue";
+import organizationSetting from "./components/organizationSetting.vue";
 
 export default {
   name: "AppOrganizationChange",
@@ -17,7 +18,11 @@ export default {
     instance: Function,
     dict: Object,
   },
-  components: {List, addChange},
+  components: {
+    List, 
+    addChange,
+    organizationSetting,
+  },
   data() {
     return {
       component: "List",
@@ -33,6 +38,11 @@ export default {
         this.params = data.params;
       }
 
+      if (data.type === "organizationSetting") {
+        this.component = "organizationSetting";
+        this.params = data.params;
+      }
+
       if (data.type === "addChange") {
         this.component = "addChange";
         this.params = data.params;
diff --git a/project/pingchang/apps/AppOrganizationChange/components/List.vue b/project/pingchang/apps/AppOrganizationChange/components/List.vue
index ad91c1b7..b6562251 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/List.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/List.vue
@@ -3,28 +3,27 @@
     <template slot="title">
       <ai-title title="组织换届" isShowBottomBorder>
         <template slot="rightBtn">
-          <el-button size="small" type="primary" icon="iconfont iconAdd" @click="toAdd('')" >换届设置</el-button>
+          <el-button size="small" type="primary" icon="iconfont iconAdd" @click="toSetting('')" >换届设置</el-button>
         </template>
       </ai-title>
     </template>
     <template #left>
       <ai-tree-menu title="组织目录" searchPlaceholder="请输入组织名称" @search="onSearch">
         <ai-party-tree
-            :filter-node-method="filterNode"
-            ref="tree"
-            :instance="instance"
-            :root="user.info.organizationId"
-            :current-node-key="selected.id"
-            @select="onTreeChange"/>
+          :filter-node-method="filterNode"
+          ref="tree"
+          :instance="instance"
+          :root="user.info.organizationId"
+          :current-node-key="selected.id"
+          @select="onTreeChange"/>
       </ai-tree-menu>
     </template>
     <template slot="content" class="content">
       <el-tabs v-model="currIndex" >
         <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
-          <component :ref="String(i)" v-if="currIndex == i" :is="tab.comp" lazy :instance="instance"
+          <component :ref="tab.name" v-if="currIndex == String(i)" :is="tab.comp" lazy :instance="instance" :selected="selected"
                       :dict="dict" :permissions="permissions" v-on="$listeners"/>
         </el-tab-pane>
-        
       </el-tabs>
       <div class="add_btn">
         <el-button size="small" type="primary" icon="iconfont iconAdd" @click="toAdd('')" >新增换届</el-button>
@@ -34,7 +33,7 @@
 </template>
 
 <script>
-import {mapState} from 'vuex'
+import { mapState } from 'vuex'
 import moment from './moment.vue'
 import history from './history.vue'
 
@@ -48,34 +47,11 @@ export default {
   },
   data() {
     return {
-      search: {
-        current: 1,
-        size: 10,
-        con: '',
-        age: [],
-        sex: '',
-        nation: '',
-        partyStatus: '',
-        flowStatus: '',
-        education: '',
-        partyPosition: '',
-        birthStart: '',
-        birthEnd: '',
-        turnPositiveStart: '',
-        turnPositiveEnd: '',
-        joinPartyStart: '',
-        joinPartyEnd: ''
-      },
-      orgName: '',
-      loading: false,
-      total: 0,
-      tableData: [],
-      ids: '',
       tabs: [
         {label: '当前届次', name: 'moment', comp: moment, permission: ''},
         {label: '历史届次', name: 'history', comp: history, permission: ''}
       ],
-      currIndex: '0'
+      currIndex: '0',
     }
   },
   components: {
@@ -88,78 +64,25 @@ export default {
     orgTree() {
       return this.$refs.tree?.$refs?.partyTree
     },
-    // exportQuery() {
-    //   let {id: partyOrgId} = this.selected
-    //   return {
-    //     ids: this.ids ? this.ids.split(',') : [],
-    //     ...this.search, partyOrgId
-    //   }
-    // },
-    // isShowAddBtn() {
-    //   return this.selected.isLeaf == 1
-    // }
-  },
-  created() {
-    // this.dict.load('disciplinary', 'partyType', 'sex', 'nation', 'education', 'partyStatus', 'partyPosition', 'flowStatus', 'auditStatus')
-    // this.getList()
-    console.log(this.user);
   },
+
   methods: {
     showNeighbourSetting(id) {
       this.$router.push({query: {id}, hash: "#ns"})
     },
     onTreeChange(e) {
       this.$emit("update:selected", e)
-      this.getList(e.id)
+      this.$refs[this.tabs[Number(this.currIndex)].name][0].getList(e.id)
     },
 
     onSearch(v) {
       this.orgTree.filter(v)
     },
 
-    getList(partyOrgId) {
-      if (!this.user.info.organizationId) return
-
-      this.loading = true
-      partyOrgId = partyOrgId || this.selected.id
-      this.instance.post(`/app/appparty/list`, null, {
-        params: {partyOrgId, ...this.search, age: this.search.age?.join(',')}
-      }).then(res => {
-        this.loading = false
-        if (res?.data) {
-          this.tableData = res.data.records
-          this.total = res.data.total
-        }
-      }).catch(() => {
-        this.loading = false
-      })
-    },
-    removeAll() {
-      if (!this.ids) {
-        return this.$message.error('请选择党员')
-      }
-      this.remove(this.ids)
-    },
-    handleSelectionChange(e) {
-      this.ids = e.map(v => v.id).join(',')
-    },
     filterNode(value, data) {
       if (!value) return true
       return data.name.indexOf(value) !== -1
     },
-    remove(id) {
-      this.$confirm('确定删除该数据？').then(() => {
-        this.instance.post(`/app/appparty/delete?ids=${id}`).then(res => {
-          if (res.code == 0) {
-            this.$message.success('删除成功！')
-            this.getList()
-          }
-        })
-      })
-    },
-    toDetail(id) {
-      this.$router.push({query: {id}})
-    },
     toAdd(id) {
       this.$emit('change', {
         type: 'addChange',
@@ -167,6 +90,14 @@ export default {
           id: id || ''
         }
       })
+    },
+    toSetting(id) {
+      this.$emit('change', {
+        type: 'organizationSetting',
+        params: {
+          id: id || ''
+        }
+      })
     }
   }
 }
diff --git a/project/pingchang/apps/AppOrganizationChange/components/addChange.vue b/project/pingchang/apps/AppOrganizationChange/components/addChange.vue
index adfac055..98bcf0da 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/addChange.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/addChange.vue
@@ -7,64 +7,85 @@
       <div class="Form" style="padding: 0 200px;">
         <el-form ref="form" :model="form" label-width="100px" label-position="right">
           <ai-bar title="基本信息"></ai-bar>
-                <el-row type="flex">
-                  <el-col :span="12">
-                    <el-form-item label="换届时间" prop="data" :rules="[{ required: true, message: '请选择换届时间', trigger: 'blur' }]">
-                      <el-input size="small" :maxlength="30" placeholder="请输入大屏项目名称" v-model="form.name"></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item label="届次" prop="noun" :rules="[{ required: true, message: '请输入届次', trigger: 'blur' }]">
-                      <el-input size="small" :maxlength="30" placeholder="请输入届次" v-model="form.name"></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-              </el-form>
+          <el-row type="flex">
+            <el-col :span="12">
+              <el-form-item label="换届时间" prop="data" :rules="[{ required: true, message: '请选择换届时间', trigger: 'blur' }]">
+                <el-input size="small" :maxlength="30" placeholder="请输入大屏项目名称" v-model="form.name"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="届次" prop="noun" :rules="[{ required: true, message: '请输入届次', trigger: 'blur' }]">
+                <el-input size="small" :maxlength="30" placeholder="请输入届次" v-model="form.name"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <ai-bar title="本届任职(必填)">
+            <template slot="right">
+              <el-button size="small" type="text" icon="iconfont iconAdd" @click="toEdit('')" >添加任职人员</el-button>
+            </template>
+          </ai-bar>
+          <el-table :data="form.ladderRule" size="mini" border stripe>
+            <el-table-column label="查看人数(人)" align="center">
+              <template slot-scope="{row}">
+                <el-input class="tableInput" v-model.number="row.viewCount" clearable placeholder="请输入"/>
+              </template>
+            </el-table-column>
+            <el-table-column label="获得积分(分)" align="center">
+              <template slot-scope="{row}">
+                <el-input class="tableInput" v-model="row.integral" clearable placeholder="请输入" type="number"
+                          @keyup.native="row.integral=checkIntegral(row.integral)"/>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center">
+              <template slot-scope="{$index}">
+                <el-button type="text" @click="handleDelete($index)">删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
 
-        <ai-bar title="本届任职(必填)">
-                <template slot="right">
-                  <el-button size="small" type="text" icon="iconfont iconAdd" @click="toEdit('')" >添加任职人员</el-button>
-                </template>
-              </ai-bar>
-              <ai-table
-                class="detail-table__table"
-                :tableData="tableDataJob"
-                :col-configs="colConfigsJob"
-                :total="job.total"
-                :current.sync="job.current"
-                :size.sync="job.size"
-              >
-          <!-- @getList="getJobList" -->
-                <el-table-column slot="options" label="操作" align="center">
-                  <template slot-scope="{ row }">
-                    <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
-                    <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
-                  </template>
-                </el-table-column>
-              </ai-table>
-              <ai-bar title="本届候选人">
-                <template slot="right">
-                  <el-button size="small" type="text" icon="iconfont iconAdd" @click="toEdit('')" >添加候选人</el-button>
-                </template>
-              </ai-bar>
-              <ai-table
-                class="detail-table__table"
-                :tableData="tableDataPerson"
-                :col-configs="colConfigsPerson"
-                :total="person.total"
-                :current.sync="person.current"
-                :size.sync="person.size"
-                >
-          <!-- @getList="getJobList" -->
-                <el-table-column slot="options" label="操作" align="center">
-                  <template slot-scope="{ row }">
-                    <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
-                    <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
-                  </template>
-                </el-table-column>
+        <!-- <ai-bar title="本届任职(必填)">
+          <template slot="right">
+            <el-button size="small" type="text" icon="iconfont iconAdd" @click="toEdit('')" >添加任职人员</el-button>
+          </template>
+        </ai-bar>
+        <ai-table
+          class="detail-table__table"
+          :tableData="tableDataJob"
+          :col-configs="colConfigsJob"
+          :total="job.total"
+          :current.sync="job.current"
+          :size.sync="job.size"
+            >
+          <el-table-column slot="options" label="操作" align="center">
+            <template slot-scope="{ row }">
+              <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
+              <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
+            </template>
+          </el-table-column>
         </ai-table>
-            </div>
-        </template>
+        <ai-bar title="本届候选人">
+          <template slot="right">
+            <el-button size="small" type="text" icon="iconfont iconAdd" @click="toEdit('')" >添加候选人</el-button>
+          </template>
+        </ai-bar>
+        <ai-table
+          class="detail-table__table"
+          :tableData="tableDataPerson"
+          :col-configs="colConfigsPerson"
+          :total="person.total"
+          :current.sync="person.current"
+          :size.sync="person.size"
+          >
+          <el-table-column slot="options" label="操作" align="center">
+            <template slot-scope="{ row }">
+              <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
+              <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
+            </template>
+          </el-table-column>
+        </ai-table> -->
+      </div>
+    </template>
   </ai-list>
 </template>
 
diff --git a/project/pingchang/apps/AppOrganizationChange/components/moment.vue b/project/pingchang/apps/AppOrganizationChange/components/moment.vue
index fde88aa3..e1819081 100644
--- a/project/pingchang/apps/AppOrganizationChange/components/moment.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/moment.vue
@@ -86,7 +86,7 @@ export default {
     instance: Function,
     permissions: Function,
     dict: Object,
-    selected: Object
+    selected: Object,
   },
   data() {
     return {
@@ -128,6 +128,9 @@ export default {
       }
     }
   },
+  mounted() {
+    this.getList(this.selected.id)
+  },
   methods: {
     jobEdit() {},
     jobDelete() {},
@@ -140,6 +143,13 @@ export default {
         }
       })
     },
+    getList(id) {
+      this.instance.post(`/app/apporganizationgeneralelection/queryDetailByOrganizationId?organizationId=${id}`).then(res=>{
+        if(res?.data) {
+          console.log(res,'111');
+        }
+      })
+    },
     handleJobForm() {},
     handleCandForm() {},
   }
diff --git a/project/pingchang/apps/AppOrganizationChange/components/organizationSetting.vue b/project/pingchang/apps/AppOrganizationChange/components/organizationSetting.vue
new file mode 100644
index 00000000..efc17947
--- /dev/null
+++ b/project/pingchang/apps/AppOrganizationChange/components/organizationSetting.vue
@@ -0,0 +1,219 @@
+<template>
+  <section class="organizationSetting">
+    <!-- <ai-detail class="add" v-if="id && !isEdit">
+      <template slot="title">
+        <ai-title title="换届选举详情" isShowBack isShowBottomBorder @onBackClick="cancel(false)"></ai-title>
+      </template>
+      <template slot="content">
+        <ai-card title="基本信息">
+          <template #right>
+            <span style="color:#2266FF;cursor: pointer;font-size: 12px;" class="iconfont iconEdit" v-if="isEdit==false" @click="isEdit = true">修改</span>
+          </template>
+          <template #content v-if="isEdit == false">
+            <ai-wrapper>
+              <ai-info-item label="标题" :value="info.title"></ai-info-item>
+              <ai-info-item label="投票说明" :value="info.votingInstructions"></ai-info-item>
+              <ai-info-item label="单位名称" :value="info.organizationName"></ai-info-item>
+              <ai-info-item label="选举方式">
+                {{ info.electionMethod==0? '等额':'差额'}}
+                <el-tooltip class="item" effect="dark" content="差额选举：候选人数多于应选人数的选举方式；
+                  等额选举：候选人数与应选人数相等的选举方式。" placement="top">
+                  <i class="el-icon-info" style="margin-right: 8px"></i>
+                </el-tooltip>
+              </ai-info-item>
+              <ai-info-item label="应选人数" :value="info.candidatesNumber"></ai-info-item>
+              <ai-info-item label="投票日期" :value="info.votingDate"></ai-info-item>
+              <ai-info-item label="候选人" isLine>
+                <span v-for="(item,index) in candidateUsersList" :key="index">
+                  {{ item }}
+                  <span v-if="index < candidateUsersList.length - 1">、</span>
+                </span>
+              </ai-info-item>
+              <ai-info-item label="投票人" isLine :value="info.voteUsers">
+                <span v-for="(item,index) in voteUsersList" :key="index">
+                  {{ item }}
+                  <span v-if="index < voteUsersList.length - 1">、</span>
+                </span>
+              </ai-info-item>
+            </ai-wrapper>
+          </template>
+        </ai-card>
+      </template>
+    </ai-detail> -->
+    <ai-detail>
+      <ai-title slot="title" title="换届设置" isShowBottomBorder isShowBack @onBackClick="cancel(true)"/>
+      <template slot="content">
+        <ai-card title="基本信息">
+          <template #content>
+            <div class="tips">
+              <i class="el-icon-warning"></i>
+              系统将在下次换届时间开始前，对“换届提醒人”进行提醒。提醒方式包括平台消息推送、短信提醒。
+            </div>
+            <div class="add-form">
+              <el-form ref="form" :model="form" :rules="formRules" size="small"  label-width="150px">
+                <el-form-item label="单位名称">
+                  <div>{{ user.info.organizationName }}</div>
+                </el-form-item>
+
+                <el-form-item label="成立时间">
+                  <div>{{ createTime }}</div>
+                </el-form-item>
+
+                <el-form-item label="换届类型" prop="type">
+                  <el-radio v-model="form.type" label="0">三年换届</el-radio>
+                  <el-radio v-model="form.type" label="1">五年换届</el-radio>
+                </el-form-item>
+
+                <el-form-item label="单位名称" prop="organizationName">
+                  <el-input size="small" disabled placeholder="请选择所属党组织" v-model="form.organizationName">
+                    <template slot="append">
+                      <ai-party :instance="instance" size="small" :value="form.organizationId" @origin="handlePartyOrgSelect"/>
+                    </template>
+                  </el-input>
+                </el-form-item>
+                
+                <el-form-item label="换届提醒人" prop="userList">
+                  <ai-person-select :instance="instance" :customClicker="true" :chooseUserList="chooseUserList"
+                      :url="`/app/appparty/list?partyOrgId=${form.organizationId}`" headerTitle="党员列表"
+                      :isMultiple="true" dialogTitle="选择抄送人" @selectPerson="selectUser" class="aipersonselect">
+                    <template name="option" v-slot:option="{ item }">
+                      <span class="iconfont iconProlife">{{ item.name }}</span>
+                    </template>
+                  </ai-person-select>
+                </el-form-item>
+              </el-form>
+            </div>
+          </template>
+        </ai-card>
+      </template>
+      <template slot="footer" class="footer">
+        <el-button class="delete-btn footer-btn" @click="cancel(false)">取消</el-button>
+        <el-button class="footer-btn" type="primary" @click="confirm()">保存</el-button>
+      </template>
+    </ai-detail>
+    
+  </section>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+  name: "organizationSetting",
+  props: {
+    instance: Function,
+    dict: Object,
+    params: Object,
+  },
+
+  data() {
+    let validUser = (rule, value, callback) => {
+      if (!value.length) {
+        return callback(new Error('请选择换届提醒人'));
+      } else {
+        callback();
+      }
+    };
+    return {
+      form: {
+        addOrMakeup: true,
+        organizationId: '',
+        organizationName: '',
+        type: '0',
+        userList: [],
+      },
+      formRules: {
+        type: [{required: true, message: "请选择选举方式", trigger: "blur"}],
+        organizationName: [{required: true, message: "请选择党组织", trigger: "blur"}],
+        userList: [{required: true,validator: validUser, trigger: "blur"}],
+      },
+      chooseUserList: [],
+      createTime: '',
+    }
+  },
+  computed: {
+    ...mapState(['user'])
+  },
+  created() {
+    this.getDetail()
+    this.getOrganization()
+  },
+  methods: {
+    cancel (isRefresh) {
+      this.$emit('change', {
+        type: 'List',
+        isRefresh: !!isRefresh
+      })
+    },
+    // 查询组织关系
+    getOrganization() {
+      this.instance.post(`/app/partyOrganization/queryPartyOrganizationServiceList`).then(res=>{
+        if(res?.data) {
+          let data = res.data.filter(item=>item.id == this.user.info.organizationId)
+          this.createTime = data[0].createTime
+        }
+      })
+    },
+    getDetail() {
+      this.instance.post(`/app/apporganizationchangeconfig/queryDetailByOrganizationId?organizationId=${this.user.info.organizationId}`).then((res) => {
+        if(res?.data) {
+          // this.chooseCandidateList = res.data.candidateUsers
+          // this.chooseVoteList = res.data.voteUsers
+          console.log(res);
+        }
+      })
+    },
+    selectUser(v) {
+      this.form.userList = v
+    },
+    selectVote(e) {
+      this.form.voteUsers = e
+    },
+    handlePartyOrgSelect(v) {
+      if(v) {
+        this.form.organizationId = v[0]?.id
+        this.form.organizationName = v[0]?.name
+        
+      }
+    },
+    confirm() {
+      // 换届设置
+      this.$refs.form.validate((valid) => {
+          if (valid) {
+            this.instance.post(`/app/apporganizationchangeconfig/update`,{
+              ...this.form
+            }).then(res => {
+              if(res.code == 0) {
+                this.$message.success('提交成功')
+                this.cancel(true)
+              }
+            }).catch((err) => {
+              console.log(err);
+            })
+          }
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scope>
+.organizationSetting {
+  height: 100%;
+
+  ::v-deep .el-date-editor .el-input {
+    width: 100%;
+  }
+
+  .tips {
+    width: 100%;
+    border: 1px solid #f82;
+    background-color: #fff3e9;
+    color: #f82;
+    padding: 8px 16px;
+    box-sizing: border-box;
+    border-radius: 4px;
+    margin-bottom: 32px;
+    font-size: 13px;
+  }
+}
+</style>
\ No newline at end of file