格式化

src/components/Page/standard.vue

@@ -42,7 +42,8 @@ export default {
   // background-color: #000;
 }
 
-.tabList {}
+.tabList {
+}
 
 .header {
   font-size: 16px;

src/views/setting/rules/components/dialog.vue

@@ -58,10 +58,19 @@
         />
       </el-form-item>
       <el-form-item label="关联场景" prop="status">
-        <el-button @click="openScene()"> 选择场景 </el-button>
+        <br />
+        <template v-for="(item, key) in model.scene">
+          <el-row :key="key" :gutter="20">
+            <el-col :span="20">
+              <el-input v-model="model.text" placeholder="请输入" clearable />
+            </el-col>
+            <el-col :span="4">
+              <i class="icon el-icon-circle-plus-outline"></i>
+            </el-col>
+          </el-row>
+        </template>
       </el-form-item>
     </el-form>
-    <scene :dialogManger="sceneManger"></scene>
     <div slot="footer">
       <el-button @click="handleClose()"> 取消 </el-button>
       <el-button type="primary" @click="handleConfirm()"> 保存 </el-button>
@@ -69,11 +78,7 @@
   </el-dialog>
 </template>
 <script>
-import scene from './scene.vue'
 export default {
-  components: {
-    scene
-  },
   props: {
     dialogManger: {
       default: {
@@ -85,7 +90,13 @@ export default {
   dicts: ['sys_detailed_classification'],
   data() {
     return {
-      model: {},
+      model: {
+        scene: [
+          {
+            text: ''
+          }
+        ]
+      },
       sceneManger: {
         dialogVisible: false,
         refreshList: false,
@@ -102,11 +113,13 @@ export default {
       }
     }
   },
-  created() {},
+
+  computed: {
+    modelTitle() {
+      return this.dialogManger.source.id ? '编辑' : '新增' + '审查细则'
+    }
+  },
   methods: {
-    openScene() {
-      this.sceneManger.dialogVisible = true
-    },
     handleClose() {
       this.dialogManger.dialogVisible = false
     },
@@ -116,11 +129,10 @@ export default {
         }
       })
     }
-  },
-  computed: {
-    modelTitle: function () {
-      return this.dialogManger.source.id ? '编辑' : '新增' + '审查细则'
-    }
   }
 }
 </script>
+<style scoped>
+.icon {
+}
+</style>

src/views/setting/rules/components/scene.vue

-<template>
-  <el-dialog
-    :visible.sync="dialogManger.dialogVisible"
-    :title="modelTitle"
-    width="1200"
-    append-to-body
-    destroy-on-close
-    :before-close="handleClose"
-  >
-    <el-form
-      ref="queryForm"
-      :model="queryParams"
-      v-show="showSearch"
-      size="small"
-      :inline="true"
-    >
-      <el-form-item prop="deptName">
-        <el-input
-          v-model="queryParams.deptName"
-          placeholder="场景编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item prop="status">
-        <el-input
-          v-model="queryParams.deptName"
-          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-form-item>
-    </el-form>
-    <el-table
-      style="width: 100%; min-height: 50vh"
-      border
-      tooltip-effect="dark"
-      @selection-change="handleSelectionChange"
-      v-loading="loading"
-      :data="tableData"
-    >
-      <el-table-column type="selection" width="55"> </el-table-column>
-      <el-table-column label="场景编号" align="center"> </el-table-column>
-      <el-table-column label="场景内容" align="center"> </el-table-column>
-    </el-table>
-    <div slot="footer">
-      <el-button @click="handleClose()"> 取消 </el-button>
-      <el-button type="primary" @click="handleConfirm()"> 保存 </el-button>
-    </div>
-  </el-dialog>
-</template>
-<script>
-import page from '@/mixins/page'
-export default {
-  props: {
-    dialogManger: {
-      default: {
-        dialogVisible: false,
-        source: {}
-      }
-    }
-  },
-  dicts: ['sys_detailed_classification'],
-  mixins: [page],
-  data() {
-    return {
-      model: {},
-      queryParams: {},
-      multipleSelection: [],
-      listUrl: '/system/role/list',
-      showSearch: true,
-      tableData: []
-    }
-  },
-  created() {},
-  methods: {
-    handleSelectionChange() {
-      this.multipleSelection = val
-    },
-    handleClose() {
-      this.dialogManger.dialogVisible = false
-    },
-    handleConfirm() {
-      this.$refs['form'].validate(valid => {
-        if (valid) {
-        }
-      })
-    }
-  },
-  computed: {
-    modelTitle: function () {
-      return '选择场景'
-    }
-  }
-}
-</script>

src/views/setting/rules/index.vue

 <template>
   <page-standard>
+    <div slot="tab">
+      <el-radio-group v-model="queryParams.type">
+        <el-radio-button
+          v-for="dict in dict.type.sys_detailed_classification"
+          :key="dict.value"
+          :label="dict.value"
+        >
+          {{ dict.label }}
+        </el-radio-button>
+      </el-radio-group>
+    </div>
     <el-form
       :model="queryParams"
       ref="queryForm"
@@ -7,24 +18,26 @@
       :inline="true"
       v-show="showSearch"
     >
-      <el-form-item prop="deptName">
-        <el-select
-          v-model="queryParams.configType"
-          placeholder="场景分类"
+      <el-form-item prop="status">
+        <el-input
+          v-model="queryParams.deptName"
+          placeholder="请输入标准章节或标准要求"
           clearable
-        >
-          <el-option
-            v-for="dict in dict.type.sys_scene_type"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item prop="status">
+        <el-input
+          v-model="queryParams.deptName"
+          placeholder="请输入审查要点"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
       </el-form-item>
       <el-form-item prop="status">
         <el-input
           v-model="queryParams.deptName"
-          placeholder="请输入关键词"
+          placeholder="请输入审查细则"
           clearable
           @keyup.enter.native="handleQuery"
         />
@@ -46,12 +59,12 @@
     <el-row :gutter="10" class="mb10">
       <el-col :span="1.5">
         <el-button
+          v-hasPermi="['setting:rules:add']"
           type="primary"
           plain
           icon="el-icon-plus"
           size="mini"
           @click="handleAdd"
-          v-hasPermi="['setting:rules:add']"
           >新增</el-button
         >
       </el-col>
@@ -73,17 +86,15 @@
           <span>{{ scope.$index + 1 }}</span>
         </template>
       </el-table-column>
-
-      <el-table-column label="细则分类" sortable align="left">
-      </el-table-column>
       <el-table-column label="标准章节" sortable align="left">
       </el-table-column>
       <el-table-column label="标准要求" sortable align="left">
       </el-table-column>
-      <el-table-column label="审查细则" align="left"> </el-table-column>
-      <el-table-column label="关联场景" sortable align="left">
+      <el-table-column label="审查要点" sortable align="left">
       </el-table-column>
-      <el-table-column label="创建时间" align="left" sortable prop="createTime">
+      <el-table-column label="审查细则" align="left"> </el-table-column>
+      <el-table-column label="关联场景" align="left"> </el-table-column>
+      <el-table-column label="更新时间" align="left" sortable prop="createTime">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
@@ -96,21 +107,21 @@
       >
         <template slot-scope="scope">
           <el-button
+            v-hasPermi="['setting:rules:update']"
             size="mini"
             type="primary"
             icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['setting:rules:update']"
             plain
+            @click="handleUpdate(scope.row)"
             >修改</el-button
           >
           <el-button
+            v-hasPermi="['setting:rules:delete']"
             size="mini"
             type="danger"
             icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['setting:rules:delete']"
             plain
+            @click="handleDelete(scope.row)"
             >删除</el-button
           >
         </template>
@@ -135,7 +146,7 @@ export default {
   components: {
     'yan-dialog': dialog
   },
-  dicts: ['sys_scene_type'],
+  dicts: ['sys_scene_type', 'sys_detailed_classification'],
   mixins: [page],
   data() {
     return {

src/views/setting/standard/components/dialog.vue

@@ -8,7 +8,7 @@
     :before-close="handleClose"
   >
     <el-form ref="form" :model="model" :rules="rules">
-      <el-form-item label="细则分类" prop="status">
+      <el-form-item label="标准分类" prop="status">
         <el-select
           style="width: 100%"
           v-model="model.status"
@@ -37,29 +37,28 @@
           clearable
         />
       </el-form-item>
-      <el-form-item label="审查要点" prop="status">
+      <el-form-item label="检验结果描述（符合）" prop="status">
         <el-input
           v-model="model.status"
           placeholder="请输入"
           type="textarea"
-          maxlength="100"
+          maxlength="200"
+          show-word-limit
           :autosize="{ minRows: 4, maxRows: 4 }"
           clearable
         />
       </el-form-item>
-      <el-form-item label="审查细则" prop="status">
+      <el-form-item label="检验结果描述（不符合）" prop="status">
         <el-input
           v-model="model.status"
           placeholder="请输入"
           type="textarea"
-          maxlength="100"
+          show-word-limit
+          maxlength="200"
           :autosize="{ minRows: 4, maxRows: 4 }"
           clearable
         />
       </el-form-item>
-      <el-form-item label="关联场景" prop="status">
-        <el-button> 选择场景 </el-button>
-      </el-form-item>
     </el-form>
     <div slot="footer">
       <el-button @click="handleClose()"> 取消 </el-button>
@@ -106,7 +105,7 @@ export default {
   },
   computed: {
     modelTitle: function () {
-      return this.dialogManger.source.id ? '编辑' : '新增' + '审查细则'
+      return this.dialogManger.source.id ? '编辑' : '新增' + '标准'
     }
   }
 }

src/views/setting/standard/index.vue

@@ -90,7 +90,10 @@
       </el-table-column>
       <el-table-column label="标准要求" sortable align="center">
       </el-table-column>
-      <el-table-column label="更新人员" align="center"> </el-table-column>
+      <el-table-column label="检验结果描述（符合）" align="left">
+      </el-table-column>
+      <el-table-column label="检验结果描述（不符合）" sortable align="left">
+      </el-table-column>
       <el-table-column label="更新时间" align="left" sortable prop="createTime">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>