| | |
| | | # æ±èæ¬å° |
| | | # VVUE_APP_API_BASE_URL='http://192.168.0.102:10031' |
| | | |
| | | # åç£ç£æ¬å° |
| | | # VUE_APP_API_BASE_URL='http://192.168.0.18:10010' |
| | | # 任康æ¬å° |
| | | VUE_APP_API_BASE_URL='http://192.168.1.54:10031' |
| | | |
| | | #ç¦æ¾æ¬å° |
| | | # VUE_APP_API_BASE_URL='http://192.168.0.36:10011' |
| | |
| | | |
| | | # æµè¯æå¡ http://106.14.20.42/test_hfznzz |
| | | |
| | | VUE_APP_API_BASE_URL='http://106.14.20.42/test_hfznzz' |
| | | # VUE_APP_API_BASE_URL='http://106.14.20.42/test_hfznzz' |
| | | |
| | | # VUE_APP_API_BASE_URL='http://106.14.20.42/hfznzzzd/' |
| | | # |
| | |
| | | "integrity": "sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo=", |
| | | "dev": true |
| | | }, |
| | | "ansi-styles": { |
| | | "version": "4.3.0", |
| | | "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz", |
| | | "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", |
| | | "dev": true, |
| | | "optional": true, |
| | | "requires": { |
| | | "color-convert": "^2.0.1" |
| | | } |
| | | }, |
| | | "chalk": { |
| | | "version": "4.1.2", |
| | | "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz", |
| | | "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", |
| | | "dev": true, |
| | | "optional": true, |
| | | "requires": { |
| | | "ansi-styles": "^4.1.0", |
| | | "supports-color": "^7.1.0" |
| | | } |
| | | }, |
| | | "color-convert": { |
| | | "version": "2.0.1", |
| | | "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz", |
| | | "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", |
| | | "dev": true, |
| | | "optional": true, |
| | | "requires": { |
| | | "color-name": "~1.1.4" |
| | | } |
| | | }, |
| | | "color-name": { |
| | | "version": "1.1.4", |
| | | "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz", |
| | | "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", |
| | | "dev": true, |
| | | "optional": true |
| | | }, |
| | | "has-flag": { |
| | | "version": "4.0.0", |
| | | "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz", |
| | | "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", |
| | | "dev": true, |
| | | "optional": true |
| | | }, |
| | | "loader-utils": { |
| | | "version": "2.0.4", |
| | | "resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.4.tgz", |
| | | "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==", |
| | | "dev": true, |
| | | "optional": true, |
| | | "requires": { |
| | | "big.js": "^5.2.2", |
| | | "emojis-list": "^3.0.0", |
| | | "json5": "^2.1.2" |
| | | } |
| | | }, |
| | | "ssri": { |
| | | "version": "8.0.1", |
| | | "resolved": "https://registry.npm.taobao.org/ssri/download/ssri-8.0.1.tgz?cache=0&sync_timestamp=1617826515595&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fssri%2Fdownload%2Fssri-8.0.1.tgz", |
| | |
| | | "dev": true, |
| | | "requires": { |
| | | "minipass": "^3.1.1" |
| | | } |
| | | }, |
| | | "supports-color": { |
| | | "version": "7.2.0", |
| | | "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz", |
| | | "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", |
| | | "dev": true, |
| | | "optional": true, |
| | | "requires": { |
| | | "has-flag": "^4.0.0" |
| | | } |
| | | }, |
| | | "vue-loader-v16": { |
| | | "version": "npm:vue-loader@16.8.3", |
| | | "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz", |
| | | "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==", |
| | | "dev": true, |
| | | "optional": true, |
| | | "requires": { |
| | | "chalk": "^4.1.0", |
| | | "hash-sum": "^2.0.0", |
| | | "loader-utils": "^2.0.0" |
| | | } |
| | | } |
| | | } |
| | |
| | | "resolved": "https://registry.npm.taobao.org/hash-sum/download/hash-sum-1.0.2.tgz", |
| | | "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=", |
| | | "dev": true |
| | | } |
| | | } |
| | | }, |
| | | "vue-loader-v16": { |
| | | "version": "npm:vue-loader@16.8.3", |
| | | "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz", |
| | | "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==", |
| | | "dev": true, |
| | | "optional": true, |
| | | "requires": { |
| | | "chalk": "^4.1.0", |
| | | "hash-sum": "^2.0.0", |
| | | "loader-utils": "^2.0.0" |
| | | }, |
| | | "dependencies": { |
| | | "ansi-styles": { |
| | | "version": "4.3.0", |
| | | "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", |
| | | "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", |
| | | "dev": true, |
| | | "optional": true, |
| | | "requires": { |
| | | "color-convert": "^2.0.1" |
| | | } |
| | | }, |
| | | "chalk": { |
| | | "version": "4.1.2", |
| | | "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", |
| | | "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", |
| | | "dev": true, |
| | | "optional": true, |
| | | "requires": { |
| | | "ansi-styles": "^4.1.0", |
| | | "supports-color": "^7.1.0" |
| | | } |
| | | }, |
| | | "color-convert": { |
| | | "version": "2.0.1", |
| | | "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", |
| | | "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", |
| | | "dev": true, |
| | | "optional": true, |
| | | "requires": { |
| | | "color-name": "~1.1.4" |
| | | } |
| | | }, |
| | | "color-name": { |
| | | "version": "1.1.4", |
| | | "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", |
| | | "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", |
| | | "dev": true, |
| | | "optional": true |
| | | }, |
| | | "has-flag": { |
| | | "version": "4.0.0", |
| | | "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", |
| | | "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", |
| | | "dev": true, |
| | | "optional": true |
| | | }, |
| | | "loader-utils": { |
| | | "version": "2.0.4", |
| | | "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz", |
| | | "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==", |
| | | "dev": true, |
| | | "optional": true, |
| | | "requires": { |
| | | "big.js": "^5.2.2", |
| | | "emojis-list": "^3.0.0", |
| | | "json5": "^2.1.2" |
| | | } |
| | | }, |
| | | "supports-color": { |
| | | "version": "7.2.0", |
| | | "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", |
| | | "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", |
| | | "dev": true, |
| | | "optional": true, |
| | | "requires": { |
| | | "has-flag": "^4.0.0" |
| | | } |
| | | } |
| | | } |
| | | }, |
¶Ô±ÈÐÂÎļþ |
| | |
| | | import request from '../../utils/request' |
| | | |
| | | // æ¥è¯¢ |
| | | export function fetchList (data) { |
| | | return request.post('/business/applicationInfo/page', data, { |
| | | trim: true |
| | | }) |
| | | } |
| | | |
| | | // 导åºExcel |
| | | export function exportExcel (data) { |
| | | return request.post('/business/applicationInfo/exportExcel', data, { |
| | | trim: true, |
| | | download: true |
| | | }) |
| | | } |
| | | |
| | | // å建 |
| | | export function create (data) { |
| | | return request.post('/business/applicationInfo/create', data) |
| | | } |
| | | |
| | | // ä¿®æ¹ |
| | | export function updateById (data) { |
| | | return request.post('/business/applicationInfo/updateById', data) |
| | | } |
| | | |
| | | // ä¿®æ¹ç¶æ |
| | | export function updateStatus (data) { |
| | | return request.post('/business/applicationInfo/updateStatus', data) |
| | | } |
| | | |
| | | // å é¤ |
| | | export function deleteById (id) { |
| | | return request.get(`/business/applicationInfo/delete/${id}`) |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | import request from '../../utils/request' |
| | | |
| | | // æ¥è¯¢ |
| | | export function fetchList (data) { |
| | | return request.post('/business/demandRecord/page', data, { |
| | | trim: true |
| | | }) |
| | | } |
| | | |
| | | // 导åºExcel |
| | | export function exportExcel (data) { |
| | | return request.post('/business/demandRecord/exportExcel', data, { |
| | | trim: true, |
| | | download: true |
| | | }) |
| | | } |
| | | |
| | | // å建 |
| | | export function create (data) { |
| | | return request.post('/business/demandRecord/create', data) |
| | | } |
| | | |
| | | // ä¿®æ¹ |
| | | export function updateById (data) { |
| | | return request.post('/business/demandRecord/updateById', data) |
| | | } |
| | |
| | | return request.post('/business/labels/updateById', data) |
| | | } |
| | | |
| | | // å表æ¥è¯¢ |
| | | export function list (data) { |
| | | return request.post('/business/labels/list', data) |
| | | } |
| | | |
| | | // å é¤ |
| | | export function deleteById (id) { |
| | | return request.get(`/business/labels/delete/${id}`) |
¶Ô±ÈÐÂÎļþ |
| | |
| | | import request from '../../utils/request' |
| | | |
| | | // æ¥è¯¢ |
| | | export function fetchList (data) { |
| | | return request.post('/business/serverProvider/page', data, { |
| | | trim: true |
| | | }) |
| | | } |
| | | |
| | | // 导åºExcel |
| | | export function exportExcel (data) { |
| | | return request.post('/business/serverProvider/exportExcel', data, { |
| | | trim: true, |
| | | download: true |
| | | }) |
| | | } |
| | | |
| | | // å建 |
| | | export function create (data) { |
| | | return request.post('/business/serverProvider/create', data) |
| | | } |
| | | |
| | | // ä¿®æ¹ |
| | | export function updateById (data) { |
| | | return request.post('/business/serverProvider/updateById', data) |
| | | } |
| | | |
| | | // ä¿®æ¹ç¶æ |
| | | export function updateStatus (data) { |
| | | return request.post('/business/serverProvider/updateStatus', data) |
| | | } |
| | | |
| | | // å é¤ |
| | | export function deleteById (id) { |
| | | return request.get(`/business/serverProvider/delete/${id}`) |
| | | } |
| | | |
| | | |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow |
| | | :title="title" |
| | | :visible.sync="visible" |
| | | :confirm-working="isWorking" |
| | | @confirm="confirm" |
| | | > |
| | | <el-form :model="form" ref="form" :rules="rules"> |
| | | <el-form-item label="åºç¨åç§°" prop="name"> |
| | | <el-input v-model="form.name" placeholder="请è¾å
¥åºç¨åç§°" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="åºç¨LOGO" prop="logo"> |
| | | <UploadAvatarImage :uploadData="uploadData" :file="file" @uploadSuccess="getFiles" /> |
| | | </el-form-item> |
| | | <el-form-item label="æå¡å" prop="serverId"> |
| | | <el-select v-model="form.serverId" placeholder="è¯·éæ©"> |
| | | <el-option |
| | | v-for="item in server" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="åºç¨æ ç¾" prop="lables"> |
| | | <el-input v-model="form.lables" placeholder="请è¾å
¥åºç¨æ ç¾ï¼å¤ä¸ªä»¥è±æ,åå²ï¼" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="åºç¨ç®ä»" prop="introduction"> |
| | | <el-input type="textarea" :autosize="{ minRows: 12, maxRows: 6 }" v-model="form.introduction" placeholder="请è¾å
¥åºç¨ç®ä»" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="åºç¨è¯¦æ
" prop="details"> |
| | | <el-input v-model="form.details" placeholder="请è¾å
¥åºç¨è¯¦æ
" v-trim/> |
| | | </el-form-item> |
| | | </el-form> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import UploadAvatarImage from '@/components/common/UploadAvatarImage' |
| | | import { fetchList } from '@/api/business/serverProvider' |
| | | export default { |
| | | name: 'OperaApplicationInfoWindow', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow, UploadAvatarImage }, |
| | | data () { |
| | | return { |
| | | // è¡¨åæ°æ® |
| | | form: { |
| | | id: null, |
| | | serverId: '', |
| | | name: '', |
| | | logo: '', |
| | | lables: '', |
| | | introduction: '', |
| | | details: '' |
| | | }, |
| | | // éªè¯è§å |
| | | rules: { |
| | | name: [ |
| | | { required: true, message: '请è¾å
¥', trigger: 'blur' } |
| | | ], |
| | | logo: [ |
| | | { required: true, message: '请ä¸ä¼ ', trigger: 'blur' } |
| | | ], |
| | | serverId: [ |
| | | { required: true, message: 'è¯·éæ©', trigger: 'blur' } |
| | | ], |
| | | }, |
| | | server: [], |
| | | uploadData: { |
| | | folder: 'znzz/logo_file', |
| | | type: 'image' |
| | | }, |
| | | file: { |
| | | imgurl: '', |
| | | imgurlfull: '' |
| | | }, |
| | | } |
| | | }, |
| | | created () { |
| | | this.config({ |
| | | api: '/business/applicationInfo', |
| | | 'field.id': 'id' |
| | | }) |
| | | }, |
| | | methods: { |
| | | open (title, target) { |
| | | this.title = title |
| | | this.getFetchList() |
| | | this.visible = true |
| | | // æ°å»º |
| | | if (target == null) { |
| | | this.$nextTick(() => { |
| | | this.$refs.form.resetFields() |
| | | this.form[this.configData['field.id']] = null |
| | | }) |
| | | return |
| | | } |
| | | // ç¼è¾ |
| | | this.$nextTick(() => { |
| | | for (const key in this.form) { |
| | | this.form[key] = target[key] |
| | | } |
| | | this.file.imgurl = target.logo |
| | | this.file.imgurlfull = target.fullLog |
| | | }) |
| | | }, |
| | | getFiles(e) { |
| | | this.file.imgurl = e.imgurl |
| | | this.file.imgurlfull = e.imgurlfull |
| | | this.form.logo = e.imgurl |
| | | }, |
| | | async getFetchList() { |
| | | let res = await fetchList({ capacity: 9999, page: 1, model: { status: 0 } }) |
| | | this.server = res.records |
| | | } |
| | | } |
| | | } |
| | | </script> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow |
| | | :title="title" |
| | | :visible.sync="visible" |
| | | :confirm-working="isWorking" |
| | | @confirm="confirm" |
| | | > |
| | | <el-form :model="form" ref="form" :rules="rules"> |
| | | <el-form-item label="åºç¨åç§°" prop="applicationId"> |
| | | <el-select v-model="form.applicationId" placeholder="è¯·éæ©"> |
| | | <el-option |
| | | v-for="item in application" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="éæ±ä¼ä¸" prop="companyId"> |
| | | <el-select v-model="form.companyId" placeholder="è¯·éæ©"> |
| | | <el-option |
| | | v-for="item in company" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="è系人å§å" prop="linkName"> |
| | | <el-input v-model="form.linkName" placeholder="请è¾å
¥è系人å§å" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="è系人çµè¯" prop="linkPhone"> |
| | | <el-input v-model="form.linkPhone" maxlength="11" placeholder="请è¾å
¥è系人çµè¯" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="éæ±è¯´æ" prop="details"> |
| | | <el-input type="textarea" :autosize="{ minRows: 12, maxRows: 6 }" v-model="form.details" placeholder="请è¾å
¥éæ±è¯´æ" v-trim/> |
| | | </el-form-item> |
| | | </el-form> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | export default { |
| | | name: 'OperaDemandRecordWindow', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow }, |
| | | data () { |
| | | return { |
| | | // è¡¨åæ°æ® |
| | | form: { |
| | | id: null, |
| | | creator: '', |
| | | createDate: '', |
| | | editor: '', |
| | | editDate: '', |
| | | isdeleted: '', |
| | | status: '', |
| | | remark: '', |
| | | applicationId: '', |
| | | companyId: '', |
| | | linkName: '', |
| | | linkPhone: '', |
| | | details: '' |
| | | }, |
| | | // éªè¯è§å |
| | | rules: { |
| | | }, |
| | | application: [], |
| | | company: [] |
| | | } |
| | | }, |
| | | created () { |
| | | this.config({ |
| | | api: '/business/demandRecord', |
| | | 'field.id': 'id' |
| | | }) |
| | | } |
| | | } |
| | | </script> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow |
| | | :title="title" |
| | | :visible.sync="visible" |
| | | :confirm-working="isWorking" |
| | | @confirm="confirm" |
| | | > |
| | | <div class="com"> |
| | | <div class="com_image"> |
| | | <img src="../../assets/images/zhuce_ic_qiye@2x.png" /> |
| | | </div> |
| | | <div class="com_info"> |
| | | <div class="com_info_title">大åèåç©èç§ææ 顿éå
¬å¸</div> |
| | | <div class="com_info_list"> |
| | | <div class="com_info_list_item"> |
| | | <div class="com_info_list_item_label">è¡ä¸ç±»å«ï¼</div> |
| | | <div class="com_info_list_item_val">çµå产åå软件</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | export default { |
| | | name: 'OperaDemandRecordWindow', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow }, |
| | | data () { |
| | | return { |
| | | form: {} |
| | | } |
| | | }, |
| | | created () { |
| | | this.config({ |
| | | api: '/business/demandRecord', |
| | | 'field.id': 'id' |
| | | }) |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .com { |
| | | width: 100%; |
| | | display: flex; |
| | | .com_image { |
| | | width: 140px; |
| | | height: 140px; |
| | | flex-shrink: 0; |
| | | background: #F4F7FC; |
| | | margin-right: 30px; |
| | | } |
| | | .com_info { |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | .com_info_title { |
| | | font-weight: 600; |
| | | font-size: 26px; |
| | | color: #222222; |
| | | } |
| | | .com_info_list { |
| | | display: flex; |
| | | flex-direction: column; |
| | | .com_info_list_item { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | .com_info_list_item_label { |
| | | |
| | | } |
| | | .com_info_list_item_val { |
| | | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow |
| | | :title="title" |
| | | :visible.sync="visible" |
| | | :confirm-working="isWorking" |
| | | @confirm="confirm" |
| | | > |
| | | <el-form :model="form" ref="form" :rules="rules"> |
| | | <el-form-item label="æå¡ååç§°" prop="name"> |
| | | <el-input v-model="form.name" placeholder="请è¾å
¥æå¡ååç§°" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="LOGOå¾ç" prop="logo"> |
| | | <UploadAvatarImage :uploadData="uploadData" :file="file" @uploadSuccess="getFiles" /> |
| | | </el-form-item> |
| | | <el-form-item label="æå±è¡ä¸" prop="industryId"> |
| | | <el-select v-model="form.industryId" placeholder="è¯·éæ©"> |
| | | <el-option |
| | | v-for="item in industry" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="æå¡æçº§" prop="starLevel"> |
| | | <el-select v-model="form.starLevel" placeholder="è¯·éæ©"> |
| | | <el-option |
| | | v-for="item in 5" |
| | | :key="item" |
| | | :label="item + '级'" |
| | | :value="item"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="è系人å§å" prop="linkName"> |
| | | <el-input v-model="form.linkName" placeholder="请è¾å
¥è系人å§å" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="è系人çµè¯" prop="linkPhone"> |
| | | <el-input v-model="form.linkPhone" maxlength="11" placeholder="请è¾å
¥è系人çµè¯" v-trim/> |
| | | </el-form-item> |
| | | <el-form-item label="ç®ä»" prop="introduction"> |
| | | <el-input type="textarea" :autosize="{ minRows: 12, maxRows: 6 }" v-model="form.introduction" placeholder="请è¾å
¥ç®ä»" v-trim/> |
| | | </el-form-item> |
| | | </el-form> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import UploadAvatarImage from '@/components/common/UploadAvatarImage' |
| | | import { list } from '@/api/business/labels' |
| | | export default { |
| | | name: 'OperaServerProviderWindow', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow, UploadAvatarImage }, |
| | | data () { |
| | | return { |
| | | // è¡¨åæ°æ® |
| | | form: { |
| | | id: null, |
| | | name: '', |
| | | logo: '', |
| | | industryId: '', |
| | | starLevel: '', |
| | | linkName: '', |
| | | linkPhone: '', |
| | | introduction: '' |
| | | }, |
| | | file: { |
| | | imgurl: '', |
| | | imgurlfull: '' |
| | | }, |
| | | // éªè¯è§å |
| | | rules: { |
| | | name: [ |
| | | { required: true, message: '请è¾å
¥', trigger: 'blur' } |
| | | ], |
| | | logo: [ |
| | | { required: true, message: '请ä¸ä¼ ', trigger: 'blur' } |
| | | ] |
| | | }, |
| | | uploadData: { |
| | | folder: 'znzz/logo_file', |
| | | type: 'image' |
| | | }, |
| | | industry: [] |
| | | } |
| | | }, |
| | | created () { |
| | | this.config({ |
| | | api: '/business/serverProvider', |
| | | 'field.id': 'id' |
| | | }) |
| | | }, |
| | | methods: { |
| | | getFiles(e) { |
| | | this.file.imgurl = e.imgurl |
| | | this.file.imgurlfull = e.imgurlfull |
| | | this.form.logo = e.imgurl |
| | | }, |
| | | open (title, target) { |
| | | this.title = title |
| | | this.getAll() |
| | | this.visible = true |
| | | // æ°å»º |
| | | if (target == null) { |
| | | this.$nextTick(() => { |
| | | this.$refs.form.resetFields() |
| | | this.form[this.configData['field.id']] = null |
| | | }) |
| | | return |
| | | } |
| | | // ç¼è¾ |
| | | this.$nextTick(() => { |
| | | for (const key in this.form) { |
| | | this.form[key] = target[key] |
| | | } |
| | | this.file.imgurlfull = target.fullLog |
| | | this.file.imgurl = target.logo |
| | | }) |
| | | }, |
| | | async getAll() { |
| | | this.industry = await list({ type: 1, isdeleted: 0 }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | methods: { |
| | | // è·³è½¬å¤§å± |
| | | jumpDP() { |
| | | <<<<<<< .mine |
| | | window.open(`http://106.14.20.42/screen/#/zhfw/declaration?projectId=${this.id}`) |
| | | ||||||| .r53257 |
| | | window.open(`${process.env.VUE_APP_SCREENURL1}?projectId=${this.id}`) |
| | | ======= |
| | | // window.open(`http://106.14.20.42/screen/#/zhfw/declaration?projectId=${this.id}`) |
| | | // window.open(`${process.env.VUE_APP_SCREENURL1}?projectId=${this.id}`) |
| | | window.open(`${process.env.VUE_APP_SCREENURL1}?projectId=${this.id}&title=${this.projectName}`) |
| | | >>>>>>> .r53404 |
| | | }, |
| | | // å±ç¤ºä¼ä¸& |
| | | showCompany() { |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <TableLayout :permissions="['business:applicationinfo:query']"> |
| | | <!-- æç´¢è¡¨å --> |
| | | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> |
| | | <el-form-item label="åºç¨åç§°" prop="name"> |
| | | <el-input v-model="searchForm.name" placeholder="请è¾å
¥åºç¨åç§°" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="æå¡ååç§°" prop="serverId"> |
| | | <el-input v-model="searchForm.serverId" placeholder="请è¾å
¥æå¡ååç§°" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <section> |
| | | <el-button type="primary" @click="search">æç´¢</el-button> |
| | | <el-button type="primary" :loading="isWorking.export" v-permissions="['business:applicationinfo:exportExcel']" @click="exportExcel">导åº</el-button> |
| | | <el-button @click="reset">éç½®</el-button> |
| | | </section> |
| | | </el-form> |
| | | <!-- è¡¨æ ¼åå页 --> |
| | | <template v-slot:table-wrap> |
| | | <ul class="toolbar" v-permissions="['business:applicationinfo:create']"> |
| | | <li><el-button type="primary" @click="$refs.operaApplicationInfoWindow.open('æ°å»ºåºç¨ç®¡ç')" icon="el-icon-plus" v-permissions="['business:applicationinfo:create']">æ°å»º</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | stripe |
| | | > |
| | | <el-table-column prop="name" label="åç§°" min-width="100px"></el-table-column> |
| | | <el-table-column label="LOGO" min-width="120px"> |
| | | <template slot-scope="{row}"> |
| | | <el-image |
| | | v-if="row.fullLog" |
| | | style="width: 100px; height: 100px" |
| | | :src="row.fullLog" |
| | | :preview-src-list="[row.fullLog]"> |
| | | </el-image> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="serverName" label="æå¡å" min-width="100px"></el-table-column> |
| | | <el-table-column prop="lables" label="æ ç¾" min-width="100px"></el-table-column> |
| | | <el-table-column prop="introduction" label="ç®ä»" min-width="100px"></el-table-column> |
| | | <el-table-column prop="details" label="详æ
" min-width="100px"></el-table-column> |
| | | <el-table-column label="ç¶æ" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <el-switch |
| | | v-model="row.status" |
| | | @change="changeStatus($event, row.id)" |
| | | active-color="#13ce66" |
| | | inactive-color="#ff4949" |
| | | :active-value="0" |
| | | :inactive-value="1"> |
| | | </el-switch> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | v-if="containPermissions(['business:applicationinfo:update', 'business:applicationinfo:delete'])" |
| | | label="æä½" |
| | | min-width="120" |
| | | fixed="right" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="$refs.operaApplicationInfoWindow.open('ç¼è¾åºç¨ç®¡ç', row)" icon="el-icon-edit" v-permissions="['business:applicationinfo:update']">ç¼è¾</el-button> |
| | | <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:applicationinfo:delete']">å é¤</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handlePageChange" |
| | | :pagination="tableData.pagination" |
| | | > |
| | | </pagination> |
| | | </template> |
| | | <!-- æ°å»º/ä¿®æ¹ --> |
| | | <OperaApplicationInfoWindow ref="operaApplicationInfoWindow" @success="handlePageChange"/> |
| | | </TableLayout> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseTable from '@/components/base/BaseTable' |
| | | import TableLayout from '@/layouts/TableLayout' |
| | | import Pagination from '@/components/common/Pagination' |
| | | import OperaApplicationInfoWindow from '@/components/business/OperaApplicationInfoWindow' |
| | | import { updateStatus } from '@/api/business/applicationInfo' |
| | | export default { |
| | | name: 'ApplicationInfo', |
| | | extends: BaseTable, |
| | | components: { TableLayout, Pagination, OperaApplicationInfoWindow }, |
| | | data () { |
| | | return { |
| | | // æç´¢ |
| | | searchForm: { |
| | | id: '', |
| | | creator: '', |
| | | createDate: '', |
| | | editor: '', |
| | | editDate: '', |
| | | isdeleted: '', |
| | | status: '', |
| | | remark: '', |
| | | serverId: '', |
| | | name: '', |
| | | logo: '', |
| | | lables: '', |
| | | introduction: '', |
| | | details: '' |
| | | } |
| | | } |
| | | }, |
| | | created () { |
| | | this.config({ |
| | | module: 'åºç¨ç®¡ç', |
| | | api: '/business/applicationInfo', |
| | | 'field.id': 'id', |
| | | 'field.main': 'id' |
| | | }) |
| | | this.search() |
| | | }, |
| | | methods: { |
| | | changeStatus(status, id) { |
| | | updateStatus({ id, status }) |
| | | .then(res => { |
| | | this.search() |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <TableLayout :permissions="['business:demandrecord:query']"> |
| | | <!-- æç´¢è¡¨å --> |
| | | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> |
| | | <el-form-item label="åºç¨åç§°" prop="applicationId"> |
| | | <el-input v-model="searchForm.applicationId" placeholder="请è¾å
¥åºç¨åç§°" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="éæ±æåºè
" prop="linkName"> |
| | | <el-input v-model="searchForm.linkName" placeholder="请è¾å
¥è系人å§å" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="æäº¤æ¶é´" prop="createDate"> |
| | | <el-date-picker v-model="searchForm.createDate" value-format="yyyy-MM-dd" placeholder="è¯·éæ©æäº¤æ¶é´" @change="search"/> |
| | | </el-form-item> |
| | | <section> |
| | | <el-button type="primary" @click="search">æç´¢</el-button> |
| | | <el-button type="primary" :loading="isWorking.export" v-permissions="['business:demandrecord:exportExcel']" @click="exportExcel">导åº</el-button> |
| | | <el-button @click="reset">éç½®</el-button> |
| | | </section> |
| | | </el-form> |
| | | <!-- è¡¨æ ¼åå页 --> |
| | | <template v-slot:table-wrap> |
| | | <!-- <ul class="toolbar" v-permissions="['business:demandrecord:create']">--> |
| | | <!-- <li><el-button type="primary" @click="$refs.operaDemandRecordWindow.open('æ°å»ºéæ±è®°å½')" icon="el-icon-plus" v-permissions="['business:demandrecord:create']">æ°å»º</el-button></li>--> |
| | | <!-- </ul>--> |
| | | <el-table |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | stripe |
| | | > |
| | | <el-table-column prop="applicationId" label="åºç¨åç§°" min-width="100px"></el-table-column> |
| | | <el-table-column prop="companyId" label="éæ±ä¼ä¸" min-width="100px"></el-table-column> |
| | | <el-table-column prop="linkName" label="è系人å§å" min-width="100px"></el-table-column> |
| | | <el-table-column prop="linkPhone" label="è系人çµè¯" min-width="100px"></el-table-column> |
| | | <el-table-column prop="details" label="æè¿°" min-width="100px"></el-table-column> |
| | | <el-table-column prop="createDate" label="æäº¤æ¶é´" min-width="100px"></el-table-column> |
| | | <el-table-column |
| | | v-if="containPermissions(['business:demandrecord:update', 'business:demandrecord:delete'])" |
| | | label="æä½" |
| | | min-width="120" |
| | | fixed="right" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="$refs.operaDemandRecordWindow.open('ç¼è¾éæ±è®°å½', row)" icon="el-icon-edit" v-permissions="['business:demandrecord:update']">ç¼è¾</el-button> |
| | | <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:demandrecord:delete']">å é¤</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handlePageChange" |
| | | :pagination="tableData.pagination" |
| | | > |
| | | </pagination> |
| | | </template> |
| | | <!-- æ°å»º/ä¿®æ¹ --> |
| | | <OperaDemandRecordWindow ref="operaDemandRecordWindow" @success="handlePageChange"/> |
| | | </TableLayout> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseTable from '@/components/base/BaseTable' |
| | | import TableLayout from '@/layouts/TableLayout' |
| | | import Pagination from '@/components/common/Pagination' |
| | | import OperaDemandRecordWindow from '@/components/business/OperaDemandRecordWindow' |
| | | export default { |
| | | name: 'DemandRecord', |
| | | extends: BaseTable, |
| | | components: { TableLayout, Pagination, OperaDemandRecordWindow }, |
| | | data () { |
| | | return { |
| | | // æç´¢ |
| | | searchForm: { |
| | | id: '', |
| | | creator: '', |
| | | createDate: '', |
| | | editor: '', |
| | | editDate: '', |
| | | isdeleted: '', |
| | | status: '', |
| | | remark: '', |
| | | applicationId: '', |
| | | companyId: '', |
| | | linkName: '', |
| | | linkPhone: '', |
| | | details: '' |
| | | } |
| | | } |
| | | }, |
| | | created () { |
| | | this.config({ |
| | | module: 'éæ±è®°å½', |
| | | api: '/business/demandRecord', |
| | | 'field.id': 'id', |
| | | 'field.main': 'id' |
| | | }) |
| | | this.search() |
| | | } |
| | | } |
| | | </script> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <TableLayout :permissions="['business:serverprovider:query']"> |
| | | <!-- æç´¢è¡¨å --> |
| | | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> |
| | | <el-form-item label="æå¡ååç§°" prop="name"> |
| | | <el-input v-model="searchForm.name" placeholder="请è¾å
¥æå¡ååç§°" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="æå±è¡ä¸" prop="industryId"> |
| | | <el-select v-model="searchForm.industryId" placeholder="è¯·éæ©"> |
| | | <el-option |
| | | v-for="item in industry" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <section> |
| | | <el-button type="primary" @click="search">æç´¢</el-button> |
| | | <el-button type="primary" :loading="isWorking.export" v-permissions="['business:serverprovider:exportExcel']" @click="exportExcel">导åº</el-button> |
| | | <el-button @click="reset">éç½®</el-button> |
| | | </section> |
| | | </el-form> |
| | | <!-- è¡¨æ ¼åå页 --> |
| | | <template v-slot:table-wrap> |
| | | <ul class="toolbar" v-permissions="['business:serverprovider:create']"> |
| | | <li><el-button type="primary" @click="$refs.operaServerProviderWindow.open('æ°å»ºæå¡åä¿¡æ¯')" icon="el-icon-plus" v-permissions="['business:serverprovider:create']">æ°å»º</el-button></li> |
| | | </ul> |
| | | <el-table |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |
| | | stripe |
| | | > |
| | | <el-table-column prop="name" label="æå¡ååç§°" min-width="100px"></el-table-column> |
| | | <el-table-column label="LOGO" min-width="120px"> |
| | | <template slot-scope="{row}"> |
| | | <el-image |
| | | v-if="row.fullLog" |
| | | style="width: 100px; height: 100px" |
| | | :src="row.fullLog" |
| | | :preview-src-list="[row.fullLog]"> |
| | | </el-image> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="industryName" label="æå±è¡ä¸" min-width="100px"></el-table-column> |
| | | <el-table-column label="æå¡æçº§" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | {{row.starLevel}}级 |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="linkName" label="è系人å§å" min-width="100px"></el-table-column> |
| | | <el-table-column prop="linkPhone" label="è系人çµè¯" min-width="100px"></el-table-column> |
| | | <el-table-column prop="introduction" label="ç®ä»" min-width="100px"></el-table-column> |
| | | <el-table-column label="ç¶æ" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <el-switch |
| | | v-model="row.status" |
| | | @change="changeStatus($event, row.id)" |
| | | active-color="#13ce66" |
| | | inactive-color="#ff4949" |
| | | :active-value="0" |
| | | :inactive-value="1"> |
| | | </el-switch> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | v-if="containPermissions(['business:serverprovider:update', 'business:serverprovider:delete'])" |
| | | label="æä½" |
| | | min-width="120" |
| | | fixed="right" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="$refs.operaServerProviderWindow.open('ç¼è¾æå¡åä¿¡æ¯', row)" icon="el-icon-edit" v-permissions="['business:serverprovider:update']">ç¼è¾</el-button> |
| | | <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:serverprovider:delete']">å é¤</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handlePageChange" |
| | | :pagination="tableData.pagination" |
| | | > |
| | | </pagination> |
| | | </template> |
| | | <!-- æ°å»º/ä¿®æ¹ --> |
| | | <OperaServerProviderWindow ref="operaServerProviderWindow" @success="handlePageChange"/> |
| | | </TableLayout> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseTable from '@/components/base/BaseTable' |
| | | import TableLayout from '@/layouts/TableLayout' |
| | | import Pagination from '@/components/common/Pagination' |
| | | import OperaServerProviderWindow from '@/components/business/OperaServerProviderWindow' |
| | | import { list } from '@/api/business/labels' |
| | | import { updateStatus } from '@/api/business/serverProvider' |
| | | export default { |
| | | name: 'ServerProvider', |
| | | extends: BaseTable, |
| | | components: { TableLayout, Pagination, OperaServerProviderWindow }, |
| | | data () { |
| | | return { |
| | | // æç´¢ |
| | | searchForm: { |
| | | name: '', |
| | | industryId: '' |
| | | }, |
| | | industry: [] |
| | | } |
| | | }, |
| | | created () { |
| | | this.config({ |
| | | module: 'æå¡åä¿¡æ¯', |
| | | api: '/business/serverProvider', |
| | | 'field.id': 'id', |
| | | 'field.main': 'id' |
| | | }) |
| | | this.search() |
| | | this.getAll() |
| | | }, |
| | | methods: { |
| | | async getAll() { |
| | | this.industry = await list({ type: 1, isdeleted: 0 }) |
| | | }, |
| | | changeStatus(status, id) { |
| | | updateStatus({ id, status }) |
| | | .then(res => { |
| | | this.search() |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div class="box"> |
| | | <div class="box_head"> |
| | | <div class="box_head_title">æå¡åèµæº</div> |
| | | <div class="box_head_info">æéæ±ãæ¾èµæºã寻åä½ï¼å¹³å°è´åäºä¸ºä¾ãéåæ¹æä¾ä¸ä¸ªæµç
ãä¸ä¸ç鿱坹æ¥äº¤äºå¹³å°</div> |
| | | <div class="box_head_search"> |
| | | <div class="left"> |
| | | <div class="box_head_search_input"> |
| | | <input type="text" v-model="name" placeholder="è¾å
¥æå¡ååç§°æç´¢"> |
| | | <img src="../../assets/images/ic_clear@2x.png" v-if="name" @click="clearText" /> |
| | | </div> |
| | | <div class="box_head_search_btn">æ¥è¯¢</div> |
| | | </div> |
| | | <div class="right"> |
| | | <img src="../../assets/images/ic_fuwushang@2x.png" alt="" /> |
| | | <span class="right_name">æå¡åæ»æ°ï¼</span> |
| | | <span class="right_num">220</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="box_cate"> |
| | | <div class="cate"> |
| | | <div class="cate_label">è¡ä¸åç±»ï¼</div> |
| | | <div class="cate_val"> |
| | | <div :class="index === 0 ? 'cate_val_row active' : 'cate_val_row'" v-for="(item, index) in cateList" :key="index">{{item}}</div> |
| | | </div> |
| | | <div class="cate_dwon"> |
| | | <span>å±å¼</span> |
| | | <i class="el-icon-arrow-down"></i> |
| | | </div> |
| | | </div> |
| | | <div class="list"> |
| | | <div class="list_item" v-for="(item, index) in 6" :key="index" @click="$refs.operaDetailsAWindow.open('æå¡å详æ
')"> |
| | | <div class="list_item_image"> |
| | | <img src="../../assets/images/zhuce_ic_qiye@2x.png" alt="" /> |
| | | </div> |
| | | <div class="list_item_title">å®å¾½è±ç±³ç§ææéå
¬å¸</div> |
| | | <div class="list_item_info">å®å¾½è±ç±³ç§ææéå
¬å¸ä»¥è½¯ä»¶å¼åã人工æºè½åºç¨å¼åä¸ºæ ¸å¿...</div> |
| | | <div class="list_item_divide"> |
| | | <el-rate |
| | | v-model="value" |
| | | disabled |
| | | text-color="#ff9900"> |
| | | </el-rate> |
| | | </div> |
| | | </div> |
| | | <div class="list_zw"></div> |
| | | <div class="list_zw"></div> |
| | | </div> |
| | | <div class="pagination"> |
| | | <el-pagination |
| | | @current-change="handleCurrentChange" |
| | | :current-page="currentPage" |
| | | :page-sizes="[10, 20, 30, 40]" |
| | | :page-size="10" |
| | | layout="total, prev, pager, next, jumper" |
| | | :total="50"> |
| | | </el-pagination> |
| | | <div class="pagination_info">Copyright © 2022 - 2023 æºè½å¶é è¯æç»¼åæå¡å¹³å°. All Rights Reserved. çæææ</div> |
| | | </div> |
| | | </div> |
| | | <!-- 详æ
--> |
| | | <OperaDetailsAWindow ref="operaDetailsAWindow" @success="" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import OperaDetailsAWindow from '@/components/business/OperaDetailsAWindow' |
| | | export default { |
| | | name: 'serviceProviderResources', |
| | | components: { OperaDetailsAWindow }, |
| | | data() { |
| | | return { |
| | | name: '', |
| | | value: 5, |
| | | cateList: ['å
¨é¨','æ°ææ','å
¶ä»','æ°åå¹³æ¿æ¾ç¤º','çç©å»è¯','é£åå å·¥','å¶é','汽车工ä¸','轻工纺ç»','è£
å¤å¶é ','åå·¥','çµå产åå软件','çäº§æ§æå¡ä¸','èè½ç¯ä¿','å®¶å
·å¶é è¡ä¸'] |
| | | } |
| | | }, |
| | | methods: { |
| | | handleCurrentChange(e) { |
| | | console.log(e) |
| | | }, |
| | | currentPage(e) { |
| | | console.log(e) |
| | | }, |
| | | clearText() { |
| | | this.name = '' |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .box { |
| | | width: 100%; |
| | | .box_head { |
| | | width: 100%; |
| | | height: 264px; |
| | | padding: 36px 50px; |
| | | box-sizing: border-box; |
| | | background-image: url("../../assets/images/bg_fuwushang.png"); |
| | | background-repeat: no-repeat; |
| | | background-size: 100% 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | .box_head_title { |
| | | font-weight: 600; |
| | | font-size: 40px; |
| | | color: #216EEE; |
| | | } |
| | | .box_head_info { |
| | | font-weight: 400; |
| | | font-size: 16px; |
| | | color: #333333; |
| | | margin-top: 14px; |
| | | } |
| | | .box_head_search { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | margin-top: 36px; |
| | | .left { |
| | | display: flex; |
| | | align-items: center; |
| | | .box_head_search_input { |
| | | width: 360px; |
| | | height: 48px; |
| | | padding: 0 15px; |
| | | box-sizing: border-box; |
| | | background: rgba(255,255,255,0.72); |
| | | border-radius: 2px; |
| | | margin-right: 10px; |
| | | display: flex; |
| | | align-items: center; |
| | | img { |
| | | width: 20px; |
| | | height: 20px; |
| | | flex-shrink: 0; |
| | | cursor: pointer; |
| | | } |
| | | input { |
| | | flex: 1; |
| | | height: 100%; |
| | | margin-right: 15px; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #222222; |
| | | border: none; |
| | | outline: none; |
| | | background: rgba(0,0,0,0); |
| | | &::-webkit-input-placeholder { |
| | | color: #999999; |
| | | font-size: 14px; |
| | | font-weight: 400; |
| | | } |
| | | } |
| | | } |
| | | .box_head_search_btn { |
| | | width: 68px; |
| | | height: 48px; |
| | | line-height: 48px; |
| | | text-align: center; |
| | | background: #216EEE; |
| | | border-radius: 2px; |
| | | font-weight: 600; |
| | | font-size: 15px; |
| | | color: #FFFFFF; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .right { |
| | | width: 173px; |
| | | height: 48px; |
| | | padding: 0 15px; |
| | | box-sizing: border-box; |
| | | background: #FFFFFF; |
| | | border-radius: 2px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | img { |
| | | width: 16px; |
| | | height: 16px; |
| | | } |
| | | .right_name { |
| | | font-weight: 400; |
| | | font-size: 15px; |
| | | color: #333333; |
| | | } |
| | | .right_num { |
| | | font-weight: 600; |
| | | font-size: 17px; |
| | | color: #216EEE; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .box_cate { |
| | | width: 100%; |
| | | padding: 0 20px; |
| | | box-sizing: border-box; |
| | | position: relative; |
| | | top: -30px; |
| | | left: 0; |
| | | z-index: 9; |
| | | .list { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | justify-content: space-between; |
| | | .list_zw { |
| | | width: 24%; |
| | | height: 0; |
| | | } |
| | | .list_item { |
| | | width: 24%; |
| | | height: 208px; |
| | | padding: 20px 30px; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | background: #FFFFFF; |
| | | border-radius: 8px; |
| | | margin-bottom: 1%; |
| | | .list_item_image { |
| | | width: 70px; |
| | | height: 70px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | overflow: hidden; |
| | | img { |
| | | width: 100%; |
| | | } |
| | | } |
| | | .list_item_title { |
| | | font-weight: 600; |
| | | font-size: 18px; |
| | | color: #222222; |
| | | } |
| | | .list_item_info { |
| | | width: 100%; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | font-weight: 400; |
| | | font-size: 12px; |
| | | color: #999999; |
| | | } |
| | | } |
| | | } |
| | | .cate { |
| | | width: 100%; |
| | | padding: 20px 30px; |
| | | margin-bottom: 20px; |
| | | box-sizing: border-box; |
| | | background: #FFFFFF; |
| | | border-radius: 8px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .cate_label { |
| | | flex-shrink: 0; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #666666; |
| | | } |
| | | .cate_val { |
| | | flex: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | .active { |
| | | background: #216EEE !important; |
| | | border-radius: 2px !important; |
| | | color: #FFFFFF !important; |
| | | } |
| | | .cate_val_row { |
| | | padding: 4px 12px; |
| | | box-sizing: border-box; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #666666; |
| | | margin-right: 18px; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .cate_dwon { |
| | | display: flex; |
| | | flex-shrink: 0; |
| | | cursor: pointer; |
| | | span { |
| | | font-weight: 400; |
| | | font-size: 12px; |
| | | color: #216EEE; |
| | | } |
| | | .el-icon-arrow-down { |
| | | color: #216EEE; |
| | | } |
| | | } |
| | | } |
| | | .pagination { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | flex-direction: column; |
| | | justify-content: center; |
| | | margin-top: 20px; |
| | | .pagination_info { |
| | | width: 100%; |
| | | text-align: center; |
| | | font-weight: 400; |
| | | font-size: 12px; |
| | | color: #828D9E; |
| | | margin-top: 30px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |