检查清单

shj

2022-03-22 d6778e84b3e32c602265f5e72d0eb50fdc0763f5

检查清单

 src/components/Titlename/index.vue

对比新文件
@@ -0,0 +1,47 @@
<template>
    <div class="app">
    <div class="box">
        <div class="dian"></div>
        <div class="net">{{title}}</div>
    </div>
    </div>
</template>
<script>
    export default {
        name:"Titlename",
        props:{
            title:{
            type:String,
            default:"标题"
            }
            },
            data(){
                return{
                 
                }
            },
    }
</script>
<style scoped>
.app{
    width: 100%;
    padding: 0;
}
.box{
    width: 100%;
    display: flex;
    justify-content: left;
    padding: 10px 10px;
}
.dian{
    width: 5px;
    height: 18px;
    background-color: black;
    margin: 2px 5px;
}
.net{
    line-height: 25px;
    font-size: 16px;
    font-weight: bolder;
}
</style>

 src/views/contingencyplan/index.vue

对比新文件
@@ -0,0 +1,130 @@
<template>
    <div class="app-container">
    <el-form ref="form" :model="form" label-width="80px">
        <el-row>
            <el-col :span="5">
            <el-form-item label="预案名称">
             <el-input v-model="form.name"></el-input>
            </el-form-item>
            </el-col>
            <el-col :span="4" style="text-align:center">
            <el-button type="primary" icon="el-icon-search">搜索</el-button>
            <el-button type="primary" icon="el-icon-plus" @click="dialogVisible=true">新增</el-button>
            </el-col>
  </el-row>
</el-form>
     <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      label="预案名称"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="文件链接"
      >
    </el-table-column>
    <el-table-column
      prop="province"
      label="备注"
      >
    </el-table-column>
    <el-table-column
      prop="city"
      label="创建时间"
      >
    </el-table-column>
    <el-table-column
      prop="address"
      label="更新时间"
      >
    </el-table-column>
    <el-table-column
      align="center"
      label="操作"
      >
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button>
        <el-button type="text" size="small" style="color:red">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
  <el-dialog
  title="新增"
  :visible.sync="dialogVisible"
  width="30%"
  :before-close="handleClose">
   <el-form ref="form" :model="form" label-width="68px">
       <el-form-item label="活动名称">
           <el-input v-model="form.name"></el-input>
        </el-form-item>
         <el-form-item label="文件类型">
    <el-radio-group v-model="form.resource">
      <el-radio label="0">图片</el-radio>
      <el-radio label="1">文件</el-radio>
    </el-radio-group>
  </el-form-item>
         <el-form-item label="图片上传">
           <el-input v-model="form.name"></el-input>
        </el-form-item>
         <el-form-item label="文件链接">
           <el-input v-model="form.name"></el-input>
        </el-form-item>
         <el-form-item label="备注">
           <el-input v-model="form.name" :rows="5" type="textarea"></el-input>
        </el-form-item>
   </el-form>    
  <span slot="footer" class="dialog-footer">
    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
    <el-button @click="dialogVisible = false">取 消</el-button>
  </span>
</el-dialog>
    </div>
</template>
<script>
    export default{
        data(){
            return{
                dialogVisible: false,
                  form: {
          name: '',
        },
         tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-04',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1517 弄',
          zip: 200333
        }, {
          date: '2016-05-01',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1519 弄',
          zip: 200333
        }, {
          date: '2016-05-03',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1516 弄',
          zip: 200333
        }]
            }
        }
    }
</script>
<style scoped>

</style>

 src/views/safetyproduction/checklist.vue

