|
|
@@ -1,279 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="siteManage-main basic-info-page">
|
|
|
- <el-form
|
|
|
- :model="ruleForm"
|
|
|
- :rules="rules"
|
|
|
- ref="ruleForm"
|
|
|
- label-width="100px"
|
|
|
- class="demo-ruleForm"
|
|
|
- >
|
|
|
- <el-row style="min-width: 1100px">
|
|
|
- <el-col :span="8" :gutter="20">
|
|
|
- <div class="grid-content bg-purple">
|
|
|
- <el-form-item label="站点名称" prop="name">
|
|
|
- <el-input v-model="ruleForm.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="站点类型" prop="name">
|
|
|
- <el-input v-model="ruleForm.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="用户公司" prop="name">
|
|
|
- <el-input v-model="ruleForm.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item
|
|
|
- label="投运时间:"
|
|
|
- prop="planStartDate"
|
|
|
- style="margin-top: 0px"
|
|
|
- >
|
|
|
- <el-date-picker
|
|
|
- v-model="ruleForm.planStartDate"
|
|
|
- type="datetime"
|
|
|
- placeholder="选择日期时间"
|
|
|
- ></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="服务截止:" prop="planEndDate">
|
|
|
- <el-date-picker
|
|
|
- v-model="ruleForm.planEndDate"
|
|
|
- type="datetime"
|
|
|
- placeholder="选择日期时间"
|
|
|
- ></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="装机容量：" prop="name">
|
|
|
- <el-input v-model="ruleForm.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="供电类型" prop="resource">
|
|
|
- <el-radio-group v-model="ruleForm.resource">
|
|
|
- <el-radio label="单路"></el-radio>
|
|
|
- <el-radio label="双路"></el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="电压等级" prop="name">
|
|
|
- <el-input v-model="ruleForm.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="站点地址" prop="name">
|
|
|
- <el-input v-model="ruleForm.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="所属台区" prop="name">
|
|
|
- <el-input v-model="ruleForm.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="站点坐标" prop="name">
|
|
|
- <el-input v-model="ruleForm.name">
|
|
|
- <i
|
|
|
- :default-slot="suffix"
|
|
|
- class="el-input__icon el-icon-location-outline"
|
|
|
- ></i>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" :gutter="20">
|
|
|
- <el-form-item label="监察：" prop="region">
|
|
|
- <el-select v-model="ruleForm.region" placeholder="请选择">
|
|
|
- <el-option label="监察1" value="1"></el-option>
|
|
|
- <el-option label="监察2" value="2"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="折标准煤：" prop="name">
|
|
|
- <el-input v-model="ruleForm.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="折标准煤：" prop="resource">
|
|
|
- <el-radio-group v-model="ruleForm.resource">
|
|
|
- <el-radio label="电力（等价）"></el-radio>
|
|
|
- <el-radio label="电力（当量）"></el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <div style="opacity: 0.45">0.000404吨标准煤/千瓦时</div>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <a class="goArchive">现场档案</a>
|
|
|
-
|
|
|
- <div class="blockTitle mt-60 mb-20">动态属性</div>
|
|
|
- <el-form-item label="故障动态：" prop="region">
|
|
|
- <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
|
|
|
- <el-option label="故障动态1" value="1"></el-option>
|
|
|
- <el-option label="故障动态2" value="2"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="实时负荷：" prop="region">
|
|
|
- <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
|
|
|
- <el-option label="实时负荷1" value="1"></el-option>
|
|
|
- <el-option label="实时负荷2" value="2"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="总用电量：" prop="region">
|
|
|
- <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
|
|
|
- <el-option label="总用电量1" value="1"></el-option>
|
|
|
- <el-option label="总用电量2" value="2"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="功率因数：" prop="region">
|
|
|
- <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
|
|
|
- <el-option label="选择1" value="1"></el-option>
|
|
|
- <el-option label="选择2" value="2"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" :gutter="20">
|
|
|
- <div class="grid-content bg-purple">
|
|
|
- <div class="grid-content bg-purple-light">
|
|
|
- <div class="blockTitle mb-20">站点照片</div>
|
|
|
- <el-form-item label="选择文件" prop="delivery">
|
|
|
- <el-upload
|
|
|
- action="#"
|
|
|
- list-type="picture-card"
|
|
|
- :auto-upload="false"
|
|
|
- :limit="3"
|
|
|
- >
|
|
|
- <i class="el-icon-plus"></i>
|
|
|
- <div>
|
|
|
- <span class="el-upload-list__item-actions">
|
|
|
- <span
|
|
|
- class="el-upload-list__item-preview"
|
|
|
- @click="handlePictureCardPreview(file)"
|
|
|
- ></span>
|
|
|
- <span
|
|
|
- v-if="!disabled"
|
|
|
- class="el-upload-list__item-delete"
|
|
|
- @click="handleRemove(file)"
|
|
|
- >
|
|
|
- <i class="el-icon-delete"></i>
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </el-upload>
|
|
|
- <el-dialog v-model="dialogVisible">
|
|
|
- <img width="100%" :src="dialogImageUrl" alt="" />
|
|
|
- </el-dialog>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="联系人" prop="name">
|
|
|
- <el-input v-model="ruleForm.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="联系方式" prop="name">
|
|
|
- <el-input v-model="ruleForm.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="联系人2" prop="spare_user_name">
|
|
|
- <el-input v-model="ruleForm.spare_user_name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="联系方式2" prop="spare_phone">
|
|
|
- <el-input v-model="ruleForm.spare_phone"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" @click="submitForm('ruleForm')">
|
|
|
- 保存
|
|
|
- </el-button>
|
|
|
- <el-button @click="resetForm('ruleForm')">取消</el-button>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-export default {
|
|
|
- name: 'BasicInfo',
|
|
|
- data() {
|
|
|
- return {
|
|
|
- dialogImageUrl: '',
|
|
|
- dialogVisible: false,
|
|
|
- disabled: false,
|
|
|
- ruleForm: {
|
|
|
- name: '',
|
|
|
- region: '',
|
|
|
- date1: '',
|
|
|
- date2: '',
|
|
|
- delivery: false,
|
|
|
- type: [],
|
|
|
- resource: '',
|
|
|
- desc: '',
|
|
|
- planStartTime: '',
|
|
|
- planEndTime: '',
|
|
|
- },
|
|
|
- rules: {
|
|
|
- planStartDate: [
|
|
|
- { required: true, message: '请选择开始日期', trigger: 'change' },
|
|
|
- ],
|
|
|
- planEndDate: [
|
|
|
- { required: true, message: '请输入结束日期', trigger: 'change' },
|
|
|
- ],
|
|
|
- name: [
|
|
|
- { required: true, message: '请输入站点名称', trigger: 'blur' },
|
|
|
- { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
|
|
|
- ],
|
|
|
- spare_user_name: [
|
|
|
- { required: true, message: '请输入联系人2', trigger: 'blur' },
|
|
|
- { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
|
|
|
- ],
|
|
|
- spare_phone: [
|
|
|
- { required: true, message: '请输入联系方式2', trigger: 'blur' },
|
|
|
- { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
|
|
|
- ],
|
|
|
- region: [
|
|
|
- { required: true, message: '请选择活动区域', trigger: 'change' },
|
|
|
- ],
|
|
|
- date1: [
|
|
|
- {
|
|
|
- type: 'date',
|
|
|
- required: true,
|
|
|
- message: '请选择日期',
|
|
|
- trigger: 'change',
|
|
|
- },
|
|
|
- ],
|
|
|
- date2: [
|
|
|
- {
|
|
|
- type: 'date',
|
|
|
- required: true,
|
|
|
- message: '请选择时间',
|
|
|
- trigger: 'change',
|
|
|
- },
|
|
|
- ],
|
|
|
- type: [
|
|
|
- {
|
|
|
- type: 'array',
|
|
|
- required: true,
|
|
|
- message: '请至少选择一个活动性质',
|
|
|
- trigger: 'change',
|
|
|
- },
|
|
|
- ],
|
|
|
- resource: [
|
|
|
- { required: true, message: '请选择活动资源', trigger: 'change' },
|
|
|
- ],
|
|
|
- desc: [{ required: true, message: '请填写活动形式', trigger: 'blur' }],
|
|
|
- },
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- handleRemove(file) {
|
|
|
- console.log(file)
|
|
|
- },
|
|
|
- handlePictureCardPreview(file) {
|
|
|
- this.dialogImageUrl = file.url
|
|
|
- this.dialogVisible = true
|
|
|
- },
|
|
|
- submitForm(formName) {
|
|
|
- this.$refs[formName].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- alert('submit!')
|
|
|
- } else {
|
|
|
- console.log('error submit!!')
|
|
|
- return false
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- resetForm(formName) {
|
|
|
- this.$refs[formName].resetFields()
|
|
|
- },
|
|
|
- },
|
|
|
-}
|
|
|
-</script>
|
|
|
-<style scoped lang="scss">
|
|
|
-</style>
|
ming