数据导入页面更新

src/views/sensitive-control/data-in.vue

 <template>
   <section>
-    <el-form ref="form" :model="form" label-width="120px">
+    <el-form ref="form" :model="form" label-width="80px" :inline="true">
       <el-form-item label="审批编号">
         <!-- <span>审批编号:&#12288;&#12288;</span> -->
         <el-input v-model="form.id_input" style="width:220px" placeholder="审批编号查询"></el-input>
       </el-form-item>
       <el-form-item label="申请日期">
         <!-- <span class="demonstration">数据申请日期:</span> -->
-        <el-date-picker v-model="form.value1" type="date" placeholder="选择日期"></el-date-picker>
+        <!-- <el-date-picker v-model="form.value1" type="date" placeholder="选择日期"></el-date-picker> -->
+         <el-select v-model="form.value" placeholder="请选择">
+          <el-option
+            v-for="item in form.options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
       </el-form-item>
       <el-form-item label="sheet名称">
         <!-- <span>sheet名:&#12288;&#12288;&nbsp;&nbsp;</span> -->
@@ -28,9 +36,11 @@
     </div>
     <template>
       <el-table :data="tableData" style="width: 100%">
-        <el-table-column prop="date" label="日期" width="180"></el-table-column>
-        <el-table-column prop="name" label="姓名" width="180"></el-table-column>
-        <el-table-column prop="address" label="地址"></el-table-column>
+        <el-table-column prop="date" label="审批编号" width="180"></el-table-column>
+        <el-table-column prop="name" label="人员姓名" width="180"></el-table-column>
+        <el-table-column prop="address" label="附件名称"></el-table-column>
+        <el-table-column prop="status" label="状态"></el-table-column>
+        <el-table-column prop="noticstatus" label="通知状态状态"></el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scoped">
             <span @click="dataview">查看</span>
@@ -128,17 +138,17 @@
 
           <div class="outsiders-wrap" v-if="form.usertype_radio == 2">
             <div class="block">
-              <span>数据需求方姓名&#12288;</span>
+              <span style="margin-right:35px">数据需求方姓名&#12288;</span>
               <el-input style="width:200px" v-model="sum_input" placeholder="请输入内容"></el-input>
             </div>
 
             <div class="block" style="margin-bottom:20px">
-              <span>数据需求方手机号</span>
+              <span style="margin-right:35px">数据需求方手机号</span>
               <el-input style="width:200px" v-model="sum_input" placeholder="请输入内容"></el-input>
             </div>
 
             <div>
-              <span>数据需求角色</span>
+              <span style="margin-right:60px">数据需求角色</span>
               <el-radio disabled v-model="radio" label="禁用">管理员</el-radio>
               <el-radio disabled v-model="radio" label="选中且禁用">普通用户</el-radio>
             </div>
@@ -219,9 +229,11 @@ export default {
   data() {
     return {
       input: "",
+      radio:'',
       value: "",
-      centerDialogVisible: true,
+      centerDialogVisible: false,
       change: true,
+      sum_input: "",
       tableData: [
         {
           date: "2016-05-02",
@@ -242,7 +254,17 @@ export default {
           date: "2016-05-03",
           name: "王小虎",
           address: "上海市普陀区金沙江路 1516 弄"
-        }
+        },
+         {
+          date: "2016-05-04",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1517 弄"
+        },
+         {
+          date: "2016-05-04",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1517 弄"
+        },
       ],
       options: [
         {
@@ -271,14 +293,13 @@ export default {
         date2: "",
         type: [],
         id_input: "",
-        sum_input: "",
         waringmsg_input: "",
         usertype_radio: "0",
-        warning_radio: "0",
         value1: "",
         value2: "",
         value: "",
         admintype_radio:"0",
+        warning_radio:"0",
       }
     };
   },
@@ -291,7 +312,6 @@ export default {
     },
     changeinout(value) {
       console.log("handle value: ", value);
-      this.change = !change;
     }
 
     // insiders() {