commit

src/main/resources/views/platform/zhgh/activity/family/apply/signForm.js

@@ -196,7 +196,10 @@ const signForm = {
         },
         async validateSourceSignUp() {
             if (this.courseRow.courseIsLimitApply) {
-                const resp = await $.post('/platform/mobile/familyActivity/validateSourceSignUp', {activityCourseId: this.formData.activityCourseId})
+                const resp = await $.post('/platform/mobile/familyActivity/validateSourceSignUp', {
+                    activityCourseId: this.formData.activityCourseId,
+                    courseId: this.courseRow.id
+                })
                 if (resp.code !== 0) {
                     this.$message.warning(resp.msg)
                     return false

src/main/resources/views/platform/zhgh/activity/trainSingUp/apply/signForm.js

@@ -155,7 +155,10 @@ const signForm = {
             this.$refs["form"].validate(async (valid) => {
                 if (valid) {
                     if (this.courseRow.courseIsLimitApply) {
-                        const resp = await this.$axios.post('/platform/mobile/trainSignUpActivity/validateSourceSignUp', {activityCourseId: this.formData.activityCourseId})
+                        const resp = await this.$axios.post('/platform/mobile/trainSignUpActivity/validateSourceSignUp', {
+                            activityCourseId: this.formData.activityCourseId,
+                            courseId: this.courseRow.id
+                        })
                         if (resp.code !== 0) {
                             this.$message.warning(res.msg)
                             return

src/main/resources/views/platform/zhgh/staffbenefit/condolence/apply/form.html

@@ -1,340 +0,0 @@
-<div id="condolence-apply-form">
-  <el-form :model="formData" ref="formRef" :rules="formRules" label-width="0" label-suffix="：" class="flow-task-form">
-    <el-descriptions :column="2" border>
-      <el-descriptions-item label="申请人姓名">{{formData.applyUserName}}</el-descriptions-item>
-      <el-descriptions-item label="申请人工号">{{formData.applyLoginName}}</el-descriptions-item>
-      <el-descriptions-item label="申请人单位">{{formData.applyUnitName}}</el-descriptions-item>
-      <el-descriptions-item label="申请人工会">{{formData.applyUnionName}}</el-descriptions-item>
-
-      <el-descriptions-item label="慰问对象">
-        <el-form-item prop="helpUserId" label="慰问对象">
-          <el-select
-                  style="width: 100%"
-                  v-model="formData.helpUserId"
-                  filterable
-                  clearable
-                  remote
-                  reserve-keyword
-                  placeholder="请输入姓名或工号查询"
-                  :remote-method="createRemoteMethod(helpUserOptions)"
-                  @change="helpUserChange">
-            <el-option
-                    v-for="item in helpUserOptions"
-                    :key="item.id"
-                    :label="item.userName+'（'+item.loginName+'）'+'（'+item.unitName+'）'+'（'+item.sex+'）'"
-                    :value="item.id">
-            </el-option>
-          </el-select>
-        </el-form-item>
-      </el-descriptions-item>
-      <el-descriptions-item label="收款人">
-        <el-form-item prop="payUserId" label="慰问对象">
-          <el-select
-                  style="width: 100%"
-                  v-model="formData.payUserId"
-                  filterable
-                  clearable
-                  remote
-                  reserve-keyword
-                  placeholder="请输入姓名或工号查询"
-                  :remote-method="createRemoteMethod(payUserOptions)"
-                  @change="payUserChange">
-            <el-option
-                    v-for="item in payUserOptions"
-                    :key="item.id"
-                    :label="item.userName+'（'+item.loginName+'）'+'（'+item.unitName+'）'+'（'+item.sex+'）'"
-                    :value="item.id">
-            </el-option>
-          </el-select>
-        </el-form-item>
-      </el-descriptions-item>
-      <el-descriptions-item label="慰问类型">
-        <el-select v-model="formData.type" @change="typeChange" style="width: 100%"
-                   placeholder="请选择慰问类型">
-          <el-option v-for="item in typeOptions"
-                     :value="item.id"
-                     :key="item.id"
-                     :disabled="item.isDisabled"
-                     :label="item.name"></el-option>
-        </el-select>
-      </el-descriptions-item>
-      <el-descriptions-item label="慰问方式">
-        <el-form-item prop="way" label="慰问方式">
-          <el-select v-model="formData.way"
-                     placeholder="选择慰问类型自动匹配慰问方式"
-                     style="width: 100%"
-                     clearable
-                     disabled>
-            <el-option label="慰问金 (A)" value="1"></el-option>
-            <el-option label="提货券 (B)" value="2"></el-option>
-            <el-option label="慰问品 (C)" value="3"></el-option>
-          </el-select>
-        </el-form-item>
-      </el-descriptions-item>
-      <el-descriptions-item label="慰问金额">
-        <el-form-item prop="money" label="慰问金额">
-          <el-input style="width: 100%" v-model="formData.money"
-                    controls-position="right"
-                    :controls="false"
-                    precision="2"
-                    placeholder="选择慰问类型自动匹配金额"
-                    :min="0"
-                    :max="10000"></el-input>
-        </el-form-item>
-      </el-descriptions-item>
-      <el-descriptions-item label="慰问时间">
-        <el-form-item label="慰问时间" prop="occurTime">
-          <el-date-picker
-                  clearable
-                  style="width: 100%"
-                  v-model="formData.occurTime"
-                  type="date"
-                  value-format="yyyy-MM-dd"
-                  placeholder="请选择慰问时间">
-          </el-date-picker>
-        </el-form-item>
-      </el-descriptions-item>
-
-      <template v-if="['2'].includes(formData.type)">
-        <el-descriptions-item label="孩次">
-          <el-form-item prop="child" label="孩次">
-            <el-select v-model="formData.child" placeholder="请选择孩次"
-                       style="width: 100%"
-                       clearable>
-              <el-option label="一孩" value="一孩"></el-option>
-              <el-option label="二孩" value="二孩"></el-option>
-              <el-option label="三孩" value="三孩"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-descriptions-item>
-      </template>
-      <template v-if="['3','4'].includes(formData.type)">
-        <el-descriptions-item label="治疗医院">
-          <el-form-item prop="hospital" label="治疗医院">
-            <el-input v-model="formData.hospital" maxlength="50" placeholder="请填写治疗医院"></el-input>
-          </el-form-item>
-        </el-descriptions-item>
-        <el-descriptions-item label="病房号">
-          <el-form-item prop="hospitalHouseNum" label="病房号">
-            <el-input v-model="formData.hospitalHouseNum" maxlength="50" placeholder="请填写病房号" type="number"></el-input>
-          </el-form-item>
-        </el-descriptions-item>
-        <el-descriptions-item label="床号">
-          <el-form-item prop="hospitalHouseBedNum" label="床号">
-            <el-input v-model="formData.hospitalHouseBedNum" maxlength="50" placeholder="请填写床号" type="number"></el-input>
-          </el-form-item>
-        </el-descriptions-item>
-      </template>
-      <template v-if="['4'].includes(formData.type)">
-        <el-descriptions-item label="患病病种">
-          <el-form-item prop="hospitalBy" label="患病病种">
-            <el-input v-model="formData.hospitalBy" maxlength="50" placeholder="请填写患病病种"></el-input>
-          </el-form-item>
-        </el-descriptions-item>
-      </template>
-      <template v-if="['6'].includes(formData.type)">
-        <el-descriptions-item label="直系亲属">
-          <el-form-item prop="deadImmediateFamily" label="直系亲属">
-            <el-select v-model="formData.deadImmediateFamily">
-              <el-option label="配偶" value="配偶"></el-option>
-              <el-option label="父亲" value="父亲"></el-option>
-              <el-option label="母亲" value="母亲"></el-option>
-              <el-option label="子女" value="子女"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-descriptions-item>
-      </template>
-
-      <el-descriptions-item label="申请事由" :span="2">
-        <el-form-item prop="remark" label="申请事由">
-          <el-input maxlength="500" v-model="formData.remark" placeholder="请填写申请事由"
-                    type="textarea" :autosize="{ minRows: 4, maxRows: 8}"></el-input>
-        </el-form-item>
-      </el-descriptions-item>
-
-      <el-descriptions-item :span="2" v-if="chooseType.isUploadFile === true">
-        <template slot="label">
-          附件
-          <el-tooltip class="item" effect="dark" :content="'上传附件说明：' + chooseType.uploadFileDesc"
-                      placement="top-start"
-                      v-if="chooseType.isUploadFile && chooseType.uploadFileDesc">
-            <i class="el-icon-question"></i>
-          </el-tooltip>
-        </template>
-        <el-form-item prop="files" label="附件">
-          <file-upload
-                  :value.sync="formData.files"
-                  :upload_number="5"
-                  upload_result_category="array"
-                  complete_result
-                  upload_mode="drag"
-          ></file-upload>
-        </el-form-item>
-      </el-descriptions-item>
-
-      <el-descriptions-item label="签字" :span="2">
-        <el-form-item prop="signature" label="签字">
-          <pc-signature v-model="formData.signature"></pc-signature>
-        </el-form-item>
-      </el-descriptions-item>
-    </el-descriptions>
-  </el-form>
-  <snaker-flow-task-form-action @task-action="handleTaskAction" @save-draft="handleSaveDraft" @cancel="handleCancel"></snaker-flow-task-form-action>
-</div>
-
-<script>
-  new Vue({
-    el: "#condolence-apply-form",
-    store,
-    data() {
-      return {
-        id: GetQueryString("businessId"),
-        taskId: GetQueryString("taskId"),
-        instanceId: GetQueryString("instanceId"),
-        formData: {},
-        formRules: {
-          helpUserId: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          payUserId: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          type: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          way: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          money: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          occurTime: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          child: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          hospital: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          hospitalHouseNum: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          hospitalHouseBedNum: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          hospitalBy: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          deadImmediateFamily: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          remark: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          files: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-          signature: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
-        },
-        chooseType: {},
-        payUserOptions: [],
-        helpUserOptions: [],
-        typeOptions: [],
-      }
-    },
-    methods: {
-      createRemoteMethod(options) {
-        return (keyword) => {
-          this.selectQueryUser(keyword, options)
-        }
-      },
-      selectQueryUser(keyword, options) {
-        options.length = 0
-        this.$axios.post("/platform/condolence/apply/listUser", { keyword: keyword }).then((res) => {
-          if (res.code === 0) {
-            options.push(...res.data)
-          }
-        })
-      },
-      helpUserChange(val) {
-        const user = this.helpUserOptions.find(o => o.id === val)
-        if(user) {
-          const { userName, loginName, unitId, unitName, unionId, unionName } = user
-          this.$set(this.formData, "helpUserName", userName)
-          this.$set(this.formData, "helpLoginName", loginName)
-          this.$set(this.formData, "helpUnitId", unitId)
-          this.$set(this.formData, "helpUnitName", unitName)
-          this.$set(this.formData, "helpUnionId", unionId)
-          this.$set(this.formData, "helpUnionName", unionName)
-        }
-      },
-      payUserChange(val) {
-        const user = this.payUserOptions.find(o => o.id === val)
-        if(user) {
-          const { userName, loginName } = user
-          this.$set(this.formData, "payUserName", userName)
-          this.$set(this.formData, "payLoginName", loginName)
-        }
-      },
-      typeChange(id) {
-        this.chooseType = this.typeOptions.find(o => o.id === id)
-        if (this.chooseType) {
-          this.$set(this.formData, "money", this.chooseType.money)
-          this.$set(this.formData, "way", this.chooseType.way)
-        }
-      },
-      init() {
-        if (this.id) {
-          this.$axios.post("/platform/condolence/view/info", { id: this.id }).then((res) => {
-            if (res.code === 0) {
-              this.formData = res.data
-            }
-          })
-        } else {
-          const { username, loginname, id, unit, union, mobile } = this.$store.state.user
-          this.formData = {
-            applyUserName: username,
-            applyLoginName: loginname,
-            applyUserId: id,
-            applyUnitId: unit?.id,
-            applyUnitName: unit?.name,
-            applyUnionId: union?.id,
-            applyUnionName: union?.name,
-          }
-        }
-      },
-      handleTaskAction(val) {
-        this.$refs.formRef.validate((valid) => {
-          if (valid) {
-            this.$axios
-                    .post("/flow/common/startInstanceAndExecute", {
-                      ...val,
-                      bizData: JSON.stringify(this.formData)
-                    })
-                    .then((res) => {
-                      if (res.code === 0) {
-                        this.$message.success(res.msg)
-                        // 发送完成消息
-                        window.parent.postMessage(
-                                {
-                                  type: "task-complete"
-                                },
-                                "*"
-                        )
-                      }
-                    })
-          }
-        })
-      },
-      handleSaveDraft(val) {
-        this.$refs.formRef.validateField(["helpUserId"], (errMsg) => {
-          if (errMsg) {
-            this.$message.warning("请选择慰问对象")
-            return
-          }
-          this.$axios
-                  .post("/flow/common/startInstance", {
-                    ...val,
-                    bizData: JSON.stringify(this.formData)
-                  })
-                  .then((res) => {
-                    if (res.code === 0) {
-                      this.$message.success(res.msg)
-                      // 发送完成消息
-                      window.parent.postMessage(
-                              {
-                                type: "task-complete"
-                              },
-                              "*"
-                      )
-                    }
-                  })
-        })
-      },
-      handleCancel() {window.close()},
-      queryCondolenceType() {
-        this.$axios.post('/platform/condolence/type/queryCondolenceType')
-                .then((resp) => {
-                  this.typeOptions = resp.data
-                })
-      },
-    },
-    created() {
-      this.queryCondolenceType()
-      this.init()
-    }
-  })
-</script>

src/main/resources/views/platform/zhgh/staffbenefit/condolence/apply/index.html

@@ -2,162 +2,355 @@
 layout("/layouts/platform.html"){
 #-->
 
-<guava ref="guava">
-    <div id="app">
-        <el-card shadow="never">
-            <search @search="doSearch">
-                <search-item label="年度">
-                    <el-date-picker
-                            v-model="pageForm.year"
-                            type="year"
-                            value-format="yyyy"
-                            placeholder="年度"
-                            style="width: 100%"
-                            @change="doSearch"
-                    ></el-date-picker>
-                </search-item>
-                <search-item label="姓名/工号">
-                    <el-input placeholder="请输入慰问对象姓名或工号查询" clearable v-model="pageForm.searchKeyword"
-                              @keyup.enter.native="doSearch">
-                    </el-input>
-                </search-item>
-                <search-item label="慰问类型">
-                    <el-select v-model="pageForm.type" @change="doSearch" style="width: 100%"
-                               placeholder="请选择慰问类型">
-                        <el-option v-for="item in typeOptions"
-                                   :value="item.id"
-                                   :key="item.id"
-                                   :label="item.name"
-                        ></el-option>
-                    </el-select>
-                </search-item>
-            </search>
-        </el-card>
+<div id="app" v-cloak>
+  <el-card shadow="never">
+    <snaker-start slot="header" label="职工慰问" define_key="ZGWW"></snaker-start>
+    <el-form :model="formData" ref="formRef" :rules="formRules" label-width="0" label-suffix="：" class="flow-task-form">
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="申请人姓名">{{formData.applyUserName}}</el-descriptions-item>
+        <el-descriptions-item label="申请人工号">{{formData.applyLoginName}}</el-descriptions-item>
+        <el-descriptions-item label="申请人单位">{{formData.applyUnitName}}</el-descriptions-item>
+        <el-descriptions-item label="申请人工会">{{formData.applyUnionName}}</el-descriptions-item>
 
-        <el-card shadow="never">
-            <table-tool label="申请列表">
-                <el-button type="primary" size="small" @click="onAdd">
-                    <i class="ti-plus"></i>
-                    新增申请
-                </el-button>
-            </table-tool>
-            <el-table :data="tableData" @sort-change="pageOrder" style="width: 100%">
-                <el-table-column type="index" width="50px" label="序号" :index="indexMethod"></el-table-column>
-                <el-table-column
-                        :label="column.label"
-                        :prop="column.prop"
-                        :key="column.prop"
-                        :width="column.width"
-                        :sortable="column.sortable"
-                        align="center"
-                        header-align="center"
-                        show-overflow-tooltip
-                        v-for="column in tableColumns"
-                >
-                    <template v-slot="{ row }" v-if="column.prop === 'instanceState'">
-                        <enum-tag :value="row.instanceState" name="ProcessInstanceStateEnum" label_key="message" size="small"></enum-tag>
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作" fixed="right" width="300">
-                    <template slot-scope="{row}">
-                        <el-button @click="onOpen(row)" size="mini" type="primary">查看</el-button>
-                        <el-button v-if="row.taskKey === 'startTask'" @click="onEdit(row)" size="mini" type="primary">编辑</el-button>
-                        <el-button v-if="row.canRevoke" size="mini" type="danger" @click="onRevoke(row)">撤回</el-button>
-                        <el-button v-if="row.taskKey === 'startTask'" @click="onDelete(row.id)" size="mini" type="danger">
-                            删除
-                        </el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-            <!--#include("/layouts/pagination.html"){}#-->
-        </el-card>
-    </div>
-</guava>
+        <el-descriptions-item label="慰问对象">
+          <el-form-item prop="helpUserId" label="慰问对象">
+            <el-select
+                    style="width: 100%"
+                    v-model="formData.helpUserId"
+                    filterable
+                    clearable
+                    remote
+                    reserve-keyword
+                    placeholder="请输入姓名或工号查询"
+                    :remote-method="createRemoteMethod(helpUserOptions)"
+                    @change="helpUserChange">
+              <el-option
+                      v-for="item in helpUserOptions"
+                      :key="item.id"
+                      :label="item.userName+'（'+item.loginName+'）'+'（'+item.unitName+'）'+'（'+item.sex+'）'"
+                      :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-descriptions-item>
+        <el-descriptions-item label="收款人">
+          <el-form-item prop="payUserId" label="慰问对象">
+            <el-select
+                    style="width: 100%"
+                    v-model="formData.payUserId"
+                    filterable
+                    clearable
+                    remote
+                    reserve-keyword
+                    placeholder="请输入姓名或工号查询"
+                    :remote-method="createRemoteMethod(payUserOptions)"
+                    @change="payUserChange">
+              <el-option
+                      v-for="item in payUserOptions"
+                      :key="item.id"
+                      :label="item.userName+'（'+item.loginName+'）'+'（'+item.unitName+'）'+'（'+item.sex+'）'"
+                      :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-descriptions-item>
+        <el-descriptions-item label="慰问类型">
+          <el-select v-model="formData.type" @change="typeChange" style="width: 100%"
+                     placeholder="请选择慰问类型">
+            <el-option v-for="item in typeOptions"
+                       :value="item.id"
+                       :key="item.id"
+                       :disabled="item.isDisabled"
+                       :label="item.name"></el-option>
+          </el-select>
+        </el-descriptions-item>
+        <el-descriptions-item label="慰问方式">
+          <el-form-item prop="way" label="慰问方式">
+            <el-select v-model="formData.way"
+                       placeholder="选择慰问类型自动匹配慰问方式"
+                       style="width: 100%"
+                       clearable
+                       disabled>
+              <el-option label="慰问金 (A)" value="1"></el-option>
+              <el-option label="提货券 (B)" value="2"></el-option>
+              <el-option label="慰问品 (C)" value="3"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-descriptions-item>
+        <el-descriptions-item label="慰问金额">
+          <el-form-item prop="money" label="慰问金额">
+            <el-input style="width: 100%" v-model="formData.money"
+                      controls-position="right"
+                      :controls="false"
+                      precision="2"
+                      placeholder="选择慰问类型自动匹配金额"
+                      :min="0"
+                      :max="10000"></el-input>
+          </el-form-item>
+        </el-descriptions-item>
+        <el-descriptions-item label="慰问时间">
+          <el-form-item label="慰问时间" prop="occurTime">
+            <el-date-picker
+                    clearable
+                    style="width: 100%"
+                    v-model="formData.occurTime"
+                    type="date"
+                    value-format="yyyy-MM-dd"
+                    placeholder="请选择慰问时间">
+            </el-date-picker>
+          </el-form-item>
+        </el-descriptions-item>
+
+        <template v-if="['2'].includes(formData.type)">
+          <el-descriptions-item label="孩次">
+            <el-form-item prop="child" label="孩次">
+              <el-select v-model="formData.child" placeholder="请选择孩次"
+                         style="width: 100%"
+                         clearable>
+                <el-option label="一孩" value="一孩"></el-option>
+                <el-option label="二孩" value="二孩"></el-option>
+                <el-option label="三孩" value="三孩"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-descriptions-item>
+        </template>
+        <template v-if="['3','4'].includes(formData.type)">
+          <el-descriptions-item label="治疗医院">
+            <el-form-item prop="hospital" label="治疗医院">
+              <el-input v-model="formData.hospital" maxlength="50" placeholder="请填写治疗医院"></el-input>
+            </el-form-item>
+          </el-descriptions-item>
+          <el-descriptions-item label="病房号">
+            <el-form-item prop="hospitalHouseNum" label="病房号">
+              <el-input v-model="formData.hospitalHouseNum" maxlength="50" placeholder="请填写病房号" type="number"></el-input>
+            </el-form-item>
+          </el-descriptions-item>
+          <el-descriptions-item label="床号">
+            <el-form-item prop="hospitalHouseBedNum" label="床号">
+              <el-input v-model="formData.hospitalHouseBedNum" maxlength="50" placeholder="请填写床号" type="number"></el-input>
+            </el-form-item>
+          </el-descriptions-item>
+        </template>
+        <template v-if="['4'].includes(formData.type)">
+          <el-descriptions-item label="患病病种">
+            <el-form-item prop="hospitalBy" label="患病病种">
+              <el-input v-model="formData.hospitalBy" maxlength="50" placeholder="请填写患病病种"></el-input>
+            </el-form-item>
+          </el-descriptions-item>
+        </template>
+        <template v-if="['6'].includes(formData.type)">
+          <el-descriptions-item label="直系亲属">
+            <el-form-item prop="deadImmediateFamily" label="直系亲属">
+              <el-select v-model="formData.deadImmediateFamily">
+                <el-option label="配偶" value="配偶"></el-option>
+                <el-option label="父亲" value="父亲"></el-option>
+                <el-option label="母亲" value="母亲"></el-option>
+                <el-option label="子女" value="子女"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-descriptions-item>
+        </template>
+
+        <el-descriptions-item label="申请事由" :span="2">
+          <el-form-item prop="remark" label="申请事由">
+            <el-input maxlength="500" v-model="formData.remark" placeholder="请填写申请事由"
+                      type="textarea" :autosize="{ minRows: 4, maxRows: 8}"></el-input>
+          </el-form-item>
+        </el-descriptions-item>
+
+        <el-descriptions-item :span="2" v-if="chooseType.isUploadFile === true">
+          <template slot="label">
+            附件
+            <el-tooltip class="item" effect="dark" :content="'上传附件说明：' + chooseType.uploadFileDesc"
+                        placement="top-start"
+                        v-if="chooseType.isUploadFile && chooseType.uploadFileDesc">
+              <i class="el-icon-question"></i>
+            </el-tooltip>
+          </template>
+          <el-form-item prop="files" label="附件">
+            <file-upload
+                    :value.sync="formData.files"
+                    :upload_number="5"
+                    upload_result_category="array"
+                    complete_result
+                    upload_mode="drag"
+            ></file-upload>
+          </el-form-item>
+        </el-descriptions-item>
+
+        <el-descriptions-item label="签字" :span="2">
+          <el-form-item prop="signature" label="签字">
+            <pc-signature v-model="formData.signature"></pc-signature>
+          </el-form-item>
+        </el-descriptions-item>
+      </el-descriptions>
+    </el-form>
+    <el-row type="flex" justify="end" class="mt20">
+      <el-button type="primary" plain @click="onSave">保存</el-button>
+      <el-button type="primary" @click="onSubmit" v-if="!taskId">提交</el-button>
+      <el-button type="primary" @click="onFinishTask" v-else>提交1</el-button>
+    </el-row>
+  </el-card>
+</div>
 
 <script>
-    new Vue({
-        el: "#app",
-        store,
-        mixins: [initTableMixins],
-        data() {
-            return {
-                typeOptions: [],
-                tableColumns: [
-                    {prop: 'helpUserName', label: '慰问对象'},
-                    {prop: 'helpLoginName', label: '慰问对象工号'},
-                    {prop: 'applyUserName', label: '申请人'},
-                    {prop: 'applyUnionName', label: '所属工会'},
-                    {prop: 'applyUnitName', label: '所属单位'},
-                    {prop: 'typeName', label: '慰问类型'},
-                    {prop: 'taskName', label: '当前节点'},
-                    {prop: 'instanceState', label: '流程状态'},
-                ],
-            }
+  new Vue({
+    el: "#app",
+    store,
+    data() {
+      return {
+        id: GetQueryString("bizId"),
+        taskId: GetQueryString("taskId"),
+        formData: {},
+        formRules: {
+          helpUserId: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          payUserId: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          type: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          way: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          money: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          occurTime: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          child: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          hospital: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          hospitalHouseNum: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          hospitalHouseBedNum: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          hospitalBy: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          deadImmediateFamily: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          remark: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          files: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
+          signature: [{ required: true, message: "必填", trigger: ["change", "blur"] }],
         },
-        methods: {
-            onAdd() {
-                window.open("/flow/common/approval/form?defineKey=ZGWW")
-            },
-            onOpen(row) {
-                window.open(
-                    "/flow/common/approval/form?instanceId=" +
-                    (row.instanceId || "") +
-                    "&businessId=" +
-                    row.id +
-                    "&defineKey=ZGWW"
-                )
-            },
-            onEdit(row) {
-                window.open(
-                    "/flow/common/approval/form?taskId=" +
-                    (row.taskId || "") +
-                    "&instanceId=" +
-                    (row.instanceId || "") +
-                    "&businessId=" +
-                    row.id +
-                    "&defineKey=ZGWW"
-                )
-            },
-            onRevoke(row) {
-                this.$confirm("您确定要撤回吗？", "提示", {
-                    confirmButtonText: "确定",
-                    cancelButtonText: "取消",
-                    type: "warning"
-                }).then(() => {
-                    this.$axios.post("/flow/common/revokeTask", { taskId: row.startTaskId }).then((res) => {
-                        if (res.code === 0) {
-                            this.$message.success(res.msg)
-                            this.pageData()
-                        }
-                    })
-                })
-            },
-            onDelete(id) {
-                this.$confirm("您确定要删除吗？", "提示", {
-                    confirmButtonText: "确定",
-                    cancelButtonText: "取消",
-                    type: "warning"
-                }).then(() => {
-                    this.$axios.post("/platform/condolence/apply/delete", { id }).then((res) => {
-                        if (res.code === 0) {
-                            this.$message.success(res.msg)
-                            this.pageData()
-                        }
-                    })
-                })
-            },
-            queryCondolenceType() {
-                this.$axios.post('/platform/condolence/type/queryCondolenceType')
-                    .then((resp) => {
-                        this.typeOptions = resp.data
-                    })
-            },
-        },
-        created() {
-            this.queryCondolenceType()
-            this.pageData()
+        chooseType: {},
+        payUserOptions: [],
+        helpUserOptions: [],
+        typeOptions: [],
+      }
+    },
+    methods: {
+      createRemoteMethod(options) {
+        return (keyword) => {
+          this.selectQueryUser(keyword, options)
         }
-    })
+      },
+      selectQueryUser(keyword, options) {
+        options.length = 0
+        this.$axios.post("/platform/condolence/apply/listUser", { keyword: keyword }).then((res) => {
+          if (res.code === 0) {
+            options.push(...res.data)
+          }
+        })
+      },
+      helpUserChange(val) {
+        const user = this.helpUserOptions.find(o => o.id === val)
+        if(user) {
+          const { userName, loginName, unitId, unitName, unionId, unionName } = user
+          this.$set(this.formData, "helpUserName", userName)
+          this.$set(this.formData, "helpLoginName", loginName)
+          this.$set(this.formData, "helpUnitId", unitId)
+          this.$set(this.formData, "helpUnitName", unitName)
+          this.$set(this.formData, "helpUnionId", unionId)
+          this.$set(this.formData, "helpUnionName", unionName)
+        }
+      },
+      payUserChange(val) {
+        const user = this.payUserOptions.find(o => o.id === val)
+        if(user) {
+          const { userName, loginName } = user
+          this.$set(this.formData, "payUserName", userName)
+          this.$set(this.formData, "payLoginName", loginName)
+        }
+      },
+      typeChange(id) {
+        this.chooseType = this.typeOptions.find(o => o.id === id)
+        if (this.chooseType) {
+          this.$set(this.formData, "money", this.chooseType.money)
+          this.$set(this.formData, "way", this.chooseType.way)
+        }
+      },
+      onSave() {
+        this.$confirm("您确定保存吗？", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.$axios.post('/platform/condolence/apply/save', {data: JSON.stringify(this.formData)}).then(res => {
+            if (res.code === 0) {
+              this.$message.success(res.msg)
+              window.location.href = '/platform/condolence/mine'
+            }
+          })
+        })
+      },
+      onSubmit() {
+        this.$confirm("您确定要提交吗？", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.$axios.post('/platform/condolence/apply/submit', {
+            data: JSON.stringify(this.formData),
+            taskId: GetQueryString("taskId")
+          }).then(res => {
+            if (res.code === 0) {
+              this.$message.success(res.msg)
+              window.location.href = '/platform/condolence/mine'
+            }
+          })
+        })
+      },
+      onFinishTask() {
+        this.$confirm("您确定要提交吗？", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.$axios.post('/flow/common/executeTask', {
+            data: JSON.stringify({
+              processTaskId: GetQueryString("taskId"),
+              submitType: 5
+            })
+          }).then(res => {
+            if (res.code === 0) {
+              this.$message.success(res.msg)
+              window.location.href = '/platform/condolence/mine'
+            }
+          })
+        })
+      },
+      init() {
+        if (this.id) {
+          this.$axios.post("/platform/condolence/mine/info", { id: this.id }).then((res) => {
+            if (res.code === 0) {
+              this.formData = res.data
+              this.selectQueryUser(this.formData.helpLoginName, this.helpUserOptions)
+              this.selectQueryUser(this.formData.payLoginName, this.payUserOptions)
+              this.chooseType = this.typeOptions.find(o => o.id === this.formData.type)
+            }
+          })
+        } else {
+          const { username, loginname, id, unit, union, mobile } = this.$store.state.user
+          this.formData = {
+            applyUserName: username,
+            applyLoginName: loginname,
+            applyUserId: id,
+            applyUnitId: unit?.id,
+            applyUnitName: unit?.name,
+            applyUnionId: union?.id,
+            applyUnionName: union?.name,
+          }
+        }
+      },
+      queryCondolenceType() {
+        this.$axios.post('/platform/condolence/type/queryCondolenceType')
+                .then((resp) => {
+                  this.typeOptions = resp.data
+                })
+      },
+    },
+    created() {
+      this.queryCondolenceType()
+      this.init()
+    }
+  })
 </script>
 
 <!--#

src/main/resources/views/platform/zhgh/staffbenefit/condolence/branchUnionApproval/index.html

@@ -2,8 +2,8 @@
 layout("/layouts/platform.html"){
 #-->
 
-<guava ref="guava">
-    <div id="app">
+<div id="app">
+    <guava ref="guava">
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="年度">
@@ -60,21 +60,49 @@ layout("/layouts/platform.html"){
                 </el-table-column>
                 <el-table-column label="操作" fixed="right" width="300px">
                     <template slot-scope="{row}">
-                        <el-button @click="onOpen(row)" size="mini" type="primary">查看</el-button>
-                        <el-button v-if="row.taskState === 10" @click="openApproval(row)" size="mini" type="primary">审核</el-button>
+                        <el-button @click="onView(row)" size="mini" type="primary">查看</el-button>
+                        <el-button v-if="row.taskState === 10" @click="onAudit(row)" size="mini" type="primary">审核</el-button>
+                        <el-button v-if="row.canRevoke" @click="onRevoke(row)" size="mini" type="danger">撤回</el-button>
                     </template>
                 </el-table-column>
             </el-table>
             <!--#include("/layouts/pagination.html"){}#-->
         </el-card>
-    </div>
-</guava>
+
+        <template #edit>
+            <condolence-info ref="condolenceInfoRef">
+                <div v-if="showApprovalForm">
+                    <div class="process-title">
+                        {{formData.taskName}}
+                    </div>
+                    <el-form :model="formData" ref="formRef" :rules="formRules" label-width="0" label-suffix="："
+                             class="flow-task-form">
+                        <el-form-item label="审批意见" prop="tf_opinion"
+                                      :rules="[{required:true,message:'必填',trigger:['change','blur']}]">
+                            <user-opinion-textarea v-model="formData.tf_opinion"></user-opinion-textarea>
+                        </el-form-item>
+                    </el-form>
+                    <el-row type="flex" justify="end">
+                        <el-button @click="$refs.guava.index()" size="small">取消</el-button>
+                        <el-button @click="handleTaskAction(6)" size="small" type="info">退回到发起人</el-button>
+                        <el-button @click="handleTaskAction(2)" size="small" type="danger">拒绝申请</el-button>
+                        <el-button @click="handleTaskAction(1)" size="small" type="primary">同意申请</el-button>
+                    </el-row>
+                </div>
+            </condolence-info>
+        </template>
+    </guava>
+</div>
 
 <script>
+    <!--#include('../common/info.js'){}#-->
     new Vue({
         el: "#app",
         store,
         mixins: [initTableMixins],
+        components: {
+            "condolence-info": condolenceInfo
+        },
         data() {
             return {
                 pageForm: {
@@ -91,20 +119,60 @@ layout("/layouts/platform.html"){
                     {prop: 'taskName', label: '当前节点'},
                     {prop: 'instanceState', label: '流程状态'},
                 ],
+                formData: {},
+                showApprovalForm: false
             }
         },
         methods: {
-            onOpen(row) {
-                window.open(
-                    "/flow/common/approval/form?instanceId=" +
-                    (row.instanceId || "") +
-                    "&businessId=" +
-                    row.id +
-                    "&defineKey=ZGWW"
-                )
+            onView(row) {
+                this.$refs.guava.edit(()=>{
+                    this.showApprovalForm = false
+                    this.$refs.condolenceInfoRef.onOpen(row)
+                })
             },
-            openApproval(row) {
-                window.open("/flow/common/approval/form?taskId=" + row.taskId + "&instanceId=" + row.instanceId + "&businessId=" + row.businessNo)
+            onAudit(row) {
+                this.$refs.guava.edit(()=>{
+                    this.showApprovalForm = true
+                    this.formData = {
+                        processTaskId: row.taskId,
+                        taskName: row.curTaskName
+                    }
+                    this.$refs.condolenceInfoRef.onOpen(row)
+                })
+            },
+            handleTaskAction(val) {
+                this.$confirm("您确定要提交吗？", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    type: "warning"
+                }).then(() => {
+                    this.$axios.post("/flow/common/executeTask", {
+                        data: JSON.stringify({
+                            ...this.formData,
+                            submitType: val
+                        })
+                    }).then((res) => {
+                        if (res.code === 0) {
+                            this.$refs.guava.index()
+                            this.$message.success(res.msg)
+                            this.doSearch()
+                        }
+                    })
+                })
+            },
+            onRevoke(row) {
+                this.$confirm("您确定要撤回吗？", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    type: "info"
+                }).then(() => {
+                    this.$axios.post("/flow/common/revokeTask", {taskId: row.taskId}).then((res) => {
+                        if (res.code === 0) {
+                            this.$message.success(res.msg)
+                            this.doSearch()
+                        }
+                    })
+                })
             },
             queryCondolenceType() {
                 this.$axios.post('/platform/condolence/type/queryCondolenceType')

src/main/resources/views/platform/zhgh/staffbenefit/condolence/common/info.js

@@ -0,0 +1,109 @@
+const condolenceInfo = {
+    template: /*language=HTML*/ `
+        <div>
+            <div class="process-title">
+                申请信息
+                <el-link type="primary" @click="openChart">点击查看流程图</el-link>
+            </div>
+            <el-descriptions :column="2" border>
+                <el-descriptions-item label="申请人姓名">{{ viewData.applyUserName }}</el-descriptions-item>
+                <el-descriptions-item label="申请人工号">{{ viewData.applyLoginName }}</el-descriptions-item>
+                <el-descriptions-item label="申请人单位">{{ viewData.applyUnitName }}</el-descriptions-item>
+                <el-descriptions-item label="申请人工会">{{ viewData.applyUnionName }}</el-descriptions-item>
+                <el-descriptions-item label="慰问对象">{{ viewData.helpUserName }}</el-descriptions-item>
+                <el-descriptions-item label="收款人">{{ viewData.payUserName }}</el-descriptions-item>
+                <el-descriptions-item label="慰问类型">{{ viewData.typeName }}</el-descriptions-item>
+                <el-descriptions-item label="慰问方式">{{ viewData.way }}</el-descriptions-item>
+                <el-descriptions-item label="慰问金额">{{ viewData.money }}</el-descriptions-item>
+                <el-descriptions-item label="慰问时间">{{ viewData.occurTime }}</el-descriptions-item>
+                <el-descriptions-item v-if="['2'].includes(viewData.type)" label="孩次">{{ viewData.child }}</el-descriptions-item>
+                <el-descriptions-item v-if="['3','4'].includes(viewData.type)" label="治疗医院">{{ viewData.hospital }}</el-descriptions-item>
+                <el-descriptions-item v-if="['3','4'].includes(viewData.type)" label="病房号">{{ viewData.hospitalHouseNum }}</el-descriptions-item>
+                <el-descriptions-item v-if="['3','4'].includes(viewData.type)" label="床号">{{ viewData.hospitalHouseBedNum }}</el-descriptions-item>
+                <el-descriptions-item v-if="['4'].includes(viewData.type)" label="患病病种">{{ viewData.hospitalBy }}</el-descriptions-item>
+                <el-descriptions-item v-if="['6'].includes(viewData.type)" label="直系亲属">{{ viewData.deadImmediateFamily }}</el-descriptions-item>
+                <el-descriptions-item label="申请事由" :span="2">{{ viewData.remark }}</el-descriptions-item>
+                <el-descriptions-item label="附件" :span="2">
+                    <file-preview v-if="viewData.files && viewData.files.length > 0" :files="viewData.files" complete_result></file-preview>
+                    <span v-else>暂无附件</span>
+                </el-descriptions-item>
+                <el-descriptions-item label="签字" :span="2">
+                    <el-image :src="viewData.signature"
+                              v-if="viewData.signature"
+                              class="signature-image"></el-image>
+                    <span v-else>暂无签字</span>
+                </el-descriptions-item>
+            </el-descriptions>
+
+            <template v-for="task in doneTasks">
+                <div class="mt10">
+                    <div class="process-title">{{ task.displayName }}</div>
+                    <el-descriptions border class="flow-task-form" :column="3" :key="task.id"
+                                     v-if="task.ext.isFirstTaskNode">
+                        <el-descriptions-item label="申请用户">{{ task.ext.initiatorName
+                            }}({{task.ext.initiatorAccount}})
+                        </el-descriptions-item>
+                        <el-descriptions-item label="申请时间">{{ task.finishTime }}</el-descriptions-item>
+                        <el-descriptions-item label="办理结果">
+                            <dict-tag :options="dict.type.PROCESS_TASK_SUBMIT_TYPE"
+                                      :value="task.ext.submitType"></dict-tag>
+                        </el-descriptions-item>
+                    </el-descriptions>
+
+                    <el-descriptions border class="flow-task-form" :column="3" :key="task.id" v-else>
+                        <el-descriptions-item label="办理用户">{{ task.taskFormData.userName
+                            }}({{task.taskFormData.loginName}})
+                        </el-descriptions-item>
+                        <el-descriptions-item label="办理时间">{{ task.finishTime }}</el-descriptions-item>
+                        <el-descriptions-item label="办理结果">
+                            <dict-tag :options="dict.type.PROCESS_TASK_SUBMIT_TYPE"
+                                      :value="task.ext.submitType"></dict-tag>
+                        </el-descriptions-item>
+                        <el-descriptions-item label="办理意见" v-if="!task.ext.isFirstTaskNode">{{
+                            task.taskFormData.opinion }}
+                        </el-descriptions-item>
+                    </el-descriptions>
+                </div>
+            </template>
+            <slot></slot>
+            <snaker-chart ref="snakerChartRef"></snaker-chart>
+        </div>
+    `,
+    store,
+    dicts: ["PROCESS_TASK_SUBMIT_TYPE"],
+    data() {
+        return {
+            visible: false,
+            viewData: {},
+            doneTasks: [],
+            row: null
+        }
+    },
+    methods: {
+        onOpen(row) {
+            this.row = row
+            this.visible = true
+            this.getInfo()
+            this.getDoneTasks()
+        },
+        getInfo() {
+            this.$axios.post('/platform/condolence/mine/info', {id: this.row.id}).then((res) => {
+                if (res.code === 0) {
+                    this.viewData = res.data
+                }
+            })
+        },
+        // 获取已办任务审批记录
+        getDoneTasks() {
+            this.$axios.post("/flow/common/doneTasks", {bizId: this.row.id}).then((res) => {
+                if (res.code === 0) {
+                    this.doneTasks = res.data
+                }
+            })
+        },
+        // 查看流程图
+        openChart(){
+            this.$refs.snakerChartRef.onOpenFull(this.row.instanceProcessDefineId, this.row.instanceId)
+        }
+    }
+}

src/main/resources/views/platform/zhgh/staffbenefit/condolence/mine/index.html

@@ -0,0 +1,160 @@
+<!--#
+layout("/layouts/platform.html"){
+#-->
+<div id="app">
+    <guava ref="guava">
+        <el-card shadow="never">
+            <search @search="doSearch">
+                <search-item label="年度">
+                    <el-date-picker
+                            v-model="pageForm.year"
+                            type="year"
+                            value-format="yyyy"
+                            placeholder="年度"
+                            style="width: 100%"
+                            @change="doSearch"
+                    ></el-date-picker>
+                </search-item>
+                <search-item label="姓名/工号">
+                    <el-input placeholder="请输入慰问对象姓名或工号查询" clearable v-model="pageForm.searchKeyword"
+                              @keyup.enter.native="doSearch">
+                    </el-input>
+                </search-item>
+                <search-item label="慰问类型">
+                    <el-select v-model="pageForm.type" @change="doSearch" style="width: 100%"
+                               placeholder="请选择慰问类型">
+                        <el-option v-for="item in typeOptions"
+                                   :value="item.id"
+                                   :key="item.id"
+                                   :label="item.name"
+                        ></el-option>
+                    </el-select>
+                </search-item>
+            </search>
+        </el-card>
+
+        <el-card shadow="never">
+            <table-tool label="申请列表">
+                <el-button type="primary" size="small" @click="onAdd">
+                    <i class="ti-plus"></i>
+                    新增申请
+                </el-button>
+            </table-tool>
+            <el-table :data="tableData" @sort-change="pageOrder" style="width: 100%">
+                <el-table-column type="index" width="50px" label="序号" :index="indexMethod"></el-table-column>
+                <el-table-column
+                        :label="column.label"
+                        :prop="column.prop"
+                        :key="column.prop"
+                        :width="column.width"
+                        :sortable="column.sortable"
+                        align="center"
+                        header-align="center"
+                        show-overflow-tooltip
+                        v-for="column in tableColumns"
+                >
+                    <template v-slot="{ row }" v-if="column.prop === 'instanceState'">
+                        <enum-tag :value="row.instanceState" name="ProcessInstanceStateEnum" label_key="message" size="small"></enum-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" fixed="right" width="300">
+                    <template slot-scope="{row}">
+                        <el-button @click="onView(row)" size="mini" type="primary">查看</el-button>
+                        <el-button v-if="row.taskKey === 'startTask' || !row.instanceId" @click="onEdit(row)" size="mini" type="primary">编辑</el-button>
+                        <el-button v-if="row.canRevoke" size="mini" type="danger" @click="onRevoke(row)">撤回</el-button>
+                        <el-button v-if="row.taskKey === 'startTask' || !row.instanceId" @click="onDelete(row.id)" size="mini" type="danger">
+                            删除
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <!--#include("/layouts/pagination.html"){}#-->
+        </el-card>
+
+        <template #view>
+            <condolence-info ref="condolenceInfoRef"></condolence-info>
+        </template>
+    </guava>
+</div>
+
+<script>
+    <!--#include('../common/info.js'){}#-->
+    new Vue({
+        el: "#app",
+        store,
+        mixins: [initTableMixins],
+        components: {
+            "condolence-info": condolenceInfo
+        },
+        data() {
+            return {
+                typeOptions: [],
+                tableColumns: [
+                    {prop: 'helpUserName', label: '慰问对象'},
+                    {prop: 'helpLoginName', label: '慰问对象工号'},
+                    {prop: 'applyUserName', label: '申请人'},
+                    {prop: 'applyUnionName', label: '所属工会'},
+                    {prop: 'applyUnitName', label: '所属单位'},
+                    {prop: 'typeName', label: '慰问类型'},
+                    {prop: 'taskName', label: '当前节点'},
+                    {prop: 'instanceState', label: '流程状态'},
+                ],
+            }
+        },
+        methods: {
+            onAdd() {
+                window.location.href = '/platform/condolence/apply'
+            },
+            onView(row) {
+                this.$refs.guava.view(()=>{
+                    this.$refs.condolenceInfoRef.onOpen(row)
+                })
+            },
+            onEdit(row) {
+                window.location.href = '/platform/condolence/apply?taskId=' + (row.startTaskId || '') + "&bizId=" + row.id
+            },
+            onRevoke(row) {
+                this.$confirm("您确定要撤回吗？", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    type: "warning"
+                }).then(() => {
+                    this.$axios.post("/flow/common/revokeTask", { taskId: row.startTaskId }).then((res) => {
+                        if (res.code === 0) {
+                            this.$message.success(res.msg)
+                            this.pageData()
+                        }
+                    })
+                })
+            },
+            onDelete(id) {
+                this.$confirm("您确定要删除吗？", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    type: "warning"
+                }).then(() => {
+                    this.$axios.post("/platform/condolence/mine/delete", { id }).then((res) => {
+                        if (res.code === 0) {
+                            this.$message.success(res.msg)
+                            this.pageData()
+                        }
+                    })
+                })
+            },
+            queryCondolenceType() {
+                this.$axios.post('/platform/condolence/type/queryCondolenceType')
+                    .then((resp) => {
+                        this.typeOptions = resp.data
+                    })
+            },
+        },
+        created() {
+            this.queryCondolenceType()
+            this.pageData()
+        }
+    })
+</script>
+
+<!--#
+}
+#-->

src/main/resources/views/platform/zhgh/staffbenefit/condolence/read/index.html

@@ -2,8 +2,8 @@
 layout("/layouts/platform.html"){
 #-->
 
-<guava ref="guava">
-    <div id="app">
+<div id="app">
+    <guava ref="guava">
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="年度">
@@ -76,20 +76,28 @@ layout("/layouts/platform.html"){
                 </el-table-column>
                 <el-table-column label="操作" fixed="right" width="100">
                     <template slot-scope="{row}">
-                        <el-button @click="onOpen(row)" size="mini" type="primary">查看</el-button>
+                        <el-button @click="onView(row)" size="mini" type="primary">查看</el-button>
                     </template>
                 </el-table-column>
             </el-table>
             <!--#include("/layouts/pagination.html"){}#-->
         </el-card>
-    </div>
-</guava>
+
+        <template #edit>
+            <condolence-info ref="condolenceInfoRef"></condolence-info>
+        </template>
+    </guava>
+</div>
 
 <script>
+    <!--#include('../common/info.js'){}#-->
     new Vue({
         el: "#app",
         store,
         mixins: [initTableMixins],
+        components: {
+            "condolence-info": condolenceInfo
+        },
         data() {
             return {
                 typeOptions: [],
@@ -111,14 +119,10 @@ layout("/layouts/platform.html"){
             onExport() {
                 this.$downLoad(loc() + '/onExport', this.pageForm)
             },
-            onOpen(row) {
-                window.open(
-                    "/flow/common/approval/form?instanceId=" +
-                    (row.instanceId || "") +
-                    "&businessId=" +
-                    row.id +
-                    "&defineKey=ZGWW"
-                )
+            onView(row) {
+                this.$refs.guava.edit(()=>{
+                    this.$refs.condolenceInfoRef.onOpen(row)
+                })
             },
             queryCondolenceType() {
                 this.$axios.post('/platform/condolence/type/queryCondolenceType')

src/main/resources/views/platform/zhgh/staffbenefit/condolence/schoolUnionApproval/index.html

@@ -2,8 +2,9 @@
 layout("/layouts/platform.html"){
 #-->
 
-<guava ref="guava">
-    <div id="app">
+<div id="app">
+    <guava ref="guava">
+
         <el-card shadow="never">
             <search @search="doSearch">
                 <search-item label="年度">
@@ -79,21 +80,50 @@ layout("/layouts/platform.html"){
                 </el-table-column>
                 <el-table-column label="操作" fixed="right" width="300px">
                     <template slot-scope="{row}">
-                        <el-button @click="onOpen(row)" size="mini" type="primary">查看</el-button>
-                        <el-button v-if="row.taskState === 10" @click="openApproval(row)" size="mini" type="primary">审核</el-button>
+                        <el-button @click="onView(row)" size="mini" type="primary">查看</el-button>
+                        <el-button v-if="row.taskState === 10" @click="onAudit(row)" size="mini" type="primary">审核</el-button>
+                        <el-button v-if="row.canRevoke" @click="onRevoke(row)" size="mini" type="danger">撤回</el-button>
                     </template>
                 </el-table-column>
             </el-table>
             <!--#include("/layouts/pagination.html"){}#-->
         </el-card>
-    </div>
-</guava>
+
+        <template #edit>
+            <condolence-info ref="condolenceInfoRef">
+                <div v-if="showApprovalForm">
+                    <div class="process-title">
+                        {{formData.taskName}}
+                    </div>
+                    <el-form :model="formData" ref="formRef" :rules="formRules" label-width="0" label-suffix="："
+                             class="flow-task-form">
+                        <el-form-item label="审批意见" prop="tf_opinion"
+                                      :rules="[{required:true,message:'必填',trigger:['change','blur']}]">
+                            <user-opinion-textarea v-model="formData.tf_opinion"></user-opinion-textarea>
+                        </el-form-item>
+                    </el-form>
+                    <el-row type="flex" justify="end">
+                        <el-button @click="$refs.guava.index()" size="small">取消</el-button>
+                        <el-button @click="handleTaskAction(6)" size="small" type="info">退回到发起人</el-button>
+                        <el-button @click="handleTaskAction(2)" size="small" type="danger">拒绝申请</el-button>
+                        <el-button @click="handleTaskAction(1)" size="small" type="primary">同意申请</el-button>
+                    </el-row>
+                </div>
+            </condolence-info>
+        </template>
+
+    </guava>
+</div>
 
 <script>
+    <!--#include('../common/info.js'){}#-->
     new Vue({
         el: "#app",
         store,
         mixins: [initTableMixins],
+        components: {
+            "condolence-info": condolenceInfo
+        },
         data() {
             return {
                 pageForm: {
@@ -112,20 +142,60 @@ layout("/layouts/platform.html"){
                 ],
                 unionList: [],
                 unitList: [],
+                formData: {},
+                showApprovalForm: false
             }
         },
         methods: {
-            onOpen(row) {
-                window.open(
-                    "/flow/common/approval/form?instanceId=" +
-                    (row.instanceId || "") +
-                    "&businessId=" +
-                    row.id +
-                    "&defineKey=ZGWW"
-                )
+            onView(row) {
+                this.$refs.guava.edit(()=>{
+                    this.showApprovalForm = false
+                    this.$refs.condolenceInfoRef.onOpen(row)
+                })
             },
-            openApproval(row) {
-                window.open("/flow/common/approval/form?taskId=" + row.taskId + "&instanceId=" + row.instanceId + "&businessId=" + row.businessNo)
+            onAudit(row) {
+                this.$refs.guava.edit(()=>{
+                    this.showApprovalForm = true
+                    this.formData = {
+                        processTaskId: row.taskId,
+                        taskName: row.curTaskName
+                    }
+                    this.$refs.condolenceInfoRef.onOpen(row)
+                })
+            },
+            handleTaskAction(val) {
+                this.$confirm("您确定要提交吗？", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    type: "warning"
+                }).then(() => {
+                    this.$axios.post("/flow/common/executeTask", {
+                        data: JSON.stringify({
+                            ...this.formData,
+                            submitType: val
+                        })
+                    }).then((res) => {
+                        if (res.code === 0) {
+                            this.$refs.guava.index()
+                            this.$message.success(res.msg)
+                            this.doSearch()
+                        }
+                    })
+                })
+            },
+            onRevoke(row) {
+                this.$confirm("您确定要撤回吗？", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    type: "info"
+                }).then(() => {
+                    this.$axios.post("/flow/common/revokeTask", {taskId: row.taskId}).then((res) => {
+                        if (res.code === 0) {
+                            this.$message.success(res.msg)
+                            this.doSearch()
+                        }
+                    })
+                })
             },
             queryCondolenceType() {
                 this.$axios.post('/platform/condolence/type/queryCondolenceType')

src/main/resources/views/platform/zhgh/staffbenefit/condolence/view/index.html

@@ -1,107 +0,0 @@
-<div id="condolence-view">
-  <el-descriptions :column="2" border>
-    <el-descriptions-item label="申请人姓名">{{ viewData.applyUserName }}</el-descriptions-item>
-    <el-descriptions-item label="申请人工号">{{ viewData.applyLoginName }}</el-descriptions-item>
-    <el-descriptions-item label="申请人单位">{{ viewData.applyUnitName }}</el-descriptions-item>
-    <el-descriptions-item label="申请人工会">{{ viewData.applyUnionName }}</el-descriptions-item>
-    <el-descriptions-item label="慰问对象">{{ viewData.helpUserName }}</el-descriptions-item>
-    <el-descriptions-item label="收款人">{{ viewData.payUserName }}</el-descriptions-item>
-    <el-descriptions-item label="慰问类型">{{ viewData.typeName }}</el-descriptions-item>
-    <el-descriptions-item label="慰问方式">{{ viewData.way }}</el-descriptions-item>
-    <el-descriptions-item label="慰问金额">{{ viewData.money }}</el-descriptions-item>
-    <el-descriptions-item label="慰问时间">{{ viewData.occurTime }}</el-descriptions-item>
-    <el-descriptions-item v-if="['2'].includes(viewData.type)" label="孩次">{{ viewData.child }}</el-descriptions-item>
-    <el-descriptions-item v-if="['3','4'].includes(viewData.type)" label="治疗医院">{{ viewData.hospital }}</el-descriptions-item>
-    <el-descriptions-item v-if="['3','4'].includes(viewData.type)" label="病房号">{{ viewData.hospitalHouseNum }}</el-descriptions-item>
-    <el-descriptions-item v-if="['3','4'].includes(viewData.type)" label="床号">{{ viewData.hospitalHouseBedNum }}</el-descriptions-item>
-    <el-descriptions-item v-if="['4'].includes(viewData.type)" label="患病病种">{{ viewData.hospitalBy }}</el-descriptions-item>
-    <el-descriptions-item v-if="['6'].includes(viewData.type)" label="直系亲属">{{ viewData.deadImmediateFamily }}</el-descriptions-item>
-    <el-descriptions-item label="申请事由" :span="2">{{ viewData.remark }}</el-descriptions-item>
-    <el-descriptions-item label="附件" :span="2">
-      <file-preview v-if="viewData.files && viewData.files.length > 0" :files="viewData.files" complete_result></file-preview>
-      <span v-else>暂无附件</span>
-    </el-descriptions-item>
-    <el-descriptions-item label="签字" :span="2">
-      <el-image :src="viewData.signature"
-                v-if="viewData.signature"
-                class="signature-image"></el-image>
-      <span v-else>暂无签字</span>
-    </el-descriptions-item>
-  </el-descriptions>
-
-  <template v-for="task in doneTasks">
-    <div class="task-panel mt10">
-      <div class="task-panel-header">{{ task.displayName }}</div>
-      <el-descriptions border class="flow-task-form" :column="3" :key="task.id" v-if="task.ext.isFirstTaskNode">
-        <el-descriptions-item label="申请用户">{{ task.ext.initiatorName }}({{task.ext.initiatorAccount}})</el-descriptions-item>
-        <el-descriptions-item label="申请时间">{{ task.finishTime }}</el-descriptions-item>
-        <el-descriptions-item label="办理结果">
-          <dict-tag :options="dict.type.PROCESS_TASK_SUBMIT_TYPE" :value="task.ext.submitType"></dict-tag>
-        </el-descriptions-item>
-      </el-descriptions>
-
-      <el-descriptions border class="flow-task-form" :column="3" :key="task.id" v-else>
-        <el-descriptions-item label="办理用户">{{ task.taskFormData.userName }}({{task.taskFormData.loginName}})</el-descriptions-item>
-        <el-descriptions-item label="办理时间">{{ task.finishTime }}</el-descriptions-item>
-        <el-descriptions-item label="办理结果">
-          <dict-tag :options="dict.type.PROCESS_TASK_SUBMIT_TYPE" :value="task.ext.submitType"></dict-tag>
-        </el-descriptions-item>
-        <el-descriptions-item label="办理意见" v-if="!task.ext.isFirstTaskNode">{{ task.taskFormData.opinion }}</el-descriptions-item>
-      </el-descriptions>
-    </div>
-  </template>
-</div>
-
-<script>
-  new Vue({
-    el: "#condolence-view",
-    store,
-    dicts: ["PROCESS_TASK_SUBMIT_TYPE"],
-    data() {
-      return {
-        businessId: GetQueryString("businessId"),
-        instanceId: GetQueryString("instanceId"),
-        viewData: {},
-        doneTasks: []
-      }
-    },
-    methods: {
-      info() {
-        this.$axios.post("/platform/condolence/view/info", { id: this.businessId }).then((res) => {
-          if (res.code === 0) {
-            this.viewData = res.data
-          }
-        })
-      },
-      getDoneTasks() {
-        this.$axios.post("/flow/common/doneTasks", { instanceId: this.instanceId }).then((res) => {
-          if (res.code === 0) {
-            this.doneTasks = res.data
-          }
-        })
-      }
-    },
-    created() {
-      this.info()
-      this.getDoneTasks()
-    }
-  })
-</script>
-
-<style>
-  .task-panel {
-    background: white;
-    border-radius: 4px;
-    overflow: hidden;
-  }
-
-  .task-panel-header {
-    background: rgb(250, 250, 250);
-    border: 1px solid rgb(228, 231, 237);
-    border-bottom: none;
-    padding: 12px 16px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-</style>

src/main/resources/views/platform/zhgh/staffbenefit/recuperation/branchUnionUserQuery/editForm.js

@@ -1,8 +1,7 @@
 const editForm = {
     template: /*language=HTML*/ `
         <el-dialog title="编辑" :visible.sync="visible" top="50px">
-            <el-form :model="formData" label-width="120px" :formRules="formRules" ref="formRef"
-                     style="margin-right: 40px">
+            <el-form :model="formData" label-width="80px" :formRules="formRules" ref="formRef">
                 <el-row>
                     <el-col span="12">
                         <el-form-item prop="loginName" label="工号">
@@ -133,7 +132,7 @@ const editForm = {
                 if (this.config.familyInfo === 2) {
                     this.labelName = "家属信息"
                 } else {
-                    this.editFormData.bedType = data.familyNumber
+                    this.formData.bedType = data.familyNumber
                     this.labelName = "家属数量"
                 }
             } else {
@@ -141,7 +140,7 @@ const editForm = {
             }
         },
         async getModifyConfig() {
-            const {code, data, msg} = await this.$axios.post('/platform/recuperation/config/findOne')
+            const {code, data, msg} = await this.$axios.post('/platform/recuperation/config/fetchOne')
             if (code === 0) {
                 this.config = data
             } else {
@@ -149,7 +148,7 @@ const editForm = {
             }
         },
         async getUnionSelectLine() {
-            const resp = await this.$axios.post('/platform/recuperation/user/query/getUnionSelectLine', {
+            const resp = await this.$axios.post('/platform/recuperation/schoolUnionUserQuery/getUnionSelectLine', {
                 year: this.year,
                 signUpMode: 1,
             })
@@ -158,8 +157,8 @@ const editForm = {
             }
         },
         async validateLine() {
-            const resp = await $.post('/platform/recuperation/line/enroll/validSignUpInfo'
-                , {enroll: JSON.stringify(this.editFormData)})
+            const resp = await this.$axios.post('/platform/recuperation/line/enroll/validSignUpInfo'
+                , {enroll: JSON.stringify(this.formData)})
             if (resp.code !== 0) {
                 this.$message.warning(resp.msg)
                 this.formData.takePartInLineId = ''
@@ -177,7 +176,7 @@ const editForm = {
                             this.$message.warning('请选择线路')
                             return
                         }
-                        const {code,msg} = await $.post('/platform/recuperation/user/query/doEdit', this.formData)
+                        const {code, msg} = await this.$axios.post('/platform/recuperation/schoolUnionUserQuery/doEdit', this.formData)
                         if (code === 0) {
                             this.$message.success(msg)
                             this.visible = false

src/main/resources/views/platform/zhgh/staffbenefit/recuperation/branchUnionUserQuery/index.html

@@ -60,6 +60,9 @@ layout("/layouts/platform.html"){
         padding-right: 25px;
         margin: 0 15px;
     }
+    .view-dialog .el-dialog__body {
+        padding-top: 0;
+    }
 </style>
 
 <div id="app" v-cloak>
@@ -222,8 +225,8 @@ layout("/layouts/platform.html"){
         </template>
     </guava>
 
-    <el-dialog title="查看报名信息" :visible.sync="viewVisible" top="50px">
-        <enroll-info ref="viewEnrollInfoRef"></enroll-info>
+    <el-dialog title="查看报名信息" :visible.sync="viewVisible" top="50px" class="view-dialog">
+        <enroll-info ref="enrollInfoRef"></enroll-info>
     </el-dialog>
 
     <set-up-part ref="setUpRef"></set-up-part>
@@ -234,13 +237,15 @@ layout("/layouts/platform.html"){
     <!--#include('setUpPart.js'){}#-->
     <!--#include('editForm.js'){}#-->
     <!--#include('../line/info.js'){}#-->
+    <!--#include('../common/enrollInfo.js'){}#-->
     new Vue({
         el: "#app",
         mixins: [initTableMixins],
         components: {
             'line-info': info,
             'set-up-part': setUpPart,
-            'edit-form': editForm
+            'edit-form': editForm,
+            'enroll-info': enrollInfo,
         },
         data() {
             return {
@@ -295,11 +300,12 @@ layout("/layouts/platform.html"){
             openView(row) {
                 this.viewVisible = true
                 this.$nextTick(() => {
-                    this.$refs.viewEnrollInfoRef.openView(row.id)
+                    this.$refs.enrollInfoRef.onOpen(row.id)
                 })
             },
             openEdit(row) {
-                this.$refs.editRef.onOpen(row.id)
+                this.$message.warning('等移动端开发后再修改')
+                //this.$refs.editRef.onOpen(row.id)
             },
             onDelete(row) {
                 this.$confirm("您确定要删除【<span style='color: red'>" + row.userName + "</span>】的信息吗？", '提示', {
@@ -320,16 +326,7 @@ layout("/layouts/platform.html"){
                 })
             },
             doExport() {
-                const {year, userName, loginName, unionId, signUpMode, regionalNature, takePartInLineId, lotId} = this.pageForm
-                window.open('/platform/recuperation/schoolUnionUserQuery/exportXlsx?year=' +
-                    year
-                    + '&userName=' + userName
-                    + '&loginName=' + loginName
-                    + '&unionId=' + unionId
-                    + '&signUpMode=' + signUpMode
-                    + '&regionalNature=' + regionalNature
-                    + '&takePartInLineId=' + takePartInLineId
-                    + '&lotId=' + lotId)
+                this.$downLoad('/platform/recuperation/schoolUnionUserQuery/exportXlsx', this.pageForm)
             },
             openSetUpPart() {
                 const selection = this.$refs.tableRef.selection

src/main/resources/views/platform/zhgh/staffbenefit/recuperation/branchUnionUserQuery/setUpPart.js

@@ -1,7 +1,7 @@
 const setUpPart = {
     template: /*language=HTML*/ `
         <el-dialog :visible.sync="visible" title="设置参加人员" top="50px">
-            <el-row class="text-primary p20">
+            <el-row class="text-primary mb10">
                 选择标段/参加时间（设置前请先勾选需要设置的用户）
             </el-row>
 
@@ -62,7 +62,7 @@ const setUpPart = {
             this.getModifyConfig()
         },
         async getModifyConfig() {
-            const res = await $.post('/platform/recuperation/config/findOne')
+            const res = await this.$axios.post('/platform/recuperation/config/fetchOne')
             if (res.code === 0) {
                 this.config = res.data
             }
@@ -101,12 +101,13 @@ const setUpPart = {
         },
         onSubmit() {
             // 检查哪几条数据填写不完整
-            this.tableData.forEach((v, index) => {
+            for (let i = 0; i < this.tableData.length; i++) {
+                let v = this.tableData[i]
                 if (!v.lotId || !v.takePartInTime) {
-                    this.$message.error('第' + (index + 1) + '行数据填写不完整')
+                    this.$message.error('第' + (i + 1) + '行数据填写不完整')
                     return
                 }
-            })
+            }
             const data = this.tableData.map((v, index) => {
                 return{
                     lotId: v.lotId,
@@ -119,10 +120,7 @@ const setUpPart = {
                 cancelButtonText: '取消',
                 type: 'warning'
             }).then(async res => {
-                const {
-                    code,
-                    msg
-                } = await $.post("/platform/recuperation/branchUnionUserQuery/setUpParticipants", {data: JSON.stringify(data)})
+                const {code, msg} = await this.$axios.post("/platform/recuperation/branchUnionUserQuery/setUpParticipants", {data: JSON.stringify(data)})
                 if (code === 0) {
                     this.$message.success(msg)
                     this.$refs.tableRef.clearSelection()

src/main/resources/views/platform/zhgh/staffbenefit/recuperation/common/enrollInfo.js

@@ -0,0 +1,129 @@
+const enrollInfo = {
+    template: /*language=HTML*/ `
+        <div>
+            <el-tabs tab-position="top" v-model="activeName" v-loading="loading">
+                <el-tab-pane label="报名信息" name="1">
+                    <div class="panel panel-default" style="border: none">
+                        <div class="panel-heading" style="background: #fafafa;border:1px solid #ebeef5;border-bottom: none">
+                            <h3 class="panel-title">
+                                本人信息
+                            </h3>
+                        </div>
+                        <el-descriptions :column="2" border class="viewTable">
+                            <el-descriptions-item label="工号">{{ viewData.loginName }}</el-descriptions-item>
+                            <el-descriptions-item label="姓名">{{ viewData.userName }}</el-descriptions-item>
+                            <el-descriptions-item label="性别">{{ viewData.sex }}</el-descriptions-item>
+                            <el-descriptions-item label="身份证号">{{ viewData.idCard }}</el-descriptions-item>
+                            <el-descriptions-item label="单位">{{ viewData.unitName }}</el-descriptions-item>
+                            <el-descriptions-item label="工会">{{ viewData.unionName }}</el-descriptions-item>
+                            <el-descriptions-item label="报名时间">{{ viewData.signingUptime }}</el-descriptions-item>
+                            <el-descriptions-item label="参加活动时间">
+                                {{ viewData.specificTime ? viewData.specificTime : '暂未更新' }}
+                            </el-descriptions-item>
+                            <el-descriptions-item label="实际出行时间">
+                                {{ viewData.takePartInTime ? viewData.takePartInTime : '暂未更新' }}
+                            </el-descriptions-item>
+                            <el-descriptions-item label="线路名称">{{ viewData.lineName }}</el-descriptions-item>
+                            <el-descriptions-item label="旅行社名称">{{ viewData.travelAgencyName }}</el-descriptions-item>
+                            <el-descriptions-item label="是否携带家属">
+                               <span class="label label-primary">
+                                  {{ viewData.isFamily || viewData.familyNumber > 0 ? '携带' : '未携带' }}
+                               </span>
+                            </el-descriptions-item>
+                            <template v-if="modifyConfig.bedInfo">
+                                <el-descriptions-item label="床型">{{ viewData.bedInfo?.bedType }}</el-descriptions-item>
+                                <el-descriptions-item label="床位">
+                                    {{ viewData.bedInfo?.bedNum ? viewData.bedInfo?.bedNum : '暂无' }}
+                                </el-descriptions-item>
+                                <el-descriptions-item label="意向拼床人">
+                                    {{ viewData.bedInfo?.otherSleepUser ? viewData.bedInfo?.otherSleepUser : '暂无' }}
+                                </el-descriptions-item>
+                            </template>
+                        </el-descriptions>
+                    </div>
+                    <div v-if="modifyConfig.familyInfo == 2" class="panel panel-default" style="border: none">
+                        <div class="panel-heading" style="background: #fafafa;border:1px solid #ebeef5;border-bottom: none">
+                            <h3 class="panel-title">
+                                同伴信息
+                            </h3>
+                        </div>
+                        <div class="panel-body" style="border: 1px solid rgb(235, 238, 245)">
+                            <el-table :data="viewData.companionList">
+                                <el-table-column label="姓名" prop="userName"></el-table-column>
+                                <el-table-column label="性别" prop="sex"></el-table-column>
+                                <el-table-column label="身份证号" prop="idCard"></el-table-column>
+                                <el-table-column label="年龄" prop="age"></el-table-column>
+                                <el-table-column label="床型" prop="bedType">
+                                    <template v-slot="{row}">
+                                        {{ row.bedInfo?.bedType }}
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="床位" prop="bedNum">
+                                    <template v-slot="{row}">
+                                        {{ row.bedInfo?.bedNum }}
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="意向拼床人" prop="otherSleepUser">
+                                    <template v-slot="{row}">
+                                        {{ row.bedInfo?.otherSleepUser ? row.bedInfo?.otherSleepUser : '暂无' }}
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="关系" prop="relation"></el-table-column>
+                            </el-table>
+                        </div>
+                    </div>
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+    `,
+    data() {
+        return {
+            activeName: "1",
+            viewData: {
+                companionList: [],
+                bedInfo: {},
+            },
+            loading: false,
+            modifyConfig:{}
+        }
+    },
+    methods: {
+        async onOpen(id) {
+            await this.findOne(id)
+        },
+        async findOne(id) {
+            this.loading = true
+            const resp = await this.$axios.post("/platform/recuperation/branchUnionAudit/findOne", {id})
+            this.loading = false
+            if (resp.code === 0) {
+                this.viewData = resp.data.viewData
+            } else {
+                this.viewData = {}
+                this.$message.error(resp.msg)
+            }
+        },
+        async getModifyConfig() {
+            const res = await this.$axios.post('/platform/recuperation/config/fetchOne')
+            if (res.code === 0) {
+                this.modifyConfig = res.data
+            }
+        },
+    },
+    async created() {
+        await this.getModifyConfig()
+    },
+    style: /*language=CSS*/ `
+        .panel-heading {
+            border-color: #eeeff8;
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+            padding: 10px 15px;
+        }
+        .panel-title {
+            font-weight: bold;
+            color: #777;
+            height: 16px;
+            line-height: 16px;
+        }
+    `
+}

src/main/resources/views/platform/zhgh/staffbenefit/recuperation/schoolUnionUserQuery/editForm.js

@@ -1,8 +1,7 @@
 const editForm = {
     template: /*language=HTML*/ `
         <el-dialog title="编辑" :visible.sync="visible" top="50px">
-            <el-form :model="formData" label-width="120px" :formRules="formRules" ref="formRef"
-                     style="margin-right: 40px">
+            <el-form :model="formData" label-width="80px" :formRules="formRules" ref="formRef">
                 <el-row>
                     <el-col span="12">
                         <el-form-item prop="loginName" label="工号">
@@ -127,13 +126,13 @@ const editForm = {
             this.visible = true
             await this.getUnionSelectLine()
             await this.getModifyConfig()
-            const {code, msg, data} = await this.$axios.get("/platform/recuperation/schoolUnionUserQuery/findOne", {id})
+            const {code, msg, data} = await this.$axios.post("/platform/recuperation/schoolUnionUserQuery/findOne", {id})
             if (code === 0) {
                 this.formData = data
                 if (this.config.familyInfo === 2) {
                     this.labelName = "家属信息"
                 } else {
-                    this.editFormData.bedType = data.familyNumber
+                    this.formData.bedType = data.familyNumber
                     this.labelName = "家属数量"
                 }
             } else {
@@ -149,7 +148,7 @@ const editForm = {
             }
         },
         async getUnionSelectLine() {
-            const resp = await this.$axios.post('/platform/recuperation/user/query/getUnionSelectLine', {
+            const resp = await this.$axios.post('/platform/recuperation/schoolUnionUserQuery/getUnionSelectLine', {
                 year: this.year,
                 signUpMode: 1,
             })
@@ -159,7 +158,7 @@ const editForm = {
         },
         async validateLine() {
             const resp = await this.$axios.post('/platform/recuperation/line/enroll/validSignUpInfo'
-                , {enroll: JSON.stringify(this.editFormData)})
+                , {enroll: JSON.stringify(this.formData)})
             if (resp.code !== 0) {
                 this.$message.warning(resp.msg)
                 this.formData.takePartInLineId = ''
@@ -177,7 +176,7 @@ const editForm = {
                             this.$message.warning('请选择线路')
                             return
                         }
-                        const {code,msg} = await this.$axios.post('/platform/recuperation/user/query/doEdit', this.formData)
+                        const {code,msg} = await this.$axios.post('/platform/recuperation/schoolUnionUserQuery/doEdit', this.formData)
                         if (code === 0) {
                             this.$message.success(msg)
                             this.visible = false
@@ -189,5 +188,8 @@ const editForm = {
                 }
             })
         }
-    }
+    },
+    style: /*language=CSS*/ `
+        
+    `
 };

src/main/resources/views/platform/zhgh/staffbenefit/recuperation/schoolUnionUserQuery/index.html

@@ -60,6 +60,9 @@ layout("/layouts/platform.html"){
     padding-right: 25px;
     margin: 0 15px;
   }
+  .view-dialog .el-dialog__body {
+    padding-top: 0;
+  }
 </style>
 
 <div id="app" v-cloak>
@@ -97,7 +100,7 @@ layout("/layouts/platform.html"){
                 <el-option
                         v-for="item in unionOptions"
                         :key="item.id"
-                        :label="item.unionname"
+                        :label="item.name"
                         :value="item.id">
                 </el-option>
               </el-select>
@@ -220,8 +223,8 @@ layout("/layouts/platform.html"){
     </template>
   </guava>
 
-  <el-dialog title="查看报名信息" :visible.sync="viewVisible" top="50px">
-    <enroll-info ref="viewEnrollInfoRef"></enroll-info>
+  <el-dialog title="查看报名信息" :visible.sync="viewVisible" top="50px" class="view-dialog">
+    <enroll-info ref="enrollInfoRef"></enroll-info>
   </el-dialog>
 
   <set-up-part ref="setUpRef"></set-up-part>
@@ -232,13 +235,15 @@ layout("/layouts/platform.html"){
   <!--#include('setUpPart.js'){}#-->
   <!--#include('editForm.js'){}#-->
   <!--#include('../line/info.js'){}#-->
+  <!--#include('../common/enrollInfo.js'){}#-->
   new Vue({
     el: "#app",
     mixins: [initTableMixins],
     components: {
       'line-info': info,
       'set-up-part': setUpPart,
-      'edit-form': editForm
+      'edit-form': editForm,
+      'enroll-info': enrollInfo,
     },
     data() {
       return {
@@ -288,7 +293,7 @@ layout("/layouts/platform.html"){
       openView(row) {
         this.viewVisible = true
         this.$nextTick(() => {
-          this.$refs.viewEnrollInfoRef.openView(row.id)
+          this.$refs.enrollInfoRef.onOpen(row.id)
         })
       },
       openEdit(row) {
@@ -313,19 +318,10 @@ layout("/layouts/platform.html"){
         })
       },
       noSignExport() {
-        window.open('/platform/recuperation/schoolUnionUserQuery/noSignExport')
+        this.$downLoad('/platform/recuperation/schoolUnionUserQuery/noSignExport')
       },
       doExport() {
-        const {year, userName, loginName, unionId, signUpMode, regionalNature, takePartInLineId, lotId} = this.pageForm
-        window.open('/platform/recuperation/schoolUnionUserQuery/exportXlsx?year=' +
-                year
-                + '&userName=' + userName
-                + '&loginName=' + loginName
-                + '&unionId=' + unionId
-                + '&signUpMode=' + signUpMode
-                + '&regionalNature=' + regionalNature
-                + '&takePartInLineId=' + takePartInLineId
-                + '&lotId=' + lotId)
+        this.$downLoad('/platform/recuperation/schoolUnionUserQuery/exportXlsx', this.pageForm)
       },
       openSetUpPart() {
         const selection = this.$refs.tableRef.selection
@@ -365,6 +361,7 @@ layout("/layouts/platform.html"){
       }
     },
     async created() {
+      this.$businessTool.listUnion().then((res) => (this.unionOptions = res))
       this.doSearch()
       this.getConfig()
     }

src/main/resources/views/platform/zhgh/staffbenefit/recuperation/schoolUnionUserQuery/setUpPart.js

@@ -1,7 +1,7 @@
 const setUpPart = {
     template: /*language=HTML*/ `
         <el-dialog :visible.sync="visible" title="设置参加人员" top="50px">
-            <el-row class="text-primary p20">
+            <el-row class="text-primary mb10">
                 选择标段/参加时间（设置前请先勾选需要设置的用户）
             </el-row>
 
@@ -104,12 +104,13 @@ const setUpPart = {
         // 确定提交
         onSubmit() {
             // 检查哪几条数据填写不完整
-            this.tableData.forEach((v, index) => {
+            for (let i = 0; i < this.tableData.length; i++) {
+                let v = this.tableData[i]
                 if (!v.lotId || !v.takePartInTime) {
-                    this.$message.error('第' + (index + 1) + '行数据填写不完整')
+                    this.$message.error('第' + (i + 1) + '行数据填写不完整')
                     return
                 }
-            })
+            }
             const data = this.tableData.map((v, index) => {
                 return{
                     lotId: v.lotId,