|
|
@@ -5,62 +5,18 @@
|
|
|
<el-button type='primary' @click='disabled = !disabled'>{{ disabled ? '编 辑' : '保 存' }}</el-button>
|
|
|
</div>
|
|
|
<div class='mt-10' style='width: 80%;'>
|
|
|
+ {{ keys }}
|
|
|
<el-form
|
|
|
:model="form"
|
|
|
label-width='140px'
|
|
|
:disabled='disabled'
|
|
|
class='form-content flex flex-col'
|
|
|
>
|
|
|
- <div class='flex flex-justify-start '>
|
|
|
- <el-form-item label="项目名称" style='flex:1'>
|
|
|
- <el-input v-model="form.name"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="总投资金额(万元)" style='flex:1' class='ml-20'>
|
|
|
- <el-input v-model="form.region"/>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class='full-width flex'>
|
|
|
- <el-form-item label="县(区)" style='flex:1'>
|
|
|
- <el-input v-model="form.name"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="责任单位" style='flex:1' class='ml-20'>
|
|
|
- <el-input v-model="form.region"/>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class='full-width flex'>
|
|
|
- <el-form-item label="主管单位" style='flex:1'>
|
|
|
- <el-input v-model="form.name"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="责任领导" style='flex:1' class='ml-20'>
|
|
|
- <el-input v-model="form.region"/>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class='full-width flex'>
|
|
|
- <el-form-item label="项目负责人" style='flex:1'>
|
|
|
- <el-input v-model="form.name"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="联系电话" style='flex:1' class='ml-20'>
|
|
|
- <el-input v-model="form.region"/>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class='full-width flex'>
|
|
|
- <el-form-item label="行业分类" style='flex:1'>
|
|
|
- <el-input v-model="form.name"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="建设起至时间" style='flex:1' class='ml-20'>
|
|
|
- <el-input v-model="form.region"/>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class='full-width flex'>
|
|
|
- <el-form-item label="项目负责人" style='flex:1'>
|
|
|
- <el-input v-model="form.name"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="联系电话" style='flex:1' class='ml-20'>
|
|
|
- <el-input v-model="form.region"/>
|
|
|
- </el-form-item>
|
|
|
+ <div class='grid light-green-bg' v-for='item in keys' :key='item.id'>
|
|
|
+ <div class='light-red-bg' style='width: 50%'>{{ item}}</div>
|
|
|
+<!-- <el-form-item :label="item" style='flex:1'>-->
|
|
|
+<!-- <el-input v-model="form.name"/>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
</div>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
@@ -74,10 +30,25 @@ export default {
|
|
|
info: {
|
|
|
type: Object,
|
|
|
default: null
|
|
|
+ },
|
|
|
+ detail: {
|
|
|
+ type: Object,
|
|
|
+ default: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ detail: {
|
|
|
+ handler (val) {
|
|
|
+ const jsonTmp = JSON.parse(val.other)
|
|
|
+ val.other = jsonTmp
|
|
|
+ this.keys = Object.keys(jsonTmp)
|
|
|
+ },
|
|
|
+ immediate: true
|
|
|
}
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
+ keys: null,
|
|
|
disabled: true,
|
|
|
form: {
|
|
|
name: '',
|
|
|
@@ -94,4 +65,9 @@ export default {
|
|
|
border: 1px solid #eeeeee;
|
|
|
padding: 20px;
|
|
|
}
|
|
|
+
|
|
|
+.grid {
|
|
|
+ display: grid;
|
|
|
+ grid-template-columns: auto auto;
|
|
|
+}
|
|
|
</style>
|