Merge remote-tracking branch 'remotes/origin/shf' into master
| | |
| | | // IMG_API: '"http://220.171.99.118:4100/upload/"', |
| | | // BASE_API: '"http://192.168.0.35:8006"', |
| | | // IMG_API: '"http://192.168.0.35:8006/upload/"', |
| | | BASE_API: '"http://222.92.213.21:8006/zhongtai"', |
| | | IMG_API: '"http://222.92.213.21:8006/zhongtai/upload/"', |
| | | // BASE_API: '"http://222.92.213.21:8006/zhongtai"', |
| | | // IMG_API: '"http://222.92.213.21:8006/zhongtai/upload/"', |
| | | BASE_API: '"http://192.168.2.66:8006"', |
| | | IMG_API: '"http://192.168.2.66:8006/upload/"', |
| | | // BASE_API: '"http://220.171.99.118:4101/api"', |
| | | // IMG_API: '"http://220.171.99.118:4101/api/upload/"', |
| | | }; |
对比新文件 |
| | |
| | | import {getToken} from "../utils/auth"; |
| | | import request from '@/utils/request' |
| | | |
| | | export function getParentElement(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/elementManagement/getParentElement', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function elementManagementList(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/elementManagement/page', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function elementManagementAdd(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/elementManagement/add', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function elementManagementMod(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/elementManagement/mod', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function elementManagementDel(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/elementManagement/del', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
对比新文件 |
| | |
| | | import {getToken} from "../utils/auth"; |
| | | import request from '@/utils/request' |
| | | |
| | | export function emergencyPlanList(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/emergencyPlan/page', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function emergencyPlanAdd(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/emergencyPlan/add', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function emergencyPlanMod(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/emergencyPlan/mod', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function emergencyPlanDel(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/emergencyPlan/del', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function emergencyPlanUpload(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/emergencyPlan/upload', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
对比新文件 |
| | |
| | | import {getToken} from "../utils/auth"; |
| | | import request from '@/utils/request' |
| | | |
| | | export function majorEquipmentList(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipment/page', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function majorEquipmentAdd(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipment/add', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function majorEquipmentMod(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipment/mod', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function majorEquipmentDel(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipment/del', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | export function majorEquipmentErt(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipment/getMajorEquipment', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | export function majorEquipmentLis() { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/getUserList', |
| | | method: 'post', |
| | | }); |
| | | } |
对比新文件 |
| | |
| | | import {getToken} from "../utils/auth"; |
| | | import request from '@/utils/request' |
| | | |
| | | export function majorEquipmentList(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipmentAlarm/page', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function majorEquipmentAdd(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipmentAlarm/add', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function majorEquipmentMod(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipmentAlarm/mod', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function majorEquipmentDel(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipmentAlarm/del', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
对比新文件 |
| | |
| | | import {getToken} from "../utils/auth"; |
| | | import request from '@/utils/request' |
| | | |
| | | export function majorEquipmentList(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipmentData/page', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function majorEquipmentAdd(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipmentData/add', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function majorEquipmentMod(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipmentData/mod', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function majorEquipmentDel(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipmentData/del', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
| | | export function majorEquipmentImport(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/majorEquipmentData/import', |
| | | method: 'post', |
| | | data |
| | | }); |
| | | } |
| | | |
对比新文件 |
| | |
| | | import {getToken} from "../utils/auth"; |
| | | import request from '@/utils/request' |
| | | |
| | | export function safetyInspectionItemList(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/safetyInspectionItem/page', |
| | | method: 'post', |
| | | data |
| | | }) |
| | | } |
| | | |
| | | export function safetyInspectionItemAdd(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/safetyInspectionItem/add', |
| | | method: 'post', |
| | | data |
| | | }) |
| | | } |
| | | |
| | | export function safetyInspectionItemMod(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/safetyInspectionItem/mod', |
| | | method: 'post', |
| | | data |
| | | }) |
| | | } |
| | | |
| | | export function safetyInspectionItemDel(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/safetyInspectionItem/del', |
| | | method: 'post', |
| | | data |
| | | }) |
| | | } |
| | | |
| | | export function safetyInspectionItemTree(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'Authorization': getToken() |
| | | }, |
| | | url: process.env.BASE_API+'/elementManagement/getElementTree', |
| | | method: 'post', |
| | | data |
| | | }) |
| | | } |
对比新文件 |
| | |
| | | <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> |
| | |
| | | return roles.some(role => permissionRoles.indexOf(role) >= 0) |
| | | } |
| | | |
| | | const whiteList = ['/login', '/auth-redirect','/agreement','/register'] // no redirect whitelist |
| | | const whiteList = ['/login', '/auth-redirect','/agreement','/register','/productionEquipment','/instrumentData','/equipmentAlarm'] // no redirect whitelist |
| | | |
| | | router.beforeEach((to, from, next) => { |
| | | NProgress.start() // start progress bar |
| | |
| | | name: 'Dashboard1', |
| | | meta: { title: '首页', icon: 'el-icon-dash', noCache: true, affix: true } |
| | | } |
| | | |
| | | ], |
| | | hidden: true |
| | | }, |
| | |
| | | ], |
| | | hidden: true |
| | | }, |
| | | { |
| | | id: 2, |
| | | parentId: 0, |
| | | path: '/contingencyplan', |
| | | component: Layout, |
| | | // redirect: '/contingencyplan', |
| | | name: '应急预案', |
| | | meta: { title: '应急预案', icon: 'el-icon-dash' }, |
| | | children: [ |
| | | { |
| | | id: 1, |
| | | parentId: 0, |
| | | path: '/contingencyplan', |
| | | name: '应急预案', |
| | | component: () => import('@/views/contingencyplan/index'), |
| | | meta: { title: '应急预案', icon: '' } |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | id: 2, |
| | | parentId: 0, |
| | | path: '/safetyproduction', |
| | | component: Layout, |
| | | // redirect: '/contingencyplan', |
| | | name: '安全生产标准化', |
| | | meta: { title: '安全生产标准化', icon: 'el-icon-dash' }, |
| | | children: [ |
| | | { |
| | | id: 1, |
| | | parentId: 0, |
| | | path: '/feature', |
| | | name: '要素管理', |
| | | component: () => import('@/views/safetyproduction/feature'), |
| | | meta: { title: '要素管理', icon: '' } |
| | | }, |
| | | { |
| | | id: 2, |
| | | parentId: 0, |
| | | path: '/checklist', |
| | | name: '检查清单', |
| | | component: () => import('@/views/safetyproduction/checklist'), |
| | | meta: { title: '检查清单', icon: '' } |
| | | }, |
| | | { |
| | | id: 2, |
| | | parentId: 0, |
| | | path: '/checklistself', |
| | | name: '自查清单', |
| | | component: () => import('@/views/safetyproduction/checklistself'), |
| | | meta: { title: '自查清单', icon: '' } |
| | | }, |
| | | { |
| | | id: 2, |
| | | parentId: 0, |
| | | path: '/review', |
| | | name: '自查清单_评审', |
| | | component: () => import('@/views/safetyproduction/review'), |
| | | meta: { title: '自查清单_评审', icon: '' } |
| | | }, |
| | | { |
| | | id: 2, |
| | | parentId: 0, |
| | | path: '/gojudging', |
| | | name: '自查清单_去评审', |
| | | component: () => import('@/views/safetyproduction/gojudging'), |
| | | meta: { title: '自查清单_去评审', icon: '' } |
| | | }, |
| | | { |
| | | id: 2, |
| | | parentId: 0, |
| | | path: '/new', |
| | | name: '自查清单_新增|修改', |
| | | component: () => import('@/views/safetyproduction/new'), |
| | | meta: { title: '自查清单_新增|修改', icon: '' } |
| | | }, |
| | | { |
| | | id: 2, |
| | | parentId: 0, |
| | | path: '/reviewXG', |
| | | name: '自查清单_修改', |
| | | component: () => import('@/views/safetyproduction/reviewXG'), |
| | | meta: { title: '自查清单_修改', icon: '' } |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | id: 2, |
| | | parentId: 0, |
| | | path: '/majorHazardSourceMonitoring', |
| | | component: Layout, |
| | | name: '重大危险源监测', |
| | | meta: { title: '重大危险源监测', icon: 'el-icon-dash' }, |
| | | children: [ |
| | | { |
| | | id: 1, |
| | | parentId: 0, |
| | | path: '/productionEquipment', |
| | | name: '生产设备', |
| | | component: () => import('@/views/majorHazardSourceMonitoring/productionEquipment'), |
| | | meta: { title: '生产设备', icon: '' } |
| | | }, |
| | | { |
| | | id: 2, |
| | | parentId: 0, |
| | | path: '/equipmentAlarm', |
| | | name: '设备报警信息', |
| | | component: () => import('@/views/majorHazardSourceMonitoring/equipmentAlarm'), |
| | | meta: { title: '设备报警信息', icon: '' } |
| | | }, |
| | | { |
| | | id: 3, |
| | | parentId: 0, |
| | | path: '/instrumentData', |
| | | name: '仪表实时数据', |
| | | component: () => import('@/views/majorHazardSourceMonitoring/instrumentData'), |
| | | meta: { title: '仪表实时数据', icon: '' } |
| | | }, |
| | | ] |
| | | } |
| | | ] |
| | | |
| | | export default new Router({ |
对比新文件 |
| | |
| | | <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="listQuery.filter.name"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="4" style="text-align: center"> |
| | | <el-button type="primary" class="btns" icon="el-icon-search" @click="find()" |
| | | >搜索</el-button |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-plus" |
| | | @click="emergencyPlanC('', '新增')" |
| | | class="btns" |
| | | >新增</el-button |
| | | > |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <el-table :data="list" border style="width: 100%"> |
| | | <el-table-column prop="name" align="center" label="预案名称" width="150"> |
| | | </el-table-column> |
| | | <el-table-column prop="name" align="center" label="文件链接"> </el-table-column> |
| | | <el-table-column prop="remark" align="center" label="备注"> </el-table-column> |
| | | <el-table-column prop="createTime" align="center" label="创建时间"> </el-table-column> |
| | | <el-table-column prop="updateTime" align="center" label="更新时间"> </el-table-column> |
| | | <el-table-column align="center" label="操作"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | @click="emergencyPlanC(scope.row, '编辑')" |
| | | type="text" |
| | | size="small" |
| | | >编辑</el-button |
| | | > |
| | | <el-button |
| | | type="text" |
| | | size="small" |
| | | @click="deleteById(scope.row.id)" |
| | | style="color: red" |
| | | >删除</el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-pagination |
| | | v-show="recordTotal>0" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="currentPage" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="recordTotal" |
| | | > |
| | | </el-pagination> |
| | | <el-dialog :title="title" :visible.sync="dialogVisible" width="40%"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
| | | <el-form-item label="预案名称" prop="name"> |
| | | <el-input v-model="form.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="文件类型"> |
| | | <el-radio-group v-model="form.fileType"> |
| | | <el-radio :label=0 >图片</el-radio> |
| | | <el-radio :label=1 >文件</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item v-if="form.fileType==0" label="图片上传"> |
| | | <upload-img v-bind:imgList="form.fileList" @uploadImgSuccess="uploadImgSuccess" @removeImgSuccess="removeImgSuccess"></upload-img> |
| | | </el-form-item> |
| | | <el-form-item label="文件链接" v-if="form.fileType==1"> |
| | | <upload-file v-bind:url="fileUrl" v-bind:name="fileName" @uploadFileSuccess="uploadFileSuccess" ></upload-file> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input v-model="form.remark" :rows="5" type="textarea"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" class="btns" @click="addemergencyPlan()">确 定</el-button> |
| | | <el-button @click="dialogVisible = false">取 消</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import uploadImg from "@/views/contingencyplan/uploadImg.vue"; |
| | | import uploadFile from "@/views/contingencyplan/uploadFile.vue"; |
| | | import { |
| | | emergencyPlanList, |
| | | emergencyPlanAdd, |
| | | emergencyPlanMod, |
| | | emergencyPlanDel, |
| | | } from "@/api/emergencyplan.js"; |
| | | export default { |
| | | components: { uploadImg , uploadFile}, |
| | | data() { |
| | | return { |
| | | name:"111", |
| | | url:"222", |
| | | path:"emergencyPlan", |
| | | |
| | | dialogVisible: false, |
| | | title: "", |
| | | pageSize: 10, |
| | | recordTotal: 0, |
| | | currentPage: 1, |
| | | form: { |
| | | name: "", |
| | | fileType: 0, |
| | | fileList: [], |
| | | remark: "", |
| | | }, |
| | | listQuery: { |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | filter: { |
| | | name: "", |
| | | }, |
| | | }, |
| | | fileName:"", |
| | | fileUrl:"", |
| | | list: [], |
| | | rules: { |
| | | name: [ |
| | | { required: true, message: "预案名称不能为空", trigger: "change" }, |
| | | ], |
| | | remark: [ |
| | | { required: true, message: "责任人不能为空", trigger: "blur" }, |
| | | ], |
| | | }, |
| | | }; |
| | | }, |
| | | created() { |
| | | this.emergencyPlan(); |
| | | }, |
| | | methods: { |
| | | |
| | | uploadFileSuccess(res){ |
| | | this.fileName=res.fileName |
| | | this.fileUrl=res.fileUrl |
| | | if (this.fileName=="" || this.fileUrl==""){ |
| | | this.form.fileList=[] |
| | | } |
| | | this.form.fileList=[{ |
| | | fileName: this.fileName, |
| | | fileUrl:this.fileUrl |
| | | }] |
| | | }, |
| | | |
| | | uploadImgSuccess(res){ |
| | | let file = { |
| | | fileUrl : res.fileUrl, |
| | | fileName : res.fileName |
| | | } |
| | | this.form.fileList.push(file) |
| | | }, |
| | | |
| | | removeImgSuccess(res){ |
| | | this.form.fileList=res.fileList |
| | | }, |
| | | |
| | | async emergencyPlan() { |
| | | var res = await emergencyPlanList(this.listQuery); |
| | | if (res.data.code === "200") { |
| | | this.list = res.data.result.records; |
| | | this.recordTotal = res.data.result.total |
| | | this.pageSize=res.data.result.size; |
| | | this.currentPage = res.data.result.current |
| | | } |
| | | }, |
| | | emergencyPlanC(value, type) { |
| | | this.dialogVisible = true; |
| | | this.$nextTick(() => { |
| | | this.$refs["form"].clearValidate(); |
| | | }); |
| | | if (type === "新增") { |
| | | this.title = "新增"; |
| | | this.form = { |
| | | name: "", |
| | | fileType: 0, |
| | | fileList: [], |
| | | remark: "", |
| | | }; |
| | | } else { |
| | | this.title = "编辑"; |
| | | this.form = value; |
| | | this.fileUrl=value.fileList[0].fileUrl; |
| | | this.fileName=value.fileList[0].fileName |
| | | } |
| | | }, |
| | | addemergencyPlan() { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | console.log(132,this.form) |
| | | if (this.title === "新增") { |
| | | emergencyPlanAdd(this.form).then((res) => { |
| | | if (res.data.code === "200") { |
| | | this.dialogVisible = false; |
| | | this.emergencyPlan(); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "新增成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | else { |
| | | emergencyPlanMod(this.form).then((res) => { |
| | | if (res.data.code === "200") { |
| | | this.dialogVisible = false; |
| | | this.emergencyPlan(); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "编辑成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | deleteById(val) { |
| | | emergencyPlanDel({ id: val }).then(() => { |
| | | this.emergencyPlan(); |
| | | this.$notify({ |
| | | title: "成功", |
| | | message: "删除成功", |
| | | type: "success", |
| | | duration: 2000, |
| | | }); |
| | | }); |
| | | }, |
| | | find() { |
| | | this.emergencyPlan(); |
| | | }, |
| | | handleSizeChange(val){ |
| | | this.listQuery.pageSize = val |
| | | this.emergencyPlan(); |
| | | }, |
| | | handleCurrentChange(val){ |
| | | this.listQuery.pageIndex = val |
| | | this.emergencyPlan(); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .btns{ |
| | | background-color: #034EA2; |
| | | border: 1px solid #034EA2; |
| | | } |
| | | </style> |
对比新文件 |
| | |
| | | <template> |
| | | <div style="display: flex"> |
| | | <el-input :disabled="true" type="text" size="medium" v-model="viewName" style="width: 60%" ></el-input> |
| | | <el-upload |
| | | v-if="!disabled" |
| | | action="" |
| | | multiple |
| | | :limit="1" |
| | | :file-list="fileList" |
| | | :http-request="uploadSectionFile" |
| | | :show-file-list="false" |
| | | :before-upload="beforeUpload" |
| | | :on-success="handleSuccess" |
| | | :on-error="handleError" |
| | | > |
| | | <div style=""> |
| | | <el-button v-if="!fileName" type="primary" size="small" style="margin-left:25px;;width:65px;height:36px;display: flex;align-items: center;justify-content: center">上传<i class="el-icon-upload el-icon--right"></i></el-button> |
| | | </div> |
| | | </el-upload> |
| | | |
| | | <div style="display: flex"> |
| | | <a v-if="!disabled&&fileName"> |
| | | <el-button @click="downLoadFile(downloadUrl)" slot="tip" type="primary" size="small" style="margin-left:25px;width:65px;height:36px;display: flex;align-items: center;justify-content: center"> |
| | | 下载<i class="el-icon-download el-icon--right"></i> |
| | | </el-button> |
| | | </a> |
| | | <el-button v-if="!disabled&&fileName" slot="tip" type="primary" size="small " @click="handleClear" style="margin-left:5px;width:65px;height:36px;display: flex;align-items: center;justify-content: center" |
| | | >清除<i class="el-icon-delete el-icon--right"></i></el-button> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | import {emergencyPlanUpload} from "@/api/emergencyplan.js"; |
| | | |
| | | export default { |
| | | props: { |
| | | name: { |
| | | type: String |
| | | }, |
| | | url: { |
| | | type: String |
| | | }, |
| | | disabled: { |
| | | type: Boolean |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | action: '', |
| | | viewName:'', |
| | | fileName: '', |
| | | filePath: '', |
| | | downloadUrl: '', |
| | | fileList: [], |
| | | } |
| | | }, |
| | | mounted() { |
| | | setTimeout(() => { |
| | | this.fileName = this.$props.name; |
| | | this.downloadUrl = this.$props.url; |
| | | this.viewName=this.$props.name |
| | | }, 100); |
| | | }, |
| | | watch: { |
| | | name() { |
| | | this.fileName = this.$props.name; |
| | | this.downloadUrl = this.$props.url; |
| | | this.viewName=this.$props.name; |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | downLoadFile(fileUrl){ |
| | | console.log(123,fileUrl) |
| | | let a = document.createElement('a') |
| | | // a.href = this.defaultUrl+`/upload/downloadNew?path=`+encodeURI(fileUrl) |
| | | a.href = process.env.BASE_API + '/upload/'+fileUrl |
| | | a.click(); |
| | | }, |
| | | |
| | | downloadFile(){ |
| | | |
| | | }, |
| | | uploadSectionFile(param) { |
| | | let form = new FormData(); |
| | | form.append('file', param.file); |
| | | emergencyPlanUpload(form).then(res=>{ |
| | | if (res.data.code==200){ |
| | | this.fileName = res.data.result.fileName; |
| | | this.viewName=res.data.result.fileName; |
| | | this.downloadUrl=res.data.result.fileUrl |
| | | this.$nextTick(() => { |
| | | this.$emit('uploadFileSuccess', { |
| | | fileName: this.fileName, |
| | | fileUrl: this.downloadUrl |
| | | }); |
| | | }); |
| | | this.$message({ |
| | | type:'success', |
| | | message:'上传成功', |
| | | duration:2000, |
| | | }) |
| | | }else { |
| | | this.$message.error('上传失败,系统未知错误!错误码为【500】'); |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | handleClear(){ |
| | | this.fileName = ''; |
| | | this.fileList = []; |
| | | this.viewName="" |
| | | this.$emit('uploadFileSuccess', { |
| | | fileUrl: '', |
| | | fileName: '' |
| | | }); |
| | | }, |
| | | |
| | | beforeUpload(file) { |
| | | }, |
| | | handleError(err, file, fileList) { |
| | | this.$message.error('上传失败,系统未知错误!错误码为【500】'); |
| | | }, |
| | | handleSuccess(err, file, fileList) { |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
对比新文件 |
| | |
| | | <template> |
| | | <div > |
| | | <el-upload |
| | | action="" |
| | | :disabled="disabled" |
| | | list-type="picture-card" |
| | | :file-list="fileList" |
| | | :http-request="handleUpload" |
| | | :beforeUpload="beforeUploadImg" |
| | | :on-success="handleSuccess" |
| | | :on-error="handleError" |
| | | :on-preview="handlePreview" |
| | | :on-remove="handleRemove" |
| | | > |
| | | <i class="el-icon-plus"></i> |
| | | </el-upload> |
| | | <el-dialog :visible.sync="dialogVisible" :modal="false"> |
| | | <img width="100%" :src="dialogImageUrl" alt=""> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | |
| | | <script> |
| | | |
| | | import {emergencyPlanUpload} from "@/api/emergencyplan.js"; |
| | | |
| | | export default { |
| | | props: { |
| | | disabled: {//是否可用 |
| | | type: Boolean, |
| | | default:false |
| | | }, |
| | | imgList: {//存储路径 |
| | | type: Array, |
| | | default:[] |
| | | }, |
| | | }, |
| | | data() { |
| | | return { |
| | | dialogImageUrl: '', |
| | | dialogVisible: false, |
| | | |
| | | fileList:[], |
| | | fileUrl:"", |
| | | fileName:"", |
| | | |
| | | }; |
| | | }, |
| | | watch:{}, |
| | | created:function () {}, |
| | | mounted(){ |
| | | |
| | | if (this.imgList!=null){ |
| | | for(let i = 0 ;i < this.imgList.length ; i++){ |
| | | this.imgList[i].url = process.env.IMG_API + 'emergencyPlan/'+this.imgList[i].fileName |
| | | this.fileList.push(this.imgList[i]) |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | handleRemove(file, fileList) { |
| | | for (let a = 0;a<this.fileList.length;a++){ |
| | | if(file.uid == this.fileList[a].uid){ |
| | | this.fileList.splice(a,1); |
| | | } |
| | | } |
| | | this.$nextTick(() => { |
| | | this.$emit('removeImgSuccess', { |
| | | fileList:this.fileList |
| | | }); |
| | | }); |
| | | }, |
| | | handlePreview(file) { |
| | | this.dialogImageUrl = file.url; |
| | | this.dialogVisible = true; |
| | | }, |
| | | beforeUploadImg(file) { |
| | | const isJPG = file.type === 'image/jpeg'; |
| | | const isPNG = file.type === 'image/png'; |
| | | if (!isJPG && !isPNG) { |
| | | this.$message.error('上传图片只能是 JPG 或者 PNG 格式!'); |
| | | } |
| | | return (isJPG || isPNG) ; |
| | | }, |
| | | handleError(err, file, fileList){ |
| | | this.$message.error('上传失败,系统未知错误!错误码为【500】'); |
| | | }, |
| | | handleUpload(param){ |
| | | let formData = new FormData(); |
| | | formData.append('file', param.file); //添加键值 |
| | | emergencyPlanUpload(formData).then(res=>{ |
| | | if (res.data.code==200){ |
| | | this.fileUrl = res.data.result.fileUrl |
| | | this.fileName = res.data.result.fileName |
| | | this.fileList.push( |
| | | { |
| | | fileUrl: res.data.result.fileUrl, |
| | | fileName:res.data.result.fileName, |
| | | url:process.env.IMG_API + 'emergencyPlan/'+res.data.result.fileName |
| | | } |
| | | ) |
| | | this.$nextTick(() => { |
| | | this.$emit('uploadImgSuccess', { |
| | | fileName: this.fileName, |
| | | fileUrl: this.fileUrl |
| | | }); |
| | | }); |
| | | this.$message({ |
| | | type:'success', |
| | | message:'上传成功', |
| | | duration:2000, |
| | | }) |
| | | } else{ |
| | | this.$message.error('上传失败,系统未知错误!'); |
| | | } |
| | | }) |
| | | }, |
| | | handleSuccess(response, file, fileList) { |
| | | }, |
| | | } |
| | | } |
| | | </script> |
对比新文件 |
| | |
| | | <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="listQuery.filter.equipmentName"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="状态"> |
| | | <el-select v-model="listQuery.filter.status" placeholder="请选择状态"> |
| | | <el-option v-for="item in unitIdOptions" :key="item.value" :label="item.label" :value="item.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="4" style="text-align: center"> |
| | | <el-button type="primary" icon="el-icon-search" @click="find()" class="btns" |
| | | >搜索</el-button |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-plus" |
| | | class="btns" |
| | | @click="handleClick('', '新增')" |
| | | >新增</el-button |
| | | > |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <el-table :data="list" border style="width: 100%"> |
| | | <el-table-column prop="equipmentName" align="center" label="设备名称"> |
| | | </el-table-column> |
| | | <el-table-column label="状态" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.status == 0">已处理</span> |
| | | <span v-if="scope.row.status == 1">未处理</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="alarmTime" label="报警时间" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="alarmInfo" label="报警信息" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="remark" label="备注" align="center"> |
| | | </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" |
| | | @click="deleteById(scope.row.id)" |
| | | style="color: red" |
| | | >删除</el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="text-align:right"> |
| | | <el-pagination |
| | | v-show="recordTotal>0" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="currentPage" |
| | | :page-sizes="[10, 20, 30, 50]" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="recordTotal" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="dialogVisible" |
| | | width="40%" |
| | | > |
| | | <el-form ref="form" :rules="rules" :model="form" label-width="80px"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="设备名称" prop="equipmentId"> |
| | | <el-select |
| | | v-model="form.equipmentId" |
| | | placeholder="请选择设备名称" |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in equipmentName" |
| | | :key="item.value" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="状态" prop="status"> |
| | | <el-select |
| | | v-model="form.status" |
| | | placeholder="请选择设备状态" |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in unitIdOptions" |
| | | :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="12"> |
| | | <el-form-item label="报警时间" prop="alarmTime"> |
| | | <el-date-picker |
| | | v-model="form.alarmTime" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期时间" |
| | | style="width: 100%;"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="报警信息" prop="alarmInfo"> |
| | | <el-input v-model="form.alarmInfo" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input type="textarea" v-model="form.remark" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" class="btns" @click="AddelementManagement()" |
| | | >确 定</el-button |
| | | > |
| | | <el-button @click="dialogVisible = false">取 消</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import { |
| | | majorEquipmentList, |
| | | majorEquipmentAdd, |
| | | majorEquipmentMod, |
| | | majorEquipmentDel, |
| | | } from "@/api/majorEquipmentAlarm.js"; |
| | | import { majorEquipmentErt } from "@/api/majorEquipment.js"; |
| | | export default { |
| | | data() { |
| | | return { |
| | | dialogVisible: false, |
| | | title: "", |
| | | form: { |
| | | equipmentId: "", |
| | | status: "", |
| | | alarmTime: "", |
| | | alarmInfo:"", |
| | | remark:"", |
| | | }, |
| | | alarmTime:"", |
| | | pageSize: 10, |
| | | recordTotal: 0, |
| | | currentPage: 1, |
| | | list: [], |
| | | listQuery: { |
| | | filter: { |
| | | equipmentName: "", |
| | | }, |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | }, |
| | | type:'', |
| | | rules: { |
| | | |
| | | }, |
| | | equipmentName:[], |
| | | unitIdOptions:[{label:"已处理",value:0},{label:"未处理",value:1}] |
| | | }; |
| | | }, |
| | | created() { |
| | | this.elementManagementL(); |
| | | }, |
| | | methods: { |
| | | async elementManagementL() { |
| | | var res = await majorEquipmentList(this.listQuery); |
| | | console.log(res); |
| | | if (res.data.code == 200) { |
| | | this.list = res.data.result.records; |
| | | this.recordTotal = res.data.result.total |
| | | this.pageSize=res.data.result.size; |
| | | this.currentPage = res.data.result.current |
| | | } |
| | | }, |
| | | handleClick(value, type) { |
| | | this.dialogVisible = true; |
| | | this.$nextTick(() => { |
| | | this.$refs["form"].clearValidate(); |
| | | }); |
| | | majorEquipmentErt().then(res=>{ |
| | | console.log(res) |
| | | this.equipmentName=res.data.result |
| | | }) |
| | | if (type == "新增") { |
| | | this.title = "新增"; |
| | | this.form = { |
| | | equipmentId: "", |
| | | status:'', |
| | | remark:"", |
| | | alarmTime:"", |
| | | alarmInfo:"" |
| | | }; |
| | | } else { |
| | | this.title = "编辑"; |
| | | this.form = value; |
| | | } |
| | | }, |
| | | AddelementManagement() { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | if (this.title == "新增") { |
| | | majorEquipmentAdd(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.dialogVisible = false; |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "新增成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } else { |
| | | majorEquipmentMod(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.dialogVisible = false; |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "编辑成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | his.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | deleteById(val) { |
| | | majorEquipmentDel({id:val}).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | title: "成功", |
| | | message: "删除成功", |
| | | type: "success", |
| | | duration: 2000, |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | find(){ |
| | | this.elementManagementL(); |
| | | }, |
| | | handleSizeChange(val){ |
| | | this.listQuery.pageSize = val |
| | | this.elementManagementL(); |
| | | }, |
| | | handleCurrentChange(val){ |
| | | this.listQuery.pageIndex = val |
| | | this.elementManagementL(); |
| | | }, |
| | | |
| | | }, |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .btns { |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | } |
| | | </style> |
对比新文件 |
| | |
| | | <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="listQuery.filter.equipmentName"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: center"> |
| | | <el-button type="primary" icon="el-icon-search" @click="find()" class="btns" |
| | | >搜索</el-button |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-plus" |
| | | class="btns" |
| | | @click="handleClick('', '新增')" |
| | | >新增</el-button |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-plus" |
| | | class="btns" |
| | | @click="importData()" |
| | | >导入</el-button |
| | | > |
| | | |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <el-table :data="list" border style="width: 100%"> |
| | | <el-table-column label="设备编号" align="center" prop="equipmentSerialNumber"> |
| | | </el-table-column> |
| | | <el-table-column prop="equipmentName" label="设备名称" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="rangeLowerLimit" label="仪表量程下限" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="rangeUpperLimit" label="仪表量程上限" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="highHighLiquidAlarm" label="高高液位报警值" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="highLiquidAlarm" label="高液位报警值" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="lowLiquidAlarm" label="低液位报警值" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="lowLowLiquidAlarm" label="低低液位报警值" align="center"> |
| | | </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" |
| | | @click="deleteById(scope.row.id)" |
| | | style="color: red" |
| | | >删除</el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="text-align:right"> |
| | | <el-pagination |
| | | v-show="recordTotal>0" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="currentPage" |
| | | :page-sizes="[10, 20, 30, 50]" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="recordTotal" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="dialogVisible" |
| | | width="40%" |
| | | > |
| | | <el-form ref="form" :rules="rules" :model="form" label-width="120px"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="设备名称" prop="equipmentId"> |
| | | <el-select |
| | | v-model="form.equipmentId" |
| | | placeholder="请选择设备名称" |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in equipmentName" |
| | | :key="item.value" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="检测时间" prop="monitoringTime"> |
| | | <el-date-picker |
| | | v-model="form.monitoringTime" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择日期时间" |
| | | style="width: 100%;"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="仪表量程下限" prop="rangeLowerLimit"> |
| | | <el-input v-model.number="form.rangeLowerLimit" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="仪表量程上限" prop="rangeLowerLimit"> |
| | | <el-input v-model.number="form.rangeUpperLimit" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="高高液位报警值" prop="rangeUpperLimit"> |
| | | <el-input v-model.number="form.highHighLiquidAlarm" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="高液位报警值" prop="alarmInfo"> |
| | | <el-input v-model.number="form.highLiquidAlarm" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="低液位报警值" prop="alarmInfo"> |
| | | <el-input v-model.number="form.lowLiquidAlarm" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="低低液位报警值" prop="alarmInfo"> |
| | | <el-input v-model.number="form.lowLowLiquidAlarm" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" class="btns" @click="AddelementManagement()" |
| | | >确 定</el-button |
| | | > |
| | | <el-button @click="dialogVisible = false">取 消</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import { |
| | | majorEquipmentList, |
| | | majorEquipmentAdd, |
| | | majorEquipmentImport, |
| | | majorEquipmentMod, |
| | | majorEquipmentDel, |
| | | } from "@/api/majorEquipmentData.js"; |
| | | import { majorEquipmentErt } from "@/api/majorEquipment.js"; |
| | | import XLSX from 'xlsx' |
| | | export default { |
| | | data() { |
| | | return { |
| | | dialogVisible: false, |
| | | title: "", |
| | | form: { |
| | | equipmentId: "", |
| | | monitoringTime:"", |
| | | rangeLowerLimit: "", |
| | | rangeUpperLimit: "", |
| | | highHighLiquidAlarm:"", |
| | | highLiquidAlarm:"", |
| | | lowLiquidAlarm:"", |
| | | lowLowLiquidAlarm:"", |
| | | }, |
| | | alarmTime:"", |
| | | pageSize: 10, |
| | | recordTotal: 0, |
| | | currentPage: 1, |
| | | list: [], |
| | | listQuery: { |
| | | filter: { |
| | | equipmentId: "", |
| | | status:'', |
| | | }, |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | }, |
| | | // type:'', |
| | | rules: { |
| | | rangeLowerLimit:{ type: 'number', message: '仪表量程下限必须为数字值'}, |
| | | rangeUpperLimit:{ type: 'number', message: '仪表量程上限必须为数字值'}, |
| | | highHighLiquidAlarm:{ type: 'number', message: '高高液位报警值必须为数字值'}, |
| | | highLiquidAlarm:{ type: 'number', message: '高液位报警值必须为数字值'}, |
| | | lowLiquidAlarm:{ type: 'number', message: '低液位报警值必须为数字值'}, |
| | | lowLowLiquidAlarm:{ type: 'number', message: '低低液位报警值必须为数字值'}, |
| | | }, |
| | | equipmentName:[], |
| | | unitIdOptions:[{label:"已处理",value:0},{label:"未处理",value:1}] |
| | | }; |
| | | }, |
| | | created() { |
| | | this.elementManagementL(); |
| | | this.initMajorEquipment() |
| | | }, |
| | | methods: { |
| | | |
| | | importData(){ |
| | | let input = document.createElement('input'); input.type = 'file'; |
| | | input.addEventListener('change', (event) => { |
| | | this.exportData(event) |
| | | }) |
| | | input.click() |
| | | }, |
| | | exportData (event) { |
| | | this.ishowFile = true // 销毁 |
| | | if (!event.currentTarget.files.length) { |
| | | return |
| | | } |
| | | const that = this |
| | | // 拿取文件对象 |
| | | var f = event.currentTarget.files[0] |
| | | // 用FileReader来读取 |
| | | var reader = new FileReader() |
| | | // 重写FileReader上的readAsBinaryString方法 |
| | | FileReader.prototype.readAsBinaryString = function (f) { |
| | | var binary = '' |
| | | var wb // 读取完成的数据 |
| | | var outdata // 你需要的数据 |
| | | var reader = new FileReader() |
| | | reader.onload = function (e) { |
| | | // 读取成Uint8Array,再转换为Unicode编码(Unicode占两个字节) |
| | | var bytes = new Uint8Array(reader.result) |
| | | var length = bytes.byteLength |
| | | for (var i = 0; i < length; i++) { |
| | | binary += String.fromCharCode(bytes[i]) |
| | | } |
| | | // 接下来就是xlsx了,具体可看api |
| | | wb = XLSX.read(binary, { |
| | | type: 'binary' |
| | | }) |
| | | outdata = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) |
| | | // 自定义方法向父组件传递数据 |
| | | var list=JSON.parse(JSON.stringify(outdata)) //读取的数据 |
| | | var arr=[] //传到后台的数据 |
| | | |
| | | |
| | | if(list!=null && list.length>0){ |
| | | for(var i=0;i<list.length;i++){ |
| | | var obj=new Object() |
| | | obj.index=list[i].序号 |
| | | obj.equipmentName=list[i].设备名称?list[i].设备名称:"" |
| | | obj.equipmentSerialNumber=list[i].设备编号?list[i].设备编号:"" |
| | | obj.monitoringTime=list[i].监测时间?list[i].监测时间:"" |
| | | if(list[i].仪表量程下限!=null && list[i].仪表量程下限!="" && isNaN(list[i].仪表量程下限)){ |
| | | that.$message("序号为"+(i+1)+"的仪表量程下限不是数字","warning") |
| | | return |
| | | } |
| | | if(list[i].仪表量程上限!=null && list[i].仪表量程上限!="" && isNaN(list[i].仪表量程上限)){ |
| | | that.$message("序号为"+(i+1)+"的仪表量程上限不是数字","warning") |
| | | return |
| | | } |
| | | if(list[i].高高液位报警值!=null && list[i].高高液位报警值!="" && isNaN(list[i].高高液位报警值)){ |
| | | that.$message("序号为"+(i+1)+"的高高液位报警值不是数字","warning") |
| | | return |
| | | } |
| | | if(list[i].高液位报警值!=null && list[i].高液位报警值!="" && isNaN(list[i].高液位报警值)){ |
| | | that.$message("序号为"+(i+1)+"的高液位报警值不是数字","warning") |
| | | return |
| | | } |
| | | if(list[i].低液位报警值!=null && list[i].低液位报警值!="" && isNaN(list[i].低液位报警值)){ |
| | | that.$message("序号为"+(i+1)+"的低液位报警值不是数字","warning") |
| | | return |
| | | } |
| | | if(list[i].低低液位报警值!=null && list[i].低低液位报警值!="" && isNaN(list[i].低低液位报警值)){ |
| | | that.$message("序号为"+(i+1)+"的低低液位报警值不是数字","warning") |
| | | return |
| | | } |
| | | obj.rangeLowerLimit=list[i].仪表量程下限?list[i].仪表量程下限:"" |
| | | obj.rangeUpperLimit=list[i].仪表量程上限?list[i].仪表量程上限:"" |
| | | obj.highHighLiquidAlarm=list[i].高高液位报警值?list[i].高高液位报警值:"" |
| | | obj.highLiquidAlarm=list[i].高液位报警值?list[i].高液位报警值:"" |
| | | obj.lowLiquidAlarm=list[i].低液位报警值?list[i].低液位报警值:"" |
| | | obj.lowLowLiquidAlarm=list[i].低低液位报警值?list[i].低低液位报警值:"" |
| | | arr.push(obj) |
| | | } |
| | | } |
| | | //判空(名称/编号/时间) |
| | | let nullArr=that.checkNull(arr) |
| | | if(nullArr.nullNameArr.length>0){ |
| | | that.$message("模板中序号为("+nullArr.nullNameArr+")的设备名称不能为空","error") |
| | | return |
| | | } |
| | | if(nullArr.nullNumArr.length>0){ |
| | | that.$message("模板中序号为("+nullArr.nullNumArr+")的设备编号不能为空","error") |
| | | return |
| | | } |
| | | if(nullArr.nullTimeArr.length>0){ |
| | | that.$message("模板中序号为("+nullArr.nullTimeArr+")的监测时间不能为空","error") |
| | | return |
| | | } |
| | | //判断设备编号对应的设备是否存在,如果都存在的了则设置设备id |
| | | let res=that.checkExist(arr) |
| | | if(res.nullArr.length>0){ |
| | | that.$message("模板中序号为("+res.nullArr+")的设备编号没有对应的设备!","error") |
| | | return |
| | | } |
| | | that.insertData(res.resArr) |
| | | } |
| | | reader.readAsArrayBuffer(f) |
| | | } |
| | | reader.readAsBinaryString(f) |
| | | }, |
| | | |
| | | insertData(data){ |
| | | majorEquipmentImport(data).then(res=>{ |
| | | if (res.data.code == 200) { |
| | | this.$message({ |
| | | type:'success', |
| | | message:'导入成功', |
| | | duration:2000, |
| | | }) |
| | | |
| | | }else{ |
| | | this.$message.error('导入失败,系统未知错误!'); |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | |
| | | checkExist(excelArr){ |
| | | let res={ |
| | | nullArr:[], |
| | | resArr:[], |
| | | } |
| | | |
| | | let NumArr=[] |
| | | let IdArr=[] |
| | | for (let i = 0 ; i < this.equipmentName.length ; i++){ |
| | | NumArr.push(this.equipmentName[i].serialNumber) |
| | | IdArr.push(this.equipmentName[i].id) |
| | | } |
| | | for (let j = 0 ; j < excelArr.length ; j++){ |
| | | if (NumArr.indexOf(excelArr[j].equipmentSerialNumber)==-1) { |
| | | res.nullArr.push(excelArr[j].index) |
| | | }else{ |
| | | let index = NumArr.indexOf(excelArr[j].equipmentSerialNumber) |
| | | excelArr[j].equipmentId=IdArr[index] |
| | | } |
| | | } |
| | | res.resArr=excelArr |
| | | return res; |
| | | }, |
| | | |
| | | checkNull(excelArr){ |
| | | let nullArr={ |
| | | nullNameArr:[], |
| | | nullNumArr:[], |
| | | nullTimeArr:[], |
| | | } |
| | | if(excelArr!=null && excelArr.length>0){ |
| | | for (let j=0;j<excelArr.length;j++){ |
| | | if (excelArr[j].equipmentName==null || excelArr[j].equipmentName=='') { |
| | | nullArr.nullNameArr.push(excelArr[j].index) |
| | | } |
| | | if (excelArr[j].equipmentSerialNumber==null || excelArr[j].equipmentSerialNumber=='') { |
| | | nullArr.nullNumArr.push(excelArr[j].index) |
| | | } |
| | | if (excelArr[j].monitoringTime==null || excelArr[j].monitoringTime=='') { |
| | | nullArr.nullTimeArr.push(excelArr[j].index) |
| | | } |
| | | } |
| | | } |
| | | return nullArr |
| | | }, |
| | | |
| | | initMajorEquipment(){ |
| | | majorEquipmentErt().then(res=>{ |
| | | if (res.data.code == 200) { |
| | | this.equipmentName=res.data.result |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | async elementManagementL() { |
| | | var res = await majorEquipmentList(this.listQuery); |
| | | if (res.data.code == 200) { |
| | | this.list = res.data.result.records; |
| | | this.recordTotal = res.data.result.total |
| | | this.pageSize=res.data.result.size; |
| | | this.currentPage = res.data.result.current |
| | | } |
| | | }, |
| | | handleClick(value, type) { |
| | | this.dialogVisible = true; |
| | | this.$nextTick(() => { |
| | | this.$refs["form"].clearValidate(); |
| | | }); |
| | | if (type == "新增") { |
| | | this.title = "新增"; |
| | | this.form = { |
| | | equipmentId: "", |
| | | monitoringTime:"", |
| | | rangeLowerLimit: "", |
| | | rangeUpperLimit: "", |
| | | highHighLiquidAlarm:"", |
| | | highLiquidAlarm:"", |
| | | lowLiquidAlarm:"", |
| | | lowLowLiquidAlarm:"", |
| | | }; |
| | | } else { |
| | | this.title = "编辑"; |
| | | this.form = value; |
| | | } |
| | | }, |
| | | AddelementManagement() { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | if (this.title == "新增") { |
| | | majorEquipmentAdd(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.dialogVisible = false; |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "新增成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } else { |
| | | majorEquipmentMod(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.dialogVisible = false; |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "编辑成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | his.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | deleteById(val) { |
| | | majorEquipmentDel({id:val}).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | title: "成功", |
| | | message: "删除成功", |
| | | type: "success", |
| | | duration: 2000, |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | find(){ |
| | | this.elementManagementL(); |
| | | }, |
| | | handleSizeChange(val){ |
| | | this.listQuery.pageSize = val |
| | | this.elementManagementL(); |
| | | }, |
| | | handleCurrentChange(val){ |
| | | this.listQuery.pageIndex = val |
| | | this.elementManagementL(); |
| | | }, |
| | | |
| | | }, |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .btns { |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | } |
| | | </style> |
对比新文件 |
| | |
| | | <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="listQuery.filter.name"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="设备状态"> |
| | | <el-select v-model="listQuery.filter.status" placeholder="请选择设备状态"> |
| | | <el-option v-for="item in unitIdOptions" :key="item.value" :label="item.label" :value="item.value"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="4" style="text-align: center"> |
| | | <el-button type="primary" icon="el-icon-search" @click="find()" class="btns" |
| | | >搜索</el-button |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-plus" |
| | | class="btns" |
| | | @click="handleClick('', '新增')" |
| | | >新增</el-button |
| | | > |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <el-table :data="list" border style="width: 100%"> |
| | | <el-table-column prop="serialNumber" align="center" label="设备编号"> |
| | | </el-table-column> |
| | | <el-table-column prop="name" align="center" label="设备名称"> |
| | | </el-table-column> |
| | | <el-table-column label="状态" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.status == 0">在用</span> |
| | | <span v-if="scope.row.status == 1">停用</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="volume" label="容积" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="userId" label="负责人" align="center"> |
| | | </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" |
| | | @click="deleteById(scope.row.id)" |
| | | style="color: red" |
| | | >删除</el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="text-align:right"> |
| | | <el-pagination |
| | | v-show="recordTotal>0" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="currentPage" |
| | | :page-sizes="[10, 20, 30, 50]" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="recordTotal" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="dialogVisible" |
| | | width="40%" |
| | | > |
| | | <el-form ref="form" :rules="rules" :model="form" label-width="80px"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="设备编号" prop="serialNumber"> |
| | | <el-input v-model.number="form.serialNumber" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="设备名称" prop="name"> |
| | | <el-input v-model="form.name" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="状态" prop="status"> |
| | | <el-select |
| | | v-model="form.status" |
| | | placeholder="请选择设备状态" |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in unitIdOptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="容积" prop="volume"> |
| | | <el-input v-model.number="form.volume" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="负责人" prop="userId"> |
| | | <el-input v-model="form.userId" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" class="btns" @click="AddelementManagement()" |
| | | >确 定</el-button |
| | | > |
| | | <el-button @click="dialogVisible = false">取 消</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import { |
| | | majorEquipmentList, |
| | | majorEquipmentAdd, |
| | | majorEquipmentMod, |
| | | majorEquipmentDel, |
| | | } from "@/api/majorEquipment.js"; |
| | | export default { |
| | | data() { |
| | | return { |
| | | dialogVisible: false, |
| | | title: "", |
| | | form: { |
| | | name: "", |
| | | status: "", |
| | | volume: "", |
| | | serialNumber:"", |
| | | }, |
| | | pageSize: 10, |
| | | recordTotal: 0, |
| | | currentPage: 1, |
| | | list: [], |
| | | listQuery: { |
| | | filter: { |
| | | name: "", |
| | | }, |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | }, |
| | | type:'', |
| | | rules: { |
| | | serialNumber:{ required: true, message: '容积必须为数字值'}, |
| | | volume:{ type: 'number', message: '负责人必须为数字值'}, |
| | | name: [ |
| | | { required: true, message: "预案名称不能为空", trigger: "change" }, |
| | | ], |
| | | }, |
| | | unitIdOptions:[{label:"在用",value:0},{label:"停用",value:1}] |
| | | }; |
| | | }, |
| | | created() { |
| | | this.elementManagementL(); |
| | | }, |
| | | methods: { |
| | | async elementManagementL() { |
| | | var res = await majorEquipmentList(this.listQuery); |
| | | console.log(res); |
| | | if (res.data.code == 200) { |
| | | this.list = res.data.result.records; |
| | | this.recordTotal = res.data.result.total |
| | | this.pageSize=res.data.result.size; |
| | | this.currentPage = res.data.result.current |
| | | } |
| | | }, |
| | | handleClick(value, type) { |
| | | this.dialogVisible = true; |
| | | this.$nextTick(() => { |
| | | this.$refs["form"].clearValidate(); |
| | | }); |
| | | if (type == "新增") { |
| | | this.title = "新增"; |
| | | this.form = { |
| | | serialNumber:'', |
| | | name: "", |
| | | volume:"", |
| | | userId:"", |
| | | status:"" |
| | | }; |
| | | } else { |
| | | this.title = "编辑"; |
| | | this.form = value; |
| | | } |
| | | }, |
| | | AddelementManagement() { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | if (this.title == "新增") { |
| | | majorEquipmentAdd(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.dialogVisible = false; |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "新增成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } else { |
| | | majorEquipmentMod(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.dialogVisible = false; |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "编辑成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | his.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | deleteById(val) { |
| | | majorEquipmentDel({id:val}).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | title: "成功", |
| | | message: "删除成功", |
| | | type: "success", |
| | | duration: 2000, |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | find(){ |
| | | this.elementManagementL(); |
| | | }, |
| | | handleSizeChange(val){ |
| | | this.listQuery.pageSize = val |
| | | this.elementManagementL(); |
| | | }, |
| | | handleCurrentChange(val){ |
| | | this.listQuery.pageIndex = val |
| | | this.elementManagementL(); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .btns { |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | } |
| | | </style> |
对比新文件 |
| | |
| | | <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="filterText" |
| | | 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" @click="find" size="mini" |
| | | >搜索</el-button |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | style="margin: 0px" |
| | | class="btns" |
| | | icon="el-icon-plus" |
| | | size="mini" |
| | | @click="safetyInspectionItemC('', '新增')" |
| | | ></el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <el-tree |
| | | :data="tree" |
| | | :props="defaultProps" |
| | | @node-click="safetyInspectionItemL" |
| | | default-expand-all |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | ></el-tree> |
| | | </div> |
| | | </div> |
| | | <div class="box-right" v-if="show"> |
| | | <div class="box-rightXQ" v-for="(item, index) in list" :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"> |
| | | {{ item.standardizationRequirements }} |
| | | </p> |
| | | </el-col> |
| | | <el-col :span="1" |
| | | ><p class="btnXG" @click="safetyInspectionItemC(item.id, '修改')"> |
| | | 修改 |
| | | </p></el-col |
| | | > |
| | | <el-col :span="1" |
| | | ><p class="btnXG" style="color:red;" @click="safetyInspectionItemDel(item.id)"> |
| | | 删除 |
| | | </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"> |
| | | {{ item.enterpriseStandard }} |
| | | </p></el-col |
| | | > |
| | | <el-col :span="2" :offset="1" |
| | | ><p class="title">评审方法:</p></el-col |
| | | > |
| | | <el-col :span="10" |
| | | ><p class="title-type"> |
| | | {{ item.reviewMethod }} |
| | | </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="form.elementA" |
| | | :disabled="disabled" |
| | | style="width: 100%" |
| | | @change="select" |
| | | > |
| | | <el-option |
| | | v-for="item in tree" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </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-if="title == '新增'" |
| | | v-model="form.elementB" |
| | | :disabled="disabled" |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in treeChildren" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | <el-select |
| | | v-if="title == '修改'" |
| | | v-model="form.elementBName" |
| | | :disabled="disabled" |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in treeChildren" |
| | | :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="24"> |
| | | <el-form-item label="标准化要求"> |
| | | <el-input |
| | | :rows="3" |
| | | type="textarea" |
| | | v-model="form.standardizationRequirements" |
| | | placeholder="" |
| | | maxlength="250" |
| | | show-word-limit |
| | | ></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.enterpriseStandard" |
| | | placeholder="" |
| | | maxlength="250" |
| | | show-word-limit |
| | | ></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.reviewMethod" |
| | | placeholder="" |
| | | maxlength="250" |
| | | show-word-limit |
| | | ></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.veto" |
| | | placeholder="" |
| | | maxlength="250" |
| | | show-word-limit |
| | | ></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="coAdd('', '新增')" |
| | | class="btns" |
| | | size="mini" |
| | | icon="el-icon-plus" |
| | | >新增</el-button |
| | | > |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-table border :data="form.deductionList"> |
| | | <el-table-column |
| | | type="index" |
| | | 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="coAdd(scope.row, '编辑')" |
| | | type="text" |
| | | size="small" |
| | | >编辑</el-button |
| | | > |
| | | <el-button |
| | | type="text" |
| | | size="small" |
| | | style="color: red" |
| | | @click="listDel(scope.row)" |
| | | >删除</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" |
| | | @click="safetyInspectionItemA" |
| | | class="btns" |
| | | >提交</el-button |
| | | > |
| | | <el-button @click="btnsQX">取消</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | </div> |
| | | |
| | | <el-dialog :title="titleN" :visible.sync="dialogVisible" width="30%"> |
| | | <el-form ref="form" :model="formInline" label-width="80px"> |
| | | <el-form-item label="名称"> |
| | | <el-input v-model="formInline.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="说明"> |
| | | <el-input |
| | | v-model="formInline.remark" |
| | | :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="listAdd" |
| | | >确 定</el-button |
| | | > |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import Titlename from "../../components/Titlename/index.vue"; |
| | | import { |
| | | safetyInspectionItemList, |
| | | safetyInspectionItemAdd, |
| | | safetyInspectionItemMod, |
| | | safetyInspectionItemDel, |
| | | safetyInspectionItemTree, |
| | | } from "@/api/safetyInspectionItem.js"; |
| | | export default { |
| | | components: { Titlename }, |
| | | data() { |
| | | return { |
| | | filterText: "", |
| | | dialogVisible: false, |
| | | show: true, |
| | | disabled: true, |
| | | title: "", |
| | | titleN: "", |
| | | index: "", |
| | | form: { |
| | | elementA: "", |
| | | elementB: "", |
| | | standardizationRequirements: "", |
| | | enterpriseStandard: "", |
| | | reviewMethod: "", |
| | | veto: "", |
| | | deductionList: [], |
| | | }, |
| | | formInline: { |
| | | name: "", |
| | | remark: "", |
| | | }, |
| | | listQuery: { |
| | | filter: { |
| | | elementB: "", |
| | | }, |
| | | |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | }, |
| | | tree: [], |
| | | list: [], |
| | | treeChildren: [], |
| | | defaultProps: { |
| | | children: "children", |
| | | label: "label", |
| | | }, |
| | | }; |
| | | }, |
| | | created() { |
| | | this.beforTree(); |
| | | }, |
| | | watch: { |
| | | filterText(val) { |
| | | this.$refs.tree.filter(val); |
| | | }, |
| | | }, |
| | | methods: { |
| | | filterNode(value, data){ |
| | | if (!value) return true; |
| | | return data.label.indexOf(value) !== -1; |
| | | }, |
| | | beforTree() { |
| | | safetyInspectionItemTree().then((res) => { |
| | | console.log(res); |
| | | this.tree = res.data.result; |
| | | }); |
| | | }, |
| | | safetyInspectionItemL(data) { |
| | | // console.log(data) |
| | | this.listQuery.filter.elementB = data.value; |
| | | safetyInspectionItemList(this.listQuery).then((res) => { |
| | | // console.log(res.data.result.records); |
| | | this.list = res.data.result.records; |
| | | }); |
| | | }, |
| | | safetyInspectionItemC(id, type) { |
| | | this.show = false; |
| | | this.title = type; |
| | | if (type == "新增") { |
| | | this.disabled = false; |
| | | this.form = { |
| | | elementA: "", |
| | | elementB: "", |
| | | standardizationRequirements: "", |
| | | enterpriseStandard: "", |
| | | reviewMethod: "", |
| | | veto: "", |
| | | deductionList: [], |
| | | }; |
| | | } else { |
| | | this.disabled = true; |
| | | var i = this.list.findIndex((item) => item.id == id); |
| | | console.log(id); |
| | | this.form = this.list[i]; |
| | | } |
| | | }, |
| | | select(val) { |
| | | this.form.elementB = ""; |
| | | var i = this.tree.findIndex((item) => item.value == val); |
| | | this.treeChildren = this.tree[i].children; |
| | | }, |
| | | safetyInspectionItemA() { |
| | | if (this.title == "新增") { |
| | | safetyInspectionItemAdd(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.show = true; |
| | | safetyInspectionItemList(this.listQuery).then((res) => { |
| | | this.list = res.data.result.records; |
| | | }); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "新增成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } else { |
| | | safetyInspectionItemMod(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.show = true; |
| | | safetyInspectionItemList(this.listQuery).then((res) => { |
| | | this.list = res.data.result.records; |
| | | }); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "修改成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | his.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | coAdd(val, type) { |
| | | this.titleN = type; |
| | | if (type == "新增") { |
| | | this.dialogVisible = true; |
| | | this.formInline = { |
| | | name: "", |
| | | remark: "", |
| | | }; |
| | | } else { |
| | | this.dialogVisible = true; |
| | | this.index = this.form.deductionList.findIndex( |
| | | (item) => item.name == val.name |
| | | ); |
| | | this.formInline = val; |
| | | } |
| | | }, |
| | | listAdd() { |
| | | if (this.titleN == "新增") { |
| | | this.form.deductionList.push(this.formInline); |
| | | this.dialogVisible = false; |
| | | } else { |
| | | this.form.deductionList[this.index].name = this.formInline.name; |
| | | this.form.deductionList[this.index].space = this.formInline.space; |
| | | this.dialogVisible = false; |
| | | } |
| | | }, |
| | | listDel(val) { |
| | | var i = this.form.deductionList.findIndex( |
| | | (item) => item.name == val.name |
| | | ); |
| | | this.form.deductionList.splice(i, 1); |
| | | }, |
| | | safetyInspectionItemDel(id) { |
| | | safetyInspectionItemDel({ id: id }).then((res) => { |
| | | if (res.data.code == 200) { |
| | | safetyInspectionItemList(this.listQuery).then((res) => { |
| | | this.list = res.data.result.records; |
| | | }); |
| | | this.$notify({ |
| | | title: "成功", |
| | | message: "删除成功", |
| | | type: "success", |
| | | duration: 2000, |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | 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> |
对比新文件 |
| | |
| | | <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> |
对比新文件 |
| | |
| | | <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="listQuery.filter.name"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="4" style="text-align: center"> |
| | | <el-button type="primary" icon="el-icon-search" @click="find()" class="btns" |
| | | >搜索</el-button |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-plus" |
| | | class="btns" |
| | | @click="handleClick('', '新增')" |
| | | >新增</el-button |
| | | > |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <el-table :data="list" border style="width: 100%"> |
| | | <el-table-column prop="name" align="center" label="要素名称"> |
| | | </el-table-column> |
| | | <el-table-column label="级别" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.type == 0">A级要素</span> |
| | | <span v-if="scope.row.type == 1">B级要素</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="父要素" prop="parentName" align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="得分" prop="point" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="remark" label="备注" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="createTime" label="创建时间" align="center"> |
| | | </el-table-column> |
| | | <el-table-column prop="updateTime" label="更新时间" align="center"> |
| | | </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" |
| | | @click="deleteById(scope.row.id)" |
| | | style="color: red" |
| | | >删除</el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="text-align:right"> |
| | | <el-pagination |
| | | v-show="recordTotal>0" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="currentPage" |
| | | :page-sizes="[10, 20, 30, 50]" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="recordTotal" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="dialogVisible" |
| | | width="40%" |
| | | > |
| | | <el-form ref="form" :rules="rules" :model="form" label-width="80px"> |
| | | <el-row> |
| | | <el-col :span="11"> |
| | | <el-form-item label="要素名称" prop="name"> |
| | | <el-input v-model="form.name" maxlength="50"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="11" :offset="2"> |
| | | <el-form-item label="级别" prop="type"> |
| | | <el-select |
| | | v-model="form.type" |
| | | placeholder="请选择" |
| | | style="width: 100%" |
| | | :disabled="title=='编辑'?true:false" |
| | | > |
| | | <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 v-if="form.type==0?false:true"> |
| | | <el-col :span="11"> |
| | | <el-form-item label="父要素" prop="parentId"> |
| | | <el-select |
| | | v-model="form.parentId" |
| | | placeholder="请选择" |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="item in parent" |
| | | :key="item.value" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="11" :offset="2"> |
| | | <el-form-item label="得分" prop="point"> |
| | | <el-input v-model.number="form.point"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-form-item label="备注"> |
| | | <el-input |
| | | v-model="form.remark" |
| | | 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="AddelementManagement()" |
| | | >确 定</el-button |
| | | > |
| | | <el-button @click="dialogVisible = false">取 消</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import { |
| | | elementManagementList, |
| | | elementManagementAdd, |
| | | elementManagementMod, |
| | | elementManagementDel, |
| | | getParentElement |
| | | } from "@/api/elementManagement.js"; |
| | | export default { |
| | | data() { |
| | | return { |
| | | dialogVisible: false, |
| | | title: "", |
| | | form: { |
| | | name: "", |
| | | type: "", |
| | | parentId: "", |
| | | point:"", |
| | | remark: "", |
| | | }, |
| | | pageSize: 10, |
| | | recordTotal: 0, |
| | | currentPage: 1, |
| | | list: [], |
| | | listQuery: { |
| | | filter: { |
| | | name: "", |
| | | }, |
| | | pageIndex: 1, |
| | | pageSize: 10, |
| | | }, |
| | | options: [ |
| | | { |
| | | value: 0, |
| | | label: "A级要素", |
| | | }, |
| | | { |
| | | value: 1, |
| | | label: "B级要素", |
| | | }, |
| | | ], |
| | | parent: [], |
| | | rules: { |
| | | name: [ |
| | | { required: true, message: "要素名称不能为空", trigger: "change" }, |
| | | ], |
| | | type: [ |
| | | { required: true, message: "级别不能为空", trigger: "change" }, |
| | | ], |
| | | parentId: [ |
| | | { required: true, message: "父要素不能为空", trigger: "change" }, |
| | | ], |
| | | point: [ |
| | | { required: true, message: "得分不能为空", trigger: "change" }, |
| | | ], |
| | | }, |
| | | }; |
| | | }, |
| | | created() { |
| | | this.elementManagementL(); |
| | | }, |
| | | methods: { |
| | | async elementManagementL() { |
| | | var res = await elementManagementList(this.listQuery); |
| | | console.log(res); |
| | | if (res.data.code == 200) { |
| | | this.list = res.data.result.records; |
| | | this.recordTotal = res.data.result.total |
| | | this.pageSize=res.data.result.size; |
| | | this.currentPage = res.data.result.current |
| | | } |
| | | }, |
| | | handleClick(value, type) { |
| | | this.dialogVisible = true; |
| | | this.$nextTick(() => { |
| | | this.$refs["form"].clearValidate(); |
| | | }); |
| | | getParentElement().then(res=>{ |
| | | // console.log('父类:',res) |
| | | this.parent=res.data.result |
| | | }) |
| | | if (type == "新增") { |
| | | this.title = "新增"; |
| | | this.form = { |
| | | name: "", |
| | | type: "", |
| | | parentId: "", |
| | | remark: "", |
| | | }; |
| | | } else { |
| | | this.title = "编辑"; |
| | | this.form = value; |
| | | } |
| | | }, |
| | | AddelementManagement() { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | if (this.title == "新增") { |
| | | if(this.form.type==0){ |
| | | this.form.parentId='' |
| | | elementManagementAdd(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.dialogVisible = false; |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "新增成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | }else{ |
| | | elementManagementAdd(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.dialogVisible = false; |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "新增成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | } else { |
| | | elementManagementMod(this.form).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.dialogVisible = false; |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | type: "success", |
| | | duration: 2000, |
| | | message: "编辑成功", |
| | | title: "成功", |
| | | }); |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: res.data.message, |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | deleteById(val) { |
| | | elementManagementDel({id:val}).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.elementManagementL(); |
| | | this.$notify({ |
| | | title: "成功", |
| | | message: "删除成功", |
| | | type: "success", |
| | | duration: 2000, |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | find(){ |
| | | this.elementManagementL(); |
| | | }, |
| | | handleSizeChange(val){ |
| | | this.listQuery.pageSize = val |
| | | this.elementManagementL(); |
| | | }, |
| | | handleCurrentChange(val){ |
| | | this.listQuery.pageIndex = val |
| | | this.elementManagementL(); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .btns { |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | } |
| | | </style> |
对比新文件 |
| | |
| | | <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> |
对比新文件 |
| | |
| | | <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> |
对比新文件 |
| | |
| | | <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> |
对比新文件 |
| | |
| | | <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> |