对比新文件
@@ -0,0 +1,374 @@
<template>
  <div class="app-container">
    <div class="box">
      <div class="box-left">
        <Titlename title="检查项树"></Titlename>
        <div class="box-left-content">
          <el-form ref="form" :model="form" style="font-size: 12px" size="mini">
            <el-row>
              <el-col :span="12">
                <el-form-item size="mini">
                  <el-input
                    v-model="form.name"
                    placeholder="请输入检查项名称"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="11" :offset="1" style="white-space: nowrap">
                <el-form-item size="mini">
                  <el-button type="primary" class="btns" size="mini">搜索</el-button>
                  <el-button
                    type="primary"
                    style="margin: 0px"
                    class="btns"
                    icon="el-icon-plus"
                    size="mini"
                  ></el-button>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <el-tree
            :data="data"
            :props="defaultProps"
          ></el-tree>
        </div>
      </div>
      <div class="box-right" v-if="show">
      <div class="box-rightXQ" v-for="(item,index) in 6" :key="index">
      <el-row class="box-rightXQ-top">
        <el-col :span="2">
          <p class="titles">标准化要求：</p>
        </el-col>
        <el-col :span="20">
          <p class="titles-type">1.企业应建立识别和获取适用的安全生产法律、法规、标准及其他要求的管理制度，明确责任部门，
                      确定获取渠道、方式和时机，及时识别和获取，定期更新。</p>
        </el-col>
        <el-col :span="2"><p class="btnXG" @click="show=false">修改</p></el-col>
      </el-row>
      <el-row>
        <el-col :span="2"><p class="title">企业达标标准：</p></el-col>
        <el-col :span="9"><p class="title-type">1.企业应建立识别和获取适用的安全生产法律、法规、标准及其他要求的管理制度，明确责任部门，
                      确定获取渠道、方式和时机，及时识别和获取，定期更新。</p></el-col>
         <el-col :span="2" :offset="1"><p class="title">评审方法：</p></el-col>
        <el-col :span="10"><p>1.识别和获取适用的安全生产法律、法规、标准及政府其他要求的制度；
        2.适用的法律法规、.......</p></el-col>
      </el-row>
      </div>
      </div>
      <!-- 修改 -->
        <div class="box-rights" v-if="show==false?true:false">
        <Titlename title="基础信息"></Titlename>
        <el-form ref="form" :model="form" label-width="120px">
          <div style="width:80%;margin:auto">
          <el-row  class="box-right-content" align="top">
            <el-col :span="11" >
              <el-form-item label="A级要素">
                <el-select
                  v-model="formInline.region"
                  :disabled="true"
                  style="width: 100%"
                >
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="11" :offset="2" style="white-space: nowrap">
              <el-form-item label="B级要素">
                <el-select
                  v-model="formInline.region"
                  :disabled="true"
                  style="width: 100%"
                >
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-form-item label="标准化要求">
                <el-input
                 :rows="3"
                  type="textarea"
                  v-model="form.name"
                  placeholder=""
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-form-item label="企业达标标准">
                <el-input
                  type="textarea"
                  :rows="3"
                  v-model="form.name"
                  placeholder=""
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-form-item label="评审方法">
                <el-input
                  type="textarea"
                  :rows="3"
                  v-model="form.name"
                  placeholder=""
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          </div>
          <Titlename title="评选标准"></Titlename>
          <div style="width:80%;margin:auto">
          <el-row>
            <el-col :span="24">
              <el-form-item label="否决项">
                <el-input
                  type="textarea"
                  :rows="3"
                  v-model="form.name"
                  placeholder=""
                ></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row style="padding: 15px 0">
            <el-col :span="12">
              <span
                style="font-size: 16px; font-weight: bold; line-height: 29px"
                >扣分清单</span
              >
            </el-col>
            <el-col :span="12" style="text-align: right">
              <el-button type="primary" @click="dialogVisible=true" class="btns" size="mini" icon="el-icon-plus"
                >新增</el-button
              >
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <el-table  border>
                <el-table-column
                  prop="date"
                  align="center"
                  label="序号"
                  width="150"
                >
                </el-table-column>
                <el-table-column
                  prop="name"
                  align="center"
                  label="名称"
                ></el-table-column>
                <el-table-column align="center" label="操作" width="200px">
                  <template slot-scope="scope">
                    <el-button
                      @click="handleClick(scope.row)"
                      type="text"
                      size="small"
                      >编辑</el-button
                    >
                    <el-button type="text" size="small" style="color: red"
                      >删除</el-button
                    >
                  </template>
                </el-table-column>
              </el-table>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24" style="padding:20px 0;text-align:center">
              <el-button type="primary" class="btns">提交</el-button>
              <el-button @click="btnsQX">取消</el-button>
            </el-col>
          </el-row>
          </div>
        </el-form>
      </div>
      </div>
    

<el-dialog
  title="新增扣分项"
  :visible.sync="dialogVisible"
  width="30%"
