20220530_sun#473养老机构失信信息

ruoyi-ui/src/views/business/lhcj/sxxx/cyrySxxx/index.vue

@@ -1,100 +1,40 @@
 <template>
   <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="68px"
-    >
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="人员名称" prop="xm">
-        <el-input
-          v-model="queryParams.xm"
-          placeholder="请输入人员名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.xm" placeholder="请输入人员名称" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="证件号码" prop="zjhm">
-        <el-input
-          v-model="queryParams.zjhm"
-          placeholder="请输入证件号码"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.zjhm" placeholder="请输入证件号码" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="所在区划" prop="xzqh">
-        <RegionCascaderSelect
-          v-model="xzqh"
-          style="width: 100%"
-          endLevel="2"
-          valueProp="code"
-          :isDataRoot="true"
-        ></RegionCascaderSelect>
+        <RegionCascaderSelect v-model="xzqh" style="width: 100%" endLevel="2" valueProp="code" :isDataRoot="true">
+        </RegionCascaderSelect>
       </el-form-item>
       <el-form-item label="数据来源" prop="sjly">
-        <el-select
-          v-model="queryParams.sjly"
-          placeholder="请选择数据来源"
-          clearable
-        >
-          <el-option
-            v-for="dict in dict.type.CH042"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
+        <el-select v-model="queryParams.sjly" placeholder="请选择数据来源" clearable>
+          <el-option v-for="dict in dict.type.CH042" :key="dict.value" :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="流转状态" prop="lzzt">
-        <el-select
-          v-model="queryParams.lzzt"
-          placeholder="请选择流转状态"
-          clearable
-        >
-          <el-option
-            v-for="dict in dict.type.CZ023"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
+        <el-select v-model="queryParams.lzzt" placeholder="请选择流转状态" clearable>
+          <el-option v-for="dict in dict.type.CZ023" :key="dict.value" :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="联系电话" prop="lxdh">
-        <el-input
-          v-model="queryParams.lxdh"
-          placeholder="请输入联系电话"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.lxdh" placeholder="请输入联系电话" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
 
       <el-form-item>
-        <el-button
-          type="primary"
-          icon="el-icon-search"
-          size="mini"
-          @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-          >重置</el-button
-        >
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['business:cyrySxxx:add']"
-          >新增</el-button
-        >
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+          v-hasPermi="['business:cyrySxxx:add']">新增</el-button>
       </el-col>
       <!-- <el-col :span="1.5">
         <el-button
