| | |
| | | <template> |
| | | <el-color-picker |
| | | v-model="theme" |
| | | :predefine="['#409EFF', '#11a983', '#13c2c2', '#6959CD', '#f5222d', '#eb2f96', '#DB7093', '#e6a23c', '#8B8989', '#212121']" |
| | | :predefine="['#034ea2', '#11a983', '#13c2c2', '#6959CD', '#f5222d', '#eb2f96', '#DB7093', '#e6a23c', '#8B8989', '#212121']" |
| | | class="theme-picker" |
| | | popper-class="theme-picker-dropdown" |
| | | /> |
| | |
| | | <script> |
| | | |
| | | const version = require('element-ui/package.json').version // element-ui version from node_modules |
| | | const ORIGINAL_THEME = '#409EFF' // default color |
| | | const ORIGINAL_THEME = '#034ea2' // default color |
| | | |
| | | export default { |
| | | data() { |
| | |
| | | word-spacing: .05rem; |
| | | |
| | | a { |
| | | color: #42b983; |
| | | color: #034EA2; |
| | | font-weight: 600; |
| | | } |
| | | } |
| | |
| | | // base color |
| | | $blue:#324157; |
| | | $blue:#034EA2; |
| | | $light-blue:#3A71A8; |
| | | $red:#C03639; |
| | | $pink: #E65D6E; |
| | |
| | | } |
| | | |
| | | .title { |
| | | width: 60px; |
| | | width: 100%; |
| | | height: 122px; |
| | | font-size: 30px; |
| | | font-family: PingFangSC-Medium, PingFang SC; |
| | |
| | | line-height: 42px; |
| | | margin: auto; |
| | | padding-top: 40px; |
| | | text-align: center; |
| | | letter-spacing: 4px; |
| | | } |
| | | .loginForm_username{ |
| | | width: 364px; |
| | |
| | | height: 44px; |
| | | background: #CC1420; |
| | | border-radius: 4px; |
| | | line-height: 44px; |
| | | padding: 0 20px; |
| | | } |
| | | .loginForm_register_button_login{ |
| | | width: 32px; |
| | |
| | | .loginForm_register_button { |
| | | width: 364px; |
| | | height: 44px; |
| | | line-height: 44px; |
| | | padding: 0 20px; |
| | | border-radius: 4px; |
| | | border: 1px solid #120C3F; |
| | | } |
| | |
| | | .money{ |
| | | font-size: 22px; |
| | | font-weight: bolder; |
| | | color: #409EFF; |
| | | color: #034ea2; |
| | | } |
| | | } |
| | | } |
| | |
| | | font-size: 22px; |
| | | font-weight: bolder; |
| | | display: block; |
| | | color: #409EFF; |
| | | color: #034ea2; |
| | | margin-bottom: 6px; |
| | | } |
| | | div{ |
| | |
| | | } |
| | | |
| | | .click-color{ |
| | | color: #409EFF; |
| | | color: #034ea2; |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | <td class="w-20 overText"> |
| | | <span v-if="!item.rectifyStatus"> |
| | | 未整改 |
| | | <span v-if="unitType == -1" style="cursor: pointer;color: #409EFF" @click="toRectify(item)">去整改</span> |
| | | <span v-if="unitType == -1" style="cursor: pointer;color: #034ea2" @click="toRectify(item)">去整改</span> |
| | | </span> |
| | | <span v-else> |
| | | {{item.completeRectifyTime + '整改完成'}} |
| | |
| | | if(res.data.code === "200"){ |
| | | t.$message({ |
| | | type:'success', |
| | | message:res.data.message |
| | | message: '提交成功' |
| | | }) |
| | | }else{ |
| | | t.$message({ |
| | |
| | | <el-table-column label="整改情况" prop="rectifyStatus" align="center" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.rectifyStatus==0">无需整改</span> |
| | | <el-button v-else-if="scope.row.rectifyStatus==1" type="text" @click="toRepair(scope.row)">去整改</el-button> |
| | | <el-button v-else-if="scope.row.rectifyStatus==1 && unitType==-1" type="text" @click="toRepair(scope.row)">去整改</el-button> |
| | | <span v-else-if="scope.row.rectifyStatus==2">已整改</span> |
| | | <span v-else>--</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="详情" align="center" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button v-if="scope.row.selfcheckStatus == 0" type="text" @click="toReport(scope.row)">自查填报</el-button> |
| | | <el-button v-if="scope.row.selfcheckStatus == 0 && unitType==-1" type="text" @click="toReport(scope.row)">自查填报</el-button> |
| | | <el-button v-else type="text" @click="toDetail(scope.row)">查看详情</el-button> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | import repair from "./components/repair" |
| | | import checkDetails from "./components/checkDetails" |
| | | import { getUnDoneCheckTask } from '@/api/selfCheck' |
| | | import { getCheckUnitType } from "@/api/specialCheck" |
| | | |
| | | export default { |
| | | name: "selfCheck", |
| | |
| | | pageTotal: 0, |
| | | currentPage: 1, |
| | | tableKey: 0, |
| | | unitType: null, |
| | | checkData: [] |
| | | } |
| | | }, |
| | |
| | | this.getUncheckList() |
| | | }, |
| | | |
| | | async getCheckUnitType(){ |
| | | const t = this |
| | | let res = await getCheckUnitType() |
| | | if(res.data.code === "200"){ |
| | | t.unitType = res.data.result.checkUnitType |
| | | }else{ |
| | | t.unitType = -1 |
| | | } |
| | | }, |
| | | |
| | | toReport(row){ |
| | | const t = this |
| | | t.$refs.report.dialogVisible = true |
| | |
| | | methods:{ |
| | | toCheck(row){ |
| | | const t = this |
| | | console.log(row.checkUnitType,'type') |
| | | if(row.checkUnitType == 4){ |
| | | t.$refs.report.id = row.id |
| | | t.$refs.report.enterpriseType = t.enterpriseType |
| | |
| | | <div v-if="provinceCheckStatus == 1" class="record-list"> |
| | | <div class="record-item"> |
| | | <table class="record-table"> |
| | | <tr class="m-color b-font" style="background: #409EFF;color: #fff;text-align: center">烟花爆竹{{enterpriseType==1?'批发':'零售'}}企业检查情况反馈表</tr> |
| | | <tr class="m-color b-font" style="background: #034ea2;color: #fff;text-align: center">烟花爆竹{{enterpriseType==1?'批发':'零售'}}企业检查情况反馈表</tr> |
| | | <tr> |
| | | <td class="m-color w-50">被检查企业名称</td> |
| | | <td class="m-color w-50">所属省市县</td> |
| | |
| | | <div v-if="cityCheckStatus == 1" class="record-list"> |
| | | <div class="record-item"> |
| | | <table class="record-table"> |
| | | <tr class="m-color b-font" style="background: #409EFF;color: #fff;text-align: center">烟花爆竹{{enterpriseType==1?'批发':'零售'}}企业检查情况反馈表</tr> |
| | | <tr class="m-color b-font" style="background: #034ea2;color: #fff;text-align: center">烟花爆竹{{enterpriseType==1?'批发':'零售'}}企业检查情况反馈表</tr> |
| | | <tr> |
| | | <td class="m-color w-50">被检查企业名称</td> |
| | | <td class="m-color w-50">所属省市县</td> |
| | |
| | | <div v-if="areaCheckStatus == 1" class="record-list"> |
| | | <div class="record-item"> |
| | | <table class="record-table"> |
| | | <tr class="m-color b-font" style="background: #409EFF;color: #fff;text-align: center">烟花爆竹{{enterpriseType==1?'批发':'零售'}}企业检查情况反馈表</tr> |
| | | <tr class="m-color b-font" style="background: #034ea2;color: #fff;text-align: center">烟花爆竹{{enterpriseType==1?'批发':'零售'}}企业检查情况反馈表</tr> |
| | | <tr> |
| | | <td class="m-color w-50">被检查企业名称</td> |
| | | <td class="m-color w-50">所属省市县</td> |
| | |
| | | width: 75%; |
| | | } |
| | | &.dark-bg{ |
| | | background: #409EFF; |
| | | background: #034ea2; |
| | | color: #fff; |
| | | } |
| | | &.overText{ |
| | |
| | | border-left: 1px solid #ccc; |
| | | } |
| | | &.dark-bg{ |
| | | background: #409EFF; |
| | | background: #034ea2; |
| | | color: #fff; |
| | | } |
| | | } |
| | |
| | | .point-item{ |
| | | cursor: pointer; |
| | | text-decoration: underline; |
| | | color: #409EFF; |
| | | color: #034ea2; |
| | | } |
| | | .warning{ |
| | | color: red; |
| | |
| | | let res = await getCheckUnitType() |
| | | if(res.data.code === "200"){ |
| | | t.unitType = res.data.result.checkUnitType |
| | | console.log(t.unitType,'type666') |
| | | }else{ |
| | | t.$message({ |
| | | type:'warning', |
| | |
| | | display:inline-block; |
| | | } |
| | | .click-color{ |
| | | color: #409EFF; |
| | | color: #034ea2; |
| | | } |
| | | </style> |