>
  <el-form ref="form" :model="form" label-width="80px">
     <el-form-item label="名称">
    <el-input v-model="form.name"></el-input>
  </el-form-item>
   <el-form-item label="说明">
    <el-input v-model="form.name" :rows="5" type="textarea"></el-input>
  </el-form-item>
  </el-form>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" class="btns" @click="dialogVisible = false">确 定</el-button>
  </span>
</el-dialog>

  </div>
</template>
<script>
import Titlename from "../../components/Titlename/index.vue"
export default {
  components: { Titlename },
  data() {
    return {
      dialogVisible:false,
      show:true,
      form: {
        name: "",
      },
      formInline: {
        user: "",
        region: "",
      },
      data: [
        {
          label: "一级 1",
          children: [
            {
              label: "二级 1-1",
              children: [
                {
                  label: "三级 1-1-1",
                },
              ],
            },
          ],
        },
        {
          label: "一级 2",
          children: [
            {
              label: "二级 2-1",
              children: [
                {
                  label: "三级 2-1-1",
                },
              ],
            },
            {
              label: "二级 2-2",
              children: [
                {
                  label: "三级 2-2-1",
                },
              ],
            },
          ],
        },
        {
          label: "一级 3",
          children: [
            {
              label: "二级 3-1",
              children: [
                {
                  label: "三级 3-1-1",
                },
              ],
            },
            {
              label: "二级 3-2",
              children: [
                {
                  label: "三级 3-2-1",
                },
              ],
            },
          ],
        },
      ],
      defaultProps: {
        children: "children",
        label: "label",
      },
    };
  },
  methods:{
    btnsQX(){
      this.show=true
    }
  }
};
</script>
<style scoped>
.app-container {
  padding: 0px;
}
.box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: rgb(223, 229, 235);
}
.box-left {
  width: 20%;
  min-height: 800px;
  background-color: white;
  border-radius: 5px;
}
.box-left-content {
  padding: 10px;
}
.box-right {
  width: 79%;
  background-color: rgb(223, 229, 235);
  border-radius: 5px;
}
.box-rights {
  width: 79%;
  background-color: #fff;
  border-radius: 5px;
}
.box-rightXQ{
  margin-bottom:10px;
  border: 1px solid #dedede;
  border-radius: 5px;
  padding: 0 10px;
  background-color: white;
  font-size: 14px;
}
.titles{
  font-weight: bold;
  text-align:right;
}
.title{
  text-align:right;
}
.titles-type{
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.title-type{
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.btnXG{
  text-align: center;
  color: #034EA2;
  font-weight: bolder;
}
.box-rightXQ-top{
  border-bottom: 1px solid #E9E9E9;
}
.box-right-content {
  padding: 15px 0;
}
.btns{
  background-color: #034EA2;
  border: 1px solid #034EA2;
}
</style>

 src/views/safetyproduction/checklistself.vue

对比新文件
@@ -0,0 +1,130 @@
<template>
  <div class="app-container">
    <el-form ref="form" :model="form" label-width="80px">
      <el-row>
        <el-col :span="5">
          <el-form-item label="自查任务">
            <el-input v-model="form.name"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="5">
          <el-form-item label="检查时间">
            <el-date-picker v-model="form.value1" type="date" placeholder="选择日期">
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="5">
          <el-form-item label="检查人员">
            <el-input v-model="form.name"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="4" style="text-align: center">
          <el-button type="primary" icon="el-icon-search" class="btns"
            >搜索</el-button
          >
          <el-button
            type="primary"
            icon="el-icon-plus"
            class="btns"
            @click="dialogVisible = true"
            >新增</el-button
          >
        </el-col>
      </el-row>
    </el-form>
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="date" label="自查任务">
      </el-table-column>
      <el-table-column prop="name" label="检查时间"> </el-table-column>
      <el-table-column prop="name" label="检查人员"> </el-table-column>
      <el-table-column prop="province" label="状态"> </el-table-column>
      <el-table-column prop="address" label="更新时间"> </el-table-column>
      <el-table-column align="center" label="操作">
        <template slot-scope="scope">
          <el-button @click="handleClick(scope.row)" type="text" size="small"
            >编辑</el-button
          >
          <el-button type="text" size="small" style="color: red"
            >删除</el-button
          >
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  data() {
    return {
      dialogVisible: false,
      form: {
        name: "",
        value1:"",
      },
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1517 弄",
          zip: 200333,
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1519 弄",
          zip: 200333,
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1516 弄",
          zip: 200333,
        },
      ],
      options: [
        {
          value: "选项1",
          label: "黄金糕",
        },
        {
          value: "选项2",
          label: "双皮奶",
        },
        {
          value: "选项3",
          label: "蚵仔煎",
        },
        {
          value: "选项4",
          label: "龙须面",
        },
        {
          value: "选项5",
          label: "北京烤鸭",
        },
      ],
      value: "",
    };
  },
};
</script>
<style scoped>
.btns {
  background-color: #034ea2;
  border: 1px solid #034ea2;
}
</style>

 src/views/safetyproduction/feature.vue

