userCenteraddMaintenanceDataInformations.vue 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. <template>
  2. <div style="width: 100%;background: #fff;min-height: 700px;" class="userCenterAuthenticationPersonal">
  3. <div style="height: 80px;line-height: 80px;margin-top: 20px;margin: 0 20px; color: #666;font-size: 15px; border-bottom: 1px solid #bcbcbc;">
  4. 添加数据信息
  5. <!-- <span style="float: right;margin-top: 27px;"> <i class="el-icon-edit"></i> 修改</span> -->
  6. </div>
  7. <div style="width: 600px;" >
  8. <el-form ref="form" :model="form" label-width="160px" class="demo-ruleForm" style="margin-left: 100px;margin-top: 20px;width: 700px;">
  9. <el-form-item label="指标名称:" prop='name'>
  10. <el-input v-model="form.name" disabled style="width: 70%;"></el-input>
  11. </el-form-item>
  12. <el-form-item label="地区:" prop='name'>
  13. <el-input v-model="form.name" disabled style="width: 70%;"></el-input>
  14. </el-form-item>
  15. <el-form-item label="年份:" prop='name'>
  16. <el-date-picker
  17. v-model="form.startData"
  18. type="date"
  19. placeholder="选择日期" style="width: 70%;">
  20. </el-date-picker>
  21. </el-form-item>
  22. <el-form-item label="一级指标">
  23. <el-select v-model="form.name" placeholder="请选择活动区域" style="width: 70%;">
  24. <el-option label="区域一" value="shanghai"></el-option>
  25. <el-option label="区域二" value="beijing"></el-option>
  26. </el-select>
  27. </el-form-item>
  28. <el-form-item label="指标值:" prop='name'>
  29. <el-input v-model="form.name" disabled style="width: 70%;"></el-input>
  30. </el-form-item>
  31. <el-form-item label="指标单位:" prop='name'>
  32. <el-input v-model="form.name" disabled style="width: 70%;"></el-input>
  33. </el-form-item>
  34. <el-form-item label="指标来源:" prop='name'>
  35. <el-input v-model="form.name" disabled style="width: 70%;"></el-input>
  36. </el-form-item>
  37. <el-form-item label="指标来源方式:" prop='name'>
  38. <el-input v-model="form.name" disabled style="width: 70%;"></el-input>
  39. </el-form-item>
  40. </el-form>
  41. </div>
  42. <div style="height: 200px;">
  43. <div style="margin-top: 100px;">
  44. <el-button type="warning" style="margin-left: 300px;" @click="goAithentication">保存</el-button>
  45. <el-button type="primary" style="margin-left: 30px;">提交审核</el-button>
  46. </div>
  47. </div>
  48. </div>
  49. </template>
  50. <script>
  51. import { regionDataPlus } from 'element-china-area-data'
  52. import ue from '@/components/ue'
  53. export default {
  54. name: 'userCenteraddMaintenanceDataInformations',
  55. components: {
  56. ue
  57. },
  58. data () {
  59. return {
  60. informationsClass:'1',
  61. dialogVisible: false,
  62. ifDiaslog:'',
  63. title:'',
  64. options: regionDataPlus,
  65. selectedOptions: [],
  66. form: {
  67. name: '',
  68. region: '',
  69. date1: '',
  70. date3: '',
  71. date2: '',
  72. delivery: false,
  73. type: [],
  74. resource: '',
  75. desc: '',
  76. startData:''
  77. },
  78. imageUrl: ''
  79. }
  80. },
  81. methods:{
  82. goAithentication(num){
  83. this.$router.go(-1);//返回上一层
  84. },
  85. handleChange (value) {
  86. console.log(value)
  87. },
  88. handleAvatarSuccess(res, file) {
  89. this.imageUrl = URL.createObjectURL(file.raw);
  90. },
  91. beforeAvatarUpload(file) {
  92. const isJPG = file.type === 'image/jpeg';
  93. const isLt2M = file.size / 1024 / 1024 < 2;
  94. if (!isJPG) {
  95. this.$message.error('上传头像图片只能是 JPG 格式!');
  96. }
  97. if (!isLt2M) {
  98. this.$message.error('上传头像图片大小不能超过 2MB!');
  99. }
  100. return isJPG && isLt2M;
  101. }
  102. }
  103. }
  104. </script>
  105. <style scoped>
  106. .el-button {
  107. width: 200px;
  108. height: 45px;
  109. }
  110. .authenticationBox1 {
  111. margin-left: 35px;
  112. margin-right: 150px;
  113. height: 100px;
  114. border: 1px solid rgba(153, 153, 153, 1);
  115. border-radius: 10px;
  116. margin-top: 50px;
  117. position: relative;
  118. }
  119. .authenticationBox2 {
  120. margin: 50px 150px 0 35px;
  121. height: 100px;
  122. border: 1px solid rgba(153, 153, 153, 1);
  123. border-radius: 10px;
  124. position: relative;
  125. }
  126. .authenticationBox1:hover,
  127. .authenticationBox2:hover {
  128. border: 1px solid #ff8400;
  129. }
  130. .avatar-uploader .el-upload {
  131. border: 1px dashed #d9d9d9;
  132. border-radius: 6px;
  133. cursor: pointer;
  134. position: relative;
  135. overflow: hidden;
  136. }
  137. .avatar-uploader .el-upload:hover {
  138. border-color: #409EFF;
  139. }
  140. .userCenterAuthenticationPersonal>>>.el-upload {
  141. border: 1px solid rgba(204, 204, 204, 1);
  142. }
  143. .avatar-uploader-icon {
  144. font-size: 28px;
  145. color: #8c939d;
  146. width: 178px;
  147. height: 178px;
  148. line-height: 178px;
  149. text-align: center;
  150. }
  151. .avatar {
  152. width: 178px;
  153. height: 178px;
  154. display: block;
  155. }
  156. </style>