追加关于党组织的抽象类

2022-10-24 11:58:47 +08:00
parent bda2b10c7f
commit f178667db8
7 changed files with 85 additions and 133 deletions
--- a/project/pingchang/apps/AppOrganizationChange/components/List.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/List.vue
@@ -1,11 +1,7 @@
 <template>
  <ai-list class="List">
    <template slot="title">
-      <ai-title title="组织换届" isShowBottomBorder>
-        <template slot="rightBtn">
-          <el-button size="small" type="primary" icon="iconfont iconAdd" @click="toSetting('')">换届设置</el-button>
-        </template>
-      </ai-title>
+      <ai-title title="组织换届" isShowBottomBorder/>
    </template>
    <template #left>
      <ai-tree-menu title="组织目录" searchPlaceholder="请输入组织名称" @search="onSearch">
@@ -19,10 +15,14 @@
      </ai-tree-menu>
    </template>
    <template slot="content" class="content">
+      <ai-title title="届次信息">
+        <template #rightBtn>
+          <el-button size="small" type="primary" @click="toSetting(selected.id)" v-if="permissions('app_apporganizationchangeconfig')">换届设置</el-button>
+        </template>
+      </ai-title>
      <el-tabs v-model="currIndex">
        <el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
-          <component :ref="tab.name" v-if="currIndex == String(i)" :is="tab.comp" lazy :instance="instance" :selected="selected"
-                     :dict="dict" :permissions="permissions" v-on="$listeners"/>
+          <component :ref="tab.name" v-if="currIndex==i" :is="tab.comp" lazy :selected="selected" v-on="$listeners"/>
        </el-tab-pane>
      </el-tabs>
    </template>