对比新文件
@@ -0,0 +1,164 @@
<template>
  <div class="app-container">
    <el-form ref="form" :model="form" label-width="80px">
      <el-row>
        <el-col :span="5">
          <el-form-item label="要素名称">
            <el-input v-model="form.name"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="4" style="text-align: center">
          <el-button type="primary" icon="el-icon-search" class="btns">搜索</el-button>
          <el-button
            type="primary"
            icon="el-icon-plus"
            class="btns"
            @click="dialogVisible = true"
            >新增</el-button
          >
        </el-col>
      </el-row>
    </el-form>
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="date" label="要素名称" width="150">
      </el-table-column>
      <el-table-column prop="name" label="级别"> </el-table-column>
      <el-table-column prop="name" label="父要素"> </el-table-column>
      <el-table-column prop="province" label="备注"> </el-table-column>
      <el-table-column prop="city" label="创建时间"> </el-table-column>
      <el-table-column prop="address" label="更新时间"> </el-table-column>
      <el-table-column align="center" label="操作">
        <template slot-scope="scope">
          <el-button @click="handleClick(scope.row)" type="text" size="small"
            >编辑</el-button
          >
          <el-button type="text" size="small" style="color: red"
            >删除</el-button
          >
        </template>
      </el-table-column>
    </el-table>
    <el-dialog
      title="新增"
      :visible.sync="dialogVisible"
      width="40%"
      :before-close="handleClose"
    >
      <el-form ref="form" :model="form" label-width="70px">
        <el-row>
          <el-col :span="11">
            <el-form-item label="活动名称">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="11" :offset="2">
            <el-form-item label="级别">
              <el-select v-model="value" placeholder="请选择" style="width:100%">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="11">
            <el-form-item label="父要素">
              <el-select v-model="value" placeholder="请选择" style="width:100%">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="备注">
          <el-input v-model="form.name" maxlength="250" :rows="5" type="textarea"></el-input>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" class="btns" @click="dialogVisible = false"
          >确 定</el-button
        >
        <el-button @click="dialogVisible = false">取 消</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      dialogVisible: false,
      form: {
        name: "",
      },
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1517 弄",
          zip: 200333,
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1519 弄",
          zip: 200333,
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1516 弄",
          zip: 200333,
        },
      ],
      options: [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
        value: ''
    };
  },
};
</script>
<style scoped>
.btns{
  background-color: #034EA2;
  border: 1px solid #034EA2;
}
</style>

 src/views/safetyproduction/gojudging.vue

对比新文件
@@ -0,0 +1,185 @@
<template>
  <div>
      <div class="box-right">
          <div class="title">A级要素：<span>A级要素2</span></div>
        <div v-for="(item,index) in 2" :key="index">
          <el-row class="titles">
            <el-col :span="6"><p><span>B级要素：</span>法律、法规和标准的识别和获取</p></el-col>
             <el-col :span="6"><p><span>得分：</span>50</p></el-col>
          </el-row>
          <el-row>
             <el-col :span="24">
                  <el-table
                     border
                    :data="tableData"
                  >
                    <el-table-column
                      prop="date"
                      align="center"
                      label="标准化要求"
                    >
                    </el-table-column>
                    <el-table-column
                      prop="name"
                      align="center"
                      label="企业达标标准"
                    ></el-table-column>
                    <el-table-column
                      prop="name"
                      align="center"
                      label="评审方法"
                    ></el-table-column>
                      <el-table-column
                      prop="name"
                      align="center"
                      label="评审标准"
                    >
                     <el-table-column
                      prop="name"
                      align="center"
                      label="否决项"
                    ></el-table-column>
                     <el-table-column
                      prop="name"
                      align="center"
                      label="扣分项"
                    ></el-table-column>
                    </el-table-column>
                     <el-table-column
                      prop="name"
                      align="center"
                      label="扣分"
                      type="expand"
                      width="50px"
                    >
                        <el-table
                        :data="tableData"
                  >
                    <el-table-column
                      prop="name"
                      align="center"
                      label="扣分项"
                    >
                    </el-table-column>
                    <el-table-column
                      prop="date"
                      align="center"
                      label="扣分"
                    >
                    </el-table-column>
                    <el-table-column
                      prop="date"
                      align="center"
                      label="扣分备注"
                    >
                    </el-table-column>
                  </el-table>
                    </el-table-column>
                     <el-table-column
                      prop="name"
                      align="center"
                      label="备注"
                    ></el-table-column>
                    <el-table-column align="center" label="操作" width="200px">
                      <template slot-scope="scope">
                        <el-button
                          @click="handleClick(scope.row)"
                          type="text"
                          size="small"
                          >评价</el-button
                        >
                        <!-- <el-button type="text" size="small" style="color: red"
                          >删除</el-button
                        > -->
                      </template>
                    </el-table-column>
                  </el-table>
                </el-col>
              </el-row>
        </div>
        </div>
  </div>
