| | |
| | | <div class="app-container"> |
| | | |
| | | <el-row> |
| | | <el-col :span="8" v-for="(item) in tableData" :key="item" style="margin: 10px;width: 30%;"> |
| | | <el-col :span="8" v-for="(item) in contractList" :key="item" style="margin: 10px;width: 30%;"> |
| | | <el-card :body-style="{ padding: '0px' }"> |
| | | <el-image style="width: 420px;height: 187px;" |
| | | :preview-src-list="['https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357']" |
| | | fit="cover" src="https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357" |
| | | class="image" /> |
| | | <div style="padding: 14px;"> |
| | | <span>{{ item.companyName }}</span> |
| | | <span class="time" style="margin-left: 10px;">{{ item.deptName }}</span> |
| | | <span>{{ item.name }}</span> |
| | | <span class="time" style="margin-left: 10px;">{{ item.unitName }}</span> |
| | | <div class="bottom clearfix"> |
| | | <time class="time">{{ item.startTime }} — {{ item.endTime }}</time> |
| | | <el-button type="text" class="button" @click="handleDetail(item)">查看详情</el-button> |
| | |
| | | |
| | | <el-row :gutter="10" class="mb8" style="margin-top: 40px;"> |
| | | <el-col :span="1.5"> |
| | | <el-button type="warning" plain icon="el-icon-top" size="mini" v-hasPermi="['system:contract:import']" |
| | | @click="handleImport">导入</el-button> |
| | | <el-button type="primary" plain icon="el-icon-plus" size="mini" v-hasPermi="['system:contract:import']" |
| | | @click="handleImport">新增</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | |
| | | <el-dialog :title="detailName" :visible.sync="detail" width="800px" append-to-body> |
| | | <el-form label-position="left" inline class="table-expand"> |
| | | <el-collapse v-model="activeNames" @change="handleChange"> |
| | | <el-collapse-item title="视频平均在线率" name="1"> |
| | | <el-collapse class="nest-collapse" style="margin-top: 10px;"> |
| | | <el-collapse-item title="第三层-1" name="3"> |
| | | <div>≥98%:不扣分</div> |
| | | <div class="inline-input-container"> |
| | | 95%≤视频平均在线率<98%:扣0.1分 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | 90%≤视频平均在线率<95%:扣0.5分 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | <90%: 扣1分 |
| | | 若有连续两次省厅考核在线率低于90%,招标人有权解除合同。 |
| | | </div> |
| | | </el-collapse-item> |
| | | </el-collapse> |
| | | <el-collapse class="nest-collapse" style="margin-top: 10px;"> |
| | | <el-collapse-item title="第三层-2" name="3"> |
| | | <div>≥98%:不扣分</div> |
| | | <div class="inline-input-container"> |
| | | 95%≤视频平均在线率<98%:扣0.1分 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | 90%≤视频平均在线率<95%:扣0.5分 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | <90%: 扣1分 |
| | | 若有连续两次省厅考核在线率低于90%,招标人有权解除合同。 |
| | | </div> |
| | | </el-collapse-item> |
| | | </el-collapse> |
| | | </el-collapse-item> |
| | | <el-collapse-item title="前端感知源治理工作" name="2"> |
| | | <div class="inline-input-container"> |
| | | 时钟同步(超过±3秒为不合格)24小时内未修复的:扣除相关镜头数量*0.1分 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | OSD标识不满足《GAT 751-2008 视频图像文字标注规范》,24小时内未修复的:标扣除相关镜头数量*0.1分 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | 用户抽检,一机一档数据项不合格(提供虚假数据或错误数据为不合格),24小时内未修复的:扣除相关镜头数量*0.1分 |
| | | <el-collapse-item v-for="(item, index) in ruleData" :key="index" :title="item.ruleName" :name="index"> |
| | | <div class="inline-input-container" v-for="(item, index) in item.children" :key="index"> |
| | | <b>{{ item.ruleDesc }}</b> <br v-if="item.ruleDesc"/> |
| | | <el-tooltip class="item" v-for="(item, index) in item.children" :key="index" effect="dark" :content="item.deductCategory + ' ' + item.calcFraction + (item.calcUnit ? '/' + item.calcUnit : '')" placement="top"> |
| | | <span>{{ item.ruleCondition }}<br/></span> |
| | | <!-- {{ item.deductCategory }} {{ item.calcFraction }}{{ item.calcUnit ? "/" + item.calcUnit : '' }} --> |
| | | </el-tooltip> |
| | | </div> |
| | | </el-collapse-item> |
| | | <el-collapse-item title="后台系统的保障" name="3"> |
| | | <div class="inline-input-container"> |
| | | 个别设备故障但不影响该功能模块整体应用情况下,超出72小时不足144小时的;扣0.2分/12小时 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | 个别设备故障但不影响该功能模块整体应用情况下,超出144小时以后,每超出12小时:扣0.1分/12小时 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | 个别设备故障但不影响该功能模块整体应用情况下,同一功能模块的相同或不同设备累计一个月内故障超过3次:扣0.2分/12小时 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | 后台功能模块不能正常运行影响正常使用的,超出24小时不足48小时的:扣0.3分/次 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | 个别设备故障但不影响该功能模块整体应用情况下,超出72小时不足144小时的;扣0.1分/12小时 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | 后台功能模块不能正常运行影响正常使用的,超出48小时以后:扣0.5分/12小时 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | 后台功能模块不能正常运行影响正常使用的,同一功能模块的相同或不同设备累计一个月内故障超过2次:扣0.5分/次 |
| | | </div> |
| | | </el-collapse-item> |
| | | <el-collapse-item title="存储故障" name="4"> |
| | | <div class="inline-input-container"> |
| | | 因存储设备、云存储软件等引起平台不能正常查看历史图像,单次故障时长在24小时以内的:扣0.3分/小时 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | 因存储设备、云存储软件等引起平台不能正常查看历史图像,单次故障时长在24小时以内的:扣0.1分/小时 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | 因视频或者图片丢失导致重要案事件不能回放或查看,同一点位视频图像同一案件不累计计算:扣0.1分/次 |
| | | </div> |
| | | </el-collapse-item> |
| | | <el-collapse-item title="对于前端点位异常情况的处理" name="5"> |
| | | <div class="inline-input-container"> |
| | | 24小时后未修复的:扣0.1分*镜头数量 |
| | | </div> |
| | | <div class="inline-input-container"> |
| | | 48小时后未修复,累计扣分:扣0.1分*镜头数量*天 |
| | | </div> |
| | | </el-collapse-item> |
| | | <el-form-item label="合同附件" prop="certificates"> |
| | | <el-upload> |
| | | <el-button size="small" type="primary">点击上传</el-button> |
| | | <div slot="tip" class="el-upload__tip">请上传大小不超过 5MB 格式为 doc/xls/ppt/txt/pdf/png/jpg 的文件</div> |
| | | </el-upload> |
| | | <el-form-item label="合同附件" prop="attachment" class="top"> |
| | | <file-upload v-model="form.attachment"/> |
| | | </el-form-item> |
| | | <el-dialog :visible.sync="dialogVisible" append-to-body="false"> |
| | | <img width="100%" :src="dialogImageUrl" alt=""> |
| | | </el-dialog> |
| | | <el-link class="top" v-for="item in contractInfo.attachment != null ? contractInfo.attachment.split(',') : contractInfo.attachment" :underline="false" :key="item" @click="handleDownload(item)">{{ item.substring(item.lastIndexOf("/") + 1) }}</el-link> |
| | | <div style="text-align: right; margin-top: 10px;"> |
| | | <el-button type="primary" @click="submitForm1(props.row)">提交</el-button> |
| | | <el-button type="primary" @click="submitForm">提交</el-button> |
| | | </div> |
| | | </el-collapse> |
| | | </el-form> |
| | |
| | | <!-- 合同导入对话框 --> |
| | | <el-dialog :title="upload.title" :visible.sync="upload.open" width="550px" append-to-body> |
| | | <el-form ref="form" :model="upload" :rules="rules" label-width="80px"> |
| | | <el-form-item label="公司名" prop="unitId"> |
| | | <el-form-item label="合同名称" prop="name"> |
| | | <el-input v-model="upload.name" /> |
| | | </el-form-item> |
| | | <el-form-item label="公司名称" prop="unitId"> |
| | | <el-select v-model="upload.unitId" placeholder="请选择"> |
| | | <el-option v-for="item in unitList" :key="item.id" :label="item.value" :value="item.id"> |
| | | </el-option> |
| | |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" |
| | | :action="upload.url + '?unitId=' + upload.unitId + '&startTime=' + upload.startTime + '&endTime=' + upload.endTime" |
| | | :action="upload.url + '?unitId=' + upload.unitId + '&startTime=' + upload.startTime + '&endTime=' + upload.endTime + '&name=' + upload.name" |
| | | :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" |
| | | :auto-upload="false" drag style="text-align: center;"> |
| | | <i class="el-icon-upload"></i> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { listContract, getContract } from "@/api/platform/contract"; |
| | | import { listContract, getContract, updateContract } from "@/api/platform/contract"; |
| | | import { getRuleListByContractId } from "../../../api/platform/calculate-rule"; |
| | | import { unitSelect } from "../../../api/platform/unit"; |
| | | import { deptSelect } from "../../../api/system/dept"; |
| | | import { getToken } from "@/utils/auth"; |
| | |
| | | name: "Contract", |
| | | data() { |
| | | return { |
| | | contractInfo: {}, |
| | | // 合同导入参数 |
| | | upload: { |
| | | // 是否显示弹出层(合同导入) |
| | |
| | | open: false, |
| | | // 是否显示详情 |
| | | detail: false, |
| | | tableData: [{ |
| | | id: '12987122', |
| | | companyName: '运维公司甲', |
| | | deptName: '自贡富顺公安局', |
| | | startTime: '2023-12-11 10:20:20', |
| | | endTime: '2024-12-11 10:20:20', |
| | | shop: '王小虎夫妻店', |
| | | shopId: '10333' |
| | | }, { |
| | | id: '12987123', |
| | | companyName: '运维公司乙', |
| | | deptName: '自贡大安公安局', |
| | | startTime: '2023-12-11 10:20:20', |
| | | endTime: '2023-12-11 10:20:20', |
| | | shop: '王小虎夫妻店', |
| | | shopId: '10333' |
| | | }, { |
| | | id: '12987125', |
| | | companyName: '运维公司丙', |
| | | deptName: '自贡自流井公安局', |
| | | startTime: '2023-12-11 10:20:20', |
| | | endTime: '2023-12-11 10:20:20', |
| | | shop: '王小虎夫妻店', |
| | | shopId: '10333' |
| | | }], |
| | | ruleData: [], |
| | | // 表单参数 |
| | | form: { |
| | | }, |
| | | // 表单校验 |
| | | rules: { |
| | | name: [ |
| | | { required: true, message: "合同名称不能为空", trigger: "blur" } |
| | | ], |
| | | unitId: [ |
| | | { required: true, message: "运维单位不能为空", trigger: "blur" } |
| | | { required: true, message: "运维单位不能为空", trigger: "change" } |
| | | ], |
| | | timezone: [ |
| | | { type: "array", required: true, message: "合同时间不能为空", trigger: "change" } |
| | |
| | | this.selectDept(); |
| | | }, |
| | | methods: { |
| | | submitForm() { |
| | | updateContract(this.form).then(response => { |
| | | this.detail = false; |
| | | if (response.code != 200) { |
| | | this.$message.error("操作失败"); |
| | | } else { |
| | | this.$message.success("操作成功"); |
| | | } |
| | | }); |
| | | }, |
| | | /** 导入按钮操作 */ |
| | | handleImport() { |
| | | this.upload.title = "合同导入"; |
| | |
| | | this.upload.open = false; |
| | | this.upload.isUploading = false; |
| | | this.$refs.upload.clearFiles(); |
| | | this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true }); |
| | | if (response.code != 200) { |
| | | this.$message.warning(response.msg); |
| | | } else { |
| | | this.$message.success(response.msg); |
| | | } |
| | | this.getList(); |
| | | }, |
| | | // 提交上传文件 |
| | |
| | | getList() { |
| | | this.loading = true; |
| | | listContract(this.queryParams).then(response => { |
| | | this.contractList = response.rows; |
| | | this.contractList = response; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | /** 获取合同规则 */ |
| | | getRuleList(item) { |
| | | getRuleListByContractId(item.id).then(response => { |
| | | this.ruleData = response.data; |
| | | this.form.id = item.id; |
| | | this.contractInfo = item; |
| | | }); |
| | | }, |
| | | /** 新增按钮操作 */ |
| | |
| | | /** 详情按钮操作 */ |
| | | handleDetail(item) { |
| | | this.detail = true; |
| | | this.detailName = item.companyName |
| | | this.detailName = item.name; |
| | | this.getRuleList(item); |
| | | }, |
| | | /** 修改按钮操作 */ |
| | | handleUpdate(row) { |
| | |
| | | this.title = "修改合同"; |
| | | }); |
| | | }, |
| | | /** 下载按钮操作 */ |
| | | handleDownload (data) { |
| | | this.$download.resource(data); |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | .clearfix:after { |
| | | clear: both |
| | | } |
| | | |
| | | .top { |
| | | display: block; |
| | | margin-top: 10px; |
| | | } |
| | | </style> |