fix

src/views/expelled/list/index.vue

@@ -18,9 +18,10 @@
           <span class="text">{{ scope.getPropValue(scope.field.label) }}</span>
         </div>
       </template>
-    </edit-table>
+      <template v-slot:table-top="btns">
-    <div class="btns">
+        <div v-if="!isComponents" style="margin-bottom: 12px;">
-      <el-button icon="el-icon-circle-plus-outline" type="primary" size="mini" @click="addData">添加</el-button>
+          <el-button type="primary" @click="addData">添加</el-button>
+          <el-button icon="el-icon-download" type="primary" @click="downloadTemplate">下载模板</el-button>
           <el-upload
             style="display: inline-block; margin-left: 10px; margin-right: 10px;"
             action=""
@@ -32,11 +33,14 @@
               slot="trigger"
               icon="iconfont icon-tijiao"
               type="primary"
-          size="mini"
             >批量导入</el-button>
           </el-upload>
-      <el-button icon="el-icon-download" type="primary" size="mini" @click="downloadTemplate">下载模板</el-button>
         </div>
+        <div v-if="isComponents" style="margin-bottom: 12px;">
+          <el-button type="primary" @click="confirmRemove">确定除名</el-button>
+        </div>
+      </template>
+    </edit-table>
   </div>
 </template>
 