</template>
<script>
import Titlename from "../../components/Titlename/index.vue";
export default {
  components: { Titlename },
  data() {
    return {
      dialogVisible: false,
      form: {
        name: "",
      },
      formInline: {
        user: "",
        region: "",
      },
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1517 弄",
          zip: 200333,
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1519 弄",
          zip: 200333,
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1516 弄",
          zip: 200333,
        },
      ],
      defaultProps: {
        children: "children",
        label: "label",
      },
    };
  },
  methods: {
    btnsQX() {
      this.show = true;
    },
  },
};
</script>
<style scoped>
.box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: rgb(223, 229, 235);
}
.box-right {
  width: 100%;
  background-color: white;
  border-radius: 5px;
  padding: 20px;
}
.title{
  font-size: 16px;
  padding: 10px 0px;
  font-weight: bold;
}
.titles{
  font-size: 14px;
}
</style>

 src/views/safetyproduction/new.vue

对比新文件
@@ -0,0 +1,254 @@
<template>
  <div class="app-container">
    <div class="box">
      <div class="box-left">
        <Titlename title="检查项树"></Titlename>
        <div class="box-left-content">
          <!-- <el-form ref="form" :model="form" style="font-size: 12px" size="mini">
            <el-row>
              <el-col :span="12">
                <el-form-item size="mini">
                  <el-input
                    v-model="form.name"
                    placeholder="请输入检查项名称"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="11" :offset="1" style="white-space: nowrap">
                <el-form-item size="mini">
                  <el-button type="primary" class="btns" size="mini">搜索</el-button>
                  <el-button
                    type="primary"
                    style="margin: 0px"
                    class="btns"
                    icon="el-icon-plus"
                    size="mini"
                  ></el-button>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form> -->
          <el-tree
            :data="data"
            :props="defaultProps"
          ></el-tree>
        </div>
      </div>
      <div class="box-right" v-if="show">
          <div class="title">A级要素：<span>A级要素2</span></div>
        <div v-for="(item,index) in 2" :key="index">
          <el-row class="titles">
            <el-col :span="6" :offset="1"><p><span>B级要素：</span>法律、法规和标准的识别和获取</p></el-col>
             <el-col :span="6"  :offset="4"><p><span>得分：</span>50</p></el-col>
          </el-row>
          <el-row>
             <el-col :span="22" :offset="1">
                  <el-table
                    border
                    :data="tableData"
                  >
                    <el-table-column
                      prop="date"
                      align="center"
                      label="标准化要求"
                    >
                    </el-table-column>
                    <el-table-column
                      prop="name"
                      align="center"
                      label="企业达标标准"
                    ></el-table-column>
                    <el-table-column
                      prop="name"
                      align="center"
                      label="评审方法"
                    ></el-table-column>
                      <el-table-column
                      prop="name"
                      align="center"
                      label="评审标准"
                    >
                     <el-table-column
                      prop="name"
                      align="center"
                      label="否决项"
                    ></el-table-column>
                     <el-table-column
                      prop="name"
                      align="center"
                      label="扣分项"
                    ></el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="操作" width="200px">
                      <template slot-scope="scope">
                        <el-button
                          @click="handleClick(scope.row)"
                          type="text"
                          size="small"
                          >修改</el-button
                        >
                        <!-- <el-button type="text" size="small" style="color: red"
                          >删除</el-button
                        > -->
                      </template>
                    </el-table-column>
                  </el-table>
                </el-col>
              </el-row>
        </div>
        </div>
      </div>
  </div>
