显示index

src/components/FormComponents/CustomForm/index.vue

@@ -49,9 +49,11 @@
           >
             <template slot="title">
               {{ g.label }}
-              <span v-if="g.label == '二、排除标准'" class="noCol">{{
+              <span v-if="g.label == '二、排除标准'" class="noCol">
+                {{
                 errorText
-              }}</span>
+                }}
+              </span>
             </template>
             <form-content
               v-if="collapseNames.includes(g.prop)"
@@ -75,9 +77,7 @@
             size="large"
             :disabled="disabled"
             @click="onPrev"
-          >
-            上一步
-          </el-button>
+          >上一步</el-button>
         </template>
         <template v-if="options.submitBtn">
           <el-button
@@ -87,8 +87,7 @@
             size="large"
             :disabled="disabled"
             @click="handleConfirm"
-            >{{ options.submitText || "提交" }}</el-button
-          >
+          >{{ options.submitText || "提交" }}</el-button>
         </template>
         <template v-if="options.emptyBtn">
           <el-button
@@ -96,8 +95,7 @@
             icon="el-icon-delete "
             size="large"
             @click="resetForm(true)"
-            >{{ options.emptyText || "清空" }}</el-button
-          >
+          >{{ options.emptyText || "清空" }}</el-button>
         </template>
       </template>
       <template v-if="nextTabBtnShow">
@@ -107,8 +105,7 @@
             icon="el-icon-caret-right"
             size="large"
             @click="nextTab"
-            >{{ options.nextTabText || "下一页" }}</el-button
-          >
+          >{{ options.nextTabText || "下一页" }}</el-button>
         </el-form>
       </template>
     </div>