@@ -106,17 +46,14 @@
           v-hasPermi="['business:cyrySxxx:export']"
         >导出</el-button>
       </el-col> -->
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="cyrySxxxList">
       <el-table-column label="序号" align="center">
         <template slot-scope="scope">
           {{
-            (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+              (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
           }}
         </template>
       </el-table-column>
@@ -134,69 +71,25 @@
         </template>
       </el-table-column>
       <el-table-column label="联系电话" align="center" prop="lxdh" />
-      <el-table-column
-        label="操作"
-        width="300"
-        align="center"
-        class-name="small-padding fixed-width"
-        fixed="right"
-      >
+      <el-table-column label="操作" width="300" align="center" class-name="small-padding fixed-width" fixed="right">
         <template slot-scope="scope">
-          <el-button
-            v-if="scope.row.lzzt == '00'"
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['business:cyrySxxx:edit']"
-            >修改</el-button
-          >
-          <el-button
-            v-if="scope.row.lzzt == '00'"
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row, scope.$index)"
-            v-hasPermi="['business:cyrySxxx:remove']"
-            >删除</el-button
-          >
-          <el-button
-            v-if="scope.row.lzzt == '00'"
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleStart(scope.row)"
-            v-hasPermi="['business:cyrySxxx:edit']"
-            >提交</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['business:cyrySxxx:query']"
-            >详情</el-button
-          >
+          <el-button v-if="scope.row.lzzt == '00'" size="mini" type="text" icon="el-icon-edit"
+            @click="handleUpdate(scope.row)" v-hasPermi="['business:cyrySxxx:edit']">修改</el-button>
+          <el-button v-if="scope.row.lzzt == '00'" size="mini" type="text" icon="el-icon-delete"
+            @click="handleDelete(scope.row, scope.$index)" v-hasPermi="['business:cyrySxxx:remove']">删除</el-button>
+          <el-button v-if="scope.row.lzzt == '00'" size="mini" type="text" icon="el-icon-edit"
+            @click="handleStart(scope.row)" v-hasPermi="['business:cyrySxxx:edit']">提交</el-button>
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['business:cyrySxxx:query']">详情</el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
 
     <!-- 添加或修改从业人员失信信息对话框 -->
-    <el-dialog
-      v-dialog-drag
-      :title="title"
-      :visible.sync="open"
-      width="500px"
-      append-to-body
-    >
+    <el-dialog v-dialog-drag :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="姓名" prop="xm">
           <el-input v-model="form.xm" placeholder="请输入姓名" />
@@ -204,23 +97,15 @@
 
         <el-form-item label="人员类别" prop="rylb">
           <el-select v-model="form.rylb" placeholder="请选择人员类别">
-            <el-option
-              v-for="dict in dict.type.CH044"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            ></el-option>
+            <el-option v-for="dict in dict.type.CH044" :key="dict.value" :label="dict.label" :value="dict.value">
+            </el-option>
           </el-select>
         </el-form-item>
 
         <el-form-item label="证件类型" prop="zjlx">
           <el-select v-model="form.zjlx" placeholder="请选择证件类型">
-            <el-option
-              v-for="dict in dict.type.C0015"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            ></el-option>
+            <el-option v-for="dict in dict.type.C0015" :key="dict.value" :label="dict.label" :value="dict.value">
+            </el-option>
           </el-select>
         </el-form-item>
 
@@ -241,11 +126,7 @@
         </el-form-item> -->
 
         <el-form-item label="行政区划" prop="szxzqh">
-          <RegionCascaderSelect
-            v-model="form.szxzqh"
-            style="width: 100%"
-            valueProp="code"
-          ></RegionCascaderSelect>
+          <RegionCascaderSelect v-model="form.szxzqh" style="width: 100%" valueProp="code"></RegionCascaderSelect>
         </el-form-item>
 
         <el-form-item label="通信地址" prop="txdz">
@@ -254,12 +135,8 @@
 
         <el-form-item label="来源途径" prop="sjly">
           <el-select v-model="form.sjly" placeholder="请选择来源途径">
-            <el-option
-              v-for="dict in dict.type.CH042"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            ></el-option>
+            <el-option v-for="dict in dict.type.CH042" :key="dict.value" :label="dict.label" :value="dict.value">
+            </el-option>
           </el-select>
         </el-form-item>
         <!-- 
@@ -275,42 +152,41 @@
         </el-form-item> -->
 
         <el-form-item label="失信信息描述" prop="ms">
-          <el-input
-            v-model="form.ms"
-            type="textarea"
-            maxlength="500"
-            show-word-limit
-            placeholder="请输入失信信息描述"
-          />
+          <el-input v-model="form.ms" type="textarea" maxlength="500" show-word-limit placeholder="请输入失信信息描述" />
         </el-form-item>
 
         <el-form-item label="是否被处罚" prop="isCf">
           <el-radio-group v-model="form.isCf">
-            <el-radio
-              v-for="dict in dict.type.CZ035"
-              :key="dict.value"
-              :label="dict.value"
-              >{{ dict.label }}</el-radio
-            >
+            <el-radio v-for="dict in dict.type.CZ035" :key="dict.value" :label="dict.value">{{ dict.label }}</el-radio>
           </el-radio-group>
         </el-form-item>
 
-        <el-form-item label="失信信息相关材料" prop="sxxxXgcl">
+        <el-form-item label="处罚部门" prop="cfbm" v-if="form.isCf == '1'">
+          <el-select v-model="form.cfbm" placeholder="请选择处罚部门">
+            <el-option v-for="dict in dict.type.CH036" :key="dict.value" :label="dict.label" :value="dict.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="处罚时间" prop="cfrq" v-if="form.isCf == '1'">
+          <el-date-picker clearable v-model="form.cfrq" type="date" value-format="yyyyMMdd" placeholder="请选择处罚时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="处罚依据" prop="cfyj" v-if="form.isCf == '1'">
+          <el-input v-model="form.cfyj" type="textarea" maxlength="500" show-word-limit placeholder="请输入处罚依据" />
+        </el-form-item>
+        <el-form-item label="处罚内容" prop="cfnr" v-if="form.isCf == '1'">
+          <el-input v-model="form.cfnr" type="textarea" maxlength="500" show-word-limit placeholder="请输入处罚内容" />
+        </el-form-item>
+
+        <el-form-item label="相关材料" prop="sxxxXgcl">
           <file-upload v-model="form.sxxxXgcl" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button
-          type="primary"
-          @click="submitForm"
-          :loading="submitFormLoading"
-          >暂 存
+        <el-button type="primary" @click="submitForm" :loading="submitFormLoading">暂 存
         </el-button>
-        <el-button
-          type="primary"
-          @click="submitFormAndStart"
-          :loading="submitFormLoading"
-          >提 交
+        <el-button type="primary" @click="submitFormAndStart" :loading="submitFormLoading">提 交
         </el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
@@ -415,6 +291,18 @@ export default {
         isCf: [
           { required: true, message: "是否被处罚不能为空", trigger: "blur" },
         ],
+        cfbm: [
+          { required: true, message: "处罚部门不能为空", trigger: "blur" },
+        ],
+        cfrq: [
+          { required: true, message: "处罚时间不能为空", trigger: "blur" },
+        ],
+        cfyj: [
+          { required: true, message: "处罚依据不能为空", trigger: "blur" },
+        ],
+        cfnr: [
+          { required: true, message: "处罚内容不能为空", trigger: "blur" },
+        ],
         lrrxzqh: [
           {
             max: 12,
@@ -665,7 +553,7 @@ export default {
           this.$modal.msgSuccess("删除成功");
           /****** sks 需要改动的地方 end ******/
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     /** 导出按钮操作 */
     handleExport() {

ruoyi-ui/src/views/business/lhcj/sxxx/yljgSxxx/index.vue

@@ -2,58 +2,29 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="136px">
       <el-form-item label="机构名称" prop="jgmc">
-        <el-input
-          v-model="queryParams.jgmc"
-          placeholder="请输入机构名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.jgmc" placeholder="请输入机构名称" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="统一社会信用代码" prop="tyshxydm">
-        <el-input
-          v-model="queryParams.tyshxydm"
-          placeholder="请输入统一社会信用代码"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.tyshxydm" placeholder="请输入统一社会信用代码" clearable
+          @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="所在区划" prop="xzqh">
-        <RegionCascaderSelect
-          v-model="xzqh"
-          style="width: 100%"
-          endLevel="2"
-          valueProp="code"
-          :isDataRoot="true"
-        ></RegionCascaderSelect>
+        <RegionCascaderSelect v-model="xzqh" style="width: 100%" endLevel="2" valueProp="code" :isDataRoot="true">
+        </RegionCascaderSelect>
       </el-form-item>
 
       <el-form-item label="数据来源" prop="sjly">
         <el-select v-model="queryParams.sjly" placeholder="请选择数据来源" clearable>
-          <el-option
-            v-for="dict in dict.type.CH042"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
+          <el-option v-for="dict in dict.type.CH042" :key="dict.value" :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="流转状态" prop="lzzt">
         <el-select v-model="queryParams.lzzt" placeholder="请选择流转状态" clearable>
-          <el-option
-            v-for="dict in dict.type.CZ023"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
+          <el-option v-for="dict in dict.type.CZ023" :key="dict.value" :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="联系电话" prop="lxdh">
-        <el-input
-          v-model="queryParams.lxdh"
-          placeholder="请输入联系电话"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.lxdh" placeholder="请输入联系电话" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -63,32 +34,16 @@
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['business:yljgSxxx:add']"
-        >新增</el-button>
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+          v-hasPermi="['business:yljgSxxx:add']">新增</el-button>
       </el-col>
-      <!-- <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['business:yljgSxxx:export']"
-        >导出</el-button>
-      </el-col> -->
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="yljgSxxxList" >
+    <el-table v-loading="loading" :data="yljgSxxxList">
       <el-table-column label="序号" align="center">
         <template slot-scope="scope">
-          {{(queryParams.pageNum-1)*queryParams.pageSize + scope.$index + 1}}
+          {{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
         </template>
       </el-table-column>
       <el-table-column label="机构名称" align="center" prop="jgmc" />
@@ -96,61 +51,31 @@
       <el-table-column label="所在区划" align="center" prop="szxzqh" />
       <el-table-column label="数据来源" align="center" prop="sjly">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.CH042" :value="scope.row.sjly"/>
+          <dict-tag :options="dict.type.CH042" :value="scope.row.sjly" />
         </template>
       </el-table-column>
       <el-table-column label="流转状态" align="center" prop="lzzt">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.CZ023" :value="scope.row.lzzt"/>
+          <dict-tag :options="dict.type.CZ023" :value="scope.row.lzzt" />
         </template>
       </el-table-column>
       <el-table-column label="联系电话" align="center" prop="lxdh" />
       <el-table-column label="操作" width="300" align="center" class-name="small-padding fixed-width" fixed="right">
         <template slot-scope="scope">
-          <el-button
-          v-if="scope.row.lzzt == '00'"
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['business:yljgSxxx:edit']"
-          >修改</el-button>
-          <el-button
-          v-if="scope.row.lzzt == '00'"
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row,scope.$index)"
-            v-hasPermi="['business:yljgSxxx:remove']"
-          >删除</el-button>
-          <el-button
-            v-if="scope.row.lzzt == '00'"
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleStart(scope.row)"
-            v-hasPermi="['business:yljgSxxx:edit']"
-            >提交</el-button
-          >
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['business:yljgSxxx:query']"
-            >详情</el-button
-          >
+          <el-button v-if="scope.row.lzzt == '00'" size="mini" type="text" icon="el-icon-edit"
+            @click="handleUpdate(scope.row)" v-hasPermi="['business:yljgSxxx:edit']">修改</el-button>
+          <el-button v-if="scope.row.lzzt == '00'" size="mini" type="text" icon="el-icon-delete"
+            @click="handleDelete(scope.row, scope.$index)" v-hasPermi="['business:yljgSxxx:remove']">删除</el-button>
+          <el-button v-if="scope.row.lzzt == '00'" size="mini" type="text" icon="el-icon-edit"
+            @click="handleStart(scope.row)" v-hasPermi="['business:yljgSxxx:edit']">提交</el-button>
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['business:yljgSxxx:query']">详情</el-button>
         </template>
       </el-table-column>
     </el-table>
-    
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
 
     <!-- 添加或修改养老机构失信信息对话框 -->
     <el-dialog v-dialog-drag :title="title" :visible.sync="open" width="500px" append-to-body>
@@ -164,21 +89,17 @@
           <el-input v-model="form.tyshxydm" placeholder="请输入统一社会信用代码" />
         </el-form-item>
 
-<el-form-item label="法人(负责人)姓名" prop="frxm">
+        <el-form-item label="法人(负责人)姓名" prop="frxm">
           <el-input v-model="form.frxm" placeholder="请输入法定代表人姓名" />
         </el-form-item>
 
-<el-form-item label="联系方式" prop="lxdh">
+        <el-form-item label="联系方式" prop="lxdh">
           <el-input v-model="form.lxdh" placeholder="请输入联系方式" />
         </el-form-item>
- <el-form-item label="证件类型" prop="frzjlx">
+        <el-form-item label="证件类型" prop="frzjlx">
           <el-select v-model="form.frzjlx" placeholder="证件类型">
-            <el-option
-              v-for="dict in dict.type.C0015"
-              :key="dict.value"
-              :label="dict.label"
-:value="dict.value"
-            ></el-option>
+            <el-option v-for="dict in dict.type.C0015" :key="dict.value" :label="dict.label" :value="dict.value">
+            </el-option>
           </el-select>
         </el-form-item>
 
@@ -186,12 +107,8 @@
           <el-input v-model="form.frzjhm" placeholder="请输入证件号码" />
         </el-form-item>
 
-<el-form-item label="行政区划" prop="szxzqh">
-          <RegionCascaderSelect
-            v-model="form.szxzqh"
-            style="width: 100%"
-            valueProp="code"
-          ></RegionCascaderSelect>
+        <el-form-item label="行政区划" prop="szxzqh">
+          <RegionCascaderSelect v-model="form.szxzqh" style="width: 100%" valueProp="code"></RegionCascaderSelect>
         </el-form-item>
 
         <el-form-item label="通信地址" prop="txdzms">
@@ -200,64 +117,47 @@
 
         <el-form-item label="来源途径" prop="sjly">
           <el-select v-model="form.sjly" placeholder="请选择数据来源">
-            <el-option
-              v-for="dict in dict.type.CH042"
-              :key="dict.value"
-              :label="dict.label"
-:value="dict.value"
-            ></el-option>
+            <el-option v-for="dict in dict.type.CH042" :key="dict.value" :label="dict.label" :value="dict.value">
+            </el-option>
           </el-select>
         </el-form-item>
 
-        <!-- <el-form-item label="流转状态" prop="lzzt">
-          <el-select v-model="form.lzzt" placeholder="请选择流转状态">
-            <el-option
-              v-for="dict in dict.type.CZ023"
-              :key="dict.value"
-              :label="dict.label"
-:value="dict.value"
-            ></el-option>
-          </el-select>
-        </el-form-item> -->
-
-        
-
-        
-
-       
-
-        
-
         <el-form-item label="失信信息描述" prop="ms">
           <el-input v-model="form.ms" type="textarea" maxlength="500" show-word-limit placeholder="请输入失信信息描述" />
         </el-form-item>
 
         <el-form-item label="是否被处罚" prop="isCf">
           <el-radio-group v-model="form.isCf">
-            <el-radio
-              v-for="dict in dict.type.CZ035"
-              :key="dict.value"
-:label="dict.value"
-            >{{dict.label}}</el-radio>
+            <el-radio v-for="dict in dict.type.CZ035" :key="dict.value" :label="dict.value">{{ dict.label }}</el-radio>
           </el-radio-group>
         </el-form-item>
 
+        <el-form-item label="处罚部门" prop="cfbm" v-if="form.isCf == '1'">
+          <el-select v-model="form.cfbm" placeholder="请选择处罚部门">
+            <el-option v-for="dict in dict.type.CH036" :key="dict.value" :label="dict.label" :value="dict.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="处罚时间" prop="cfrq" v-if="form.isCf == '1'">
+          <el-date-picker clearable v-model="form.cfrq" type="date" value-format="yyyyMMdd" placeholder="请选择处罚时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="处罚依据" prop="cfyj" v-if="form.isCf == '1'">
+          <el-input v-model="form.cfyj" type="textarea" maxlength="500" show-word-limit placeholder="请输入处罚依据" />
+        </el-form-item>
+        <el-form-item label="处罚内容" prop="cfnr" v-if="form.isCf == '1'">
+          <el-input v-model="form.cfnr" type="textarea" maxlength="500" show-word-limit placeholder="请输入处罚内容" />
+        </el-form-item>
+
         <el-form-item label="相关材料" prop="sxxxXgcl">
-          <file-upload v-model="form.sxxxXgcl"/>
+          <file-upload v-model="form.sxxxXgcl" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button
-          type="primary"
-          @click="submitForm"
-          :loading="submitFormLoading"
-          >暂 存
+        <el-button type="primary" @click="submitForm" :loading="submitFormLoading">暂 存
         </el-button>
-        <el-button
-          type="primary"
-          @click="submitFormAndStart"
-          :loading="submitFormLoading"
-          >提 交
+        <el-button type="primary" @click="submitFormAndStart" :loading="submitFormLoading">提 交
         </el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
@@ -267,7 +167,7 @@
 
 <script>
 import { listYljgSxxx, getYljgSxxx, delYljgSxxx, addYljgSxxx, updateYljgSxxx, startYljgSxxx } from "@/api/business/lhcj/sxxx/yljgSxxx";
-import { Regular,chineseOne, idCard } from '@/utils/regular'
+import { Regular, chineseOne, idCard } from '@/utils/regular'
 
 export default {
   name: "YljgSxxx",
@@ -305,11 +205,11 @@ export default {
       rules: {
         jgmc: [
           { required: true, message: "机构名称不能为空", trigger: "blur" },
-          { max: 100, message: '机构名称不能超过100个字符', trigger: 'blur'},
+          { max: 100, message: '机构名称不能超过100个字符', trigger: 'blur' },
         ],
         tyshxydm: [
           { required: true, message: "统一社会信用代码不能为空", trigger: "blur" },
-          { max: 18, message: '统一社会信用代码不能超过18个字符', trigger: 'blur'},
+          { max: 18, message: '统一社会信用代码不能超过18个字符', trigger: 'blur' },
         ],
         sjly: [
           { required: true, message: "数据来源不能为空", trigger: "change" },
@@ -319,11 +219,11 @@ export default {
         ],
         lxdh: [
           { required: true, message: "联系电话不能为空", trigger: "blur" },
-          { max: 18, message: '联系电话不能超过18个字符', trigger: 'blur'},
+          { max: 18, message: '联系电话不能超过18个字符', trigger: 'blur' },
         ],
         frxm: [
           { required: true, message: "法定代表人姓名不能为空", trigger: "blur" },
-          { max: 72, message: '法定代表人姓名不能超过72个字符', trigger: 'blur'},
+          { max: 72, message: '法定代表人姓名不能超过72个字符', trigger: 'blur' },
           { validator: chineseOne, trigger: 'blur' },
         ],
         frzjlx: [
@@ -339,7 +239,7 @@ export default {
         ],
         txdzms: [
           { required: true, message: "通信地址不能为空", trigger: "blur" },
-          { max: 100, message: '通信地址不能超过100个字符', trigger: 'blur'},
+          { max: 100, message: '通信地址不能超过100个字符', trigger: 'blur' },
         ],
         ms: [
           { required: true, message: "失信信息描述不能为空", trigger: "blur" },
@@ -347,6 +247,18 @@ export default {
         isCf: [
           { required: true, message: "是否被处罚不能为空", trigger: "blur" },
         ],
+        cfbm: [
+          { required: true, message: "处罚部门不能为空", trigger: "blur" },
+        ],
+        cfrq: [
+          { required: true, message: "处罚时间不能为空", trigger: "blur" },
+        ],
+        cfyj: [
+          { required: true, message: "处罚依据不能为空", trigger: "blur" },
+        ],
+        cfnr: [
+          { required: true, message: "处罚内容不能为空", trigger: "blur" },
+        ],
       }
     };
   },
@@ -370,7 +282,7 @@ export default {
     },
     // 表单重置
     reset() {
-      this.submitFormLoading =false;
+      this.submitFormLoading = false;
       this.form = {
         id: null,
         instanceId: null,
@@ -414,7 +326,7 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
@@ -435,7 +347,7 @@ export default {
           this.form.szxzqh = "";
         }
         /****** sks 需要改动的地方 start ******/
-        this.copyForm=this.deepCopy(response.data)
+        this.copyForm = this.deepCopy(response.data)
         /****** sks 需要改动的地方 end ******/
         this.open = true;
         this.title = "修改养老机构失信信息";
@@ -456,15 +368,15 @@ export default {
           this.form.szxzqh = szxzqh;
           if (this.form.id != null) {
             /****** sks 需要改动的地方 start ******/
-            let formData=this.comparisonObject(this.form,this.copyForm);
-            if(formData) {
-              updateYljgSxxx({...formData,id:this.form.id}).then(response => {
+            let formData = this.comparisonObject(this.form, this.copyForm);
+            if (formData) {
+              updateYljgSxxx({ ...formData, id: this.form.id }).then(response => {
                 this.$modal.msgSuccess("修改成功");
                 this.open = false;
-                this.yljgSxxxList=this.dataReplacement(this.yljgSxxxList,this.form.id,formData);
+                this.yljgSxxxList = this.dataReplacement(this.yljgSxxxList, this.form.id, formData);
                 // this.getList();
-              }).finally(()=>this.submitFormLoading =false);
-            }else{
+              }).finally(() => this.submitFormLoading = false);
+            } else {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.submitFormLoading = false;
@@ -476,14 +388,13 @@ export default {
               this.open = false;
               // this.getList();
               /****** sks 需要改动的地方 start ******/
-              if (this.queryParams.pageSize===this.yljgSxxxList.length)
-              {
+              if (this.queryParams.pageSize === this.yljgSxxxList.length) {
                 this.yljgSxxxList.pop();
               }
-              this.yljgSxxxList.unshift({...this.form,id:response.data});
+              this.yljgSxxxList.unshift({ ...this.form, id: response.data });
               this.total++;
               /****** sks 需要改动的地方 end ******/
-            }).finally(()=>this.submitFormLoading =false);
+            }).finally(() => this.submitFormLoading = false);
           }
         }
       });
@@ -503,19 +414,19 @@ export default {
           this.form.szxzqh = szxzqh;
           if (this.form.id != null) {
             /****** sks 需要改动的地方 start ******/
-            let formData=this.comparisonObject(this.form,this.copyForm);
-            if(formData) {
-              updateYljgSxxx({...formData,id:this.form.id}).then(response => {
-startYljgSxxx(this.form.id).then((res) => {
-                    this.$modal.msgSuccess("该信息已提交");
-                    // this.getList()
-                  });
+            let formData = this.comparisonObject(this.form, this.copyForm);
+            if (formData) {
+              updateYljgSxxx({ ...formData, id: this.form.id }).then(response => {
+                startYljgSxxx(this.form.id).then((res) => {
+                  this.$modal.msgSuccess("该信息已提交");
+                  // this.getList()
+                });
                 this.$modal.msgSuccess("修改成功");
                 this.open = false;
-                this.yljgSxxxList=this.dataReplacement(this.yljgSxxxList,this.form.id,formData);
+                this.yljgSxxxList = this.dataReplacement(this.yljgSxxxList, this.form.id, formData);
                 // this.getList();
-              }).finally(()=>this.submitFormLoading =false);
-            }else{
+              }).finally(() => this.submitFormLoading = false);
+            } else {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.submitFormLoading = false;
@@ -523,22 +434,21 @@ startYljgSxxx(this.form.id).then((res) => {
             /****** sks 需要改动的地方 end ******/
           } else {
             addYljgSxxx(this.form).then(response => {
-startYljgSxxx(response.data).then((res) => {
-                    this.$modal.msgSuccess("该信息已提交");
-                    // this.getList()
-                  });
+              startYljgSxxx(response.data).then((res) => {
+                this.$modal.msgSuccess("该信息已提交");
+                // this.getList()
+              });
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               // this.getList();
               /****** sks 需要改动的地方 start ******/
-              if (this.queryParams.pageSize===this.yljgSxxxList.length)
-              {
+              if (this.queryParams.pageSize === this.yljgSxxxList.length) {
                 this.yljgSxxxList.pop();
               }
-              this.yljgSxxxList.unshift({...this.form,id:response.data});
+              this.yljgSxxxList.unshift({ ...this.form, id: response.data });
               this.total++;
               /****** sks 需要改动的地方 end ******/
-            }).finally(()=>this.submitFormLoading =false);
+            }).finally(() => this.submitFormLoading = false);
           }
         }
       });
@@ -551,24 +461,23 @@ startYljgSxxx(response.data).then((res) => {
       });
     },
     /** 删除按钮操作 */
-    handleDelete(row,index) {
+    handleDelete(row, index) {
       const ids = row.id || this.ids;
-      const xh = (this.queryParams.pageNum-1)*this.queryParams.pageSize + index + 1;
-      this.$modal.confirm('确认删除' + this.changeDelData(row,'id','ID值',xh) + '的记录？').then(function() {
+      const xh = (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1;
+      this.$modal.confirm('确认删除' + this.changeDelData(row, 'id', 'ID值', xh) + '的记录？').then(function () {
         return delYljgSxxx(ids);
       }).then(() => {
         // this.getList();
         /****** sks 需要改动的地方 ind参数需要传进来 start ******/
-        this.yljgSxxxList.splice(index,1);
-        if(this.yljgSxxxList.length===0)
-        {
+        this.yljgSxxxList.splice(index, 1);
+        if (this.yljgSxxxList.length === 0) {
           this.getList();
-        }else {
+        } else {
           this.total--;
         }
         this.$modal.msgSuccess("删除成功");
         /****** sks 需要改动的地方 end ******/
-      }).catch(() => {});
+      }).catch(() => { });
     },
     /** 导出按钮操作 */
     handleExport() {