| | |
| | | font-size: 12px; |
| | | line-height: 32px; |
| | | } |
| | | .single-line-ellipsis { |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | </style> |
| | |
| | | deleteDataAcquisitionConfiguration: "/deviceScope/deleteDataAcquisitionConfiguration", // å 餿°éé
ç½® |
| | | determineWhetherToCollectData: "/deviceScope/determineWhetherToCollectData", // å¤æè¯¥è®¾å¤æ¯å¦å¯ä»¥æ°é |
| | | dataCollection: "/deviceScope/dataCollection", // æ°é-æ°æ®éé |
| | | treeDevice: "/deviceScope/treeDevice", // è®¾å¤æ å½¢ |
| | | } |
| | | |
| | | const insOrder = { |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div>设å¤åç¨</div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div>è®¾å¤æ ¡å</div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
| | |
| | | <!-- |
| | | * @Author: licp lichunping@guanfang.com.cn |
| | | * @Date: 2024-07-29 15:44:19 |
| | | * @LastEditors: licp lichunping@guanfang.com.cn |
| | | * @LastEditTime: 2024-07-29 16:11:59 |
| | | * @FilePath: \center-lims-before\src\components\do\a6-device\check-and-accept.vue |
| | | * @Description: è¿æ¯é»è®¤è®¾ç½®,请设置`customMade`, æå¼koroFileHeaderæ¥çé
ç½® è¿è¡è®¾ç½®: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
| | | --> |
| | | <template> |
| | | <div>设å¤éªæ¶</div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div>è®¾å¤æ ¸æ¥</div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div>è®¾å¤æ
é</div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
| | |
| | | <!-- |
| | | * @Author: licp lichunping@guanfang.com.cn |
| | | * @Date: 2024-07-29 15:43:42 |
| | | * @LastEditors: licp lichunping@guanfang.com.cn |
| | | * @LastEditTime: 2024-07-29 15:43:48 |
| | | * @FilePath: \center-lims-before\src\components\do\a6-device\files.vue |
| | | * @Description: è¿æ¯é»è®¤è®¾ç½®,请设置`customMade`, æå¼koroFileHeaderæ¥çé
ç½® è¿è¡è®¾ç½®: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
| | | --> |
| | | <template> |
| | | <div class="page"> |
| | | <div class="page-header"> |
| | | <h4><span class="line"></span><span>è®¾å¤æ¡£æ¡</span></h4> |
| | | <div class="btns"> |
| | | <el-button type="primary" size="small">修订档æ¡</el-button> |
| | | <el-button type="primary" size="small">æ·»å éä»¶</el-button> |
| | | </div> |
| | | </div> |
| | | <el-divider></el-divider> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6"> |
| | | <el-image src="" fit="fill" style="width: 200px;height: 300px;border: 1px solid #000;border-radius: 10px;margin-left: 30px;margin-top: 20px;"> |
| | | <div slot="error" class="image-slot"> |
| | | <i class="el-icon-picture-outline" style="font-size: 40px;"></i> |
| | | </div> |
| | | </el-image> |
| | | </el-col> |
| | | <el-col :span="9"> |
| | | <div class="form-item"> |
| | | <label>设å¤åç§°</label> |
| | | <p>æ«æçµé(带è½è°±)</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>大类</label> |
| | | <p>åæä»ªå¨</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>å
é¨ç¼å·</label> |
| | | <p>æ«æçµé(带è½è°±)</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>ç产åå®¶</label> |
| | | <p>-</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>èµäº§ç¼ç </label> |
| | | <p>-</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>åºåæ¥æ</label> |
| | | <p>2024-7-20</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>å¯ç¨æ¥æ</label> |
| | | <p>2024-7-20</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>æ ¸å卿(æ)</label> |
| | | <p>12</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>æ£æµç±»å</label> |
| | | <p>12</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>æ¥åºæ¶é´</label> |
| | | <p>2024-7-20</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>å确度éå¼</label> |
| | | <p>-</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>被ææäºº</label> |
| | | <p>-</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>维修记å½</label> |
| | | <p>-</p> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="9"> |
| | | <div class="form-item"> |
| | | <label>è§æ ¼åå·</label> |
| | | <p>JSM-6010LA</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>ç»ç±»</label> |
| | | <p>åæä»ªå¨</p> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>设å¤ç¶æ</label> |
| | | <el-radio-group v-model="form.value1" disabled> |
| | | <el-radio :label="0">åæ ¼</el-radio> |
| | | <el-radio :label="1">ç»´ä¿®</el-radio> |
| | | </el-radio-group> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <h4 style="margin-bottom: 10px;margin-top: 10px;"><span class="line"></span><span>éä»¶åç¸å
³ææ¡£</span></h4> |
| | | <div class="tables"> |
| | | <ValueTable ref="ValueTable" |
| | | :url="$api.auxiliaryWorkingHoursDay.selectAuxiliaryWorkingHoursDay" |
| | | :delUrl="$api.auxiliaryWorkingHoursDay.deleteAuxiliaryWorkingHoursDay" :componentData="componentData" :key="upIndex" style="min-height: 400px;"/> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import ValueTable from '../../tool/value-table.vue' |
| | | export default { |
| | | components: { |
| | | ValueTable |
| | | }, |
| | | data(){ |
| | | return{ |
| | | componentData: { |
| | | entity: { |
| | | week: null, |
| | | weekDay: null, |
| | | dateTime: null, |
| | | name:null, |
| | | orderBy: { |
| | | field: 'id', |
| | | order: 'desc' |
| | | } |
| | | }, |
| | | isIndex: true, |
| | | showSelect: false, |
| | | select: false, |
| | | isPage:false, |
| | | do: [{ |
| | | id: 'getFile', |
| | | font: 'éä»¶', |
| | | type: 'text', |
| | | method: 'getFile' |
| | | }, { |
| | | id: 'handleLook', |
| | | font: 'æ¥ç', |
| | | type: 'text', |
| | | method: 'handleLook' |
| | | },{ |
| | | id: 'delete', |
| | | font: 'å é¤', |
| | | type: 'text', |
| | | method: 'doDiy', |
| | | disabFun: (row, index) => { |
| | | return row.state === 'å·²å®¡æ ¸' || row.state === 'å·²æ¹å' |
| | | } |
| | | }], |
| | | tagField: { |
| | | shift:{ |
| | | select:[] |
| | | }, |
| | | state:{ |
| | | select:[ |
| | | { |
| | | label:'å·²æäº¤', |
| | | value:'å·²æäº¤', |
| | | type:'primary' |
| | | }, |
| | | { |
| | | label:'å·²å®¡æ ¸', |
| | | value:'å·²å®¡æ ¸', |
| | | type:'warning' |
| | | }, |
| | | { |
| | | label:'å·²æ¹å', |
| | | value:'å·²æ¹å', |
| | | type:'success' |
| | | }, |
| | | ] |
| | | }, |
| | | weekDay:{ |
| | | select:[] |
| | | } |
| | | }, |
| | | linkEvent: {}, |
| | | selectField: { |
| | | shift:{ |
| | | select:[] |
| | | }, |
| | | state:{ |
| | | select:[ |
| | | { |
| | | label:'å·²æäº¤', |
| | | value:'å·²æäº¤', |
| | | type:'primary' |
| | | }, |
| | | { |
| | | label:'å·²å®¡æ ¸', |
| | | value:'å·²å®¡æ ¸', |
| | | type:'warning' |
| | | }, |
| | | { |
| | | label:'å·²æ¹å', |
| | | value:'å·²æ¹å', |
| | | type:'success' |
| | | }, |
| | | ] |
| | | }, |
| | | weekDay:{ |
| | | select:[] |
| | | } |
| | | }, |
| | | requiredAdd: [], |
| | | requiredUp: [] |
| | | }, |
| | | upIndex:0 |
| | | } |
| | | } |
| | | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .page{ |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow-y: auto; |
| | | overflow-x: hidden; |
| | | } |
| | | .page-header{ |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | h4{ |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | h4 .line{ |
| | | display: inline-block; |
| | | width: 3px; |
| | | height: 16px; |
| | | background: #3A7BFA; |
| | | margin-right: 4px; |
| | | } |
| | | .tables{ |
| | | width: calc(100vw - 390px); |
| | | } |
| | | .el-image { |
| | | position: relative; |
| | | } |
| | | .el-icon-picture-outline{ |
| | | position: absolute; |
| | | left: 50%; |
| | | top: 50%; |
| | | transform: translate(-50%,-50%); |
| | | } |
| | | .form-item{ |
| | | line-height: 34px; |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 14px; |
| | | } |
| | | .form-item label{ |
| | | width: 110px; |
| | | display: inline-block; |
| | | text-align: right; |
| | | margin-right: 20px; |
| | | color: #999; |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div>设å¤ç»´æ¤</div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
| | |
| | | <template> |
| | | <div>è¿è¡æ»è§</div> |
| | | <div class="page"> |
| | | <echart-module :id="'page-left'" :config="chartConfig" :datas="chartData" class="page-left"></echart-module> |
| | | <div class="page-right"> |
| | | <div class="form-item"> |
| | | <label>æ
鿬¡æ°</label> |
| | | <span>0</span> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>æè¿æ
鿥æ</label> |
| | | <el-date-picker |
| | | v-model="form.value1" |
| | | type="date" |
| | | size="small" |
| | | placeholder="éæ©æ¥æ" style="width: calc(100% - 200px);" readonly> |
| | | </el-date-picker> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>æè¿æ ¡åæ¥æ</label> |
| | | <el-date-picker |
| | | v-model="form.value1" |
| | | type="date" |
| | | size="small" |
| | | placeholder="éæ©æ¥æ" style="width: calc(100% - 200px);" readonly> |
| | | </el-date-picker> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>䏿¬¡æ ¡åæ¥æ</label> |
| | | <el-date-picker |
| | | v-model="form.value1" |
| | | type="date" |
| | | size="small" |
| | | placeholder="éæ©æ¥æ" style="width: calc(100% - 200px);" readonly> |
| | | </el-date-picker> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>æ ¡åæ»ç»è®º</label> |
| | | <el-radio-group v-model="form.value1" disabled> |
| | | <el-radio :label="0">åæ ¼</el-radio> |
| | | <el-radio :label="1">ä¸åæ ¼</el-radio> |
| | | <el-radio :label="2">å
¶ä»</el-radio> |
| | | </el-radio-group> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>æè¿æ ¸æ¥æ¥æ</label> |
| | | <el-date-picker |
| | | v-model="form.value1" |
| | | type="date" |
| | | size="small" |
| | | placeholder="éæ©æ¥æ" style="width: calc(100% - 200px);" readonly> |
| | | </el-date-picker> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>䏿¬¡æ ¸æ¥æ¥æ</label> |
| | | <el-date-picker |
| | | v-model="form.value1" |
| | | type="date" |
| | | size="small" |
| | | placeholder="éæ©æ¥æ" style="width: calc(100% - 200px);" readonly> |
| | | </el-date-picker> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>æ ¸æ¥æ»ç»è®º</label> |
| | | <el-radio-group v-model="form.value1" disabled> |
| | | <el-radio :label="0">åæ ¼</el-radio> |
| | | <el-radio :label="1">ä¸åæ ¼</el-radio> |
| | | <el-radio :label="2">å
¶ä»</el-radio> |
| | | </el-radio-group> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>æè¿ç»´æ¤æ¥æ</label> |
| | | <el-date-picker |
| | | v-model="form.value1" |
| | | type="date" |
| | | size="small" |
| | | placeholder="éæ©æ¥æ" style="width: calc(100% - 200px);" readonly> |
| | | </el-date-picker> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>䏿¬¡ç»´æ¤æ¥æ</label> |
| | | <el-date-picker |
| | | v-model="form.value1" |
| | | type="date" |
| | | size="small" |
| | | placeholder="éæ©æ¥æ" style="width: calc(100% - 200px);" readonly> |
| | | </el-date-picker> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>ç»´æ¤ç±»å</label> |
| | | <el-radio-group v-model="form.value1" disabled> |
| | | <el-radio :label="0">使ç¨ååç»´æ¤</el-radio> |
| | | <el-radio :label="1">计åä¸ç»´æ¤</el-radio> |
| | | </el-radio-group> |
| | | </div> |
| | | <div class="form-item"> |
| | | <label>æµé项ç®</label> |
| | | <span>1111111</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import EchartModule from '../../tool/echart.vue' |
| | | export default { |
| | | |
| | | components: {EchartModule}, |
| | | data(){ |
| | | return { |
| | | chartConfig:{ |
| | | height: '', |
| | | isLoading:true, |
| | | type:'gauge' |
| | | }, |
| | | chartData:{ |
| | | xData:[], |
| | | yData:[ |
| | | { |
| | | title:'任塿¥æ¶é', |
| | | data:[] |
| | | } |
| | | ] |
| | | }, |
| | | form:{ |
| | | value1:'' |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | .page{ |
| | | width: 100%; |
| | | height: 100%; |
| | | display: flex; |
| | | } |
| | | .page-left{ |
| | | width: 420px; |
| | | height: 420px; |
| | | margin-top: 40px; |
| | | margin-right: 40px; |
| | | } |
| | | .page-right{ |
| | | flex: 1; |
| | | /* background: red; */ |
| | | } |
| | | .form-item{ |
| | | line-height: 42px; |
| | | font-size: 14px; |
| | | } |
| | | .page-right label{ |
| | | color: #999; |
| | | width: 110px; |
| | | display: inline-block; |
| | | text-align: right; |
| | | margin-right: 20px; |
| | | } |
| | | >>>.el-radio__input.is-disabled+span.el-radio__label{ |
| | | color: #606266 !important; |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div>设å¤è®°å½</div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div>设å¤åç¨/å¯ç¨</div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
| | |
| | | prop="value0" |
| | | label="å¤ç«¯" |
| | | align="center" |
| | | width="80" :key="(new Date())+'1'"> |
| | | width="80" :key="(new Date().getTime())+'1234567'"> |
| | | <template slot="header"> |
| | | {{ 'å¤ç«¯'+(index+1) }} |
| | | </template> |
| | |
| | | prop="value1" |
| | | label="å
端" |
| | | align="center" |
| | | width="80" :key="(new Date())+'2'"> |
| | | width="80" :key="(new Date().getTime())+'23333333'"> |
| | | <template slot="header"> |
| | | {{ 'å
端'+(index+1) }} |
| | | </template> |
| | |
| | | <el-table-column |
| | | prop="comValue" |
| | | align="center" |
| | | min-width="150" :key="(new Date())+'3'"> |
| | | min-width="150" :key="(new Date().getTime())+'364654654'"> |
| | | <template slot="header"> |
| | | {{ 'è¡°åç³»æ°'+item }} |
| | | </template> |
| | |
| | | label="è¡°åå·®" |
| | | align="center" |
| | | v-if="wareForm.inspectionItemSubclass!='20(常温)'" |
| | | min-width="90" :key="(new Date())+'4'"> |
| | | min-width="90" :key="(new Date().getTime())+'434634634634'"> |
| | | <template slot="header"> |
| | | {{ 'è¡°åå·®'+(index+1) }} |
| | | </template> |
| | |
| | | prop="insResult" |
| | | label="ç»è®º" |
| | | align="center" |
| | | min-width="70" v-if="wareForm.inspectionItemSubclass!='20(常温)'" :key="(new Date())+'5'"> |
| | | min-width="70" v-if="wareForm.inspectionItemSubclass!='20(常温)'" :key="(new Date().getTime())+'53457689809808-'"> |
| | | <template slot="header"> |
| | | {{ 'ç»è®º'+(index+1) }} |
| | | </template> |
| | |
| | | let arr1 = [] |
| | | this.wareLength = []; |
| | | for(let i=0;i<arr.length;i++){ |
| | | arr1.push([]) |
| | | this.wareLength.push(arr[i][0].inspectionItemClass) |
| | | } |
| | | for(let i=0;i<arr[0].length;i++){ |
| | | arr1.push([]) |
| | | } |
| | | arr.forEach((item,index)=>{ |
| | | item.forEach((m,i)=>{ |
| | | try { |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="inspectionItem" label="æ£éªé¡¹" min-width="100" |
| | | show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="inspectionItemSubclass" label="æ£éªé¡¹åç±»" min-width="100" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="inspectionItemSubclass" label="æ£éªé¡¹åç±»" min-width="100" show-overflow-tooltip v-if="PROJECT=='è£
å¤çµç¼'"></el-table-column> |
| | | <el-table-column prop="laboratory" label="å®éªå®¤" min-min-width="100" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="unit" label="åä½" min-width="100" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="equipName" label="设å¤" min-width="100" show-overflow-tooltip> |
| | | <el-table-column prop="equipValue" label="设å¤" min-width="100" show-overflow-tooltip> |
| | | <template slot-scope="scope"> |
| | | {{handleData(scope.row.equipName)}} |
| | | {{handleData(scope.row.equipValue)}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="entrustCode" label="å§æç¼å·" min-width="100" show-overflow-tooltip></el-table-column> |
| | |
| | | }) |
| | | }, |
| | | handleData(e){ |
| | | let info = JSON.parse(e).map(item => { |
| | | let info = '' |
| | | if(e){ |
| | | info = JSON.parse(e).map(item => { |
| | | return item.v; |
| | | }).join(',') |
| | | } |
| | | return info |
| | | } |
| | | } |
| | |
| | | case 'pie': |
| | | iuCharts.drawPie(this.chart,this.datas) |
| | | break; |
| | | case 'gauge': |
| | | iuCharts.drawGauge(this.chart,this.datas) |
| | | break; |
| | | default: |
| | | break; |
| | | } |
| | |
| | | <template> |
| | | <div class="device-page"> |
| | | <div class="device-left"> |
| | | <el-input placeholder="è¾å
¥è®¾å¤åç§°" suffix-icon="el-icon-search" v-model="search" size="small" |
| | | @keyup.enter="handleSearch" |
| | | style="margin-bottom: 5px;" clearable @change="handleSearch"></el-input> |
| | | <ul v-loading="loading"> |
| | | <li v-for="(item,index) in 28" :title="item" :class="{active:index==current}" @click="getCurrentDevice(item,index)">设å¤å表设å¤å表设å¤å表设å¤å表</li> |
| | | </ul> |
| | | <el-input placeholder="è¾å
¥è®¾å¤åç§°" suffix-icon="el-icon-search" v-model="deviceName" size="small" |
| | | @keyup.enter="geList" |
| | | style="margin-bottom: 5px;" clearable @change="geList"></el-input> |
| | | <el-tree :data="list" ref="tree" :props="{ children: 'children', label: 'label' }" node-key="id" @node-click="handleNodeClick" highlight-current @node-expand="nodeOpen" |
| | | @node-collapse="nodeClose" v-loading="loading" :expand-on-click-node="false" |
| | | :default-expanded-keys="expandedKeys" |
| | | style="height:calc(100% - 46px);overflow-y: scroll;scrollbar-width: none;"> |
| | | <div class="custom-tree-node" slot-scope="{ node, data }"> |
| | | <el-row style="width: 100%;"> |
| | | <el-col :span="21" :title="data.label"> |
| | | <span class="single-line-ellipsis" style="width: 100%;display: inline-block;"> |
| | | <i :class="`node_i ${data.children != undefined ? (data.code==='[1]'?'el-icon-folder-opened':'el-icon-folder') : 'el-icon-tickets'}`"></i> |
| | | {{ data.label }} |
| | | </span> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </el-tree> |
| | | </div> |
| | | <div class="device-right"> |
| | | <el-radio-group v-model="currentPage" size="small"> |
| | |
| | | |
| | | <script> |
| | | import operationOverview from '../do/a6-device/operation-overview.vue'; |
| | | import files from '../do/a6-device/files.vue'; |
| | | import checkAndAccept from '../do/a6-device/check-and-accept.vue'; |
| | | import calibration from '../do/a6-device/calibration.vue'; |
| | | import check from '../do/a6-device/check.vue'; |
| | | import maintenance from '../do/a6-device/maintenance.vue'; |
| | | import borrow from "../do/a6-device/borrow.vue"; |
| | | import fault from "../do/a6-device/fault.vue"; |
| | | import record from '../do/a6-device/record.vue'; |
| | | import state from '../do/a6-device/state.vue'; |
| | | export default { |
| | | components:{ |
| | | operationOverview, |
| | | files, |
| | | checkAndAccept, |
| | | calibration, |
| | | check, |
| | | maintenance, |
| | | borrow, |
| | | fault, |
| | | record, |
| | | state, |
| | | }, |
| | | data(){ |
| | | return { |
| | | search:'', |
| | | current:0, |
| | | deviceName:'', |
| | | loading:false, |
| | | tabList:[ |
| | | { |
| | |
| | | title:'设å¤è¿è¡æ»è§', |
| | | }, |
| | | { |
| | | id:1, |
| | | id:'files', |
| | | title:'è®¾å¤æ¡£æ¡', |
| | | }, |
| | | { |
| | | id:2, |
| | | id:'checkAndAccept', |
| | | title:'设å¤éªæ¶', |
| | | }, |
| | | { |
| | | id:3, |
| | | id:'calibration', |
| | | title:'è®¾å¤æ ¡å', |
| | | }, |
| | | { |
| | | id:4, |
| | | id:'check', |
| | | title:'è®¾å¤æ ¸æ¥', |
| | | }, |
| | | { |
| | | id:5, |
| | | id:'maintenance', |
| | | title:'设å¤ç»´æ¤', |
| | | }, |
| | | { |
| | | id:6, |
| | | id:'borrow', |
| | | title:'设å¤åç¨', |
| | | }, |
| | | { |
| | | id:7, |
| | | id:'fault', |
| | | title:'è®¾å¤æ
é', |
| | | }, |
| | | { |
| | | id:8, |
| | | id:'record', |
| | | title:'使ç¨è®°å½', |
| | | }, |
| | | { |
| | | id:9, |
| | | id:'state', |
| | | title:'设å¤åç¨/å¯ç¨', |
| | | }, |
| | | ], |
| | | currentPage:'operationOverview' |
| | | currentPage:'operationOverview', |
| | | expandedKeys:[], |
| | | selectTree:'', |
| | | list:[] |
| | | } |
| | | }, |
| | | mounted(){ |
| | | this.geList() |
| | | }, |
| | | methods:{ |
| | | handleSearch(m){ |
| | | // this.loading = true; |
| | | geList(){ |
| | | this.loading = true; |
| | | this.$axios.get(this.$api.deviceScope.treeDevice+'?deviceName='+this.deviceName).then(res => { |
| | | this.loading = false; |
| | | let data = res.data |
| | | data.forEach((item,index) => { |
| | | item.id = index +1 |
| | | item.label = item.largeCategory |
| | | item.children.forEach((m,i)=>{ |
| | | m.label = m.deviceName |
| | | }) |
| | | }) |
| | | this.list = data |
| | | }) |
| | | }, |
| | | getCurrentDevice(item,index){ |
| | | this.current = index; |
| | | handleNodeClick(val, node, el) { //æ çå¼ |
| | | this.selectTree = '' |
| | | this.getNodeParent(node) |
| | | this.selectTree = this.selectTree.replace(' - ', '') |
| | | let data = this.selectTree.split(' - ') |
| | | let data2 = '' |
| | | for (let index = data.length - 1; index >= 0; index--) { |
| | | data2 += " - " + data[index] |
| | | } |
| | | this.selectTree = data2.replace(' - ', '') |
| | | |
| | | this.currentPage = 'operationOverview'; |
| | | } |
| | | }, |
| | | getNodeParent(val) { |
| | | if (val.parent != null) { |
| | | if(val.data.children === null){ |
| | | this.selectTree += ' - ' + val.label + ' - ' + 'null' |
| | | }else{ |
| | | this.selectTree += ' - ' + val.label |
| | | } |
| | | this.getNodeParent(val.parent) |
| | | } |
| | | }, |
| | | nodeOpen(data, node, el) { |
| | | $($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder-opened') |
| | | }, |
| | | nodeClose(data, node, el) { |
| | | $($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder') |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | |
| | | padding-top: 10px; |
| | | padding-bottom: 10px; |
| | | box-sizing: border-box; |
| | | width: 100%; |
| | | } |
| | | .device-left{ |
| | | width: 200px; |
| | |
| | | border-radius: 16px; |
| | | box-sizing: border-box; |
| | | padding: 10px 16px; |
| | | } |
| | | .device-left ul{ |
| | | list-style-type: none; |
| | | padding: 0; |
| | | margin: 0; |
| | | font-size: 14px; |
| | | color: #999999; |
| | | cursor: pointer; |
| | | margin-top: 10px; |
| | | height: calc(100% - 46px); |
| | | overflow-y: scroll; |
| | | } |
| | | .device-left ul li{ |
| | | white-space: nowrap; /* ç¦æ¢æ¢è¡ */ |
| | | overflow: hidden; /* éèæº¢åºçææ¬ */ |
| | | text-overflow: ellipsis; /* ç¨çç¥å·è¡¨ç¤ºæº¢åºçææ¬ */ |
| | | padding: 3px 0; |
| | | |
| | | } |
| | | .device-left ul li:hover{ |
| | | color: #3A7BFA; |
| | | } |
| | | .device-left ul li.active{ |
| | | color: #3A7BFA; |
| | | } |
| | | .device-right{ |
| | | background: #fff; |
| | |
| | | .device-right-content{ |
| | | margin-top: 10px; |
| | | height: calc(100% - 42px); |
| | | width: 100%; |
| | | } |
| | | .custom-tree-node { |
| | | width: 100%; |
| | | /* line-height: 32px; */ |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .node_i { |
| | | color: orange; |
| | | font-size: 18px; |
| | | } |
| | | </style> |
| | |
| | | Vue.prototype.$Big = Big; |
| | | |
| | | // 项ç®åæ¢ |
| | | // Vue.prototype.PROJECT = 'æ£æµä¸å¿' |
| | | Vue.prototype.PROJECT = 'è£
å¤çµç¼' |
| | | Vue.prototype.PROJECT = 'æ£æµä¸å¿' |
| | | // Vue.prototype.PROJECT = 'è£
å¤çµç¼' |
| | | //æ¬å° |
| | | // Vue.prototype.LOCATIONVUE = "http://127.0.0.1:80"; |
| | | // const javaApi = 'http://127.0.0.1:8001'; |
| | | // const javaApi = 'http://192.168.92.249:8001'; |
| | | const javaApi = 'http://192.168.92.249:8001'; |
| | | |
| | | //äº |
| | | // Vue.prototype.LOCATIONVUE = "http://114.132.189.42:8080"; |
| | |
| | | |
| | | //è£
å¤çµç¼æµè¯åº |
| | | // Vue.prototype.LOCATIONVUE = "http://10.16.173.59"; |
| | | const javaApi = 'http://10.16.173.59:8001'; |
| | | // const javaApi = 'http://10.16.173.59:8001'; |
| | | // const javaApi = 'http://192.168.92.249:8001'; |
| | | |
| | | Vue.prototype.HaveJson = (val) => { |
| | |
| | | ] |
| | | }; |
| | | chart.setOption(option); |
| | | }, |
| | | drawGauge:function(chart,params){ |
| | | let option = { |
| | | tooltip: { |
| | | formatter: "{a} <br/>{b} : {c}%" |
| | | }, |
| | | toolbox: { |
| | | feature: { |
| | | restore: {}, |
| | | saveAsImage: {} |
| | | } |
| | | }, |
| | | series: [ |
| | | { |
| | | type: 'gauge', |
| | | axisLine: { |
| | | lineStyle: { |
| | | width: 28, |
| | | color: [ |
| | | [0.3, '#67e0e3'], |
| | | [0.7, '#37a2da'], |
| | | [1, '#fd666d'] |
| | | ] |
| | | } |
| | | }, |
| | | pointer: { |
| | | itemStyle: { |
| | | color: 'auto' |
| | | } |
| | | }, |
| | | axisTick: { |
| | | distance: -28, |
| | | length: 8, |
| | | lineStyle: { |
| | | color: '#fff', |
| | | width: 2 |
| | | } |
| | | }, |
| | | splitLine: { |
| | | distance: -28, |
| | | length: 28, |
| | | lineStyle: { |
| | | color: '#fff', |
| | | width: 4 |
| | | } |
| | | }, |
| | | axisLabel: { |
| | | color: 'inherit', |
| | | distance: 40, |
| | | fontSize: 14 |
| | | }, |
| | | detail: { |
| | | valueAnimation: true, |
| | | formatter: '{value} %', |
| | | color: 'inherit', |
| | | textStyle: { |
| | | fontSize: 30, |
| | | align: 'center', |
| | | }, |
| | | }, |
| | | data: [ |
| | | { |
| | | value: 70 |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | }; |
| | | chart.setOption(option,true); |
| | | } |
| | | } |
| | | |