项目维护

src/views/logisticsMaterials/logisticsBasicData/projectInformation/info.vue

@@ -1,80 +1,80 @@
 <template>
-  <div class="container">
-    <el-form ref="formRef" :model="form" class="form" label-width="127px" size="default">
-      <el-row gutter="20">
-        <el-col :span="8">
-          <el-form-item label="服务库房" prop="name">
-            <el-input v-model="form.name" disabled></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="请领科室" prop="name">
-            <el-select v-model="form.type" placeholder="请选择请领科室">
-              <el-option label="请领科室" value=""></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="请领月份" prop="name">
-            <el-date-picker v-model="form.date" type="month" placeholder="请选择日期"></el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="项目名称" prop="name">
-            <el-input v-model="form.name" placeholder="请输入项目名称">
-              <template #prefix>
-                <el-icon class="el-input__icon" @click="handleSearch">
-                  <search />
-                </el-icon>
-              </template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-
-    <el-divider />
-    <div class="title-area">
-      采购明细
-    </div>
-    <el-table :data="detailTableData" style="width: 100%" height="500" size="default">
-      <el-table-column fixed="left" label="操作" width="80">
-        <template #default>
-          <el-button type="danger" size="small" @click="handleClick">
-            删 除
-          </el-button>
-          <!-- <el-button link type="primary" size="small">Edit</el-button> -->
-        </template>
-      </el-table-column>
-      <el-table-column type="index" prop="date" label="序号" width="80" />
-      <el-table-column prop="name" label="项目编码" />
-      <el-table-column prop="state" label="项目名称" />
-      <el-table-column prop="city" label="规格" />
-      <el-table-column prop="city" label="单位" />
-      <el-table-column prop="city" label="请领数量">
-        <template #default="scope">
-          <el-input v-model="scope.row.city" type="number" />
-        </template>
-      </el-table-column>
-    </el-table>
-    <div class="confirm-area flex-center-row" style="margin-top: 20px;">
-      <el-button type="primary" @click="confirm" size="default">确定</el-button>
-      <el-button @click="cancel" size="default">取消</el-button>
+    <div class="container">
+        <el-form ref="formRef" :model="form" class="form" label-width="127px" size="default">
+            <el-row gutter="20">
+                <el-col :span="8">
+                    <el-form-item label="服务库房" prop="name">
+                        <el-input v-model="form.name" disabled></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="请领科室" prop="name">
+                        <el-select v-model="form.type" placeholder="请选择请领科室">
+                            <el-option label="请领科室" value=""></el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="请领月份" prop="name">
+                        <el-date-picker v-model="form.date" type="month" placeholder="请选择日期"></el-date-picker>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                    <el-form-item label="项目名称" prop="name">
+                        <el-input v-model="form.name" placeholder="请输入项目名称">
+                            <template #prefix>
+                                <el-icon class="el-input__icon" @click="handleSearch">
+                                    <search />
+                                </el-icon>
+                            </template>
+                        </el-input>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-form>
+
+        <el-divider />
+        <div class="title-area">
+            采购明细
+        </div>
+        <el-table :data="detailTableData" style="width: 100%" height="500" size="default">
+            <el-table-column fixed="left" label="操作" width="80">
+                <template #default>
+                    <el-button type="danger" size="small" @click="handleClick">
+                        删 除
+                    </el-button>
+                    <!-- <el-button link type="primary" size="small">Edit</el-button> -->
+                </template>
+            </el-table-column>
+            <el-table-column type="index" prop="date" label="序号" width="80" />
+            <el-table-column prop="name" label="项目编码" />
+            <el-table-column prop="state" label="项目名称" />
+            <el-table-column prop="city" label="规格" />
+            <el-table-column prop="city" label="单位" />
+            <el-table-column prop="city" label="请领数量">
+                <template #default="scope">
+                    <el-input v-model="scope.row.city" type="number" />
+                </template>
+            </el-table-column>
+        </el-table>
+        <div class="confirm-area flex-center-row" style="margin-top: 20px;">
+            <el-button type="primary" @click="confirm" size="default">确定</el-button>
+            <el-button @click="cancel" size="default">取消</el-button>
+        </div>
     </div>