@@ -36,12 +36,7 @@ import history from './history.vue'

 export default {
  name: 'List',
-  props: {
-    instance: Function,
-    permissions: Function,
-    dict: Object,
-    selected: Object
-  },
+  inject: ['permissions', 'instance', 'dict'],
  data() {
    return {
      tabs: [
@@ -49,6 +44,7 @@ export default {
        {label: '历史届次', name: 'history', comp: history, permission: ''}
      ],
      currIndex: '0',
+      selected: null
    }
  },
  components: {
@@ -57,25 +53,15 @@ export default {
  },
  computed: {
    ...mapState(['user']),
-
-    orgTree() {
-      return this.$refs.tree?.$refs?.partyTree
-    },
  },
-
  methods: {
-    showNeighbourSetting(id) {
-      this.$router.push({query: {id}, hash: "#ns"})
-    },
    onTreeChange(e) {
-      this.$emit("update:selected", e)
+      this.selected = e
      this.$refs[this.tabs[Number(this.currIndex)].name][0].getList(e.id)
    },
-
    onSearch(v) {
-      this.orgTree.filter(v)
+      this.$refs.tree?.$refs?.partyTree?.filter(v)
    },
-
    filterNode(value, data) {
      if (!value) return true
      return data.name.indexOf(value) !== -1
@@ -83,9 +69,13 @@ export default {
    toAdd(id) {
      this.$router.push({hash: "#add", query: {id}})
    },
-    toSetting(id) {
-      this.$router.push({hash: "#setting", query: {id}})
+    toSetting(oid) {
+      this.$router.push({hash: "#setting", query: {oid}})
    }
+  },
+  created() {
+    const {organizationId: id, organizationName: name} = this.user.info
+    this.selected = {id, name}
  }
 }
 </script>
@@ -132,6 +122,7 @@ export default {

    .ai-list__content--right-wrapper {
      width: 100%;
+      padding-top: 0;
    }
  }

--- a/project/pingchang/apps/AppOrganizationChange/components/moment.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/moment.vue
@@ -53,8 +53,11 @@
        </el-table-column>
      </ai-table>
    </template>
-    <ai-empty>暂无换届信息,请完善基础内容后,再进行后续操作<br/><br/><br/>
-      <el-button size="small" type="primary" @click="toEdit(oid)">开始设置</el-button>
+    <ai-empty>
+      <div>暂无换届信息</div>
+      <el-row type="flex" justify="center" class="mar-t8">
+        <ai-highlight content="请点击【@v】完善基础内容后,再进行后续操作" value="换届设置"/>
+      </el-row>
    </ai-empty>
    <ai-dialog :visible.sync="dialogJob" title="添加本届任职人" width="720px" @closed="jobForm={}" @onConfirm="handleJobForm">
      <el-form ref="jobForm" size="small" :model="jobForm" :rules="jobRules" label-width="80px">
@@ -82,12 +85,7 @@
 <script>
 export default {
  name: "moment",
-  props: {
-    instance: Function,
-    permissions: Function,
-    dict: Object,
-    selected: Object,
-  },
+  inject: ['permissions', 'instance', 'dict'],
  data() {
    return {
      detail: {},
@@ -127,10 +125,10 @@ export default {
        name: [{required: true, message: "请输入姓名"}],
      }
    },
-    oid: v => v.selected.id
+    oid: v => v.$attrs.selected.id
  },
-  mounted() {
-    this.getList(this.selected.id)
+  created() {
+    this.getList()
  },
  methods: {
    jobEdit() {
@@ -142,8 +140,11 @@ export default {
    toEdit(id) {
      this.$router.push({hash: "#add", query: {id}})
    },
-    getList(id) {
-      this.instance.post(`/app/apporganizationgeneralelection/queryDetailByOrganizationId?organizationId=${id}`).then(res => {
+    getList() {
+      const {oid: organizationId} = this
+      organizationId && this.instance.post(`/app/apporganizationgeneralelection/queryDetailByOrganizationId`, null, {
+        params: {organizationId}
+      }).then(res => {
        if (res?.data) {
          this.detail = res.data
        }
--- a/project/pingchang/apps/AppOrganizationChange/components/organizationSetting.vue
+++ b/project/pingchang/apps/AppOrganizationChange/components/organizationSetting.vue
@@ -1,45 +1,5 @@
 <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">
@@ -51,27 +11,12 @@
            </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="组织名称">{{ org.name }}</el-form-item>
+                <el-form-item label="成立时间">{{ $dateFormat(org.createTime) }}</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="党员列表"
@@ -100,11 +45,7 @@ import {mapState} from 'vuex'

 export default {
  name: "organizationSetting",
-  props: {
-    instance: Function,
-    dict: Object,
-  },
-
+  inject: ['permissions', 'instance', 'dict'],
  data() {
    let validUser = (rule, value, callback) => {
      if (!value.length) {
@@ -127,35 +68,27 @@ export default {
        userList: [{required: true, validator: validUser, trigger: "blur"}],
      },
      chooseUserList: [],
-      createTime: '',
    }
  },
  computed: {
-    ...mapState(['user'])
+    ...mapState(['user']),
+    org: v => new v.MODEL.PartyOrg(v.$route.query.oid)
  },
  created() {
+    this.form.organizationId = this.$route.query.oid
    this.getDetail()
-    this.getOrganization()
  },
  methods: {
    cancel() {
      this.$router.back()
    },
-    // 查询组织关系
-    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) => {
+      const {oid: organizationId} = this.$route.query
+      this.instance.post(`/app/apporganizationchangeconfig/queryDetailByOrganizationId`, null, {
+        params: {organizationId}
+      }).then((res) => {
        if (res?.data) {
-          // this.chooseCandidateList = res.data.candidateUsers
-          // this.chooseVoteList = res.data.voteUsers
-          console.log(res);
+          this.form = res.data
        }
      })
    },
@@ -165,26 +98,18 @@ export default {
    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) {
+          const {id: organizationId, name: organizationName} = this.org
          this.instance.post(`/app/apporganizationchangeconfig/update`, {
-            ...this.form
+            ...this.form, organizationId, organizationName
          }).then(res => {
            if (res.code == 0) {
              this.$message.success('提交成功')
              this.cancel(true)
            }
-          }).catch((err) => {
-            console.log(err);
          })
        }
      })