<el-main>
  <!--面包屑-->
  <breadcrumb-component ></breadcrumb-component>
  <el-container class="detail-container">
    <el-form label-position="right" class="create-form-outline-full-screen" :class="readonly?'readonly':''" :model="formInfo" ref="formInfo" >
      <el-row>
        <el-col :span="10">
            <el-input class="el-chart-code" prop="chartJson" :rules="[{ required: true, message: '输入不能为空', trigger: 'change'  }]"
            type="textarea"
            :rows="2"
            placeholder="请输入内容"
            v-model="formInfo.chartJson"
            @change = "changeChartCode(formInfo)">
          </el-input>
        </el-col>
        <el-col :span="14">
          <div class="el-echart-box" id="prviewCharts">


          </div>
        </el-col>
      </el-row>
      <el-form-item label="">
          <el-button type="primary" @click="update"  >确定</el-button>
          <el-button @click="goBack">取消并返回</el-button>
      </el-form-item>

    </el-form>
  </el-container>
</el-main>
