update data-view

982a25e3 · chengxiang.li · 453c290b · 982a25e3 · 982a25e3 · 982a25e3
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
-    <link rel="shortcut icon" href="./static/img/index_logoicon.png">
+    <!-- <link rel="shortcut icon" href="./static/img/index_logoicon.png"> -->
 </head>
 <body>
 <div id="app"></div>

--- a/src/views/sensitive-control/data-view-message.vue
+++ b/src/views/sensitive-control/data-view-message.vue
 <template>
  <div class="data-view-message-wrap">
-      <el-table
-        :data="tableData"
-        border
-        style="width: 100%">
-        <el-table-column
-          prop="date"
-          label="日期"
-          >
-        </el-table-column>
-        <el-table-column
-          prop="name"
-          label="姓名"
-          >
-        </el-table-column>
-        <el-table-column
-          prop="province"
-          label="省份"
-          >
-        </el-table-column>
-        <el-table-column
-          prop="city"
-          label="市区"
-          >
-        </el-table-column>
-        <el-table-column
-          prop="address"
-          label="地址"
-          >
-        </el-table-column>
-        <el-table-column
-          prop="zip"
-          label="邮编"
-          >
-        </el-table-column>
-        <el-table-column
-          fixed="right"
-          label="操作"
-          width="100">
-          <template slot-scope="scope">
-            <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
-            <el-button type="text" size="small">编辑</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
+    <el-table
+      :data="tableData"
+      border
+      style="width: 100%">
+      <el-table-column
+        prop="date"
+        label="日期"
+        >
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="姓名"
+        >
+      </el-table-column>
+      <el-table-column
+        prop="province"
+        label="省份"
+        >
+      </el-table-column>
+      <el-table-column
+        prop="city"
+        label="市区"
+        >
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="地址"
+        >
+      </el-table-column>
+      <el-table-column
+        prop="zip"
+        label="邮编"
+        >
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        label="操作"
+        width="100">
+        <template slot-scope="scope">
+          <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
+          <el-button type="text" size="small">编辑</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 验证弹窗 -->
+    <el-dialog
+      title=""
+      :close-on-click-modal="false"
+      class="check-modal-box"
+      :visible.sync="centerDialogVisible"
+      width="500px"
+      center>
+      <p>该数据的审批单号为********，短信将发送至 156****8970 的手机上，如果手机已停用，请联系管理员。</p>
+      <div class="captcha">
+        <el-input v-model="message" placeholder="请输入内容"></el-input>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="centerDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
+      </span>
+    </el-dialog>
+
  </div>
 </template>

@@ -57,6 +76,7 @@

    data() {
      return {
+        centerDialogVisible: true,
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
@@ -95,6 +115,12 @@
  .header{ height: 0 !important; overflow: hidden;  left:0 !important;}
  .sidebar{ width: 0; overflow: hidden; }
  .content{ left: 0 !important;  top: 0 !important; } 
-
+  .data-view-message-wrap {
+    .check-modal-box{
+      .el-dialog__header{
+        display: none;
+      }
+    }
+  }

 </style>
\ No newline at end of file
--- a/src/views/sensitive-control/data-view.vue
+++ b/src/views/sensitive-control/data-view.vue