|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // å é¤ | 
|---|
|  |  |  | export function deleteById (id) { | 
|---|
|  |  |  | return request.get(`/business/jkCustomer/delete/${id}`) | 
|---|
|  |  |  | return request.get(`/visitsAdmin/cloudService/business/jkCustomer/delete/${id}`) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // æ¹éå é¤ | 
|---|
| ¶Ô±ÈÐÂÎļþ | 
|  |  |  | 
|---|
|  |  |  | import request from '../../utils/request' | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // æ¥è¯¢ | 
|---|
|  |  |  | export function fetchList (data) { | 
|---|
|  |  |  | return request.post('/visitsAdmin/cloudService/business/jkInterfaceLog/page', data, { | 
|---|
|  |  |  | trim: true | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | export function importExcel (data) { | 
|---|
|  |  |  | return request.post('/visitsAdmin/cloudService/business/jkInterfaceLog/importExcel', data) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // å é¤ | 
|---|
|  |  |  | export function deleteById (id) { | 
|---|
|  |  |  | return request.get(`/visitsAdmin/cloudService/business/jkInterfaceLog/delete/${id}`) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // æ¹éå é¤ | 
|---|
|  |  |  | export function deleteByIdInBatch (ids) { | 
|---|
|  |  |  | return request.get('/visitsAdmin/cloudService/business/jkInterfaceLog/delete/batch', { | 
|---|
|  |  |  | params: { | 
|---|
|  |  |  | ids | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | :data="list" | 
|---|
|  |  |  | stripe | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-table-column prop="code" label="é¥åç¼å·" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="cabinetName" label="åæ¾ä½ç½®" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="gridName" label="æå±é¥åæ" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="keyInfo" label="é¥åç¼å·" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="gridCode" label="åæ¾ä½ç½®" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="cabinetName" label="æå±é¥åæ" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="memberName" label="æä½äºº" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column label="ç±»å" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span v-if="row.keyStatus === 1">å·²å½è¿</span> | 
|---|
|  |  |  | <span v-if="row.keyStatus === 2">å·²ååº</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="æ¶é´" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | {{row.startDate}}~{{row.endDate}} | 
|---|
|  |  |  | {{row.createDate}} | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="ç¶æ" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-link v-if="row.status === 0">æå</el-link> | 
|---|
|  |  |  | <el-link type="danger" v-if="row.status === 1">失败</el-link> | 
|---|
|  |  |  | <span v-if="row.status === 0">æå</span> | 
|---|
|  |  |  | <span v-if="row.status === 1">失败</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | 
|---|
|  |  |  | open (title, id) { | 
|---|
|  |  |  | this.title = title | 
|---|
|  |  |  | this.id = id | 
|---|
|  |  |  | this.searchForm = { | 
|---|
|  |  |  | memberName: '', | 
|---|
|  |  |  | status: '', | 
|---|
|  |  |  | roleType: '', | 
|---|
|  |  |  | startDate: '', | 
|---|
|  |  |  | editDate: '' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.date = [] | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | this.visible = true | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | capacity: 10, | 
|---|
|  |  |  | page: this.page, | 
|---|
|  |  |  | model: { | 
|---|
|  |  |  | keyId: this.id.id, | 
|---|
|  |  |  | memberName: this.searchForm.memberName, | 
|---|
|  |  |  | status: this.searchForm.status, | 
|---|
|  |  |  | roleType: this.searchForm.roleType, | 
|---|
|  |  |  | startDate: this.searchForm.startDate, | 
|---|
|  |  |  | editDate: this.searchForm.editDate, | 
|---|
|  |  |  | type: 1 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | this.list = res.records | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-form-item label="ç»ç»ç±»å" prop="type" v-if="(editType === 'edit' && parentId) || (editType === 'add')" > | 
|---|
|  |  |  | <el-radio-group v-model="form.type" :disabled="(editType === 'edit') || (!!(editType === 'add' && parentId))"> | 
|---|
|  |  |  | <el-radio :label="0">ç¸å
³æ¹ç»ç»</el-radio> | 
|---|
|  |  |  | <!--              <el-radio :label="1">å
é¨ç»ç»</el-radio>--> | 
|---|
|  |  |  | <el-radio :label="1">å
é¨ç»ç»</el-radio> | 
|---|
|  |  |  | </el-radio-group> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="æå¨ä½ç½®" prop="lacation"> | 
|---|
|  |  |  | <el-input v-model="form.lacation" placeholder="请è¾å
¥æå¨ä½ç½®" v-trim/> | 
|---|
|  |  |  | <el-form-item label="æå¨ä½ç½®" prop="location"> | 
|---|
|  |  |  | <el-input v-model="form.location" placeholder="请è¾å
¥æå¨ä½ç½®" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="ç»çº¬åº¦" prop="jwd"> | 
|---|
|  |  |  | <div style="width: 100%; display: flex; align-items: center;"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="ç¼ç " prop="noType"> | 
|---|
|  |  |  | <el-radio-group v-model="form.noType" @change="changeNoType"> | 
|---|
|  |  |  | <el-radio-group v-model="form.noType" :disabled="form.id ? true : false" @change="changeNoType"> | 
|---|
|  |  |  | <el-radio :label="0">èªå¨ç¼ç </el-radio> | 
|---|
|  |  |  | <el-radio :label="1">æå¨ç¼ç </el-radio> | 
|---|
|  |  |  | </el-radio-group> | 
|---|
|  |  |  | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | components: { GlobalWindow }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | var validate = (rule, value, callback) => { | 
|---|
|  |  |  | if (this.form.noType === 1 && this.form.noLength === '' || this.form.noIndex === '') { | 
|---|
|  |  |  | callback(new Error('使°åèµ·å§ç¼å·ä¸è½ä¸ºç©ºï¼')); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | callback(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // è¡¨åæ°æ® | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | 
|---|
|  |  |  | status: 0, | 
|---|
|  |  |  | port: '', | 
|---|
|  |  |  | managerIdList: '', | 
|---|
|  |  |  | location: '', | 
|---|
|  |  |  | useTime: '', | 
|---|
|  |  |  | doubleAuth: 0, | 
|---|
|  |  |  | authMemberIdList: '', | 
|---|
|  |  |  | 
|---|
|  |  |  | { required: true, message: 'è¯·éæ©ç¼ç ', trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | noPrefix: [ | 
|---|
|  |  |  | { required: true, message: '请è¾å
¥åç¼', trigger: 'blur' } | 
|---|
|  |  |  | { required: true, validator: validate, trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | sortType: [ | 
|---|
|  |  |  | { required: true, message: '请è¾å
¥æå顺åº', trigger: 'blur' } | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.form = { | 
|---|
|  |  |  | id: null, | 
|---|
|  |  |  | code: '', | 
|---|
|  |  |  | name: '', | 
|---|
|  |  |  | devId: '', | 
|---|
|  |  |  | serialNo: '', | 
|---|
|  |  |  | linkAddr: '', | 
|---|
|  |  |  | status: 0, | 
|---|
|  |  |  | port: '', | 
|---|
|  |  |  | managerIdList: '', | 
|---|
|  |  |  | useTime: '', | 
|---|
|  |  |  | doubleAuth: 0, | 
|---|
|  |  |  | authMemberIdList: '', | 
|---|
|  |  |  | rowNum: '', | 
|---|
|  |  |  | columnNum: '', | 
|---|
|  |  |  | jwd: '', | 
|---|
|  |  |  | latitude: '', | 
|---|
|  |  |  | noType: 0, | 
|---|
|  |  |  | noPrefix: '', | 
|---|
|  |  |  | noLength: '', | 
|---|
|  |  |  | noIndex: '', | 
|---|
|  |  |  | sortType: 0 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.$refs.form.resetFields() | 
|---|
|  |  |  | this.form[this.configData['field.id']] = null | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | 
|---|
|  |  |  | 1.请å
ä¸è½½æä»¶æ¨¡æ¿ï¼å¹¶æç
§æ¨¡æ¿è¦å»å¡«å表格å
容;<br> | 
|---|
|  |  |  | 2.å»ºè®®æ¯æ¬¡å¯¼å
¥æ°æ®éä¸å¤§äº3000ï¼å¯éå忹坼å
¥;<br> | 
|---|
|  |  |  | </p> | 
|---|
|  |  |  | <el-form class="demo-form-inline" > | 
|---|
|  |  |  | <el-form class="demo-form-inline" v-loading="loading"> | 
|---|
|  |  |  | <el-form-item label="客æ·ä¿¡æ¯" required> | 
|---|
|  |  |  | <div style="width: 100%;display: flex;align-items: center;"> | 
|---|
|  |  |  | <el-button type="primary"   @click="clickRef">ç¹å»ä¸ä¼ </el-button> | 
|---|
|  |  |  | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | importing:false, | 
|---|
|  |  |  | fileName: '' | 
|---|
|  |  |  | fileName: '', | 
|---|
|  |  |  | loading: false | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | 
|---|
|  |  |  | this.$refs.fileExcel.click() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | result (e) { | 
|---|
|  |  |  | this.loading = true | 
|---|
|  |  |  | const data = new FormData() | 
|---|
|  |  |  | data.append('file', e.target.files[0]) | 
|---|
|  |  |  | importExcel(data) | 
|---|
|  |  |  | 
|---|
|  |  |  | this.fileName = '' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .finally(() => { | 
|---|
|  |  |  | this.loading = false | 
|---|
|  |  |  | this.$refs.fileExcel.value = null | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-input v-model="form.code" placeholder="请è¾å
¥é¥åç¼å·" v-trim/> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="æå±è½¦è¾" prop="carId"> | 
|---|
|  |  |  | <el-select v-model="form.carId" placeholder="è¯·éæ©"> | 
|---|
|  |  |  | <el-select v-model="form.carId" filterable placeholder="è¯·éæ©"> | 
|---|
|  |  |  | <el-option | 
|---|
|  |  |  | v-for="item in carAll" | 
|---|
|  |  |  | :key="item.id" | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | getCars() { | 
|---|
|  |  |  | allList({ type: 0 }) | 
|---|
|  |  |  | allList({  }) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | this.carAll = res | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | 
|---|
|  |  |  | :withFooter="false" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-form ref="searchForm" :model="searchForm" label-width="100px" inline> | 
|---|
|  |  |  | <el-form-item label="é¥å" prop="keyCode"> | 
|---|
|  |  |  | <el-input v-model="searchForm.keyCode" placeholder="请è¾å
¥é¥åç¼ç æåç§°" @keypress.enter.native="getList"></el-input> | 
|---|
|  |  |  | <el-form-item label="é¥åç¼ç " prop="keyCode"> | 
|---|
|  |  |  | <el-input v-model="searchForm.keyCode" placeholder="请è¾å
¥é¥åç¼ç " @keypress.enter.native="getList"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="ç¶æ" prop="status"> | 
|---|
|  |  |  | <el-select v-model="searchForm.status" placeholder="è¯·éæ©" @change="getList"> | 
|---|
|  |  |  | 
|---|
|  |  |  | v-loading="loading" | 
|---|
|  |  |  | :data="list" | 
|---|
|  |  |  | stripe | 
|---|
|  |  |  | @selection-change="handleSelectionChange" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-table-column type="selection" width="55"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="code" label="ææ ¼ç¼ç " min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="cabinetName" label="æå±é¥åæ" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="keyId" label="ç»å®é¥å" min-width="100px"> | 
|---|
|  |  |  | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | id: null, | 
|---|
|  |  |  | info: null, | 
|---|
|  |  |  | ids: [], | 
|---|
|  |  |  | searchForm: { | 
|---|
|  |  |  | keyCode: '', | 
|---|
|  |  |  | status: '', | 
|---|
|  |  |  | 
|---|
|  |  |  | open (title, id) { | 
|---|
|  |  |  | this.title = title | 
|---|
|  |  |  | this.id = id | 
|---|
|  |  |  | this.searchForm = { | 
|---|
|  |  |  | keyCode: '', | 
|---|
|  |  |  | status: '', | 
|---|
|  |  |  | bindStatus: '' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | this.getKeysAll() | 
|---|
|  |  |  | this.visible = true | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleSelectionChange(e) { | 
|---|
|  |  |  | this.ids = e.map(item => item.id) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getKeysAll() { | 
|---|
|  |  |  | list({  }) | 
|---|
|  |  |  | 
|---|
|  |  |  | if (type === 1) { | 
|---|
|  |  |  | obj.keyId = row.keyId | 
|---|
|  |  |  | } else if (type === 2) { | 
|---|
|  |  |  | if (!row.boardCode) return | 
|---|
|  |  |  | if (!/^[1-9]\d*$/.test(row.boardCode)) { | 
|---|
|  |  |  | this.$message.warning('åªè½è¾å
¥æ£æ´æ°') | 
|---|
|  |  |  | row.boardCode = '' | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | obj.boardCode = row.boardCode | 
|---|
|  |  |  | } else if (type === 3) { | 
|---|
|  |  |  | if (!row.channelCode) return | 
|---|
|  |  |  | if (!/^[1-9]\d*$/.test(row.channelCode)) { | 
|---|
|  |  |  | this.$message.warning('åªè½è¾å
¥æ£æ´æ°') | 
|---|
|  |  |  | row.channelCode = '' | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | obj.channelCode = row.channelCode | 
|---|
|  |  |  | } | 
|---|
|  |  |  | updateById(obj) | 
|---|
|  |  |  | 
|---|
|  |  |  | cancelButtonText: 'åæ¶', | 
|---|
|  |  |  | type: 'warning' | 
|---|
|  |  |  | }).then(() => { | 
|---|
|  |  |  | unBindKeys(this.list.map(item => item.id)) | 
|---|
|  |  |  | unBindKeys(this.ids) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | reset() { | 
|---|
|  |  |  | this.searchForm.keyId = '' | 
|---|
|  |  |  | this.searchForm.keyCode = '' | 
|---|
|  |  |  | this.searchForm.status = '' | 
|---|
|  |  |  | this.searchForm.workingStatus = '' | 
|---|
|  |  |  | this.searchForm.bindStatus = '' | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getList() { | 
|---|
|  |  |  | 
|---|
|  |  |  | cabinetId: this.id, | 
|---|
|  |  |  | keyId: this.searchForm.keyId, | 
|---|
|  |  |  | status: this.searchForm.status, | 
|---|
|  |  |  | bindStatus: this.searchForm.bindStatus, | 
|---|
|  |  |  | workingStatus: this.searchForm.workingStatus | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | 
|---|
|  |  |  | @selection-change="handleSelectionChange" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-table-column type="selection" width="55"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="name" show-overflow-tooltip label="广å" min-width="120px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="imgurl" show-overflow-tooltip label="" min-width="120px"> | 
|---|
|  |  |  | <el-table-column prop="name" show-overflow-tooltip label="广ååç§°" min-width="120px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="imgurl" show-overflow-tooltip label="广åå¾" min-width="120px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-image v-if="row.imgurlFull" style="width: 60px; height: 60px" :src="row.imgurlFull" | 
|---|
|  |  |  | :preview-src-list="[row.imgurlFull]"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <li><el-button type="primary" | 
|---|
|  |  |  | @click="add" icon="el-icon-plus" | 
|---|
|  |  |  | v-permissions="['business:member:create']">æ°å»ºåå·¥</el-button></li> | 
|---|
|  |  |  | <!--        <li><el-button type="primary" @click="$refs.OperaMemberImportWindow.open('人å导å
¥', searchForm.companyType)"--> | 
|---|
|  |  |  | <!--            icon="el-icon-plus" v-permissions="['business:member:create']">人å导å
¥</el-button></li>--> | 
|---|
|  |  |  | <!--        <li><el-button type="danger" @click="deleteByIdInBatch" icon="el-icon-delete"--> | 
|---|
|  |  |  | <!--            v-permissions="['business:member:delete']">æ¹éå é¤</el-button></li>--> | 
|---|
|  |  |  | <li><el-button type="primary" @click="$refs.OperaMemberImportWindow.open('人å导å
¥', searchForm.companyType)" | 
|---|
|  |  |  | icon="el-icon-plus" v-permissions="['business:member:create']">人å导å
¥</el-button></li> | 
|---|
|  |  |  | <li><el-button type="danger" @click="deleteByIdInBatch" icon="el-icon-delete" | 
|---|
|  |  |  | v-permissions="['business:member:delete']">æ¹éå é¤</el-button></li> | 
|---|
|  |  |  | <li><el-button type="primary" v-permissions="['business:empower:create']" | 
|---|
|  |  |  | @click="startEmpowerBatch()">ä¸åææ</el-button></li> | 
|---|
|  |  |  | <li style="float: right"> | 
|---|
|  |  |  | 
|---|
|  |  |  | v-permissions="['business:member:head']">åæ¶ä¸»ç®¡</el-button> | 
|---|
|  |  |  | <el-button type="text" :loading="heading" icon="el-icon-edit" @click="updateHead(row, 1)" | 
|---|
|  |  |  | v-if="row.headStatus == 0" v-permissions="['business:member:head']">设为主管</el-button> | 
|---|
|  |  |  | <!--            <el-button type="text" icon="el-icon-delete" @click="deleteById(row)" style="color: red" | 
|---|
|  |  |  | v-permissions="['business:member:delete']">å é¤</el-button>--> | 
|---|
|  |  |  | <el-button type="text" icon="el-icon-delete" @click="deleteById(row)" style="color: red" | 
|---|
|  |  |  | v-permissions="['business:member:delete']">å é¤</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-table-column prop="devId" label="设å¤ID" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="linkAddr" label="é讯å°å" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="port" label="端å£å·" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="lacation" label="æå¨ä½ç½®" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="location" label="æå¨ä½ç½®" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column label="ææ ¼æ°é" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-button @click="$refs.cabinetDetails.open(row.name + '-ææ ¼ä¿¡æ¯', row.id)">{{row.gridNum}}</el-button> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-option label="å
¨é¨" value=""></el-option> | 
|---|
|  |  |  | <el-option label="å·è¸" :value="0"></el-option> | 
|---|
|  |  |  | <el-option label="å·å¡" :value="1"></el-option> | 
|---|
|  |  |  | <el-option label="管çå" :value="2"></el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="ç¶æ" prop="status"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-link :underline="false" v-if="row.authType === 0">å·è¸</el-link> | 
|---|
|  |  |  | <el-link :underline="false" v-if="row.authType === 1">å·å¡</el-link> | 
|---|
|  |  |  | <el-link :underline="false" v-if="row.authType === 2">管çå</el-link> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="cabinetName" label="æå±é¥åæ" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="editDate" label="ææ ¼ç¼å·" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="isdeleted" label="é¥å" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="gridCode" label="ææ ¼ç¼å·" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="keyInfo" label="é¥å" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column label="ç¶æ" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-link :underline="false" v-if="row.status === 0">æå</el-link> | 
|---|
|  |  |  | 
|---|
|  |  |  | <TableLayout :permissions="['business:jkiccard: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 label="å¡å·" prop="code"> | 
|---|
|  |  |  | <el-input v-model="searchForm.code" placeholder="请è¾å
¥å¡å·" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="å§å" prop="memberName"> | 
|---|
|  |  |  | <el-input v-model="searchForm.memberName" placeholder="请è¾å
¥" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // æç´¢ | 
|---|
|  |  |  | searchForm: { | 
|---|
|  |  |  | name: '', | 
|---|
|  |  |  | code: '', | 
|---|
|  |  |  | memberName: '', | 
|---|
|  |  |  | userType: '', | 
|---|
|  |  |  | status: '' | 
|---|
| ¶Ô±ÈÐÂÎļþ | 
|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <TableLayout :permissions="['business:jkinterfacelog: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="type"> | 
|---|
|  |  |  | <el-select v-model="searchForm.type" @change="search" placeholder="è¯·éæ©"> | 
|---|
|  |  |  | <el-option label="è°ç¨" value="0"></el-option> | 
|---|
|  |  |  | <el-option label="æ¨éæ¥å" value="1"></el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="èµ·æ¢æ¶é´" prop="startDate"> | 
|---|
|  |  |  | <el-date-picker type="datetime" v-model="searchForm.startDate" value-format="yyyy-MM-dd HH:mm:ss" | 
|---|
|  |  |  | placeholder="è¯·éæ©å¼å§æ¶é´" @change="changeRadio" /> | 
|---|
|  |  |  | <el-date-picker type="datetime" v-model="searchForm.endDate" value-format="yyyy-MM-dd HH:mm:ss" | 
|---|
|  |  |  | placeholder="è¯·éæ©ç»ææ¶é´" @change="changeRadio" /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-radio-group v-model="searchForm.radio" size="small" @input="changeRadio"> | 
|---|
|  |  |  | <el-radio-button label="0">å½å¤©</el-radio-button> | 
|---|
|  |  |  | <el-radio-button label="1">è¿7天</el-radio-button> | 
|---|
|  |  |  | <el-radio-button label="2">è¿30天</el-radio-button> | 
|---|
|  |  |  | </el-radio-group> | 
|---|
|  |  |  | <section> | 
|---|
|  |  |  | <el-button type="primary" @click="search">æç´¢</el-button> | 
|---|
|  |  |  | <el-button @click="reset">éç½®</el-button> | 
|---|
|  |  |  | </section> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | <!-- è¡¨æ ¼åå页 --> | 
|---|
|  |  |  | <template v-slot:table-wrap> | 
|---|
|  |  |  | <el-table :height="tableHeightNew" v-loading="isWorking.search" :data="tableData.list" stripe> | 
|---|
|  |  |  | <el-table-column prop="name" label="æ¥å£åç§°" min-width="180px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="url" label="å°åä¿¡æ¯" min-width="180px"></el-table-column> | 
|---|
|  |  |  | <el-table-column label="ç±»å" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span v-if="row.type == 0">è°ç¨</span> | 
|---|
|  |  |  | <span v-if="row.type == 1">æ¨éæ¥æ¶</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="å¹³å°" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span v-if="row.plat == 0">海康å®é²å¹³å°</span> | 
|---|
|  |  |  | <span v-if="row.plat == 1">ERPç³»ç»</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="request" label="请æ±åæ°" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-button type="text" | 
|---|
|  |  |  | @click="$refs.operaInterfaceLogWindow.open('请æ±åæ°', { content: row.request })">æ¥ç</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="repose" label="ååºåæ°" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-button type="text" | 
|---|
|  |  |  | @click="$refs.operaInterfaceLogWindow.open('ååºåæ°', { content: row.repose })">æ¥ç</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="createDate" label="å建æ¶é´" min-width="100px"></el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | <pagination @size-change="handleSizeChange" @current-change="handlePageChange" :pagination="tableData.pagination"> | 
|---|
|  |  |  | </pagination> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <!-- æ°å»º/修湠--> | 
|---|
|  |  |  | <OperaInterfaceLogWindow ref="operaInterfaceLogWindow" @success="handlePageChange" /> | 
|---|
|  |  |  | </TableLayout> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import BaseTable from '@/components/base/BaseTable' | 
|---|
|  |  |  | import TableLayout from '@/layouts/TableLayout' | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import OperaInterfaceLogWindow from '@/components/business/OperaInterfaceLogWindow' | 
|---|
|  |  |  | import { timeForMat } from '@/utils/util' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'InterfaceLog', | 
|---|
|  |  |  | extends: BaseTable, | 
|---|
|  |  |  | components: { TableLayout, Pagination, OperaInterfaceLogWindow }, | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // æç´¢ | 
|---|
|  |  |  | searchForm: { | 
|---|
|  |  |  | name: '', | 
|---|
|  |  |  | type: '', | 
|---|
|  |  |  | endDate: '', | 
|---|
|  |  |  | startDate: '', | 
|---|
|  |  |  | radio: '0' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | time: [] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | this.config({ | 
|---|
|  |  |  | module: '䏿¹å¹³å°æ¥å£äº¤äºè®°å½', | 
|---|
|  |  |  | api: '/business/jkInterfacelog', | 
|---|
|  |  |  | 'field.id': 'id', | 
|---|
|  |  |  | 'field.main': 'id' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.changeRadio('0') | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | changeRadio(e) { | 
|---|
|  |  |  | if (e === '0') { | 
|---|
|  |  |  | this.searchForm.startDate = timeForMat(0)[0] | 
|---|
|  |  |  | this.searchForm.endDate = timeForMat(0)[1] | 
|---|
|  |  |  | } else if (e === '1') { | 
|---|
|  |  |  | this.searchForm.startDate = timeForMat(6)[0] | 
|---|
|  |  |  | this.searchForm.endDate = timeForMat(6)[1] | 
|---|
|  |  |  | } else if (e === '2') { | 
|---|
|  |  |  | this.searchForm.startDate = timeForMat(29)[0] | 
|---|
|  |  |  | this.searchForm.endDate = timeForMat(29)[1] | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.searchForm.radio = '' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if (this.searchForm.startDate && this.searchForm.endDate && new Date(this.searchForm.startDate).getTime() > new Date(this.searchForm.endDate).getTime()) { | 
|---|
|  |  |  | this.$message.error('å¼å§æ¶é´ä¸è½å¤§äºç»ææ¶é´') | 
|---|
|  |  |  | this.searchForm.startDate = '' | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | seleTime(e) { | 
|---|
|  |  |  | this.searchForm.startDate = e[0] | 
|---|
|  |  |  | this.searchForm.endDate = e[1] | 
|---|
|  |  |  | this.searchForm.radio = null | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | reset() { | 
|---|
|  |  |  | this.$refs.searchForm.resetFields() | 
|---|
|  |  |  | this.searchForm.startDate = '' | 
|---|
|  |  |  | this.searchForm.endDate = '' | 
|---|
|  |  |  | this.searchForm.radio = '' | 
|---|
|  |  |  | this.time = [] | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-input v-model="searchForm.code" placeholder="请è¾å
¥é¥åç¼å·" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="æå±è½¦è¾" prop="carId"> | 
|---|
|  |  |  | <el-select v-model="searchForm.carId" placeholder="è¯·éæ©" @change="search"> | 
|---|
|  |  |  | <el-select v-model="searchForm.carId" filterable placeholder="è¯·éæ©" @change="search"> | 
|---|
|  |  |  | <el-option | 
|---|
|  |  |  | v-for="item in carAll" | 
|---|
|  |  |  | :key="item.id" | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | getCars() { | 
|---|
|  |  |  | allList({ type: 0 }) | 
|---|
|  |  |  | allList({  }) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | this.carAll = res | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="content" label="æ´æ°æè¿°" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="name" label="å®è£
å
" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="name" label="æä»¶å¤§å°" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column label="æä»¶å¤§å°" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | {{row.fileSizeMb}}mb | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="æ¯å¦å¼ºå¶æ´æ°" min-width="100px"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <span v-if="row.isForce === 0">å¦</span> | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | module.exports = { | 
|---|
|  |  |  | publicPath: process.env.VUE_APP_CONTEXT_PATH, | 
|---|
|  |  |  | outputDir: 'admin', | 
|---|
|  |  |  | outputDir: 'whyc_admin', | 
|---|
|  |  |  | assetsDir: 'static', | 
|---|
|  |  |  | lintOnSave: false, | 
|---|
|  |  |  | devServer: { | 
|---|