</template>
<script>
import Titlename from "../../components/Titlename/index.vue";
export default {
  components: { Titlename },
  data() {
    return {
      dialogVisible: false,
      show: true,
      form: {
        name: "",
      },
      formInline: {
        user: "",
        region: "",
      },
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1517 弄",
          zip: 200333,
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1519 弄",
          zip: 200333,
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1516 弄",
          zip: 200333,
        },
      ],
      data: [
        {
          label: "一级 1",
          children: [
            {
              label: "二级 1-1",
              children: [
                {
                  label: "三级 1-1-1",
                },
              ],
            },
          ],
        },
        {
          label: "一级 2",
          children: [
            {
              label: "二级 2-1",
              children: [
                {
                  label: "三级 2-1-1",
                },
              ],
            },
            {
              label: "二级 2-2",
              children: [
                {
                  label: "三级 2-2-1",
                },
              ],
            },
          ],
        },
        {
          label: "一级 3",
          children: [
            {
              label: "二级 3-1",
              children: [
                {
                  label: "三级 3-1-1",
                },
              ],
            },
            {
              label: "二级 3-2",
              children: [
                {
                  label: "三级 3-2-1",
                },
              ],
            },
          ],
        },
      ],
      defaultProps: {
        children: "children",
        label: "label",
      },
    };
  },
  methods: {
    btnsQX() {
      this.show = true;
    },
  },
};
</script>
<style scoped>
.app-container {
  padding: 0px;
}
.box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: rgb(223, 229, 235);
}
.box-left {
  width: 20%;
  min-height: 800px;
  background-color: white;
  border-radius: 5px;
}
.box-left-content {
  padding: 10px;
}
.box-right {
  width: 79%;
  background-color: white;
  border-radius: 5px;
}
.title{
  font-size: 16px;
  padding: 10px 20px;
  font-weight: bold;
}
.titles{
  font-size: 14px;
}
</style>

 src/views/safetyproduction/review.vue

对比新文件
@@ -0,0 +1,329 @@
<template>
  <div class="app-container">
    <div class="box">
      <div class="box-right">
        <Titlename title="基础信息"></Titlename>
        <el-form ref="form" :model="form" label-width="120px">
          <div style="width: 80%; margin: auto">
            <el-row class="box-right-content" align="top">
              <el-col :span="11">
                <el-form-item label="A级要素">
                  <el-select
                    v-model="formInline.region"
                    :disabled="true"
                    style="width: 100%"
                  >
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="11" :offset="2" style="white-space: nowrap">
                <el-form-item label="B级要素">
                  <el-select
                    v-model="formInline.region"
                    :disabled="true"
                    style="width: 100%"
                  >
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="标准化要求">
                  <el-input
                    :rows="3"
                    type="textarea"
                    v-model="form.name"
                    placeholder=""
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="企业达标标准">
                  <el-input
                    type="textarea"
                    :rows="3"
                    v-model="form.name"
                    placeholder=""
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="评审方法">
                  <el-input
                    type="textarea"
                    :rows="3"
                    v-model="form.name"
                    placeholder=""
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </div>
          <Titlename title="评选标准"></Titlename>
          <div style="width: 80%; margin: auto">
            <el-row>
              <el-col :span="24">
                <el-form-item label="否决项">
                  <el-input
                    type="textarea"
                    :rows="3"
                    v-model="form.name"
                    placeholder=""
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="padding: 15px 1%">
              <el-col :span="22" :offset="2">
                <span
                  style="font-size: 16px; font-weight: bold; line-height: 29px"
                  >扣分清单</span
                >
              </el-col>
              <!-- <el-col :span="12" style="text-align: right">
              <el-button type="primary" @click="dialogVisible=true" class="btns" size="mini" icon="el-icon-plus"
                >新增</el-button
              >
            </el-col> -->
            </el-row>
            <el-row>
              <el-col :span="22" :offset="2">
                <el-table
                  :data="tableData"
                  border
                  style="width: 99%; margin-left: 1%"
                >
                  <el-table-column
                    prop="date"
                    align="center"
                    label="序号"
                    width="150"
                  >
                  </el-table-column>
                  <el-table-column
                    prop="name"
                    align="center"
                    label="说明"
                  ></el-table-column>
                  <!-- <el-table-column align="center" label="操作" width="200px">
                  <template slot-scope="scope">
                    <el-button
                      @click="handleClick(scope.row)"
                      type="text"
                      size="small"
                      >编辑</el-button
                    >
                    <el-button type="text" size="small" style="color: red"
                      >删除</el-button
                    >
                  </template>
                </el-table-column> -->
                </el-table>
              </el-col>
            </el-row>
          </div>
          <Titlename title="扣分详情"></Titlename>
          <div style="width: 80%; margin: auto">
            <el-row>
              <el-col :span="24">
                <el-form-item label="是否否决项">
                  <el-radio-group v-model="resource">
                    <el-radio label="0">是</el-radio>
                    <el-radio label="1">否</el-radio>
                  </el-radio-group>
                </el-form-item></el-col
              >
            </el-row>
            <div v-if="resource == '0' ? false : true">
              <el-row style="padding: 15px 1%">
                <el-col :span="22" :offset="2">
                  <span
                    style="
                      font-size: 16px;
                      font-weight: bold;
                      line-height: 29px;
                    "
                    >扣分清单</span
                  >
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="22" :offset="2">
                  <el-table
                    border
                    :data="tableData"
                    style="width: 99%; margin-left: 1%"
                  >
                    <el-table-column
                      prop="date"
                      align="center"
                      label="序号"
                      width="150"
                    >
                    </el-table-column>
                    <el-table-column
                      prop="name"
                      align="center"
                      label="说明"
                    ></el-table-column>
                    <el-table-column
                      prop="name"
                      align="center"
                      label="扣分值"
                    ></el-table-column>
                    <el-table-column align="center" label="操作" width="200px">
                      <template slot-scope="scope">
                        <el-button
                          @click="handleClick(scope.row)"
                          type="text"
                          size="small"
                          >修改</el-button
                        >
                        <el-button type="text" size="small" style="color: red"
                          >删除</el-button
                        >
                      </template>
                    </el-table-column>
                  </el-table>
                </el-col>
              </el-row>
            </div>
          </div>
          <el-row>
            <el-col :span="24" style="padding: 20px 0; text-align: center">
              <el-button type="primary" class="btns">提交</el-button>
              <el-button>取消</el-button>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </div>

    <el-dialog title="扣分详情" :visible.sync="dialogVisible" width="30%">
      <el-form ref="form" :model="form" label-width="54px">
        <el-form-item label="说明">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="扣分值">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="备注">
          <el-input v-model="form.name" :rows="5" type="textarea"></el-input>
        </el-form-item>
      </el-form>
      <span
        slot="footer"
        class="dialog-footer"
        style="text-align: center; display: block"
      >
        <el-button type="primary" class="btns" @click="dialogVisible = false"
          >确 定</el-button
        >
        <el-button @click="dialogVisible = false">取 消</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
import Titlename from "../../components/Titlename/index.vue";
export default {
  components: { Titlename },
  data() {
    return {
      dialogVisible: false,
      resource: "0",
      form: {
        name: "",
      },
      formInline: {
        user: "",
        region: "",
      },
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1517 弄",
          zip: 200333,
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1519 弄",
          zip: 200333,
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1516 弄",
          zip: 200333,
        },
      ],
      defaultProps: {
        children: "children",
        label: "label",
      },
    };
  },
  methods: {
    handleClick() {
      this.dialogVisible = true;
    },
  },
};
</script>
<style scoped>
.app-container {
  padding: 0px;
}
.box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: #dedede;
}
.box-left {
  width: 20%;
  /* height: 800px; */
  background-color: white;
  border-radius: 5px;
}
.box-left-content {
  padding: 10px;
}
.box-right {
  width: 100%;
  background-color: white;
  border-radius: 5px;
}
.box-right-content {
  padding: 15px 0;
}
.btns {
  background-color: #034ea2;
  border: 1px solid #034ea2;
}
</style>

 src/views/safetyproduction/reviewXG.vue