@@ -373,7 +370,7 @@ export default {
     border: none;
     .el-collapse-item {
       &:nth-child(1) {
-        border-top: 1px solid #e5e5e5;
+        border-top: 1px solid #cccccc;
       }
     }
     .el-collapse-item__content {
@@ -382,7 +379,7 @@ export default {
     .el-collapse-item__header {
       background: #fafafa;
       padding-left: 20px;
-      border: 1px solid #e5e5e5;
+      border: 1px solid #cccccc;
       border-bottom-color: #ccc;
       border-top: 0px;
       font-size: 14px;
@@ -392,9 +389,9 @@ export default {
     .el-collapse-item__wrap {
       border: none;
       padding: 10px;
-      border-left: 1px solid #e5e5e5;
-      border-right: 1px solid #e5e5e5;
-      // border-bottom: 1px solid #e5e5e5 !important;
+      border-left: 1px solid #cccccc;
+      border-right: 1px solid #cccccc;
+      // border-bottom: 1px solid #cccccc !important;
       padding: 0px;
       // &:hover {
       // background-color: #ecf8ff;

src/components/FormComponents/ReadForm/FormContent2.vue

@@ -33,6 +33,7 @@
           :columns="columns.column || columns.children.column"
           :group="options.group"
           @formChange="formChange"
+          :showIndex="showIndex"
         ></form-item-self>
       </el-col>
     </template>
@@ -75,11 +76,18 @@ export default {
       type: Boolean,
       default: false,
     },
+    showIndex: {
+      type: Boolean,
+    },
   },
   data() {
     return {}
   },
-
+  provide(){
+    return{
+      showIndex: this.showIndex
+    }
+  },
   computed: {
     isShowIm() {
       return function (val) {

src/components/FormComponents/ReadForm/index.vue

@@ -49,7 +49,11 @@
           >
             <template slot="title">
               {{ g.label }}
-              <span v-if="g.label == '二、排除标准'" class="noCol">{{errorText}}</span>
+              {{g.showIndex}}
+              <span
+                v-if="g.label == '二、排除标准'"
+                class="noCol"
+              >{{errorText}}</span>
             </template>
             <form-content
               v-if="collapseNames.includes(g.prop)"
@@ -59,6 +63,8 @@
               :options="options"
               :is-show-important="isShowImportant"
               @showError="showError"
+              :showIndex="g.showIndex"
+              :class="g.showIndex?'simple-form':'index-form'"
             ></form-content>
           </el-collapse-item>
         </template>
@@ -335,7 +341,7 @@ export default {
     border: none;
     .el-collapse-item {
       &:nth-child(1) {
-        border-top: 1px solid #e5e5e5;
+        border-top: 1px solid #cccccc;
       }
     }
     .el-collapse-item__content {
@@ -344,7 +350,7 @@ export default {
     .el-collapse-item__header {
       background: #fafafa;
       padding-left: 20px;
-      border: 1px solid #e5e5e5;
+      border: 1px solid #cccccc;
       border-bottom-color: #ccc;
       border-top: 0px;
       font-size: 14px;
@@ -354,9 +360,9 @@ export default {
     .el-collapse-item__wrap {
       border: none;
       padding: 10px;
-      border-left: 1px solid #e5e5e5;
-      border-right: 1px solid #e5e5e5;
-      // border-bottom: 1px solid #e5e5e5 !important;
+      // border-left: 1px solid #cccccc;
+      // border-right: 1px solid #cccccc;
+      // border-bottom: 1px solid #cccccc !important;
       padding: 0px;
       &:hover {
         // background-color: #ecf8ff;
@@ -397,4 +403,21 @@ export default {
     }
   }
 }
+.index-form {
+  ::v-deep {
+    // .el-form-item {
+    .el-form-item__label {
+      text-align: left;
+      background: #fafafa;
+      font-size: 14px;
+      color: #333333;
+      border-right: 1px solid #cccccc;
+      width: 80px !important;
+      padding: 18px 10px;
+      margin-right: 20px;
+      text-align: center;
+    }
+  }
+  // }
+}
 </style>

src/views/followupentry/components/followReview.vue

+<template>
+  <!-- 随访调查录入 -->
+  <div class="follow-form">
+    <!-- <ConfigForms form-type="2" formClass="follow-form"></ConfigForms> -->
+    <read-form ref="form" :options="followupForm" :formEdit="formEdit"></read-form>
+  </div>
+</template>
+
+<script>
+import ConfigForms from "@/views/screening/components/ConfigForms.vue"
+import ReadForm from "@/components/FormComponents/ReadForm/index"
+export default {
+  name: "FollowupAudit",
+  components: {
+    ConfigForms,
+    ReadForm
+  },
+  data() {
+    return {
+      followupForm:{
+        column: [],
+        labelPosition: 'right',
+        labelSuffix: '：',
+        labelWidth: 100,
+        gutter: 0,
+        menuBtn: true,
+        submitBtn: true,
+        submitText: '提交',
+        emptyBtn: true,
+        emptyText: '清空',
+        nextTabBtn: true,
+        nextTabText: '下一页',
+        menuPosition: 'center',
+        group: [
+          {
+          label: '个人信息',
+          prop: '1669858228269_22763',
+          arrow: true,
+          collapse: true,
+          display: true,
+          labelWidth: 8,
+          showIndex:true,
+          column: [{
+            type: 'input',
+            display: true,
+            importantField: true,
+            styles: {},
+            autoRequired: 0,
+            personalRequired: 0,
+            prop: 'name',
+            label: '姓名',
+            fieldType: 'varchar',
+            fieldLength: '50',
+            tableName: '存活情况',
+            tableCode: 'gas_survival_situation',
+            tableId: '1598137567272861697',
+            notFilter: false,
+            cType: '',
+            subfield: false
+          }, {
+            type: 'input',
+            display: true,
+            importantField: true,
+            styles: {},
+            autoRequired: 0,
+            personalRequired: 0,
+            prop: 'contact_phone',
+            label: '手机号',
+            fieldType: 'varchar',
+            fieldLength: '20',
+            tableName: '存活情况',
+            tableCode: 'gas_survival_situation',
+            tableId: '1598137567272861697',
+            notFilter: false,
+            cType: '',
+            subfield: false
+          }, {
+            type: 'input',
+            display: true,
+            importantField: true,
+            styles: {},
+            autoRequired: 0,
+            personalRequired: 0,
+            prop: 'telephone',
+            label: '联系电话',
+            fieldType: 'varchar',
+            fieldLength: '20',
+            tableName: '存活情况',
+            tableCode: 'gas_survival_situation',
+            tableId: '1598137567272861697',
+            notFilter: false,
+            cType: '',
+            subfield: false
+          }, {
+            type: 'input',
+            display: true,
+            importantField: true,
+            styles: {},
+            autoRequired: 0,
+            personalRequired: 0,
+            prop: 'sex',
+            label: '性别',
+            fieldType: 'tinyint',
+            fieldLength: '2',
+            tableName: '存活情况',
+            tableCode: 'gas_survival_situation',
+            tableId: '1598137567272861697',
+            notFilter: false,
+            cType: '',
+            subfield: false
+          }, {
+            type: 'input',
+            display: true,
+            importantField: true,
+            styles: {},
+            autoRequired: 0,
+            personalRequired: 0,
+            prop: 'birthday',
+            label: '出生日期',
+            fieldType: 'date',
+            fieldLength: '',
+            tableName: '存活情况',
+            tableCode: 'gas_survival_situation',
+            tableId: '1598137567272861697',
+            notFilter: false,
+            cType: '',
+            subfield: false
+          }, {
+            type: 'input',
+            display: true,
+            importantField: true,
+            styles: {},
+            autoRequired: 0,
+            personalRequired: 0,
+            prop: 'age',
+            label: '年龄',
+            fieldType: 'int',
+            fieldLength: '4',
+            tableName: '存活情况',
+            tableCode: 'gas_survival_situation',
+            tableId: '1598137567272861697',
+            notFilter: false,
+            cType: '',
+            subfield: false
+          }]
+        }, 
+        {
+          label: '第一次随访计划',
+          prop: '1669858313508_15760',
+          arrow: true,
+          collapse: true,
+          display: true,
+          labelWidth: 8,
+          column: [{
+            type: 'radio',
+            display: true,
+            importantField: true,
+            styles: {},
+            prop: 'is_continue_follow',
+            label: '是否随访',
+            dicData: [{
+              label: '是',
+              value: '1',
+              id: '1595347527757000705',
+              parentId: ''
+            }, {
+              label: '否',
+              value: '0',
+              id: '1595347502595371010',
+              parentId: ''
+            }],
+            dynamicshSet: [],
+            dicType: 'd-sf',
+            props: {
+              label: 'label',
+              value: 'value'
+            },
+            fieldType: 'tinyint',
+            fieldLength: '2',
+            tableName: '随访计划',
+            tableCode: 'gas_follow',
+            tableId: '1597491580053323777',
+            notFilter: false,
+            cType: '',
+            subfield: false,
+            value: '1',
+            span: 24,
+            autoRequired: 0,
+            personalRequired: 0
+          }, {
+            type: 'date',
+            display: true,
+            importantField: true,
+            styles: {},
+            prop: 'first_follow_time',
+            label: '随访时间',
+            format: 'yyyy-MM-dd',
+            valueFormat: 'yyyy-MM-dd',
+            dicType: '',
+            fieldType: 'date',
+            tableName: '随访计划',
+            tableCode: 'gas_follow',
+            tableId: '1597491580053323777',
+            notFilter: false,
+            cType: '',
+            subfield: false,
+            span: 12,
+            autoRequired: 0,
+            personalRequired: 0,
+            width: 12
+          }, {
+            type: 'input',
+            display: true,
+            importantField: true,
+            styles: {},
+            prop: 'follow_contents',
+            label: '随访内容',
+            fieldType: 'text',
+            tableName: '随访计划',
+            tableCode: 'gas_follow',
+            tableId: '1597491580053323777',
+            notFilter: false,
+            cType: '',
+            subfield: false,
+            autoRequired: 0,
+            personalRequired: 0,
+            span: 12,
+            width: 12
+          }]
+        }, 
+        ]
+      },
+      formEdit:{
+        name:"djksh",
+        contact_phone:"12345678"
+      }
+    }
+  },
+  created() {},
+  methods: {},
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep {
+  .el-tabs--card > .el-tabs__header {
+    width: calc(100% - 100px);
+    border-bottom: none;
+  }
+  .el-tabs--card > .el-tabs__header .el-tabs__nav {
+    border: none;
+  }
+  .el-tabs--card > .el-tabs__header .el-tabs__item {
+    min-width: 116px;
+    text-align: center;
+    background: #f0f1fa;
+    font-size: 14px;
+    border: none;
+  }
+  .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
+    background: #4e68ff;
+    color: #fff;
+  }
+}
+.follow-form {
+  ::v-deep {
+    .el-collapse-item__header {
+      // border-width: 0px 0px 0px;
+      border: none !important;
+    }
+    .row24 {
+      border-top: 1px solid #cccccc;
+    }
+    .custom-form-item {
+      border-width: 1px 0px 0px;
+    }
+    .el-collapse-item {
+      margin-bottom: 20px;
+      border-radius: 4px;
+      overflow: hidden;
+      border: 1px solid #cccccc;
+    }
+    .el-collapse-item__wrap {
+      border: none;
+    }
+    // .row24.el-col-lg-12:nth-child(2n) {
+    //   border-width: 0px 0px 0px 1px;
+    // }
+    .el-form-item {
+      padding: 0px;
+    }
+  }
+}
+</style>

src/views/followupentry/components/publicDialog.vue

+<template>
+  <div>
+    <el-dialog
+      center
+      :visible.sync="dialogVisible"
+      width="40%"
+      show-close
+      @closed="cancelSubmit"
+    >
+      <slot name="content"></slot>
+      <slot name="footer"></slot>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return { dialogVisible: false, loading: false }
+  },
+  watch: {},
+  mounted() {},
+  methods: {
+    cancelSubmit() {
+      this.dialogVisible = false
+      this.$emit("onCancel")
+    },
+    // onSubmit() {
+    //   this.$emit("onSubmit")
+    // },
+  },
+}
+</script>
+<style lang="scss" scoped></style>

src/views/followupentry/followaudit.vue

 <template>
-  <!-- 随访调查录入 -->
-  <div>
-    <!-- <ConfigForms form-type="2" formClass="follow-form"></ConfigForms> -->
-    <read-form ref="form" :options="followupForm" :formEdit="formEdit"></read-form>
+  <div id="audit-detail">
+    <div class="audit-detail_header p-24">
+      <div class="left">
+        <span>当前审核</span>
+        <span class="f-b">【无锡市人民医院医联体】【剩余7】</span>
+      </div>
+      <div class="right">
+        <el-button class="btn" @click="$router.go(-1)">返回</el-button>
+      </div>
+    </div>
+    <div class="choose-handle p-24">
+      <span v-if="!editStatus">请选择审核结果:</span>
+      <div class="btn_group">
+        <el-button
+          v-for="(item, index) in btnGroup"
+          :key="index"
+          type="primary"
+          class="p-btn"
+          size="medium"
+          @click="showDialog(item.value)"
+        >{{ item.text }}</el-button>
+        <span v-if="editStatus" class="op">驳回修改建议:胃镜图片不合规</span>
+      </div>
+    </div>
+    <div class="table-content p-24">
+      <component :is="curComponent"></component>
+    </div>
+    <public-dialog ref="editDialog" @onSubmit="onSubmit" @onCancel="onCancel">
+      <!-- 修改审核结果 优先触发提示 -->
+      <template v-if="!confirmStatus" slot="content">
+        <div class="title">温馨提示</div>
+        <div class="content">
+          <div class="showTips">
+            该病例已经审核【驳回修改】，需要改为{{
+            btnGroup[curBtn - 1] ? btnGroup[curBtn - 1].text : ""
+            }}吗
+          </div>
+        </div>
+        <div class="btn">
+          <el-button type="primary" :loading="loading" @click="onCancel">否</el-button>
+          <el-button type="primary" :loading="loading" @click="editSubmit">是</el-button>
+        </div>
+      </template>
+    </public-dialog>
+    <public-dialog ref="publicDialog" @onSubmit="onSubmit" @onCancel="onCancel">
+      <!-- 审核结果回显 -->
+      <template v-if="!confirmStatus" slot="content">
+        <div class="title">{{ btnGroup[curBtn - 1] ? btnGroup[curBtn - 1].text : "" }}</div>
+        <div class="content">
+          <div v-if="curBtn != 1" class="noPass">
+            <el-form
+              ref="form"
+              label-position="top"
+              :model="form"
+              :rules="rules"
+              label-width="100px"
+              class="demo-ruleForm"
+            >
+              <el-form-item :label="curBtn == 2 ? '不合格原因' : '驳回修改建议'" prop="reson">
+                <el-input
+                  v-model="form.reson"
+                  type="textarea"
+                  :placeholder="
+                    curBtn == 2 ? '请填写不合格原因' : '请填写驳回修改建议'
+                  "
+                ></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+        </div>
+        <div class="btn">
+          <el-button type="primary" :loading="loading" @click="onSubmit">确 定</el-button>
+        </div>
+      </template>
+      <!-- 提交后结果 -->
+      <template v-if="confirmStatus" slot="content">
+        <div class="title">{{ btnGroup[curBtn - 1].text }}</div>
+        <div class="content">
+          <div v-if="curBtn == 1" class="pass">该病例审核合格成功！</div>
+          <div v-if="curBtn != 1" class="noPass">
+            <!-- 不合格和驳回 -->
+            <div class="label">{{ curBtn == 2 ? "不合格原因" : "驳回修改建议" }}</div>
+            <div class="reson">{{ form.reson }}</div>
+          </div>
+        </div>
+        <div v-if="curBtn != 1" class="showTips">该病例审核{{ curBtn == 2 ? "不合格原因" : "驳回修改建议" }}提交成功！</div>
+        <div class="btn">
+          <el-button type="primary" @click="nextExample">下一例</el-button>
+        </div>
+      </template>
+    </public-dialog>
   </div>
 </template>
-
 <script>
-import ConfigForms from "@/views/screening/components/ConfigForms.vue"
-import ReadForm from "@/components/FormComponents/ReadForm/index"
+import publicDialog from "./components/publicDialog.vue"
+import followReview from "./components/followReview.vue"
 export default {
-  name: "FollowupAudit",
-  components: {
-    ConfigForms,
-    ReadForm
-  },
+  components: { publicDialog, followReview },
   data() {
     return {
-      followupForm:{
-        column: [],
-        labelPosition: 'right',
-        labelSuffix: '：',
-        labelWidth: 100,
-        gutter: 0,
-        menuBtn: true,
-        submitBtn: true,
-        submitText: '提交',
-        emptyBtn: true,
-        emptyText: '清空',
-        nextTabBtn: true,
-        nextTabText: '下一页',
-        menuPosition: 'center',
-        group: [
+      editStatus: false, //进入的状态是第一次审核还是修改审核,false为第一次,true为修改
+      form: {},
+      rules: {
+        reson: [{ required: true, message: "请填写", trigger: "blur" }],
+      },
+      btnGroup: [
         {
-          label: '个人信息',
-          prop: '1669858228269_22763',
-          arrow: true,
-          collapse: true,
-          display: true,
-          labelWidth: 8,
-          column: [{
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            autoRequired: 0,
-            personalRequired: 0,
-            prop: 'name',
-            label: '姓名',
-            fieldType: 'varchar',
-            fieldLength: '50',
-            tableName: '存活情况',
-            tableCode: 'gas_survival_situation',
-            tableId: '1598137567272861697',
-            notFilter: false,
-            cType: '',
-            subfield: false
-          }, {
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            autoRequired: 0,
-            personalRequired: 0,
-            prop: 'contact_phone',
-            label: '手机号',
-            fieldType: 'varchar',
-            fieldLength: '20',
-            tableName: '存活情况',
-            tableCode: 'gas_survival_situation',
-            tableId: '1598137567272861697',
-            notFilter: false,
-            cType: '',
-            subfield: false
-          }, {
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            autoRequired: 0,
-            personalRequired: 0,
-            prop: 'telephone',
-            label: '联系电话',
-            fieldType: 'varchar',
-            fieldLength: '20',
-            tableName: '存活情况',
-            tableCode: 'gas_survival_situation',
-            tableId: '1598137567272861697',
-            notFilter: false,
-            cType: '',
-            subfield: false
-          }, {
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            autoRequired: 0,
-            personalRequired: 0,
-            prop: 'sex',
-            label: '性别',
-            fieldType: 'tinyint',
-            fieldLength: '2',
-            tableName: '存活情况',
-            tableCode: 'gas_survival_situation',
-            tableId: '1598137567272861697',
-            notFilter: false,
-            cType: '',
-            subfield: false
-          }, {
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            autoRequired: 0,
-            personalRequired: 0,
-            prop: 'birthday',
-            label: '出生日期',
-            fieldType: 'date',
-            fieldLength: '',
-            tableName: '存活情况',
-            tableCode: 'gas_survival_situation',
-            tableId: '1598137567272861697',
-            notFilter: false,
-            cType: '',
-            subfield: false
-          }, {
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            autoRequired: 0,
-            personalRequired: 0,
-            prop: 'age',
-            label: '年龄',
-            fieldType: 'int',
-            fieldLength: '4',
-            tableName: '存活情况',
-            tableCode: 'gas_survival_situation',
-            tableId: '1598137567272861697',
-            notFilter: false,
-            cType: '',
-            subfield: false
-          }]
+          text: "合格",
+          value: 1,
         },
         {
-          label: '第一次随访计划',
-          prop: '1669858313508_15760',
-          arrow: true,
-          collapse: true,
-          display: true,
-          labelWidth: 8,
-          column: [{
-            type: 'radio',
-            display: true,
-            importantField: true,
-            styles: {},
-            prop: 'is_continue_follow',
-            label: '是否随访',
-            dicData: [{
-              label: '是',
-              value: '1',
-              id: '1595347527757000705',
-              parentId: ''
-            }, {
-              label: '否',
-              value: '0',
-              id: '1595347502595371010',
-              parentId: ''
-            }],
-            dynamicshSet: [],
-            dicType: 'd-sf',
-            props: {
-              label: 'label',
-              value: 'value'
+          text: "不合格",
+          value: 2,
         },
-            fieldType: 'tinyint',
-            fieldLength: '2',
-            tableName: '随访计划',
-            tableCode: 'gas_follow',
-            tableId: '1597491580053323777',
-            notFilter: false,
-            cType: '',
-            subfield: false,
-            value: '1',
-            span: 24,
-            autoRequired: 0,
-            personalRequired: 0
-          }, {
-            type: 'date',
-            display: true,
-            importantField: true,
-            styles: {},
-            prop: 'first_follow_time',
-            label: '随访时间',
-            format: 'yyyy-MM-dd',
-            valueFormat: 'yyyy-MM-dd',
-            dicType: '',
-            fieldType: 'date',
-            tableName: '随访计划',
-            tableCode: 'gas_follow',
-            tableId: '1597491580053323777',
-            notFilter: false,
-            cType: '',
-            subfield: false,
-            span: 12,
-            autoRequired: 0,
-            personalRequired: 0,
-            width: 12
-          }, {
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            prop: 'follow_contents',
-            label: '随访内容',
-            fieldType: 'text',
-            tableName: '随访计划',
-            tableCode: 'gas_follow',
-            tableId: '1597491580053323777',
-            notFilter: false,
-            cType: '',
-            subfield: false,
-            autoRequired: 0,
-            personalRequired: 0,
-            span: 12,
-            width: 12
-          }]
+        {
+          text: "驳回修改",
+          value: 3,
         },
-        ]
+      ],
+      loading: false,
+      curBtn: 0,
+      curComponent: "followReview",
+      confirmStatus: false,
+    }
   },
-      formEdit:{
-        name:"djksh",
-        contact_phone:"12345678"
+  watch: {},
+  mounted() {},
+  methods: {
+    showDialog(val) {
+      this.curBtn = val
+      if (!this.editStatus) {
+        if (this.curBtn == 1) {
+          // 走接口，保存合格
+          this.confirmStatus = true
+        } else if (this.curBtn == 2) {
+          this.rules.reson[0].message = "请输入不合格原因"
+        } else {
+          this.rules.reson[0].message = "请输入驳回修改建议"
         }
+        this.$refs.publicDialog.dialogVisible = true
+      } else {
+        this.$refs.editDialog.dialogVisible = true
       }
     },
-  created() {},
-  methods: {},
+    onSubmit() {
+      this.loading = true
+      // 切换文本
+      if (this.curBtn != 1) {
+        this.$refs.form.validate((valid) => {
+          if (valid) {
+            // alert("submit!")
+            // 保存成功，回显,调用接口
+
+            // 回调
+            this.confirmStatus = true
+          } else {
+            console.log("error submit!!")
+            return false
+          }
+        })
+      }
+
+      this.loading = false
+      // this.$refs.publicDialog.dialogVisible = true
+    },
+    onCancel() {
+      this.confirmStatus = false
+      if (this.curBtn != 1) {
+        this.form = {}
+      }
+      this.$refs.editDialog.dialogVisible = false
+      this.$refs.publicDialog.dialogVisible = false
+      if (this.$refs.form) {
+        this.$refs.form.clearValidate()
+      }
+    },
+    editSubmit() {
+      // this.$refs.editDialog.dialogVisible = false
+      if (this.curBtn == 1) {
+        // 走接口，保存合格
+        this.confirmStatus = true
+      } else if (this.curBtn == 2) {
+        this.rules.reson[0].message = "请输入不合格原因"
+      } else {
+        this.rules.reson[0].message = "请输入驳回修改建议"
+      }
+      this.$refs.publicDialog.dialogVisible = true
+    },
+    nextExample() {
+      this.onCancel()
+    },
+  },
 }
 </script>
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+  border-top: none;
+  text-align: center;
+  .tips {
+    font-size: 16px;
+  }
+}
+.p-24 {
+  padding: 0 24px;
+}
+.f-b {
+  font-weight: bold;
+  font-size: 14px;
+}
 
-<style lang="scss">
+#audit-detail {
+  // padding: 22px 24px;
+  .audit-detail_header {
+    height: 65px;
+    border-bottom: 1px solid #f3f3f3;
+    line-height: 65px;
+    display: flex;
+    justify-content: space-between;
+    .right {
+      .btn {
+        width: 80px;
+        height: 32px;
+        border-radius: 4px;
+      }
+    }
+  }
+  .choose-handle {
+    width: 100%;
+    height: 72px;
+    line-height: 72px;
+    font-size: 14px;
+    font-family: AlibabaPuHuiTiM;
+    color: #333333;
+    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
+    display: flex;
+    .btn_group {
+      margin-left: 24px;
+      ::v-deep .p-btn {
+        width: 100px;
+        border-radius: 4px;
+      }
+    }
+  }
+}
+.title {
+  height: 26px;
+  font-size: 22px;
+  font-family: AlibabaPuHuiTiM;
+  color: rgba(0, 0, 0, 0.8);
+  line-height: 26px;
+}
+.content {
+  margin: 58px;
+  .pass {
+    font-size: 18px;
+    font-family: AlibabaPuHuiTiM;
+    color: #30b9a6;
+    letter-spacing: 1px;
+  }
+}
+.btn {
+  margin-top: 20px;
+  .el-button {
+    width: 100px;
+    height: 32px;
+  }
+}
+::v-deep .el-form-item__label {
+  width: 100%;
+  text-align: left;
+}
+.reson {
+  margin-top: 20px;
+}
+.showTips {
+  color: #4e68ff;
+}
+.op {
+  font-size: 14px;
+  font-family: AlibabaPuHuiTiR;
+  color: #fa6400;
+  margin-left: 20px;
+}
+.table-content {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
 </style>

src/views/screening/components/ConfigForms.vue

 <template>
-  <div
-    id="publicContent"
-    :class="activeName == 'index0' && formClass ? formClass : ''"
-  >
+  <div id="publicContent" :class="activeName == 'index0' && formClass ? formClass : ''">
     <div v-if="formTabs && formTabs.length > 0">
-      <el-button class="draftButton">{{
+      <el-button class="draftButton">
+        {{
         formType == 1 ? "临时保存" : "返回"
-      }}</el-button>
+        }}
+      </el-button>
       <el-tabs
         v-model="activeName"
         type="card"