|
@@ -2,74 +2,49 @@
|
|
|
<div class="drawer-content">
|
|
|
<el-form :ref="formName" :rules="rules" :model="form" label-width="150px">
|
|
|
<el-form-item label="风场名称" prop="name">
|
|
|
- <el-input v-model="form.name"></el-input>
|
|
|
+ <el-input v-model="form.name" :disabled="is_disabled"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="风场编号" required prop="number">
|
|
|
- <el-input v-model="form.number"></el-input>
|
|
|
+ <el-input v-model="form.number" :disabled="is_disabled"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="风场类型" required prop="wind_type">
|
|
|
<el-select v-model="form.wind_type" filterable placeholder="请选择风场类型">
|
|
|
- <el-option
|
|
|
- v-for="item in windTypeData"
|
|
|
- :key="item.value"
|
|
|
- :label="item.text"
|
|
|
- :value="item.value">
|
|
|
+ <el-option v-for="item in windTypeData" :key="item.value" :label="item.text" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="所属部门" required prop="department_id">
|
|
|
- <el-cascader
|
|
|
- class="filter-item form-search-input fl"
|
|
|
- placeholder="请选择所属部门"
|
|
|
- :options="departmentData"
|
|
|
- v-model="form.department_id"
|
|
|
- :show-all-levels="false"
|
|
|
- :props="departProps"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- ></el-cascader>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="环境类型" required prop="env_type">
|
|
|
+ <el-form-item label="所属部门" required prop="department_id">
|
|
|
+ <el-cascader class="filter-item form-search-input fl" placeholder="请选择所属部门" :options="departmentData"
|
|
|
+ v-model="form.department_id" :show-all-levels="false" :props="departProps" filterable clearable></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="环境类型" required prop="env_type">
|
|
|
<el-select v-model="form.env_type" filterable placeholder="请选择环境类型">
|
|
|
- <el-option
|
|
|
- v-for="item in EnvTypeData"
|
|
|
- :key="item.value"
|
|
|
- :label="item.text"
|
|
|
- :value="item.value">
|
|
|
+ <el-option v-for="item in EnvTypeData" :key="item.value" :label="item.text" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="所属区域" prop="area_id" placeholder="请选择所属区域">
|
|
|
- <regionals style="width: 85%"
|
|
|
- ref="regionals"
|
|
|
- class="filter-item fl"
|
|
|
- appendToBody
|
|
|
- @checked="selectArea"
|
|
|
- :defaultCheckedKeys="defaultCheckedKeys"
|
|
|
- />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="所属区域" prop="area_id" placeholder="请选择所属区域">
|
|
|
+ <regionals style="width: 85%" ref="regionals" class="filter-item fl" appendToBody @checked="selectArea"
|
|
|
+ :defaultCheckedKeys="defaultCheckedKeys" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="详细地址" prop="address">
|
|
|
<el-input v-model="form.address"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="风场边颜色" prop="side_color">
|
|
|
+ <el-form-item label="风场边颜色" prop="side_color">
|
|
|
<el-color-picker v-model="form.side_color"></el-color-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="风场内颜色" prop="inside_color">
|
|
|
+ <el-form-item label="风场内颜色" prop="inside_color">
|
|
|
<el-color-picker v-model="form.inside_color"></el-color-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="海拔高度" prop="altitude">
|
|
|
+ <el-form-item label="海拔高度" prop="altitude">
|
|
|
<el-input v-model="form.altitude"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="主机制造商" required prop="env_type">
|
|
|
- <el-select v-model="form.host_firm" filterable placeholder="主机制造商">
|
|
|
- <el-option
|
|
|
- v-for="item in HostTypeData"
|
|
|
- :key="item.value"
|
|
|
- :label="item.text"
|
|
|
- :value="item.value">
|
|
|
+ <el-select v-model="form.host_firm" filterable placeholder="主机制造商">
|
|
|
+ <el-option v-for="item in HostTypeData" :key="item.value" :label="item.text" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="备注" prop="remark">
|
|
|
<el-input type="textarea" v-model="form.remark"></el-input>
|
|
|
</el-form-item>
|
|
@@ -120,6 +95,7 @@ export default {
|
|
|
value: "id",
|
|
|
checkStrictly: true,
|
|
|
},
|
|
|
+ is_disabled:false,
|
|
|
windTypeData: [],
|
|
|
defaultCheckedKeys:[],
|
|
|
EnvTypeData:[],
|
|
@@ -130,8 +106,8 @@ export default {
|
|
|
{ required: true, message: "请输入风场名称", trigger: "change" },
|
|
|
{
|
|
|
min: 2,
|
|
|
- max: 50,
|
|
|
- message: "长度在 2 到 50 个字符",
|
|
|
+ max: 20,
|
|
|
+ message: "长度在 2 到 20 个字符",
|
|
|
trigger: "blur",
|
|
|
},
|
|
|
],
|
|
@@ -153,6 +129,7 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
+
|
|
|
this.getDepartmentData();
|
|
|
this.$http.post("sysDictData/getOptions", { type: "WindType" }).then(resp => {
|
|
|
this.windTypeData = resp.data
|
|
@@ -169,6 +146,10 @@ export default {
|
|
|
computed: {
|
|
|
form: {
|
|
|
get() {
|
|
|
+ if (this.formData.id)
|
|
|
+ {
|
|
|
+ this.is_disabled = true;
|
|
|
+ }
|
|
|
return this.formData;
|
|
|
},
|
|
|
set(val) {
|
|
@@ -201,6 +182,7 @@ export default {
|
|
|
return false;
|
|
|
}
|
|
|
if (this.form.id) {
|
|
|
+ //禁止修改风场名称和风场编号
|
|
|
// 修改操作
|
|
|
var saveData = {
|
|
|
name: this.form.name,
|