|
@@ -0,0 +1,277 @@
|
|
|
|
+<template>
|
|
|
|
+ <div class="relation-maintain">
|
|
|
|
+ <!--计算无需配置源末端的关系时提示-->
|
|
|
|
+ <el-dialog
|
|
|
|
+ :title="values.title"
|
|
|
|
+ :visible.sync="dialogTableVisible"
|
|
|
|
+ >
|
|
|
|
+ <span class="font-big">{{values.autoComputed}}</span>
|
|
|
|
+ <footer
|
|
|
|
+ slot="footer"
|
|
|
|
+ class="dialog-footer "
|
|
|
|
+ >
|
|
|
|
+ <el-button @click="dialogTableVisible = false">{{values.cancel}}</el-button>
|
|
|
|
+ <el-button
|
|
|
|
+ type="primary"
|
|
|
|
+ @click="dialogTableVisible = false"
|
|
|
|
+ >{{values.confirm}}
|
|
|
|
+ </el-button>
|
|
|
|
+ </footer>
|
|
|
|
+ </el-dialog>
|
|
|
|
+ <!-- 计算需配置源末端的关系且已配置时提示-->
|
|
|
|
+ <el-dialog
|
|
|
|
+ :title="values.title"
|
|
|
|
+ :visible.sync="dialogTableVisibleMore"
|
|
|
|
+ >
|
|
|
|
+ <p class="font-big">{{values.existComputed}}</p>
|
|
|
|
+ <p class="exist-title">{{values.existTitle}}</p>
|
|
|
|
+ <el-row :span="24">
|
|
|
|
+ <el-col :span="8">
|
|
|
|
+ <p>{{values.originEquipment}}</p>
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="originEquipment"
|
|
|
|
+ multiple
|
|
|
|
+ :placeholder="values.placeholder"
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in options"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ >
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="8">
|
|
|
|
+ <p>{{values.endEquipment}}</p>
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="endEquipment"
|
|
|
|
+ multiple
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in options"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ >
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ <footer
|
|
|
|
+ slot="footer"
|
|
|
|
+ class="dialog-footer "
|
|
|
|
+ >
|
|
|
|
+ <el-button @click="dialogTableVisibleMore = false">{{values.cancel}}</el-button>
|
|
|
|
+ <el-button
|
|
|
|
+ type="primary"
|
|
|
|
+ @click="dialogTableVisibleMore = false"
|
|
|
|
+ >{{values.promptly}}
|
|
|
|
+ </el-button>
|
|
|
|
+ </footer>
|
|
|
|
+ </el-dialog>
|
|
|
|
+ <!--设定设备对象源/末端-->
|
|
|
|
+ <el-dialog
|
|
|
|
+ :title="values.title"
|
|
|
|
+ :visible.sync="dialogEquipment"
|
|
|
|
+ >
|
|
|
|
+ <span>{{values.underDesign}}</span>
|
|
|
|
+ <footer
|
|
|
|
+ slot="footer"
|
|
|
|
+ class="dialog-footer"
|
|
|
|
+ >
|
|
|
|
+ <el-button
|
|
|
|
+ type="primary"
|
|
|
|
+ @click="dialogEquipment = false"
|
|
|
|
+ >{{values.confirm}}
|
|
|
|
+ </el-button>
|
|
|
|
+ </footer>
|
|
|
|
+ </el-dialog>
|
|
|
|
+ <!--手动编辑:提示引导-->
|
|
|
|
+ <el-dialog
|
|
|
|
+ :title="values.title"
|
|
|
|
+ :visible.sync="dialogManualTip"
|
|
|
|
+ >
|
|
|
|
+ <p class="font-big">{{values.tips}}</p>
|
|
|
|
+ <p class="font-big">{{values.device}}</p>
|
|
|
|
+ <p class="font-big">{{values.system}}</p>
|
|
|
|
+ <footer
|
|
|
|
+ slot="footer"
|
|
|
|
+ class="dialog-footer "
|
|
|
|
+ >
|
|
|
|
+ <el-button @click="dialogManualTip = false">{{values.confirm}}
|
|
|
|
+ </el-button>
|
|
|
|
+ </footer>
|
|
|
|
+ </el-dialog>
|
|
|
|
+ <!--手动编辑:手动维护-->
|
|
|
|
+ <el-dialog
|
|
|
|
+ :title="values.title"
|
|
|
|
+ :visible.sync="dialogManualOption"
|
|
|
|
+ >
|
|
|
|
+ <p class="option-tip">{{values.optionTips}}</p>
|
|
|
|
+ <el-row :span="24">
|
|
|
|
+ <el-col :span="8">
|
|
|
|
+ <p>
|
|
|
|
+ <i class="iconfont icon-doc-line"/>
|
|
|
|
+ {{values.currentNum}}
|
|
|
|
+ 2333
|
|
|
|
+ </p>
|
|
|
|
+ <el-button
|
|
|
|
+ type="primary"
|
|
|
|
+ class="mt-10"
|
|
|
|
+ >{{values.download}}
|
|
|
|
+ </el-button>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="10">
|
|
|
|
+ {{values.lastTime}}
|
|
|
|
+ 2010-10-14
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ <el-upload
|
|
|
|
+ class="upload-demo"
|
|
|
|
+ drag
|
|
|
|
+ action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
|
+ multiple
|
|
|
|
+ :on-progress="progress"
|
|
|
|
+ :on-success="success"
|
|
|
|
+ :on-error="error"
|
|
|
|
+ >
|
|
|
|
+ <i class="el-icon-upload"/>
|
|
|
|
+ <div
|
|
|
|
+ class="el-upload__text"
|
|
|
|
+ v-html="values.uploadTxt"
|
|
|
|
+ />
|
|
|
|
+ <div class="upload__tip danger" slot="tip">{{ values.uploadTips}}</div>
|
|
|
|
+ </el-upload>
|
|
|
|
+ </el-dialog>
|
|
|
|
+ <!--手动编辑:手动维护.process结束-->
|
|
|
|
+ <el-dialog
|
|
|
|
+ :title="values.title"
|
|
|
|
+ :visible.sync="dialogProcess"
|
|
|
|
+ >
|
|
|
|
+ <div class="block">
|
|
|
|
+ <el-timeline>
|
|
|
|
+ <el-timeline-item
|
|
|
|
+ v-for="(activity, index) in activities"
|
|
|
|
+ :key="index"
|
|
|
|
+ :icon="activity.icon"
|
|
|
|
+ :type="activity.type"
|
|
|
|
+ :color="activity.color"
|
|
|
|
+ :size="activity.size"
|
|
|
|
+ >
|
|
|
|
+ {{activity.content}}
|
|
|
|
+ </el-timeline-item>
|
|
|
|
+ </el-timeline>
|
|
|
|
+ </div>
|
|
|
|
+ <el-button>{{values.downloadFile}}</el-button>
|
|
|
|
+ <footer
|
|
|
|
+ slot="footer"
|
|
|
|
+ class="dialog-footer "
|
|
|
|
+ >
|
|
|
|
+ <el-button @click="dialogProcess = false">{{values.cancel}}</el-button>
|
|
|
|
+ <el-button
|
|
|
|
+ type="primary"
|
|
|
|
+ @click="dialogProcess = false"
|
|
|
|
+ >{{values.done}}
|
|
|
|
+ </el-button>
|
|
|
|
+ </footer>
|
|
|
|
+ </el-dialog>
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+ export default {
|
|
|
|
+ name: "relation-maintain",
|
|
|
|
+ props: {
|
|
|
|
+ values: Object
|
|
|
|
+ },
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ dialogTableVisible: false,
|
|
|
|
+ dialogTableVisibleMore: false,
|
|
|
|
+ dialogEquipment: false,
|
|
|
|
+ dialogManualTip: false,
|
|
|
|
+ dialogManualOption: false,
|
|
|
|
+ dialogProcess: false,
|
|
|
|
+ originEquipment: [],
|
|
|
|
+ endEquipment: [],
|
|
|
|
+ options: [{
|
|
|
|
+ value: '选项1',
|
|
|
|
+ label: '黄金糕'
|
|
|
|
+ }, {
|
|
|
|
+ value: '选项2',
|
|
|
|
+ label: '双皮奶'
|
|
|
|
+ }, {
|
|
|
|
+ value: '选项5',
|
|
|
|
+ label: '北京烤鸭'
|
|
|
|
+ }],
|
|
|
|
+ activities: [{
|
|
|
|
+ content: '支持使用图标',
|
|
|
|
+ size: 'large',
|
|
|
|
+ type: 'primary',
|
|
|
|
+ icon: 'el-icon-check',
|
|
|
|
+ color: '#0bbd87'
|
|
|
|
+ }, {
|
|
|
|
+ content: '支持自定义颜色',
|
|
|
|
+ color: '#0bbd87',
|
|
|
|
+ icon: 'el-icon-check',
|
|
|
|
+ size: 'large',
|
|
|
|
+ type: 'primary',
|
|
|
|
+ }]
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ progress(event, file, fileList) {
|
|
|
|
+ // console.log(event.file, fileList)
|
|
|
|
+ },
|
|
|
|
+ success(event, file, fileList) {
|
|
|
|
+ console.log(event.file, fileList)
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ error(event, file, fileList) {
|
|
|
|
+ //成功时候调用,木有接口,test下
|
|
|
|
+ this.dialogManualOption = false
|
|
|
|
+ this.dialogProcess = true
|
|
|
|
+ console.log(event.file, fileList)
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style scoped lang="less">
|
|
|
|
+ .relation-maintain {
|
|
|
|
+ .mt-10 {
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .danger {
|
|
|
|
+ color: #d9001b;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .font-big {
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ .exist-title {
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ color: #AAAAAA;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .option-tip {
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .upload-demo {
|
|
|
|
+ margin: 20px 0;
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .el-upload-dragger {
|
|
|
|
+ width: 600px;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+</style>
|