-  </div>
 
-  <!-- <el-divider /> -->
+    <!-- <el-divider /> -->
 
 
-  <el-dialog v-model="showDialog" :close-on-click-modal="false" :close-on-press-escape="false" title="选择项目" width="70%"
-    destroy-on-close>
-    <el-table :data="itemTableData" style="width: 100%" height="450">
-      <el-table-column prop="date" label="项目编码" />
-      <el-table-column prop="name" label="项目名称" />
-      <el-table-column prop="address" label="规格" />
-      <el-table-column prop="address" label="单位" />
-    </el-table>
-  </el-dialog>
+    <el-dialog v-model="showDialog" :close-on-click-modal="false" :close-on-press-escape="false" title="选择项目"
+        width="70%" destroy-on-close>
+        <el-table :data="itemTableData" style="width: 100%" height="450">
+            <el-table-column prop="date" label="项目编码" />
+            <el-table-column prop="name" label="项目名称" />
+            <el-table-column prop="address" label="规格" />
+            <el-table-column prop="address" label="单位" />
+        </el-table>
+    </el-dialog>
 </template>
 <script setup name="YpDictInfo">
 import { nextTick, onMounted, ref } from 'vue'
@@ -83,271 +83,100 @@ import { clone } from '@/utils/clone'
 import { Export } from '@/utils/ExportExcel'
 
 const props = defineProps({
-  //子组件接收父组件传递过来的值
-  currentEditCode: String,
+    //子组件接收父组件传递过来的值
+    currentEditCode: String,
 })
 //使用父组件传递过来的值
 const { currentEditCode } = toRefs(props)
 
 onMounted(() => {
-  nextTick(() => {
+    nextTick(() => {
 
-  })
+    })
 })
 
 let form = ref({
-  code: ""
+    code: ""
 })
 
 let showDialog = ref(false)
 
 let itemTableData = ref([
-  {
-    date: '2016-05-03',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-02',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-04',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
+    {
+        date: '2016-05-03',
+        name: 'Tom',
+        address: 'No. 189, Grove St, Los Angeles',
+    },
+    {
+        date: '2016-05-02',
+        name: 'Tom',
+        address: 'No. 189, Grove St, Los Angeles',
+    },
+    {
+        date: '2016-05-04',
+        name: 'Tom',
+        address: 'No. 189, Grove St, Los Angeles',
+    },
 ])
 
 let detailTableData = ref([
-  {
-    date: '2016-05-03',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-02',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-04',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
+    {
+        date: '2016-05-03',
+        name: 'Tom',
+        address: 'No. 189, Grove St, Los Angeles',
+    },
+    {
+        date: '2016-05-02',
+        name: 'Tom',
+        address: 'No. 189, Grove St, Los Angeles',
+    },
+    {
+        date: '2016-05-04',
+        name: 'Tom',
+        address: 'No. 189, Grove St, Los Angeles',
+    },
 ])
 
 
 
 const handleSearch = () => {
-  console.log(form.value)
-  showDialog.value = true
-}
-
-</script>
-
-<style lang="scss">
-.container {
-  height: 98%;
-  width: 100%;
-
-  .top-area {
-    height: 8%;
-    border-bottom: 1px solid #727070;
-    font-size: 1.2rem;
-  }
-
-  .title-area {
-    font-size: 1.2rem;
-    font-weight: bold;
-  }
+    console.log(form.value)
+    showDialog.value = true
 }
 
+const confirm = () => {
 
-
-.el-input__icon {
-  cursor: pointer;
 }
 
-.flex-center-row {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-</style><template>
-  <div class="container">
-    <el-form ref="formRef" :model="form" class="form" label-width="127px" size="default">
-      <el-row gutter="20">
-        <el-col :span="8">
-          <el-form-item label="服务库房" prop="name">
-            <el-input v-model="form.name" disabled></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="请领科室" prop="name">
-            <el-select v-model="form.type" placeholder="请选择请领科室">
-              <el-option label="请领科室" value=""></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="请领月份" prop="name">
-            <el-date-picker v-model="form.date" type="month" placeholder="请选择日期"></el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="项目名称" prop="name">
-            <el-input v-model="form.name" placeholder="请输入项目名称">
-              <template #prefix>
-                <el-icon class="el-input__icon" @click="handleSearch">
-                  <search />
-                </el-icon>
-              </template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-
-    <el-divider />
-    <div class="title-area">
-      采购明细
-    </div>
-    <el-table :data="detailTableData" style="width: 100%" height="500" size="default">
-      <el-table-column fixed="left" label="操作" width="80">
-        <template #default>
-          <el-button type="danger" size="small" @click="handleClick">
-            删 除
-          </el-button>
-          <!-- <el-button link type="primary" size="small">Edit</el-button> -->
-        </template>
-      </el-table-column>
-      <el-table-column type="index" prop="date" label="序号" width="80" />
-      <el-table-column prop="name" label="项目编码" />
-      <el-table-column prop="state" label="项目名称" />
-      <el-table-column prop="city" label="规格" />
-      <el-table-column prop="city" label="单位" />
-      <el-table-column prop="city" label="请领数量">
-        <template #default="scope">
-          <el-input v-model="scope.row.city" type="number" />
-        </template>
-      </el-table-column>
-    </el-table>
-    <div class="confirm-area flex-center-row" style="margin-top: 20px;">
-      <el-button type="primary" @click="confirm" size="default">确定</el-button>
-      <el-button @click="cancel" size="default">取消</el-button>
-    </div>
-  </div>
-
-  <!-- <el-divider /> -->
-
-
-  <el-dialog v-model="showDialog" :close-on-click-modal="false" :close-on-press-escape="false" title="选择项目" width="70%"
-    destroy-on-close>
-    <el-table :data="itemTableData" style="width: 100%" height="450">
-      <el-table-column prop="date" label="项目编码" />
-      <el-table-column prop="name" label="项目名称" />
-      <el-table-column prop="address" label="规格" />
-      <el-table-column prop="address" label="单位" />
-    </el-table>
-  </el-dialog>
-</template>
-<script setup name="YpDictInfo">
-import { nextTick, onMounted, ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { clone } from '@/utils/clone'
-import { Export } from '@/utils/ExportExcel'
-
-const props = defineProps({
-  //子组件接收父组件传递过来的值
-  currentEditCode: String,
-})
-//使用父组件传递过来的值
-const { currentEditCode } = toRefs(props)
-
-onMounted(() => {
-  nextTick(() => {
-
-  })
-})
-
-let form = ref({
-  code: ""
-})
-
-let showDialog = ref(false)
-
-let itemTableData = ref([
-  {
-    date: '2016-05-03',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-02',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-04',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-])
-
-let detailTableData = ref([
-  {
-    date: '2016-05-03',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-02',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-04',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-])
-
-
-
-const handleSearch = () => {
-  console.log(form.value)
-  showDialog.value = true
-}
 
 </script>
 
 <style lang="scss">
 .container {
-  height: 98%;
-  width: 100%;
-
-  .top-area {
-    height: 8%;
-    border-bottom: 1px solid #727070;
-    font-size: 1.2rem;
-  }
-
-  .title-area {
-    font-size: 1.2rem;
-    font-weight: bold;
-  }
+    height: 98%;
+    width: 100%;
+
+    .top-area {
+        height: 8%;
+        border-bottom: 1px solid #727070;
+        font-size: 1.2rem;
+    }
+
+    .title-area {
+        font-size: 1.2rem;
+        font-weight: bold;
+    }
 }
 
 
 
 .el-input__icon {
-  cursor: pointer;
+    cursor: pointer;
 }
 
 .flex-center-row {
-  display: flex;
-  justify-content: center;
-  align-items: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 </style>