@@ -47,6 +51,14 @@ export default {
   components: {
     EditTable
   },
+  props: {
+    isComponents: {
+      type: Boolean,
+      default: () => {
+        return false
+      }
+    }
+  },
   data() {
     return {
       data: [],
@@ -55,15 +67,10 @@ export default {
         emitLoadOnCreate: true,
         tableConfig: {
           showIndex: true,
-          selection: false,
+          selection: this.isComponents,
           indexWidth: '80px',
           handlerWidth: '120px',
           showPagination: true,
-          tableSelectionProps: {
-            selectable: (row, index) => {
-              return row.status === '1'
-            }
-          },
           tableProps: {
             headerCellStyle: { background: '#F5F5F5!important', color: '#333333!important', padding: '0px' },
             headerRowStyle: { height: '48px' },
@@ -75,7 +82,7 @@ export default {
           {
             label: '编辑',
             type: 'text',
-            show: true,
+            show: !this.isComponents,
             handler: (scope, { row }) => {
               this.$refs.EditTable.editReady(row)
             }
@@ -83,7 +90,7 @@ export default {
           {
             label: '删除',
             type: 'text',
-            show: true,
+            show: !this.isComponents,
             handler: (scope, { row }) => {
               this.$confirm('是否确认删除该' + row.entName + '市场主体拟除名名单信息', '提示', {
                 type: 'info',
@@ -254,14 +261,14 @@ export default {
             }
           ]
         },
-        {
+        // {
-          type: 'divider',
+        //   type: 'divider',
-          label: '市场主体拟除名名单信息',
+        //   label: '市场主体拟除名名单信息',
-          showInTable: false,
+        //   showInTable: false,
-          showInForm: ({ meta }) => {
+        //   showInForm: ({ meta }) => {
-            return meta.isForm === true
+        //     return meta.isForm === true
-          }
+        //   }
-        },
+        // },
         {
           type: 'input',
           label: '市场主体名称',
@@ -359,6 +366,12 @@ export default {
         this.$message.success('导入成功')
         this.$refs.EditTable.search({ reset: true })
       })
+    },
+    confirmRemove() {
+      if (!this.selected || this.selected.length === 0) {
+        return this.$message.error('请至少勾选一个主体名单')
+      }
+      this.$emit('confirm-remove', this.selected)
     }
   }
 }

src/views/expelled/notice/index.vue

@@ -1,11 +1,344 @@
 <template>
-
+  <div class="page">
+    <edit-table
+      ref="EditTable"
+      v-model="data"
+      :table-prop="tableProp"
+      :fields="fields"
+      :dialog-prop="dialogProp"
+      :show-search-form="true"
+      row-key="id"
+      :search-form-prop="searchFormProp"
+      :form-prop="formProp"
+      :search-loader="searchLoader"
+      @update:selected="(value)=>{selected = value}"
+    >
+      <template v-slot:divider="scope">
+        <div class="divider">
+          <span class="text">{{ scope.getPropValue(scope.field.label) }}</span>
+        </div>
+      </template>
+      <template v-slot:table-top="btns">
+        <div style="margin-bottom: 12px;">
+          <el-button type="primary" @click="visible = true">发起除名告知</el-button>
+        </div>
+      </template>
+    </edit-table>
+    <el-dialog
+      title="市场主体拟除名名单库"
+      :visible.sync="visible"
+      width="90vw"
+      top="153px"
+      custom-class="dialog-abnormal-list"
+    >
+      <ExpelledList :is-components="true" @confirm-remove="confirmRemove" />
+    </el-dialog>
+    <el-dialog
+      title="除名告知通知书管理"
+      :visible.sync="noticeVisible"
+      width="90vw"
+      top="153px"
+      custom-class="dialog-abnormal-list"
+    >
+      <div>
+        <p style="text-indent: 2em">您拟对{{ removeEntBases }}等市场主体进行除名处理，请按照相关的法定法规，作出除名决定的事实、理由、依据、后果，并将以上情况告知拟被除名市场主体。</p>
+        <p style="text-indent: 2em">除名告知书无法使用其他方式送达的，市场监管部门应当通过国家企业信用信息公示系统发布除名告知公告。</p>
+        <p style="text-indent: 2em">自公告发出之日起，经过三十日，即视为送达。</p>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-
+import { listExpelled, saveExpelled } from '@/api/expelled'
+import EditTable from '@/plugins/EasyComponent/EditTable'
+import ExpelledList from '@/views/expelled/list/index.vue'
+export default {
+  components: {
+    EditTable,
+    ExpelledList
+  },
+  data() {
+    return {
+      visible: false,
+      noticeVisible: false,
+      expelledDatas: [],
+      removeEntBases: '',
+      data: [],
+      selected: [],
+      tableProp: {
+        emitLoadOnCreate: true,
+        tableConfig: {
+          showIndex: true,
+          selection: false,
+          indexWidth: '80px',
+          handlerWidth: '120px',
+          showPagination: true,
+          tableSelectionProps: {
+            selectable: (row, index) => {
+              return row.status === '1'
+            }
+          },
+          tableProps: {
+            headerCellStyle: { background: '#F5F5F5!important', color: '#333333!important', padding: '0px' },
+            headerRowStyle: { height: '48px' },
+            rowStyle: { height: '48px' },
+            cellStyle: { padding: '16px 0', color: '#333' }
+          }
+        },
+        buttons: [
+          {
+            label: '查看详情',
+            type: 'text',
+            show: true,
+            handler: (scope, { row }) => {
+              this.$refs.EditTable.editReady(row)
+            }
+          }
+        ]
+      },
+      searchFormProp: {
+        formConfig: {
+          labelWidth: '100px',
+          labelPosition: 'right',
+          gutter: 32
+        }
+      },
+      formProp: {
+        formConfig: {
+          labelWidth: '210px',
+          labelPosition: 'right',
+          gutter: 32,
+          buttonPosition: 'right'
+        },
+        buttons: [
+          {
+            label: '返回',
+            type: 'primary',
+            buttonProps: {
+              plain: true
+            },
+            handler: (scope, { row }) => {
+              this.$refs.EditTable.cancelEdit()
+            }
+          },
+          {
+            label: '同意',
+            type: 'primary',
+            handler: (scope, { row }) => {
+              return scope.formInstance.submitForm().then((formData) => {
+                return this.$confirm('是否继续提交', '提示', {
+                  type: 'info',
+                  customClass: 'type-1'
+                })
+                  .then(() => {
+                    return (() => {
+                      return saveExpelled
+                    })()(formData)
+                      .then(() => {
+                        this.$message.success('保存成功')
+                        this.$refs.EditTable.editConfirm(formData)
+                        return this.$refs.EditTable.search({ reset: true })
+                      })
+                      .catch(error => {
+                        this.$message.error('保存失败: ' + (error.message || '未知错误'))
+                        throw error
+                      })
+                  })
+                  .catch(error => {
+                    // 如果只是取消操作，不抛出错误
+                    if (error !== 'cancel') {
+                      throw error
+                    }
+                  })
+              })
+            }
+          }
+        ]
+      },
+      dialogProp: {
+        title: (scope) => {
+          if (scope.editRowClone && scope.editRowClone._isAdd) {
+            return !scope.editRowClone.selected ? '除名告知通知书管理' : '除名告知通知书管理'
+          } else if (scope.editRowClone) {
+            return '除名告知通知书管理'
+          }
+          return '除名告知通知书管理'
+        },
+        width: '1200px',
+        customClass: 'dialog-abnormal-list'
+      },
+      fields: [
+        {
+          type: 'input',
+          label: '业务号',
+          prop: 'searchBizNo',
+          span: 9,
+          showInForm: ({ meta }) => {
+            return meta.isSearchForm === true
+          },
+          showInTable: false
+        },
+        {
+          type: 'buttons',
+          showInTable: false,
+          showInForm: ({ meta }) => {
+            return meta.isSearchForm === true
+          },
+          hiddenLabel: true,
+          label: '搜索操作',
+          prop: '搜索操作',
+          span: 6,
+          formItemProp: {
+            labelWidth: '0px'
+          },
+          buttons: [
+            {
+              label: '查询',
+              type: 'primary',
+              handler: (scope) => {
+                const { meta } = scope
+                const { _editTable } = meta
+                const { editTableInstance } = _editTable
+                editTableInstance.search()
+              }
+            },
+            {
+              label: '重置',
+              type: 'primary',
+              buttonProps: {
+                plain: true
+              },
+              handler: (scope) => {
+                const { meta } = scope
+                const { _editTable } = meta
+                const { editTableInstance } = _editTable
+                editTableInstance.search({
+                  reset: true,
+                  resetData: {
+                    status: '1'
+                  }
+                })
+              }
+            }
+          ]
+        },
+        {
+          type: 'divider',
+          label: '除名告知通知书管理',
+          showInTable: false,
+          showInForm: ({ meta }) => {
+            return meta.isForm === true
+          }
+        },
+        {
+          type: 'input',
+          label: '业务号',
+          prop: 'bizNo',
+          required: true,
+          showInForm: ({ meta }) => {
+            return meta.isForm === true
+          },
+          showInTable: true
+        },
+        {
+          type: 'input',
+          label: '除名决定的事实',
+          prop: 'truth',
+          required: true,
+          showInForm: ({ meta }) => {
+            return meta.isForm === true
+          },
+          tableProps: {
+            showOverflowTooltip: true
+          }
+        },
+        {
+          type: 'input',
+          label: '除名决定的理由',
+          prop: 'reason',
+          required: true,
+          showInForm: ({ meta }) => {
+            return meta.isForm === true
+          },
+          tableProps: {
+            showOverflowTooltip: true
+          }
+        },
+        {
+          type: 'input',
+          label: '除名决定的依据',
+          prop: 'law',
+          required: true,
+          showInForm: ({ meta }) => {
+            return meta.isForm === true
+          },
+          tableProps: {
+            showOverflowTooltip: true
+          }
+        },
+        {
+          type: 'input',
+          label: '除名决定的后果',
+          prop: 'result',
+          required: true,
+          showInForm: ({ meta }) => {
+            return meta.isForm === true
+          },
+          tableProps: {
+            showOverflowTooltip: true
+          }
+        }
+      ]
+    }
+  },
+  beforeRouteEnter(to, from, next) {
+    next((vm) => {
+      // 使用 $nextTick 确保组件完全渲染后再调用
+      vm.$nextTick(() => {
+        if (vm.$refs.EditTable) {
+          vm.$refs.EditTable.search({ reset: true })
+        }
+      })
+    })
+  },
+  methods: {
+    searchLoader(pageParam, parseSearchFormData, instance) {
+      return listExpelled({
+        size: pageParam.size,
+        current: pageParam.current,
+        entity: {
+          ...parseSearchFormData
+        }
+      }).then((data) => {
+        // 确保每条记录都有必要的属性
+        const records = data.data.records.map(record => ({
+          ...record,
+          _isAdd: record._isAdd || false
+        }))
+        return {
+          tableData: records,
+          total: data.data.total
+        }
+      })
+    },
+    confirmRemove(datas) {
+      this.expelledDatas = datas
+      for (let i = 0; i < datas.length; i++) {
+        if (i >= 10) {
+          break
+        }
+        this.removeEntBases += datas[i].entName + '（' + datas[i].uscc + '）、'
+      }
+      this.removeEntBases = this.removeEntBases.substring(0, this.removeEntBases.length - 1)
+      this.visible = false
+      this.noticeVisible = true
+      this.$refs.EditTable.editReady({})
+    }
+  }
+}
 </script>
 
-<style>
+<style lang="scss" scoped>
-
+@import "~@/styles/abnormal-list.scss";
 </style>

vue.config.js

@@ -45,7 +45,7 @@ module.exports = {
       // 如果有多个mock请往里面继续添加
       [process.env.VUE_APP_BASE_API]: {
         timeout: 60000,
-        target: `http://219.148.175.145:56666`,
+        target: `http://localhost:8080`,
         // target: `http://127.0.0.1:8090`,
         // target: `http://172.22.80.129`,
         changeOrigin: true