对比新文件
@@ -0,0 +1,262 @@
<template>
  <div class="app-container">
    <div class="box">
      <div class="box-right">
        <Titlename title="基础信息"></Titlename>
        <el-form ref="form" :model="form" label-width="120px">
          <div style="width: 80%; margin: auto">
            <el-row class="box-right-content" align="top">
              <el-col :span="11">
                <el-form-item label="A级要素">
                  <el-select
                    v-model="formInline.region"
                    :disabled="true"
                    style="width: 100%"
                  >
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="11" :offset="2" style="white-space: nowrap">
                <el-form-item label="B级要素">
                  <el-select
                    v-model="formInline.region"
                    :disabled="true"
                    style="width: 100%"
                  >
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="标准化要求">
                  <el-input
                    :rows="3"
                    type="textarea"
                    v-model="form.name"
                    placeholder=""
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="企业达标标准">
                  <el-input
                    type="textarea"
                    :rows="3"
                    v-model="form.name"
                    placeholder=""
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="评审方法">
                  <el-input
                    type="textarea"
                    :rows="3"
                    v-model="form.name"
                    placeholder=""
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </div>
          <Titlename title="评选标准"></Titlename>
          <div style="width: 80%; margin: auto">
            <el-row>
              <el-col :span="24">
                <el-form-item label="否决项">
                  <el-input
                    type="textarea"
                    :rows="3"
                    v-model="form.name"
                    placeholder=""
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row style="padding: 15px 1%">
              <el-col :span="10" :offset="2">
                <span
                  style="font-size: 16px; font-weight: bold; line-height: 29px"
                  >扣分清单</span
                >
              </el-col>
              <el-col :span="12" style="text-align: right">
              <el-button type="primary" @click="dialogVisible=true" class="btns" size="mini" icon="el-icon-plus"
                >新增</el-button
              >
            </el-col>
            </el-row>
            <el-row>
              <el-col :span="22" :offset="2">
                <el-table
                  :data="tableData"
                  border
                  style="width: 99%; margin-left: 1%"
                >
                  <el-table-column
                    prop="date"
                    align="center"
                    label="序号"
                    width="150"
                  >
                  </el-table-column>
                  <el-table-column
                    prop="name"
                    align="center"
                    label="说明"
                  ></el-table-column>
                  <el-table-column align="center" label="操作" width="200px">
                  <template slot-scope="scope">
                    <el-button
                      @click="handleClick(scope.row)"
                      type="text"
                      size="small"
                      >编辑</el-button
                    >
                    <el-button type="text" size="small" style="color: red"
                      >删除</el-button
                    >
                  </template>
                </el-table-column>
                </el-table>
              </el-col>
            </el-row>
          </div>
          <el-row>
            <el-col :span="24" style="padding: 20px 0; text-align: center">
              <el-button type="primary" class="btns">提交</el-button>
              <el-button>取消</el-button>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </div>

    <el-dialog title="扣分详情" :visible.sync="dialogVisible" width="30%">
      <el-form ref="form" :model="form" label-width="54px">
        <el-form-item label="说明">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="扣分值">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="备注">
          <el-input v-model="form.name" :rows="5" type="textarea"></el-input>
        </el-form-item>
      </el-form>
      <span
        slot="footer"
        class="dialog-footer"
        style="text-align: center; display: block"
      >
        <el-button type="primary" class="btns" @click="dialogVisible = false"
          >确 定</el-button
        >
        <el-button @click="dialogVisible = false">取 消</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
import Titlename from "../../components/Titlename/index.vue";
export default {
  components: { Titlename },
  data() {
    return {
      dialogVisible: false,
      resource: "0",
      form: {
        name: "",
      },
      formInline: {
        user: "",
        region: "",
      },
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1517 弄",
          zip: 200333,
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1519 弄",
          zip: 200333,
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1516 弄",
          zip: 200333,
        },
      ],
      defaultProps: {
        children: "children",
        label: "label",
      },
    };
  },
  methods: {
    handleClick() {
      this.dialogVisible = true;
    },
  },
};
</script>
<style scoped>
.app-container {
  padding: 0px;
}
.box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: #dedede;
}
.box-left {
  width: 20%;
  /* height: 800px; */
  background-color: white;
  border-radius: 5px;
}
.box-left-content {
  padding: 10px;
}
.box-right {
  width: 100%;
  background-color: white;
  border-radius: 5px;
}
.box-right-content {
  padding: 15px 0;
}
.btns {
  background-color: #034ea2;
  border: 1px solid #034ea2;
}
</style>